@charset "utf-8";

/* 공통 */
.pagecommon{font-size:15px;color:#666;line-height:1.8;letter-spacing:-.3px;font-family:'notokr-regular'}
.pagecommon .pl{white-space:pre-line}

/* 다이렉트 공통 */
.service_common .logo_wrap{overflow:hidden}
.service_common .logo_wrap .ser_logo{/* float:left; */overflow:hidden;width:120px;height:120px;border:1px solid #e1e1e1;border-radius:5px;}
.service_common .logo_wrap .ser_logo img{width:100%}
.service_common .logo_wrap div{float:left;width:calc(100% - 120px);padding-left:40px}
.service_common .ser_tit{font-size:20px;font-weight:600;letter-spacing:0;color:#222;font-family:'Play', sans-serif}
.service_common .ser_tit span{display:inline-block;padding:3px 20px;border-radius:50px;font-size:15px;font-weight:normal;color:#fff;background:#535b8c;font-family:'notokr-regular'}
.service_common .ser_tit span b{font-family:'notokr-bold'}
.service_common .ser_tit i{margin:0 14px 0 12px;color:#535b8c}
.service_common .service_box .ser_tit{margin-bottom:10px;font-size:17px;font-family:'notokr-bold'}
.service_common .b_txt{margin-top:14px;font-size:25px;line-height:35px;color:#222;font-family:'notokr-light'}
.service_common .b_txt span{font-family:'notokr-bold'}
.service_common .txt_wrap{margin-top:40px;padding:43px 49px;border:1px solid #e1e1e1;border-radius:30px;background:#f7f7f7}
.service_common .txt_wrap ul{}
.service_common .txt_wrap ul li{position:relative;padding-left:19px;line-height:27px}
.service_common .txt_wrap ul li:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:#535b8c}
.service_common .txt_wrap ul li span{color:#d42727;font-family:'notokr-medium'}
.service_common .txt_wrap ul li span.co_b{color:#2057aa}
.service_common .txt_wrap p{margin-bottom:10px;color:#444;font-family:'notokr-bold'}
.service_common .s_txt{margin-top:10px;font-size:14px;text-align:right}

/*회사소개*/
#p34{overflow:hidden;padding:130px 0}
#p34 > div{float:left;width:50%}
#p34 .tit_area{padding-left:55px}
#p34 .tit_area span{font-size:15px;font-weight:700;color:#535b8c;font-family:'Play'}
#p34 .tit_area p{padding:35px 0 60px;font-size:38px;line-height:1.3;color:#222;letter-spacing:-.5px;font-family:'notokr-thin'}
#p34 .cont{padding:110px 0 0 100px}
#p34 .cont p{margin-bottom:30px;font-size:17px;color:#222;font-family:'notokr-medium'}
#p34 .cont img{margin:70px 0 0 160px;-webkit-animation-delay:.4s;animation-delay:.4s}


/* 탭페이지 */
#tab_page{min-height:500px;padding:130px 0}
#tab_page:before{display:block;content:"";position:absolute;top:0;left: 176px;width:1px;height:100%;background-color:#e1e1e1}
#tab_page:after{display:block;content:"";visibility:hidden;clear:both}
#tab_page .tabs{float:left;width:160px}
#tab_page .tabs li{position:relative;cursor:pointer;padding-right: 9px;font-size:16px;color:#aaa;text-align:right;font-family:'notokr-medium'}
#tab_page .tabs li.on{color:#535b8c}
#tab_page .tabs li:before{display:block;content:"";position:absolute;right: -19px;top:50%;width:0;height:14px;margin-top:-7px;background-color:#535b8c;-webkit-transition:width .2s;transition:width .2s}
#tab_page .tabs li.on:before{width:6px}
#tab_page .tabs li+li{margin-top:10px}
#tab_page .tab_cont{display:none;float:right;width:1020px}
  
/* 슬라이더 */
#p38{position:relative;height:590px;margin-bottom:130px}
#p38 .tit_bg{position:absolute;top:0;left:0;z-index:-1;width:50%;height:480px;background:url(/sh_page/img/p38_titbg.png) left bottom no-repeat #535b8c}
#p38 .tit_area{float:left;position:relative;left:50%;width:50%;height:480px;margin-left:-640px;padding:110px 0 0 55px;color:rgba(255,255,255,.6)}
#p38 .tit_area :not(div){font-weight:700;color:#fff;font-family:'Play'}
#p38 .tit_area p{padding:20px 0 50px;font-size:44px;line-height:1.2}
#p38 .gall{float:right;width:calc(50% + 130px);padding-top:100px}
#p38 .gall_pager{position:absolute;left:0;bottom:0;z-index:10;width:calc(50% - 130px);padding-right:60px;height:130px;text-align:right;line-height:145px;-webkit-transition:all .2s;transition:all .2s}
#p38 .gall_pager span{position:relative;padding-bottom:9px; font-size:14px;font-weight:700;color:#aaa;cursor:pointer;font-family:'Play'} 
#p38 .gall_pager span+span{margin-left:30px}
#p38 .gall_pager span:after{display:block;content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:4px;background-color:#535b8c;-webkit-transition:all .2s;transition:all .2s}
#p38 .gall_pager span.on{color:#535b8c}
#p38 .gall_pager span.on:after{width:100%}
#p38 ul li{position:relative;width:400px;min-height:450px;transition:margin .2s}
#p38 ul li .txt{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:0 0 0 50px;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#p38 ul li span{font-weight:700;font-family:'Play','notokr-regular'}
#p38 ul li p{padding-top:5px;font-size:24px}
#p38 ul li .desc{opacity:0;-webkit-transition:all .2s;transition:all .2s}
#p38 ul li img{position:relative;z-index:0}
#p38 ul li .mask{opacity:.4;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:60%;background:rgb(0,0,0);background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-transition:opacity .2s;transition:opacity .2s}
#p38 ul li.swiper-slide-active{margin-top:40px}
#p38 ul li.swiper-slide-active .mask, #p38 ul li:hover .mask{opacity:.7}
#p38 ul li.swiper-slide-active .txt, #p38 ul li:hover .txt{padding-bottom:40px}
#p38 ul li.swiper-slide-active .desc, #p38 ul li:hover .desc{opacity:1;padding-top:20px}

/* tab_page */
#p35 .service_box .logo_wrap .tit_txt{margin-top:20px}