@charset "utf-8";

#atc03{position:relative;padding:230px 0 70px}
#atc03:before{display:block;content:"";position:absolute;right:-55px;bottom:0;width:100%;height:410px;background-color:#222}

#atc03 .img_area{opacity:0;position:relative;left:-55px;width:calc(100% - 55px);transform:translateX(-50px);height:795px;transition:all .2s}
#atc03 .img_area li{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:center no-repeat;background-size:cover;transition:opacity 1s}
#atc03 .img_area li.on{opacity:1}
#atc03 .img_area li.img01{background-image:url(/sh_img/include/inc03/img/img01.jpg)}
#atc03 .img_area li.img02{background-image:url(/sh_img/include/inc03/img/img02.jpg)}

#atc03 .box{opacity:0;position:absolute;right:110px;bottom:150px;transform:translateX(20px);width:310px;height:260px;padding:50px 0 0 40px;font-size:14px;background-color:#fff;animation-delay:.4s}
#atc03 .box span{font-size:13px;font-weight:700;color:#111;font-family:'Poppins'}
#atc03 .box p{margin:7px 0 50px;font-size:19px;font-weight:700;color:#111}
#atc03 .box .pl{white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1230px){
#atc03{padding:120px 0 70px}	
#atc03 .img_area{height:700px}
}
@media (max-width:1024px){
#atc03{padding:80px 0 0}
#atc03:before{display:none}	
#atc03 .img_area{left:0;width:100%;height:600px}	
#atc03 .box{right:5%;bottom:40px;width:250px;height:210px;padding:30px}
#atc03 .box p{margin-bottom:30px}
#atc03 .box .pl{white-space:normal}
}
@media (max-width:768px){
#atc03 .img_area{height:500px}	
#atc03 .box{width:calc(100% - 40px);height:auto;bottom:20px;right:20px;padding:20px 30px;background-color:rgba(255,255,255,.95)}
#atc03 .box p{margin-bottom:15px}
}
@media (max-width:768px){
#atc03 .box{right:15px;width:calc(100% - 30px)}
}
/* 반응형 [e] */