/*20230707*/

@charset "utf-8";

@font-face {font-family: 'Editorial New'; font-style:normal; font-weight: 200;
    src: local('Editorial New Ultralight 200'), url('../vipfont/EditorialNewUltralight200.otf') format('opentype');
}
@font-face {font-family: 'Editorial New'; font-style:normal; font-weight: 400;
    src: local('Editorial New Ultralight 400'), url('../vipfont/EditorialNewRegular400.otf') format('opentype');
}
@font-face {font-family: 'Editorial New'; font-style:normal; font-weight: 800;
    src: local('Editorial New Ultralight 800'), url('../vipfont/EditorialNewUltrabold800.otf') format('opentype');
}

/* 장경석 추가 */
#header.type-sticky.vip { z-index: 20; }

#wrap.vip-color-wrap {font-family: 'Noto Sans Korean'; background-color: #282828; font-size: 14px; line-height: 1.4; color: #fff;}
#wrap.vip-color-wrap .main-container .flick-panel {font-family: 'Noto Sans Korean'; background-color: #282828; font-size: 14px; line-height: 1.4; overflow: unset;}
#wrap.vip-color-wrap .main-container,
#wrap.vip-color-wrap .main-container .flick,
#wrap.vip-color-wrap .main-container .flick-wrap.swiper-wrapper,
#wrap.vip-color-wrap .main-container .flick-panel {overflow: unset;}
.vip-color-wrap #component {padding-bottom: 110px;}
.vip-color-wrap a,
.vip-color-wrap #footer .foot-link li a {color: #fff;}
.vip-color-wrap,
.vip-color-wrap #footer {background-color: #282828; border-color: #666; color: #fff;}
.vip-color-wrap #footer .foot-wrap {color: #999;}
.vip-color-wrap #footer .foot-link-top a {border-color: #ccc; color: #fff;}
.vip-color-wrap #footer .foot-link li {border-color: #666}
.vip-color-wrap button {background: 0 0;}


.vip-color-wrap .ai-chatbot-box,
.vip-color-wrap .gf-quick-wrap {display: none !important}

.vip-color-wrap .v-sticky {position: sticky;}
.vipwrap-brandlist .vip-inner-list,
.vip-color-wrap .vip-inner-list {display: flex;}
a.vip-link-go {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.vip-color-wrap .vip-point {color: #c0ae91}
.vip-color-wrap .vip-font-point {font-family: 'Editorial New'}


/* 딤드 */
.vip-quickgo-area .vip-inner-list li::after,
.vipwrap-live-wrap .vip-article-frame .vip-image-box::after,
.vipwrap-cover-slide-list .vip-image-box::after {z-index: 2; position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.3);}
.vip-quickgo-area .vip-inner-list li::after {background: rgba(0,0,0,.5);}


/* 이미지사이즈잡기 */
.vip-color-wrap .vip-image-box,
.vipwrap-brandlist .vip-image-box {position: relative; padding-bottom: 100%;  overflow: hidden;}
.vip-color-wrap .vip-image-box .vip-image-inner ,
.vipwrap-brandlist .vip-image-box .vip-image-inner {position: absolute; top: 0; left: 0; width:100%; height:100%;}
.vip-color-wrap .vip-image-box img ,
.vipwrap-brandlist .vip-image-box img {width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}

/* 버튼 */
.vip-btn-area {margin: 48px 0 0;}
.vip-btn-area .vip-btn-full {display: block; width: 100%; padding: 17px 0 18px; border: 1px solid #fff; border-radius: 5px; text-align: center;}
.vip-btn-area .vip-color-type {border-color: #c0ae91; background: #c0ae91; color: #282828; font-weight: 700;}
.vip-btn-area .vip-color-type2 {border-color: #282828; background: #282828; color: #fff; font-weight: 400;}
.vip-btn-area .vip-ico-refresh {display: flex; align-items: center; justify-content: center; gap: 5px;}
.vip-btn-area .vip-ico-refresh::before {display: inline-block; content: ''; width: 16px; height: 16px; background: url(../images/vip/ico-vip-refresh.png) no-repeat; background-size: 16px 16px; margin-right: 5px;}

/* form */
.vip-color-wrap input[type=checkbox] {position: absolute; opacity: 0; outline: none;}
.vip-input-check label::before {content: ''; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.vip-input-check {position: relative; display: flex;}
.vip-input-check label {position: relative; padding-left: 25px; font-size: 12px; color: #999;}
.vip-input-check input:checked + label {color: #282828}
.vip-input-check label::before {background-image: url(../images/vip/ico-vip-check.png)}
.vip-input-check input:checked + label::before {background-image: url(../images/vip/ico-vip-check-ed.png)}

/* 헤더 */
.vip-header-area.v-sticky {top: 0;}
.vip-header-area {width: 100%; height: 44px; background-color: #282828; z-index: 130; display: flex; align-items: center; gap: 13px; padding: 0 15px; text-transform: uppercase; border-bottom: 1px solid #666;}
/* .vip-heading-lv1 {font-family: 'Editorial New';}
.vip-heading-description {font-size: 9px;  line-height: 1.2; margin-left: 10px;} */
.vip-heading-lv1 {display: block; clip: rect(0, calc(115px/2), 20px, 0); width: calc(115px/2); height: 20px; overflow: hidden; white-space: nowrap; text-indent: -9999px; position: relative;}
.vip-heading-lv1::before {display: block; content: ''; position: absolute; top:0; left: 0; height: 20px; width: 100%; background: url(../images/vip/vip-tit-lv1.png) 50%/calc(115px/2) 20px no-repeat;}
.vip-heading-description {display: block; clip: rect(0, 121px, 12px, 0); width: 121px; height: 12px; overflow: hidden; white-space: nowrap; text-indent: -9999px; position: relative;}
.vip-heading-description::before {display: block; content: ''; position: absolute; top:0; left: 0; height: 12px; width: 100%; background: url(../images/vip/vip-tit-lv1-desc.png) 50%/121px 12px no-repeat;}


.vip-welcome-area {margin: 40px 15px 25px;}
.vip-welcome-tit {font-family: 'Editorial New'; font-size: 50px; font-weight: 400; color: #c0ae91; margin: -10px 0 10px}
.vip-welcome-tit + .vip-welcome-txt {margin-top: 15px;}
.vip-welcome-txt {line-height: 1.6; font-weight: 100;}
.vip-welcome-txt em {color: #c0ae91; text-decoration: underline;}
.vip-golive {display: none; margin-top: 10px; text-align: center;}
.type-welcome-2 .vip-golive {display: block}

button.vip-btn-text {color: #999; padding: 0; border: 0; border-bottom: 1px solid #999; font-size: 12px;}

.vip-quickgo-area {margin: 0 15px;}
/* .vip-quickgo-area .vip-inner-list {background-color: #3d3d3d; border-radius: 4px; gap: 10px; box-shadow: 0 0 1rem rgba(0,0,0,.5)}
.vip-quickgo-area .vip-inner-list li {width: calc(100% / 4); text-align: center; padding: 15px 0;} */
.vip-quickgo-area .vip-inner-list {gap: 10px; flex-wrap: wrap; justify-content: space-between;}
/* .vip-quickgo-area .vip-inner-list li {position: relative; width: calc(50% - 5px); padding-bottom: calc(50% - 5px); overflow: hidden} */
.vip-quickgo-area .vip-inner-list li {position: relative; width: calc(50% - 5px); padding-bottom: 31%; overflow: hidden; border-radius: 36px;}
.vip-quick-img {z-index: 1; position: absolute; top: 0; left: 0; width:100%; height:100%;}
.vip-quick-img img {width: 100%; height: 100%; object-fit: cover; }
.vip-quick-txt {z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; line-height: 1.4; font-size: 13px;}

/* .vip-quickgo-area .vip-inner-list li:nth-child(1) img,
.vip-quickgo-area .vip-inner-list li:nth-child(1)::after {border-radius: 50px 50px 0 50px;}
.vip-quickgo-area .vip-inner-list li:nth-child(2) img,
.vip-quickgo-area .vip-inner-list li:nth-child(2)::after {border-radius: 50px 50px 50px 0;}
.vip-quickgo-area .vip-inner-list li:nth-child(3) img,
.vip-quickgo-area .vip-inner-list li:nth-child(3)::after {border-radius: 50px 0 50px 50px;}
.vip-quickgo-area .vip-inner-list li:nth-child(4) img,
.vip-quickgo-area .vip-inner-list li:nth-child(4)::after {border-radius: 0 50px 50px 50px;} */

.vip-quickgo-area + .vip-gnb-menu {margin-top: 40px;}

.vip-gnb-menu { width: 100%; background-color: #282828; z-index: 100;}
.vip-gnb-swipe-wrap {box-shadow: inset 0 -1px 0 0 #666;}
/* .vip-gnb-menu .vip-inner-list li {width: calc(100% / 6); text-align: center; border-bottom: 1px solid #666; font-size: 12px; font-weight: 700} */
.vip-gnb-menu .vip-inner-list li {width: calc(100% / 6); height: 40px; font-size: 12px; font-weight: 700; }
.vip-over-six {width: 100%; overflow: hidden; margin-right: 60px;}
.vip-over-six .vip-inner-list {width: 100%; flex-direction: row; justify-content: flex-start;}
.vip-over-six .vip-inner-list li {width: 62px; position: relative; z-index: 2;}
.vip-gnb-menu .vip-inner-list li.gnb-active {overflow: hidden; margin-top: 1px; border-bottom: 1px solid #c0ae91;}
.vip-gnb-menu .vip-inner-list li.gnb-active a {color: #c0ae91; }
/* .vip-gnb-menu .vip-inner-list li a {display: block; padding: 15px 0; color: #666; } */
.vip-gnb-menu .vip-inner-list li a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #666; }

/* 메인롤링구간 */
.vip-color-wrap .vip-bigbanner {position: relative; width: 100%; overflow-x: hidden;}
/* .vip-color-wrap .vip-bigbanner .swiper-slide {padding-bottom: calc((10 / 9)* 100%);} */
.vip-color-wrap .vip-bigbanner .slide-image {position: relative;  padding-top: 111%;}
.vip-color-wrap .vip-bigbanner .slide-image-wrap {position: absolute; top: 0; left: 0;}
.vip-color-wrap .vip-bigbanner .slide-image img {width: 100%; height: 100%; object-fit: cover;}
.vip-color-wrap .vip-bigbanner .slide-txt {position: absolute; bottom: 70px; left: 15px; right: 15px; z-index: 10;}
.vip-color-wrap .vip-bigbanner .title-slv-1 {font-size: 24px; line-height: 1.3; font-weight: 400;}
.vip-color-wrap .vip-bigbanner .title-slv-2 {font-size: 16px; margin-top: 15px; font-weight: 100;}
.vip-color-wrap .vip-bigbanner .swiper-slide::after {position: absolute; bottom: 0; display: block; content:'' ; width: 100%; height: 75%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0,0,0,.7)); z-index: 9;}
.vip-color-wrap .vip-bigbanner .prograssbar-wrap {position: absolute; bottom: 0; z-index: 10; width: 100%; height: 30px; padding: 0 15px 25px; display: flex; align-items: center; gap: 8px;}
.vip-color-wrap .vip-bigbanner .prograssbar-wrap > .swiper-pageindex,
.vip-color-wrap .vip-bigbanner .prograssbar-wrap > .swiper-pageindex-total {vertical-align: top; line-height: 160%; font-size: 12px; margin-top: 3px;}
.vip-color-wrap .vip-bigbanner .prograssbar-wrap > .swiper-pageindex {color: rgba(255, 255, 255, .7)}
.vip-color-wrap .vip-bigbanner .prograssbar-wrap > .swiper-pageindex-total {color: rgba(255, 255, 255, .2)}
.vip-color-wrap .vip-bigbanner .swiper-pagination-progressbar {position: static; width: 100%;}
.vip-color-wrap .vip-bigbanner .button-set {bottom: 10px; z-index: 10}
.vip-color-wrap .vip-bigbanner .button-set button.hide {display: none;}
/* .vip-color-wrap .vip-bigbanner .vip-video-frame + .slide-image {display: none;} */

/* 메인롤링버튼 */
.vip-color-wrap .vip-button-set {width: 35px; height: 50px;}
.vip-color-wrap .vip-button-set button {border: 0;width: 35px; height: 50px;}
.vip-color-wrap .vip-button-set button.hide {display: none;}
.vip-color-wrap .vip-button-set [class^='vip-autoplay-'] {background: url(../images/vip/btn-vip-play-01.png) no-repeat 50% 50%; background-size: 8px 9px;}
.vip-color-wrap .vip-button-set .vip-autoplay-start {background-image: url(../images/vip/btn-vip-play-02.png);}


.vip-prdlist {overflow-x: hidden; margin: 0 -15px; padding: 0 15px;}
.vip-prdlist .vip-prd-brand {font-size: 17px; line-height: 1.43; font-weight: 400; padding-right: 10px;}
.vip-prdlist .vip-prd-txt {margin-top: 15px; line-height: 1.43; font-weight: 100; padding-right: 10px;}
.vip-prdlist .vip-image-box + .vip-prd-brand {margin-top: 20px;}
.vip-prdlist .vip-prd-brand + .vip-prd-txt {margin-top: 10px}
.vip-prdlist + .vip-prdlist {margin-top: 20px;}

.vip-prdlist.type1,
.vip-prdlist.type2{margin-top: 30px}

.vip-gnb-layer-wrap .vip-gnb-layer {display: none;}
.vip-gnb-layer-wrap .vip-gnb-layer.vip-menu-active {display: block;}

/* 섹션간 간격 */
/* .vip-color-wrap [class^='vipwrap-'] + [class^='vipwrap-'],
.vip-color-wrap [class^='vipwrap-'] + .vip-bigbanner,
.vip-color-wrap .vip-bigbanner + [class^='vipwrap-'],
.vip-color-wrap .vip-bigbanner + .vip-bigbanner {padding-top: 80px; overflow-x: hidden;} */

.vip-color-wrap [class^='vipwrap-'] {padding-top: 80px; overflow: hidden;}
.vip-color-wrap [class^='vipwrap-']:first-child,
.vip-color-wrap [class^='vipwrap-'] [class^='vipwrap-'] {padding-top: 0;}

/* 상품 리스트 영역 */
[class^='vipwrap-'] .vip-recomprd-list {border-top: 1px solid #666; padding-top: 28px}
[class^='vipwrap-'] .vip-article-frame + .vip-recomprd-list {margin: 28px 15px 0; }
[class^='vipwrap-'] .vip-thumb-wrap + .vip-recomprd-list {border-top: 0; }
[class^='vipwrap-'] .vip-recom-prd {display: flex; align-items: center; margin-top: 15px; position: relative;}
[class^='vipwrap-'] .vip-recom-prd:first-child {margin-top: 0}
[class^='vipwrap-'] .vip-recom-prd .vip-image-box {width: 72px; height: 72px; padding-bottom: 0;}
[class^='vipwrap-'] .vip-recom-prd .vip-image-box img {border-radius: 5px;}
[class^='vipwrap-'] .vip-recom-prd .vip-recom-txt {width: calc(100% - 72px); padding-left: 15px;}
[class^='vipwrap-'] .vip-recom-prd .vip-recom-txt .vip-prd-brand {font-size: 16px; font-weight: 400;}
[class^='vipwrap-'] .vip-recom-prd .vip-recom-txt .vip-prd-txt {font-size: 13px;/* font-weight: 100;*/ color: #999; margin-top: 10px; max-height: 38px; overflow: hidden}
[class^='vipwrap-'] .vip-recomprd-list + .vip-article-frame {margin-top: 70px;}

/* 공통 */
.vip-color-wrap .vip-article-frame .vip-txt-area,
.vip-color-wrap .vip-article-frame + .vip-txt-area {margin-top: 25px}
[class^='vipwrap-'] .vip-article-frame {margin: 30px 15px 0; position: relative; overflow-x: hidden;}
[class^='vipwrap-'] .swiper-slide .vip-article-frame {margin: 0;}
[class^='vipwrap-'] .in-top-title.no-title + .vip-article-frame {margin-top: 0;}
[class^='vipwrap-'] .vip-article-frame .vip-image-thumbnail img {border-radius: 5px;}
[class^='vipwrap-'] .vip-txt-area .vip-heading-lv3 {font-size: 17px; font-weight: 400;}
[class^='vipwrap-'] .vip-txt-area .vip-sub-description {font-weight: 100; color: #ccc; margin-top: 15px;}
[class^='vipwrap-'] .in-top-title + .vip-slide-wrap {margin-top: 30px;}
[class^='vipwrap-cover-'] .vip-image-box {padding-bottom: 121%}
[class^='vipwrap-cover-'] .vip-txt-area {position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 10;}
[class^='vipwrap-cover-'] .vip-txt-area .vip-sub-description {margin-top: 12px}
[class^='vipwrap-cover-'] .vip-recomprd-list {border-top: 0; margin: 0 15px;}
/* [class^='vipwrap-'] .swiper-pagination-progressbar {height: 4px;}
[class^='vipwrap-'] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #46675c} */
.vip-color-wrap .swiper-pagination-progressbar {height: 2px; background: rgba(255, 255, 255, .2)}
.vip-color-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff;}
[class^='vipwrap-'] .vip-prograss-wrap {position: absolute; width: auto; top: 0; left: 0; right: 0; z-index: -1;}
[class^='vipwrap-'] .vip-prograss-wrap .swiper-pagination-progressbar {top: unset; bottom: 0;}

.vipwrap-article-slide-type2 .vip-prograss-wrap,
.vipwrap-cover-slide-list .vip-prograss-wrap,
.vipwrap-brand-mdpick  .vip-prograss-wrap  {padding-bottom: calc((419 / 360)*100%);}

/* 자세히 보기 버튼 없음 - 20230703 */
.vip-btn-nomore {display: none;}

/* 상품 없음 */
.vip-not-prdlist .vip-recomprd-list {display: none;}

/* 타이틀 */
.vip-color-wrap .in-top-title {font-family: 'Editorial New'; font-size: 60px; line-height: 1.2; padding: 0 15px; display: flex; flex-wrap: wrap; grid-column-gap: 10px;}
.vip-color-wrap .in-top-title.bold {font-weight:700;}
.vip-color-wrap .in-top-title.no-title {display:none;}
.vip-color-wrap .in-top-title.left {text-align:left; justify-content: flex-start;}
.vip-color-wrap .in-top-title.center {text-align:center; justify-content: space-around;}
.vip-color-wrap .in-top-title.right {text-align:right; justify-content: flex-end;}
.vip-color-wrap .in-top-title.justify { flex-direction: column;}
.vip-color-wrap .in-top-title span {display: block}
.vip-color-wrap .in-top-title.justify span:first-child {margin-right: auto}
.vip-color-wrap .in-top-title.justify span:last-child {margin-left: auto}

/* 이미지 배율 고정 */
.vip-wrap-theme-type1 .vip-theme-frame .vip-image-box {padding-bottom: 60.6%; }
.vipwrap-article-animation .swiper-slide .vip-image-box {padding-bottom: 137.5%; }
.vip-wrap-theme-type3 .swiper-slide .vip-image-box {padding-bottom: 119.7%; }
.vip-wrap-theme-type8 .swiper-slide .vip-image-box {padding-bottom: 121%}

.vip-wrap-theme-type1 .vip-theme-frame .vip-image-box {padding-bottom: 60.6%; }
.vip-wrap-theme-type2 .swiper-slide .vip-image-box {padding-bottom: 137.5%; }
.vip-wrap-theme-type3 .swiper-slide .vip-image-box {padding-bottom: 119.7%; }
.vip-wrap-theme-type8 .swiper-slide .vip-image-box {padding-bottom: 121%}

/* 아티클 피드형 갤러리 */
.vipwrap-article-feed .vip-feed-gallery.type-slide,
.vipwrap-cover-feed-gallery .vip-feed-gallery.type-slide {overflow-x: hidden; padding: 0 15px;}
.vipwrap-article-feed .vip-article-frame + .vip-feed-gallery.type-slide {margin-top: 35px;}
.vipwrap-cover-feed-gallery .vip-article-frame + .vip-feed-gallery.type-slide {margin-top: 15px;}
/* 피드 내 상품 스와이프 영역 */
.vip-feed-gallery.type-slide .vip-prd-brand {font-size: 17px; line-height: 1.43; font-weight: 400; padding-right: 10px;}
.vip-feed-gallery.type-slide .vip-prd-txt {margin-top: 15px; line-height: 1.43; /*font-weight: 100;*/ padding-right: 10px;}
.vipwrap-article-feed .vip-feed-gallery.type-slide .vip-prd-brand,
.vipwrap-cover-feed-gallery .vip-feed-gallery.type-slide .vip-prd-brand,
.vipwrap-article-feed .vip-feed-gallery.type-slide .vip-prd-txt,
.vipwrap-cover-feed-gallery .vip-feed-gallery.type-slide .vip-prd-txt {display: none;}
.vip-feed-gallery.type-slide .vip-image-box + .vip-prd-brand {margin-top: 20px;}
.vip-feed-gallery.type-slide .vip-prd-brand + .vip-prd-txt {margin-top: 10px}
.vip-feed-gallery.type-slide + .vip-feed-gallery {margin-top: 20px;}

.vipwrap-cover-feed-gallery .vip-feed-gallery .vip-image-box {padding-bottom: 100%;}


/* 아티클 피드형 리스트 */
/* .vipwrap-article-feed-list .vip-article-frame {padding: 0 15px;} */
/* .vipwrap-article-feed-list .vip-article-frame + .vip-recomprd-list {margin-top: 35px;} */
/* .vipwrap-article-feed-list .vip-recomprd-list {margin: 28px 15px 0;} */
/* .vipwrap-article-feed .vip-article-frame .vip-image-box {padding: 0} */
/* .vipwrap-article-feed .vip-article-frame .vip-image-box .vip-image-inner {position: static;} */



.vipwrap-article-feed .vip-feed-gallery.list {padding: 28px 0 0; margin: 28px 15px 0; border-top: 1px solid #666;}
.vipwrap-article-feed .vip-feed-gallery.list .vip-inner-list {display: block;}
.vipwrap-article-feed .vip-feed-gallery.list .swiper-slide {display: flex; align-items: center; margin-top: 15px; position: relative;}
.vipwrap-article-feed .vip-feed-gallery.list .swiper-slide:first-child {margin-top: 0}
.vipwrap-article-feed .vip-feed-gallery.list .swiper-slide:nth-child(n+4) {display: none;} /* 상품 리스트 3개까지만 노출 */
.vipwrap-article-feed .vip-feed-gallery.list .vip-image-box {width: 72px; height: 72px; padding-bottom: 0;}
/* .vipwrap-article-feed .vip-feed-gallery.list .vip-image-box .vip-image-inner {position: static;} */
.vipwrap-article-feed .vip-feed-gallery.list .vip-image-box + .vip-prd-brand {margin-top: 0;}
.vipwrap-article-feed .vip-feed-gallery.list .vip-image-box img {border-radius: 5px;}
.vipwrap-article-feed .vip-feed-gallery.list .vip-recom-txt {width: calc(100% - 72px); padding-left: 15px;}
.vipwrap-article-feed .vip-feed-gallery.list .vip-recom-txt .vip-prd-brand {font-size: 16px; font-weight: 400;}
.vipwrap-article-feed .vip-feed-gallery.list .vip-recom-txt .vip-prd-txt {font-size: 13px; /*font-weight: 100;*/ color: #999; margin-top: 10px;}


/* 아티클 슬라이드형 리스트 */
.vipwrap-article-slide-list .vip-slide-wrap .vip-recomprd-list {margin: 28px 0 0;}
.vipwrap-article-slide-list .vip-slide-wrap {overflow-x: hidden; padding: 0 15px;}
/* .vipwrap-article-slide-list .vip-slide-wrap .vip-article-frame {margin: 45px 0 0 0;} */
/* .vipwrap-article-slide-list .vip-slide-wrap .swiper-slide {margin-right: 15px;} */
/* .vipwrap-article-slide-list .vip-slide-wrap .swiper-slide-active .vip-recomprd-list {display: block;} */
.vipwrap-article-slide-list.vip-not-prdlist .vip-slide-wrap .swiper-slide-active .vip-recomprd-list {display: none;}
/* .vipwrap-article-slide-list [class^='vip-slide-prograss'] .swiper-slide {opacity: .3}
.vipwrap-article-slide-list [class^='vip-slide-prograss'] .swiper-slide-active {opacity: 1} */
.vipwrap-article-slide-list .vip-slide-wrap .swiper-slide {opacity: .3}
.vipwrap-article-slide-list .vip-slide-wrap .swiper-slide-active {opacity: 1}

.vip-swiper-temp-disabled {opacity: .3 !important; transition: transform 1s !important}
.vip-swiper-temp-active {opacity: 1 !important; transition: transform 1s !important}

/* 아티클 슬라이드형 리스트 2 */
.vipwrap-article-slide-type2 .vip-slide-wrap {position: relative;}
.vipwrap-article-slide-type2 .vip-thumb-wrap .vip-txt-area {margin-top: 40px;}
/* .vipwrap-article-slide-type2 .swiper-pagination-progressbar {top: 50%; left: 15px; right: 15px; width: auto;} */
.vipwrap-article-slide-type2 .swiper-pagination-progressbar {top: unset; left: 15px; right: 15px; bottom: 0; width: auto;}

/* 아티클 애니메이션형 */
.vipwrap-article-animation .vip-slide-wrap {overflow-x: hidden; padding-right: 35px;}
/* .vip-prdlist.type4-1 {padding-right: 35px;} */
.vipwrap-article-animation .vip-slide-wrap .swiper-slide .vip-prd-brand,
.vipwrap-article-animation .vip-slide-wrap .swiper-slide .vip-prd-txt {opacity: 0; transition: transform 1s;}
.vipwrap-article-animation .vip-slide-wrap .vip-swiper-temp-active .vip-prd-brand,
.vipwrap-article-animation .vip-slide-wrap .vip-swiper-temp-active .vip-prd-txt,
.vipwrap-article-animation .vip-slide-wrap .swiper-slide-active .vip-prd-brand,
.vipwrap-article-animation .vip-slide-wrap .swiper-slide-active .vip-prd-txt {opacity: 1 !important; transition: transform 1s;}
.vipwrap-article-animation .vip-slide-wrap .vip-swiper-temp-disabled .vip-image-box,
.vipwrap-article-animation .vip-slide-wrap .swiper-slide .vip-image-box { opacity: 0.6 !important; transform: translate(5%,10%) !important; transition: transform .5s;}
.vipwrap-article-animation .vip-slide-wrap .swiper-slide.vip-swiper-temp-active .vip-image-box,
.vipwrap-article-animation .vip-slide-wrap .swiper-slide.swiper-slide-active .vip-image-box  { opacity: 1 !important; transform: translate(0,0) !important; transition: transform .5s;}
.vipwrap-article-animation .vip-slide-wrap .vip-swiper-temp-disabled.swiper-slide-prev,
.vipwrap-article-animation .vip-slide-wrap .swiper-slide.swiper-slide-prev {transform: translate(-10%,0) !important; transition: transform .5s }
.vipwrap-article-animation .vip-slide-wrap .swiper-wrapper.init-swiper .vip-image-box { opacity: 1; transition : none !important;}
.vipwrap-article-animation .swiper-slide-active.vip-swiper-temp-disabled .vip-prd-brand,
.vipwrap-article-animation .swiper-slide-active.vip-swiper-temp-disabled .vip-prd-txt {opacity: 0 !important;}
.vipwrap-article-animation .swiper-slide.swiper-slide-active.vip-swiper-temp-disabled .vip-image-box {transform: translate(-5%,10%) !important;}

/* 커버 피드 갤러리 */
.vipwrap-cover-feed-gallery .vip-recomprd-list {display: flex; flex-wrap: wrap; gap: 15px;}
.vipwrap-cover-feed-gallery .vip-article-frame + .vip-recomprd-list {margin-top: 0; padding-top: 15px;}
.vipwrap-cover-feed-gallery .vip-recomprd-list .vip-recom-prd {width: calc((100% - 30px) / 3); margin: 0;}
.vipwrap-cover-feed-gallery .vip-recomprd-list .vip-recom-prd .vip-image-box {width: 100%; height: 100%; padding-bottom: 100%;}

/* 커버 피드 리스트 */
.vipwrap-cover-feed-list .vip-recomprd-list {padding-top: 15px;}
.vipwrap-cover-feed-list .vip-article-frame + .vip-recomprd-list {margin-top: 0; padding-top: 15px;}

/* 커버 슬라이드 리스트 */
/* .vipwrap-cover-slide-list .vip-recomprd-list {margin: 0;} */
.vipwrap-cover-slide-list.vip-not-prdlist .vipcover-slide-recomprd {display: none;}
.vipwrap-cover-slide-list .vip-slide-wrap,
.vipwrap-cover-slide-list .vip-thumb-wrap {position: relative;}
/* .vipwrap-cover-slide-list .vip-thumb-wrap .vip-txt-area {margin-top: 40px;} */
.vipwrap-cover-slide-list .vip-thumb-wrap + .vip-recomprd-list {margin: 40px 0 0; padding: 0}
.vipwrap-cover-slide-list .swiper-pagination-progressbar {left: 15px; right: 15px; width: auto;}

.vipwrap-coupon-wrap {overflow-x: hidden;}
.vip-sub-tabmenu {padding: 0 15px;}
.vip-tabcont {padding: 0 15px;}
.vip-btn-area {padding: 0 15px;}
/* 이미지 위 텍스트 */
/* .vip-inner-txt {position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 10;}
.vip-inner-txt .vip-txt-tit {font-size: 17px; font-weight: 400;}
.vip-inner-txt .vip-txt-description {line-height: 1.4;}
.vip-inner-txt .vip-txt-tit + .vip-txt-description {margin-top: 12px;}

.vip-static-tile .vip-tile-sub {display: flex; flex-wrap: wrap; gap: 15px; margin-top: 15px;}
.vip-static-tile .vip-tile-sub .vip-image-box {width: calc((100% - 30px) / 3); padding-bottom: calc((100% - 30px) / 3);} */


/* 대표이미지없는 스와이프 상품 구조 */
.vip-color-wrap .vip-slide-wrap {overflow-x: hidden; padding: 0 15px;}
.vip-color-wrap .vip-slide-wrap .vip-prd-brand {font-size: 17px; font-weight: 400; padding-right: 10px;}
.vip-color-wrap .vip-slide-wrap .vip-prd-txt {color: #ccc; margin-top: 15px; padding-right: 10px;}
.vip-color-wrap .vip-slide-wrap .vip-image-box + .vip-prd-brand {margin-top: 20px;}
.vip-color-wrap .vip-slide-wrap .vip-prd-brand + .vip-prd-txt {margin-top: 10px}
/* .vip-color-wrap .vip-slide-wrap + .vip-slide-wrap {margin-top: 15px;} */
/* .vip-color-wrap .vip-slide-wrap .vip-recomprd-list {padding: 0} */
.vip-color-wrap .vip-slide-wrap .vip-article-frame + .vip-recomprd-list {padding-top: 28px}

/* 라이브 */
.vipwrap-live-wrap .vip-article-frame [class^='vip-info-'] {position: absolute; z-index: 3;}
.vipwrap-live-wrap .vip-txt-area,
.vipwrap-live-wrap .vip-btn-area {padding: 0 15px;}
.vipwrap-live-wrap .vip-info-badge {top: 15px; left: 15px; background: rgba(0,0,0,.7); font-size: 12px; text-transform: uppercase; padding: 2px 7px 4px; border-radius: 3px;}
.vipwrap-live-wrap .vip-info-date {top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.vipwrap-live-wrap .vip-info-date .vip-live-date {font-size: 13px;}
.vipwrap-live-wrap .vip-info-date .vip-live-time {font-size: 24px; font-weight: 700;}
.vipwrap-live-wrap .vip-info-date .vip-live-date + .vip-live-time {margin-top: 10px}
/* .vipwrap-live-wrap .vip-live-prdlist {position: absolute; left: 15px; bottom: 14px; width: calc(100% - 30px); z-index: 3;}
.vipwrap-live-wrap .vip-live-prdlist .swiper-slide {display: flex; flex-wrap: wrap; align-items: center; background: #fff; border-radius: 5px; padding: 12px;}
.vipwrap-live-wrap .vip-live-prdlist .vip-image-box {width: 70px; height: 70px; padding-bottom: 0; border: 1px solid #dfdfdf}
.vipwrap-live-wrap .vip-live-prdlist .vip-image-box img {border-radius: 0;}
.vipwrap-live-wrap .vip-live-prdlist .vip-prd-txt {width: calc(100% - 72px - 15px); margin-left: 15px; color: #000; font-size: 13px; line-height: 1.6;} */
.vipwrap-live-wrap .vip-recomprd-list {margin: 0 15px; border-top: 0}
.vipwrap-live-wrap .vip-recom-prd .vip-recom-txt .vip-prd-brand {font-size: 14px; font-weight: 400; color: #999}
.vipwrap-live-wrap .vip-recom-prd .vip-recom-txt .vip-prd-txt {font-size: 14px; font-weight: 400; margin-top: 5px;}
.vipwrap-live-wrap .vip-ing .vip-info-badge,
.vipwrap-live-wrap .vip-ing .vip-info-date,
.vipwrap-live-wrap .vip-live-ing-wrap {display: none}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap {display: block;}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap .vip-badge-area {position: absolute; top: 15px; left: 15px; z-index: 3; font-size: 12px;}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap .vip-badge-area .vip-badge-ing {background: rgba(226,15,70,.9); font-size: 12px; text-transform: uppercase; padding: 2px 7px 4px; border-radius: 3px;}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap .vip-badge-area .vip-badge-ing::before {content: ''; display: inline-block; background: #fff; width: 8px; height: 8px; border-radius: 4px; margin-right: 4px;}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap .vip-badge-area .vip-ing-timer {/*font-weight: 100;*/ margin-left: 5px}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap .vip-badge-area .vip-ing-timer em {margin-right: 3px}
.vipwrap-live-wrap .vip-ing .vip-live-ing-wrap::after {content: ''; background: url(../images/vip/btn-live-play.png) 0 0/60px 60px no-repeat; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 3;}

.vip-sub-tabmenu {display: flex; gap: 8px; margin: 20px 0;}
.vip-sub-tabmenu li {display: block; width: auto; background: #333; border-radius: 13.5px; height: 27px; font-size: 12px;}
.vip-sub-tabmenu li a {display: block; color: #b7b7b7; line-height: 27px; padding: 0 18px; letter-spacing: -1px;}
.vip-sub-tabmenu li.vip-active {background: #fff;}
.vip-sub-tabmenu li.vip-active a {color: #282828;}
.vip-tabcont .vip-tabcont-layer {display: none;}
.vip-tabcont .vip-tabcont-layer.vip-active {display: block;}

/* 개인화 영역 */
.vipwrap-recommend {background: #1c1c1c; padding-bottom: 80px;}
/* .vipwrap-recommend .vip-heading-lv2 {vertical-align: top; font-size: 19px; font-weight: 400;}
.vipwrap-recommend .vip-heading-lv2 em {color: #c0ae91} */
.vipwrap-recommend .in-top-title {font-family: 'Noto Sans Korean' ; font-size: 19px; font-weight: 400;}
.vipwrap-recommend .in-top-title em {color: #c0ae91}
.vipwrap-recommend .btn-vip-tooltip::before {content: 'ⓘ'; display: inline-block; font-size: 16px; color: #666}
/* .vip-guide-text {font-size: 16px;} */
.vip-hashtag-wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 8px;}
.vip-hashtag {font-weight: 100; color: #c0ae91}
.vip-hashtag em {margin-right: 5px;}
.vip-hashtag em:last-child {margin-right: 0;}
.vip-btn-full .vip-recom-pg {margin-left: 10px}
.vip-recom-pg .vip-recom-pg-total {color: #999}
.vip-recom-pg .vip-recom-pg-total::before {content: '/'; font-size: 12px; margin-right: 5px}
.vipwrap-recommend [class^='vipwrap-product-'] .vip-prd-area li .vip-prd-txt {font-size: 14px; color: #fff; font-weight: 200;}
.vipwrap-recommend .vip-prd-price {display: none}
.vipwrap-recommend .vipwrap-product-brand .vip-prd-area {row-gap: 30px;}
.vipwrap-recommend .vipwrap-product-brand .vip-prd-area li {width: calc((100%/2) - (15px/2)); text-align: left;}
.vipwrap-recommend .vipwrap-product-brand .vip-prd-area li:nth-child(n+5) {display: none;}
.vipwrap-recommend .vipwrap-product-brand .vip-prd-area li .vip-image-box .vip-image-inner {background-color: #000}
.vipwrap-recommend .vipwrap-product-brand .vip-prd-area li .vip-image-box + .vip-prd-txt {margin-top: 15px}

/* 상품영역 공통 */
[class^='vipwrap-product-'] .in-top-title {font-size: 32px; font-family: 'Noto Sans Korean';}
[class^='vipwrap-product-'] .vip-prd-area li .vip-prd-txt {color: #999; font-size: 12px; padding-right: 15px;  text-overflow: ellipsis ;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;}
[class^='vipwrap-product-'] .vip-prd-area li .vip-prd-txt2 {font-size: 12px;}
[class^='vipwrap-product-'] .vip-prd-area li .vip-prd-price {font-size: 18px;}
[class^='vipwrap-product-'] .vip-prd-area li .vip-image-box + .vip-prd-txt {margin-top: 15px;}
[class^='vipwrap-product-'] .vip-prd-area li .vip-prd-txt + .vip-prd-price {margin-top: 5px;}
[class^='vipwrap-product-'] .vip-prd-wrap {margin-top: 30px; padding: 0 15px;}
.vip-tabcont [class^='vipwrap-product-'] .vip-prd-wrap {padding: 0;}

/* 20230630 모듈 내 대표 이미지 사이지 비율 잡지 않음 - 라이브 영역 및 슬라이드 영역 제외 */
.vip-article-frame .vip-image-box,
.vip-thumb-wrap .vip-image-box  {padding-bottom: 0;}
.vip-article-frame .vip-image-box .vip-image-inner,
.vip-thumb-wrap .vip-image-box .vip-image-inner {position: static;}

/* 제외 */
.vipwrap-live-wrap .vip-article-frame .vip-image-box {padding-bottom:100%;}
.vip-color-wrap .vipwrap-article-slide-list .vip-article-frame .vip-image-box,
.vip-color-wrap .vipwrap-article-slide-type2 .vip-thumb-wrap .vip-image-box,
.vip-color-wrap .vipwrap-cover-slide-list .vip-thumb-wrap .vip-image-box {padding-bottom:120%;}
.vipwrap-live-wrap .vip-article-frame .vip-image-box .vip-image-inner,
.vipwrap-article-slide-list .vip-article-frame .vip-image-box .vip-image-inner,
.vipwrap-article-slide-type2 .vip-thumb-wrap .vip-image-box .vip-image-inner,
.vipwrap-cover-slide-list .vip-thumb-wrap .vip-image-box .vip-image-inner {position: absolute;}

/* 상품 그리드 */
.vipwrap-product-wrap .vip-grid-type .vip-prd-area {display: flex; flex-wrap: wrap; gap: 15px; row-gap: 30px;}
.vipwrap-product-wrap .vip-grid-type .vip-prd-area li {width: calc(50% - (15px/2));}

/* 상품 롤링 */
/* .vipwrap-product-wrap .vip-rolling-type .vip-prd-area li {width: 100%;} */

/* pause module */
.vipwrap-pause-module .vip-inner-pause {padding: 0 15px; position: relative;}
.vipwrap-pause-module .vip-pause-txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 10px)); text-align: center; font-size: 12px; width: calc(100% - 40px);}
.vipwrap-pause-module .vip-pause-title {font-family: 'Editorial New'; font-size: 50px; line-height: 1.1; font-weight: 400;}
.vipwrap-pause-module .vip-pause-subtitle {margin-top: 10px; font-weight: 100;}

/* brand module */
.vipwrap-product-brand .vip-prd-area {display: flex; gap: 15px; row-gap: 20px; flex-wrap: wrap; position: static; transform: none;}
.vipwrap-product-brand .vip-prd-area li {position: relative; width: calc((100%/3) - (30px/3)); text-align: center;}
.vipwrap-product-brand .vip-prd-area li .vip-image-box .vip-image-inner {background-color: #1b1b1b; border-radius: 5px; padding: 12px; display: flex; align-items: center; justify-content: center;}
.vipwrap-product-brand .vip-prd-area li .vip-image-box .vip-image-inner img {border-radius: 0; object-fit: contain}
.vipwrap-product-brand .vip-prd-area li .vip-image-box + .vip-prd-txt {margin-top: 10px;}
/* .vipwrap-product-brand .vip-prd-area li .vip-prd-txt {padding: 0 10px;} */

/* 리뷰 영역 */
.vipwrap-product-review .vip-prd-wrap {padding: 0;}
.vipwrap-product-review .vip-prd-area li .vip-prd-txt {font-size: 17px; color: #fff; padding-right: 20px; line-height: 1.6;}
.vipwrap-product-review .vip-best-review {margin-top: 25px; border-left: 2px solid #fff; padding: 0 20px 10px 15px}
.vipwrap-product-review .vip-best-review li + li {padding-top: 10px}
.vipwrap-product-review .vip-best-review li.vip-review-txt {font-size: 14px; text-overflow: ellipsis ;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;}
.vipwrap-product-review .vip-best-review li.vip-review-txt-s {color: #999;}
.vipwrap-product-review .vip-best-review li .vip-review-each + .vip-review-each:before {content: '·'; display: inline-block; margin: 0 5px 0 0;}
.vipwrap-product-review .vip-average-rate {margin-top: 12px;}
.vipwrap-product-review .vip-average-rate,
.vipwrap-product-review .vip-review-rate {display: flex; align-items: center;}
.vipwrap-product-review .vip-average-rate var,
.vipwrap-product-review .vip-review-rate var {display: none;}
.vipwrap-product-review .vip-average-rate em,
.vipwrap-product-review .vip-review-rate em {margin: 0 3px;}
.vipwrap-product-review .vip-average-rate .vip-star-score {width: 70px; height: 12px; background: url(../images/vip/ico-vip-star2-b.png) 0 0/14px 12px repeat-x; position: relative;}
.vipwrap-product-review .vip-average-rate .vip-star-score [class^='star-score-'] {display: block; width: 70px; height: 12px; background: url(../images/vip/ico-vip-star2.png) 0 0/14px 12px repeat-x; position: absolute; top: 0; left: 0;}
.vipwrap-product-review .vip-review-rate .vip-star-score {width: 65px; height: 10px; background: url(../images/vip/ico-vip-star-b.png) 0 0/13px 10px repeat-x;position: relative;}
.vipwrap-product-review .vip-review-rate .vip-star-score [class^='star-score-'] {display: block; width: 65px; height: 10px; background: url(../images/vip/ico-vip-star.png) 0 0/13px 10px repeat-x; position: absolute; top: 0; left: 0;}

/* 쿠폰 */
.vip-benefit-stl {display: flex; position: relative; background: #fff; border-radius: 5px; color: #282828; min-width: 280px;}
.vip-benefit-stl + .vip-benefit-stl {margin-top: 15px;}
.vip-benefit-stl .vip-image-box {width: 110px; height: 110px; padding-bottom: 0}
.vip-benefit-stl .vip-image-box img {border-radius: 5px 0 0 5px;}
.vip-benefit-stl .vip-benefit-info {width: calc(100% - 110px); padding: 15px 20px;}
.vip-benefit-stl .vip-benefit-info .vip-benefit-tit {display: block; font-weight: 400;}
.vip-benefit-dday {display: flex; align-items: center; font-size: 11px; color: #666;}
.vip-benefit-dday dt {background: #ececec; padding: 4px 8px 5px; border-radius: 10px;}
.vip-benefit-dday dd {padding: 4px 8px 5px }
.vip-benefit-dday dd em {color: #e20f46}
.vip-benefit-stl .vip-benefit-info .vip-benefit-tit + .vip-benefit-dday {margin-top: 15px;}
.vip-benefit-stl::before,
.vip-benefit-stl::after {display: block; content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #282828; z-index: 10; top: calc(50% - 8px);}
.vip-benefit-stl::before {left: -8px;}
.vip-benefit-stl::after {right: -8px;}

/* gift */
.vipwrap-gift-ideas {padding: 0 15px;}
.vipwrap-gift-ideas .vip-gift-frame {background: #39574d; margin: 30px 0 20px; padding: 6px; border-radius: 5px;}
.vipwrap-gift-ideas .vip-slide-wrap {background: #fff;}
.vipwrap-gift-ideas .vip-image-box {width: 200px; height: 200px; padding-bottom: 0; margin: 20px 0 10px;}
.vipwrap-gift-ideas .swiper-slide {display: flex; width: 100%; flex-direction: column; align-items: center; padding: 55px 20px; text-align: center}
.vipwrap-gift-ideas .swiper-pagination {position: static}
.vipwrap-gift-ideas .vip-txt-area {text-align: center;}
.vipwrap-gift-ideas .vip-slide-wrap .vip-heading-lv3,
.vipwrap-gift-ideas .vip-slide-wrap .vip-prd-price {color: #282828; font-size: 14px; font-weight: 500;}
.vipwrap-gift-ideas .vip-slide-wrap .vip-heading-lv3 {display: flex; align-items: center; height: 40px;}
.vipwrap-gift-ideas .vip-slide-wrap .vip-prd-txt {color: #282828; font-size: 12px; font-weight: 300; margin-top: 5px}
.vipwrap-gift-ideas .vip-slide-wrap .vip-prd-txt + .vip-prd-price {margin-top: 5px}

/* 비디오영역 */
.vip-video-frame {position: relative;}
.vip-gift-frame .vip-video-frame {width: 200px; height: 200px; margin: 20px 0 10px;}


/* 레이어팝업 */
.vip-layer-popup {display: none; flex-direction: column; width: 100%; height: 100%; overflow: auto;}
.vip-layer-popup.vip-lpop-active {display: flex; position: fixed; top: 0; left: 0; z-index: 1000;}
.vip-lpop-face {background: #fff; border-radius: 5px; margin: auto 15px; padding: 20px; position: relative; color: #282828}
.vip-lpop-dimmed {display: none; background: rgba(0,0,0,.9)}
.vip-lpop-active + .vip-lpop-dimmed {position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 900}

.vip-lpop-titarea {height: 76px; line-height: 76px; text-align: center; border-bottom: 1px solid #e4e4e4}
.vip-lpop-lv1 {font-size: 20px;}
.vip-lpop-lv2 {font-size: 16px;}
.vip-lpop-desc {font-size: 13px;}
.vip-lpop-lv2 + .vip-lpop-desc {margin-top: 5px;}
.vip-lpop-contarea {margin: 26px 0 40px;}
.vip-select-list {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px;}
.vip-select-option label {display: block; position: relative; border: 1px solid #ccc; padding: 0 18px; height: 30px; line-height: 28px; border-radius: 15px; font-size: 12px; color: #666;}
.vip-select-option.vip-checked label {border: 1px solid #282828; color: #282828; font-weight: 700; box-shadow: 1px 2px 4px 0 #ccc;}

.vip-lpop-close {position: absolute; top: 23px; right: 20px; display: inline-block; border: 0; padding: 0; width: 15px; height: 15px;}
/* .vip-lpop-close:after {display: inline-block;content: "\00d7"; font-size: 20px; } */
.vip-lpop-close:before, .vip-lpop-close:after {position: absolute; left: 7px; content:' '; height: 15px; width: 1px; background-color: #282828;}
.vip-lpop-close:before {transform: rotate(45deg);}
.vip-lpop-close:after {transform: rotate(-45deg);}

/* 서브 메인 추가 모듈 */
.vip-additional-type.vip-prd-wrap {padding: 0 15px;}
.vip-additional-type .swiper-slide {background-color: #fff; border-radius: 5px; padding-bottom: 18px;}
.vip-additional-type .swiper-slide .vip-image-box img {border-radius: 5px 5px 0 0;}
.vip-additional-type .swiper-slide .vip-image-box {border-radius: 0;}
.vip-additional-type .vip-prd-area .swiper-slide [class^='vip-prd-'] {padding: 7px 100px 0 18px; color: #282828; font-weight: 400;}
.vip-additional-type .vip-prd-area .swiper-slide [class^='vip-prd-']:nth-child(2) {padding-top: 18px}
.vip-additional-type .vip-prd-area li .vip-image-box + .vip-prd-txt {margin-top: 0;}
.vip-additional-type li .vip-image-box + .vip-prd-txt,
.vip-additional-type .swiper-slide .vip-prd-txt,
.vip-additional-type .swiper-slide .vip-prd-price {font-size: 16px; color: #282828}
.vip-additional-type .vip-prd-area .swiper-slide .vip-prd-txt2 {/*font-weight: 100;*/ padding-top: 12px;}
.vip-additional-type .swiper-pagination.swiper-pagination-progressbar {position: static; margin-top: 15px;}

/*** 브랜드 페이지 - 브랜드 ***/
.vipwrap-brandlist {overflow: hidden}
.vipwrap-brandlist .cb-util-title {border: 0;}
.vipwrap-brandlist .vip-brand-store-wrap .vip-brand-store-navi li {border-bottom: 1px solid #ccc;}
.vipwrap-brandlist .vip-brand-store-wrap .vip-brand-store-navi li.current a {background: #fff; color: #282828; border-bottom: 1px solid #282828;}
.vipwrap-brandlist .vip-brand-store-wrap .vip-brand-store-navi li.current {border-color: #282828;}
.vipwrap-brandlist .vip-brand-store-wrap .vip-brand-store-navi {border: 0;}
.vipwrap-brandlist.from-vip-submian .cb-util-title h2 em {display: inline-block}
.vipwrap-brandlist.from-vip-submian .cb-util-title .btn-brand-home,
.vipwrap-brandlist.from-vip-submian .vip-tab-1depth {display: block;}
.vipwrap-brandlist .cb-util-title h2 em,
.vipwrap-brandlist .cb-util-title .btn-brand-home,
.vipwrap-brandlist .vip-tab-1depth,
.vipwrap-brandlist.from-vip-submian .vipwrap-brand-mdpick {display: none;}
.vipwrap-brandlist .btn-brand-home {clip: rect(0, 20px, 20px, 0); width: 20px; height: 20px; overflow: hidden; white-space: nowrap; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.vipwrap-brandlist .btn-brand-home::before {display: block; content: ''; background: url('../images/vip/ico-vip-brandhome.png') 0 0/20px 20px no-repeat; clip: rect(0, 20px, 20px, 0); width: 20px; height: 20px; }

.vipwrap-brandlist-wrap {margin-top: 30px; padding-left: 15px;overflow: hidden;}
.from-vip-submian .vipwrap-brandlist-wrap {margin-top: 15px;}

/* .vipwrap-brandlist-wrap .vip-inner-list {gap: 10px;} */
.vip-brandlist-tab,
.vip-brandlist-subtab {width: auto;}
.vip-brandlist-tab a,
.vip-brandlist-subtab a {display: block; padding: 0 15px; background: #f0f0f0; border-radius: 15px; min-width: 70px; width: 100%; height: 31px; line-height: 31px; text-align: center; color: #777; font-size: 12px;}
.vip-brandlist-tab.vip-active a,
.vip-brandlist-subtab.vip-active a {color: #fff; background: #282828}
.from-vip-submian .vipwrap-brandlist-wrap + .vip-tab-2depth {margin-top: 12px;}
.from-vip-submian .vip-tab-2depth {border: 1px solid #f0f0f0; height: 40px;}
.from-vip-submian .vip-tab-2depth .vip-inner-list {justify-content: center}
.from-vip-submian .vip-brandlist-subtab a {display: block; padding: 0 15px; height: 40px; min-width: auto; line-height: 40px; text-align: center; color: #777; font-size: 12px; background: none;}
.from-vip-submian .vip-brandlist-subtab.vip-active a {color: #282828; font-weight: 600;}

.vip-flex-start.vip-tab-2depth .vip-inner-list {justify-content: flex-start;}

.vipwrap-sortarea {display: flex; margin: 40px 15px 0; justify-content: space-between; font-size: 13px;}
.vip-sort-area {display: flex; align-items: center;}
.vip-sort-area::after {display: block; content: ''; width: 12px; height: 7px; margin-left: 5px; background: center/12px 7px url(../images/vip/ico-vip-arrow-d.png) no-repeat; }

.vipwrap-brand-all .vipwrap-product-brand {display: none;}
.vipwrap-brand-all .vipwrap-product-brand.vip-active {display: block;}
.vipwrap-brand-all .vipwrap-product-brand .vip-prd-wrap {margin-top: 15px}
.vipwrap-brand-all .vipwrap-product-brand .vip-prd-area {row-gap: 15px;}
.vipwrap-brand-all .vipwrap-product-brand .vip-prd-area li .vip-image-box .vip-image-inner {background-color: #f0f0f0;}
.vipwrap-brand-all .vipwrap-product-brand .vip-prd-area li .vip-prd-txt {position: relative; color: #282828; line-height: 1.4; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.vipwrap-brand-mdpick {padding: 40px 15px 60px; border-bottom: 8px solid #f0f0f0;}
.vipwrap-brand-mdpick .vip-tit-lv3 {font-size: 32px; color: #282828;}

.vipwrap-brand-mdpick .vip-mdpick-wrap {margin: 30px 0 0; position: relative;}
.vipwrap-brand-mdpick .vip-brand-info {display: flex; align-items: center; gap: 15px; margin-top: 37px;}
.vipwrap-brand-mdpick .vip-brand-info .vip-image-box {width: 80px; height: 80px; padding-bottom: 0; border-radius: 40px; background: #f7f7f7; border: 1px solid #f0f0f0;}
.vipwrap-brand-mdpick .vip-brand-info .vip-image-box img {object-fit: contain; padding: 10px;}
.vipwrap-brand-mdpick .vip-brand-txt {width: calc(100% - 80px - 15px)}
.vipwrap-brand-mdpick .vip-brand-tit {font-size: 16px; color: #282828; font-weight: 400; text-transform: uppercase;}
.vipwrap-brand-mdpick .vip-brand-subtit {font-size: 12px; margin-top: 5px; line-height: 1.4}
.vipwrap-brand-mdpick .swiper-pagination-progressbar {top: unset; left: 0; right: 0; bottom: 0; width: auto; height: 2px; background: rgba(0, 0, 0, .1)}
.vipwrap-brand-mdpick .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #282828;}

.vipwrap-brand-mdpick .vip-brand-txt {position: relative;}

.vip-no-prograss .vip-brand-info {margin-top: 20px;}
.vip-no-prograss .swiper-pagination-progressbar {display: none;}



/****************** RSVP 플래그 ****************/
/***** https://image.thehyundai.com/mo/cssssl/co.css ******/
.product-list .prod-unit .top-flag span.flag-rsvp {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 42px; height: 16px; overflow: hidden; padding: 0; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 8px;}
.product-list .prod-unit .top-flag span.flag-rsvp:before {content: ''; display: block; width: 40px; height: 14px; background: url(../images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;} /* 백그라운드 이미지 스프라이트에 넣어야 하는지 확인 */

.product-list .prod-unit .top-flag span.flag-rsvp,
.product-list .prod-unit .zero-info,
.product-list .prod-unit.zero-prd .price-info {display: none !important} /* https://image.thehyundai.com/mo/cssssl/sb.css : line num 16 <.top-flag span {float:left;display:flex !important;~ > 삭제 가능한지 확인 20230613 */
.product-list .prod-unit.prd-rsvp-only .top-flag .flag-rsvp,
.product-list .prod-unit.zero-prd .zero-info {display: block !important}
.product-list .prod-unit.zero-prd span.zero-info {font-size: 16px; font-weight: 700}
.product-list.type-grid-s .prod-unit.zero-prd span.zero-info {height: 45px; margin-bottom: 6px;}

/***** https://image.thehyundai.com/mo/cssssl/main_new.css ******/
/* gift, new */
.cpt-selection .goods-area.type-small ul li .wrap-flagarea,
.cpt-selection .goods-area.type-small ul li .info-box .zero-info,
.cpt-selection .goods-area.type-small ul li.zero-prd .info-box .price {display: none}
.cpt-selection .goods-area.type-small ul li.prd-rsvp-only .wrap-flagarea,
.cpt-selection .goods-area.type-small ul li.zero-prd .info-box .zero-info {display: block}

.cpt-selection .goods-area.type-small ul li .info-box .zero-info {margin-top: 20px; font-size: 13px; color: #000; font-family: "Noto Sans Korean";}
.cpt-selection .goods-area.type-small ul li .wrap-flagarea {position: absolute; top: -19px; left: 5px; z-index: 10;}
.cpt-selection .goods-area.type-small ul li:nth-child(2n-1) .wrap-flagarea {left: 0}
.cpt-selection .goods-area.type-small ul li .wrap-flagarea .flag-rsvp  {display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 8px;}
.cpt-selection .goods-area.type-small ul li .wrap-flagarea .flag-rsvp:before {content: ''; display: block; width: 40px; height: 14px; background: url(../images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;}



/****** https://image.thehyundai.com/mo/cssssl/sb.css  ******/
/* category */
.sb-shop .goods-area .goods-list .wrap-flagarea,
.sb-shop .goods-area .goods-list .zero-info {display: none;}
.sb-shop .goods-area .goods-list .wrap-flagarea .flag-rsvp  {display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 8px;}
.sb-shop .goods-area .goods-list .wrap-flagarea .flag-rsvp::before {content: ''; display: block; width: 40px; height: 14px; background: url(../images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;}
.sb-shop .goods-area .goods-list.viewtype-list .zero-prd .thum-pricd,
.sb-shop .goods-area .goods-list.viewtype-grid .zero-prd .thum-pricd,
.sb-shop .goods-area .goods-list.viewtype-big .zero-prd .thum-pricd {display: none;}
.sb-shop .goods-area .goods-list.viewtype-list .zero-prd .zero-info,
.sb-shop .goods-area .goods-list.viewtype-grid .zero-prd .zero-info,
.sb-shop .goods-area .goods-list.viewtype-big .zero-prd .zero-info {display: block;}
.sb-shop .goods-area .goods-list.viewtype-grid a,
.sb-shop .goods-area .goods-list.viewtype-big a {position: relative;}
.sb-shop .goods-area .goods-list.viewtype-list .prd-rsvp-only a {display: flex; align-items: center;}
.sb-shop .goods-area .goods-list.viewtype-list .prd-rsvp-only .thum-txt {position: relative; display: block}
.sb-shop .goods-area .goods-list.viewtype-list .prd-rsvp-only .wrap-flagarea {display: block; position: absolute; top: -28px; left: 5px;}
.sb-shop .goods-area .goods-list.viewtype-grid .prd-rsvp-only .wrap-flagarea,
.sb-shop .goods-area .goods-list.viewtype-big .prd-rsvp-only .wrap-flagarea {display: block; position: absolute; top: 0; left: 5px;}
.sb-shop .goods-area .goods-list.viewtype-grid .zero-prd .zero-info {display: block;}
.sb-shop .goods-area .goods-list.viewtype-big .prd-rsvp-only .wrap-flagarea {top: 25px; left: 15px;}

/* category > 화장품 > 디올 */
.sb-shop-type8 .sb-product-list .item .wrap-flagarea,
.sb-shop-type8 .sb-product-list .item .zero-info {display: none;}
.sb-shop-type8 .sb-product-list .item .wrap-flagarea .flag-rsvp  {display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 8px;}
.sb-shop-type8 .sb-product-list .item .wrap-flagarea .flag-rsvp::before {content: ''; display: block; width: 40px; height: 14px; background: url(../images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;}
.sb-shop-type8 .sb-product-list .item.zero-prd .thum-pricd {display: none;}
.sb-shop-type8 .sb-product-list .item.zero-prd .zero-info {display: block;}
.sb-shop-type8 .sb-product-list .item.prd-rsvp-only .wrap-flagarea {display: block; position: absolute; top: 0; left: 0;}


/****** https://m.thehyundai.com/cssssl/ehd.css ******/
/* showroom */
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li .wrap-flagarea,
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li .info-box .zero-info,
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li.zero-prd .info-box .price {display: none}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li.prd-rsvp-only .wrap-flagarea,
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li.zero-prd .info-box .zero-info {display: block}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li.prd-rsvp-only .ehd-prd-unit {position: relative;}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li .info-box .zero-info {margin-top: 15px; font-size: 13px; font-family: "Noto Sans Korean";}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li .wrap-flagarea {position: absolute; top: -19px; left: 5px; z-index: 10;}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li:nth-child(2n-1) .wrap-flagarea {left: 0}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li .wrap-flagarea .flag-rsvp  {display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 8px;}
#ehyundai-brandstore-wrap .ehyundai-brandstore-goods.type-b .goods-list li .wrap-flagarea .flag-rsvp::before {content: ''; display: block; width: 40px; height: 14px; background: url(../images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;}

/****** https://m.thehyundai.com/cssssl/live.css ******/
/* 라이브 */
.cpt-live-new .in-slide-box .swiper-wrapper .in-swape-unit .wrap-flagarea {display: none;}
.cpt-live-new .in-slide-box .swiper-wrapper .in-swape-unit.prd-rsvp-only .wrap-flagarea {display: block; position: absolute; bottom: 130px; left: 12px; z-index: 11;}
.cpt-live-new .in-slide-box .swiper-wrapper .in-swape-unit .wrap-flagarea .flag-rsvp  {display: block; width: 46px; height: 20px; overflow: hidden; padding: 0; border:1px solid #fff; border-radius: 10px;}
.cpt-live-new .in-slide-box .swiper-wrapper .in-swape-unit .wrap-flagarea .flag-rsvp::before {content: ''; display: block; width: 44px; height: 18px; background: url(../images/vip/logo_rsvp_w.png) 50%/calc(115px / 4) 10px no-repeat;}

.cpt-live-comming .in-number.prd-rsvp-only {position: relative; margin-bottom: 16px}
.cpt-live-comming .in-number .wrap-flagarea {display: none;}
.cpt-live-comming .in-number.prd-rsvp-only .wrap-flagarea {display: block; position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%); z-index: 10;}
.cpt-live-comming .in-number .wrap-flagarea .flag-rsvp  {display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff;}
.cpt-live-comming .in-number .wrap-flagarea .flag-rsvp::before {content: ''; display: block; width: 42px; height: 16px; background: url(../images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;}

/* https://m.thehyundai.com/cssssl/live.css : 88줄 관련 수정 */
.cpt-live-comming .in-comming-calendar {overflow: unset;}
.cpt-live-comming .in-comming-calendar::after {display: block; content: ''; line-height: 0; clear: both;}