@charset 'UTF-8';

/* slick common*/
.controller {display: none;}
.dp-none {display:block !important;}
.slick-slider{position:relative;}
.slick-slide a:focus{outline: none !important;}
.slick-arrow{cursor:pointer;}
.slick-arrow:focus{outline: none !important;}
.slick-slide{float:left;position: relative;}
.slick-track{*zoom:1;}
.slick-track:after{content:''; display:block; clear:both;}
.slick-dots{text-align:center;}
.slick-list{overflow:hidden;}
.slick-slide:focus{outline: none !important;}
.clsMoreBtn, .pcBannerTop,.pcBanner, #divMainArea3{display:none;}
.main_page {/*padding-top:54px;*/ background:#fff; box-sizing:border-box;/*padding: env(safe-area-inset-top, 60px);*/}
.mainSliderwrap .slick-list{padding: 0 15px;}
.mainSliderwrap .slick-slide {text-align: center;}
.mainSliderwrap .slick-slide a{display:block; box-sizing: border-box;  padding: 0 8px; /*height: 63.9vw;*/}
.mainSliderwrap .slick-slide img {width: 100%; height:auto;}
.mainSliderwrap .sliderBarWrap{position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding:0 20px; box-sizing:border-box;}
.mainSliderwrap .sliderBarWrap .sliderBar{width: 100%; height: 2px; background-color: #ededed; background-image: linear-gradient(to right, #fff, #fff); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; box-sizing: border-box;}
.mainSliderwrap .sliderBarWrap .theme.sliderBar {background-color: rgba(0,0,0,0.2); background-image: linear-gradient(to right, #000, #000);  background-repeat: no-repeat; background-size: 0 100%;}
.mainSliderwrap .sliderBarWrap .slick-dots{display:flex;height:100%;}
.mainSliderwrap .sliderBarWrap .slick-dots li {flex: 1 1 auto; width: 100%; height: 100%;}
.mainSliderwrap .sliderBarWrap .slick-dots li button{display: block; width: 100%; height: 100%; font-size: 0; color: transparent; overflow: visible; margin: 0; padding: 0; cursor: pointer; vertical-align: middle; border: none; background: none;}
.sliderBarWrap .slick-counter{width: 50px; font-size: 12px; text-align: right;}
.sliderBarWrap .slick-counter .current{font-weight:bold;}
.newMain .theme_travel{padding: 36px 0 30px 0; background-color: #fff; box-sizing: border-box;}
.newMain .theme_travel .theme_travelList{padding: 0 0 8px 24px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; white-space: nowrap; text-align: center; box-sizing: border-box;}
.newMain .theme_travel .theme_travelList ul{font-size: 0;}
.newMain .theme_travel .theme_travelList ul:first-of-type{margin-bottom: 16px;}
.newMain .theme_travel .theme_travelList li:first-child {width: 56px; margin-right: 12px;}
.newMain .theme_travel .theme_travelList li{float:none; display:inline-block; width: 70px; margin-right: 5px; vertical-align:top;}
.newMain .theme_travel .theme_travelList li:last-of-type{margin-right: 24px;}
.newMain .theme_travel .theme_travelList li a{float:none; width:100%; height:100%;}
.newMain .theme_travel .theme_travelList li a img{display:inline; width: 56px;}
.newMain .theme_travel .theme_travelList li a span{display:block; padding-top:12px; font-size: 12px; text-align: center; color:#000; font-weight:500;}
.newMain .theme_travel .theme_travelList ul:first-child li.active a span {color: #0198f9; font-weight: bold;}
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}
.blinking-seat {animation: blink 1s infinite;}
.blinking-time {
	animation-name: blink;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.moSubSlide .clsMainDomPkg{margin-bottom: 40px;}
.moSubSlide .clsMainDom_TitWrap{padding: 0 24px 16px;text-align: center; box-sizing: border-box;}
.moSubSlide .clsMainDom_TitWrap .clsMainDomPkgTitle{font-size:20px; letter-spacing: -1px; line-height: 26px;}
.moSubSlide .clsMainDom_TitWrap .clsMainDomPkgTitle b {display: block;}
.moSubSlide .mainSubListWrap .slick-list{padding: 0px 48px 10px;}
.moSubSlide .mainSubListWrap .clsDomPkg{border-radius: 20px; box-shadow: 2px 3px 10px rgb(132 132 132 / 15%); overflow: hidden;} 
.moSubSlide .mainSubListWrap .clsDomPkg a{display: inline-block; width: 100%; height:48.8889vw; overflow:hidden;}
.moSubSlide .mainSubListWrap .clsDomPkg a img{width:100%; height:100%;}
.moSubSlide .mainSubListWrap .clsDomPkg span{display: block; box-sizing: border-box;}
.moSubSlide .mainSubListWrap .clsDomPkg .clsDesStr{padding: 20px 15px 8px 15px; box-sizing: border-box; font-size: 16px; letter-spacing: -2px; font-weight: 500;}
.moSubSlide .mainSubListWrap .clsDomPkg .spanDom0{color: #2d8ce6; font-size: 14px; padding-bottom: 8px; font-weight: 400; }
.moSubSlide .mainSubListWrap .clsDomPkg .spanDom0>img {display: inline-block !important;}
.moSubSlide .mainSubListWrap .clsDomPkg .clsFareStr{padding: 0 20px 20px; font-size: 16px; font-weight: 700;}
.moSubSlide .mainSubListWrap .clsDomPkg {transition: all 300ms ease; -moz-transform: scale(0.85);  -ms-transform: scale(0.85); -o-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85);}
.moSubSlide .mainSubListWrap .slick-current.slick-active{-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.dealSlider .slick-slide .clsDomPkg{transition: all 300ms ease; -moz-transform: scale(0.85);  -ms-transform: scale(0.85); -o-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85);}
.dealSlider .slick-current.slick-active .clsDomPkg{-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}

.moBannerSlide .slick-slide a {display:inline-block; width:100%; vertical-align: middle;}
.moBannerSlide .slick-slide a img{width: 100%;}
.moBannerSlide .slick-dots{position:absolute; bottom: 15px; right: 12px;}
.moBannerSlide .slick-dots li{display:inline-block; margin:0 4px;}
.moBannerSlide .slick-dots li button{display: block; width: 8px; height: 8px; text-indent: -99999px; overflow: hidden; border: 0; outline: 0; padding: 0; background: url(/images/Mobile/main/dot_off.svg) no-repeat 0 0;}
.moBannerSlide .slick-dots li.slick-active button{background:#00e9ff; border-radius:50%;}
.moBannerSlide_2 .slick-slide a {display:inline-block; width:100%; vertical-align: middle;}
.moBannerSlide_2 .slick-slide a img{width: 100%;}
.moBannerSlide_2 .slick-dots{position:absolute;  bottom: 15px; right: 12px;}
.moBannerSlide_2 .slick-dots li{display:inline-block; margin:0 4px;}
.moBannerSlide_2 .slick-dots li button{display: block; width: 8px; height: 8px; text-indent: -99999px; overflow: hidden; border: 0; outline: 0; padding: 0; background: url(/images/Mobile/main/dot_off.svg) no-repeat 0 0;}
.moBannerSlide_2 .slick-dots li.slick-active button{background:#00e9ff; border-radius:50%;}

.noThumArea{box-sizing:border-box;padding:1px 0;overflow:hidden;position:relative;text-align:center;}
.noThumArea li{width:86.7vw;height:49.9vw;margin:0 auto;border-radius:10px;background:#e9e9e9;font-size:0;}
.noThumArea li:first-of-type{position:absolute;top:0;left:-84.4vw;}
.noThumArea li:last-of-type{position:absolute;top:0;right:-84.4vw;}


/* youtube 메인 배너 */
.bn_youtube_wrap {display:none; position:relative; width: 90%; margin: 20px auto 0 auto; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.bn_youtube_wrap .bn_youtube .youtube {position:absolute; padding-bottom:50%; height:0; overflow:hidden;width: 89%; left: 5%; bottom: 16%}
.bn_youtube_wrap .bn_youtube_shorts .youtube {position:absolute; padding-bottom:67.25%; height:0; overflow:hidden;width: 38%; left: 5%; bottom: 7%}
.bn_youtube_img {width: 100%; height: auto; margin: 0 auto;}
.bn_youtube {display: flex; position: relative; width: 100%; height: auto;}
.bn_youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bn_youtube_shorts {display: flex; position: relative; width: 100%; height: auto;}
.bn_youtube_shorts iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.video_btn {position:absolute;right: 0; bottom: 0;}
.video_btn button {border: none; background: none;}

/* 메인 배너 슬라이드 23-01-02 추가 */
.main_event_bn_wrap {
    display: none;
}
.clsMainMarketingBan {margin-bottom: 40px;}
.main_event_bn_m_wrap {width:100%;overflow: hidden; margin-bottom: 40px;}

.main_event_bn_m_wrap>ul>li {width:100%;}
.main_event_bn_m_wrap>ul>li>a {display: inline-block;}
.main_event_bn_m_wrap .slick-slide img {width:100%;}
.bn_cont {position:absolute; right: 10px; bottom: 10px; display: flex;}
.bn_cont button {border: none;background: none;width:8px;height:8px; background:#fff;border-radius: 50px;margin: 0 10px 0 0; cursor: pointer; font-size: 0; padding: 0;}
.bn_cont .slick-active button {background:#00e9ff;}


.moBannerSlide {margin-top: 20px; margin-bottom: 15px;}

/* 황금연휴 기획전 메인 모바일 레이어팝업 */
.event_layer_popup {position: relative; width: 100%; height: 100%;}
.event_layer_popup_wrap {position:fixed; top: 20%;z-index:25; width: 90%; left: 5%; margin: 0 auto;}
.event_layer_popup .event_img_wrap img {width: 100%;}
.event_layer_popup .event_img_wrap {}
.event_layer_popup-bg {width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.4); z-index: 24; top: 0; position: fixed;}
.event_close_btn_wrap {width: 100%; display: inline-block; margin-bottom:10px;}
.event_close_btn_wrap a:first-child {float: left;}
.event_close_btn_wrap a:last-child {float: right;}

/* 좌석,타임 딜 */
.main_special_deal_view p {background: #000; border-radius: 40px; margin: 20px 15px 0 15px; color: #fff; padding: 3px; position:relative;}
.main_special_deal_view p span {display: inline-block;}
.main_special_deal_view p.deal_seat span.tit {display: inline-block;background: #fff; margin: 3px; color: #000; padding: 3px 10px; border-radius: 30px; font-size: 11px;}
.main_special_deal_view p.deal_seat span.sub {display: inline-block; color: #fff; font-size: 14px; float: right;margin-top: 5px; margin-right: 10px; font-weight: bold;}
.main_special_deal_view p.deal_seat span.sub span {padding-left: 3px;color: #6cff00; display:inline-block; font-weight: bold;}

.main_special_deal_view .main_deal_con {color: #2d8ce6; float:right; font-weight: bold;}
.dealFareStr {color: #2d8ce6; float:right; font-weight: bold; padding: 10px 15px 20px 15px; font-size: 16px; font-weight: 700; display: inline-block !important;}
.dealFareStrThrough {text-decoration: line-through; font-size: 13px; font-weight:bold; display: inline-block !important; padding: 13px 0px 10px 15px;}

.main_special_deal_view p.deal_time span.tit {display: inline-block;background: #fff; margin: 3px 0px 3px 3px; color: #000; padding: 3px 7px; border-radius: 30px; font-size: 11px; width:34%; text-align:center;}
.main_special_deal_view p.deal_time span.sub {display: inline-block; color: #fff; font-size: 14px; font-weight: bold; height:21px; width: 61%; text-align:right; position:relative; right: 1%; }
.main_special_deal_view p.deal_time span.sub span {padding-left: 3px;color: #00deff; display:inline-block; font-weight: bold;}

.main_special_deal_view p.deal_fin {background: #888; border-radius: 40px; margin: 20px 20px 0 20px; color: #fff; padding: 12px; font-size: 14px;text-align:center; font-weight: bold;}