@charset "UTF-8";section.eventWrap.ubiGuide{width:1200px;margin:0 auto;color:#21242e}@media (max-width:1024px){section.eventWrap.ubiGuide{width:100%}}section.eventWrap.ubiGuide div.headerWrap{margin:20px 0 0 0}@media (max-width:1024px){section.eventWrap.ubiGuide div.headerWrap{margin:0}}section.eventWrap.ubiGuide div.headerWrap img{width:100%;max-width:100%}section.eventWrap.ubiGuide div.introWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:50px 0 0 0}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px 0 0 0}}section.eventWrap.ubiGuide div.introWrap div.vodBox{width:590px}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap div.vodBox{width:90%;margin:0 auto;text-align:center}}section.eventWrap.ubiGuide div.introWrap div.vodBox button.introVod{width:100%;max-width:590px;aspect-ratio:16/9;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/video_poster_w.png") no-repeat center center}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap div.vodBox button.introVod{background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/video_poster_m.png") no-repeat center center;background-size:100%}}section.eventWrap.ubiGuide div.introWrap div.textBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 590px);padding:0 0 0 20px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/intro_bg.png") no-repeat center center}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap div.textBox{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;padding:20px 0;background:none}}section.eventWrap.ubiGuide div.introWrap div.textBox p{font-size:18px;line-height:1.4;text-align:center}section.eventWrap.ubiGuide div.introWrap div.textBox p.title{position:relative;margin:0 0 14px 0;font-size:26px;font-weight:700}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap div.textBox p.title{font-size:22px;font-weight:600}}section.eventWrap.ubiGuide div.introWrap div.textBox p.title:before{content:"";position:absolute;top:-6px;left:-30px;width:22px;height:19px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/intro_left.png") no-repeat left center}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap div.textBox p.title:before{top:2px;left:-20px;width:16px;height:13px;background-size:contain}}section.eventWrap.ubiGuide div.introWrap div.textBox p.title:after{content:"";position:absolute;top:140px;right:-16px;width:22px;height:19px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/intro_right.png") no-repeat left center}@media (max-width:1024px){section.eventWrap.ubiGuide div.introWrap div.textBox p.title:after{top:18px;right:-22px;width:16px;height:13px;background-size:contain}}section.eventWrap.ubiGuide div.introWrap div.textBox p em{font-size:20px;font-weight:700;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(5%,#d7c3ff));background:linear-gradient(transparent 50%,#d7c3ff 5%)}section.eventWrap.ubiGuide div.thumbnailWrap{position:relative;padding:0 0 50px 0;text-align:left}@media (max-width:1024px){section.eventWrap.ubiGuide div.thumbnailWrap{padding:0 10px 50px 10px}}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer{position:relative}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer div.btnControlWrap{position:absolute;top:184px;left:0;width:100%}@media (max-width:1024px){section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer div.btnControlWrap{display:none}}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer div.btnControlWrap button{position:absolute;top:0;right:-40px;width:40px;height:41px;background:#fff;border-radius:50%;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.4);box-shadow:0 0 10px 0 rgba(0,0,0,0.4)}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer div.btnControlWrap button.btnSwiperPrev{left:-18px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/ico_arrowLeft_gray_thin.svg") no-repeat #fff center center;background-size:60%}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer div.btnControlWrap button.btnSwiperNext{right:-18px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/ico_arrowRight_gray_thin.svg") no-repeat #fff center center;background-size:60%}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-outer div.btnControlWrap button[disabled]{cursor:pointer}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container{position:relative;margin:60px 0 0 0;width:1200px;overflow:hidden}@media (max-width:1024px){section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container{width:100%;margin:20px 0 0 0}}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container h4{padding:0 0 0 24px;margin:0 0 20px 0;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/ico_bullet.png") no-repeat left center;font-size:24px;font-weight:700}@media (max-width:1024px){section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container h4{font-size:20px;font-weight:600}}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container div.swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:3px}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container div.swiper-wrapper div.swiper-slide img.listThumbnail{width:210px;height:315px;border-radius:10px}section.eventWrap.ubiGuide div.thumbnailWrap div.swiper-container div.swiper-wrapper div.swiper-slide span.listTitle{display:block;margin:10px 0 0 0;font-size:16px;color:#21242e}section.eventWrap.ubiGuide #popup-layer{width:100%;height:100%;background-color:rgba(0,0,0,0.9);position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;z-index:999}section.eventWrap.ubiGuide #popup-layer button.btnPopupClose{position:absolute;top:20px;right:20px;width:50px;height:50px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/ico_close_white_thick.svg") no-repeat center center;background-size:100%;z-index:1000}@media (max-width:767px){section.eventWrap.ubiGuide #popup-layer button.btnPopupClose{top:15px;right:15px;width:45px;height:45px}}section.eventWrap.ubiGuide #popup-layer #player-container{position:relative}section.eventWrap.ubiGuide #popup-layer #player-container button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none;width:40px;height:41px;background:#fff;border-radius:50%;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.6);box-shadow:0 0 10px 0 rgba(0,0,0,0.6)}section.eventWrap.ubiGuide #popup-layer #player-container button.btnPrev{left:-60px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/ico_arrowLeft_gray_thin.svg") no-repeat #fff center center;background-size:60%}@media (max-width:1024px){section.eventWrap.ubiGuide #popup-layer #player-container button.btnPrev{left:-60px}}@media (max-width:767px){section.eventWrap.ubiGuide #popup-layer #player-container button.btnPrev{left:-5vw}}section.eventWrap.ubiGuide #popup-layer #player-container button.btnNext{right:-60px;background:url("/_Resources/Front/2024/images/event_2025/ubiGuide/ico_arrowRight_gray_thin.svg") no-repeat #fff center center;background-size:60%}@media (max-width:1024px){section.eventWrap.ubiGuide #popup-layer #player-container button.btnNext{right:-60px}}@media (max-width:767px){section.eventWrap.ubiGuide #popup-layer #player-container button.btnNext{right:-5vw}}@media (max-width:1024px){section.eventWrap.ubiGuide #popup-layer #player-container #player{margin:1em 0 0 0}}section.eventWrap.ubiGuide #popup-layer #player-container #swipe-area{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);z-index:-10}section.eventWrap.ubiGuide .small{width:320px;height:180px}section.eventWrap.ubiGuide .medium{width:640px;height:360px}section.eventWrap.ubiGuide .large{width:1280px;height:720px}section.eventWrap.ubiGuide .short{width:360px;height:640px}