@charset "utf-8";

#atc03{overflow:hidden}
#atc03 .inner{position:relative;height:528px}
#atc03 .cont{max-width:1200px;margin:0 auto;padding:98px 0}
#atc03 .cont > p{font-size:14px;letter-spacing:.5px;color:#706da6;font-weight:600;font-family:'Poppins', sans-serif}
#atc03 .cont .tit{padding:30px 0 24px;font-size:36px;line-height:48px;font-weight:300}
#atc03 .cont .tit span{font-weight:700}
#atc03 .cont .txt{padding-bottom:50px;color:#777}
#atc03 .cont .btn{padding:0}
#atc03 .cont .btn:hover a{opacity:.8;-webkit-transition:all .2s;transition:all .2s}
#atc03 .cont .btn a{display:inline-block;width:180px;height:56px;line-height:56px;color:#fff;font-weight:400;background-color:#706da6}
#atc03 .hos .cont{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
#atc03 .dc .cont{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
#atc03 .hos .img{position:absolute;top:0;right:0;width:50%;height:100%;background:url('./img/inc03_bg1.jpg') center no-repeat;background-size:cover}
#atc03 .dc .img{position:absolute;top:0;left:0;width:50%;height:534px;background:url('./img/inc03_bg2.jpg') center no-repeat;background-size:cover}
#atc03 .dc .cont{padding-left:70px;position:absolute;left:50%;width:50%}

/* 반응형 [s] */
@media (max-width:1400px){
#atc03 .hos .cont,#atc03 .dc .cont{padding-left:50px}
}
@media (max-width:1024px){
#atc03 .inner{height:438px}
#atc03 .cont{padding:61px 0}
#atc03 .hos .cont, #atc03 .dc .cont{padding-left:35px}
#atc03 .cont .tit{font-size:30px;line-height:40px}
} 
@media (max-width:768px){
#atc03{padding:50px 20px}
#atc03 .inner{height:auto;padding:30px;margin-bottom:10px;border:solid 1px #e1e1e1}
#atc03 .inner .cont{padding:33px 0 0;text-align:center}
#atc03 .dc .cont{position:relative;left:auto;width:100%}
#atc03 .inner .img{position:relative;width:100%;height:280px}
#atc03 .cont .tit{padding:10px 0;font-size:20px;line-height:30px;font-weight:500}
#atc03 .cont .tit span{font-weight:500}
#atc03 .cont .btn a{width:100%}
#atc03 .cont .txt{padding-bottom:35px}
}
@media (max-width:480px){
#atc03{padding:30px 20px}	
#atc03 .inner{padding:20px}
#atc03 .inner .img{height:180px}
}
/* 반응형 [e] */