:root {
    --wh: #fff;
    --wh_15: rgba(255,255,255,.15);
    --wh_05: rgba(255,255,255,.5);
    --wh_03: rgba(255,255,255,.3);
    --gy_e: #eee;
    --gy_d: #ddd;
    --gy_a: #aaa;
    --gy_9: #999;
    --gy_5: #555;
    --gy_ed: #EDEDED;
    --gy_f5: #F5F5F5;
    --bk: #000;
    --bk_1: #111;
    --bk_01: rgba(0,0,0,.1);
    --bk_02: rgba(0,0,0,.2);
    --bk_03: rgba(0,0,0,.3);
    --bk_06: rgba(0,0,0,.6);
    --tp: transparent;
    --event_point: #BB0300;
    --point-color: #E9120F;
    --event_bg: #fff;
    
    --vw: 0.138888vw;
}

/* 유의사항 간격 수정 */
.exh_notice {padding-bottom: 0;}
* {-webkit-tap-highlight-color: transparent;} /* ios 클릭 딤제거 */

/* -------------- event layout -------------- */
html {-webkit-text-size-adjust: none;}
@media screen and (min-width: 992px){
    .ev-admin-img {position: relative; left: -46px; margin-left: auto; margin-right: auto; width: calc(100% + 92px);}
    .event_wide .pc {display: block;}
    .event_wide .mo {display: none;}
}
@media screen and (max-width: 991px){
    .event_wide .pc {display: none;}
    .event_wide .mo {display: block;}
    .ev-admin-img img {width: 100%;}
}
@media screen and (min-width: 1902px){
    .event_wide .sect_tit {position: relative; left: 50%; margin-left: -960px; max-width: 1920px;}
}
@media screen and (max-width: 1901px){
    .event_wide img {width: 100%;}
}
.event_area {background: var(--wh);}
.event_wide .event_section {overflow: hidden; position: relative; padding: 60px 0;}
.event_area .sub_cont {position: relative;}
.event_wide a {outline: none; display: block;}    
.event_area .pos {position: absolute; top: 0; left: 50%; z-index: 3; margin-left: -960px; width: 1920px;}
/* section title */
.event_section .event_title {margin: 15px auto; box-sizing: border-box; width: 1230px; text-align: left;}
.event_section .event_title:first-child {margin-top: 0;}
.event_section .event_title.center {text-align: center;}
.event_section .event_title h2,
.event_section .event_title h3 {font-weight: 400; font-size: 44px; color: #000; letter-spacing: -2px;}
.event_section .event_title h2 strong,
.event_section .event_title h3 strong {font-weight: 700;}
.event_section .event_title p {margin-top: 10px; font-weight: 400; font-size: 18px;}
.event_section .event_title.wh * {color: #fff;}
.event_section .event_title.flex {display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap;}
.event_section .event_title.flex h2 + p ,
.event_section .event_title.flex h3 + p {order: 3; width: 100%;}

.event_section .title_outer {display: flex; justify-content: space-between; align-items: center; margin: 30px auto; width: 1230px;}
.event_section .title_outer > * {margin-bottom: 0 !important;}
@media screen and (max-width: 991px){
    .event_wide .event_section {padding: calc(60 * var(--vw)) 0;}
    .event_area .pos {left: 0; margin-left: 0; width: 100%;}
    .event_section .event_title {margin: calc(15 * var(--vw)) 0; padding: 0 calc(35 * var(--vw)); width: 100%;}
    .event_section .event_title:first-child {margin-top: 0;}
    .event_section .event_title h2,
    .event_section .event_title h3 {font-size: calc(54 * var(--vw)); letter-spacing: calc(-2 * var(--vw));}
    .event_section .event_title p {margin-top: calc(10 * var(--vw)); font-size: calc(26 * var(--vw));}
    .event_section .event_title.flex {flex-direction: column; align-items: start; justify-content: start; gap: calc(15 * var(--vw)) 0;}
    .event_section .event_title.flex h2 + p ,
    .event_section .event_title.flex h3 + p {margin-top: calc(-20 * var(--vw)); order: inherit;}
}


/* ----- 앵커탭 ----- */
.event_anchor_tab {overflow: hidden; position: sticky; z-index: 111; top: 0; max-width: 1920px; width: 100%; height: 0; background: var(--bk); will-change: height; transition: height 0.05s linear;}
.event_anchor_tab ul {display: flex; justify-content: center; margin: 0 auto; width: 1230px; height: 100%;}
.event_anchor_tab li {flex: 1; background: var(--bk);}
.event_anchor_tab li a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-weight: 500; font-size: 18px; line-height: 1; color: rgba(255,255,255,.6); text-align: center;}
.event_anchor_tab li.on a {font-weight: 600; color: var(--point-color);}
/* under */
.event_anchor_tab.under li.on a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--point-color);}
/* full */
.event_anchor_tab.full ul {width: 100%;}
/* fixed event */
.event_anchor_tab.fixed {height: 60px;}
@media screen and (max-width: 1320px){
    .event_anchor_tab {margin-top: -1px; max-width: 100%;}
    .event_anchor_tab ul {width: 100%;}
}
@media screen and (max-width: 991px){
    .event_anchor_tab {overflow: auto hidden; position: sticky; top: 49px; width: 100%; height: 11.67vw; transform: translateZ(0); will-change: height;}        
    .event_anchor_tab::-webkit-scrollbar {display: none;}
    .event_anchor_tab.fixed {position: sticky; top: 49px; height: 11.67vw; /*iOS 11.0 버전*/ padding-top: constant(safe-area-inset-top); /*iOS 11.2 이상*/ padding-top:env(safe-area-inset-top);}
    .event_anchor_tab.fixed1 {top: 0;}
    
    .event_anchor_tab li a {font-size: 3.89vw;}
    .event_anchor_tab li a::before {margin-top: -2.08vw; width: 0.28vw; height: 4.17vw;}
    .event_anchor_tab li.on a::after ,
    .event_anchor_tab.under li.on a::after {height: 0.56vw;}

    .event_anchor_tab.scroll ul {justify-content: start;}
    .event_anchor_tab.scroll li {flex: none; width: calc(180 * var(--vw));}
}


/* ----- 상품목록 ----- */
.event_wide .event_section .prd_area {margin: 0 auto; width: 1230px;}
/* col 6 */
.event_wide .event_section .prd_area .col-6 {display: grid; gap: 40px 13.2px; grid-template-columns: repeat(6, minmax(0, 1fr));}
.event_wide .event_section .prd_area .col-6 li {margin: 0; width: 100%;}    
/* slide type */
.event_wide .event_section .prd_area.slide_type .swiper-container {overflow: hidden; height: auto; min-height: 335px;}
.event_wide .event_section .prd_area.slide_type .swiper-wrapper {height: auto;}    
/* rows 2 */
.event_wide .event_section .prd_area.row .swiper-container {overflow: hidden;}
.event_wide .event_section .prd_area.row .swiper-wrapper {gap: 40px 0; height: 750px;}
.event_wide .event_section .prd_area.row .swiper-slide {margin-top: 0 !important; height: calc((100% / 2) - 20px);}
/* scrollbar */
.event_wide .event_section .prd_area .swiper-scrollbar {position: relative; top: auto; left: 0; bottom: 0; margin: 50px auto 0; width: 1230px; height: 1px; background: rgba(0,0,0,.4);}
.event_wide .event_section .prd_area .swiper-scrollbar .swiper-pagination-progressbar-fill {position: absolute; top: auto; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--bk_1);}
/* wh */
.event_wide .event_section .prd_area.wh * {color: var(--wh);}
.event_wide .event_section .prd_area.wh .price-org {color: #888;}
.event_wide .event_section .prd_area.wh .discount ,
.event_wide .event_section .prd_area.wh .discount strong {color: #F20084;}
.event_wide .event_section .prd_area.wh .swiper-scrollbar {background: rgba(255,255,255,.4);}
.event_wide .event_section .prd_area.wh .swiper-scrollbar .swiper-pagination-progressbar-fill {background: var(--wh);}
/* center mode */
.event_wide .prd_area.center_mode {position: relative; margin: 0 auto; width: 1365px;}
.event_wide .prd_area.center_mode .swiper-slide {padding-left: 0;}
.event_wide .prd_area.center_mode .swiper-slide {transform: scale(0.828); transform-origin: center; opacity: 0;}
.event_wide .prd_area.center_mode .swiper-slide.swiper-slide-active {transform: scale(1); transition: all 200ms linear; opacity: 1;}
.event_wide .prd_area.center_mode .prd-list .prd-img {max-width: 100%;}
.event_wide .prd_area.center_mode .prd-list .prd-info {transform: scale(1.2); transform-origin: left center; padding-bottom: 6px;}
.event_wide .prd_area.center_mode .swiper-slide.swiper-slide-active .prd-info {transform: scale(1); padding-bottom: 0;}
.event_wide .prd_area.center_mode .prd-list .swiper-slide-prev {margin-right: -1%; margin-left: 1%; opacity: 1;} 
.event_wide .prd_area.center_mode .prd-list .swiper-slide-next {margin-right: 1%; margin-left: -1%; opacity: 1;}
.event_wide .prd_area.center_mode .prd-list .first {margin-right: -3.7%; margin-left: 4%; opacity: 1;}
.event_wide .prd_area.center_mode .prd-list .last {margin-right: 4%; margin-left: -3.7%; opacity: 1;}
.event_wide .center_mode .swiper-button-prev, 
.event_wide .center_mode .swiper-button-next {position: absolute; top: 161px; margin-top: 0; width: 100px; height: 100px;}
.event_wide .center_mode .swiper-button-prev::after,
.event_wide .center_mode .swiper-button-next::after {display: none;}
.event_wide .center_mode .swiper-button-prev {left: -30px; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/20250922_baba_the_space_ep4/20250922_baba_the_space_ep4_prev.png/babathe/optimize') no-repeat center center/25px auto;}
.event_wide .center_mode .swiper-button-next {right: -30px; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/20250922_baba_the_space_ep4/20250922_baba_the_space_ep4_next.png/babathe/optimize') no-repeat center center/25px auto;}

/* --- pc goods --- */
/* img */
.event_wide .event_section .prd_area .prd-img {max-width: 194px; width: 100%;}
.event_wide .event_section .prd-img img {width: 100%;}
/* goods */
.event_wide .event_section .prd_area .prd-info {padding: 12px 0 0;}
.event_wide .event_section .prd_area .brand {overflow: hidden; display: block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;}    
.event_wide .event_section .prd_area .price-org {font-size: 12px;}
.event_wide .event_section .prd_area .tx-ovf {font-weight: 400; font-size: 14px;}
.event_wide .event_section .prd_area .discount strong ,
.event_wide .event_section .prd_area .price > strong {font-weight: 400;}
.event_wide .event_section .prd_area .discount {display: none;}
/* rank */
.event_wide .event_section .prd_area .rank {position: absolute; top: 0; left: 0; z-index: 3; display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; background: var(--bk_1); font-weight: 700; font-size: 14px; line-height: 1; color: #fff; display: none;}
/* badge */
.event_wide .event_section .prd_area .badge-group {position: absolute; bottom: 0; left: 0;}
/* .event_wide .event_section .prd_area .badge-group .badge {background: var(--event_point);} */
/* 남은수량 */
.event_wide .event_section .prd-remain {position: absolute; bottom: 0; left: 0; z-index: 6; display: flex; justify-content: center; align-items: center; gap: 0 4px; width: 100%; height: 40px; background: #C42000; font-weight: 400; font-size: 16px; color: #fff;}    
.event_wide .event_section .prd-remain strong {font-weight: 700; font-size: 20px;}

@media screen and (max-width: 991px){
    .event_wide .event_section .prd_area {padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    /* col 3 */
    .event_wide .event_section .prd_area .col-3 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(40 * var(--vw)) calc(13 * var(--vw));}
    .event_wide .prd_area .col-3 .unit_info_area .priceWrap .price {font-size: clamp(15px, 2.22vw, 16px);}
    /* slide type */
    .event_wide .event_section .prd_area.slide_type .swiper-container {min-height: calc(calc(276 * var(--vw)) + 116px);}
    .event_wide .event_section .prd_area.slide_type .swiper-wrapper {overflow: visible;}
    /* row 2 */
    .event_wide .event_section .prd_area.row .swiper-wrapper {gap: calc(40 * var(--vw)) 0; height: calc(calc(700 * var(--vw)) + 116px);}
    .event_wide .event_section .prd_area.row .swiper-slide {height: calc((100% / 2) - calc(20 * var(--vw)));}
    /* scrollbar */
    .event_wide .event_section .prd_area .swiper-scrollbar {margin-top: calc(50 * var(--vw)); width: 100%; height: calc(2 * var(--vw));}
    .event_wide .event_section .prd_area .swiper-scrollbar .swiper-pagination-progressbar-fill {height: calc(4 * var(--vw));}
    /* goods */
    .event_wide .event_section .prd_area .unit_info_area {padding: 11px 0 0;}
    .event_wide .event_section .prd_area .salePer {display: none;}
    /* wh */
    .event_wide .event_section .prd_area.wh .original {margin-bottom: 2px; color: #888;}
    .event_wide .event_section .prd_area.wh .salePer {color: #F20084;}
    /* center mode */
    .event_wide .prd_area.center_mode {padding: 0;}
    .event_wide .prd_area.center_mode .swiper-slide {transform: scale(0.85); opacity: 1;}
    .event_wide .prd_area.center_mode .prd-list .swiper-slide-prev ,
    .event_wide .prd_area.center_mode .prd-list .swiper-slide-next {margin: 0;}
    /* 남은수량 */
    .event_wide .event_section .prd-remain {gap: 0 calc(9 * var(--vw)); height: calc(50 * var(--vw)); font-size: calc(24 * var(--vw));}
    .event_wide .event_section .prd-remain strong {font-size: calc(32 * var(--vw));}
}


/* more view */
.more_view .swiper-slide {display: none;}
.more_view .swiper-slide.show {display: block !important;}
.event_area .tabcont .btn_more_view {display: none;}
.event_area .tabcont .btn_more_view.on {display: flex;}


/* ----- link ----- */
.event_area .link_area {display: flex; justify-content: center; align-items: center; margin: 50px auto 0; gap: 0 10px; width: 290px; height: 65px; border-radius: 100px; background: #000; font-size: 18px; color: #fff; text-align: center;}
.event_area .link_area.line {border: 2px solid #fff; background: none; color: #fff;}
.event_area .link_area.line_bk {border: 2px solid #000; background: none; color: #000;}
.event_area .link_area.line_wh {border: 2px solid #fff; background: none; color: #fff;}
.event_area .link_area.wh {background: #fff; color: #000;}
.event_area .link_area img {width: 18px;}
@media screen and (max-width: 991px){
    .event_area .link_area {gap: 0 calc(10 * var(--vw)); margin-top: calc(50 * var(--vw)); width: calc(400 * var(--vw)); height: calc(80 * var(--vw)); font-size: calc(28 * var(--vw));}
    .event_area .link_area img {width: calc(24 * var(--vw));}
    .event_area .link_area.line ,
    .event_area .link_area.line_bk ,
    .event_area .link_area.line_wh {border-width: calc(2 * var(--vw))}
}


/* tab - round */
.tab_round_area {margin: 0 auto 20px;}
.tab_round_area ul {display: flex; justify-content: start; margin: 0 auto; max-width: 1230px;}
.tab_round_area ul li {width: auto;}
.tab_round_area ul li a {display: flex; align-items: center; padding: 0 24px; height: 40px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 100px; font-weight: 500; font-size: 16px; line-height: 1; color: #555; text-align: center;}
.tab_round_area ul li a.on {border-color: var(--bk_1); background: var(--bk_1); color: #fff;}
.tab_round_area.wh ul li a {border-color: #fff; color: #e3e3e3;}
.tab_round_area.wh ul li a.on {border-color: var(--wh); background: var(--wh); color: var(--bk); border-color: var(--event_point); background: var(--event_point); color: var(--bk);}
.tab_round_area .swiper-wrapper {height: auto;}
@media screen and (max-width: 991px){
    .tab_round_area {max-width: 100%}
    .tab_round_area {margin-bottom: calc(40 * var(--vw)); padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .tab_round_area ul {flex-wrap: nowrap; gap: 0;}
    .tab_round_area ul li a {padding: 0 4.44vw; height: 8.33vw; border-width: 0.28vw; font-size: 3.33vw; line-height: 1;}
}


/* tab - line */
.tab_line_area {position: relative; z-index: 2; margin: 0 auto 40px; width: 100%; max-width: 1230px; background: transparent; transition: position .3s;}
.tab_line_area:after {content: ''; position: absolute; bottom: 0; z-index: -1; left: 0; width: 100%; height: 1px; background: #e3e3e3;}
.tab_line_area ul {display: flex; align-items: center; height: auto;}
.tab_line_area ul li {width: auto;}
.tab_line_area ul li a {display: flex; justify-content: center; align-items: center; height: 50px; border-bottom: 3px solid transparent; font-weight: 500; font-size: 16px; color: #555; text-align: center;}
.tab_line_area ul li a.on {border-color: var(--event_main); font-weight: 700; color: var(--event_main);}
@media screen and (max-width: 991px){
    .tab_line_area {margin-bottom: calc(40 * var(--vw));}
    .tab_line_area:after {height: calc(1 * var(--vw));}
    .tab_line_area ul {padding: 0 calc(35 * var(--vw));}
    .tab_line_area ul li a {height: calc(76 * var(--vw)); border-width: calc(6 * var(--vw)); font-size: calc(26 * var(--vw));}
}

    
/* tab - thumb */
.tab_thumb_wrap {position: relative; margin: 0 auto 40px; width: 1230px;}
.tab_thumb {overflow: hidden; position: relative; text-align: center; width: 100%;}
.tab_thumb:after {content: ''; flex-shrink: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 48px; height: 100%; background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 105.21%); display: none;}
.tab_thumb .swiper-wrapper {height: auto;}
.tab_thumb ul {display: inline-flex; justify-content: start;}
.tab_thumb ul li {position: relative; width: 80px; text-align: center;}
.tab_thumb ul li a {display: block; font-weight: 500; font-size: 16px; color: #888;}
.tab_thumb ul li .thumb {overflow: hidden; position: relative; display: block; margin: 0 auto 6px; padding: 4px; width: 80px; height: 80px; box-sizing: border-box; border: 1px solid rgba(0,0,0,.3); border-radius: 50%;}
.tab_thumb ul li .thumb div {overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: 50%;}
.tab_thumb ul li .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: none;}
.tab_thumb ul li a span {position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis;}
.tab_thumb ul li a.on {font-weight: 500; color: var(--event_point);}
.tab_thumb ul li a.on .thumb {padding: 3px; border-width: 2px; border-color: var(--event_point);}
.tab_thumb ul li a.on span {font-weight: 500; line-height: 1;}
.tab_thumb_wrap .swiper-button-next ,
.tab_thumb_wrap .swiper-button-prev {position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-size: auto 100%;}
.tab_thumb_wrap .swiper-button-prev {left: 0; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/babathe-week/babathe-week_tab_prev.png/babathe/optimize') no-repeat center center;}
.tab_thumb_wrap .swiper-button-next {right: 0; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/babathe-week/babathe-week_tab_next.png/babathe/optimize') no-repeat center center;}
.tab_thumb_wrap .swiper-button-next:after,
.tab_thumb_wrap .swiper-button-prev:after {display: none;}
.e_special .swiper-container {overflow: visible;}

.tab_thumb_wrap.wh ul li a {font-weight: 400; color: #fff;}
.tab_thumb_wrap.wh .tab_thumb ul li .thumb {border-color: rgba(255,255,255,.3);}
.tab_thumb_wrap.wh .tab_thumb ul li a.on {font-weight: 500; color: #fff;}
.tab_thumb_wrap.wh .tab_thumb ul li a.on .thumb {border-color: rgba(255,255,255,1);}
@media screen and (max-width: 991px){
    .tab_thumb_wrap {margin: calc(40 * var(--vw)) 0; width: 100%;}
    .tab_thumb {overflow: hidden; margin-bottom: calc(40 * var(--vw)); padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .tab_thumb:after {display: none;}
    .tab_thumb ul li {width: calc(150 * var(--vw));}
    .tab_thumb ul li a {font-size: calc(24 * var(--vw));}
    .tab_thumb ul li .thumb {margin-bottom: 1.94vw; padding: calc(8 * var(--vw)); width: calc(150 * var(--vw)); height: calc(150 * var(--vw)); background: none;}
    .tab_thumb ul li a.on .thumb {padding: calc(6 * var(--vw)); border-width: calc(3 * var(--vw));}
}


/* tab conts on */
.event_section .tabcont {overflow: hidden; position: relative; display: none;}
.event_section .tabcont.on {overflow: visible; display: block; z-index: 1;}


/* ----- visual ----- */
.e_main_visual {overflow: hidden; position: relative; padding: 0 !important; width: 100%; min-width: 1320px; transition: top .1s; aspect-ratio: 1920/600;}
.e_main_visual .swiper-container {position: absolute; top: 0; left: 50%; z-index: 2;}
@media screen and (min-width: 1902px){
    .e_main_visual .swiper-container ,
    .e_main_visual .pos {margin-left: -960px; width: 1920px; max-width: 1920px;}
}
@media screen and (max-width: 1901px) and (min-width: 1321px){
    .e_main_visual .swiper-container ,
    .e_main_visual .pos {margin-left: -50.00vw; width: 100vw;  max-width: 100vw;}
}
@media screen and (max-width: 1320px) and (min-width: 992px){
    .e_main_visual .swiper-container ,
    .e_main_visual .pos {margin-left: -660px; width: 1320px; max-width: 1320px;}
}
@media screen and (max-width: 991px){
    .e_main_visual {transform: none; min-width: 100%; width: 100%; aspect-ratio: 720/950;}
    .e_main_visual .swiper-container {left: 0; margin-left: 0; width: 100%; height: 100%;}
    .e_main_visual .pos {margin-left: 0; width: 100%; max-width: 100%;}
}


/* ----- coupon ----- */
.event_section.e_coupon .event_title.center {margin-bottom: 50px;}
.event_section .coupon_slider {overflow: hidden; position: relative; margin: 0 auto; width: 460px;}
.event_section .coupon_slider.slide_type {width: 1230px;}
.event_section .coupon_all .coupon_slider {width: 100%;}
.event_section .coupon_slider .swiper-wrapper {height: auto;}
.event_section .coupon_slider .swiper-pagination {position: relative; bottom: auto; left: auto; display: flex; justify-content: center; gap: 0 15px; align-items: start; margin-top: 20px; width: 100%;}
.event_section .coupon_slider .swiper-pagination-bullet {margin: 0 !important; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.3); background: transparent; opacity: 1;}
.event_section .coupon_slider .swiper-pagination-bullet-active {border-color: #000; background: #000;}
.event_section .coupon_wrap .coupon_slider .swiper-pagination {margin-top: 30px;}
.event_section .coupon_wrap.wh .coupon_slider .swiper-pagination-bullet {border-color: rgba(255,255,255,.3)}
.event_section .coupon_wrap.wh .coupon_slider .swiper-pagination-bullet-active {border-color: #fff; background: #fff;}
/* coupon down */
.event_section .coupon_point {position: relative; margin: 0 auto; width: 460px; height: 180px; background: var(--point-color);}
.event_section .coupon_point::before,    
.event_section .coupon_point::after {content: ''; position: absolute; right: 80px; z-index: 2; width: 20px; height: 20px; border-radius: 50%; background: var(--wh);}
.event_section .coupon_point::before {top: -10px;}
.event_section .coupon_point::after {bottom: -10px;}
.event_section .coupon_point a {position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 50px; width: 100%; height: 100%; box-sizing: border-box; pointer-events: none;}
.event_section .coupon_point a::after {content: ''; position: absolute; top: 0; right: 0; width: 80px; height: 100%; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_label.png/babathe/optimize/babathe/optimize') no-repeat right center / auto 100%;}
.event_section .coupon_box:not(:first-child) .coupon_list a {background: #000;}
.event_section .coupon_point * {font-weight: 500; color: #fff;}
.event_section .coupon_point h3 {margin-top: 8px; font-size: 18px;}
.event_section .coupon_point p {margin-top: 3px; font-size: 58px;}
    /* down */
.event_section .coupon_point.down a {pointer-events: auto;}
.event_section .coupon_point.down a::after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_down.png/babathe/optimize/babathe/optimize') no-repeat center center / 24px auto;}
.event_section .coupon_point.end a {pointer-events: none;}
.event_section .coupon_point.end a::after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_label.png/babathe/optimize/babathe/optimize') no-repeat right center / auto 100%;}
.event_section .coupon_point.end + a {position: relative; pointer-events: none; background: none;}
.event_section .coupon_point.end + a::after {content: '선착순 마감'; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 100px; background: #c7c7c7;}
/* coupon list */
.event_section .coupon_list {display: grid; gap: 10px 30px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 auto; max-width: 840px; box-sizing: border-box;}
.event_section .coupon_list li {position: relative;}
.event_section .coupon_list li::before, 
.event_section .coupon_list li::after {content: ''; position: absolute; right: 38px; z-index: 1; width: 14px; height: 14px; border-radius: 50%; background: var(--wh);}
.event_section .coupon_list li::before {top: -7px;}
.event_section .coupon_list li::after {bottom: -7px;}
.event_section .coupon_list a {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 75px 0 30px; width: 100%; height: 80px; box-sizing: border-box; background: var(--event_point); font-weight: 500; font-size: 26px; color: #fff; pointer-events: none;}
.event_section .coupon_list a:after {content: ''; position: absolute; top: 0; right: 0; width: 38px; height: 100%; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/pc_coupon_label.png/babathe/optimize/babathe/optimize') no-repeat center center / auto 100%;}
.event_section .coupon_list a strong {font-weight: 500;}
.event_section .coupon_list .num {font-weight: 500; font-size: 28px; letter-spacing: 0;}
.event_section .coupon_list .num span {font-weight: 400; font-size: 26px;}
.event_section .coupon_list .info {font-weight: 500; font-size: 20px; text-align: right;}
.event_section .coupon_list.col a {flex-direction: column; justify-content: center; align-items: start; gap: 5px 0;}
    /* event */
.event_section .coupon_list.event {gap: 10px;}
.event_section .coupon_list li.bk a {background: var(--bk);}
.event_section .coupon_list li.kakao a {background: #403326;}
.event_section .coupon_list li.kb a {background: #776C61;}
.event_section .coupon_list li.kakao .num ,
.event_section .coupon_list li.kb .num {font-size: 0;}
    /* full */
.event_section .coupon_list.full {grid-template-columns: repeat(1, minmax(0, 1fr)); align-content: start; max-width: 610px; height: 260px;}
.event_section .coupon_list.full.single {margin-bottom: 40px; max-width: 580px; width: 100%; height: auto;}
.event_section .coupon_list.full.single .info {font-size: 18px;}
    /* down */
.event_section .coupon_list .down a {pointer-events: auto;}
.event_section .coupon_list .down a::after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_down.png/babathe/optimize/babathe/optimize') no-repeat center center / 17px auto;}
    /* bk */
.event_section .coupon_list.bk a {color: #000;}
.event_section .coupon_list.bk a:after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/pc_coupon_label_bk.png/babathe/optimize') no-repeat center center / auto 100%;}
.event_section .coupon_list.bk .down a {color: #000;}
.event_section .coupon_list.bk .down a::after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_down_bk.png/babathe/optimize/babathe/optimize') no-repeat center center / 17px auto;}
    /* row */
.event_section .coupon_list.row {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 16px; max-width: 1230px;}
.event_section .coupon_list.row .swiper-slide {width: 100% !important;}
.event_section .coupon_list.row a {position: relative; justify-content: start; background-color: #BB0300;}
.event_section .coupon_list.row .time {display: flex; justify-content: center; align-items: center; margin-right: 15px; width: 76px; height: 30px; border-radius: 100px; border: 1px solid #fff; box-sizing: border-box; font-weight: 500; font-size: 18px;}
.event_section .coupon_list .coupon_end a::before {content: '선착순 마감! 다음 시간에 도전!'; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.7); font-weight: 500; font-size: 22px; color: #fff; text-transform: uppercase;}
.event_section .coupon_list .comingsoon a::before {content: 'coming soon'; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.7); font-weight: 500; font-size: 22px; color: #fff; text-transform: uppercase;}
    /* layout */
.coupon_wrap {display: grid; gap: 0 70px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 auto; width: 1230px;}
.coupon_wrap .coupon_box {display: flex; flex-direction: column; justify-content: space-between;}
.e_coupon h4 {display: block; margin-bottom: 20px; font-weight: 500; font-size: 24px; line-height: 1; color: #000;}
.e_coupon .wh h4 {color: #fff;}
.coupon_wrap .coupon_list.full {margin-bottom: auto; width: 100%; height: auto;}
.coupon_wrap .coupon_list.full:last-child {margin-bottom: 0;}
.coupon_wrap .coupon_slider {width: 100%;}
.coupon_list_single {margin: 0 auto 50px; width: 580px;}
.coupon_list_single .coupon_list.full {margin-bottom: 30px; height: auto;}
.event_section.e_coupon .link_area {margin-top: 30px;}
.event_section.e_coupon .coupon_wrap .link_area {margin-top: 30px;}
.coupon_wrap + .coupon_list_single {margin-top: 50px; margin-bottom: 0;}
@media screen and (max-width: 991px){
    .event_section.e_coupon .event_title.center {margin-bottom: calc(50 * var(--vw));}
    .event_section .coupon_slider ,
    .event_section .coupon_slider.slide_type,
    .event_section .coupon_all .coupon_slider {width: calc(100% - calc(70 * var(--vw)));}
    .event_section .coupon_point {width: calc(500 * var(--vw)); height: calc(180 * var(--vw)); box-sizing: border-box;}
    .event_section .coupon_point::before, 
    .event_section .coupon_point::after {right: calc(80 * var(--vw)); width: calc(20 * var(--vw)); height: calc(20 * var(--vw));}
    .event_section .coupon_point::before {top: calc(-10 * var(--vw));}
    .event_section .coupon_point::after {bottom: calc(-10 * var(--vw));}
    .event_section .coupon_point a {padding: 0 calc(50 * var(--vw));}
    .event_section .coupon_point a::after {width: calc(80 * var(--vw));}
    .event_section .coupon_point h3 {margin-top: calc(5 * var(--vw)); font-size: calc(24 * var(--vw));}
    .event_section .coupon_point p {margin-top: 0; font-size: calc(64 * var(--vw));}
    .event_section .coupon_point.end a::after {font-size: calc(24 * var(--vw));}
    .event_section .coupon_point.down a::after {background-size: calc(40 * var(--vw));}
    .event_section .coupon_slider .swiper-pagination {gap: 0 calc(15 * var(--vw)); margin-top: calc(40 * var(--vw));}
    .event_section .coupon_slider .swiper-pagination-bullet {width: calc(12 * var(--vw)); height: calc(12 * var(--vw));}
    .event_section .coupon_wrap .coupon_slider .swiper-pagination {margin-top: calc(30 * var(--vw));}

    .event_section .coupon_list {padding: 0 calc(35 * var(--vw)); grid-template-columns: repeat(1, minmax(0, 1fr)); gap: calc(10 * var(--vw)) 0; width: 100%; box-sizing: border-box;}
    .event_section .coupon_all .coupon_list {padding: 0;}
    .event_section .coupon_list li::before, 
    .event_section .coupon_list li::after {right: calc(70 * var(--vw)); width: calc(20 * var(--vw)); height: calc(20 * var(--vw));}
    .event_section .coupon_list li::before {top: calc(-10 * var(--vw));}
    .event_section .coupon_list li::after {bottom: calc(-10 * var(--vw));}
    .event_section .coupon_list a {padding: 0 calc(113 * var(--vw)) 0 calc(40 * var(--vw)); height: calc(100 * var(--vw)); font-size: calc(32 * var(--vw));}
    .event_section .coupon_list a:after {width: calc(70 * var(--vw)); background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/m_coupon_label.png/babathe/optimize/babathe/optimize') no-repeat center center / auto 100%;}
    .event_section .coupon_list .num {font-size: calc(42 * var(--vw));}
    .event_section .coupon_list .num span {font-size: calc(30 * var(--vw));}
    .event_section .coupon_list .num img {width: auto; height: calc(25 * var(--vw));}
    .event_section .coupon_list .info {font-size: calc(24 * var(--vw));}
    .event_section .coupon_list .info br {display: none;}
    .event_section .coupon_list.event {gap: calc(10 * var(--vw)) 0; width: calc(100% - calc(70 * var(--vw)));}
    .event_section .coupon_list.event .num {font-size: calc(34 * var(--vw));}
    .event_section .coupon_list.col a {gap: calc(8 * var(--vw)) 0;}
    .event_section .coupon_list.full.single.col a {height: calc(120 * var(--vw));}

    .event_section .coupon_list.full {height: calc(320 * var(--vw));}
    .event_section .coupon_list.full.single {margin-bottom: calc(40 * var(--vw)); width: 100%;}
    .event_section .coupon_list.full.single a {height: calc(100 * var(--vw));}
    .event_section .coupon_list.full.single .info {font-size: calc(24 * var(--vw));}

    .event_section .coupon_list .down a::after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_down.png/babathe/optimize/babathe/optimize') no-repeat center center / calc(25 * var(--vw)) auto;}
    .event_section .coupon_list.bk a:after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/m_coupon_label_bk.png/babathe/optimize') no-repeat center center / auto 100%;}
    .event_section .coupon_list.bk .down a::after {background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/coupon_down_bk.png/babathe/optimize/babathe/optimize') no-repeat center center / calc(25 * var(--vw)) auto;}
    
    .event_section .coupon_slider.slide_type {overflow: hidden;}
    .event_section .coupon_list .coupon_end a::before ,
    .event_section .coupon_list .comingsoon a::before {font-size: calc(32 * var(--vw));}
    /* layout */
    .coupon_wrap {gap: calc(50 * var(--vw)) 0; grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .e_coupon h4 {margin-bottom: calc(15 * var(--vw)); font-size: calc(32 * var(--vw));}
    .coupon_wrap .coupon_list.full {margin-bottom: calc(30 * var(--vw)); padding: 0; max-width: 100%; height: auto;}
    .coupon_wrap .coupon_slider {width: 100%;}
    .coupon_wrap .coupon_box .coupon_list {margin-bottom: 0;}
    .coupon_list_single {margin-bottom: calc(50 * var(--vw)); width: 100%;}
    .coupon_list_single h4 {padding: 0 calc(35 * var(--vw));}
    .coupon_list_single .coupon_list.full {margin-bottom: calc(30 * var(--vw)); height: auto;}
    .event_section.e_coupon .link_area ,
    .event_section.e_coupon .coupon_wrap .link_area {margin-top: calc(40 * var(--vw));}
    .coupon_wrap + .coupon_list_single {margin-top: calc(50 * var(--vw));}
}


/* 카운트다운 bar */
.countdown_progress {margin: 40px auto; width: 1230px; box-sizing: border-box;}
.countdown_progress .progress {overflow: hidden; position: relative; margin-bottom: 10px; width: 100%; height: 10px; border-radius: 6px; background: #e3e3e3;}
.countdown_progress .progress .color {position: absolute; top: 0; left: 0; height: 100%; background: var(--event_point);}
.countdown_progress .d-day {display: flex; justify-content: space-between; align-items: center;}
.countdown_progress .d-day ul {display: flex; align-items: center; font-weight: 400; font-size: 16px; color: #999;}
.countdown_progress .d-day ul strong {font-weight: 400;}
.countdown_progress .d-day ul li {display: flex; align-items: center; text-align: center;}
.countdown_progress .d-day ul li::after {content: ':'; display: none;}
.countdown_progress .d-day ul li.days {margin-right: 1px;}
.countdown_progress .d-day ul li.hours::after ,
.countdown_progress .d-day ul li.minutes::after {display: inline-flex;}
.countdown_progress .d-day ul li em {min-width: 22px; font-style: normal; font-weight: 400;}
.countdown_progress .d-day ul li span {margin-left: 6px; font-weight: 400;}
.countdown_progress .d-day .date {font-weight: 400; font-size: 16px; color: #888;}
@media screen and (max-width: 991px){
    .countdown_progress {margin: calc(40 * var(--vw)) auto calc(50 * var(--vw)); padding: 0 calc(40 * var(--vw)); margin-left: 0; width: 100%; box-sizing: border-box;}
    .countdown_progress .progress {margin-bottom: calc(20 * var(--vw)); height: 6px; border-radius: 6px;}  
    .countdown_progress .d-day ul {font-size: 13px;}
    .countdown_progress .d-day ul li.days {margin-right: 3px;}
    .countdown_progress .d-day ul li em {min-width: 19px;}
    .countdown_progress .d-day ul li span {margin-left: 1px;}
    .countdown_progress .d-day .date {font-size: 13px;}
}


/* ----- one_day ----- */
.e_one_day {background: #000;}

/* tab */
.tab-one_day .swiper-wrapper {justify-content: center; gap: 0 8px; height: auto;}
.tab-one_day .swiper-slide {width: 60px; height: 70px;}
.tab-one_day .swiper-slide a {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px 0; width: 100%; height: 100%; border: 2px solid rgba(255,255,255,.3); border-radius: 10px;}
.tab-one_day .swiper-slide * {color: #fff;}
.tab-one_day .swiper-slide span {line-height: 1;}
.tab-one_day .swiper-slide span ,
.tab-one_day .swiper-slide.today span:after ,
.tab-one_day .swiper-slide.close span:after {font-size: 16px;}
.tab-one_day .swiper-slide strong {font-weight: 600; font-size: 24px; line-height: 1;}

.tab-one_day .swiper-slide.on a {border-color: var(--event_point); background: var(--event_point);}
.tab-one_day .swiper-slide.on * {color: #fff;}
.tab-one_day .swiper-slide.active {background: none;}
.tab-one_day .swiper-slide.active * {border-color: var(--event_point); color: #fff;}
.tab-one_day .swiper-slide.active.on * {color: #fff;}
.tab-one_day .swiper-slide.today span {font-size: 0;}
.tab-one_day .swiper-slide.today span:after {content: '오늘'; font-size: 16px;}
.tab-one_day .swiper-slide.today * {color: #fff;}

/* time */
.one_day_time {display: flex; justify-content: space-between; align-items: center; margin: 40px auto; padding: 0 30px; width: 1230px; height: 60px; border-radius: 10px; box-sizing: border-box; background: #363636;}
.one_day_time h3 {font-weight: 400; font-size: 20px; color: #fff;}
.one_day_time .countdown-area {display: flex; align-items: center; gap: 0 5px;}
.one_day_time .countdown-num {display: flex; justify-content: center; align-items: center; letter-spacing: 0;}
.one_day_time .countdown-num li {text-align: center;}
.one_day_time .countdown-area * {font-weight: 400; font-size: 20px; color: var(--event_point);}
.one_day_time .countdown-num strong {flex-shrink: 0; display: inline-flex; justify-content: center; width: 12px; font-weight: 400;}
.one_day_time .countdown-num span {margin: 0 4px;}

/* swiper */
.e_one_day .tabcont .swiper-wrapper {height: auto;}
/* event */
.tabcont-one_day .prd_area {position: relative; height: 357px;}
.tabcont-one_day .prd_area::after {content: 'COMING SOON!'; position: absolute; top: 0; left: 0; z-index: 11; display: flex; justify-content: center; padding-top: 105px; width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.4); font-weight: 700; font-size: 50px; color: #fff;}
.tabcont-one_day .close .prd_area::after {content: 'SOLD OUT!';}
.tabcont-one_day .today .prd_area::after {display: none;}

@media screen and (max-width: 991px){
    .tab-one_day {margin-left: auto; margin-right: auto; margin-bottom: calc(40 * var(--vw)); width: calc(100% - calc(70 * var(--vw)));}
    .tab-one_day .swiper-wrapper {justify-content: start; gap: 0;}
    .tab-one_day .swiper-slide {width: calc(86 * var(--vw)); height: calc(90 * var(--vw));}
    .tab-one_day .swiper-slide a {gap: calc(8 * var(--vw)); border-width: calc(2 * var(--vw)); border-radius: calc(10 * var(--vw));}
    .tab-one_day .swiper-slide span {font-size: calc(24 * var(--vw));}
    .tab-one_day .swiper-slide strong {font-size: calc(32 * var(--vw)); line-height: 1;}
    .tab-one_day .swiper-slide.today span:after ,
    .tab-one_day .swiper-slide.close span:after {font-size: calc(24 * var(--vw));}

    .one_day_time {margin: calc(40 * var(--vw)) auto; padding: 0 calc(30 * var(--vw)); width: calc(100% - calc(70 * var(--vw))); height: calc(80 * var(--vw)); border-radius: calc(10 * var(--vw));}
    .one_day_time h3 {font-size: calc(26 * var(--vw));}
    .one_day_time .countdown-area {gap: 0 calc(8 * var(--vw));}
    .one_day_time .countdown-area * {font-size: calc(26 * var(--vw));}
    .one_day_time .countdown-num strong {width: calc(17 * var(--vw));}
    .one_day_time .countdown-num span {gap: 0 calc(2 * var(--vw));}

    .e_one_day .tabcont-one_day .prd_area {height: auto;}
    .tabcont-one_day .prd_area::after {padding-top: calc(120 * var(--vw)); font-size: calc(50 * var(--vw));}
}


/* ----- best ----- */
.e_best {}
.e_best .time {display: flex; align-items: center; gap: 0 10px; font-size: 18px; color: #000; opacity: 0.5;}
.e_best .time img {width: auto;}

.event_wide .e_best .prd_area.slide_type .swiper-container {min-height: auto; height: 735px;}
.event_wide .e_best .prd_area.slide_type .swiper-wrapper {gap: 20px 0; height: 100%;}
.event_wide .e_best .prd_area.slide_type .swiper-slide {overflow: hidden; margin-top: 0 !important; display: flex; align-items: center; gap: 0 16px; width: 336px; height: 158px !important;}
.event_wide .e_best .prd_area .rank {flex-shrink: 0; position: relative; right: auto; top: auto; display: flex; width: 44px; height: 44px; background: none; font-weight: 600; font-size: 22px; color: #000;}
.event_wide .e_best .prd_area.slide_type .swiper-slide a {display: flex; align-items: center; gap: 0 16px; width: calc(100% - 60px);}
.event_wide .e_best .prd_area .prd-img {flex-shrink: 0; width: 120px;}
.event_wide .e_best .prd_area .prd-info {padding-top: 0; width: calc(100% - 136px);}
.event_wide .e_best .prd-list .btn-wish {display: none;}

.event_wide .e_best .prd_area .swiper-scrollbar {margin-top: -2px;}
@media screen and (max-width: 991px){
    .e_best .time {gap: 0 calc(10 * var(--vw)); font-size: calc(26 * var(--vw));}
    .e_best .time img {width: calc(24 * var(--vw));}

    .event_wide .e_best .prd_area.slide_type {overflow: hidden;}
    .event_wide .e_best .prd_area.slide_type .swiper-container {overflow: visible; height: calc(1120 * var(--vw));}
    .event_wide .e_best .prd_area.slide_type .swiper-wrapper {gap: calc(20 * var(--vw)) 0;}
    .event_wide .e_best .prd_area.slide_type .swiper-slide {gap: 0 calc(18 * var(--vw)); height: calc(198 * var(--vw)) !important;}
    .event_wide .e_best .prd_area.slide_type .swiper-slide a {gap: 0 calc(20 * var(--vw)); width: calc(100% - calc(62 * var(--vw)));}
    .event_wide .e_best .prd_area .rank {width: calc(44 * var(--vw)); height: calc(44 * var(--vw)); font-size: calc(28 * var(--vw));}
    .event_wide .e_best .prd_area .thumb_area {flex-shrink: 0; padding-bottom: 0; width: calc(150 * var(--vw)); height: calc(198 * var(--vw));}
    .event_wide .e_best .prd_area .unit_info_area {padding: 0 calc(20 * var(--vw)) 0 0; width: calc(100% - calc(170 * var(--vw)));}
    .event_wide .e_best .prd_area input[type='checkbox'].check-like {display: none;}

    .event_wide .e_best .prd_area .swiper-scrollbar {width: 100%;}
}

/* video_slider */
.video_slider {overflow: hidden; margin: 0 auto; width: 1230px;}
.video_slider .swiper-wrapper {gap: 10px 0; height: 828px;}
.video_slider .swiper-slide {margin-top: 0 !important; height: calc(50% - 5px);}
.video_slider .swiper-slide a {overflow: hidden; position: relative; display: block; width: 100%;  box-sizing: border-box; border-radius: 10px; aspect-ratio: 9/16;}
.video_slider .swiper-slide a video,
.video_slider .swiper-slide a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.video_slider .swiper-slide .nick_name {position: absolute; left: 0; bottom: 0; display: flex; align-items: end; padding: 20px; width: 100%; height: 100%; box-sizing: border-box; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, rgba(0,0,0,.5) 100%); font-weight: 400; font-size: 20px; color: #fff;}
    /* 3:4 */
.video_slider.short .swiper-wrapper {height: 810px;}
.video_slider.short .swiper-slide a {aspect-ratio: 3/4;}
    /* short_form */
.video_slider.short_form .swiper-wrapper {height: 661px;}
.video_slider.short_form .swiper-slide {height: 100%;}
.video_slider.short_form .prd_area {width: 100%;}
.video_slider.short_form .prd_area li:not(:first-child) {display: none;}
.video_slider.short_form .prd_area a {display: flex; align-items: center; padding: 20px; aspect-ratio: auto;}
.video_slider.short_form .prd_area .prd-img {flex-shrink: 0; width: 80px;}
.video_slider.short_form .prd_area .prd-info {padding: 0 0 0 20px; width: calc(100% - 80px);}
.video_slider.short_form .prd-list .btn-wish {display: none;}
@media screen and (max-width: 991px){
    .video_slider {margin-bottom: calc(50 * var(--vw)); padding: 0 calc(35 * var(--vw)); width: calc(100% - calc(70 * var(--vw)));}
    .video_slider .swiper-wrapper {gap: calc(20 * var(--vw)) 0; height: calc(1020 * var(--vw));}
    .video_slider .swiper-slide {height: calc(50% - calc(10 * var(--vw)));}
    .video_slider .swiper-slide a {border-radius: calc(10 * var(--vw));} 
    .video_slider .swiper-slide .nick_name {padding: calc(27 * var(--vw)) calc(20 * var(--vw)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .5) 100%); font-size: calc(24 * var(--vw));}
        /* 3:4 */
    .video_slider.short .swiper-wrapper {height: calc(820 * var(--vw));}
        /* short_form */
    .video_slider.short_form .swiper-wrapper {height: calc(905 * var(--vw));}
    .video_slider.short_form .prd_area {padding: 0; width: 100%;}
    .video_slider.short_form .prd_area a {padding: calc(20 * var(--vw));}
    .video_slider.short_form .prd_area .thumb_area {padding-bottom: 0; width: calc(110 * var(--vw)); aspect-ratio: 110/145;}
    .video_slider.short_form .prd_area .unit_info_area {padding: 0 0 0 calc(25 * var(--vw)); width: calc(100% - calc(110 * var(--vw))); box-sizing: border-box;}
    .video_slider.short_form input[type='checkbox'].check-like {display: none;}
}


/* ----- exh ----- */
.e_exh_list { position: relative; margin: 0 auto; width: 1230px; height: 399px;}
.e_exh .e_exh_list .swiper-container {overflow: hidden; margin: 0 auto;}
.e_exh_list .swiper-wrapper {height: auto;}
.e_exh_list a {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: end; aspect-ratio: 455/605; padding: 5px; border-radius: 10px; box-sizing: border-box; text-align: center;}
/* .e_exh_list a::before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000; opacity: 0.1;} 
.e_exh_list a::after {content: ''; position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 45.79%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);}*/
.e_exh_list a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.e_exh_list .exh_title {position: relative; z-index: 4; width: 100%;}
.e_exh_list a h4 {font-weight: 700; font-size: 24px; color: #fff;}
.e_exh_list a p {margin-top: 7px; font-weight: 400; font-size: 20px; color: #fff;}
.e_exh_list a span {display: flex; justify-content: center; align-items: center; margin-top: 20px; width: 100%; height: 60px; border-radius: 10px; background: #000; font-weight: 500; font-size: 18px; color: #fff; text-align: center;}
.e_exh .e_exh_list .swiper-button-prev, 
.e_exh .e_exh_list .swiper-button-next {position: absolute; top: 50%; margin-top: -50px; width: 100px; height: 100px;}
.e_exh .e_exh_list .swiper-button-prev::after,
.e_exh .e_exh_list .swiper-button-next::after {display: none;}
.e_exh .e_exh_list .swiper-button-prev {left: -111px; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/slide_prev_gy.png') no-repeat center center/25px auto;}
.e_exh .e_exh_list .swiper-button-next {right: -111px; background: url('https://image.babathe.com/upload/specialDisplay/htmlImage/2020/assets/slide_next_gy.png') no-repeat center center/25px auto;}

@media screen and (max-width: 991px){
    .e_exh_list {overflow: hidden; width: 100%; height: calc(605 * var(--vw));}
    .e_exh_list .swiper-container {overflow: visible; padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .e_exh_list a {padding: calc(15 * var(--vw)); border-radius: calc(10 * var(--vw));}
    .e_exh_list a::after {top: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60%, rgba(0, 0, 0, 0.60) 100%);}
    .e_exh_list a h4 {font-size: calc(32 * var(--vw));}
    .e_exh_list a p {margin-top: calc(8 * var(--vw)); font-size: calc(28 * var(--vw));}
    .e_exh_list a span {margin-top: calc(30 * var(--vw)); height: calc(80 * var(--vw)); border-radius: calc(10 * var(--vw)); font-size: calc(28 * var(--vw));}
}


/* ----- promotion ----- */
.e_promotion {}

.promotion_wrap {display: flex; gap: 0 15px; margin: 0 auto; width: 1230px;}
.promotion_wrap .promotion_box {flex: 1;}
.promotion_wrap a {position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center;}
.promotion_wrap .promotion_img {overflow: hidden; position: relative; aspect-ratio: 1/1; width: 100%;}
.promotion_wrap .promotion_img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
@media screen and (min-width: 992px){
    .promotion_wrap a {overflow: hidden; border-radius: 5px; background: #fff;}
    .promotion_wrap .promotion_tit {order: 2; padding: 22px 30px; width: 100%;}
}
.promotion_wrap .promotion_tit {display: flex; justify-content: space-between; align-items: end;}
.promotion_wrap .promotion_tit * {color: #000;}
.promotion_wrap .promotion_tit h4 {font-weight: 400; font-size: 16px;}
.promotion_wrap .promotion_tit h4 strong {display: block; margin-top: 10px; font-weight: 700; font-size: 20px;}
.promotion_wrap .promotion_tit .more {display: flex; justify-content: center; align-items: center; height: 14px; font-size: 14px;}
.promotion_wrap .promotion_tit .more::after {content: ''; position: relative; top: -1px; margin-left: 5px; width: 7px; height: 7px; border: 1px solid #000; border-width: 1px 1px 0 0; transform: rotate(45deg);}

/* slide */
.promotion_wrap.slide_type {overflow: hidden; display: block; gap: 0;}
.promotion_wrap.slide_type .swiper-wrapper {height: 490px;}
.promotion_wrap.slide_type .promotion_box {flex: none;}
@media screen and (max-width: 991px){
    .promotion_wrap {flex-direction: column; gap: calc(30 * var(--vw)) 0; padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .promotion_wrap .promotion_tit * {color: #fff;}
    .promotion_wrap a {padding: calc(55 * var(--vw)) calc(32 * var(--vw));}
    .promotion_wrap .promotion_tit {flex-direction: column; align-items: start; width: 100%;}
    .promotion_wrap .promotion_tit h4 {font-size: calc(24 * var(--vw));}
    .promotion_wrap .promotion_tit h4 strong {margin-top: calc(10 * var(--vw)); font-size: calc(42 * var(--vw));}
    .promotion_wrap .promotion_tit .more {margin-top: calc(45 * var(--vw)); width: calc(148 * var(--vw)); height: calc(45 * var(--vw)); border: calc(1 * var(--vw)) solid #fff; font-size: calc(20 * var(--vw));}
    .promotion_wrap .promotion_tit .more::after {display: none;}
    .promotion_wrap img {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover;}
}


/* ----- promotion ----- */
.e_promo_wrap {overflow: hidden; margin: 0 auto; width: 1230px;}
.e_promo_wrap .swiper-wrapper {height: 463px;}
.e_promo_wrap a {display: block;}
.e_promo_wrap .promo_thumb {overflow: hidden; position: relative; aspect-ratio: 292/389;}
.e_promo_wrap .promo_thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.e_promo_wrap .promo_title {display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 12px; margin-top: 16px;}
.e_promo_wrap .promo_title h3 {overflow: hidden; display: block; width: 100%; font-weight: 400; font-size: 18px; color: #000; text-overflow: ellipsis;}
.e_promo_wrap .promo_title h4 {font-weight: 400; font-size: 18px; color: #000;}
.e_promo_wrap .promo_title p {font-weight: 500; font-size: 20px; color: #D20300;}
@media screen and (max-width: 991px){
    .e_promo_wrap {padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .e_promo_wrap .swiper-wrapper {height: auto;}
    .e_promo_wrap .promo_thumb {aspect-ratio: 315/420;}
    .e_promo_wrap .promo_title {gap: calc(8 * var(--vw)) calc(12 * var(--vw)); margin-top: calc(18 * var(--vw));}
    .e_promo_wrap .promo_title h3 ,
    .e_promo_wrap .promo_title h4 {font-size: calc(24 * var(--vw));}
    .e_promo_wrap .promo_title p {font-size: calc(26 * var(--vw));}
}


/* ----- brand ----- */
.brand_wrap {}
.brand_wrap .brand_box {margin: 0 auto; width: 1230px;}
.brand_wrap .brand_box + .brand_box {margin-top: 50px;}
.brand_wrap .brand_link {position: relative; display: block; margin-bottom: 40px;}
.brand_wrap .title_wrap {position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: start; justify-content: center; flex-direction: column; padding: 0 80px; width: 100%; height: 100%; box-sizing: border-box;}
.brand_wrap .title_wrap * {color: #fff;}
.brand_wrap .title_wrap h3 {font-weight: 400; font-size: 18px;}
.brand_wrap .title_wrap p {margin-top: 8px; font-weight: 600; font-size: 32px;}
.brand_wrap .title_wrap .more {display: flex; justify-content: center; align-items: center; margin-top: 20px; width: 104px; height: 34px; border: 1px solid #fff; box-sizing: border-box; font-weight: 500; font-size: 18px;}
.brand_wrap .title_wrap .more::after {content: ''; margin-left: 5px; width: 7px; height: 7px; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.brand_wrap .brand_box_thumb {overflow: hidden; position: relative; aspect-ratio: 1230/230;}
.brand_wrap .brand_box_thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 991px){
    .brand_wrap .brand_box {width: 100%;}
    .brand_wrap .brand_box + .brand_box {margin-top: calc(50 * var(--vw));}
    .brand_wrap .brand_link {margin-bottom: 0;}
    .brand_wrap .title_wrap {justify-content: start; padding: calc(50 * var(--vw)) calc(40 * var(--vw));}
    .brand_wrap .title_wrap h3 {font-weight: calc(28 * var(--vw));}
    .brand_wrap .title_wrap p {margin-top: calc(15 * var(--vw)); font-size: calc(40 * var(--vw));}
    .brand_wrap .title_wrap .more {margin-top: calc(30 * var(--vw)); width: calc(145 * var(--vw)); height: calc(48 * var(--vw)); font-size: calc(24 * var(--vw));}
    .brand_wrap .title_wrap .more::after {margin-left: calc(8 * var(--vw)); width: calc(9 * var(--vw)); height: calc(9 * var(--vw));}
    .brand_wrap .brand_box_thumb {aspect-ratio: 720/450;}
    .e_brand .brand_wrap .prd_area {margin-top: calc(-170 * var(--vw)); padding-right: 0;}
    .e_brand .brand_wrap .prd_area > div {padding-right: calc(35 * var(--vw));}
}


/* ----- swiper pagination ----- */
.event_area .event_section .swiper-pagination {position: relative; bottom: auto; left: auto; display: flex; justify-content: center; gap: 0 15px; margin: 50px auto 0;}
.event_area .event_section .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0,0,0,.3); background: none; opacity: 1;}
.event_area .event_section .swiper-pagination .swiper-pagination-bullet-active {border-color: #000; background: #000;}
@media screen and (max-width: 991px){
    .event_area .event_section .swiper-pagination {gap: 0 calc(15 * var(--vw)); margin-top: calc(50 * var(--vw));}
    .event_area .event_section .swiper-pagination .swiper-pagination-bullet {width: calc(15 * var(--vw)); height: calc(15 * var(--vw)); border-width: calc(2 * var(--vw));}
}


/* ----- brand ----- */
.e_brand_box {}
.brand_box_wrap {overflow: hidden; margin: 0 auto; width: 1230px;}
.brand_box_wrap a {display: block;}
.brand_box_wrap .thumb {overflow: hidden; position: relative; width: 100%; aspect-ratio: 1/1;}
.brand_box_wrap .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.brand_box_wrap .brand_tit {margin: 30px 0;}
.brand_box_wrap .brand_tit h4 {font-weight: 500; font-size: 24px; color: #000;}
.brand_box_wrap .brand_tit p {margin-top: 12px; font-size: 16px; color: #000;}

.brand_box_wrap .product_list_wrap {overflow: hidden; height: 316px;}
.brand_box_wrap .product_list_wrap .swiper-slide {margin: 0;}
.brand_box_wrap .product_list_wrap .swiper-slide:nth-child(1):after {content: ''; display: block; margin: 14px 0; width: 100%; height: 1px; background: #000; opacity: 0.5;}
.brand_box_wrap .product_list_wrap .rank {display: none;}
.brand_box_wrap .product_list_wrap a {display: flex; align-items: center;}
.brand_box_wrap .product_list_wrap .prd-img {flex-shrink: 0; width: 108px;}
.brand_box_wrap .product_list_wrap .prd-info {padding: 0 0 0 16px; width: calc(100% - 108px * var(--vw));}
.brand_box_wrap .product_list_wrap .discount {display: none;}
.brand_box_wrap .product_list_wrap .btn-wish {top: 50%; right: 0; margin-top: -14px; background: url('https://pc.babathe.com/_static/img/like_new_dg.png') no-repeat center center / auto 100%;}

.e_brand_box .tabcont-wrap .swiper-scrollbar {position: relative; top: auto; bottom: auto; left: auto; margin-top: 50px; width: 100%; height: 1px; border-radius: 0; background: rgba(0,0,0,.5);}
.e_brand_box .tabcont-wrap .swiper-scrollbar .swiper-pagination-progressbar-fill {margin-top: -1px; height: 2px; background: #111;}

@media screen and (max-width: 991px){
    .e_brand_box .tabcont {padding: 0 calc(35 * var(--vw)); width: 100%; box-sizing: border-box;}
    .brand_box_wrap {position: relative; width: 100%;}
    .brand_box_wrap .thumb_area {padding-bottom: 0;}
    .brand_box_wrap .brand_tit {margin: calc(40 * var(--vw)) 0;}
    .brand_box_wrap .brand_tit h4 {font-size: calc(32 * var(--vw));}
    .brand_box_wrap .brand_tit p {margin-top: calc(10 * var(--vw)); font-size: calc(24 * var(--vw));}

    .brand_box_wrap .product_list_wrap {height: calc(376 * var(--vw));}
    .brand_box_wrap .product_list_wrap .swiper-slide:nth-child(1):after {margin: calc(20 * var(--vw)) 0; height: calc(1 * var(--vw));}
    .brand_box_wrap .product_list_wrap .thumb_area {width: calc(126 * var(--vw)); aspect-ratio: 3/4;}
    .brand_box_wrap .product_list_wrap .unit_info_area {padding: 0 0 0 calc(32 * var(--vw));}
    .brand_box_wrap .product_list_wrap .unit_info_area .salePer {display: none;}
    .brand_box_wrap .product_list_wrap input[type='checkbox'].check-like {top: 50%; margin-top: -18px; background-image: url('https://mobile.babathe.com/_static/img/like_nobg_new.png'); background-position: center right; background-size: 16px 16px;}

    .brand_box_wrap .swiper-fraction {position: absolute; top: calc(570 * var(--vw)); right: calc(30 * var(--vw)); z-index: 5; display: flex; justify-content: center; align-items: center; width: calc(100 * var(--vw)); height: calc(50 * var(--vw)); border-radius: 100px; background: rgba(0,0,0,.5); font-weight: 500; font-size: calc(24 * var(--vw)); color: #fff;}

    .e_brand_box .tabcont-wrap .swiper-scrollbar {margin-top: calc(50 * var(--vw));}
    .e_brand_box .tabcont-wrap .swiper-scrollbar .swiper-pagination-progressbar-fill {margin-top: calc(-2 * var(--vw)); height: calc(4 * var(--vw));}
}


/* banner */
.e_banner {overflow: hidden; margin: 0 auto; padding: 0 !important; width: 100%;}
.e_banner .swiper-wrapper {height: auto;}
.e_banner .swiper-slide {overflow: hidden;}
.e_banner .swiper-slide img {position: relative; left: 50%; margin-left: -960px; max-width: 1920px;}
@media screen and (max-width: 991px){
    .event_banner {width: 100%;}
}

.main_exh_tab_area {/*iOS 11.0 버전*/ padding-top: constant(safe-area-inset-top); /*iOS 11.2 이상*/ padding-top:env(safe-area-inset-top);}