@charset "utf-8";

#atc02{position:relative;margin-bottom:90px}
#atc02 .wbk{word-break:keep-all}

/* 타이틀 */
#atc02 .tit{position:relative;height:50px;margin-bottom:80px;border-bottom:1px solid #e1e1e1;font-weight:700;color:#080a2e;font-family:'Poppins'}
#atc02 .tit p{font-size:22px}
#atc02 .tit a{display:block;position:absolute;height:100%;padding:0 15px;right:10%;bottom:-1px;font-size:12px;line-height:42px;color:#080a2e}
#atc02 .tit a:before,#atc02 .tit a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:1px;transition:width .3s cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc02 .tit a:before{width:100%;right:0;background:#080a2e;transition-delay:.2s}
#atc02 .tit a:after{width:0;left:0;background:#080a2e;transition-delay:0s}

/* 소개 */
#atc02 .aboutus{position:relative;min-height:460px;padding:0 10% 0 350px}
#atc02 .aboutus .img{position:absolute;top:0;left:0;z-index:0;animation-delay:.2s}
#atc02 .aboutus .btxt{position:relative;z-index:1;margin:0 0 35px -40px;padding-top:80px;font-size:26px;color:#080a2e;line-height:36px;letter-spacing:-.5px;animation-delay:.2s;font-family:'notokr-demilight'}
#atc02 .aboutus .btxt img{display:block;margin-bottom:20px}
#atc02 .aboutus .txt{padding-left:40px;word-break:keep-all;animation-delay:.2s}

/* 링크 */
#atc02 .link_area{display:flex;padding-right:10%;margin:90px 0}
#atc02 .link_area li{position:relative;width: calc(100% / 2);text-align:center}
#atc02 .link_area li:nth-child(2):before, #atc02 .link_area li:nth-child(2):after{display:block;content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:80px;background-color:#e1e1e1}
#atc02 .link_area li:nth-child(2):after{left:auto;right:0}
#atc02 .link_area li:nth-child(1){animation-delay:0s}
#atc02 .link_area li:nth-child(2){animation-delay:.2s}
#atc02 .link_area li:nth-child(3){animation-delay:.4s}
#atc02 .link_area li a,#atc02 .link_area li button{display:block;width:100%;border:none;background:none;line-height:1.6;color:#86878c;font-family:'notokr-regular'}
#atc02 .link_area li .icon{margin-bottom:20px}
#atc02 .link_area li .wbk{padding:0 15px}
#atc02 .link_area li .link_btn{width:130px;height:42px;margin:20px auto 0;font-size:13px;color:#080a2e;line-height:42px;background-color:#f5f6f8;transition:all .2s;font-family:'notokr-medium'}

/* 고객센터 */
#atc02 .cs_area_wrap{padding-right:10%}
#atc02 .cs_area{overflow:hidden;display:flex;border:1px solid #e1e1e1}
#atc02 .cs_area .txt{width:50%;padding:50px 35px;background-color:#f5f6f8}
#atc02 .cs_area .txt p{margin-bottom:20px;font-size:26px;color:#080a2e;letter-spacing:-.5px;word-break:keep-all;line-height:1.5;font-family:'notokr-light'}
#atc02 .cs_area .txt p b{font-weight:normal;font-family:'notokr-bold'}
#atc02 .cs_area .cs{width:50%;height:100%;padding:50px 35px;font-size:13px;color:#080a2e;background:url(/sh_img/make24/include02/bg.png) 90% 35px no-repeat}
#atc02 .cs_area .cs .subj{font-size:13px;font-weight:600;font-family:'Poppins'}
#atc02 .cs_area .cs .tel{margin:10px 0 5px;font-size:26px;font-weight:700;color:#2340c3;letter-spacing:0;font-family:'Poppins'}
#atc02 .cs_area .cs i{padding-right:7px;color:#86878c;font-style:normal}

@media(hover:hover){
#atc02 .tit a:hover:before{width:0;transition-delay:0s}
#atc02 .tit a:hover:after{width:100%;transition-delay:.2s}  
#atc02 .link_area li:hover .link_btn{color:#fff;background-color:#080a2e}
}
@media(max-width:1700px){
#atc02 .tit a{right:5%}
#atc02 .aboutus{padding-right:5%}
#atc02 .link_area{padding-right:5%}
#atc02 .cs_area_wrap{padding-right:5%}
}
@media(max-width:1400px){
#atc02 .aboutus{padding-left:50%}	
#atc02 .aboutus .img{width:50%}	
#atc02 .aboutus .img img{width:100%}
#atc02 .link_area{margin:50px 0 70px}
#atc02 .cs_area .txt{padding:30px 25px}
}
@media(max-width:1200px){
#atc02{margin-bottom:70px}	
#atc02 .tit{margin-bottom:30px}	
#atc02 .aboutus{padding-left:0}	
#atc02 .aboutus .img{position:relative;width:100%;height:200px;background:url(/sh_img/make24/include02/aboutus_img.jpg) center bottom no-repeat;background-size:cover}
#atc02 .aboutus .img img{display:none}	
#atc02 .aboutus .btxt{margin:-20px 0 0;padding:0 0 30px 30px}
#atc02 .aboutus .txt{padding:0}
#atc02 .cs_area .txt p{font-size:22px}
#atc02 .cs_area .cs{padding:40px 25px}
}
@media(max-width:1024px){
#atc02 .tit a{right:0}
#atc02 .aboutus{padding:0;text-align:center}
#atc02 .aboutus .img{max-width:480px;height:250px;margin:0 auto}
#atc02 .aboutus .btxt{padding:0 0 15px}
#atc02 .aboutus .btxt img {margin:0 auto 20px}
#atc02 .link_area,#atc02 .cs_area_wrap{padding-right:0}
}
@media(max-width:480px){
#atc02{margin-bottom:50px}	
#atc02 .aboutus .img{height:180px}	
#atc02 .aboutus .btxt{margin-top:-20px;padding:0 0 20px 0;font-size:22px;line-height:1.5}
#atc02 .aboutus .btxt img{margin-bottom:20px}
#atc02 .link_area{display:block;margin:15px 0 50px}
#atc02 .link_area li{padding-top:20px;width:100%;border-top:1px solid #e1e1e1}
#atc02 .link_area li+li{margin-top:20px}
#atc02 .link_area li:before, #atc02 .link_area li:after{display:none!important}
#atc02 .cs_area{display:block}
#atc02 .cs_area .txt,#atc02 .cs_area .cs{width:100%;padding:25px 20px}
#atc02 .cs_area .txt{text-align:center}
#atc02 .cs_area .txt p{margin-bottom:10px}
#atc02 .cs_area .cs{background-position:95% 20px}
}