@charset "utf-8";

#atc02{opacity:0;transform:translateX(-50px);position:relative;padding-top:100px;transition:all .2s}
#atc02:before{content:"";position:absolute;left:-55px;top:0;z-index:-2;width:calc(100% + 110px);height:485px;background-color:#222}
#atc02:after{content:"";position:absolute;right:-55px;top:0;z-index:-1;width:165px;height:485px;background-color:#fff}
#atc02 .txt_area{position:relative;z-index:1;max-width:1280px;width:75%;margin:0 auto;color:#fff;transition:all .2s}
#atc02 .txt_area p{margin-top:35px;font-size:62px;font-weight:600;line-height:1;word-break:keep-all;font-family:'Poppins','AppleSDGothicNeo'}
#atc02 .txt_area a{position: absolute;right:0;top:15px;padding-right:25px;font-size:13px;font-weight:600;color:#fff;line-height:13px;font-family:'Poppins'}
#atc02 .txt_area a:before, #atc02 .txt_area a:after{display:block;content:"\f178";position:absolute;top:1px;font-size:13px;transition:all .3s;font-family:'fontawesome'}
#atc02 .txt_area a:before{right:10px;opacity:0}
#atc02 .txt_area a:after{right:0}
#atc02 .txt_area a:hover:before{right:0;opacity:1;transition-delay:.1s}
#atc02 .txt_area a:hover:after{right:-10px;opacity:0}
#atc02 .bg{opacity:0;position:relative;z-index:0;width:calc(100% + 55px);height:405px;margin-top:-26px;background:url(/sh_img/include/inc02/img/bg.jpg) bottom no-repeat fixed;background-size:cover;animation-delay:.6s;transition:all .2s}

/* 반응형 [s] */
@media (max-width:1280px){
#atc02 .txt_area{width:calc(100% - 165px);margin:0;padding-left:5%}
}
@media (max-width:1024px){
#atc02{padding:80px 0 60px}
#atc02:before{height:100%}
#atc02:after{display:none}
#atc02 .txt_area{width:100%;padding:0 5%}
#atc02 .txt_area p{font-size:56px}
#atc02 .txt_area a{right:5%}
#atc02 .bg{width:calc(100% - 40px);height:300px;margin:-20px auto 0}
}
@media (max-width:768px){
#atc02 .txt_area{padding:0 20px}	
#atc02 .txt_area p{font-size:46px}
#atc02 .bg{height:250px;background-attachment:unset;background-position:center}
#atc02 .txt_area a{display:block;position:relative;right:auto;top:auto;width:95px;margin-top:20px}	
}
@media (max-width:380px){
#atc02{padding-top:60px}	
#atc02 .txt_area{padding:0 15px}	
#atc02 .txt_area p{font-size:38px}
#atc02 .bg{width:calc(100% - 30px);height:200px}
}
/* 반응형 [e] */