@charset "utf-8";

#atc01{overflow:hidden;position:relative;width:1550px;height:654px;margin:0 auto}

#atc01 img{float:left;}

#atc01 .latest{float:left;width:700px;border-left:1px solid #e1e1e1;font-size:15px;color:#888;letter-spacing:-.15px}
#atc01 .latest dl{height:327px;padding:50px}
#atc01 .latest dl dt{position:relative;margin-bottom:20px;font-size:19px;color:#222;letter-spacing:-.2px;font-family:'notokr-bold'}
#atc01 .latest dl dt span{padding-left:7px;font-size:13px;font-weight:500;letter-spacing:.1px;color:#bdbdbd;font-family:'Poppins', sans-serif}
#atc01 .latest dl dd {height:200px}

/* 상담신청현황 */
#atc01 .latest .late01{background-color:#f7f7f7}
#atc01 .latest .late01 dt a{float:right;padding-bottom:5px;position:relative;font-size:14px;color:#222;-webkit-ransition:all .2s .1s;transition:all .2s .1s;font-family:'notokr-medium'}
#atc01 .latest .late01 dt a:before,#atc01 .latest .late01 dt a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;-webkit-transition:width .3s;transition:width .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc01 .latest .late01 dt a:before{width:100%;right:0;background:#222;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc01 .latest .late01 dt a:after{width:0;left:0;background:#c69728;-webkit-transition-delay:0s;transition-delay:0s}
#atc01 .latest .late01 dt a:hover{color:#c69728}
#atc01 .latest .late01 dt a:hover:before{width:0;transition-delay:0s}
#atc01 .latest .late01 dt a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}  
#atc01 .latest .late01 ul li{padding:18px 0;border-bottom:1px dotted #ccc}
#atc01 .latest .late01 ul li:nth-child(3){border:none}
#atc01 .latest .late01 ul li .subj .state{display:inline-block;padding:5px 13px;margin-right:10px;border-radius:2px;font-size:12px;color:#fff;background-color:#244037;font-family:'notokr-medium'}
#atc01 .latest .late01 ul li .subj .date{float:right}

/* QnA */
#atc01 .latest .late02{background:url(/sh_img/include/include_01/late02_bg.png) right 75% no-repeat}
#atc01 .latest .late02 dt a{display:block;position:absolute;width:23px;height:23px;right:0;top:3px}
#atc01 .latest .late02 dt em{display:block;position:absolute;right:0;top:11px;width:23px;height:1px;background-color:#8b8b8b}
#atc01 .latest .late02 dt em:after{display:block;content:"";position:absolute;left:11px;top:-11px;width:1px;height:23px;background-color:#8b8b8b;-webkit-transition:all .3s;transition:all .3s}
#atc01 .latest .late02 dt a:hover em:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#atc01 .latest .late02 ul li{padding:18px 0;border-bottom:1px dotted #ccc}
#atc01 .latest .late02 ul li:nth-child(3){border:none}
#atc01 .latest .late02 ul li span{padding-right:10px;font-size:19px;font-weight:700;color:#c69728;font-family:'Poppins', sans-serif}
#atc01 .latest .late02 ul li a{color:#888}

/* 박스 */
#atc01 .box{float:left;width:350px}
#atc01 .box > div{width:350px;height:327px;padding:55px 50px 50px;line-height:1.7}
#atc01 .box > div .tit{font-size:16px;font-weight:600;color:#fff;letter-spacing:1px}
#atc01 .box > div .tit:after{display:block;content:"";width:23px;height:1px;margin:17px 0 15px;background-color:rgba(255,255,255,.4)}
#atc01 .box .cs{font-size:14px;color:#e2d6b8;background:url(/sh_img/include/include_01/box01.png) no-repeat #b18213;font-family:'Poppins', sans-serif}
#atc01 .box .cs .tel{padding-bottom:3px;font-size:24px;font-weight:600;color:#fff}
#atc01 .box .cs .btn_area{margin-top:25px;text-align:center}
#atc01 .box .cs .btn_area a{display:inline-block;width:48.8%;height:44px;border-radius:2px;font-size:14px;color:#e2d6b8;line-height:44px;background-color:rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#atc01 .box .cs .btn_area a:nth-child(1){margin-right:2px}
#atc01 .box .cs .btn_area a:hover{color:#b18213;background-color:#fff}

#atc01 .box .bnr{font-size:14px;letter-spacing:-.3px;color:#989d9d;text-align:center;background:url(/sh_img/include/include_01/box02.png) no-repeat #1d2c2c}
#atc01 .box .bnr .tit:after{margin:20px auto}
#atc01 .box .bnr a{display:inline-block;position:relative;margin-top:57px;padding:0 5px 8px 5px;color:#fff;-webkit-transition:padding .3s;transition:padding .3s}
#atc01 .box .bnr a:before,#atc01 .box .bnr a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;-webkit-transition:width .3s;transition:width .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc01 .box .bnr a:before{width:100%;right:0;background:#fff;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc01 .box .bnr a:after{width:0;left:0;background:#c69728;-webkit-transition-delay:0s;transition-delay:0s}
#atc01 .box .bnr a:hover:before{width:0;transition-delay:0s}
#atc01 .box .bnr a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}  
#atc01 .box .bnr a:hover {padding:0 22px 8px 10px}
#atc01 .box .bnr a i{position:absolute;right:2px;top:5px;font-size:13px;opacity:0;-webkit-transition:all .2s;transition:all .2s}
#atc01 .box .bnr a:hover i{opacity:1}

.swiper-container{height:191px !important}