@charset "utf-8";

#atc03{position:relative;max-width:1400px;margin:0 auto}
#atc03:before{content:url(/sh_img/make24/inc03/img_03.png);position:absolute;left:-22px;top:20px;z-index:2;transform:translateY(100px);opacity:0}
#atc03 .txt_box{overflow:hidden;position:relative;z-index:1;transform:translateY(100px);padding:65px 0;border-radius:30px;background-color:var(--primary);text-align:center;color:var(--white);opacity:0}
#atc03 .txt_box:before,#atc03 .txt_box:after{position:absolute;bottom:-12px;z-index:-1}
#atc03 .txt_box:before{content:url(/sh_img/make24/inc03/img_01.png);left:-1px}
#atc03 .txt_box:after{content:url(/sh_img/make24/inc03/img_02.png);right:0}
#atc03 .txt_box .en{margin-bottom:30px;font-size:15px;line-height:15px;font-family:'SBAggroB'}
#atc03 .txt_box p{margin-bottom:30px;font-size:40px;line-height:40px}
#atc03 .txt_box p b{font-family:'SBAggroB'}
#atc03 .txt_box a{display:inline-block;position:relative;width:270px;height:70px;padding-right:24px;background-color:var(--white);border-radius:70px;line-height:70px;font-size:15px;font-family:'SBAggroM';align-items:center}
#atc03 .txt_box a:before, #atc03 .txt_box a:after{display:block;content:"\f105";position:absolute;top:-2px;transition:all .3s;font-size:20px;font-family:'fontawesome'}
#atc03 .txt_box a:after{right:25%}
#atc03 .txt_box a:before{right:30%;opacity:0}

/* 로고배너 */
#atc03 .slide_area{display:flex;position:relative;align-items:center;transform:translateY(100px);padding:80px 0;justify-content:space-between;opacity:0}
#atc03 .swiper-container{width:calc(100% - 60px);padding-left:1px}
#atc03 .slide_btn{width:30px;cursor:pointer;color:#aaa;transition:all .3s}
#atc03 .next{text-align:right}
#atc03 ul li{overflow:hidden;height:95px;line-height:95px;border:1px solid #d7d7d7;border-radius:10px}
#atc03 ul li a{display:block;height:100%;text-align:center}
#atc03 ul li a img{max-width:100%}

/* 애니메이션 */
#atc03.active:before{transition:1s .5s;transform:translateY(0);opacity:1}
#atc03 .txt_box.active{transition:1s .5s;transform:translateY(0);opacity:1}
#atc03 .slide_area.active{transition:1s 1s;transform:translateY(0);opacity:1}

/* 반응형 [s] */
@media (hover:hover){
#atc03 .txt_box a:hover:before{right:75px;opacity:1;transition-delay:.1s}
#atc03 .txt_box a:hover:after{right:65px;opacity:0}
}
@media (max-width:1400px){
#atc03{padding:0 20px}
#atc03:before{left:-2px}
#atc03 .slide_area{padding:50px 0}
}
@media(max-width:1200px){
#atc03.active:before,#atc03 .txt_box.active,#atc03 .slide_area.active{transition:1s .8s}
}
@media(max-width:1100px){
#atc03.active:before,#atc03 .txt_box.active,#atc03 .slide_area.active{transition:1s 1s}
}
@media (max-width:1040px){
#atc03{padding:70px 20px 0}
#atc03:before,#atc03 .txt_box:before,#atc03 .txt_box:after{display:none}
#atc03.active:before, #atc03 .txt_box.active, #atc03 .slide_area.active{transition:1s 1.4s}
}
@media (max-width:950px){
#atc03 .txt_box p{font-size:32px;line-height:42px;word-break:keep-all}
}
@media (max-width:768px){
#atc03 .txt_box{padding:50px 20px}
#atc03 .slide_area{padding:40px 0}
}
@media(max-width:480px){
#atc03 .txt_box .en{margin-bottom:25px;font-size:13px;line-height:13px}
#atc03 .txt_box p{font-size:28px;line-height:38px}
#atc03 .txt_box a{width:200px}
#atc03 .txt_box a:after{right:20%}
#atc03 .txt_box a:before{right:25%}
}
/* 반응형 [e] */