@charset "utf-8"; 

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.oasisAlpha .oHeader .topPmBanner,.oPrdtLst .price_original,.oPrdtLst .info_badges,.loading,.urlPC .swiper-wrapper .swiper-lazy-preloader,.oPrdtLst .info_option,.oPrdtLst .info_group{display:none !important}
html.urlPC .mainContSection .oPrdtLst .wrapInfo,.mainContSection .oPrdtLst ul li {padding-bottom:0 !important}
.oasisAlpha .oPrdtLst .wrapInfo .info_price .price_discountRate {color:#E61518}

.oasisAlpha {font-family:"Pretendard";line-height:1.2}

.pc_alphaHeader {border-bottom:1px solid #E0E0E0}
.pc_alphaHeader > .head_innerBox {width:1240px;height:70px;margin:0 auto;display:flex;align-items:center;position:relative;}
.pc_alphaHeader .logo {margin-right:40px}
.pc_alphaHeader .logo img {width:210px;height:21px}
.pc_alphaHeader nav {margin-right:auto}
.pc_alphaHeader nav ul {display:flex;height:70px;align-items:center;justify-content:center}
.pc_alphaHeader nav ul li {width:100px}
.pc_alphaHeader nav ul li a {width:100px;height:70px;display:inline-flex;justify-content:center;align-items:center;font-size:15px}
.pc_alphaHeader nav ul li.on a {color:#E61518;font-weight:500}
.pc_alphaHeader .head_searchBox {display:flex;align-items:center;justify-content:space-between;border:1px solid #E0E0E0;border-radius:50px;width:306px;height:40px;padding:0 14px 0 20px}
.pc_alphaHeader .head_searchBox input {color:#6B6B6B;width:200px;outline:none}
.pc_alphaHeader .head_searchBox button {width:30px;height:30px;cursor:pointer;background:url(../../mobile/img/alpha/icon/icon_search_pc.png) no-repeat 50% 50% / 20px 20px}
.pc_alphaHeader .head_quickMenu {display:flex}
.pc_alphaHeader .head_quickMenu a {width:30px;height:30px;margin-left:20px;background:no-repeat 50% 50% / 30px 30px;position:relative}
.pc_alphaHeader .head_quickMenu a.btn_mypage {background-image:url(../../mobile/img/alpha/icon/icon_mypage_pc.png)}
.pc_alphaHeader .head_quickMenu a.btn_cart {background-image:url(../../mobile/img/alpha/icon/icon_cart_pc.png)}
.pc_alphaHeader .head_quickMenu a.btn_cart em {position:absolute;left:50%;top:50%;color:#fff;font-size:11px;border-radius:15px;padding:2px 6px;background:#212121;}

.oasisAlpha main {overflow:hidden;}
.oasisAlpha .visual_area {background:#F4F4F4;padding:40px 0;position:relative}
.oasisAlpha .visual_swiperBox {width:884px;margin:0 auto}
.oasisAlpha .visual_area .visual_swiper {overflow: visible;}
/* .oasisAlpha .visual_area .swiper-wrapper {left:620px;} */
.oasisAlpha .visual_area .swiper-slide {width:884px !important;opacity:.5;}
.oasisAlpha .visual_area .swiper-slide.live-slide,
.oasisAlpha .visual_area .swiper-slide-active {opacity:1;}
.oasisAlpha .visual_area .swiper-slide > div {display:flex; }
.oasisAlpha .visual_area .swiper-slide-prev > div {justify-content:end}
.oasisAlpha .visual_area .swiper-slide-next > div {justify-content:start}
.oasisAlpha .visual_area .swiper-slide-active > div {padding:0 90px;margin:0 20px;justify-content:space-between;}
.oasisAlpha .visual_area .swiper-button-next::after {content: '';width: 412px;height:390px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.oasisAlpha .visual_area .swiper-button-prev::after {content: '';width: 412px;height:390px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.oasisAlpha .visual_area .videoBox {flex:none;width:282px;height:380px;position:relative;overflow:hidden;border-radius:12px;}
.oasisAlpha .visual_area .videoBox+.videoBox {margin-left:40px}
.oasisAlpha .visual_area .videoBox .video-js {padding-top:380px}
.oasisAlpha .visual_area .videoBox .btn_view {position:absolute;left:0;top:0;width:100%;height:100%;color:transparent}
.oasisAlpha .visual_area .videoBox video {width:100%;height:100%;border-radius:12px;object-fit: cover;}
.oasisAlpha .visual_area .videoBox .viewCnt {position:absolute;left:14px;top:14px;color:#fff;background:rgba(33,33,33,.6);border-radius:26px;width:86px;height:28px;display:inline-flex;justify-content:center;align-items:center;font-weight:500;}
.oasisAlpha .visual_area .videoBox .liveSlideTxt {position:absolute;left:50%;bottom:42px;transform:translateX(-50%);width:124px;height:44px;background-color:#E61518;border-radius:25px;font-size:15px;padding:2px;overflow:hidden}
.oasisAlpha .visual_area .videoBox .liveSlideTxt span {display:inline-flex;align-items:center;justify-content:center;background-color:#E61518;color:#fff;border-radius:25px;width:100%;height:100%;position:relative}
.oasisAlpha .visual_area .videoBox .liveSlideTxt::before {content:'';opacity:0;display:block;position:absolute;top:-10px;left:0;width:160px;height:100px;background-image:linear-gradient(to right,rgba(255,255,255,0),#fff,#fff,rgba(255,255,255,0));transform:rotate(35deg) translateX(-66px);animation:liveIng 1.6s infinite}
@keyframes liveIng{0%{transform:rotate(35deg) translateX(-165px);opacity:1} 50%{opacity:1} 100%{transform:rotate(35deg) translateX(66px);opacity:0}}
.oasisAlpha .visual_area .in_vodCont {padding:14px 0 14px 30px;position:relative}
.oasisAlpha .visual_area .swiper-slide-active .in_vodCont {display:block;width:382px}
.oasisAlpha .in_vodCont > h2 {font-size:28px;line-height:1.3215;margin-bottom:10px }
.oasisAlpha .in_vodCont > em {color:#E61518;font-size:18px}
.oasisAlpha .in_vodCont .wrapPrd {position:absolute;left:30px;bottom:10px;display:flex;align-items:center;background:#fff;padding:20px;border-radius:12px}
.oasisAlpha .in_vodCont .wrapPrd .wrapImg {flex:none;width:80px;height:80px;border-radius:12px;overflow:hidden;margin-right:12px}
.oasisAlpha .in_vodCont .wrapPrd .wrapImg img {width:100%;height:100%;object-fit:cover;}
.oasisAlpha .in_vodCont .wrapPrd .wrapInfo .info_title {font-size:15px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}
.oasisAlpha .in_vodCont .wrapPrd .wrapInfo .info_price {font-size:20px}
.oasisAlpha .in_vodCont .wrapPrd .wrapInfo .info_price em {color:#E61518;margin-right:4px}
.oasisAlpha .in_vodCont .wrapPrd .wrapInfo .info_price b {}

.oasisAlpha .thumb_img {position:relative;border-radius:12px;overflow:hidden;}
.oasisAlpha .thumb_img img {width:100%;height:100%;object-fit:cover;}
.oasisAlpha .mainContSection {width:1140px;margin:0 auto 30px}
.oasisAlpha .mainContSection > div {margin-top:100px;position:relative}
.oasisAlpha .mainContSection > div h3 {font-size:28px;line-height: 1.2145;margin-bottom:30px}

.oasisAlpha .oSwiper.prod_list .swiper-slide {width:212px}
.oasisAlpha .oSwiper.item_list .swiper-slide {width:240px}
.oasisAlpha .oSwiper.item_list .thumb_imgBox {height:322px;position:relative}
.oasisAlpha .oSwiper.item_list .thumb_imgBox img {width:100%;height:100%;object-fit:cover;border-radius:12px}
.oasisAlpha .oSwiper.item_list .thumb_imgBox .playCnt {position:absolute;left:10px;top:10px;font-size:13px;color:#fff;font-weight: 500;padding:8px 10px 7px;border-radius:26px;background: rgba(33,33,33,.6)}
.oasisAlpha .oSwiper.item_list .info_title {margin-top:14px;font-size:18px;padding-right:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:24px}

.oasisAlpha .live_scd .alm_li {display:flex;flex-wrap:wrap;justify-content:space-between;}
.oasisAlpha .live_scd .alm_li .scd_li {display:flex;width:calc(50% - 25px);align-items:center;}
.oasisAlpha .live_scd .alm_li li+li+li {margin-top:40px}
.oasisAlpha .live_scd .alm_li .alm_item {margin-left:20px}
.oasisAlpha .live_scd .alm_li .vodProdBox .live_title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:24px;font-weight:400}
.oasisAlpha .live_scd .alm_li .vodProdBox .info_cp {font-size:15px;color:#E61518;margin-top:10px}
.oasisAlpha .live_scd .scd_li > .thumb_img {flex:none;width:200px;height:260px;}
.oasisAlpha .live_scd .scd_li .firstProdBox {display:flex;align-items:center;border-top:1px solid #E0E0E0;margin-top:19px;padding-top:16px}
.oasisAlpha .live_scd .scd_li .firstProdBox .thumb_img {width:80px;height:80px;margin-right:10px}
.oasisAlpha .live_scd .scd_li .firstProdBox strong {display:block;max-width:200px;margin-bottom:6px;font-size:15px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:18px}
.oasisAlpha .live_scd .scd_li .firstProdBox .price {font-size:16px}
.oasisAlpha .live_scd .scd_li .firstProdBox .price .per {color:#E61518;margin-right:4px}
.oasisAlpha .live_scd .scd_li .info_area {position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(33,33,33,.5);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#fff;flex-direction:column;}
.oasisAlpha .live_scd .scd_li .info_area .date {font-size:18px;display:block;}
.oasisAlpha .live_scd .scd_li .info_area .time {font-size:30px;font-weight:bold;line-height:36px;margin-top:6px;}

/* 베스트 */
.oasisAlpha .scheduleLive {padding-bottom:150px}
.oasisAlpha .cnt_best .swiper-slide .thumb_img::before {content:'1';display:inline-flex;align-items:center;justify-content:center;position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:10px;background:#212121;font-style:italic;font-weight:600;font-size:20px;color:#fff;z-index:1}
.oasisAlpha .cnt_best .swiper-slide:nth-of-type(2) .thumb_img::before {content:'2'}
.oasisAlpha .cnt_best .swiper-slide:nth-of-type(3) .thumb_img::before {content:'3'}
.oasisAlpha .cnt_best .swiper-slide:nth-of-type(4) .thumb_img::before {content:'4'}
.oasisAlpha .cnt_best .swiper-slide:nth-of-type(5) .thumb_img::before {content:'5'}

html.urlPC .oasisAlpha .oPrdtLst .imgBtns {background:none;opacity: 1;justify-content: end;}
html.urlPC .oasisAlpha .oPrdtLst .imgBtns .oBtn_whsh {display:none}
html.urlPC .oasisAlpha .oPrdtLst .imgBtns .oBtn_addCart {margin:0;position:absolute;bottom:10px;right:10px;width:48px;height:48px;border-radius:50%;background:rgba(33,33,33,.7) url(../../mobile/img/alpha/icon/icon_cart_v2.png) no-repeat center/ 26px 26px;z-index:1;opacity: 1;}/* 장바구니 버튼 */
html.urlPC .oasisAlpha .oPrdtLst .wrapImg .add_cart {position:absolute;bottom:10px;right:10px;width:48px;height:48px;border-radius:50%;background:rgba(33,33,33,.7) url(../../mobile/img/alpha/icon/icon_cart_v2.png) no-repeat center/ 26px 26px;z-index:1}

.oasisAlpha .footerCompanyMenu ul li a {font-size:15px}
.oasisAlpha .footerCompanyMenu ul li a b {color:#E61518}
.oasisAlpha .footerContent .customerCenter h3 strong {color:#212121}

.alpha_wrap .swiper-button-disabled {opacity: .5;}
.alpha_wrap .swiper-button-next,.alpha_wrap .swiper-button-prev {background: #fff;border-radius:50%;width:50px;height:50px;border:1px solid #EEE}
.alpha_wrap .swiper-button-prev::before {content: '';display: inline-block;position: absolute;top: 18px;left: 20px;width: 14px;height: 14px;border: 1px solid #333;border-width: 2px 0 0 2px;transform: rotate(-45deg);}
.alpha_wrap .swiper-button-next::before {content: '';display: inline-block;position: absolute;top: 18px;right: 20px;width: 14px;height: 14px;border: 1px solid #333;border-width: 0 2px 2px 0;transform: rotate(-45deg);}
.alpha_wrap .swiper-button-next {right:50%;margin-right:-640px}
.alpha_wrap .swiper-button-prev {left:50%;margin-left:-640px}
.visual_area .swiper-button-next,.visual_area .swiper-button-prev {border:0}
.visual_area .swiper-button-next {margin-right:-413px}
.visual_area .swiper-button-prev {margin-left:-413px}

/* 편성표 */
.oasisAlpha .swiperView {position:relative;padding:0 20px}
.oasisAlpha .swiperView.live_scd {width:580px;margin:0 auto;overflow:hidden}
.oasisAlpha .swiperView.live_scd .alm_li .scd_li {width:auto}
.oasisAlpha .schedule .swiperView {padding-bottom:30px}
.oasisAlpha .swiperView .alm_li {display:flex;flex-wrap:wrap}
.oasisAlpha .alm_li .alm_prd {overflow:hidden;flex-shrink:0;width:100%;border-radius:10px}
.oasisAlpha .alm_li .alm_prd .info_area {display:flex;flex-flow:wrap;align-content:space-between;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:55% 6% 8% 6%;border-radius:10px;background:rgba(33,33,33,.3);text-align:center;z-index:1}
.oasisAlpha .alm_li .alm_prd .info_area .time {flex-shrink:0;width:100%;font-weight:700;font-size:24px;line-height:28px;color:#fff}
.oasisAlpha .alm_li .alm_prd .info_area .time .date {display:block;font-weight:400;font-size:14px;line-height:17px}
.oasisAlpha .alm_li .alm_prd .info_area .alert {position:absolute;top:43%;left:0;right:0;width:40px;height:40px;margin:0 auto;border-radius:50%;background:rgba(33,33,33,.9) url('../img/alpha/icon/icon_alarm.png') no-repeat center/22px auto}
.oasisAlpha .alm_li .alm_prd .info_area .title {flex-shrink:0;width:100%;height:auto;max-height:38px;font-size:14px;line-height:19px;color:#fff;word-break:keep-all}
.oasisAlpha .alm_li .w50 {width:calc((100% - 13px) / 2)}
.oasisAlpha .alm_li .w50:nth-of-type(2n) {margin-left:13px}
.oasisAlpha .alm_li .w50:nth-of-type(n+3) {margin-top:25px}
.oasisAlpha .swiper-wrapper.alm_li .alm_prd .info_area {padding:30% 14% 13% 14%}
.oasisAlpha .swiper-wrapper.alm_li .alm_prd .info_area .alert {top:46%}
.oasisAlpha .swiper-wrapper.alm_li .alm_prd .info_area .time {font-size:30px;line-height:35px}
.oasisAlpha .swiperThumb {width:618px;margin:0 auto 40px;padding:25px 0;position:relative}
.oasisAlpha .swiperThumb::after {content: '';width:100vw;height:1px;background:#f4f4f4;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.oasisAlpha .swiperThumb .thumb_li {position:relative;width:54px !important;height:100%;padding:10px 5px 11px 5px;border-radius:10px;cursor:pointer;}
.oasisAlpha .swiperThumb .thumb_li+.thumb_li {margin-left:40px}
.oasisAlpha .swiperThumb .thumb_li .date {display:block;margin-bottom:8px;font-size:15px;line-height:18px;text-align:center}
.oasisAlpha .swiperThumb .thumb_li .day {display:block;font-size:18px;line-height:22px;text-align:center}
.oasisAlpha .swiperThumb .thumb_li.today:before {content:'오늘';display:block;margin-bottom:8px;font-size:13px;line-height:15px;text-align:center}
.oasisAlpha .swiperThumb .thumb_li.today .date {position:absolute;left:-9999px}
.oasisAlpha .swiperThumb .thumb_li.swiper-slide-thumb-active {background:#212121}
.oasisAlpha .swiperThumb .thumb_li.swiper-slide-thumb-active .date {color:#fff}
.oasisAlpha .swiperThumb .thumb_li.swiper-slide-thumb-active .day {color:#fff}
.oasisAlpha .swiperThumb .thumb_li.swiper-slide-thumb-active.today::before {color:#fff}
.oasisAlpha .swiperThumb .thumb_li.swiper-slide-thumb-active::after {content:'';display:block;position:absolute;bottom:-5px;left:0;right:0;width:10px;height:10px;margin:0 auto;border-radius:50%;background:#e61518}

/* 메인::팝업 */
.aEvent_pop.none {display: none;}
.aEvent_pop::after {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, .4); z-index: 110;}
.aEvent_pop .aEvent_wrap {overflow: hidden; display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 396px; /* height: 410px; */ height:auto; max-height: 90%; z-index: 111;}
.aEvent_pop .aEvent_header {position: relative; padding-bottom:50px; }
.aEvent_pop ul li a img {width: 100%;}
.aEvent_pop .swiper-button-next, .aEvent_pop .swiper-button-prev {width: 40px; height: 50px; margin-top: -25px; background: rgba(51,51,51,.4) center center no-repeat;}
.aEvent_pop .swiper-button-next:hover, .aEvent_pop .swiper-button-prev:hover,
.aEvent_pop .swiper-button-next:focus, .aEvent_pop .swiper-button-prev:focus {background-color: rgba(51,51,51,.9);}
.aEvent_pop .swiper-button-next {right: 0; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_11.png);}
.aEvent_pop .swiper-button-prev {left: 0; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_11.png);}
.aEvent_pop .swiper-pagination .swiper-pagination-bullet {opacity: 1; width: 10px; height: 10px; background: rgba(255,255,255,.5); transition: all .2s ease-in-out;}
.aEvent_pop .swiper-pagination .swiper-pagination-bullet-active {width: 20px; border-radius: 5px; background: #fff;}
.aEvent_pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
.aEvent_pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 6px;}
.aEvent_pop .swiper-container-horizontal>.swiper-pagination-bullets, .aEvent_pop .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 16px;}
.aEvent_pop .aEvent_footer {display: table; position:absolute; left:0; bottom:0; z-index:10; width: 100%; height: 50px; background: #fff; line-height: 50px; text-align: center;}
.aEvent_pop .aEvent_footer a {display: table-cell; position: relative; font-size: 14px; line-height: 50px;}
.aEvent_pop .aEvent_footer a:nth-of-type(1) {width: 67%;}
.aEvent_pop .aEvent_footer a:nth-of-type(2) {width: 33%;}
.aEvent_pop .aEvent_footer a + a::before {content: ''; display: block; position: absolute; top: 18px; left: 0; width: 1px; height: 14px; background: #e0e0e0;}
