@charset "utf-8";
:root {
    /* figma 기준 */
    --point_pink: #F20084;
    --point_red: #DA0000;
    --point_yellow: #FCFF56;
    --white: #fff;
    --white1_5: rgba(255,255,255,.15);
    --white3: rgba(255,255,255,.3);
    --gray_01: #F8F8F8;
    --gray_02: #EEE;
    --gray_03: #DDD;
    --gray_04: #AAA;
    --gray_05: #999;
    --gray_06: #555;
    --gray_07: #555;
    --gray_08: #111;
    --black: #000;
    --black1: rgba(0,0,0,.1);
    --black2: rgba(0,0,0,.2);
    --black3: rgba(0,0,0,.3);
    --black6: rgba(0,0,0,.6);
    --no-bg: transparent;
}


/*
    상단 레이아웃 
----------------------------------------- */
.center-wrap {width: 100%;}
@media screen and (max-width: 1500px) {
    .gnb > ul > li > a {font-size:18px;}
    .gnb-left + .gnb::before {margin: 0 20px; height: 13px;}
}
/*
    메인 레이아웃
----------------------------------------- */
#contents {margin:0 auto; min-width:auto; max-width: 1920px; width: 100%;}
.main_layout {position: relative; display: flex; justify-content: end; gap:0; margin-top: 20px; padding:0 46px; width: 100%; min-width: 1320px;}
@media screen and (min-width: 1321px){
    .main_layout {padding-bottom: 4.69vw;}
}
@media screen and (max-width: 1320px){
    .main_layout {padding-bottom: 62px;}
}

/* visual */
.main_visual {flex-shrink: 0; position: relative; width: 31.729%;}
.main_visual .main_visual_inner {overflow: hidden auto; position: sticky; top: 70px; width: 100%; transition: top .3s;}
.main_visual .main_visual_inner.static {padding-bottom: 0;}
.main_visual .main_visual_inner::-webkit-scrollbar {display: none;}
.main_visual .main_visual_inner.absolute {position: absolute; top: auto; bottom: 0; left: 50%; margin-left: -50%; padding-bottom: 0; width: 100%; height: auto;}
@media screen and (min-width: 1321px){
    .main_visual .main_visual_inner {padding-bottom: 2.60vw; height: calc(100vh - 4.69vw);}
}
@media screen and (max-width: 1320px){
    .main_visual .main_visual_inner {padding-bottom: 34px; height: calc(100vh - 62px);}
}
/* contents */
.main_conts_box {width: calc(100% - 31.729%);}
.main_unit_sizer {display: inline-block; width: 50%;}
.main_unit_wrap {overflow: hidden; display: inline-block; vertical-align: top; padding-left: 2.725%; width: 50%;}
@media screen and (min-width: 1321px){
    .main_unit_wrap {margin: 0 0 2.60vw;} /* #10495 */
}
@media screen and (max-width: 1320px){
    .main_unit_wrap {margin: 0 0 34px;} /* #10495 */
}

/*
    메인 콘테츠
--------------------------------------------------------------------------------------------------------------------------- */
/* ------- main viisual ------- */
/* mainVisual */
/* #8529 :start */
.mainVisual {position: relative; overflow-x: hidden;}
.mainVisual .swiper-slide {overflow: hidden; will-change: auto;}
.mainVisual .swiper-slide a {display: block; position: relative; aspect-ratio: 3 /4;}
.mainVisual .imgWrap ,
.mainVisual .videoWrap {position: relative; top: 0; left: 0; z-index:2; width: 100%; height: 100%; background-size: cover; object-fit: cover; object-position: center top;}
.mainVisual .imgWrap img ,
.mainVisual .videoWrap video ,
.mainVisual .videoWrap iframe {position:relative; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; pointer-events: none;}
/* #8529 :end */

.swiper-pagination-custom {position: absolute; left: unset; width: auto; line-height: 1; z-index: 1; display:inline-flex; align-items: center; background: var(--black3); color: var(--white); font-weight: 400;}
.swiper-pagination-custom .current {font-weight: 500;}
.swiper-pagination-custom .total {font-weight: 300;}
.swiper-pagination-custom::after {content: ''; display: inline-block; background: url(../img/icon_plus_white_14.png) no-repeat center center/ auto 100%; display: none;}

.mainVisual .badge_group {position: absolute; top: 0; display: flex; flex-direction: column; width: 100%; z-index: 1;}
.mainVisual .badge_set .badge_item p {overflow: hidden; position: relative; display: inline-block; vertical-align: top; max-width: 90%; background: #000; color: var(--white); font-weight: 300; text-overflow: ellipsis; white-space: nowrap;} /* font-weight 500 > 300 */
.mainVisual .badge_set .badge_item p::before {content: ''; position: absolute; top: 0; left: 0; display: block; height: 100%; background: var(--point_pink);}
.mainVisual .badge_set .badge_item:first-child p::after {content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; background: var(--point_pink);}
.mainVisual .badge_set .badge_item {width: 100%;}
.mainVisual .badge_set .badge_item.main { line-height: 0;}
.mainVisual .badge_set .badge_item.main p {font-weight: 400;} /* font-weight 700 > 400 */
.badge_group .badge_item {animation: none;}
.badge_group .badge_item p {display: inline-block; letter-spacing: -0.5px; animation: none; opacity: 1;}
.badge_group .badge_item p span {display: inline-block; letter-spacing: -0.5px; opacity: 0;}
.badge_group .badge_item p span.blank {display: inline-block;}
.badge_group .badge_item p span.fadein-text {
    animation: fadein-text 0.4s ease-out 0s 1 normal forwards;
}
@keyframes fadein-text {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@media screen and (min-width: 1321px){
    .mainVisual {padding-top: 3.85vw;}
    .swiper-pagination-custom {right: 1.04vw; bottom: 1.35vw; height: 1.88vw; padding: 0 0.83vw; border-radius: 5.21vw; font-size: 0.83vw;}
    .swiper-pagination-custom .current {margin-right: 0.26vw;}
    .swiper-pagination-custom .total {margin-left: 0.26vw;}
    .swiper-pagination-custom::after {width: 0.78vw; height: 0.78vw; margin-left: 0.42vw;}
    .mainVisual .badge_set .badge_item p {padding: 0 1.25vw; height: 3.13vw; font-size: 1.25vw; line-height: 3.13vw;}
    .mainVisual .badge_set .badge_item p::before {width: 0.21vw;}
    .mainVisual .badge_set .badge_item:first-child p::after {height: 0.21vw;}
    .mainVisual .badge_set .badge_item.main p {height: 3.85vw; font-size: 2.08vw; line-height: 3.65vw;}
    .badge_group .badge_item p span.blank {width: 0.26vw;}
}
@media screen and (max-width: 1320px){
    .mainVisual {padding-top: 51px;}
    .swiper-pagination-custom {right: 14px; bottom: 18px; height: 25px; padding: 0 11px; border-radius: 69px; font-size: 11px;}
    .swiper-pagination-custom .current {margin-right: 3px;}
    .swiper-pagination-custom .total {margin-left: 3px;}
    .swiper-pagination-custom::after {width: 10px; height: 10px; margin-left: 6px;}
    .mainVisual .badge_set .badge_item p {padding: 0 17px; height: 41px; font-size: 17px; line-height: 41px;}
    .mainVisual .badge_set .badge_item p::before {width: 3px;}
    .mainVisual .badge_set .badge_item:first-child p::after {height: 3px;}
    .mainVisual .badge_set .badge_item.main p {height: 51px; font-size: 27px; line-height: 48px;}
    .badge_group .badge_item p span.blank {width: 3px;}
}

/* slim_banner */
.slim_banner {overflow: hidden; display: block;}
.slim_banner a.swiper-slide {display: flex; justify-content: space-between; align-items: center; width: 100%; background: var(--point_pink);}
.slim_banner a.swiper-slide .slogan {overflow: hidden; display: block; width:100%; font-weight: 700; color: var(--white); white-space: nowrap; text-overflow: ellipsis;}
.slim_banner a.swiper-slide .slogan strong {font-weight: 700; color: var(--point_yellow);}
.slim_banner a.swiper-slide img {flex-shrink: 0; width:auto;}
@media screen and (min-width: 1321px){
    .slim_banner {margin-top: 0.73vw;}
    .slim_banner a.swiper-slide {padding:0 1.56vw; height: 3.44vw;}
    .slim_banner a.swiper-slide .slogan {font-size: 1.15vw;}
    .slim_banner a.swiper-slide img {height:0.83vw;}
}
@media screen and (max-width: 1320px){
    .slim_banner {margin-top: 10px;}
    .slim_banner a.swiper-slide {padding:0 21px; height: 45px;}
    .slim_banner a.swiper-slide .slogan {font-size: 15px;}
    .slim_banner a.swiper-slide img {height:11px;}
}


/* ------- main unit ------- */
.main_unit {overflow: hidden;}
.main_unit.gray-bg {background: var(--gray_01);}
@media screen and (min-width: 1321px){
    .main_unit.gray-bg {padding:1.67vw 1.04vw 2.08vw;}
}
@media screen and (max-width: 1320px){
    .main_unit.gray-bg {padding:22px 14px 27px;}
}

/* swiper arrow */
*[class*="swiper-container"] {position: relative;}
.main .arrow {position: absolute; top: 50%; z-index: 3; background: var(--white1_5);}
.main .arrow:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/arrow_white.png') no-repeat center center;}
.main .swiper-button-prev {left: 0;}
.main .swiper-button-next {right: 0;}
.main .swiper-button-prev:after {transform: rotate(-180deg);}
.main .arrow.swiper-button-disabled {opacity: 0;}
/* swiper scrollbar */
.main .swiper-scrollbar {position: relative; bottom: auto; left: auto; display: block; width: 100%; height: 3px; border-radius: 0; background: var(--no-bg);}
.main .swiper-scrollbar::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--black1);}
.main .swiper-scrollbar-drag {position: absolute; top: auto; bottom: 0; height: 3px; border-radius: 0; background: var(--gray_08);} /* #10495 */
/* tabs controller */
.main *[class*="_tabs"] {position: relative; width: 100%; font-size: 0;}
.main *[class*="_tabs"] ul {display: inline-block; font-size: 0; white-space: nowrap;}
.main *[class*="_tabs"] .list {display: inline-block; vertical-align: top;}
.main *[class*="_tabs"] .list:last-child {margin-right: 0;}
.main .tabs-arrow {position: absolute; top: 50%; z-index: 3; background: transparent; font-size: 0; display: none;}
.main .tabs-arrow::after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/arrow_dark_gray.png') no-repeat right center;}
.main .tabs-prev {display: none; left: 0;}
.main .tabs-next {right: 0;}
.main .tabs-prev::after {transform: rotate(-180deg);}
.main .tabs-prev.bg-wh {background: linear-gradient(to left, rgba(255,255,255,.0) 0%, var(--white) 60%);}
.main .tabs-next.bg-wh {background: linear-gradient(to right, rgba(255,255,255,.0) 0%, var(--white) 60%);}
.main .tabs-prev.bg-g {background: linear-gradient(to left, rgba(248,248,248,.0) 0%, var(--gray_01) 60%);}
.main .tabs-next.bg-g {background: linear-gradient(to right, rgba(248,248,248,.0) 0%, var(--gray_01) 60%);}
@media screen and (min-width: 1321px){
    .main .arrow {width: 2.19vw; height: 2.19vw;}
    .main .arrow:after {background-size: auto 0.73vw;}
    .main .swiper-scrollbar {margin-top: 1.09vw;}
    .main .tabs-arrow {margin-top: -1.09vw; width: 2.19vw; height: 2.19vw;}
    .main .tabs-arrow::after {background-size: auto 0.73vw;}
}
@media screen and (max-width: 1320px){
    .main .arrow {width: 29px; height: 29px;}
    .main .arrow:after {background-size: auto 10px;}
    .main .swiper-scrollbar {margin-top: 14px;}
    .main .tabs-arrow {margin-top: -14px; width: 29px; height: 29px;}
    .main .tabs-arrow::after {background-size: 10px;}
}

/* 메인 콘텐츠 타이틀 */
.main .page-top {display: flex; justify-content: space-between;}
.main .page-top .page-sub-title {font-weight: 500; line-height: 1.3335; color: var(--gray_08);} /* #10495 */
.main .page-top .page-sub-title strong {font-weight: 700;}
.main .page-top .page-sub-title .point_color {font-weight: 400; color: var(--point_pink);}
.main .page-top .btn-group {display: block; margin: auto 0 0 auto;}
.main .page-top .btn-group .btn-more::after {display: none;}
.main .page-top .btn-group .refresh {display: block; background: url('../img/new_icon_refresh.png') no-repeat center center; font-size: 0;}
.main .page-top .btn-group .line {display: flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid var(--gray_02); font-weight: 500; color: var(--gray_08);}
/* #10360 :S */
.main_unit .page-top:has(+ .line_tabs) {margin-bottom: 0;}
/* #10360 :E */
@media screen and (min-width: 1321px){
    .main .page-top {margin-bottom: 1.04vw;}
    .main .page-top .page-sub-title {font-size: 1.56vw;}
    .main .page-top .btn-group .refresh {width: 1.15vw; height: 1.15vw; background-size: auto 0.94vw;}
    .main .page-top .btn-group .line {width: 3.59vw; height: 2.08vw; font-size: 0.73vw;}
}
@media screen and (max-width: 1320px){
    .main .page-top {margin-bottom: 14px;}
    .main .page-top .page-sub-title {font-size: 21px;}
    .main .page-top .btn-group .refresh {width: 15px; height: 15px; background-size: auto 12px;}
    .main .page-top .btn-group .line {width: 47px; height: 27px; font-size: 10px;}
}

/* 상품리스트 */
.main .swiper {overflow: hidden; width: 100%;}
.main .prd-list {flex-wrap:nowrap;}
.main .gray-bg .swiper {overflow: hidden;}
.main .n3 .prd-list {transform: none !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.main .prd-list li a {display: block;}
.main .prd-list .prd-img {overflow: hidden; position: relative;}
.main .prd-list .prd-img:before {display: none;}
.main .prd-list .prd-img .ratio {position: relative; padding-top: 132.93%;}
.main .prd-list .prd-img .ratio:before {display: none;}
.main .prd-list .prd-img .ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position:    center top;}
.main .prd-list .prd-info {}
.main .prd-list .prd-info .brand {font-weight: 500; color: var(--gray_08);}
.main .prd-list .prd-price {display: flex; flex-direction: row-reverse; justify-content: start; align-items: center; font-weight: 300; color: var(--gray_08);}
.main .prd-list .prd-price strong {font-weight: 300;}
.main .prd-list .prd-price .discount {color: var(--point_pink);}
@media screen and (min-width: 1321px){
    .main .n3 .prd-list {gap: 1.56vw 0.21vw;}
    .main .prd-list .prd-info {margin-top: 0.78vw;}
    .main .prd-list .prd-info .brand {font-size: 0.73vw;}
    .main .prd-list .prd-price {margin-top: 0.47vw; font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .main .n3 .prd-list {gap: 21px 3px;}
    .main .prd-list .prd-info {margin-top: 10px;}
    .main .prd-list .prd-info .brand {font-size: 10px;}
    .main .prd-list .prd-price {margin-top: 6px; font-size: 11px;}
}

/* row */
.main .prd-list.row {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr));}
.main .prd-list.row li {position: relative; display: flex; justify-content: space-between; align-items: center;}
.main .prd-list.row li::after {content: ''; position: absolute; height: 1px; background:var(--gray_02);}
.main .prd-list.row li a {display: flex; align-items: center;}
.main .prd-list.row .prd-img {flex-shrink: 0;}
.main .prd-list.row .prd-info {margin: 0;  box-sizing: border-box;}
.main .prd-list.row .prd-info .brand {font-weight: 500;}
.main .prd-list.row .prd-info .name {}
.main .prd-list.row .prd-info .name .tx-ovf {display: block; font-weight: 400; color: var(--gray_07);}
.main .prd-list.row .prd-price {}
.main .prd-list.row button {flex-shrink: 0;}
/* 랭킹 number */
.main .badge.num {display: flex; justify-content: center; align-items: center; padding: 0; width: 1.46vw; height: 1.46vw; border-radius: 0; background: var(--gray_08); font-weight: 700; font-size: 0.73vw; line-height: 1.46vw; color: var(--white);}
/* wish */
.main .prd-list .btn-wish {position: absolute; z-index: 4; top: 0.42vw; right: 0.52vw; width: 1.04vw; height: 1.04vw; background: url('../img/like_new_g.png') no-repeat center center/auto 100%;}
.main .prd-list .btn-wish.on {width: 1.04vw; height: 1.04vw; background: url('../img/like_new_w_checked.png') no-repeat center center/auto 100% !important;}
.main .prd-list.row .btn-wish.on {position: relative; top: auto; right: auto;}
@media screen and (min-width: 1321px){
    .main .prd-list.row {gap: 1.30vw 0; margin-top: 1.25vw;}
    .main .prd-list.row li {padding:0 1.04vw 0 0.68vw;}
    .main .prd-list.row li::after {bottom: -0.68vw; left: 0.68vw; width: calc(100% - 1.72vw);}
    .main .prd-list.row li a {width: calc(100% - 1.04vw);}
    .main .prd-list.row .prd-img {width: 4.06vw;}
    .main .prd-list.row .prd-info {padding: 0 0.83vw; max-width: calc(100% - 4.06vw);}
    .main .prd-list.row .prd-info .brand {font-size: 0.83vw;}
    .main .prd-list.row .prd-info .name {margin-top: 0.36vw;}
    .main .prd-list.row .prd-info .name .tx-ovf {font-size: 0.73vw;}
    .main .prd-list.row .prd-price {margin-top: 0.57vw;}
}
@media screen and (max-width: 1320px){
    .main .prd-list.row {gap: 17px 0; margin-top: 17px;}
    .main .prd-list.row li {padding:0 14px 0 9px;}
    .main .prd-list.row li::after {bottom: -9px; left: 9px; width: calc(100% - 23px);}
    .main .prd-list.row li a {width: calc(100% - 14px);}
    .main .prd-list.row .prd-img {width: 54px;}
    .main .prd-list.row .prd-info {padding: 0 11px; max-width: calc(100% - 54px);}
    .main .prd-list.row .prd-info .brand {font-size: 11px;}
    .main .prd-list.row .prd-info .name {margin-top: 5px;}
    .main .prd-list.row .prd-info .name .tx-ovf {font-size: 10px;}
    .main .prd-list.row .prd-price {margin-top: 8px;}
}

/* 기획전 */
.main .exh-list ul {flex-wrap: nowrap;}
.main .exh-list ul li a {display: block;}
.main .exh-list .img .ratio {overflow: hidden; position: relative; padding-top: 133.2%;}
.main .exh-list .img .ratio:before {display: none;}
.main .exh-list .img .ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.main .exh-list .title .tx-ovf {display: block; font-weight: 500; color: var(--gray_08);}
.main .exh-list .txt .tx-ovf {font-weight: 400; color: var(--gray_07);}
@media screen and (min-width: 1321px){
    .main .exh-list .info {margin-top: 1.04vw;}
    .main .exh-list .title .tx-ovf {font-size: 1.25vw;}
    .main .exh-list .txt {margin-top: 0.26vw;}
    .main .exh-list .txt .tx-ovf {font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .main .exh-list .info {margin-top: 14px;}
    .main .exh-list .title .tx-ovf {font-size: 17px;}
    .main .exh-list .txt {margin-top: 3px;}
    .main .exh-list .txt .tx-ovf {font-size: 11px;}
}

/* 브랜드리스트 */
.top_brand_list {overflow: hidden;}
.top_brand_list .swiper-slide {position: relative;}
.top_brand_list a {display: block;}
.top_brand_list .thumb_area {position: relative; padding-top: 133%;}
.top_brand_list .thumb_area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.top_brand_list .info_area {position: absolute; top: 0; left: 0; padding: 1.35vw 1.04vw; width: 100%;}
.top_brand_list .info_area .main_title {font-weight: 700; color: var(--gray_08);}
.top_brand_list .info_area .main_title.white {color: var(--white);}
.top_brand_list .info_area .main_title + .sub {margin-top: 0.52vw; font-weight: 400; color: var(--gray_08);}
.top_brand_list .info_area .main_title + .sub.white {color: var(--white);}
.top_brand_list .info_area button {position: absolute; z-index: 2; background: url('../img/icon_down_new.png') no-repeat right bottom;}
.top_brand_list .top_brand_thumb {overflow: hidden; position: absolute;}
@media screen and (min-width: 1321px){
    .top_brand_list .info_area .main_title {font-size: 1.56vw;}
    .top_brand_list .info_area .main_title + .sub {font-size: 0.83vw;}
    .top_brand_list .info_area button {bottom: 1.46vw; right: 1.04vw; width: 0.83vw; height: 0.83vw; background-size: auto 0.83vw;}
    .top_brand_list .top_brand_thumb {left: 1.04vw; bottom: 1.04vw; width: calc(100% - 1.04vw);}
}
@media screen and (max-width: 1320px){
    .top_brand_list .info_area .main_title {font-size: 21px;}
    .top_brand_list .info_area .main_title + .sub {font-size: 11px;}
    .top_brand_list .info_area button {bottom: 19px; right: 14px; width: 11px; height: 11px; background-size: auto 11px;}
    .top_brand_list .top_brand_thumb {left: 14px; bottom: 14px; width: calc(100% - 14px);}
}

/* tab - brand */
.brand_tabs {position: relative;}
.brand_tabs .tabs-arrow {top: 0; right: 0; margin-top: 0; margin-right: 0;}
.brand_tabs .list .thumb_area {overflow: hidden; position: relative; display: block;}
.brand_tabs .list .thumb_area img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center top;}
.brand_tabs .list .txt {overflow: hidden; display: block; width: 100%; font-weight: 500; color: var(--gray_06); text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.brand_tabs .list.on .thumb_area:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--gray_06); box-sizing: border-box; border-radius: 50%;}
.brand_tabs .list.on .txt {color: var(--gray_08);}

.main .brand_tabs .tabs-arrow {height: 100%;}
.main .brand_tabs .tabs-arrow::after {height: 74.5%;}

.btn_full_more {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 2.08vw; border: 1px solid var(--gray_02); font-weight: 500; color: var(--gray_08);}
@media screen and (min-width: 1321px){
    .brand_tabs {margin-bottom: 1.04vw; width: calc(100% - 2.19vw);}
    .brand_tabs .tabs-arrow {height: 4.27vw;}
    .brand_tabs .list {margin-right: 0.63vw;}
    .brand_tabs .list .thumb_area {width: 4.27vw; height: 4.27vw;}
    .brand_tabs .list .txt {margin: 0.42vw auto 0; max-width: 4.27vw; font-size: 0.73vw;}
    .btn_full_more {margin: 1.04vw 0 0; padding:0 0.83vw; font-size: 0.73vw;} /* 20260325 #10360 */
    .btn_full_more img {height: 0.73vw;}
}
@media screen and (max-width: 1320px){
    .brand_tabs {margin-bottom: 14px; width: calc(100% - 29px);}
    .brand_tabs .tabs-arrow {height: 56px;}
    .brand_tabs .list {margin-right: 8px;}
    .brand_tabs .list .thumb_area {width: 56px; height: 56px;}
    .brand_tabs .list .txt {margin: 6px auto 0; max-width: 56px; font-size: 10px;}
    .btn_full_more {margin: 14px 0 0; padding:0 11px; font-size: 10px;} /* 20260325 #10360 */
    .btn_full_more img {height: 10px;}
}

/* #10495 pm3 :S */
/* tab - brand 장바구니 담은 ~ 아이템 */
.cart_tabs .list {position: relative; margin-right: 4px;}
.cart_tabs .list.on::before {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #000;}
.cart_tabs .list .thumb_area {width: 100px; height: auto; aspect-ratio: 3/4;}
.cart_tabs .list .thumb_area img {border-radius: 0;}
.cart_tabs .list.on .thumb_area:after {border-color: #000; border-radius: 0;}
@media screen and (min-width: 1321px){
    .cart_tabs .list.on::before {border-left: 0.31vw solid transparent; border-right: 0.31vw solid transparent; border-top: 0.36vw solid #000;}
}
@media screen and (max-width: 1320px){
    .cart_tabs .list.on::before {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000;}
}
/* #10495 pm3 :E */


/* tab - line */
.line_tabs {position: relative;}
.line_tabs::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--gray_02);}
.line_tabs .list {width: auto;}
.line_tabs a {position: relative; display: flex; align-items: center; padding: 0; font-weight: 400; color: var(--gray_06);}
.line_tabs .list.on a,
.line_tabs .swiper-slide-active a {font-weight: 700; color: var(--gray_08);}
.line_tabs .list.on a:after ,
.line_tabs .swiper-slide-active a:after {content: ''; position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 3px; background: var(--gray_08);}
@media screen and (min-width: 1321px){
    .line_tabs {margin-bottom: 1.04vw;}
    .line_tabs .list {margin-right: 1.04vw;}
    .line_tabs a {height: 2.19vw; font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .line_tabs {margin-bottom: 27px;}
    .line_tabs .list {margin-right: 14px;}
    .line_tabs a {height: 29px; font-size: 11px;}
}

/* tab - round */
.round_tabs {overflow: hidden;}
.round_tabs ul {}
.round_tabs .list {margin-right: 6px;}
.round_tabs .list a {display: flex; align-items: center; border-radius: 50px; box-sizing: border-box; border:1px solid var(--gray_03); font-weight: 400; color: var(--gray_06);}
.round_tabs .list.on a {border-color: var(--gray_08); background: var(--gray_08); color: var(--white);}
#unitListSwiper-keywordRealTime .prd-list .discount {display: none;}
@media screen and (min-width: 1321px){
    .round_tabs {overflow: hidden; margin-bottom: 2.08vw;}
    .round_tabs .list a {padding: 0 0.63vw; height: 2.08vw; font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .round_tabs { margin-bottom: 27px;}
    .round_tabs .list a {padding: 0 8px; height: 27px; font-size: 11px;}
}

/* 이벤트 */
.event_list .thumb_area {position: relative; padding-top: 127.2%;}
.event_list .thumb_area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.event_list .info_area {position: relative;}
.event_list .info_area::before {content: ''; position: absolute; left: 0; height: calc(100% - 9px); background: var(--gray_08);}
.event_list .info_area .title {font-weight: 700; color: var(--gray_08);}
.event_list .info_area .sub {font-weight: 400; color: var(--gray_07); word-break: keep-all;}
.event_list .info_area .date {display: flex; align-items: center; font-weight: 400; color: var(--gray_07); word-break: keep-all;}
.event_list .info_area .date .end {display: flex; align-items: center; border: 1px solid var(--gray_03)}
.event_list .prd-list .btn-wish {position: relative; top: auto; right: auto; background: url('../img/like_new_dg.png') no-repeat center center/auto 100%;}
/* tag */
.event_list .tag-group {position: absolute; bottom: 0; left: 0; z-index: 4; display: flex;}
.event_list .tag-group .tag {display: flex; align-items: center; background: var(--gray_08); font-weight: 500; color: var(--white);}
.event_list .tag-group .point {background: var(--point_pink);}
/* hash tag*/
.round_tags {display: flex; flex-wrap: wrap;}
.round_tags li a {display: flex; align-items: center; border-radius: 50px; box-sizing: border-box; border: 1px solid var(--gray_03); font-weight: 400; color: var(--gray_05);}
@media screen and (min-width: 1321px){
    .event_list .thumb_area {margin-bottom: 0.94vw;}
    .event_list .info_area {padding-left: 0.83vw;}
    .event_list .info_area::before {top: 0.26vw; width: 0.21vw;}
    .event_list .info_area .title {font-size: 1.56vw; line-height: 1.26;}
    .event_list .info_area .sub {margin-top: 0.36vw; font-size: 0.83vw;}
    .event_list .info_area .date {margin-top: 0.36vw; gap: 0 0.42vw; font-size: 0.83vw;}
    .event_list .info_area .date .end {padding: 0 0.31vw; height: 1.04vw; font-size: 0.68vw;}

    .event_list .tag-group .tag {height: 1.46vw; padding: 0 0.42vw; font-size: 0.73vw;}
    .round_tags {margin-top: 0.94vw; margin-bottom: -0.31vw;}
    .round_tags li {margin-right: 0.31vw; margin-bottom: 0.31vw;}
    .round_tags li a {padding: 0 0.52vw; height: 1.77vw; font-size: 0.73vw;}
}
@media screen and (max-width: 1320px){
    .event_list .thumb_area {margin-bottom: 12px;}
    .event_list .info_area {padding-left: 11px;}
    .event_list .info_area::before {top: 3px; width: 3px;}
    .event_list .info_area .title {font-size: 21px; line-height: 1.26;}
    .event_list .info_area .sub {margin-top: 5px; font-size: 11px;}
    .event_list .info_area .date {margin-top: 5px; gap: 0 6px; font-size: 11px;}
    .event_list .info_area .date .end {padding: 0 4px; height: 14px; font-size: 9px;}

    .event_list .tag-group .tag {height: 19px; padding: 0 6px; font-size: 10px;}
    .round_tags {margin-top: 12px; margin-bottom: -4px;}
    .round_tags li {margin-right: 4px; margin-bottom: 4px;}
    .round_tags li a {padding: 0 7px; height: 23px; font-size: 10px;}
}


/*
        서브 카테고리 메인
------------------------------------------------------------------------------------------------ */
/* ------- 카테고리메인 > 기획전 영역 ------- */
/* layout */
.category_main_layout {position: relative; display: flex; justify-content: end; gap:0; margin-top: 0; width: 100%;}
@media screen and (min-width: 1321px){
    .category_main_layout {padding-bottom: 4.69vw;}
}
@media screen and (max-width: 1320px){
    .category_main_layout {padding-bottom: 62px;}
}
/* visual */
.sub_visual {flex-shrink: 0; position: relative; margin-top: -3px; width: 31.729%;}
.sub_visual .sub_visual_inner {overflow: hidden auto; position: sticky; top: 70px; width: 100%; transition: top .3s;}
.sub_visual .sub_visual_inner.static {padding-bottom: 0;}
.sub_visual .sub_visual_inner::-webkit-scrollbar {display: none;}
.sub_visual .sub_visual_inner.absolute {position: absolute; top: auto; bottom: 0; left: 50%; margin-left: -50%; padding-bottom: 0; width: 100%; height: auto;}
/* title */
.sub_visual .exh-list .info .title .tx-ovf {overflow: hidden; display: block; max-width: 100%; font-weight: 500; color: var(--gray_08); text-overflow: ellipsis; white-space: nowrap;}
.sub_visual .exh-list .info .txt .tx-ovf {overflow: hidden; display: block; margin-top: 1px; max-width: 100%; font-weight: 400; color: var(--gray_07); text-overflow: ellipsis; white-space: nowrap;}
/* arrow */
.renewer .sub_visual .arrow {top: auto; bottom: 372px;}
@media screen and (min-width: 1321px){
    .sub_visual .sub_visual_inner .exh-list .info {margin: 0 0 1.30vw;}
    .sub_visual .exh-list .info .title .tx-ovf {font-size: 1.56vw;}
    .sub_visual .exh-list .info .txt .tx-ovf {font-size: 1.04vw;}
}
@media screen and (max-width: 1320px){
    .sub_visual .sub_visual_inner .exh-list .info {margin: 0 0 17px;}
    .sub_visual .exh-list .info .title .tx-ovf {font-size: 21px;}
    .sub_visual .exh-list .info .txt .tx-ovf {font-size: 14px;}
}

.sub_visual .swiper-pagination-custom {position: absolute; left: unset; width: auto; line-height: 1; z-index: 1; display:inline-flex; align-items: center; background: var(--black3); color: var(--white); font-weight: 400;}
.sub_visual .swiper-pagination-custom .current {font-weight: 500;}
.sub_visual .swiper-pagination-custom .sub-visual-total {font-weight: 300;}
.sub_visual .swiper-pagination-custom::after {content: ''; display: inline-block; background: url(../img/icon_plus_white_14.png) no-repeat center center/ auto 100%; display: none;}
@media screen and (min-width: 1321px){
    .sub_visual .swiper-pagination-custom {right: 1.04vw; bottom: 1.35vw; height: 1.88vw; padding: 0 0.83vw; border-radius: 5.21vw; font-size: 0.83vw;}
    .sub_visual .swiper-pagination-custom .current {margin-right: 0.26vw;}
    .sub_visual .swiper-pagination-custom .sub-visual-total {margin-left: 0.26vw;}
    .sub_visual .swiper-pagination-custom::after {width: 0.78vw; height: 0.78vw; margin-left: 0.42vw;}
}
@media screen and (max-width: 1320px){
    .sub_visual .swiper-pagination-custom {right: 14px; bottom: 18px; height: 25px; padding: 0 11px; border-radius: 69px; font-size: 11px;}
    .sub_visual .swiper-pagination-custom .current {margin-right: 3px;}
    .sub_visual .swiper-pagination-custom .sub-visual-total {margin-left: 3px;}
    .sub_visual .swiper-pagination-custom::after {width: 10px; height: 10px; margin-left: 6px;}
}


/* contents */
.sub_conts_box {width: calc(100% - 31.729%);}
.sub_unit_sizer {display: inline-block; width: 50%;}
.sub_unit_wrap {overflow: hidden; display: inline-block; vertical-align: top; padding-left: 2.725%; width: 50%;}
@media screen and (min-width: 1321px){
    .sub_conts_box {min-height: 27.60vw;}
    .sub_unit_wrap {margin: 0 0 4.17vw;}
    .sub_unit_wrap:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 1320px){
    .sub_conts_box {min-height: 364px;}
    .sub_unit_wrap {margin: 0 0 55px;}
    .sub_unit_wrap:last-child {margin-bottom: 0;}
}

/* 콘텐츠 타이틀 */
.renewer .page-top {display: flex; justify-content: space-between;}
.renewer .page-top .page-sub-title {font-weight: 300; line-height: 1.3335; color: var(--gray_08);}
.renewer .page-top .page-sub-title strong {font-weight: 700;}
.renewer .page-top .page-sub-title .point_color {font-weight: 400; color: var(--point_pink);}
.renewer .page-top .btn-group {display: block; margin: auto 0 0 auto;}
.renewer .page-top .btn-group .btn-more::after {display: none;}
.renewer .page-top .btn-group .refresh {display: block; background: url('../img/new_icon_refresh.png') no-repeat center center; font-size: 0;}
.renewer .page-top .btn-group .line {display: flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid var(--gray_02); font-weight: 500; color: var(--gray_08);}
@media screen and (min-width: 1321px){
    .renewer .page-top {margin-bottom: 1.04vw;}
    .renewer .page-top .page-sub-title {font-size: 1.56vw;}
    .renewer .page-top .btn-group .refresh {width: 1.15vw; height: 1.15vw; background-size: auto 0.94vw;}
    .renewer .page-top .btn-group .line {padding: 0 0.83vw; min-width: 3.59vw; height: 2.08vw; font-size: 0.73vw;} /* #9028 */
}
@media screen and (max-width: 1320px){
    .renewer .page-top {margin-bottom: 14px;}
    .renewer .page-top .page-sub-title {font-size: 21px;}
    .renewer .page-top .btn-group .refresh {width: 15px; height: 15px; background-size: auto 12px;}
    .renewer .page-top .btn-group .line {padding: 0 11px; min-width: 47px; height: 27px; font-size: 10px;} /* #9028 */
}

/* 상품리스트 */
.renewer .swiper {overflow: hidden; width: 100%;}
.renewer .gray-bg .swiper {overflow: hidden;}

.renewer .swiper .prd-list {flex-wrap:nowrap;}
.renewer .prd-list.scrollbar {display: block;}
.renewer .n3 .prd-list {transform: none !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.renewer .swiper .prd-list li a {display: block;}
.renewer .swiper .prd-list .prd-img {overflow: hidden; position: relative;}
.renewer .swiper .prd-list .prd-img:before {display: none;}
.renewer .swiper .prd-list .prd-img .ratio {position: relative; padding-top: 132.93%;}
.renewer .swiper .prd-list .prd-img .ratio:before {display: none;}
.renewer .swiper .prd-list .prd-img .ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position:    center top;}
.renewer .swiper .prd-list .prd-info {padding: 0;}
.renewer .swiper .prd-list .prd-info .brand {font-weight: 500; color: var(--gray_08);}
.renewer .swiper .prd-list .prd-price {display: flex; justify-content: start; align-items: center; font-weight: 500; color: var(--gray_08);} /* #10717 20260408 */
.renewer .swiper .prd-list .prd-price strong {font-weight: 500;} /* #10717 20260408 */
.renewer .swiper .prd-list .prd-price .discount {font-size: 16px; color: var(--point_pink);}
@media screen and (min-width: 1321px){
    .renewer .n3 .prd-list {gap: 1.56vw 0.21vw;}
    .renewer .swiper .prd-list .prd-info {margin-top: 0.78vw;}
    .renewer .swiper .prd-list .prd-info .brand {font-size: 0.73vw;}
    .renewer .swiper .prd-list .prd-price {margin-top: 0.47vw; font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .renewer .n3 .prd-list {gap: 21px 3px;}
    .renewer .swiper .prd-list .prd-info {margin-top: 10px;}
    .renewer .swiper .prd-list .prd-info .brand {font-size: 10px;}
    .renewer .swiper .prd-list .prd-price {margin-top: 6px; font-size: 11px;}
}

/* 기획전 */
.renewer .exh-list ul {flex-wrap: nowrap;}
.renewer .exh-list ul li a {display: block;}
.renewer .exh-list .img .ratio {overflow: hidden; position: relative; padding-top: 133.2%;}
.renewer .exh-list .img .ratio:before {display: none;}
.renewer .exh-list .img .ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.renewer .exh-list .title .tx-ovf {display: block; font-weight: 500; color: var(--gray_08);}
.renewer .exh-list .txt .tx-ovf {font-weight: 400; color: var(--gray_07);}
.renewer .exh-list .info .brand-name {font-weight: 400; color: var(--gray_06);}
.renewer .exh-list .info .brand-name span {display: block; font-weight: 500; color: var(--gray_08);}
/* tag */
.renewer .exh-list .tag-group {position: absolute; top: 0; left: 0; z-index: 4; display: flex;}
.renewer .exh-list .tag-group .tag {display: flex; align-items: center; background: var(--gray_08); font-weight: 500; font-size: 11px; line-height: 1; color: var(--white);}
.renewer .exh-list .tag-group .point {background: var(--point_pink);}
@media screen and (min-width: 1321px){
    .renewer .exh-list .info {margin-top: 1.04vw;}
    .renewer .exh-list .title .tx-ovf {font-size: 1.25vw;}
    .renewer .exh-list .txt {margin-top: 0.26vw;}
    .renewer .exh-list .txt .tx-ovf {font-size: 0.83vw;}
    .renewer .exh-list .info .brand-name {padding-top: 0.63vw; font-size: 1.25vw;}
    .renewer .exh-list .info .brand-name span {margin-bottom: 0.63vw; font-size: 1.25vw;}

    .renewer .exh-list .tag-group .tag {height: 1.46vw; padding: 0 0.42vw;}
}
@media screen and (max-width: 1320px){
    .renewer .exh-list .info {margin-top: 14px;}
    .renewer .exh-list .title .tx-ovf {font-size: 17px;}
    .renewer .exh-list .txt {margin-top: 3px;}
    .renewer .exh-list .txt .tx-ovf {font-size: 11px;}
    .renewer .exh-list .info .brand-name {padding-top: 8px; font-size: 17px;}
    .renewer .exh-list .info .brand-name span {margin-bottom: 8px; font-size: 17px;}

    .renewer .exh-list .tag-group .tag {height: 19px; padding: 0 6px;}
}

/* row */
.renewer .swiper .prd-list.row {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr));}
.renewer .swiper .prd-list.row li {position: relative; display: flex; justify-content: space-between; align-items: center;}
.renewer .swiper .prd-list.row li a {display: flex; align-items: center;}
.renewer .swiper .prd-list.row .prd-img {flex-shrink: 0;}
.renewer .swiper .prd-list.row .prd-info {margin: 0;}
.renewer .swiper .prd-list.row .prd-info .brand {font-weight: 500;}
.renewer .swiper .prd-list.row .prd-info .name {margin-top: 0; line-height: 1.43;}
.renewer .swiper .prd-list.row .prd-info .name .tx-ovf {display: block; font-weight: 400; color: var(--gray_07);}
.renewer .swiper .prd-list.row button {flex-shrink: 0;}
/* 기존 css 영향 */
.renewer .swiper .prd-list.row li {padding: 0; width: 100%;}
.renewer .swiper .prd-list.row li + li {margin-left: 0;}
.renewer .swiper .prd-list.row li::after {display: none;}
/* 랭킹 number */
.renewer .badge.num {display: flex; justify-content: center; align-items: center; padding: 0; width: 1.46vw; height: 1.46vw; border-radius: 0; background: var(--gray_08); font-weight: 700; font-size: 0.73vw; line-height: 1.46vw; color: var(--white);}
/* wish */
.renewer .prd-list.row .btn-wish {flex-shrink: 0; position: relative; top: auto; right: auto; background: url('../img/like_new_dg.png') no-repeat center center/100% auto;}
.renewer .prd-list.row .btn-wish.on {position: relative; top: auto; right: auto; background: url('../img/like_new_w_checked.png') no-repeat center center/100% auto;}
@media screen and (min-width: 1321px){
    .renewer .swiper .prd-list.row {gap: 17px 0; margin-top: 1.25vw;}
    .renewer .swiper .prd-list.row li::after {bottom: -0.68vw; left: 0.68vw; width: calc(100% - 1.72vw);}
    .renewer .swiper .prd-list.row .prd-img {width: 6.93vw;}
    .renewer .swiper .prd-list.row .prd-info {padding-left: 0.83vw; max-width: calc(100% - 6.93vw);}
    .renewer .swiper .prd-list.row .prd-info .brand {font-size: 0.83vw;}
    .renewer .swiper .prd-list.row .prd-info .name .tx-ovf {font-size: 0.73vw;}
    .renewer .swiper .prd-list.row .prd-price {column-gap: 0.36vw; margin-top: 0.57vw; font-size: 0.83vw;}
    .renewer .swiper .prd-list .prd-price .discount ,
    .renewer .swiper .prd-list .price {font-size: 0.83vw;}

    .renewer .prd-list.row .btn-wish ,
    .renewer .prd-list.row .btn-wish.on {width: 1.04vw; height: 1.04vw;}
}
@media screen and (max-width: 1320px){
    .renewer .swiper .prd-list.row {gap: 17px 0; margin-top: 17px;}
    .renewer .swiper .prd-list.row li::after {bottom: -9px; left: 9px; width: calc(100% - 23px);}
    .renewer .swiper .prd-list.row .prd-img {width: 91px;}
    .renewer .swiper .prd-list.row .prd-info {padding-left: 11px;}
    .renewer .swiper .prd-list.row .prd-info .brand {font-size: 11px;}
    .renewer .swiper .prd-list.row .prd-info .name .tx-ovf {font-size: 10px;}
    .renewer .swiper .prd-list.row .prd-price {column-gap: 5px; margin-top: 8px; font-size: 11px;}
    .renewer .swiper .prd-list .prd-price .discount ,
    .renewer .swiper .prd-list .price {font-size: 11px;}

    .renewer .prd-list.row .btn-wish ,
    .renewer .prd-list.row .btn-wish.on {width: 14px; height: 14px;}
}

.renewer .btn_full_more {display: flex; justify-content: space-between; align-items: center; width: 100%; border: 1px solid var(--gray_02); font-weight: 500; color: var(--gray_08);}
@media screen and (min-width: 1321px){
    .renewer .btn_full_more {margin-top: 1.25vw; padding: 0 0.83vw; height: 2.08vw; font-size: 0.73vw;}
    .renewer .btn_full_more img {height: 0.73vw;}
}
@media screen and (max-width: 1320px){
    .renewer .btn_full_more    {margin-top: 17px; padding: 0 11px; height: 27px; font-size: 10px;}
    .renewer .btn_full_more img {height: 10px;}
}


/* swiper arrow */
.renewer *[class*="swiper-container"] {position: relative;}
.renewer .swiper .arrow {position: absolute; top: 50%; z-index: 3; background: var(--white1_5);}
.renewer .swiper .arrow:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/arrow_white.png') no-repeat center center;}
.renewer .swiper .swiper-button-prev {left: 0;}
.renewer .swiper .swiper-button-next {right: 0;}
.renewer .swiper .swiper-button-prev:after {transform: rotate(-180deg);}
.renewer .swiper .arrow.swiper-button-disabled {opacity: 0;}
.renewer .swiper .arrow.top_brand_arrow {top: 19.38vw; margin-top: 0;}
/* swiper scrollbar */
.renewer .swiper-scrollbar {position: relative; bottom: auto; left: auto; z-index: 1; display: block; width: 100%; height: 3px; border-radius: 0; background: var(--no-bg);}
.renewer .swiper-scrollbar::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--black1);}
.renewer .swiper-scrollbar-drag {top: auto; bottom: 0; height: 3px; border-radius: 0; background: var(--gray_08);}
/* tabs controller */
.renewer *[class*="_tabs"] {overflow: hidden; position: relative; width: 100%; font-size: 0;}
.renewer *[class*="_tabs"] ul {display: inline-block; font-size: 0; white-space: nowrap;}
.renewer *[class*="_tabs"] .list {display: inline-block; vertical-align: top;}
.renewer *[class*="_tabs"] .list:last-child {margin-right: 0;}
.renewer .tabs-arrow {position: absolute; top: 50%; z-index: 3; background: transparent; font-size: 0;}
.renewer .tabs-arrow::after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/arrow_dark_gray.png') no-repeat right center;}
.renewer .tabs-prev {display: none; left: 0;}
.renewer .tabs-next {right: 0;}
.renewer .tabs-prev::after {transform: rotate(-180deg);}
.renewer .tabs-prev.bg-wh {background: linear-gradient(to left, rgba(255,255,255,.0) 0%, var(--white) 60%);}
.renewer .tabs-next.bg-wh {background: linear-gradient(to right, rgba(255,255,255,.0) 0%, var(--white) 60%);}
.renewer .tabs-prev.bg-g {background: linear-gradient(to left, rgba(248,248,248,.0) 0%, var(--gray_01) 60%);}
.renewer .tabs-next.bg-g {background: linear-gradient(to right, rgba(248,248,248,.0) 0%, var(--gray_01) 60%);}
@media screen and (min-width: 1321px){
    .renewer .swiper .arrow {width: 2.19vw; height: 2.19vw;}
    .renewer .swiper .arrow:after {background-size: auto 0.73vw;}
    .renewer .swiper-scrollbar {margin-top: 30px;}
    .renewer .tabs-arrow {margin-top: -1.09vw; width: 2.19vw; height: 2.19vw;}
    .renewer .tabs-arrow::after {background-size: auto 0.73vw;}
}
@media screen and (max-width: 1320px){
    .renewer .swiper .arrow {width: 29px; height: 29px;}
    .renewer .swiper .arrow:after {background-size: auto 10px;}
    .renewer .swiper-scrollbar {margin-top: 14px;}
    .renewer .tabs-arrow {margin-top: -14px; width: 29px; height: 29px;}
    .renewer .tabs-arrow::after {background-size: 10px;}
}


/* ------- 상품목록 상단 ------- */
.goods_list_header {display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap;}
@media screen and (min-width: 1321px){
    .goods_list_header {margin-bottom: 2.08vw;}
}
@media screen and (max-width: 1320px){
    .goods_list_header {margin-bottom: 27px;}
}
/* 베스트 랭킹 필터 */
.goods_list_header .date {font-size: 12px; color: #666;}
.goods_list_header .best_filter {display: flex; align-items: center; gap: 0 60px; margin-left: auto;}
.goods_list_header .best_filter li a {font-weight: 400; font-size: 18px; color: var(--gray_05);}
.goods_list_header .best_filter li.on a {color: var(--gray_08);}
/* 필터링 버튼 */
.goods_filtering {position: relative; z-index: 6; display: flex; align-items: center; width: 100%; background: var(--white); transition: top .3s;}
.goods_filtering.fixed {position: fixed; top: 54px; left: 0; padding: 0.78vw 46px;} /* 운영 top: 85px -> 54px 로 변경*/
.goods_filtering .btn_ico_refresh {margin-right: 6px; padding: 0; width: 68px; font-size: 0; background: var(--white) url('../img/popup_filtering/icon_refresh_small.png') no-repeat center center / auto 16px;}
.goods_filtering .btn_ico_refresh.on {border-color: var(--gray_03); background-color: var(--white);}
.goods_filtering ul {display: flex; margin: 0 auto; width: 100%; max-width: 1920px;}
.goods_filtering ul li {position: relative;}
.goods_filtering button {margin-right: 6px; border: 1px solid var(--gray_03); box-sizing: border-box; border-radius: 100px; line-height: 1; color: var(--gray_06);}
.goods_filtering button.on {border-color: var(--gray_08); background-color: var(--gray_08); color: var(--white);}
.goods_filtering button.type_select {position: relative;}
.goods_filtering button.type_select:after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); background: url('../img/goods/icon/btn_select_arrow.png') no-repeat center center / auto 6px;}
.goods_filtering button.type_select.on:after {background: url('../img/goods/icon/btn_select_arrow_wh.png') no-repeat center center / auto 6px;}
.location_menu {position: absolute; top: 100%; left: 0; z-index: 3; display: none; padding-top: 10px; width: calc(100% - 6px);}
.location_menu * {box-sizing: border-box;}
.location_menu ul {flex-wrap: wrap; width: 100%; border: 1px solid var(--gray_03); border-bottom: 0 none; background: var(--white);}
.location_menu ul li {width: 100%;}
.location_menu ul li a {display: flex; align-items: center; width: 100%; border-bottom: 1px solid var(--gray_03); color: var(--gray_06);}
@media screen and (min-width: 1321px){
    .goods_filtering {padding-bottom: 1.35vw;}
    .goods_filtering .btn_ico_refresh {background-size: auto 16px;}
    .goods_filtering button {padding: 0 0.63vw; height: 2.08vw; font-size: 0.83vw;}
    .goods_filtering button.type_select {padding-right: 1.56vw;}
    .goods_filtering button.type_select:after {right: 0.52vw; width: 1.04vw; height: 1.04vw; background-size: auto 0.31vw;}
    .goods_filtering button.type_select:after.on::after {background-size: auto 0.31vw;}
    .location_menu ul li a {padding: 0 0.63vw; height: 2.08vw; font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .goods_filtering {padding-bottom: 18px;}
    .goods_filtering button {padding: 0 8px; height: 27px; font-size: 11px;}
    .goods_filtering button.type_select {padding-right: 21px;}
    .goods_filtering button.type_select:after {right: 7px; width: 14px; height: 14px; background-size: auto 4px;}
    .goods_filtering button.type_select:after.on::after {background-size: auto 4px;}
}
/* 품절제외 */
.without_check {display: flex;}
.without_check input {display: none;}
.without_check label {display: flex; align-items: center; color: var(--gray_07); cursor: pointer;}
.without_check label:before {content: ''; display: inline-block; border: 1px solid var(--gray_03); box-sizing: border-box;}
.without_check input:checked + label::before {background: url('../img/goods/icon/icon_check.png') no-repeat center center / auto 9px;}
@media screen and (min-width: 1321px){
    .without_check label {gap: 0 0.42vw; font-size: 0.73vw;}
    .without_check label:before {width: 1.04vw; height: 1.04vw;}
}
@media screen and (max-width: 1320px){
    .without_check label {gap: 0 6px; font-size: 10px;}
    .without_check label:before {width: 14px; height: 14px;}
}
/* 상품정렬 */
.goods_sort {display: flex;}
.goods_sort li button {margin: 0; padding: 0; border: 0 none; background: none; font-weight: 400; color: var(--gray_07);}
.goods_sort li button.on {color: var(--gray_08);}
.goods_list_header .prd-top {margin-bottom: 0;} /* 기존 margin 제거*/
.goods_list_header .prd-top select {color: var(--gray_08);}
@media screen and (min-width: 1321px){
    .goods_sort {gap: 0 0.63vw;}
    .goods_sort li button {height: 1.04vw; font-size: 0.73vw;}
}
@media screen and (max-width: 1320px){
    .goods_sort {gap: 0 8px;}
    .goods_sort li button {height: 14px; font-size: 10px;}
}



/* ------- 상품목록 ------- */
.goods_wrap {width: 100%;}
.prd-list.n5 {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.prd-list.n4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.prd-list.n6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.prd-list.n4,
.prd-list.n5,
.prd-list.n6 {gap: 80px 20px;}
/* 상품리스트  */
.renewer .prd-list.n5 .prd-info {margin-top: 0; padding: 16px 12px 0;} /* 상품목록에서만 적용하는 패딩값 */
.renewer .prd-list .brand {font-weight: 400; font-size: 13px; color: var(--gray_08);} /* #10717 20260408 */
.renewer .prd-list .name {margin-top: 5px; line-height: 1.54;}
.renewer .prd-list .name .tx-ovf {overflow: hidden; display: block; max-width: 100%; font-weight: 400; font-size: 13px; color: var(--gray_07); white-space: nowrap; text-overflow: ellipsis;}
.renewer .prd-list .prd-price {display: flex; flex-wrap: wrap; margin-top: 8px; font-weight: 500; font-size: 17px; color: var(--gray_08);} /* #10717 20260408 */
.renewer .prd-list .prd-price .price-org {width: 100%; font-weight: 400; font-size: 12px; color: var(--gray_05);} /* #10717 20260408 */
.renewer .prd-list .discount {order: -2; font-weight: 300; color: var(--point_pink);}
.renewer .prd-list .discount strong {font-weight: 500;}  /* #10717 20260408 */
.renewer .prd-list .price {font-weight: 500; font-size: 17px;} /* #10717 20260408 */
.renewer .prd-list .price > strong {font-weight: 500; color: var(--gray_08);} /* #10717 20260408 */
/* tag */
.prd-list .tag-group {display: flex; flex-wrap: wrap; gap: 2px; margin-top: 8px;}
.prd-list .tag-group .tag {display: flex; align-items: center; margin: 0; padding: 0 6px; height: 20px; border-radius: 0; box-sizing: border-box; border: 1px solid var(--gray_02); background: var(--white); font-weight: 500; font-size: 12px; color: var(--gray_07);} /* #10717 20260408 */
.prd-list .likes {margin-top: 12px; display: flex; gap: 0 8px;}
.prd-list .likes span {font-weight: 400; font-size: 12px; color: var(--gray_05);} /* #10717 20260408 */
/* icon */
.ico_hearts {display: inline-flex; align-items: center; column-gap: 4px; color: var(--gray_05);}
.ico_hearts::before {content: ''; display: inline-block; width: 12px; height: 12px; background: url('../img/goods/icon/icon_hearts.png') no-repeat center center / auto 100%;}
.ico_likes {display: inline-flex; align-items: center; column-gap: 4px; color: var(--gray_05);}
.ico_likes::before { content: ''; display: inline-block; width: 12px; height: 12px; background: url('../img/goods/icon/icon_likes.png') no-repeat center center / auto 100%;}
/* wish */
.renewer .prd-list .btn-wish {position: absolute; top: 16px; right: 12px; z-index: 2; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_g.png') no-repeat center center / auto 100%;}
.renewer .prd-list .btn-wish.on {position: absolute; top: 16px; right: 12px; z-index: 2; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_bk.png') no-repeat center center / auto 100%;}
.renewer .swiper .prd-list .btn-wish ,
.renewer .swiper .prd-list .btn-wish.on {background-size: 100% auto;}
@media screen and (min-width: 1321px){
    .renewer .swiper .prd-list .btn-wish ,
    .renewer .swiper .prd-list .btn-wish.on {top: 0.52vw; right: 0.52vw; width: 1.04vw; height: 1.04vw;}
}
@media screen and (max-width: 1320px){
    .renewer .swiper .prd-list .btn-wish ,
    .renewer .swiper .prd-list .btn-wish.on {top: 7px; right: 7px; width: 14px; height: 14px;}
}


/* ------- 카테고리 필터 팝업 ------- */
/* 250528 #9029 :S */
.layerPop.left_fixed {justify-content: start;}
.layerPop.left_fixed .cont {position: relative; left: -100%; padding: 0 28px 28px; display: flex; flex-direction: column; max-width: 500px; width: 100%; height: 100vh; max-height: 100vh; border-radius: 0; transition: ease-in-out .5s;}
.layerPop.left_fixed.open .cont {left: 0;}
.layerPop.left_fixed .scroll_area {overflow-x: hidden; margin-bottom: 28px; padding: 28px 28px 0 0; width: calc(100% + 28px); height: 100%; box-sizing: border-box;}
.layerPop.left_fixed .scroll_area::-webkit-scrollbar {width: 15px;}
.layerPop.left_fixed .scroll_area::-webkit-scrollbar-thumb {border-radius: 12px; border: 5px solid #fff; background: #b5b5b5;}
.layerPop.left_fixed .scroll_area::-webkit-scrollbar-track {background: #fff;}
.layerPop.left_fixed .scroll_area > div {display: none;}
.layerPop.left_fixed .scroll_area > div.on {display: block;}
.layerPop.left_fixed .btn-close {position: absolute; top: 13px; right: 20px; background: none; width: 36px; height: 36px;}
.layerPop.left_fixed .btn-close::before,
.layerPop.left_fixed .btn-close::after {content:''; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; background: var(--gray_08); transform: translate(-50%, -50%) rotate(45deg);}
.layerPop.left_fixed .btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
/* tab */
.layerPop.left_fixed .tab-ui {margin: 0 -28px; padding: 0 28px; border-bottom: 2px solid var(--gray_02);}
.layerPop.left_fixed .tab-ui .tab_scroll {display: flex; gap: 0 28px;}
.layerPop.left_fixed .tab-ui .tab_scroll .tab_btn {position: relative; font-weight: 400; font-size: 16px; line-height: 60px; color: var(--gray_06);}
.layerPop.left_fixed .tab-ui .tab_scroll .on .tab_btn {font-weight: 700; color: var(--gray_08);}
.layerPop.left_fixed .tab-ui .tab_scroll .on .tab_btn::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--gray_08);}
.layerPop.left_fixed .tab-ui .tab_scroll .dot .tab_btn::before {content: ''; position: absolute; left: 100%; top: 18px; margin-left: 3px; width: 5px; height: 5px; background: var(--point_pink);}
/* selected option*/
.layerPop.left_fixed .pop-botton {margin-top: auto;}
.selected_option {display: flex; margin: 0 0 28px -28px; padding-left: 28px; width: calc(100% + 56px);}
.selected_option::-webkit-scrollbar {display:none;}
.selected_option .btn_ico_refresh {flex-shrink: 0; margin-right: 7px; width: 45px; height: 45px; box-sizing: border-box; border: 2px solid var(--gray_03); border-radius: 50%; background: var(--white) url('../img/popup_filtering/icon_refresh.png') no-repeat center center / auto 22px; font-size: 0;}
.selected_option .selected_option_slide {padding-right: 84px; width: 100%;}
.selected_option .swiper-wrapper {display: inline-flex;}
.selected_option .swiper-slide {width: auto; height: auto;}
.selected_option .swiper-slide .opt_btn {display: flex; align-items: center; gap: 0 8px; margin-right: 7px; padding: 11px 14px; border-radius: 100px; background: var(--gray_02); font-weight: 400; font-size: 14px; color: var(--gray_08);}
.selected_option .swiper-slide::selection {background: var(--gray_02); font-weight: 400; color: var(--gray_08);}
.selected_option .swiper-slide .delete {position: relative; width: 22px; height: 22px; border-radius: 50%; background: var(--gray_04);}
.selected_option .swiper-slide .delete::before ,
.selected_option .swiper-slide .delete::after {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 2px; background: var(--white); transform: translate(-50%, -50%) rotate(45deg);}
.selected_option .swiper-slide .delete::after {transform: translate(-50%, -50%) rotate(-45deg);}
/* button */
.bottom_btns {display: flex; gap: 0 7px;}
.bottom_btns .btn_new_reset {flex-shrink: 0; border: 1px solid var(--gray_03); width: 154px; height: 65px; background: var(--white); box-sizing: border-box; font-weight: 500; font-size: 16px; line-height: 1; color: var(--gray_08);}
.bottom_btns .btn_new_black {width: 100%; height: 65px; border: 0 none; background: var(--gray_08); font-weight: 500; font-size: 16px; line-height: 1; color: var(--white);}
/* tree menu */
.tree_menu {width: 100%;}
.tree_menu li.hide {display: none;}
.tree_menu .caret {display: flex; margin-bottom: 12px; height: 35px;}
.tree_menu .txt {flex: 1; display: inline-flex; align-items: center; gap: 0 10px;}
.tree_menu .txt span {font-weight: 400; font-size: 16px; color: var(--gray_08);}
.tree_menu .txt span.num {font-weight: 400; font-size: 13px; color: var(--gray_07);}
.tree_menu .current > .caret > .txt span {font-weight: 700; color: var(--gray_08);}
.tree_menu .current .txt span.num {font-weight: 400;}
.tree_menu .nested {display: none; margin-top: 12px; padding-left: 15px; box-sizing: border-box;}
.tree_menu .nested.is_active {display: block;}
.tree_menu .nested .txt span {color: var(--gray_06);}
.tree_menu .nested label {display: flex; align-items: center; gap: 0 14px; margin-top: 21px; height: 35px;}
.tree_menu .nested label input {display: none;}
.tree_menu .nested label .txt::before {content: ''; width: 28px; height: 28px; box-sizing: border-box; border: 1px solid var(--gray_03);}
.tree_menu .nested label input:checked + .txt span {color: var(--gray_08);}
.tree_menu .nested label input:checked + .txt span.num {color: var(--gray_07);}
.tree_menu .nested label input:checked + .txt::before {background: url('../img/goods/icon/icon_check.png') no-repeat center center / auto 14px;}
.tree_menu .nested label .txt {display: inline-flex; align-items: center; width: 100%; height: 100%;}
.tree_menu .btn_ico_del {position: relative; width: 28px; height: 28px; font-size: 0;}
.tree_menu .btn_ico_del::before ,
.tree_menu .btn_ico_del::after {content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background: var(--gray_05); transform: translate(-50%, -50%) rotate(45deg);}
.tree_menu .btn_ico_del::after {transform: translate(-50%, -50%) rotate(-45deg);}
.tree_menu li > .caret .btn_ico_del {display: none;}
.tree_menu li > .caret .btn_ico_del.is_active { display: block;}
/* color chip */
.color_chip.opt_box {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 0 3px;}
.color_chip.opt_box .chip input {display: none;}
.color_chip.opt_box .chip label {display: flex; align-items: center; gap: 0 8px; font-weight: 400; font-size: 16px; color: var(--gray_08); cursor: pointer;}
.color_chip.opt_box .chip label span {position: relative; width: 28px; height: 28px; box-sizing: border-box; border-radius: 50%;}
.color_chip.opt_box .chip input:checked + label span {border: 2px solid var(--white)}
.color_chip.opt_box .chip input:checked + label span::before {content: ''; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -17px; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--gray_06); box-sizing: border-box;}
/* price */
.opt_box .jqueryslider {margin-bottom: 47px; width: 100%;}
.opt_box .jqueryslider .jqueryslider_price {display: flex; justify-content: space-between; margin-bottom: 20px;}
.opt_box .jqueryslider .jqueryslider_price span {font-weight: 500; font-size: 18px; color: var(--gray_08);}
.opt_box .jqueryslider .ui-widget.ui-widget-content {position: relative; margin-left: 8px; width: calc(100% - 22px); height: 5px; border: 0 none; background: none;}
.opt_box .jqueryslider .ui-widget.ui-widget-content::after {content: ''; position: absolute; top: 0; left: -8px; width: calc(100% + 22px); height: 5px; background: var(--gray_03);}
.opt_box .jqueryslider .ui-slider-handle {top: 50%; margin-top: -11px; width: 22px; height: 22px; border: 0 none; border-radius: 50%; background: var(--gray_08); cursor: pointer;}
.opt_box .jqueryslider .ui-slider-horizontal .ui-slider-range {background: var(--gray_08);}
/* checkbox btn*/
.opt_box .tagSelector .inner {margin: 0; display: flex; flex-wrap: wrap; gap: 6px;}
.opt_box .tagSelector label input + span {margin: 0; padding: 0 17px; height: 45px; box-sizing: border-box; border: 2px solid var(--gray_03); font-weight: 400; font-size: 16px; color: var(--gray_08); cursor: pointer;}
.opt_box .tagSelector label input:checked + span {border-color: var(--gray_08); background: var(--white);}
/* brand seacrh */
.search-area {position: relative; margin-bottom: 45px; width: 100%;}
.search-area form {margin: 0; padding: 0; width: 100%;}
.search-area fieldset {margin: 0; padding: 0; border: 0 none;}
.search-area input {padding-right: 87px; width: 100%; height: 65px; border: 0 none; border-bottom: 3px solid var(--gray_06); font-weight: 400; font-size: 18px; color: var(--gray_08);}
.search-area input::placeholder {color: var(--gray_04);}
.search-area .del {position: absolute; top: 50%; right: 50px; display: none; margin-top: -13px; border-radius: 50%; background: var(--gray_04); font-size: 0;}
.search-area.char-on .del {display: block; width: 25px; height: 25px;}
.search-area .del::before ,
.search-area .del::after {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 2px; background: var(--white); transform: translate(-50%, -50%) rotate(45deg);}
.search-area .del::after {transform: translate(-50%, -50%) rotate(-45deg);}

.search-area .search-btn {position: absolute; top: 50%; right: 0; margin-top: -17px; width: 34px; height: 34px; border: 0 none; background: url('../img/popup_filtering/icon_search.png') no-repeat center center / auto 100%; font-size: 0;}
/* brand tab */
.layerPop.left_fixed .tab-ui.tab_full_type {margin: 0; padding: 0; width: 100%; border-bottom: 2px solid var(--gray_08);}
.layerPop.left_fixed .tab-ui.tab_full_type ul {display: flex;}
.layerPop.left_fixed .tab-ui.tab_full_type ul li {flex: 1;}
.layerPop.left_fixed .tab-ui.tab_full_type ul li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 56px; border-right: 2px solid var(--gray_03); background: var(--gray_02); font-weight: 500; font-size: 18px; color: var(--gray_07);}
.layerPop.left_fixed .tab-ui.tab_full_type ul li:last-child a {border-right: 0 none;}
.layerPop.left_fixed .tab-ui.tab_full_type ul li.on a {border-right-color: var(--gray_03); background: var(--gray_08); color: var(--white);}
/* brand list */
.layerPop.left_fixed .tab-cont .tab-cont {padding-top: 7px;}
.brand-search-list-wrap .brand-search-item {margin-bottom: -12px;}
.brand-search-item .keyword {margin-bottom: 0; padding-top: 20px; font-weight: 700; font-size: 20px; line-height: 36px; color: var(--gray_08);}
.brand-search-item li {margin-top: 12px; padding-bottom: 12px;}
.brand-search-list-wrap .brand-search-item li {padding-right: 60px;}
.brand-search-item li:first-child {padding-top: 5px;}
.brand-search-item li label {display: flex; gap: 0 17px;}
.brand-search-item li input {flex-shrink: 0; width: 28px; height: 28px; border: 1px solid var(--gray_03);}
.brand-search-item li input:checked {background: url('../img/goods/icon/icon_check.png') no-repeat center center / auto 11px;}
.brand-search-list.check_type .brand-search-item ul li label > div {overflow: hidden;}
.brand-search-item li .tit {display: inline-flex; align-items: center; margin-top: 3px; width: 100%;}
.brand-search-item li .tit > span {overflow: hidden; font-weight: 500; font-size: 18px; line-height: 22px; color: var(--gray_08); white-space: nowrap; text-overflow: ellipsis;}
.brand-search-item li .sub {display: block; margin-top: 3px; width: 100%; font-weight: 400; font-size: 13px; line-height: 28px; color: var(--gray_05);}
.brand-search-item .tagSet , .brand-search-item .tag-group {margin-left: 6px;}
.brand-search-item .tagSet .inner, .brand-search-item .tag-group .inner {display: flex; gap: 0 3px;}
.brand-search-item .tagSet span , .brand-search-item .tag-group span {display: flex; justify-content: center; align-items: center; width: 50px; height: 25px; border: 1px solid var(--gray_06); box-sizing: border-box; font-weight: 500; font-size: 12px; color: var(--gray_08);}
.no_content {padding: 50px 0; font-size: 16px; color: var(--gray_08); text-align: center;}

.brand-search-keyword-wrap {position: absolute; top: 28px; right: 0; height: calc(100% - 28px);}
.brand-search-keyword-new {position: sticky; top: 0; right: 0;}
.brand-search-keyword-new ul {padding: 22px 0; width: 45px; border-radius: 100px; background: var(--gray_01);}
.brand-search-keyword-new ul li a {display: flex; align-items: center; justify-content: center; width: 100%; font-weight: 500; font-size: 16px; line-height: 23px; color: var(--gray_05);}
.brand-search-keyword-new li:not(:last-child)::after {content: ''; display: block; margin: 16px auto; width: 3px; height: 3px; background: var(--gray_05);}
.brand-search-keyword-new ul li a.is_active {font-weight: 700; color: var(--gray_08);}
/* discount benefit */
.opt_box .tit_h5 {margin: 28px 0 11px; font-weight: 500; font-size: 16px; color: var(--gray_08);}
.opt_box .tit_h5:first-child {margin-top: 0;}
/* 250528 #9029 :E */



/* ------- 타임특가 ------- */
/* count down */
.time_discount {width: 100%;}
.time_discount .countdown {display: flex; justify-content: center; align-items: center; gap: 0 12px; margin-bottom: 32px;}
.time_discount .countdown span {font-weight: 700; font-size: 40px; color: var(--gray_08);}
/* list */
.time_discount .exh-list ul {display: flex; flex-wrap: wrap; align-items: stretch;gap: 80px 20px;}
.time_discount .exh-list .time-spacial {margin: 0;width: calc((100% - 80px )/5);}
.time_discount .exh-list .time-spacial a {display: block;}
.time_discount .exh-list .time-spacial .abs-box {position: relative; margin-top: 0; padding: 72px 12px 0; text-align: left;}
.time_discount .exh-list .time-spacial .abs-box .brand {margin-top: 0; font-weight: 500; font-size: 13px; color: var(--gray_08);}
.time_discount .exh-list .time-spacial .abs-box .name {margin-top: 5px; line-height: 1.54;}
.time_discount .exh-list .time-spacial .abs-box .name .tx-ovf {overflow: hidden; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 100%; max-height: 40px; font-weight: 400; font-size: 13px; line-height: 20px; color: var(--gray_07); white-space: normal; text-overflow: ellipsis;}
.time_discount .exh-list .time-spacial .abs-box .price {margin-top: 8px; font-weight: 300; font-size: 16px;}
.time_discount .exh-list .time-spacial .abs-box .price > strong {font-weight: 300;}
.time_discount .exh-list .time-spacial .abs-box .discount {position: absolute; top: 20px; left: 12px; font-weight: 500; font-size: 30px; color: var(--gray_08);}
.time_discount .exh-list .time-spacial .abs-box .discount strong {font-weight: 500; font-size: 40px;}
/* wish */
.time_discount .exh-list .btn-wish {position: absolute; top: 16px; right: 12px; z-index: 5; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_g.png') no-repeat center center / auto 100%; font-size: 0;}
.time_discount .exh-list .btn-wish.on {position: absolute; top: 16px; right: 12px; z-index: 5; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_bk.png') no-repeat center center / auto 100%;}



/* ------- 기존상품목록 수정  ------- */
.prd-list.thum li > a {position: relative;}
.prd-list.thum .prd-info {padding: 16px 12px 0;}
.prd-list.thum .brand {font-weight: 400; font-size: 13px; color: var(--gray_08);} /* #10717 20260408 */
.prd-list.thum .name {margin-top: 5px; line-height: 1.54;}
.prd-list.thum .name .tx-ovf {font-weight: 400; font-size: 14px; color: var(--gray_07);} /* #10717 20260408 */
.prd-list.thum .prd-price {display: flex; flex-direction: row-reverse; justify-content: start; margin-top: 8px; font-size: 17px;} /* #10717 20260408 */
.prd-list.thum .prd-price .price-org { margin-top: 0; margin-left: 0; width: 100%; font-size: 400px; font-size: 12px; color: var(--gray_05); text-decoration: none; order: -1;} /* #10717 20260408 */
.prd-list.thum .price > strong {font-weight: 400;} /* #10717 20260408 */
.prd-list.thum .discount {order: 1; color: #F20084;}
.prd-list.thum .discount strong {font-weight: 400;} /* #10717 20260408 */
.prd-list .rank {top: 0; left: 0; border-radius: 0; font-weight: 500;}
.prd-list.thum .badge-group {display: none;}
.prd-list.thum .badge-group .badge {padding: 0 10px; height: 28px; border-radius: 0; line-height: 28px;}
.prd-list.thum .badge-group .badge.point {background: #F20084;}
.prd-list.thum .price-special {margin-top: 6px;}
.prd-list.thum .prd-price .price-special {margin-top: 0;}
.prd-list.thum .price-special strong {font-weight: 500; font-size: 17px;} /* #10717 20260408 */
.prd-list.thum .secret ,
.prd-list.thum .premium ,
.prd-list.thum .member {font-weight: 400; font-size: 12px; color: #111;} /* #10717 20260408 */
.prd-list.thum .secret strong ,
.prd-list.thum .premium strong ,
.prd-list.thum .member strong {font-weight: 500; font-size: 17px;} /* #10717 20260408 */
.prd-list.thum .secret {color: #F20084;}

.prd-list .btn-wish {position: absolute; top: 16px; right: 12px; z-index: 5; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_g.png') no-repeat center center / auto 100%; font-size: 0;}
.prd-list .btn-wish.on {position: absolute; top: 16px; right: 12px; z-index: 5; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_bk.png') no-repeat center center / auto 100%;}

.prd-unit.vertical .prd-list.thum .price {margin-right: 0;}
.prd-list.thum .prd-img .badge-group {display: flex; top: auto; bottom: 0; left: 0;}

/* 기획전 배지 css 추가*/
.event-wrap .exh-list .badge-group {top: auto; bottom: 0; left: 0; display: flex;}
.badge {border-radius: 0;}
.badge.point ,
.badge.babaon {background: #F20084;}


/* #7430 [PC] 장바구니 찜, 'X' 버튼 레이아웃 깨짐 */
.cart-area.aside-contents .prd-list .btn-wish{ top: 18px; right: 30px; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_c.png') no-repeat center center / auto 100%; }
.cart-area.aside-contents .prd-list .btn-wish.on {position: absolute; top: 18px; right: 30px; width: 28px; height: 22px; background: url('../img/goods/icon/icon_wish_bk.png') no-repeat center center / auto 100%;}
.cart-area.aside-contents .prd-list .btn-wish.on {top: 18px; right: 30px;}
.cart-area.aside-contents .prd-list.cart .btn-delete {top: 19px; right: 0;}


/*
    기획전 레이아웃 추가 (취향저격 full ver.)
*/
.exh-full-layout .container {padding: 20px 0 0;}
.exh-full-layout footer .center-wrap {display: none;}
.exh-full-layout footer {padding: 0; background: none;}
.exh-full-layout .center-wrap {max-width: none;}
.exh-full-layout .event-wrap {display: flex; margin: 0 -46px 0;}
.exh-full-layout .event-wrap .ev-admin-img {flex-shrink: 0; margin: 0; width: 580px;}
.exh-full-layout .ev-admin-img {margin-bottom: 0;}
.exh-full-layout .event_full img ,
.exh-full-layout .ev-admin-img img {max-width: 100%; width: 100%;}

/* event full - layout */
html.exh-full-layout::-webkit-scrollbar ,
.exh-full-layout .event-wrap::-webkit-scrollbar {display: none;}

.exh-full-layout .sectionArea {width: 100%; min-height: min-content;}

.exh-full-layout .ev-template-wrap {overflow: auto; position: sticky; top: 0; padding: 0 46px 60px 40px; width: 100%; height: calc(100vh - 152px); will-change: height; transition: height .2s;}
.exh-full-layout .ev-template-wrap.fixed {height: 100vh;}
.exh-full-layout .ev-template-inner {min-height: min-content;}

.exh-full-layout .event_goods .prd-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(194px, 1fr)); gap: 60px 20px;}
.exh-full-layout .event_goods .prd-list.thum .prd-info {text-align: left;}
.exh-full-layout .event_goods .prd-list.thum li + li {margin-left: 0;}

/* 테마 기획전 */
/* tab */
.goods_tab_wrap {overflow: hidden; position: sticky; top: 0; z-index: 6; width: 100%; background: #fff;}
.goods_tab_wrap::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eee;}
.goods_tab_wrap .swiper-slide {width: auto;}
.goods_tab_wrap a {display: block; padding-top: 11px; padding-bottom: 11px; border-bottom: 2px solid transparent; font-size: 17px; line-height: 1.45; color: #888; letter-spacing: -0.6px;}
.goods_tab_wrap li + li {margin-left: 40px;}
.goods_tab_wrap li.on a {font-weight: 500; border-bottom-color: #111; color: #111;}
.goods_tab_wrap div[class*="swiper-button"] {top: 0; z-index: 2; margin-top: 0; width: 50px; height: 100%;}
.goods_tab_wrap .swiper-button-prev {left: 0; background: linear-gradient(to left, transparent 0, var(--white) 100%);}
.goods_tab_wrap .swiper-button-next {right: 0; background: linear-gradient(to right, rgba(255,255,255,.0) 0, var(--white) 100%);}
.goods_tab_wrap .swiper-button-next.swiper-button-disabled,
.goods_tab_wrap .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.goods_tab_wrap div[class*="swiper-button"]::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.goods_tab_wrap .swiper-button-prev:after {background: url('../img/tab_arrow_prev.png') no-repeat left center;}
.goods_tab_wrap .swiper-button-next:after {background: url('../img/tab_arrow_next.png') no-repeat right center;}

/* 상품리스트 - 타이틀 및 상품영역 수정 */
.exh-full-layout .ev-template-wrap .ev-title-wrap {margin-bottom: 30px; padding-top: 20px; display: flex;}
.exh-full-layout .ev-template-wrap .ev-title-wrap .right {display: flex; align-items: center; gap: 0 10px;}
.exh-full-layout .ev-template-wrap .temp-title {padding: 30px 0 15px; text-align: left;}
.exh-full-layout .ev-template-wrap .temp-box .temp-title + .filter_area {margin-top: -35px;}
.exh-full-layout .ev-template-wrap .temp-box .prd-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(198px, 1fr)); gap: 40px 4px; padding-bottom: 0;}
.exh-full-layout .ev-template-wrap .prd-list.thum .prd-info {height: 148px; text-align: left;}
.exh-full-layout .ev-template-wrap .prd-list.col-6 li {width: auto;}
.exh-full-layout .ev-template-wrap .prd-list.col-6 li:nth-child(n+7) {margin-top: 0;}
.exh-full-layout .ev-template-wrap .prd-list.thum li + li {margin-left: 0;}

.exh-full-layout .ev-template-wrap .babalive-btngroup {display: none;} /* 목록 버튼 hidden */


/*
    #7489 [FO/BO]테마기획전 템플릿 신규 개발 (스페셜픽)
*/
/* slogan */
.event_slogan {margin-bottom: 40px; text-align: center;}
.event_slogan p {font-weight: 400; font-size: 24px; line-height: 44px; color: #111; word-break: keep-all;}
.event_slogan p strong {font-weight: 500;}

/* list */
.event_list_pick {overflow: hidden; display: grid; gap: 45px 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); height: 0; transition: height 0.5s ease;}
.event_pick_box a {display: block;}
.event_pick_box .thumb {overflow: hidden; position: relative; padding-top: 100%; line-height: 0;}
.event_pick_box .thumb .brand_name {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-weight: 500; font-size: 24px; color: #fff; line-height: 1; letter-spacing: 0; display: none;}
.event_pick_box .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.event_pick_box .badge_set {position: absolute; bottom: 0; left: 0; z-index: 2; display: flex;}
.event_pick_box .badge_set .badge_s {display: flex; align-items: center; padding: 0 8px; height: 28px; background: #000; font-weight: 500; font-size: 11px; color: #fff; letter-spacing: 0;}
.event_pick_box .info_box {padding: 20px 0 0;}
.event_pick_box .info_box .subject {overflow: hidden; display: block; font-weight: 500; font-size: 24px; color: #111; text-overflow: ellipsis; white-space: nowrap;}
.event_pick_box .info_box .word {overflow: hidden; display: block; margin: 10px 0 20px; font-weight: 400; font-size: 14px; color: #000; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0;}
.event_pick_box .info_box .date {position: relative; display: block; margin-top: 16px; font-weight: 600; font-size: 13px; color: #000; letter-spacing: 0;}
.event_pick_box .progress {position: relative; display: block; width: 100%; height: 1px; background: rgba(0,0,0,.1);}
.event_pick_box .progress .progress-color {position: absolute; bottom: 100%; left: 0; margin-bottom: -1px; height: 2px; background: #000;}

/* #8962 [FO] 브랜드관 리뉴얼 작업 요청 :S */
.brand-main header {position: absolute; top: 0; left: 0; width: 100%; height: 0;}
.brand-main header .logo, .brand-main header .gnb, .brand-main header .header-gnb , .brand-main header .sticky-wrapper {display: none;}
.brand-main header > .center-wrap {height: auto; background: none;}
.brand-main header .header-top {position: fixed; top: 0; right: 0; margin-top: 40px; padding: 0 46px; width: 100%; box-sizing: border-box; pointer-events: none;}
.brand-main header .form-search ,
.brand-main header .util-menu {pointer-events: auto;}
.brand-main .search-layer {top: -40px; pointer-events: auto;}
.brand-main .container {padding-top: 0;}

/* brand header */
.brand-header {position: sticky; top: 0; z-index: 100; padding: 40px 0; width: 100%;}
.brand-header:after {content: ''; position: absolute; top: 0; z-index: -1; left: -46px; width: calc(100% + 92px); height: 100%; background: #fff;}

.brand-header .brand-title {margin-bottom: 0; padding: 0;}
.brand-main .tab-ui {position: relative; top: 8px; margin: 3px 0 0;}
.brand-main .tab-ui li a {display: block; font-size: 18px; line-height: 25px;}
.brand-main .brand-title {margin: 0; padding: 0; max-width: 50%; height: auto;}
.brand-main .brand-title .logo a {display: block; font-weight: 500; font-size: 28px; line-height: 44px; color: #111;}

.type_white .util-menu li a img {filter: invert(100%);}
.type_white .form-search .btn-search {background:url('../img/gnb_icon_search_w.png') center center no-repeat;}
.type_white ~ .container .brand-title .logo a {color: #fff;}
.type_white ~ .container .brand-header:after {background: rgba( 0,0,0,0.8);}
.type_white ~ .container .gnb-menu i {background: #fff;}
.type_white ~ .container .brand-title + .tab-b li a {color: rgba(255, 255, 255, .6);}
.type_white ~ .container .brand-title + .tab-b li.on a {color: #fff;}

.brand-main .brand-bg {position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -50%; width: calc(100vw - (100vw - 100%)); height: 710px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.brand-main .brand-bg::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0,0,0,0.7);}
@media screen and (min-width: 1321px){
    .brand-main .brand-bg {height: 36.98vw;}
    .brand-main.has-tab .brand-bg {height: 39.5vw;}
}
@media screen and (max-width: 1320px){
    .brand-main .brand-bg {height: 538px;}
    .brand-main.has-tab .brand-bg {height: 580px;}
}

.brand-main .goods_filtering {position: sticky; top: 95px; z-index: 999; will-change: top; padding-left: 0; padding-right: 0;}
/* #8962 [FO] 브랜드관 리뉴얼 작업 요청 :E */

/*
    #7478 [PC] 브랜드관 메인, 룩북 상세 PC 일원화
*/
/* title */
.brand-title {display: flex; align-items: center; gap: 0 25px;}
.brand-title .logo {margin-right: 0; height: auto;}
.brand-title .btn-group {display: flex; align-items: center; gap: 0 13px;}
.brand-title .btn-share {width: 29px; height: 29px; background: url('../img/btn_share_bk.png') no-repeat center center;}
.brand-title .btn-wish {width: 29px; height: 29px; background: url('../img/btn_wish_gy.png') no-repeat center center;}
.brand-title .btn-wish.on {background: url('../img/btn_wish_bk.png') no-repeat center center;}

/* info
#8962 기존 소스 수정 :S */
.brand_intro_area {display: flex; flex-direction: row-reverse; gap: 0 70px; margin: 0 auto 100px; padding: 94px 0 80px; width: 100%; max-width: 1662px;}
.brand_intro_img_box {position: relative; flex-shrink: 0; flex: 0 1 auto; overflow: hidden; width: 720px;}
.brand_intro_img_box .img-wrap {position: relative; aspect-ratio: 16 / 9;}
.brand_intro_img_box .img-wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.brand_intro_img_box .drag-area {position: absolute; top: 0; left: 0; z-index: 3; width: 100%; width: 100%; height: 84%; /* background: red; opacity: .3;*/}
.brand_intro_img_box .video-wrap {position: relative; aspect-ratio: 16 / 9;}
.brand_intro_img_box .video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: auto;}
.brand_intro_img_box .video-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: auto;}
.brand_intro_img {overflow: hidden; padding-bottom: 26px; width: 100%;}
.brand_intro_area .info {position: relative; flex: 1 1 0; max-height: 100%; padding-right: 50px; width: calc(100% - 800px);}
.brand_intro_area .info h1 {width: calc(100% - 50px); font-weight: 500; font-size: 54px; color: #fff;}
.brand_intro_area .info .text_expand {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px; max-height: 281px; font-weight: 400; font-size: 18px; line-height: 28px; color: #fff;}
.brand_intro_area .info .text_expand.show {-webkit-line-clamp: inherit; overflow-y: auto;}
.brand_intro_area .info .text_expand::-webkit-scrollbar {width: 2px;}
.brand_intro_area .info .text_expand::-webkit-scrollbar-thumb {border-radius: 12px; background: #fff;}
.brand_intro_area .info .text_expand::-webkit-scrollbar-track {background: rgba(255,255,255,.3)}
.brand_intro_area .info .btn_ico_expand {display: flex; align-items: center; gap: 0 4px; margin-top: 12px; padding: 0; font-weight: 500; font-size: 16px; color: #fff;}
.brand_intro_area .info .btn_ico_expand::after {content: ''; width: 14px; height: 14px; background: url('../img/icon_text_expand_w.png') no-repeat center center/auto 100%;}
.brand_intro_area .info .show ~ .btn_ico_expand {display: none;}
.brand_intro_area .info .btn-group {position: absolute; top: 8px; right: 50px;}
.brand_intro_area .info .btn-group .btn-wish {width: 44px; height: 44px; background: url('../img/btn_wish_white_new.png') no-repeat center center / auto 100%;}
.brand_intro_area .info .btn-group .btn-wish.on {background: url('../img/btn_wish_white_new_on.png') no-repeat center center / auto 100%;} /* #8962 추가수정 */
.brand_intro_area .brand_coupon_down {display: flex; align-items: center; gap: 0 7px; margin-top: 20px; padding: 0 20px; width: 100%; max-width: 340px; height: 48px; background: #111; font-weight: 500; font-size: 14px; color: #fff;}
.brand_intro_area .brand_coupon_down .coupon_name {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.brand_intro_area .brand_coupon_down .coupon_discount {flex-shrink: 0;}
.brand_intro_area .brand_coupon_down::after {content: ''; flex-shrink: 0; margin-left: auto; width: 20px; height: 100%; background: url('../img/icon_download_white.png') no-repeat center center/100% auto;}
.brand-main .brand_intro_area .swiper-scrollbar {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,.3);}
.brand-main .brand_intro_area .swiper-scrollbar-drag {top: -1px; height: 2px; background: #fff;}
@media screen and (min-width: 1321px){
    .brand_intro_area {margin-bottom: 5.21vw; padding: 4.90vw 0 4.17vw; gap: 0 3.65vw; max-width: 86.56vw;}
    .brand_intro_img_box {width: 37.50vw;}
    .brand_intro_area .info {padding-right: 2.60vw; width: calc(100% - 41.67vw);}
    .brand_intro_area .info h1 {font-size: 2.81vw;}
    .brand_intro_area .info .text_expand {margin-top: 1.04vw; max-height: 14.64vw; font-size: 0.94vw; line-height: 1.46vw;}
}
@media screen and (max-width: 1320px){
    .brand_intro_area {margin-bottom: 69px; padding: 65px 0 55px; gap: 0 48px; max-width: 1143px;}
    .brand_intro_img_box {width: 495px;}
    .brand_intro_area .info {padding-right: 34px; width: calc(100% - 550px);}
    .brand_intro_area .info h1 {font-size: 37px;}
    .brand_intro_area .info .text_expand {margin-top: 14px; max-height: 179px; font-size: 12px; line-height: 19px;} /* 20250717 */
}

/* exh list */
.brand_exh_area {overflow: hidden; margin-bottom: 100px;}
.brand_exh_list .thumb_area {overflow: hidden; position: relative; padding-top: 100%;}
.brand_exh_list .thumb_area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.brand_exh_list .info_area {margin-top: 24px;}
.brand_exh_list .main_title {overflow: hidden; display: block; font-weight: 500; font-size: 24px; color: #111; text-overflow: ellipsis; white-space: nowrap;}
.brand_exh_list .sub {display: block; margin-top: 12px; font-weight: 400; font-size: 16px; line-height: 1.5; color: #555;}
.brand_exh_list.swiper-off .swiper-wrapper {justify-content: start;}
.brand_exh_list.swiper-off .swiper-scrollbar {display: none;}
@media screen and (min-width: 1321px){
    .brand_exh_list .info_area {margin-top: 1.25vw;}
    .brand_exh_list .main_title {font-size: 1.25vw;}
    .brand_exh_list .sub {margin-top: 0.63vw; font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .brand_exh_list .info_area {margin-top: 17px;}
    .brand_exh_list .main_title {font-size: 17px;}
    .brand_exh_list .sub {margin-top: 8px; font-size: 11px;}
}

/* clip */
.brand_clip {overflow: hidden; margin-bottom: 100px;}
.brand_clip .swiper-slide {display: flex; gap: 0 20px;}
.brand_clip .thumb_area {flex-shrink: 0; overflow: hidden; position: relative; width: 337px; aspect-ratio: 3 / 4;}
.brand_clip .thumb_area::after {content: ''; position: absolute; top: 18px; right: 18px; width: 47px; height: 47px; background: url('../img/play_btn.png') no-repeat center center/auto 100%;}
.brand_clip .thumb_area a {display: block; width: 100%; height: 100%;}
.brand_clip .thumb_area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.brand_clip .info-wrap {width: calc(100% - 357px);}
.brand_clip .info_area a {display: block;}
.brand_clip .info_area .title {overflow: hidden; display: block; font-weight: 500; font-size: 24px; color: #111; white-space: nowrap; text-overflow: ellipsis;}
.brand_clip .info_area .sub {overflow: hidden; display: block; margin-top: 12px; font-weight: 400; font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis;}

.brand_clip .product_list_wrap .prd-list.row {gap: 16px 0;}
.brand_clip .product_list_wrap .prd-list.row li {padding: 0;}
.brand_clip .product_list_wrap .prd-list.row .prd-img {width: 133px;}
.brand_clip .prd-list.row li::after ,
.brand_clip .prd-list.row .btn-wish {display: none;}
.brand_clip .swiper-scrollbar {margin-top: 40px;}
@media screen and (min-width: 1321px){
    .brand_clip {margin-bottom: 5.21vw;}
    .brand_clip .swiper-slide {gap: 0 1.04vw;}
    .brand_clip .thumb_area {width: 17.55vw;}
    .brand_clip .thumb_area::after {top: 0.94vw; right: 0.94vw; width: 2.45vw; height: 2.45vw;}
    .brand_clip .info-wrap {width: calc(100% - 18.59vw);}
    .brand_clip .info_area .title {font-size: 1.25vw;}
    .brand_clip .info_area .sub {margin-top: 0.63vw; font-size: 0.83vw;}
    .brand_clip .product_list_wrap .prd-list.row {gap: 0.83vw 0;}
    .brand_clip .product_list_wrap .prd-list.row .prd-img {width: 6.93vw;}
    .brand-main .swiper-scrollbar {margin-top: 2.08vw;}
}
@media screen and (max-width: 1320px){
    .brand_clip {margin-bottom: 69px;}
    .brand_clip .swiper-slide {gap: 0 14px;}
    .brand_clip .thumb_area {width: 232px;}
    .brand_clip .thumb_area::after {top: 12px; right: 12px; width: 32px; height: 32px;}
    .brand_clip .info-wrap {width: calc(100% - 245px);}
    .brand_clip .info_area .title {font-size: 17px;}
    .brand_clip .info_area .sub {margin-top: 8px; font-size: 11px;}
    .brand_clip .product_list_wrap .prd-list.row {gap: 11px 0;}
    .brand_clip .product_list_wrap .prd-list.row .prd-img {width: 91px;}
    .brand-main .swiper-scrollbar {margin-top: 27px;}
}

/* best ranking */
.brand_best_ranking {margin-bottom: 90px;}
.brand_best_list {overflow: hidden;}
.brand_best_list .prd-list {flex-wrap: nowrap;}
.brand_best_list .prd-list .prd-info {padding: 16px 12px 0;}
.brand_best_list .prd-list .name {margin-top: 0;}
.brand_best_list .prd-list .price-special {margin-top: 0;}
.brand_best_list .prd-list .secret,
.brand_best_list .prd-list .premium,
.brand_best_list .prd-list .member {font-weight: 300; font-size: 12px; color: #111;}
.brand_best_list .prd-list .secret strong,
.brand_best_list .prd-list .premium strong,
.brand_best_list .prd-list .member strong {font-weight: 300; font-size: 16px;}
.brand_best_list .prd-list .secret {color: #F20084;}

/* lookbook */
.lookbook_wrap {overflow: hidden; margin-bottom: 90px;}
.lookbook_list .swiper-slide a {position: relative; display: block;}
.lookbook_list .thumb_area {position: relative; padding-top: 60.985%;}
.lookbook_list .thumb_area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.lookbook_list .swiper-slide p {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-weight: 700; font-size: 43px; color: #fff; text-align: center;}
.lookbook_list.swiper-off .swiper-wrapper {justify-content: start;}
.lookbook_list.swiper-off .swiper-scrollbar {display: none;}

.lookbook_wrap .swiper-scrollbar {position: relative; left: auto; bottom: auto; z-index: 2; width: 100%; height: 1px; border-radius: 0; background: rgba(0,0,0,.1);}
.lookbook_wrap .swiper-scrollbar-drag {top: -1px; height: 2px; border-radius: 0; background: #000;}
@media screen and (min-width: 1321px){
    .lookbook_list .swiper-slide p {font-size: 2.24vw;}
}
@media screen and (max-width: 1320px){
    .lookbook_list .swiper-slide p {font-size: 30px;}
}
/* #8962 기존 소스 수정 :E */

/* ------ lookbook popup ------ */
#lookBookDetail .btn-close {top: 15px; right: 15px;}
.lookbook_area {position: relative; width: 100%;}
.lookbook_area .brand_btn_group {position: absolute; top: -2px; right: 0;}
.lookbook_area .btn_ico_share_b {padding: 0; width: 24px; height: 24px; font-size: 0;}
.lookbook_area .btn_ico_share_b::after {content: ''; display: inline-flex; width: 100%; height: 100%; background: url('../img/icon_share_b.png') no-repeat center / 24px 24px;}
/* title */
.lookbook_area .brand_title {margin-bottom: 40px;}
.lookbook_area .brand_title .brand_name {margin: 3px 0 8px; padding-right: 30px; font-weight: 500; font-size: 18px; color: #111; word-break: keep-all;}
.lookbook_area .brand_title .brand_name ~ p {width: 100%; font-weight: 400; font-size: 13px; line-height: 1.5; color: #555; word-break: keep-all;}
/* img */
.lookbook_area .lookbook_list {margin-bottom: 40px; width: 100%;}
.lookbook_area .lookbook_list .lookbook_img {line-height: 0;}
.lookbook_area .lookbook_list .lookbook_img img {width: 100%;}
/* archive */
.lookbook_area .title_area {display: flex; margin-bottom: 20px;}
.lookbook_area .title_area .tit_h1 {font-weight: 500; font-size: 18px;}
.lookbook_area .box_type {overflow: hidden;}
.lookbook_area .swiper.lookbook .thumb_area {position: relative; padding-bottom: 60.746%; height: auto;}
.lookbook_area .swiper.lookbook .thumb_area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.lookbook_area .swiper.lookbook .thumb_area .bottom {position: absolute; bottom: 20px; left: 0; padding: 0 20px; width: 100%; box-sizing: border-box; font-weight: 500; font-size: 18px; color: #fff; letter-spacing: 0; text-align: center;}
.lookbook_area .swiper-scrollbar {position: relative; left: auto; bottom: auto; margin-top: 25px; width: 100%; height: 1px;}
.lookbook_area .swiper-scrollbar-drag {top: -1px; height: 2px; background: #111;}
/* more */
.barnd_more_view {display: flex; align-items: center; margin-top: 40px;}
.barnd_more_view .brand_thumb {overflow: hidden; position: relative; width: 72px; height: 72px; border-radius: 50%; border: 1px solid #555;}
.barnd_more_view .brand_thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.barnd_more_view .brand_name {margin-left: 9px;}
.barnd_more_view .brand_name a {display: flex; flex-direction: column; gap: 5px 0; font-weight: 400; font-size: 12px; color: #555; letter-spacing: 0;}
.barnd_more_view .brand_name a strong {font-weight: 500; color: #111;}



/* 메인 기획전 좌우형 탭 style 추가 */
.main_exh_tab {overflow: hidden; position: sticky; top: 0; z-index: 6; width: 100%; background: #fff;}
.main_exh_tab::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eee;}
.main_exh_tab .swiper-slide {width: auto;}
.main_exh_tab a {display: block; padding-top: 11px; padding-bottom: 11px; border-bottom: 2px solid transparent; font-size: 17px; line-height: 1.45; color: #888; letter-spacing: -0.6px;}
.main_exh_tab li + li {margin-left: 40px;}
.main_exh_tab li.on a {font-weight: 500; border-bottom-color: #111; color: #111;}
.main_exh_tab div[class*="swiper-button"] {top: 0; z-index: 2; margin-top: 0; width: 50px; height: 100%;}
.main_exh_tab .swiper-button-prev {left: 0; background: linear-gradient(to left, transparent 0, var(--white) 100%);}
.main_exh_tab .swiper-button-next {right: 0; background: linear-gradient(to right, rgba(255,255,255,.0) 0, var(--white) 100%);}
.main_exh_tab .swiper-button-next.swiper-button-disabled,
.main_exh_tab .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.main_exh_tab div[class*="swiper-button"]::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_exh_tab .swiper-button-prev:after {background: url('../img/tab_arrow_prev.png') no-repeat left center;}
.main_exh_tab .swiper-button-next:after {background: url('../img/tab_arrow_next.png') no-repeat right center;}


/* ------ 아울렛 메인 ------ */
/* 브랜드리스트 - 슬라이드 */
.outlet_brand_list {overflow: hidden; position: relative;}
.outlet_brand_list .swiper-slide {width: auto;}
.outlet_brand_list .thumb_area {overflow: hidden; position: relative; display: block; border-radius: 50%;}
.outlet_brand_list .on .thumb_area:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--gray_06); box-sizing: border-box; border-radius: 50%;}
.outlet_brand_list .thumb_area img {position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}
.outlet_brand_list .txt {font-weight: 500; color: var(--gray_06); text-align: center;}
.outlet_brand_list .on .txt {color: var(--gray_08);}

.outlet_brand_list .arrow {position: absolute; top: 0; z-index: 3; margin-top: 0; height: 100%;}
.outlet_brand_list .swiper-button-prev {left: 0; background: linear-gradient(to left, rgba(255,255,255,.0) 0%, var(--white) 60%);}
.outlet_brand_list .swiper-button-next {right: 0; background: linear-gradient(to right, rgba(255,255,255,.0) 0%, var(--white) 60%);}
.outlet_brand_list .swiper-button-next.swiper-button-disabled,
.outlet_brand_list .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.outlet_brand_list .arrow::after {content: ''; position: absolute; top: 0; width: 100%; height: 74.5%; background: url('../img/arrow_dark_gray.png') no-repeat right center;}
.outlet_brand_list .swiper-button-prev::after {transform: rotate(-180deg);}
.outlet_brand_list .swiper-button-next::after {right: 0;}
@media screen and (min-width: 1321px){
    .outlet_main .sub_conts_box {margin-bottom: -8.34vw;}
    .outlet_brand_list .thumb_area {width: 4.27vw; height: 4.27vw;}
    .outlet_brand_list .txt {margin-top: 0.36vw; width: 4.27vw; font-size: 0.63vw;}
    .outlet_brand_list .arrow {width: 2.19vw;}
    .outlet_brand_list .arrow::after {background-size: auto 0.73vw;}
}
@media screen and (max-width: 1320px){
    .outlet_main .sub_conts_box {margin-bottom: -110px;}
    .outlet_brand_list .thumb_area {width: 56px; height: 56px;}
    .outlet_brand_list .txt {margin-top: 5px; width: 56px; font-size: 8px;}
    .outlet_brand_list .arrow {width: 29px;}
    .outlet_brand_list .arrow::after {background-size: auto 10px;}
}


/* ------ 바바온 메인 ------ */
.category_main_layout.babaon_main {padding-bottom: 0;}
/* tab */
.line_tabs.sticky {position: sticky; top: 54px; z-index: 10; margin-left: 2.725%; width: calc(100% - 2.725%); background: #fff;}
.line_tabs.sticky ~ .round_tabs {margin-left: 2.725%;  width: calc(100% - 2.725%);}
.round_tabs {display: flex;}
.round_tabs .btn_ico_refresh {display: none; margin-right: 6px; padding: 0; border: 1px solid var(--gray_03); border-radius: 100px; font-size: 0; background: var(--white) url('../img/popup_filtering/icon_refresh_small.png') no-repeat center center;}
.round_tabs .btn_ico_refresh.on {border-color: var(--gray_03); background-color: var(--white);}
@media screen and (min-width: 1321px){
    .line_tabs.sticky {margin-bottom: 1.04vw;}
    .line_tabs.sticky ~ .round_tabs {margin-bottom: 1.04vw;}
    .round_tabs .btn_ico_refresh {width: 2.81vw; height: 2.08vw; background-size: auto 16px;}
}
@media screen and (max-width: 1320px){
    .line_tabs.sticky {margin-bottom: 14px;}
    .line_tabs.sticky ~ .round_tabs {margin-bottom: 14px;}
    .round_tabs .btn_ico_refresh {width: 37px; height: 27px; }
}
/* 라이브 알림 */
.live_pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px 0; width: 160px; height: 120px; background: rgba(0,0,0,.6); color: #fff;}
.live_pop .tit {font-weight: 500; font-size: 16px;}
.live_pop .time {font-weight: 300; font-size: 13px;}
.live_pop .btn_new_alarm {display: inline-flex; justify-content: center; align-items: center; gap: 0 2px; margin-top: 8px; padding: 0 10px; height: 30px; border: 1px solid rgba(255,255,255,.3); font-size: 13px; line-height: 1; color: #fff;}
.live_pop .btn_new_alarm::before {content: ''; width: 16px; height: 16px; background: url('../img/icon_live_alarm.png') no-repeat center center/16px 16px;}
.live_pop .btn_new_alarm.on::before {background: url('../img/icon_live_alarm_on.png') no-repeat center center/16px 16px;}

/* 상품유닛 row */
.renewer .prd-list.row {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr));}
.renewer .prd-list.row li {position: relative; display: flex; justify-content: space-between; align-items: center;}
.renewer .prd-list.row li::after {content: ''; position: absolute; height: 1px; background:var(--gray_02);}
.renewer .prd-list.row li a {display: flex; align-items: center;}
.renewer .prd-list.row .prd-img {flex-shrink: 0;}
.renewer .prd-list.row .prd-info {margin: 0;  box-sizing: border-box;}
.renewer .prd-list.row .prd-info .brand {font-weight: 500;}
.renewer .prd-list.row .prd-info .name .tx-ovf {display: block; font-weight: 400; color: var(--gray_07);}
.renewer .prd-list.row button {flex-shrink: 0;}
@media screen and (min-width: 1321px){
    .renewer .prd-list.row {gap: 1.30vw 0; margin-top: 1.25vw;}
    .renewer .prd-list.row li {padding:0 1.04vw 0 0.68vw;}
    .renewer .prd-list.row li::after {bottom: -0.68vw; left: 0.68vw; width: calc(100% - 1.72vw);}
    .renewer .prd-list.row li a {width: calc(100% - 1.04vw);}
    .renewer .prd-list.row .prd-img {width: 4.06vw;}
    .renewer .prd-list.row .prd-info {padding: 0 0.83vw; width: calc(100% - 4.06vw);}
    .renewer .prd-list.row .prd-info .brand {font-size: 0.83vw;}
    .renewer .prd-list.row .prd-info .name {margin-top: 0.36vw;}
    .renewer .prd-list.row .prd-info .name .tx-ovf {font-size: 0.73vw;}
    .renewer .prd-list.row .prd-price {column-gap: 7px; margin-top: 0.57vw; font-size: 0.83vw;}
    .renewer .prd-list.row .price {font-size: 0.83vw;}
}
@media screen and (max-width: 1320px){
    .renewer .prd-list.row {gap: 17px 0; margin-top: 17px;}
    .renewer .prd-list.row li {padding:0 14px 0 9px;}
    .renewer .prd-list.row li::after {bottom: -9px; left: 9px; width: calc(100% - 23px);}
    .renewer .prd-list.row li a {width: calc(100% - 14px);}
    .renewer .prd-list.row .prd-img {width: 54px;}
    .renewer .prd-list.row .prd-info {padding: 0 11px; width: calc(100% - 54px);}
    .renewer .prd-list.row .prd-info .brand {font-size: 11px;}
    .renewer .prd-list.row .prd-info .name {margin-top: 5px;}
    .renewer .prd-list.row .prd-info .name .tx-ovf {font-size: 10px;}
    .renewer .prd-list.row .prd-price {column-gap: 0.36vw; margin-top: 8px; font-size: 11px;}
    .renewer .prd-list.row .price {font-size: 11px;}
}

/* 알림설정 */
.layerPop.systemPop > .cont {width: 100%; max-width: 320px;}
.layerPop.systemPop > .cont {padding: 36px 20px 20px 20px; border-radius: 0; text-align: center;}
.layerPop.systemPop > .cont > section {padding: 0;}
.layerPop.systemPop > .cont > section .msg {font-weight: 500; font-size:16px; line-height: 24px; color:#111; word-break:keep-all;}
.layerPop.systemPop > .cont > section .btnWrap {display: flex; gap: 0 4px; margin-top: 36px;}
.layerPop.systemPop > .cont > section .btnWrap button {flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 48px; background: #111; font-weight: 500; font-size: 16px; line-height: 1; color: #fff;}
.layerPop.systemPop > .cont > section .btnWrap .btn_new_gray {background: #999;}
.layerPop.systemPop > .cont > section .btnWrap .btn_new_black {background: #111;}


/* 유의사항 #7875 [FO/BO]기획전 유의사항 영역 추가 :S*/
:root {
    --notice-gy: rgba(0,0,0,.4);
    --notice-wh: #fff;
    --notice-wha: rgba(255,255,255,.4); /* #9540 */
    --notice-bk: #000;
    --notice-tp: transparent;
}
.exh_notice {text-align: center;
    container-name : notice-container;
    container-type : inline-size;}
.exh_notice * {box-sizing: border-box;}
.exh_notice h3 {display: inline-flex;}
.exh_notice h3 a {display: flex; align-items: center; border: 0 none; border-style: solid; font-weight: 500;}
.exh_notice h3 i {position: relative; display: inline-flex;}
.exh_notice h3.on i {transform: scaleY(-1);}
.exh_notice h3 i::before,
.exh_notice h3 i::after {content: ''; position: absolute; top: 50%;}
.exh_notice h3 i::before {left: 0; transform: rotate(45deg);}
.exh_notice h3 i::after {right: 0; transform: rotate(-45deg);}
.exh_notice .exh_notice_cont {display: none; padding: 0 30px;}
.exh_notice .exh_notice_cont ul {display: inline-block; text-align: left;}
.exh_notice .exh_notice_cont ul li {font-weight: 400; word-break: keep-all;}
/* default */
.exh_notice h3 a {border-bottom-color: var(--notice-gy); color: var(--notice-gy);}
.exh_notice h3 i::before,
.exh_notice h3 i::after {background: var(--notice-gy);}
.exh_notice .exh_notice_cont ul li {color: var(--notice-gy);}
/* bg - bk */
.exh_notice.bk {background: var(--notice-bk);}
.exh_notice.bk h3 a {border-bottom-color: var(--notice-wh); color: var(--notice-wh);}
.exh_notice.bk h3 i::before,
.exh_notice.bk h3 i::after {background: var(--notice-wh);}
.exh_notice.bk .exh_notice_cont ul li {color: var(--notice-wh);}
/* bg - wh */
.exh_notice.wh {background: var(--notice-wh);}
.exh_notice.wh h3 a {border-bottom-color: var(--notice-bk); color: var(--notice-bk);}
.exh_notice.wh h3 i::before,
.exh_notice.wh h3 i::after {background: var(--notice-bk);}
.exh_notice.wh .exh_notice_cont ul li {color: var(--notice-bk);}
/* #9540 :S */
/* bg - transparent */
.exh_notice.tp {background: var(--notice-tp);}
.exh_notice.tp h3 a {border-bottom-color: var(--notice-wha); color: var(--notice-wha);}
.exh_notice.tp h3 i::before,
.exh_notice.tp h3 i::after {background: var(--notice-wha);}
.exh_notice.tp .exh_notice_cont ul li {color: var(--notice-wha);}
/* #9540 :E */
/* custom */
.exh_notice.custom {background: var(--notice-tp); background: var(--notice-custom-bg);}
.exh_notice.custom h3 a {border-bottom-color: var(--notice-custom); color: var(--notice-custom);}
.exh_notice.custom h3 i::before,
.exh_notice.custom h3 i::after {background: var(--notice-custom);}
.exh_notice.custom .exh_notice_cont ul li {color: var(--notice-custom);}

@media screen and (min-width: 1902px){
    .exh_notice {padding: 50px 0 100px;}
    .exh_notice h3 a {gap: 0 15px; padding-bottom: 7px; border-bottom-width: 1px; font-size: 18px;}
    .exh_notice h3 i {width: 15px; height: 9px;}
    .exh_notice h3 i::before, .exh_notice h3 i::after {width: 9px; height: 2px;}
    .exh_notice .exh_notice_cont {margin-top: 20px;}
    .exh_notice .exh_notice_cont ul li {padding-left: 11px; font-size: 18px; line-height: 32px; text-indent: -11px;} /* #8811 */
}
@media screen and (max-width: 1901px) and (min-width: 1321px){
    .exh_notice {padding: 2.60vw 0 5.21vw;}
    .exh_notice h3 a {gap: 0 0.78vw; padding-bottom: 0.36vw; border-bottom-width: 0.05vw; font-size: 0.94vw;}
    .exh_notice h3 i {width: 0.78vw; height: 0.47vw;}
    .exh_notice h3 i::before, .exh_notice h3 i::after {width: 0.47vw; height: 0.10vw;}
    .exh_notice .exh_notice_cont {margin-top: 1.04vw;}
    .exh_notice .exh_notice_cont ul li {padding-left: 0.57vw; font-size: 0.94vw; line-height: 1.67vw; text-indent: -0.57vw;} /* #8811 */
}
@media screen and (max-width: 1320px){
    .exh_notice {padding: 34px 0 69px;}
    .exh_notice h3 a {gap: 0 10px; padding-bottom: 5px; border-bottom-width: 1px; font-size: 12px;}
    .exh_notice h3 i {width: 10px; height: 6px;}
    .exh_notice h3 i::before, .exh_notice h3 i::after {width: 6px; height: 1px;}
    .exh_notice .exh_notice_cont {margin-top: 14px;}
    .exh_notice .exh_notice_cont ul li {padding-left: 8px; font-size: 12px; line-height: 22px; text-indent: -8px;} /* #8811 */
}
@container notice-container (max-width: 580px) {
    .exh_notice {padding: 34px 0 69px;}
    .exh_notice h3 a {gap: 0 10px; padding-bottom: 8px; border-bottom-width: 1px; font-size: 17px;}
    .exh_notice h3 i {width: 10px; height: 6px;}
    .exh_notice h3 i::before, .exh_notice h3 i::after {width: 6px; height: 1px;}
    .exh_notice .exh_notice_cont {margin-top: 21px; padding: 0 30px;}
    .exh_notice .exh_notice_cont ul li {padding-left: 10px; font-size: 15px; line-height: 26px; text-indent: -10px;}
}
/* 유의사항 #7875 [FO/BO]기획전 유의사항 영역 추가 :E*/



/* #7906 [FO] 클립 전용 페이지 추가 작업 요청 :S */
.no-scroll {overflow: hidden;}
html.clip {background: #000;}
html.clip .center-wrap {margin: 0 auto; padding: 0;}

.clip-header {position: absolute; top: 0; left: 0; z-index: 111; width: 100%; min-width: 1320px;}
.clip-header-inner {position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 0 20px; width: 520px; height: 50px; box-sizing: border-box;}
.clip-header .btn-back {width: 32px; height: 32px; background: url(../img/header_back_wh.png) no-repeat center center / 24px 24px; font-size: 0;}
.clip-header .page-title {flex: 1; margin-left: 2px; font-size: 18px; line-height: 1; color: #fff; letter-spacing: -0.12px;}
.clip-header  button {width: 32px; height: 32px; font-size: 0;}
.clip-header .btn-home {background: url('../img/icon_home_w.png') no-repeat center center/24px 24px;} /* #10782 [FO] 숏핑 상세 뒤로가기 개선 */
.clip-header .btn-share {background: url('../img/icon_share_w.png') no-repeat center center/24px 24px;}
.clip-header .btn-sound {margin-left: 2px; background: url('../img/icon_sound_off.png') no-repeat center center/24px 24px;}
.clip-header .btn-sound.on {background: url('../img/icon_sound_on.png') no-repeat center center/24px 24px;}
.sound-tooltip {position: absolute; top: 100%; right: 20px; padding: 6px 8px; background: rgba(0,0,0,0.6); font-weight: 500; font-size: 12px; line-height: 1.5; color: #fff;}
.sound-tooltip::before {content: ''; position: absolute; bottom: 100%; right: 0; border-bottom: 6px solid rgba(0,0,0,0.6); border-left: 6px solid transparent;}
.btn-sound.on + .sound-tooltip {opacity: 0;}
.sound-tooltip.show {animation: textOut .3s 3s ease-out forwards;}
@keyframes textOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}
/* clip */
.clip-wrap {margin: -30px auto -100px; width: 520px; height: 100dvh; background: #000;}
.clip-wrap .swiper-container {width: 100%; height: 100%;}
.clip-wrap .swiper-slide {overflow: hidden; position: relative; height: 100%;}
/* video */
.clip-wrap .clip-video-area {position: relative; width: 100%; height: 100%;}
.clip-wrap .clip-video-area::before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 20%; background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0));}
.clip-wrap .clip-video-area video {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.clip-wrap .clip-video-area .icon { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 0;}
.clip-wrap .clip-video-area .icon.play {background: rgba( 0,0,0,0.3) url('../img/btn_clip_play.png') no-repeat center center/auto 20px;}
.clip-wrap .clip-video-area .icon.pause {background: rgba( 0,0,0,0.3) url('../img/btn_clip_pause.png') no-repeat center center/auto 20px;}
/* info */
.clip-info-area {position: absolute; bottom: 57px; left: 0; z-index: 3; padding: 0 20px; width: 100%; box-sizing: border-box; transform: translateZ(0);}
/* brand */
.clip-info-area .brand-info {margin-bottom: 14px; text-align: left; transform: translateZ(0);}
.clip-info-area .brand-info a {display: inline-flex; align-items: center; column-gap: 8px;}
.clip-info-area .brand-info .thumb {overflow: hidden; position: relative; width: 32px; height: 32px; border-radius: 50%; background: none;}
.clip-info-area .brand-info .thumb a {display: block; position: relative; width: 100%; height: 100%;}
.clip-info-area .brand-info .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.clip-info-area .brand-info .brand-name {font-weight: 500; font-size: 12px; color: #fff;}
.clip-info-area .video-conts {margin-bottom: 15px; width: 100%; max-width: calc(100% - 30px);}
.clip-info-area .video-conts .tit-wrap {display: flex; align-items: baseline;}
.clip-info-area .video-conts .subject {overflow: hidden; text-overflow: clip; white-space: nowrap; display: block; max-width: calc(100% - 67px); font-weight: 500; font-size: 16px; color: #fff;}
.clip-info-area .video-conts .word {overflow: hidden; display: none; margin-top: 7px; width: 100%; max-height: calc(100dvh - 470px); font-size: 12px; line-height: 1.5; color: #fff;}
.clip-info-area .video-conts .btn_more {flex-shrink: 0; display: inline-flex; align-items: center; gap: 0 7px; padding: 0; font-weight: 500; font-size: 12px; color: #fff;}
.clip-info-area .video-conts .btn_more::before {content:'...'; display: inline-flex; align-items: baseline;}
.clip-info-area .video-conts .btn_more::after {content: ''; transform: translateY(-2px) rotate(45deg); display: inline-flex; width: 6px; height: 6px; border: 2px solid #fff; border-width: 0 2px 2px 0;}
.clip-info-area.on .word {display: block;} /* #9556 */
.clip-info-area.on .word p {word-break: break-word; white-space: pre-line;} /* #9556 라인추가 */
.clip-info-area.on .btn_more {display: none;}
/* #9556 :S */
/* keyword */
.clip-info-area .video-conts .keyword {display: flex; gap: 5px 10px; flex-wrap: wrap; margin-top: 10px;}
.clip-info-area .video-conts .keyword li {display: block; font-size: 12px; color: #fff;}
/* #9556 :E */
/* goods */
.clip-info-area .goods-list {display: grid; gap: 0 4px; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 396px;}
.clip-info-area .goods-list li a {overflow: hidden; position: relative; display: block; padding-top: 133%;}
.clip-info-area .goods-list li a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.clip-info-area .goods-list li:nth-child(4) span {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba( 0,0,0,0.6); font-weight: 500; font-size: 12px; color: #fff;}
/* progress */
.progress-container {position: absolute; bottom: 30px; left: 20px; z-index: 4; right: 20px; display: flex; align-items: end; height: 43px; touch-action: pan-x;}
.progress-container:after {content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 3px; background: rgba(255, 255, 255, 0.3); cursor: pointer;}
.progress-bar {margin-bottom: 10px; height: 3px; background: #fff;}
.progress-controller {position: absolute; top: 0; margin-left: -21.5px; width: 43px; height: 22px; background-color: rgba( 0,0,0,0.6); font-weight: 500; font-size: 12px; line-height: 22px; color: #fff; letter-spacing: 0; text-align: center; cursor: pointer; transition: transform 0.1s ease; opacity: 0;}
/* drag active */
.swiper-slide.move .clip-info-area {opacity: 0;}
.swiper-slide.move .progress-container .progress-controller {opacity: 1;}
/* dim */
.clip-info-area + .info-bg {content: ''; position: absolute; bottom: -57px; left: 0; z-index: 1; width: 100%; height: calc(100dvh + 57px); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.50) 100%); display: none;}
.clip-info-area.on + .info-bg {display: block;}

/* popup */
.layerPop.clip_pop {min-width: 1320px;}
.layerPop.bottomUp.clip_pop .cont {position: absolute; left: 50%; margin-left: -260px; width: 520px; padding: 40px 0 0; border-radius: 0;}
.layerPop.bottomUp.clip_pop .cont > section {overflow: hidden auto; padding: 0 20px 20px; height: 570px;}
.layerPop.bottomUp.clip_pop .btn-close {top: 16px; left: 50%; margin-left: -24px; width: 48px; height: 3px; background: #eee;}
.layerPop.bottomUp.clip_pop .btn-close::after {content: ''; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); width: 100%; height: 40px;}
.layerPop.bottomUp.clip_pop .prd_area .prd-list {row-gap: 10px;}
.layerPop.bottomUp.clip_pop .prd_area .prd-info {margin-top: 10px;}

/* coupon down */
.clip-header .clip-coupon-down-info {position: absolute; top: 110px; right: 18px; padding: 0; width: 62px; height: auto;}
.clip-header .clip-coupon-down-info img {width: 100%;}
.clip-header .clip-coupon-down-info .off {display: none;}
.clip-header .clip-coupon-down-info.complete .on {display: none;}
.clip-header .clip-coupon-down-info.complete .off {display: block;}
.clip .coupon-wrap {margin: 0; padding: 0 0 68px;}
.clip .coupon-wrap .coupon-list li + li {margin-top: 11px;}
.clip .coupon-down {position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 56px;}
.clip .coupon-down button {width: 100%; height: 100%; border: 0 none; background: #111; font-weight: 500; font-size: 16px; color: #fff;}
.clip .coupon-down button:disabled {background: #999;}
/* #7906 [FO] 클립 전용 페이지 추가 작업 요청 :E */

.layerPop.shortping_pop .cont {padding: 24px; width: 460px; border-radius: 0;}
.layerPop.shortping_pop .cont > section {overflow-x: hidden; width: 100%; max-height: calc(100vh - 295px);}
.layerPop.shortping_pop .layerTitle {margin-bottom: 2px; font-weight: 300; font-size: 16px; color: #111;}
.layerPop.shortping_pop .layerSubTitle {margin-bottom: 12px; font-weight: 500; font-size: 18px; line-height: 26px; color: #111;}
.layerPop.shortping_pop .exh-list ul {display: grid; gap: 12px 4px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.layerPop.shortping_pop .exh-list li {width: 100%;}
.layerPop.shortping_pop .exh-list li + li {margin: 0;}
.layerPop.shortping_pop .exh-list .ratio {overflow: hidden; position: relative; aspect-ratio: 134 / 178;}
.layerPop.shortping_pop .exh-list .ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.layerPop.shortping_pop .exh-list .info {margin-top: 6px;}
.layerPop.shortping_pop .exh-list .title {font-weight: 400; font-size: 13px; color: #111; word-break: keep-all;}
.layerPop.shortping_pop .exh-list .title {font-weight: 400; font-size: 13px; color: #111; word-break: keep-all; -webkit-line-clamp: 1;} /* #10293 20260327 */

.layerPop.shortping_pop .btn-close {position: relative; top: auto; right: auto; margin-top: 24px; width: 100%; height: 54px; background: #000; font-size: 14px; color: #fff;}
/* #10293 :E */


/* #8006 [2025 상반기 패밀리세일] [FO] 반품 불가 안내 및 반품 버튼 동작 수정 :S */
.notice-famcel {margin: 35px 0 50px;}
.notice-famcel .checkbox {margin-bottom: 20px;}
.notice-famcel .checkbox label {font-size: 16px;}
.notice-famcel .checkbox label::before {display: none;}
.notice-famcel ul li {font-weight: 300; font-size: 14px; line-height: 20px; color: #666;}
.notice-famcel ul li + li {margin-top: 2px;}
.point-red {color: #ff0000 !important;}
p.notice-famcel {margin: 0 0 -45px; font-size: 16px;}
/* #8006 [2025 상반기 패밀리세일] [FO] 반품 불가 안내 및 반품 버튼 동작 수정 :E */


/* #8188 [FO] 프리미엄 라운지 리뉴얼 작업 요청 :S */
.premium-area {}
.premium-inner {margin: 0 auto; padding: 100px 0; width: 1312px;}

/* #9111 25/6/23 바바프리미엄 테이스팅 위크(라운지) 개발 요청 :S */
.premium-visual {overflow: hidden; margin: 0 -46px;}
.premium-visual img {position: relative; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px;}
/* #9111 25/6/23 바바프리미엄 테이스팅 위크(라운지) 개발 요청 :E */


.premium-header {position: relative; padding: 60px 0;}
.premium-header::after {content: ''; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: calc(-50% - 46px); width: calc(100% + 92px); height: 100%; background: var(--gray_01);}
.premium-header .premium-inner {display: flex; justify-content: space-between; align-items: center; padding: 0;}
.premium-header p {font-weight: 400; font-size: 24px; line-height: 1.4; color: var(--gray_08);}
.premium-header p strong {font-weight: 700;}
.premium-header .premium-date {display: flex; column-gap: 60px;}
.premium-header .premium-date dl {display: flex; column-gap: 14px;}
.premium-header .premium-date dl * {font-weight: 500; font-size: 14px; color: var(--gray_06);}
.premium-header .premium-date dl dt::after {content: ''; position: relative;  top: -1px; display: inline-flex;  margin-right: 10px; margin-left: 5px; width: 7px; height: 7px; border: 1px solid var(--gray_06); border-width: 1px 1px 0 0;  transform: rotate(45deg);}
.premium-header .premium-date dl.pt * {color: #9B6407;}
.premium-header .premium-date dl.pt dt::after {display: none;}
.premium-header .premium-date dl a {display: inline-flex;}
/* title */
.premium-area .page-top {margin-bottom: 40px;}
.page-top.col {flex-direction: column; align-items: start; margin-bottom: 30px;}
.page-top h4 {margin-top: 60px; font-weight: 500; font-size: 24px; color: var(--gray_08);}
.page-top:first-child h4 {margin-top: 0;}
.page-top p {margin-top: 10px; font-size: 14px; color: var(--gray_07);}
/* benefit */
.benefit-list {display: grid; gap: 0 21px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.benefit-list dl {overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; gap: 10px 0; padding: 30px; height: 160px; background: var(--gray_02) url('../img/coupon_logo_gy.png') no-repeat right center;}
.benefit-list dl::before,
.benefit-list dl::after {content: ''; position: absolute; right: 59px; width: 15px; height: 15px; border-radius: 50%; background: #fff;}
.benefit-list dl::before {bottom: 100%; margin-bottom: -8px;}
.benefit-list dl::after {top: 100%; margin-top: -8px;}
.benefit-list dl dt {font-weight: 500; font-size: 16px; color: var(--gray_08);}
.benefit-list dl dd {font-weight: 500; font-size: 32px; color: var(--gray_08);}
.benefit-list dl.bk {background: var(--gray_08) url('../img/coupon_logo_bk.png') no-repeat right center;}
.benefit-list dl.bk * {color: #fff;}
/* #9111 :S */
.benefit-list dl.bk span {display: block; font-weight: 500; font-size: 14px; color: #fff; opacity: .3;}
.premium-exh .benefit-list {margin-bottom: 40px;}
.benefit-info {display: block; margin-top: 30px; font-size: 14px; color: var(--gray_07);}
/* #9111 :E */

/* pirce */
.price-benefit .premium-inner {padding: 0;}
.price-info {width: 100%;}
.price-info dl {display: flex; flex-wrap: wrap;}
.price-info dt {width: 40%; font-weight: 400; font-size: 14px; color: var(--gray_07);}
.price-info dd {display: flex; align-items: center; justify-content: end; gap: 0 12px; width: 60%; font-weight: 500; font-size: 16px; color: var(--gray_08); text-align: right;}
.price-info dd:first-of-type {font-weight: 400; color: var(--gray_07);}
.price-info dt:last-of-type {font-weight: 500; color: var(--gray_08);}
.price-info dt:last-of-type ,
.price-info dd:last-of-type {margin-bottom: 0; padding-top: 21px; border-top: 1px solid var(--gray_08);}
.price-info dl > * {margin-bottom: 20px; line-height: 28px;}
.price-info dd strong {padding: 0 6px; background: var(--gray_08); font-weight: 400; font-size: 12px; line-height: 22px; color: #fff;}
.price-info dd em {font-style: normal; font-weight: 300; color: var(--gray_05); text-decoration: line-through;}
.price-info dd span {font-weight: 500; color: var(--gray_08);}
/* #9111 :S */
.price-info dt.pt {display: flex; align-items: center; flex-wrap: wrap; gap: 15px 10px; color: #F20084;} /* #9707 */
.price-info dt strong {padding: 0 6px; background: var(--gray_08); font-weight: 400; font-size: 12px; line-height: 22px; color: #fff;}
.price-info dt.pt div {width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; color: #999;} /* #9707 */
.price-info dd.pt {align-items: start; color: #F20084;}
/* #9111 :E */

.premium-exh {position: relative;}
.premium-exh::after {content: ''; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: calc(-50% - 46px); width: calc(100% + 92px); height: 100%; background: var(--gray_01);}
/* slide */
.premium-area .swiper-wrap .swiper-container {padding-bottom: 40px;}
.premium-area .swiper-wrap .swiper-scrollbar {background: rgba(0,0,0,.1);}
.premium-area .swiper-wrap .swiper-scrollbar-drag {margin-top: -1px; height: 2px;}
/* goods list */
.premium-area .goods_filtering {position: sticky; top: 54px; margin-top: -10px; padding-top: 10px;}
.premium-area .goods_filtering ul {max-width: 1312px;}
.premium-area .goods_filtering.fixed {padding-bottom: 9px;}
/* notice */
.premium-notice {margin-top: 40px; text-align: center;}
.premium-cart .premium-notice, .premium-goods .premium-notice {margin-top: 70px;}
.premium-notice h4 a {display: inline-flex; column-gap: 10px; font-weight: 500; font-size: 14px; color: var(--gray_07);}
.premium-notice h4 a::after {content: ''; display: inline-flex; margin-top: 2px; width: 7px; height: 7px; border: 1px solid var(--gray_06); border-width: 1px 1px 0 0;  transform: rotate(135deg);}
.premium-notice h4.on a::after {margin-top: 6px; transform: rotate(-45deg);}

.premium-notice-conts {display: none; padding-top: 20px; text-align: left;}
.premium-notice h4.on + .premium-notice-conts {display: inline-block;}
.premium-notice h5 {margin: 30px 0 7px; font-weight: 500; font-size: 14px; color: var(--gray_06);}
.premium-notice h5:first-of-type {margin-top: 0;}
.premium-notice-conts ul li {position: relative; padding-left: 12px; font-size: 14px; line-height: 24px; color: var(--gray_06); letter-spacing: 0;}
.premium-notice-conts ul li::before {content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--gray_06);}
.premium-notice-conts ul li a {display: inline-flex; text-decoration: underline; color: var(--gray_08);}
/* btn */
.sign-up-premium {position: fixed; bottom: 40px; left: 50%; z-index: 11; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 400px; height: 56px; background: #9B6407; font-weight: 500; font-size: 22px; color: var(--white); transition: all .1s;}
.sign-up-premium.full {bottom: 0; width: 100%;}
.sign-up-premium.on {position: relative; width: 400px;}
/* benufit info */
.premium-benufit-info {display: flex; width: 100%; border: 1px solid var(--gray_03); border-width: 1px 0; border-top-color: var(--gray_08); text-align: center;}
.premium-benufit-info dl {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 10px; height: 106px;}
.premium-benufit-info dl dt {font-weight: 400; font-size: 14px; color: var(--gray_07);}
.premium-benufit-info dl dd {font-weight: 500; font-size: 20px; color: var(--gray_08);}
.premium-benufit-info dl dd span {color: var(--gray_07);}
.premium-benufit-info ~ .page-top {padding-top: 10px;}
/* fasta */
.premium-event-banner {margin: 0 auto; max-width: 1320px;}
.premium-event-banner.full {overflow: hidden; margin: 0 -46px; width: calc(100% + 92px); max-width: calc(100% + 92px);}
.premium-event-banner.full img {position: relative; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px;}
/* #8188 [FO] 프리미엄 라운지 리뉴얼 작업 요청 :E */


/* #8285 [FO/BO] 메인 페이지 클립 구좌 추가 요청 :S */
/* #10495 :S */
.main-clip-wrap {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 4px;}
.main-clip-wrap .main-clip-video-area {position: relative; width: 100%; aspect-ratio: 2/3;}
.main-clip-wrap .main-clip-video-area:after {content: ''; position: absolute; top: 6px; right: 6px; z-index: 2; width: 28px; height: 28px; background: url('../img/play_btn_new.png') no-repeat center center/auto 100%; opacity: 1;}
.main-clip-wrap .on .main-clip-video-area::after {opacity: 0;}
.main-clip-wrap .main-clip-video-area video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main-clip-wrap.ranking {counter-reset: rank;}
.main-clip-wrap.ranking .swiper-slide {counter-increment: rank;}
.main-clip-wrap.ranking .swiper-slide:after {content: counter(rank); position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 0; width: 1.46vw; height: 1.46vw; border-radius: 0; background: var(--gray_08); font-weight: 700; font-size: 0.73vw; line-height: 1.46vw; color: var(--white);}
@media screen and (min-width: 1321px){
    .main-clip-wrap .main-clip-video-area:after {top: 0.31vw; right: 0.31vw; width: 1.46vw; height: 1.46vw;}
}
@media screen and (max-width: 1320px){
    .main-clip-wrap .main-clip-video-area:after {top: 4px; right: 4px; width: 19px; height: 19px;}
}
/* #10495 :E */
/* #8285 [FO/BO] 메인 페이지 클립 구좌 추가 요청 :E */


/* #8253 [FO]신상 메뉴 개선 :S */
/* 타이틀*/
.best-wrap .page-top {margin: 80px 0 40px;}
.best-wrap .cont-wrap > div:first-child .page-top {margin-top: 0;}
.best-wrap .page-top .page-sub-title {font-weight: 300;}
.best-wrap .page-top .page-sub-title strong {font-weight: 400;}
/* 브랜드 */
.new-brand-list .brand_tabs {margin-top: -20px;}
.new-brand-list .brand_tabs ul {display: flex;}
/**/
.new-brand-slider {overflow: hidden; width: 100%;}
.new-brand-slider .swiper-wrapper .swiper-slide {overflow: hidden;}
.best-wrap .swiper-wrap .prd-list.thum li + li {margin: 0;}
/* 슬라이드 */
.best-wrap .swiper-wrap {position: relative;}
.best-wrap .swiper-wrap .swiper-container {padding-bottom: 0;}
.best-wrap .swiper-wrap .prd-list {flex-wrap: initial; width: 100%;}
.best-wrap .swiper-wrap .prd-list .badge {padding: 0; width: 30px; text-align: center;}
.best-wrap .swiper-wrap .prd-list .prd-price {padding: 0 12px;}
.best-wrap .swiper-wrap .swiper-button-prev ,
.best-wrap .swiper-wrap .swiper-button-next {top: calc((288 / 421 * 100%) / 1.6);}
.best-wrap .swiper-wrap .swiper-button-prev::after {background: rgba( 0,0,0,0.5) url('../img/arrow_white.png') no-repeat center center/auto 14px; transform: rotate(-180deg);}
.best-wrap .swiper-wrap .swiper-button-next::after {background: rgba( 0,0,0,0.5) url('../img/arrow_white.png') no-repeat center center/auto 14px;}

/* 리스트 */
.best-wrap .prd-top {margin-top: 80px;}
@media screen and (min-width: 1321px){
    .best-wrap .brand_tabs .list .thumb_area {width: 6.25vw; height: 6.25vw;}
}
@media screen and (max-width: 1320px){
    .best-wrap .brand_tabs .list .thumb_area {width: 83px; height: 83px;}
}
/* #8253v[FO]신상 메뉴 개선 :E */

/* #9028 [FO] 홈&기프트 카테고리 메인 화면 리뉴얼 작업 요청 :S */
/* visual */
.event-top-banner {overflow: hidden; margin: 0 -46px; height: 640px; font-size: 0;} /* #9271 */
.event-top-banner .swiper-slide {overflow: hidden; position: relative; width: 100%; aspect-ratio: 3 / 1;}
.event-top-banner .swiper-slide a {position: relative; display: block;  width: 100%; height: 100%;}
.event-top-banner .swiper-slide img {position: absolute; top: 0; left: 0; transform: scale(1.2); transition: transform 1.5s; will-change: transform; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.event-top-banner .swiper-slide-active img {transform: scale(1);}
.event-top-banner .txtWrap {position: absolute; bottom: 100px; left: 50%; margin-left: -615px; width: 1230px;}
.event-top-banner .txtWrap * {display: block; color: #fff;}
.event-top-banner .txtWrap em {margin-bottom: 20px; font-style: normal; font-weight: 400; font-size: 26px;} /* #9028 20250709 */
.event-top-banner .txtWrap strong {font-weight: 700; font-size: 70px; line-height: 1.12;} /* #9028 20250709 */
.event-top-banner .txtWrap span {margin-top: 25px; font-size: 26px; line-height: 1.5;} /* #9028 20250709 */
.event-top-banner .swiper-pagination-custom {right: auto; left: 50%; margin-left: 550px;}
@media screen and (min-width: 1321px){
    .event-top-banner .txtWrap {bottom: 9.17vw;}
    .event-top-banner .swiper-pagination-custom {bottom: 5.21vw; gap: 0 0.26vw;}
    .event-top-banner .swiper-pagination-custom .current {margin-right: 0;}
}
@media screen and (max-width: 1320px){
    .event-top-banner .txtWrap {bottom: 121px;}
    .event-top-banner .swiper-pagination-custom {bottom: 69px; gap: 0 3px;}
    .event-top-banner .swiper-pagination-custom .current {margin-right: 0;}
}
/* flow banner */
.flow-txt-banner {overflow: hidden; margin: 0 -46px; padding: 0 15px; box-sizing: border-box; background: #111;}
.flow-txt-banner .swiper-wrapper {transition-timing-function: linear;}
.flow-txt-banner .swiper-slide {padding: 15px 0; padding-right: 80px; width: auto; font-style: italic; font-weight: 400; font-size: 16px; color: #fff;} /* #9271 */

/* layout box */
.home-n-gift-wrap .category_unit {margin: 100px auto; width: 1230px;}
.home-n-gift-wrap .category_unit:last-child {margin-bottom: 0;}
.home-n-gift-wrap .page-top {margin-bottom: 30px;}
.category_unit.bg_bk {position: relative;}
.category_unit.bg_bk::after {content: ''; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: calc((var(--scrollbar-width) - 100vw) / 2); width: calc(100vw - var(--scrollbar-width)); height: 100%; background: #000;}
.bg_bk .page-top .page-sub-title {color: #fff;}
.bg_bk .swiper-scrollbar-drag {background: #fff;}
.bg_bk .swiper-scrollbar::after {background: #fff; opacity: .3;}
@media screen and (min-width: 1321px){
    .home-n-gift-wrap .category_unit {margin: 4.17vw auto;}
    .home-n-gift-wrap .category_unit.bg_bk {padding: 4.17vw 0;}
    .home-n-gift-wrap .page-top {margin-bottom: 1.56vw;}
}
@media screen and (max-width: 1320px){
    .home-n-gift-wrap .category_unit {margin: 55px auto;}
    .home-n-gift-wrap .category_unit.bg_bk {padding: 55px 0;}
    .home-n-gift-wrap .page-top {margin-bottom: 21px;}
}
/* 추천카테고리 */
.rec-category {overflow: hidden;} /* 050623 #9028 라인 추가됨*/
.rec-category a {position: relative; display: block;}
.rec-category .tit {position: absolute; left: 11px; bottom: 10px; padding: 5px 6px; font-weight: 500; font-size: 20px; color: #fff; letter-spacing: 0;}
.rec-category .swiper-slide .thumb {overflow: hidden; position: relative; width: 100%; aspect-ratio: 10 / 9;}
.rec-category .swiper-slide .thumb:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(135, 135, 135, 0.47) 47.5%, #000 118.75%); opacity: 0.9; mix-blend-mode: multiply;} /* 20250701 #9028 */
.rec-category .swiper-slide .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
@media screen and (min-width: 1321px){
    .rec-category .tit {left: 0.57vw; bottom: 0.52vw; padding: 0.26vw 0.31vw; font-size: 1.04vw;}
}
@media screen and (max-width: 1320px){
    .rec-category .tit {left: 8px; bottom: 7px; padding: 3px 4px; font-size: 14px;}
}
/* 브랜드 */
.home-n-gift-brand-wrap {overflow: hidden;}
.home-n-gift-brand .thumb_area {margin-bottom: 0; padding-top: 0; aspect-ratio: 3 / 4;} /* 20250701 #9028 */
.home-n-gift-brand .thumb_area a {position: relative; display: block; width: 100%; height: 100%;} /* 20250701 #9028 */
.home-n-gift-brand .thumb_area a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.61; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(135, 135, 135, 0.47) 47.5%, #000 118.75%); mix-blend-mode: multiply;} /* 20250701 #9028 라인추가 */
.home-n-gift-brand .thumb_area .brand-tit {position: absolute; bottom: 0; left: 0; z-index: 4; padding: 20px; width: 100%; min-height: 20px; box-sizing: border-box; font-weight: 500; font-size: 26px; line-height: 1.2; color: #fff; text-align: left; overflow-wrap: break-word; word-break: keep-all; letter-spacing: 0; text-transform: uppercase; hyphens: auto;}
.home-n-gift-brand .thumb_area .brand-tit img {position: absolute; left: 0; bottom: 0; object-fit: contain;}

.home-n-gift-brand .prd-list.row {overflow: hidden; gap: 12px 0; margin-top: 20px; max-height: 193px;}
.home-n-gift-brand .prd-list.row li {padding: 0;}
.home-n-gift-brand .prd-list.row li::after {display: none;}
.home-n-gift-brand .prd-list.row li a {width: 100%;}
.home-n-gift-brand .prd-list.row .prd-img {width: 68px;}
.home-n-gift-brand .prd-list.row .prd-info {padding: 0 10px 0 16px; width: calc(100% - 68px);}
.home-n-gift-brand .prd-list.row .prd-info .name .tx-ovf {font-size: 14px;} /* #10717 20260408 */
.home-n-gift-brand .prd-list.row .prd-price {margin-top: 8px;}
.home-n-gift-brand .prd-list.row .prd-price * {font-size: 17px;} /* #10717 20260408 */
.home-n-gift-wrap .swiper-scrollbar {height: 2px;}

.home-n-gift-wrap .swiper-scrollbar {margin-top: 40px;}
/* #10717 20260408 :S 아래 삭제
@media screen and (min-width: 1321px){
    .home-n-gift-brand .thumb_area .brand-tit {padding: 1.04vw; min-height: 1.04vw; font-size: 1.35vw;}
    .home-n-gift-brand .prd-list.row .prd-info .name .tx-ovf {font-size: 0.78vw;}
    .home-n-gift-brand .prd-list.row .prd-price * {font-size: 1.04vw;}
    .home-n-gift-wrap .swiper-scrollbar {margin-top: 2.08vw;}
}
@media screen and (max-width: 1320px){
    .home-n-gift-brand .thumb_area .brand-tit {padding: 14px; min-height: 14px; font-size: 18px;}
    .home-n-gift-brand .prd-list.row .prd-info .name .tx-ovf {font-size: 10px;}
    .home-n-gift-brand .prd-list.row .prd-price * {font-size: 14px;}
    .home-n-gift-wrap .swiper-scrollbar {margin-top: 27px;}
}
/* #10717 20260408 :E */
/* 클립 */
.home-n-gift-wrap .main-clip-wrap {overflow: hidden; display: block;} /* #10495 20260401 */
.home-n-gift-wrap .main-clip-wrap .main-clip-video-area {padding-top: 0; aspect-ratio: 295 / 449;}
.home-n-gift-wrap .main-clip-wrap .info_area h4 {margin-top: 20px; padding-right: 10px; font-weight: 400; font-size: 24px; color: var(--white); word-break: keep-all;} /* #10495 20260401 */
.home-n-gift-wrap .main-clip-wrap .main-clip-video-area {cursor: pointer;}
.home-n-gift-wrap .main-clip-wrap .main-clip-video-area:after {margin: 0; top: 20px; left: auto; right: 20px; width: 50px; height: 50px;}
@media screen and (min-width: 1321px){
    .home-n-gift-wrap .main-clip-wrap .main-clip-video-area:after {top: 1.04vw; left: auto; right: 1.04vw; width: 2.60vw; height: 2.60vw;}
    .home-n-gift-wrap .main-clip-wrap .info_area h4 {font-size: 1.25vw;} /* #10495 20260401 */
}
@media screen and (max-width: 1320px){
    .home-n-gift-wrap .main-clip-wrap .main-clip-video-area:after {top: 14px; left: auto; right: 14px; width: 34px; height: 34px;}
    .home-n-gift-wrap .main-clip-wrap .info_area h4 {font-size: 17px;} /* #10495 20260401 */
}
/* 이벤트 구좌 */
.home-n-gift-event {overflow: hidden;}
.home-n-gift-event .swiper-wrapper {align-items: end;} /* 250623 #9028 */
.home-n-gift-event .homeNgift-box {display: flex; justify-content: space-between; align-items: end; gap: 0 12px;}
.home-n-gift-event .thumb_area {flex-shrink: 0; width: 53.194%;}
.home-n-gift-event .homeNgift-box .brand {overflow: hidden; display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;} /* 20250625 #9028 */
/* #9028 검수 후 수정 :S */
.home-n-gift-event .thumb_area a {position: relative; display: block; aspect-ratio: 3 / 4;}
.home-n-gift-event .thumb_area a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
/* #9028 검수 후 수정 :E */
.home-n-gift-event .product_list_wrap {overflow: hidden; width: calc(100% - 53.194%);}
.home-n-gift-event .prd-list {display: flex; flex-wrap: nowrap;}
.home-n-gift-event .prd-list .prd-info {margin-top: 12px;}
.home-n-gift-event .swiper-button-next ,
.home-n-gift-event .swiper-button-prev {display: none;}

/* #9028 20250620 :S */
.home-n-gift-event .prd-list .btn-wish ,
.home-n-gift-event .prd-list .btn-wish.on {top: 10px; right: 10px; background-size: 100% auto;}
@media screen and (min-width: 1321px){
    .home-n-gift-event .prd-list .btn-wish ,
    .home-n-gift-event .prd-list .btn-wish.on {top: 0.52vw; right: 0.52vw; width: 1.04vw; height: 1.04vw;}
}
@media screen and (max-width: 1320px){
    .home-n-gift-event .prd-list .btn-wish ,
    .home-n-gift-event .prd-list .btn-wish.on {top: 7px; right: 7px; width: 14px; height: 14px;}
}
/* #9028 20250620 :E */

.prd-list .hover {position: absolute; top: 0; z-index: 2; left: 0; width: 100%; height: 0; opacity: 0; transition: opacity .3s;}
.prd-list .hover img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.prd-list a:hover .hover {height: 100%; opacity: 1;}
/* 바바진 */
.home-n-gift-babazine-list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 12px;}
/* #9028 [FO] 홈&기프트 카테고리 메인 화면 리뉴얼 작업 요청 :E */

/* #9186 [FO/BO] [기획전] 바바데이 자사/입점 유형 추가 :S */
.babaday_exh_wrap {margin: 0 -46px 95px;}
.babaday_exh_wrap * {-webkit-tap-highlight-color: transparent;} /* ios 클릭 딤제거 */
/* visual */
.exh_visual_wrap {overflow: hidden; position: relative;}
.exh_visual_wrap .swiper-slide {overflow: hidden; position: relative; aspect-ratio: 16 / 5; height: 600px;}
/* #9906 주석처리
.exh_visual_wrap .visual_bg {position: relative; width: 100%; height: 100%;}
.exh_visual_wrap .visual_bg::before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba( 0,0,0,0.5);}
.exh_visual_wrap .visual_bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  object-position: center top; transform: scale(1.1); filter: blur(7px); transition: transform 1.5s ease-in-out;}
.exh_visual_wrap .swiper-slide-active .visual_bg img {transform: scale(1);}
.exh_visual_wrap .main_img {overflow: hidden; position: absolute; top: 35px; left: 50%; z-index: 3; margin-left: 170px; width: 400px; height: 530px; border-radius: 235px 235px 0 0;}
.exh_visual_wrap .main_img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
*/
/* #9906 :S 라인 추가 */
.exh_visual_visual > img {position: relative; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px;}
/* #9906 :E */
.exh_visual_wrap .visual_tit {position: absolute; top: 50%; left: 50%; z-index: 2; transform: translateY(-50%); margin-left: -593px; width: 400px; text-align: center;}
.exh_visual_wrap .visual_tit .tit {display: block; font-weight: 700; font-size: 90px; color: #fff; text-align: center;}
.exh_visual_wrap .visual_tit .keyword {display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 30px;}
.exh_visual_wrap .visual_tit .keyword li {display: flex; align-items: center; padding: 0 21px; height: 40px; border: 1px solid #fff; border-radius: 8px; box-sizing: border-box; font-weight: 500; font-size: 16px; line-height: 1; color: #fff;}
.exh_visual_wrap .exh_date {position: absolute; top: 40px; right: 100px; z-index: 2; font-weight: 500; font-size: 20px; color: #fff; letter-spacing: 0;}

.exh_visual_wrap .selected_img {display: flex; width: 100%; height: 100%;}
.exh_visual_wrap .selected_img::before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba( 0,0,0,0.2);}
.exh_visual_wrap .selected_img .selected_img_box {flex: 1; overflow: hidden; position: relative;}
.exh_visual_wrap .selected_img .selected_img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.exh_visual_wrap.selected .visual_tit {margin-left: -960px; padding-left: 100px; width: 960px; box-sizing: border-box; text-align: left;}
.exh_visual_wrap.selected .visual_tit > * + * {margin-top: 20px;}
.exh_visual_wrap.selected .visual_tit .tit {text-align: left;}
.exh_visual_wrap.selected .visual_tit .sub {font-weight: 400; font-size: 28px; color: #fff;}
.exh_visual_wrap.selected .exh_date {position: relative; top: auto; right: auto; font-size: 24px;}
/* flow_brand */
.flow_brand {overflow: hidden; position: absolute; top: 40px; right: 40px; z-index: 2; width: 350px; height: 170px; text-align: right;}
.flow_brand .swiper-wrapper {transition-timing-function: linear;}
.flow_brand li {height: 34px; font-weight: 400; font-size: 18px; line-height: 34px; color: #fff; text-transform: uppercase;}
@media screen and (max-width: 1750px){
    .exh_visual_wrap.selected .visual_tit {left: 0; margin-left: 0;}
}

/* layout */
.exh_section {overflow: hidden; padding-bottom: 100px;} /* #9646 */
.exh_visual_wrap + .exh_section {padding-top: 100px;}
.exh_section:last-child {padding-bottom: 0;}
.exh_section.bg_gy + .exh_section {padding-top: 100px;}
.exh_section.bg_gy {padding: 100px 0; background: #f5f5f5;}
.exh_section_inner {margin: 0 auto; width: 1230px;}
.exh_section .exh_tit_wrap {margin-bottom: 50px; text-align: center;}
.exh_section .exh_tit_wrap h4 {font-weight: 700; font-size: 40px; color: #000; text-transform: uppercase;}
.exh_section .exh_tit_wrap h4 span {display: block; margin-bottom: 7px; font-weight: 400; font-size: 22px;}
.exh_section .tabcont {display: none;}
.exh_section .tabcont.on {display: block;}
/* countdown */
.countdown_area {margin-bottom: 50px; text-align: center;}
.countdown_area .countdown_tit {margin-bottom: 24px; font-weight: 500; font-size: 26px; color: #000;}
.countdown_num {display: flex; justify-content: center;}
.countdown_num li {display: flex; flex-direction: column; gap: 10px 0; width: 166px;}
.countdown_num li span:nth-child(1) {position: relative; display: flex; justify-content: center;}
.countdown_num li strong {flex-shrink: 0; display: flex; justify-content: center; width: 40px; font-weight: 500; font-size: 60px; line-height: 82px; text-align: center;}
.countdown_num li span:nth-child(2) {font-weight: 400; font-size: 22px; line-height: 1; color: #000;}
.countdown_num li span:nth-child(1)::after {content: ':'; position: absolute; top: 0; left: 100%; font-weight: 400; font-size: 60px; line-height: 72px;}
.countdown_num li:last-child span:nth-child(1)::after {display: none;}
/* tab - round */
.round_tab_wrap {margin-bottom: 50px;}
.round_tab_wrap ul {display: flex; justify-content: center; gap: 0 10px;}
.round_tab_wrap ul li a {display: flex; align-items: center; padding: 0 24px; height: 40px; border: 1px solid #ddd; border-radius: 100px; box-sizing: border-box; font-weight: 400; font-size: 18px; color: #555;}
.round_tab_wrap ul li a.on {border-color: #000; background: #000; color: #fff;}
/* tab - line */
.line_tab_wrap {margin-bottom: 50px;}
.line_tab_wrap ul {display: flex; gap: 0 20px;}
.line_tab_wrap ul li a {display: flex; align-items: center; height: 58px; border-bottom: 3px solid transparent; box-sizing: border-box; font-weight: 400; font-size: 24px; color: rgba( 0,0,0,0.6);}
.line_tab_wrap ul li a.on {border-bottom-color: #000; color: #000;}
/* #9934 :S - 여기서부터 끝까지 css 교체해주세요 */
/* coupon */
.exh_section .coupon_wrap {display: flex; justify-content: center; margin: -10px auto 0;}
.exh_section .coupon_wrap > div {flex-shrink: 0;}
.exh_section .coupon-slider {overflow: hidden; position: relative; margin: -10px 0 30px; padding-top: 40px; width: 566px; box-sizing: border-box;}
.exh_section .coupon-slider .swiper-wrapper {height: auto;}
.exh_section .coupon_wrap .swiper-pagination {position: relative; bottom: auto; left: auto; margin-top: 30px; display: flex; justify-content: center; align-items: start; gap: 0 15px; width: 100%;}
.exh_section .coupon_wrap .swiper-pagination-bullet {margin: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.3); background: transparent; opacity: 1;}
.exh_section .coupon_wrap .swiper-pagination-bullet-active {border-color: #000; background: #000;}
.exh_section .coupon-slider-full {overflow: hidden; margin: 0 auto; padding-top: 40px; width: 1136px;}
.exh_section .coupon-slider-full .swiper-wrapper {height: auto;}
.exh_section .coupon_box {position: relative; display: flex; align-items: center; margin: 0 auto; padding: 0 50px; width: 500px; height: 180px; box-sizing: border-box; background: #000 url('../img/coupon_logo.png') no-repeat right center/auto 100%;}
.exh_section .coupon_box::before,
.exh_section .coupon_box::after {content: ''; position: absolute; right: 80px; z-index: 2; width: 20px; height: 20px; border-radius: 50%; background: #f5f5f5;}
.exh_section .coupon_box::before {top: -10px;}
.exh_section .coupon_box::after {bottom: -10px;}
.exh_section .coupon_box a {flex-shrink: 0; position: relative; left: -50px; display: flex; align-items: center; padding: 0 40px; width: calc(100% + 100px); height: 100%; box-sizing: border-box; background: #000 url('../img/coupon_down.png') no-repeat right center/auto 100%;}
.exh_section .coupon_info {display: flex; flex-direction: column-reverse; justify-content: center; align-items: start; gap: 5px 0;}
.exh_section .coupon_box .coupon_type {order: 1; padding: 0 15px; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box; font-weight: 500; font-size: 16px; line-height: 28px; color: #fff; text-align: center;}
.exh_section .coupon_box .discount {font-weight: 400; font-size: 44px; color: #fff;}
.exh_section .coupon_box .discount strong {font-weight: 500; font-size: 64px;}
.exh_section .coupon_box h5 {margin-bottom: 5px; font-weight: 400; font-size: 16px; color: #fff;}
.exh_section .coupon_box .label {position: absolute; top: -40px; right: -33px; display: flex; justify-content: center; align-items: center; width: 87px; height: 87px; border-radius: 50%; background: #C30000; font-weight: 700; font-size: 22px; color: #fff;}
.babaday_exh_wrap .more_view.coupon_down {position: relative; z-index: 3; gap: 0 10px; margin: 40px auto -10px;} /* #9906 */
.babaday_exh_wrap .more_view.coupon_down::after {transform: none; width: 18px; height: 19px; border: 0 none; background: url('../img/ico_coupon_down.png') no-repeat center center;}
.exh_section .exh_notice {padding-bottom: 0;}
/* slide */
.babaday_exh_wrap .prd-list.thum .prd-info {padding-left: 0; padding-right: 0;}
.babaday_exh_wrap .swiper-scrollbar {position: relative; left: auto; bottom: auto; margin-top: 50px; width: 100%; height: 1px; background: rgba( 0,0,0,0.4);}
.babaday_exh_wrap .swiper-scrollbar-drag {top: -1px; height: 2px; background: #000;}
/* last */
.exh_section.last .prd-list .prd-info {position: relative; padding: 36px 14px 0;}
.exh_section.last .prd-list .discount {position: absolute; top: -23px; left: 14px; font-weight: 500; font-size: 40px; color: #000;}
.exh_section.last .prd-list .discount strong {font-weight: 500;}
/* more */
.babaday_exh_wrap .more_view {margin: 50px auto 0; display: flex; justify-content: center; align-items: center; gap: 0 5px; width: 290px; height: 65px; box-sizing: border-box; border-radius: 100px; border: 2px solid #000; font-weight: 500; font-size: 18px; line-height: 1; color: #000;}
.babaday_exh_wrap .more_view::after {content: ''; transform: rotate(45deg); width: 10px; height: 10px; border: 1px solid #000; border-width: 0.1px 0.1px 0 0;}
/* #9934 :E */
/* #9186 [FO/BO] [기획전] 바바데이 자사/입점 유형 추가 :E */

/* #9481 [FO/BO] 홈&기프트 카테고리 메인 > 하단 컨텐츠 리스트 영역 개선 요청 :S */
/* 바바홈 에피소드 */
.babahome_episode {display: flex; gap: 0 12px; width: calc(100% + 12px);}
.babahome_unit_sizer {display: inline-block; width: 33.333%;}
.babahome_unit_wrap {display: inline-block; vertical-align: top; margin-bottom: 40px; padding-right: 12px; width: 33.333%; box-sizing: border-box;}
.babahome_episode .prd-list.row li::after {content: ''; position: absolute; height: 1px; background:var(--gray_02);}
.babahome_episode .prd-list.row li:last-child::after {display: none;}
@media screen and (min-width: 1321px){
    .babahome_unit_wrap {margin-bottom: 2.08vw;}
    .babahome_episode .prd-list.row li::after {bottom: -0.68vw; left: 0.68vw; width: calc(100% - 1.72vw);}
}
@media screen and (max-width: 1320px){
    .babahome_unit_wrap {margin-bottom: 27px;}
    .babahome_episode .prd-list.row li::after {bottom: -9px; left: 9px; width: calc(100% - 23px);}
}
/* #9481 [FO/BO] 홈&기프트 카테고리 메인 > 하단 컨텐츠 리스트 영역 개선 요청 :E */

/* #10234 [FO] 플랫폼 타입 방송 VOD 재생 화면 작업 요청 :S */
#vodPop {background: #000;}
#vodPop .cont {padding: 64px 0 0; width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; box-shadow: none; background: transparent;}
#vodPop .video_area {position: relative; margin: 0 auto; width: 520px; height: 100%;}
#vodPop .video_area video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

#vodPop .btn_area {position: absolute; top: 0; left: 50%; margin-left: -260px; width: 520px; height: 64px; background: #000;}
#vodPop .btn-close {top: 16px; right: 20px; width: 32px; height: 32px; background: none;}
#vodPop .btn-close::before,
#vodPop .btn-close::after {content: ''; position: absolute; top: 50%; left: 50%; margin-left: -15px; width: 30px; height: 1px; background: #fff; transform: rotate(-45deg);}
#vodPop .btn-close::after {transform: rotate(45deg);}
/* #10234 :E */

/* 20260325 #10360 :S */
.main .btn-refresh {margin: 20px 0 0; width: 100%; height: 40px; border-radius: 0; border: 1px solid var(--gray_02); font-weight: 500; font-size: 14px; color: #111;}
.main .btn-refresh::before {display: none;}
/* 20260325 #10360 :E */

/* #10495 :S */
.main .care-cont {margin-top: 0;}
.main .care-recent-area .unit-recent .unit-title {margin-bottom: 20px; font-weight: 400; font-size: 18px;}

.main .care-recent-area .ly-pimg-list ul > li.on > a::before {border-width: 1px;}
.main .care-recent-area .ly-pimg-list ul > li.on::after {bottom: auto; top: 100%; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 10px solid #000;}

.main .unit-recent + .unit-recent {margin-top: 27px;}
.main .swiper-wrap .swiper-container {padding-bottom: 0;}
.main .care-recent-area .ly-recent-list .swiper-slide.rec_prd:before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; padding: 132% 0 0; width: 100%; border: 1px solid #000; pointer-events: none; background: none; font-size: 0; box-sizing: border-box;}
.main .care-recent-area .rec_prd .prd-img {position: relative;}
.main .care-recent-area .rec_prd .prd-img .ratio {position: relative;}
.main .care-recent-area .rec_prd .prd-img .ratio::after {content: '내가 담은 상품'; position: absolute; z-index: 3; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 35px; background: rgba( 0,0,0,0.6); font-size: 14px; line-height: 1; color: #fff;} /* #10495 20260319 */
.main .care-recent-area .prd-list.thum .prd-info {padding: 0;}

.main .btn-refresh {margin: 20px 0 0; width: 100%; height: 40px; border-radius: 0; font-weight: 500; font-size: 14px; color: #111;}
.main .btn-refresh::before {display: none;}

@media screen and (min-width: 1321px){
    .main .care-recent-area .unit-recent .unit-title { font-size: 0.94vw;}

    .main .unit-recent + .unit-recent {margin-top: 1.41vw;}
    .main .care-recent-area .ly-pimg-list ul > li.on::after {border-left: 0.39vw solid transparent; border-right: 0.39vw solid transparent; border-top: 0.52vw solid #000;}
    .main .care-recent-area .rec_prd .prd-img .ratio::after {height: 1.82vw; font-size: 0.73vw;}

    .main .btn-refresh {margin: 1.04vw 0 0; height: 2.08vw; font-size: 0.73vw;}
}
@media screen and (max-width: 1320px){
    .main .care-recent-area .unit-recent .unit-title { font-size: 12px;}

    .main .unit-recent + .unit-recent {margin-top: 19px;}
    .main .care-recent-area .ly-pimg-list ul > li.on::after {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #000;}
    .main .care-recent-area .rec_prd .prd-img .ratio::after {height: 24px; font-size: 10px;}

    .main .btn-refresh {margin: 14px 0 0; height: 27px; font-size: 10px;}
}

.main .swiper .exh-list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 40px 4px;}
.main .swiper .exh-list li {margin: 0; width: 100%;}
.main .swiper .exh-list .info {margin-top: 12px;}
.main .swiper .exh-list .title .tx-ovf {font-weight: 400; font-size: 14px; color: #111;}
.main .badge-group {position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%;}
@media screen and (min-width: 1321px){
    .main .swiper .exh-list .info {margin-top: 0.63vw;}
}
@media screen and (max-width: 1320px){
    .main .swiper .exh-list .info {margin-top: 8px;}
}
/* #10495 :E */

/* #10717 */
/* ===================== PC V3 ===================== */
.main_v3 .main-contents {padding-top: 20px;} /* #10717 20260408 */
/* visual */
.main_v3 .mainVisual {overflow: hidden; padding-top: 0;}
.main_v3 .mainVisual .swiper-container {padding-left: 40px;}
.main_v3 .mainVisual .swiper-slide {width: 450px;}
.main_v3 .mainVisual .swiper-slide a {overflow: hidden; aspect-ratio: 3/4; border-radius: 10px;}
.main_v3 .mainVisual .swiper-slide a:after {content: ''; position: absolute; bottom: 0; z-index: 2; width: 100%; height: 192px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);     will-change: opacity, transform; transform: translateZ(0); backface-visibility: hidden;}
.main_v3 .mainVisual .badge_group {top: auto; bottom: 0; left: 0; z-index: 3; padding: 40px 30px; width: 100%; box-sizing: border-box;}
.main_v3 .mainVisual .badge_set {position: relative; padding-left: 16px;}
.main_v3 .mainVisual .badge_set::before {content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: calc(100% - 10px); background: #fff;} /* #10828 */
.main_v3 .mainVisual .badge_set .badge_item p {padding: 0; height: auto; background: none; font-weight: 400; font-size: 18px; line-height: 26px;}
.main_v3 .mainVisual .badge_set .badge_item.main p {margin-bottom: 2px; font-weight: 700; font-size: 28px; line-height: 42px;}
.main_v3 .mainVisual .badge_set .badge_item p::before ,
.main_v3 .mainVisual .badge_set .badge_item:first-child p::after {display: none;}

/* layout */
.main_v3 .category_unit {margin: 0 auto; padding-top: 60px; width: 1230px;}
.main_v3 .category_unit.bg_bk {position: relative; z-index: 2; padding-bottom: 60px;}
.main_v3 .category_unit + .bg_bk {margin-top: 60px;}

.main_v3 .ico_ad {padding: 5px 15px; font-size: 13px; line-height: 20px;}

/* clip */
.main_v3 .main-clip-wrap {overflow: hidden; display: block; width: 100%;}
.main_v3 .main-clip-wrap .swiper-wrapper {height: auto;}
.main_v3 .main-clip-wrap .swiper-slide {overflow: hidden; margin-right: 6px; width: 303px; border-radius: 10px;}
.main_v3 .main-clip-wrap .main-clip-video-area:after {top: 10px; right: 10px; width: 44px; height: 44px;}
.main_v3 .main-clip-wrap.ranking .swiper-slide {margin-right: 10px; width: 238px;}
.main_v3 .main-clip-wrap.ranking .main-clip-video-area:after {width: 32px; height: 32px;}

/* swiper */
.tab-slider .swiper-slide .swiper-slide {margin-right: 13.2px; width: 194px;}
.normal-slide .swiper-slide {margin-right: 13.2px; width: 194px;}
/* scrollbar */
.swiper-scrollbar-lock {display: none;}
.main_v3 .swiper-scrollbar {margin-top: 40px; height: 1px;}
.main_v3 .swiper-scrollbar-drag {bottom: 1px; height: 2px;}
.main_v3 .swiper-scrollbar::after {background: #000; opacity: 0.4;}
.main_v3 .bg_bk .swiper-scrollbar::after {background: #fff;}

/* trend */
.trend_list {overflow: hidden;}
.trend_list > .swiper-wrapper > .swiper-slide {display: flex; gap: 0 50px;}
.trend_list .swiper-slide > .thumb_area {width: 570px;}
.trend_list .swiper-slide > .thumb_area a {overflow: hidden; position: relative; display: block; width: 100%; aspect-ratio: 570/464;}
.trend_list .swiper-slide > .thumb_area a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.trend_list .swiper-slide .trend_info {display: flex; flex-direction: column; width: 610px;}
.trend_list .swiper-slide .trend_info .title {font-weight: 500; font-size: 28px; line-height: 42px; color: var(--gray_08);}
.trend_list .swiper-slide .trend_info .info {font-weight: 400; font-size: 18px; line-height: 34px; color: var(--gray_08);}
.trend_list .inner-slide {margin-top: auto; width: 100%;}
.trend_list .inner-slide .swiper-slide {margin-right: 14px; width: 194px;}

/* ----- 적응형 reset */
/* title */
.category_unit .page-top {margin-bottom: 16px;}
.category_unit .page-top .page-sub-title {font-weight: 500; font-size: 28px;}
/* line tab */
.category_unit *[class*="_tabs"] {margin-bottom: 20px;}
.category_unit .line_tabs .list {margin-right: 20px;}
.category_unit .line_tabs a {height: 42px; font-size: 16px;}
.category_unit .page-top + *[class*="_tabs"] {margin-top: -6px;}
.category_unit .line_tabs .tabs-arrow {font-size: 0;}
/* brand tab */
.category_unit .brand_tabs .list .thumb_area {width: 72px; height: 72px;}
.category_unit .brand_tabs .list .txt {margin-top: 4px; max-width: 72px; font-size: 16px;}
.category_unit .cart_tabs {padding-bottom: 6px;}
.category_unit .cart_tabs .list .thumb_area {width: 110px; height: auto;}
/* goods */
.category_unit .swiper .prd-list .prd-info {margin-top: 10px;}
.category_unit .swiper .prd-list .prd-info .brand {font-weight: 400; font-size: 13px;} /* 서체변경 */
.category_unit .swiper .prd-list .prd-price {margin-top: 4px;}
.category_unit .swiper .prd-list .prd-price .discount,
.category_unit .swiper .prd-list .price {font-size: 17px;} /* 서체변경 */
.category_unit .exh-list .txt .tx-ovf {font-size: 17px;} /* 서체변경 */
.category_unit .swiper .prd-list .price strong {font-weight: 500;} /* 서체변경 */
/* exh */
.category_unit .exh-list .swiper-slide {margin-right: 12px; width: 402px;}
.category_unit .exh-list .info {margin-top: 13px;}
.category_unit .exh-list .title .tx-ovf {font-size: 24px;}
.category_unit .exh-list .tag-group {top: auto; bottom: 0;}
.category_unit .exh-list .tag-group .tag {padding: 0 21px; height: 30px;}
.category_unit .exh-list.n4 .swiper-slide {margin-right: 6.25px;   width: 302.812px;}
/* event list */
.category_unit .babahome_episode {padding-bottom: 40px;}
.category_unit .babahome_unit_wrap {margin-bottom: 40px;}
.category_unit .babahome_episode .thumb_area {margin-bottom: 18px;}
.category_unit .babahome_episode .info_area {padding-left: 16px;}
.category_unit .babahome_episode .info_area::before {top: 5px; width: 4px;}
.category_unit .babahome_episode .info_area .title {font-size: 28px;}
.category_unit .babahome_episode .info_area .sub {margin-top: 6px; font-size: 16px;}
.category_unit .round_tags {gap: 6px; margin-top: 20px;}
.category_unit .round_tags li {margin: 0;}
.category_unit .round_tags li a {padding: 0 10px; height: 34px; font-size: 14px;}
.category_unit .babahome_episode .prd-list.row {gap: 32px 0; margin-top: 20px;}
.category_unit .babahome_episode .prd-list.row li {padding: 0 20px 0 13px;}
.category_unit .babahome_episode .prd-list.row li::after {bottom: -16px; left: 13px; width: calc(100% - 26px);}
.category_unit .babahome_episode .prd-list.row .prd-img {width: 98px;}
.category_unit .babahome_episode .prd-list.row .prd-info .brand {font-size: 16px;}
.category_unit .babahome_episode .prd-list.row .prd-info .name .tx-ovf {font-size: 14px;}
.category_unit .babahome_episode .prd-list.row .prd-price {margin-top: 6px; font-size: 17px;} /* 서체변경 */
.category_unit .babahome_episode .prd-list.row .discount strong {font-weight: 500;} /* 서체변경 */
.category_unit .babahome_episode .prd-list.row .price {font-size: 17px;} /* 서체변경 */
.category_unit .babahome_episode .prd-list.row .price strong {font-weight: 500;} /* 서체변경 */
.category_unit .babahome_episode .prd-list.row .btn-wish {width: 20px; height: 20px;}
/* ===================== PC V3 ===================== */