@charset "utf-8";

#atc02{position:relative;width:100%;height:100vh;font-family:'Pretendard'}
#atc02 .br{white-space:pre-line;font-size:14px;color:#888;font-family:'Pretendard'}
#atc02 .bx-wrapper,#atc02 .bx-viewport{height:100%!important}
/* 텍스트 */
#atc02 .box_wrap{position:relative;z-index:1;max-width:1630px;width:100%;margin:0 auto}
#atc02 .box{position:absolute;top:0;right:0;z-index:1;width:710px;height:485px;padding:80px;font-weight:600;color:#fff;background-color:rgba(40,45,51,.9);font-family:'Pretendard'}
#atc02 .box .num{font-size:16px;letter-spacing:.5px}
#atc02 .box p{margin:20px 0 25px;font-size:40px;line-height:1.2;letter-spacing:-.3px;color:#fff}
#atc02 .box .more_btn{display:block;width:155px;margin-top:30px;;padding:16px 0;border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:600;letter-spacing:.2px;text-align:center;color:#fff;-webkit-transition:all .3s;transition:all .3s}
#atc02 .box .more_btn:hover{border-color:#fff;color:#282d33;background-color:#fff}

/* 이미지 */
#atc02 .bg_area{position:relative;z-index:0;width:100%;height:100%}
#atc02 .bg_area li{position:relative;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
#atc02 .bg_area li.bg01{background-image:url(/sh_img/make24/include_02/img/bg01.jpg)}
#atc02 .bg_area li.bg02{background-image:url(/sh_img/make24/include_02/img/bg02.jpg)}
#atc02 .bg_area li.bg03{background-image:url(/sh_img/make24/include_02/img/bg03.jpg)}

/* pager */
#atc02 .bx-pager{position:absolute;right:127px;bottom:120px;z-index:2}
#atc02 .bx-pager > div{float:left;font-size:0}
#atc02 .bx-pager > div a{display:block;position:relative;width:20px;height:20px}
#atc02 .bx-pager > div a:before{display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:20px;background-color:rgba(255,255,255,.2)}
#atc02 .bx-pager > div a.active:before{background-color:#fff}

/* 반응형 s */
@media(max-width:1630px){
#atc02 .box_wrap{max-width:100%}
}
@media (max-width:1400px){
#atc02{height:80vh}
}
@media (max-width:1024px){
#atc02{height:60vh}
#atc02 .box{width:60%;height:380px;padding:30px 50px}
#atc02 .box p{margin-top:15px;word-break:keep-all;font-size:35px}
#atc02 .box p br{display:none}
#atc02 .br{white-space:normal}
/* #atc02 .box .more_btn{bottom:32px} */
#atc02 .bx-pager{right:70px;bottom:70px}
}
@media (max-width:768px){
#atc02{height:50vh}
#atc02 .box{width:80%;height:350px;padding:20px}
#atc02 .box p{margin:10px 0 15px;font-size:32px}
#atc02 .box .num{font-size:13px}
/* #atc02 .box .more_btn{bottom:30px} */
#atc02 .bx-pager{right:50px;bottom:50px}
}
@media (max-width:480px){
#atc02 .box{left:15px;width:calc(100% - 30px);height:320px;padding:15px}
#atc02 .box p{font-size:27px}
#atc02 .box .more_btn{padding:10px 0}
#atc02 .bx-pager{right:30px;bottom:30px}
}
/* 반응형 e */