@charset "utf-8";

#atc07{position:relative;max-width:1400px;margin:0 auto;margin-top:-30px;margin-bottom:100px}
#atc07:before{content:url(./img/img_03.png);position:absolute;left:-22px;top:20px;z-index:2;transform:translateY(100px);opacity:0}
#atc07 .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}
#atc07 .txt_box:before,#atc07 .txt_box:after{position:absolute;bottom:-12px;z-index:-1}
#atc07 .txt_box:before{content:url(./img/img_01.png);left:-1px}
#atc07 .txt_box:after{content:url(./img/img_02.png);right:0}
#atc07 .txt_box .en{margin-bottom:30px;font-size:15px;line-height:15px;font-family:'SBAggroB'}
#atc07 .txt_box p{margin-bottom:30px;font-size:40px;line-height:40px}
#atc07 .txt_box p b{font-family:'SBAggroB'}
#atc07 .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}
#atc07 .txt_box a:before, #atc07 .txt_box a:after{display:block;content:"\f105";position:absolute;top:-2px;transition:all .3s;font-size:20px;font-family:'fontawesome'}
#atc07 .txt_box a:after{right:25%}
#atc07 .txt_box a:before{right:30%;opacity:0}

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

/* ¾Ö´Ï¸ÞÀÌ¼Ç */
#atc07.active:before{transition:1s .5s;transform:translateY(0);opacity:1}
#atc07 .txt_box.active{transition:1s .5s;transform:translateY(0);opacity:1}
#atc07 .slide_area.active{transition:1s 1s;transform:translateY(0);opacity:1}

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