/*------------------------운용전략 추가------------------------*/
/* =========================== PAGE */
/* 공통 */
.pagecommon{position:relative;font-size:16px;letter-spacing:-.3px;color:#777;line-height:1.8}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .tit span{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
.pagecommon .tit p{font-size:30px;font-weight:600;line-height:1.4;color:#111}
.pagecommon .inner{max-width:1300px;margin:0 auto}
.pagecommon .box{padding:130px 0 0 60px;}
.pagecommon .c_txt{margin-bottom:80px;text-align:center}

#service1012 .bnr{display:flex;align-items:center;height:600px;color:#fff;line-height:1.3;background:url(../img/sub/service1012_bg.jpg) no-repeat}
#service1012 .bnr p{margin-bottom:20px;font-size:45px;font-weight:200}
#service1012 .bnr span{font-size:15px;font-weight:700;letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
#service1012 .bnr .inner{width:1300px}

#service1012 .slide_area .subSlide{width:1100px;margin:0 auto}
#service1012 .slide_area .subSlide img{width:100%}
#service1012 .slide_area li{position:relative}
#service1012 .slide_area .s_txt{position:absolute;bottom:-80px;right:40px;text-align:right;color:#fff;transition:all .3s}
#service1012 .slide_area .s_txt span{font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
#service1012 .slide_area .s_txt p{font-size:20px;font-weight:500}
#service1012 .slide_area .control{position:absolute;display:flex;justify-content:space-between;top:50%;left:0;width:100%;transform:translateY(-50%)}
#service1012 .slide_area button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50px;border:1px solid #e1e1e1;background:none;transition:all .3s}

#service1012 .bg{color:#fff;background:var(--primary)}
#service1012 .bg .tit span{color:#fff}
#service1012 .bg .tit p{color:#fff}
#service1012 .bg .tit div{margin-top:30px;opacity:.6}
#service1012 .bg .inner{display:flex;align-items:center;justify-content:space-between}
#service1012 .num{width:40%}
#service1012 .num li{position:relative;display:flex;align-items:center;padding-left:25px}
#service1012 .num li:before{position:absolute;content:'';left:0;top:50%;width:5px;height:5px;border-radius:50px;background:#fff;transform:translateY(-50%)}
#service1012 .num li>span{width:130px;font-size:20px;font-weight:700}
#service1012 .num div{display:flex;align-items:baseline;gap:15px}
#service1012 .num div p{font-size:80px;font-weight:700}

#service1012 .dnf dl{display:flex;align-items:center;padding:40px 70px;border:1px solid #e1e1e1;border-left:3px solid var(--primary)}
#service1012 .dnf dl+dl{margin-top:20px}
#service1012 .dnf dt{width:15%;font-size:20px;font-weight:700;color:#111}
#service1012 .dnf dd{width:85%}

@media(hover:hover){
#service1012 .slide_area button:hover{border:1px solid #111}
#service1012 .slide_area li:hover .s_txt{bottom:40px}
}

@media(max-width:1024px){
.pagecommon .box{padding:100px 0 0 60px}
.pagecommon .c_txt{margin-bottom:50px}

#service1012 .bnr{height:430px;background-position:center}
#service1012 .bnr .inner{width:100%;text-align:center}
#service1012 .bnr p{font-size:38px}

#service1012 .slide_area .subSlide{width:100%}
#service1012 .slide_area .s_txt{bottom:40px}
#service1012 .slide_area .control{position:unset;justify-content:center;gap:10px;margin-top:20px;transform:none}

#service1012 .bg .tit img{width:335px;margin-top:40px}
#service1012 .num{width:50%}
#service1012 .num li>span{width:75px}
#service1012 .num div p{font-size:70px}

#service1012 .dnf{margin:0 15px}
#service1012 .dnf dl{padding:40px}
#service1012 .dnf dt{font-size:18px}
}
@media(max-width:768px){
.pagecommon .box{padding:60px 0 0 20px}
.pagecommon .tit p{font-size:25px}

#service1012 .bnr{height:330px}
#service1012 .bnr p{font-size:33px}

#service1012 .bg .inner{display:block;text-align:center}
#service1012 .bg .tit img{margin-top:-80px}
#service1012 .num{width:100%;margin-top:30px}
#service1012 .num li{justify-content:center;padding-left:0;line-height:1.3}
#service1012 .num li:before{display:none}

#service1012 .dnf dl{display:block}
#service1012 .dnf dd{width:100%;margin-top:10px}
}
@media(max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .box{padding:60px 0 0 20px}
.pagecommon .tit p{font-size:22px}
.pagecommon .c_txt{margin-bottom:30px}

#service1012 .bnr{height:240px}
#service1012 .bnr p{margin-bottom:5px;font-size:25px}

#service1012 .slide_area button{width:50px;height:50px}
#service1012 .slide_area .s_txt p{font-size:16px}

#service1012 .num li>span{width:auto;margin-right:15px;font-size:16px}
#service1012 .num div p{font-size:45px}

#service1012 .dnf dl{padding:30px;text-align:center}
#service1012 .dnf dt{width:100%;font-size:16px}
}
@media(max-width:380px){
.pagecommon .tit p{font-size:20px}
#service1012 .num div p{font-size:35px}
}