@charset "utf-8";

#atc02{overflow:hidden;padding:130px 0 100px;background:url(/sh_img/include/inc02/bg.png) right center no-repeat #111}
#atc02 .tit{display:flex;justify-content:center;margin-bottom:30px;font-size:54px;font-weight:700;font-family:'AritaBuri'}
#atc02 .tit p{display:inline-block;color:var(--primary)}

/* 메뉴 탭 */
.btn-tab{display:flex;align-items:center;justify-content:center;margin-bottom:50px}
.btn-tab li{line-height:1}
.btn-tab li+li{margin-left:40px}
.btn-tab li button{border-radius:8px;border:none;color:#fff;background:none;font-family:'notokr-medium'}
.btn-tab li button.current{padding:8px 20px;color:#111;background-color:var(--primary)}

/* 대표메뉴 */
.swiper-slider-container{overflow:hidden;position:relative;width:1400px;;margin:0 auto}
.swiper-tab-con{display:none}
.swiper-tab-con.current{display:block}
#atc02 .mn_wrapper{align-items:center}
#atc02 .mn_wrapper li{overflow:hidden;position:relative;border-radius:22px;border-radius:22px;background:center no-repeat #111;background-size:cover;transition:margin .2s}
#atc02 .mn_wrapper li img{width:100%;transition:width .2s}
#atc02 .mn_wrapper li.active{z-index:10;width:600px!important;margin:0 -65px!important;box-shadow:0 0 40px rgba(0,0,0,.4)}
#atc02 .mn_wrapper li.active img{width:600px}
#atc02 .mn_wrapper li:after{opacity:1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);transition:all .2s}
#atc02 .mn_wrapper li.active:after{opacity:0}
#atc02 .mn_wrapper li p{position:absolute;left:0;bottom:-1px;width:100%;padding:12px 0;font-size:28px;font-weight:700;background-color:rgba(0,0,0,.8);text-align:center;font-family:'AritaBuri'}

/* 컨트롤 */
#atc02 .arr{position:absolute;top:50%;z-index:11;transform:translateY(-50%);margin-top:-30px;border:none;color:#fff;background:none}
#atc02 .arr.prev{left:0}
#atc02 .arr.next{right:0}
#atc02 .arr svg{width:140px;height:140px;stroke-width:0.25px}
#atc02 .pager_dot{margin-top:40px;text-align:center}
#atc02 .pager_dot .bullet{display:inline-block;opacity:1;vertical-align:middle;width:12px;height:12px;border-radius:50%;background-color:#fff;cursor:pointer;transition:all .2s var(--ani)}
#atc02 .pager_dot span+span{margin-left:20px}
#atc02 .pager_dot span.active{background-color:var(--primary)}

/* 컨트롤 */
#atc02 .arr{position:absolute;top:60%;z-index:101;transform:translateY(-50%);border:none;color:#fff;background:none}
#atc02 .arr.prev{left:0}
#atc02 .arr.next{right:0}
#atc02 .arr svg{width:130px;height:130px;stroke-width:0.5px}

/* 반응형 [s] 
@media (max-width:1024px){
#atc02{padding:80px 0;background-size:cover}
#atc02 .tit{font-size:38px}	
#atc02 ul li p{font-size:22px}
#atc02 .arr svg{width:100px;height:100px}
}
@media (max-width:768px){
#atc02{padding:60px 0}
#atc02 .tit{margin-bottom:20px;font-size:32px}	
#atc02 .menuSwiper{padding:0 50px}
#atc02 .arr{margin-top:-50px}
#atc02 .arr svg{width:50px;height:60px;stroke-width:0.5px}
#atc02 .pager_dot .bullet{width:8px;height:8px}
#atc02 .pager_dot span+span{margin-left:12px}
}
@media (max-width:480px){
#atc02 .tit{font-size:28px}	
#atc02 .menuSwiper{padding:0 40px}
#atc02 ul li p{padding:8px 0;font-size:18px}
#atc02 .arr svg{width:40px;height:50px}
*/