.popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:9000}.tab-right,.tab-bottom{display:none}.swiper-wrapper.event .swiper-slide .wrap{padding-left:1px;display:flex;flex-wrap:nowrap}.swiper-slide .event-info{width:220px;height:270px;background-color:#fff;border:3px solid;border-image:var(--gradient-color);border-image-slice:1;padding:12px 20px;margin-right:12px}.mobile-progress{display:none}.popup-top{position:fixed;top:0;left:0;width:100%;height:42px;z-index:1000;transition:.25s;cursor:pointer}.popup-top .popup-top-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1200px;height:100%;margin:0 auto}.popup-top.active{top:-60px;transition:.25s}.popup-top img{width:100%;height:100%;object-fit:contain}.popup-top .btn-top-del{position:absolute;top:8px;right:0;width:24px;height:24px;cursor:pointer;background-image:url(/resources/images/popup/Icon_top_bannerClose.svg);background-repeat:no-repeat;z-index:100}.tab-right{position:fixed;width:1200px;height:743px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10002}.tab-right .popup-wrap{width:100%;height:700px;display:flex;flex-wrap:nowrap}.tab-right .popup-img{width:700px;height:100%;border-top-left-radius:10px;cursor:pointer}.tab-right .popup-img img{object-fit:fill;border-top-left-radius:10px}.tab-right .wrap{width:500px;height:100%;display:flex;flex-wrap:wrap;border-top-right-radius:10px;background:#fff}.tab-right .wrap .text-area{width:100%;height:calc(100% - 240px);text-align:center;border:1px solid #eee;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;border-bottom:0;background-color:#fff;border-top-right-radius:10px}.tab-right .wrap .text-area *{line-height:normal}.text-area .top-text{position:relative;width:300px;height:32px;font-size:var(--font-size-regular);font-weight:var(--font-weight-light);transform:scaleY(0.96);line-height:2.8 !important;text-align:center;color:#111}.text-area .top-text::before,.text-area .top-text::after{display:block;content:'';position:absolute;width:300px;height:.5px;background-color:#333;opacity:.5}.text-area .top-text::before{top:0;left:0}.text-area .top-text::after{bottom:0;left:0}.text-area .main-tit{font-size:32px;font-weight:var(--font-weight-bold);margin:30px 0 20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#111}.text-area .bottom-text{font-size:var(--font-size-regular1);color:#5d5d5d;font-weight:var(--font-weight-regular);margin-bottom:60px}.text-area ul{display:block;font-size:var(--font-size-regular1);color:#111;text-align:left;margin-bottom:30px}.text-area ul li{position:relative;margin-bottom:10px}.text-area ul li:last-child{margin-bottom:0}.text-area ul li::after{display:block;content:'';position:absolute;top:2px;left:78px;width:3px;height:12px;background-color:#eee}.text-area .bold{margin-left:30px;font-weight:var(--font-weight-bold)}.text-area p{font-size:var(--font-size-regular);color:#6d6d6d;font-weight:var(--font-weight-light)}.tab-right .tabs{width:100%;height:240px;background-color:#fff;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;border-top:1px solid #eee;overflow:hidden}.tab-right .tabs>li{height:60px;font-size:var(--font-size-regular1);color:#666;box-sizing:border-box;cursor:pointer}.tab-right .tab-show{position:relative;text-align:center;align-content:center;color:#aaa;padding:7px 13px;line-height:1.7;background-color:#fff;border-bottom:1px solid #eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tab-right .tab-show:nth-child(odd),.tab-right .tab-show:nth-child(odd){border-right:1px solid #eee}.tab-right .tab-show:hover{background-color:var(--main-opacity)}.tab-right .tab-show.active{background-color:var(--main-color);color:#fff}.tab-bottom{position:fixed;width:1000px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px 0 rgba(18,18,18,0.5);z-index:10001;cursor:pointer;border-radius:10px;overflow:hidden}.tab-bottom .popup-img{width:100%;height:640px}.popup-img img{width:100%;height:100%;display:none;object-fit:cover}.tab-bottom ul{width:100%;background-color:#fff;display:flex;flex-wrap:wrap}.tab-bottom ul .tab-show{height:50px;position:relative;flex:1 1 25%;color:#666;font-size:var(--font-size-regular1);padding:4px 8px;text-align:center;align-content:center;border-right:1px solid #eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-box-pack:center;overflow:hidden;text-overflow:ellipsis}@media(min-width:1200px){.tab-bottom ul .tab-show:nth-child(4n),.tab-bottom ul:not(:has(li:nth-child(5))) .tab-show:last-child{border-right:0}.tab-bottom ul:has(>li:nth-child(5)) .tab-show:nth-child(-n+4){border-bottom:1px solid #eee}.tab-bottom ul .tab-show:first-child:nth-last-child(1){flex-basis:100%}.tab-bottom ul .tab-show:first-child:nth-last-child(2),.tab-bottom ul .tab-show:first-child:nth-last-child(2) ~ .tab-show{flex-basis:50%}.tab-bottom ul .tab-show:first-child:nth-last-child(3),.tab-bottom ul .tab-show:first-child:nth-last-child(3) ~ .tab-show{flex-basis:calc(100% / 3)}.tab-bottom ul .tab-show:first-child:nth-last-child(n+4),.tab-bottom ul .tab-show:first-child:nth-last-child(n+4) ~ .tab-show{flex-basis:25%;max-width:25%}}.tab-bottom .tab-show.active{background-color:var(--main-color);color:#fff}.tab-bottom .tab-show.active:hover{color:#fff}.tab-bottom .tab-show:hover{color:var(--main-color)}.popup-btn-area{width:100%;height:33px;display:flex;flex-wrap:nowrap;background-color:#000;color:#fff;font-size:var(--font-size-regular1);font-weight:var(--font-weight-light);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.popup-btn-area>div{flex:1 1 0;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center}.popup-btn-area>div:first-child{position:static;border-right:1px solid #333;width:50%;color:#eee}.popup-btn-area>div:nth-child(2){color:#eee}.basic-popup{position:absolute;top:134px;left:50%;transform:translate(-50%,0);width:1600px;z-index:100}.open .basic-popup{top:176px}.basic-popup .basic-popup-con{display:none;position:relative;width:400px;height:430px;background-color:#000;color:#fff;font-size:var(--font-size-regular);cursor:pointer;border:1px solid #000}.basic-popup .basic-popup-con.order1{position:absolute;top:0;left:0}.basic-popup .basic-popup-con.order2{position:absolute;top:0;left:400px}.basic-popup .basic-popup-con.order3{position:absolute;top:0;left:800px}.basic-popup .basic-popup-con.order4{position:absolute;top:0;left:1200px}.basic-popup span{display:flex;align-items:center;height:30px;padding-left:10px;color:#eee;font-weight:300}.basic-popup .btn-del{position:absolute;bottom:5px;right:5px;width:20px;height:20px;border:1px solid #ccc;background-color:#000;box-sizing:border-box}.basic-popup .btn-del::before,.basic-popup .btn-del::after{position:absolute;top:9px;right:2px;display:block;content:'';width:15px;height:1px;background-color:#ccc}.basic-popup .btn-del::before{transform:rotate(45deg)}.basic-popup .btn-del::after{transform:rotate(-45deg)}.basic-popup img{width:398px;height:398px;object-fit:fill}.popupContent .popup-groupList{opacity:0;pointer-events:none}.popupContent .popup-groupList.show{display:block}.popup-top{display:none}.basic-popup li.show{display:flex;flex-direction:column}.popup-top.show{display:block}@media(max-width:1199px){.popup-btn-area>div{color:#aaa}.basic-popup .popup-groupList.show{display:none}.basic-popup .popup-groupList.show:first-of-type{display:block}.basic-popup{width:100vw;z-index:1000;position:absolute;top:140px;transform:translateX(-50%);background-color:transparent;pointer-events:none}.basic-popup .basic-popup-con{display:none;position:relative;width:320px;height:320px;color:#fff;font-size:12px;cursor:pointer;margin:0 auto 0}.basic-popup .basic-popup-con.order2,.basic-popup .basic-popup-con.order3,.basic-popup .basic-popup-con.order4{left:0}.basic-popup img{width:100%;height:100%}.basic-popup span{height:40px;text-align:center;color:#ccc}.basic-popup span{position:absolute;bottom:-40px;padding-top:2px;width:230px;line-height:35px;border-right:1px solid #333;background-color:#000;font-size:var(--font-size-regular1)}.basic-popup .btn-del{width:90px;height:40px;bottom:-40px;right:0;border:0;padding-top:11px;font-size:var(--font-size-regular1)}.basic-popup .btn-del::before{display:none}.basic-popup .btn-del::after{position:static;width:100%;height:100%;content:'창 닫기';background-color:#000;color:#eee;padding:0;font-size:var(--font-size-regular1);font-weight:300}.basic-popup .btn-del:after{transform:none}.basic-popup .basic-popup-con.order1,.basic-popup .basic-popup-con.order2,.basic-popup .basic-popup-con.order3,.basic-popup .basic-popup-con.order4{position:relative}.basic-popup .basic-popup-con{background-color:transparent;border:0}.text-area ul li::after{display:block;content:'';position:absolute;top:4px;left:64px;width:3px;height:7px;background-color:#eee}.mobile-progress{display:block}.mobile-progress.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:flex;align-items:center}.mobile-progress .swiper-pagination-bullet{width:6px;height:6px;background-color:#fff;opacity:.8}.mobile-progress .swiper-pagination-bullet-active{width:12px;height:12px;border-radius:50px;opacity:1;background-color:var(--main-color)}.popup-btn-area{color:#bbb;font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular)}.popup-btn-area>div:first-child{position:relative;border-right:0;width:190px}.popup-btn-area>div:first-child:after{position:absolute;display:block;right:0;content:'';width:1px;height:calc(100% - 20px);background-color:#aaa}.popup-btn-area>div:nth-child(2){border-right:0;width:140px}.popup-btn-area>div{padding:0}.tab-right{box-shadow:none}.tab-right.mobileP{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;background-color:transparent}.tab-right.mobileP .swiper.popup-right{width:100%;height:100%;border:0}.tab-right.mobileP .swiper-slide{width:100%;height:auto}.tab-right.mobileP .swiper-slide img{display:block;width:100%;height:100%;object-fit:fill}.tab-right.mobileP .popup-btn-area{background-color:transparent;position:absolute;bottom:-60px}.tab-right.mobileP .mobile-con{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);z-index:10000}.tab-bottom{bottom:0;top:auto;left:auto;transform:none;width:100%;border-top-left-radius:30px;border-top-right-radius:30px;overflow:unset}.tab-bottom .popup-img{overflow:hidden;border-top-left-radius:30px;border-top-right-radius:30px}.tab-bottom.mobileP .swiper.popup-bottom{width:100%;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#fff}.tab-bottom.mobileP .swiper.popup-bottom .swiper-slide{height:auto}.tab-bottom.mobileP .mobile-con{position:absolute;top:21px;right:13px;width:36px;height:18px;background-color:rgba(17,17,17,0.6);border-radius:9px;z-index:100;display:flex;align-items:center}.tab-bottom.mobileP .mobile-con .mobile-fraction{width:100%;height:100%;font-size:var(--font-size-small);color:#fff;z-index:10000;font-size:10px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:row}.tab-bottom.mobileP .mobile-con .mobile-fraction .current{color:#fff;opacity:1;display:block;display:flex;align-items:center;flex-direction:row}.tab-bottom.mobileP .mobile-con .mobile-fraction .current:after{display:inline-block;content:'';width:1px;height:8px;background-color:#fff;opacity:.2;margin:0 4px}.tab-bottom.mobileP .mobile-con .mobile-fraction .total{color:#fff;opacity:.6;display:block}.tab-bottom.mobileP .swiper-slide img{display:block;width:100%;height:auto}.tab-bottom ul{width:100%;height:auto;background-color:#fff;display:flex;flex-wrap:wrap}.tab-bottom ul .tab-show{height:44px;font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);border-bottom:1px solid #eee;border-right:1px solid #eee;border-left:0}.tab-bottom ul .tab-show:nth-child(-n+3){border-top:1px solid #eee}.tab-bottom ul .tab-show:first-child:nth-last-child(1){flex-basis:100%}.tab-bottom ul .tab-show:first-child:nth-last-child(2),.tab-bottom ul .tab-show:first-child:nth-last-child(2) ~ .tab-show{flex-basis:50%}.tab-bottom ul .tab-show:first-child:nth-last-child(n+3),.tab-bottom ul .tab-show:first-child:nth-last-child(n+3) ~ .tab-show{flex-basis:calc(100% / 3);max-width:calc(100% / 3)}.tab-bottom .tab-show.active{font-weight:var(--font-weight-bold)}.tab-bottom ul .tab-show:nth-child(-n+3).active{border-color:var(--main-color)}.tab-bottom.mobileP .popup-btn-area{height:40px;font-size:var(--font-size-regular1);padding:10px 0;color:#999;font-weight:var(--font-weight-light);border-radius:0}.tab-bottom.mobileP .popup-btn-area>div:first-child{text-align:left;flex:0 0 50%}.tab-bottom.mobileP .popup-btn-area>div:last-child{text-align:right;flex:0 0 50%}.tab-bottom.mobileP .popup-btn-area>div:first-child:after{display:none}.popup-top.actvie{top:-40px}.popup-top .btn-top-del{top:8px;right:10px}.popup-mask{opacity:.8}}@media(max-width:767px){.text-area ul li::after{display:block;content:'';position:absolute;top:2px;left:64px;width:3px;height:9px;background-color:#eee}.mobile-progress{display:block}.popup-btn-area>div{padding:0;flex:auto}.popup-btn-area{color:#bbb;font-size:1.2rem;font-weight:400}.tab-right.mobileP{width:90%}.tab-right .mobile-progress.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:flex;align-items:center}.tab-right .mobile-progress .swiper-pagination-bullet{width:6px;height:6px;background-color:#fff;opacity:.5}.tab-right .mobile-progress .swiper-pagination-bullet-active{width:10px;height:10px;border-radius:50px;opacity:1;background-color:var(--main-color)}}