@charset "utf-8";
/* popup_zone */
#popup_zone{visibility: hidden;position: fixed;top: 50%;left: 50%; opacity: 0;transition: .35s opacity;z-index: 12; margin-left:-50%; margin-top:-15.5rem; width:100%; }
.on_popup #popup_zone{visibility: visible;opacity: 1;}
#popup_zone>.inner{display: flex;align-items: center;width: 100%;height: 100%;}
#popup_zone .layout{max-width:1320px;width:100%;}
#popup_zone .popup_title{display: flex;flex-wrap: wrap;align-items: center; flex-direction: column; margin-bottom:1.2rem; padding:0 4rem; }
#popup_zone .popup_title .tit {justify-content: center;margin-bottom:.5rem;position: relative;color:#fff;font-size: 2.4rem;font-family: "Jalnan";font-weight: 100; display: flex; gap:.75rem; line-height: 1; align-items: flex-end;}
#popup_zone .popup_title .tit span { font-family: "NotoSansKR";font-size:3rem; color:#007be2; font-weight: 600; display: block; line-height: 1; }
#popup_zone .popup_title .tit span em { color:#fff; }
.on_popup #popup_zone .popup_title .tit { animation: menu_list_down; animation-duration: .5s; }
#popup_zone .popup_title .tit img { width:24.35rem;object-fit: cover; }
#popup_zone .popup_title .slide_page { display: flex;justify-content: flex-end; width:100%; }
.on_popup #popup_zone .popup_title .slide_page { animation: menu_list_down; animation-duration: 1s; }
#popup_zone .popup_title .slide_page span { font-size:.9rem;font-weight: 400;color:#fff; }
#popup_zone .popup_title .slide_page b { color:#fff;margin-left:.5rem;padding-left:.5rem;position: relative; }
#popup_zone .popup_title .slide_page b:before { width:.15rem;height: .15rem;position: absolute;top:50%;left:0;transform: translateY(-50%);background: #fff;opacity: .5;border-radius: 50%;content:""; }
#popup_zone .slide_box { padding:0 4rem; position: relative;margin-bottom:1.5rem; }
.on_popup #popup_zone .slide_box {animation: menu_list_down; animation-duration: 1.5s;}
#popup_zone .slide_wrap {overflow: hidden; }
#popup_zone .slide_wrap .swiper-wrapper { justify-content:center; }
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide{height: auto;display: flex;justify-content: center; padding:0 .5rem; overflow: hidden; }
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide>a{display: block;position: relative; overflow: hidden; }
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide img{position: relative;transition: all .5s; border-radius:8px; }
/*#popup_zone .slide_wrap .swiper-wrapper .swiper-slide>a:hover>img { transform: scale(1.2); }*/
#popup_zone .popup_btn { display: flex;justify-content: center; }
.on_popup #popup_zone .popup_btn { animation: menu_list_down; animation-duration: 2s; }
#popup_zone .popup_btn button, #popup_zone .popup_btn a { padding:.75rem 1.3rem; position: relative; border-radius: 1.5rem; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#popup_zone .popup_btn button span, #popup_zone .popup_btn a span { color:#fff; font-size:.85rem; font-weight: 400; position: relative; font-family:"NotoSansKR"; }
#popup_zone .popup_btn .day_close_btn:before { width:100%;height: 100%;background:#000;opacity: .2;content:"";position: absolute;top:0;left:0;border:1px solid #FFFFFF;border-radius: 1.5rem; }
#popup_zone .popup_btn button i, #popup_zone .popup_btn a i { margin-left:1rem;color:#fff;font-size:1.2rem; position: relative; }
#popup_zone .popup_btn .close_btn { background: #222222;margin-left:.6rem; }
#popup_zone .slide_arr { position: absolute;top:50%;transform: translateY(-50%); }
#popup_zone .slide_arr i { color:#fff;font-size: 2.5rem; }
#popup_zone.no_loop .slide_arr { display: none; }
#popup_zone .slide_arr.slide_prev { left:-.5rem; }
#popup_zone .slide_arr.slide_next { right:-.5rem; }
#popup_zone.lengthEnough.swiper-wrapper{ justify-content:inherit; }
/* 슬라이드 3개 이하 */

#popup_zone.no_loop .popup_title .slide_util{display: none}
#popup_zone.no_loop .slide_wrap .swiper-wrapper{justify-content: center}

/* 애니메이션 */
@keyframes menu_list_down {
0% { transform: translateY(-5rem); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}

/* 반응형 */
@media (max-width:640px){
#popup_zone .popup_title { padding:0 1rem; }
#popup_zone .slide_arr_wrap { display: flex;justify-content: center;margin-top:1rem; gap:.5rem; }
#popup_zone .slide_arr { position: relative;top:auto;left:auto !important;right:auto !important;transform: none; }
#popup_zone .slide_arr i { font-size:2rem; } 
#popup_zone .slide_box { padding:0; }
#popup_zone .popup_title .tit { font-size:1.6rem; }
#popup_zone .popup_title .tit span { font-size:2rem; }
}
@media (max-width:480px){
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide>a>img { width: auto;height: auto; }
#popup_zone .popup_title .tit { font-size:1.4rem; }
#popup_zone .popup_title .tit span { font-size:1.8rem; }
#popup_zone .slide_wrap .swiper-wrapper{ justify-content:inherit; }
}

@media(min-width: 480px) {
#popup_zone.length2 .slide_wrap .swiper-wrapper{justify-content: center}
}