@charset "utf-8";

#atc02{overflow:hidden;position:relative;margin:auto;max-width:1920px;padding-bottom:220px;font-family:'Poppins',sans-serif}
#atc02 .tit{position:relative;width:1000px;margin:0 auto 24px;font-size:33px;font-weight:600;color:#fff;text-transform:uppercase}
#atc02 .blind_wrap{position:relative;width:1000px;margin:0 auto}
#atc02 .blind_wrap .blind{overflow:hidden;display:block;content:"";position:absolute;top:0;left:-460px;z-index:1001;width:460px;height:600px;background-color:#12141f}
#atc02 .scr_txt{position:absolute;right:-280px;bottom:100px;z-index:2;font-size:220px;letter-spacing:-1px;font-weight:700;line-height:1;color:#fff;-webkit-transition:all 2s linear;transition:all 2s linear}
#atc02 .scr_txt .stroke{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15)}

#atc02 .inc02{position:relative;z-index:1;width:1000px;height:474px;overflow:unset}
#atc02 .inc02 li{width:100%;height:100%}
#atc02 .inc02 li .img{width:100%;height:100%;text-indent:-99999px}
#atc02 .inc02 li .img:last-child{background-size:cover;background-repeat:no-repeat;background-position:center}

#atc02 .nav_container{display:flex;justify-content:end;position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);max-width:1000px;width:100%}
#atc02 .nav_container div{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:48px;font-size:11px;font-weight:500;color:#fff;cursor:pointer}
#atc02 .nav_container div:after{content:"";position:absolute;top:0px;left:0px;transform:rotate(45deg);width:100%;height:100%;border:1px solid rgb(255, 255, 255, 0.2);border-radius:8px;transition:all .3s}

#atc02 .pager{position:absolute;top:77.5%;left:50%;bottom:unset;transform:translateX(-50%);z-index:2;max-width:1000px;width:100%;font-size:11px}
#atc02 .pager span{font-size:11px;font-weight:500;color:#fff}
#atc02 .pager span:first-child{margin-right:5px}
#atc02 .pager span:last-child{margin-left:5px}

#atc02 .time_line{position:absolute;z-index:3;top:78.5%;left:44%;transform:translateX(-50%);max-width:650px;width:100%;height:1px;background-color:rgb(255, 255, 255, 0.4)}
#atc02 .time_line .bar{position:absolute;width:0%;height:100%;top:0px;left:0px;background-color:#fff}
#atc02 .time_line.animation .bar{animation:4.2s countingBar linear}

/* 링크 */
#atc02 .link_wrap{position:relative;z-index:2;width:1000px;margin:0 auto}
#atc02 .link_wrap a{display:block;position:absolute;right:0;bottom:-52px;width:225px;height:130px;border-radius:70px 0 0;font-size:12.5px;font-weight:600;text-align:center;line-height:130px;color:#222;text-transform:uppercase;background-color:#fff;-webkit-transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1)}
#atc02 .link_wrap a span{display:block;position:absolute;right:0;top:0;width:100%;-webkit-transition:all .4s;transition:all .4s}
#atc02 .link_wrap a span.t2{-webkit-transform:translateY(7px);transform:translateY(7px);position:absolute;right:0;top:0;opacity:0}

/* 반응형 [s] */
@media (hover:hover){
#atc02 .nav_container div:hover:after{border:1px solid rgb(255, 255, 255, .6)}
#atc02 .link_wrap a:hover{border-radius:0}
#atc02 .link_wrap a:hover .t2{color:#c72452;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#atc02 .link_wrap a:hover .t1{color:#c72452;-webkit-transform:translateY(-7px);transform:translateY(-7px);opacity:0}
}
@media (max-width:1024px){
#atc02{padding-top:20px}
#atc02 .blind_wrap{display:none}
#atc02 .tit{margin:0 auto 35px;width:95%;font-size:28px}
#atc02 .nav_container{top:20px;left:unset;right:2.5%;max-width:unset;width:max-content;transform:none}
#atc02 .nav_container div{width:46px;height:46px}
#atc02 .inc02{overflow:hidden;width:95%;height:390px}
#atc02 .link_wrap{max-width:unset;width:95%}
#atc02 .link_wrap a{bottom:-115px;width:190px;height:95px;line-height:95px;border-radius:25px 0 0}
#atc02 .pager{top:78%;max-width:unset;width:95%;font-size:15px}
#atc02 .pager span{font-size:15px}
#atc02 .time_line{top:85%;left:2.5%;transform:none;max-width:unset;width:68%}
}
@media (max-width:768px){
#atc02{padding-bottom:300px}
#atc02 .tit{font-size:25px}
#atc02 .inc02{height:350px}
#atc02 .link_wrap a{bottom:-180px;right:50%;transform:translateX(50%);width:170px;height:75px;line-height:75px;border-radius:0px;color:#c72452}
#atc02 .link_wrap a span.t1{opacity:1 !important;transform:none !important;}
#atc02 .link_wrap a span.t2{display:none}
#atc02 .time_line{top:69%;left:50%;transform:translateX(-50%)}
#atc02 .pager{text-align:center;top:63%}
}
@media (max-width:480px){
#atc02{padding-bottom:260px}
#atc02 .tit{margin:0 auto 25px;font-size:21px;text-align:center}
#atc02 .nav_container{display:none}
#atc02 .inc02{height:280px}
#atc02 .pager{top:61%;font-size:14px}
#atc02 .pager span{font-size:14px}
#atc02 .time_line{top:68%}
#atc02 .link_wrap a{bottom:-150px;width:160px;height:60px;line-height:60px}
}
@media (max-width:380px){
#atc02{padding-bottom:210px}
#atc02 .tit{font-size:19px}
#atc02 .nav_container div{width:43px;height:43px}
#atc02 .inc02{height:240px}
#atc02 .pager{top:63%;font-size:13px}
#atc02 .pager span{font-size:13px}
#atc02 .time_line{top:69%}
#atc02 .link_wrap a{bottom:-125px;width:150px;height:55px;line-height:55px}
}
/* 반응형 [e] */