@charset "UTF-8";

/* 타이틀 */
.fashion .cp-title {padding-top:30px;} /* 2024-06-12 배너/버튼/아이콘형 컴포넌트 CSS 개선 */

/* 메인 */
.fashion .onlyMain .filter .filter__contents .list-column-type2, 
.fashion .onlyMain .filter .filter__contents .list-column-type2 .goods-wrap:nth-last-of-type(2), 
.fashion .onlyMain .filter .filter__contents .list-column-type2 .goods-wrap:last-of-type {margin-bottom:0;}

/* 랭킹 */
.memu-list {display:flex;align-items:center;gap:18px;height:48px;padding:0 20px;border-bottom:1px solid #f0f0f0;}
.memu-list .memu-list__item {font-size:18px;line-height:1.3;letter-spacing:-0.45px;color:#adadad;}
.memu-list .memu-list--active {color:#000;}

/* 2024-03-12 랭킹 아이콘 카테고리 */
.icon-menu-list {display:flex;align-items:center;justify-content:center;padding:30px 0 10px;}
.icon-menu-list .memu-list__item {font-size:18px;line-height:1.3;letter-spacing:-0.45px;color:#adadad;text-align:center;}
.icon-menu-list .memu-list__item .memu__item--icon {overflow:hidden;width:72px;height:72px;margin:0 18px;border-radius:50%;background-color:#f0f0f0;font-size:0;text-indent:-9999px;}
.icon-menu-list .memu-list__item .memu__item--title {display:block;width:100%;height:20px;margin-top:8px;line-height:20px;font-size:13px;font-weight:500;color:#000;letter-spacing:-0.39px;text-align:center;}
.icon-menu-list .memu-list--active .memu__item--icon {background-color:#000 !important;}
.icon-menu-list .memu-list__item .memu__item--icon.goods {background:#f0f0f0 url(/resources_new/img/fashion/icon_ranking_goods.svg) no-repeat center center/28px;}
.icon-menu-list .memu-list__item .memu__item--icon.brand {background:#f0f0f0 url(/resources_new/img/fashion/icon_ranking_brand.svg) no-repeat center center/30px;}
.icon-menu-list .memu-list__item .memu__item--icon.review {background:#f0f0f0 url(/resources_new/img/fashion/icon_ranking_review.svg) no-repeat center center/30px;}
.icon-menu-list .memu-list--active .memu__item--icon.goods {background-image:url(/resources_new/img/fashion/icon_ranking_goods_on.svg);}
.icon-menu-list .memu-list--active .memu__item--icon.brand {background-image:url(/resources_new/img/fashion/icon_ranking_brand_on.svg);}
.icon-menu-list .memu-list--active .memu__item--icon.review {background-image:url(/resources_new/img/fashion/icon_ranking_review_on.svg);}

.category-select {margin-top:12px;}
.category-select a {display:flex;align-items:center;padding:0 20px 6px;}
.category-select span {display:flex;align-items:center;font-size:18px;font-weight:300;line-height:1.3;letter-spacing:-0.54px;color:#000;}
.category-select__depth:nth-child(n+2):before {content:'';width:14px;height:14px;margin:0 4px;background:url(/resources_new/img/fashion/icon_arrow_14x14.svg) 0 0 no-repeat;background-size:14px 14px;}
.category-select__button {margin-left:10px;}

#mainHeader ~ #contents .depthListSwiper.depth-sticky {position:fixed;top:150px;z-index:30;width:100%;background:#fff;}
#mainHeader.state-nav-only ~ #contents .depthListSwiper.depth-sticky {top: 100px;}

.app #mainHeader.state-nav-only ~ #contents .depthListSwiper.depth-sticky,
#mainHeader.app-banner-closed.state-nav-only ~ #contents .depthListSwiper.depth-sticky  {top:56px;}

.app #mainHeader ~ #contents .depthListSwiper.depth-sticky,
#mainHeader.app-banner-closed ~ #contents .depthListSwiper.depth-sticky {top:106px;}

.depthListSwiper.depth-sticky .depth-list,
.bg-gray .depthListSwiper.depth-sticky .depth-list .swiper-slide a {background:#fff;}

.depthListSwiper-wrap {position:relative;padding-top:60px;}
.depthListSwiper {overflow:hidden;position:absolute;top:0;left:0;width:100%;margin-bottom:10px;padding:12px 31px 12px 0;box-sizing:border-box;}
.depth-list {display:flex;background-color:#fff;padding-left:16px;}
.depth-list .swiper-slide {flex-shrink:0;width:auto;padding:0 4px;}
.depth-list .swiper-slide a {display:inline-block;height:36px;font-size:15px;line-height:1.3;letter-spacing:-0.45px;padding:8px 15px;border-radius:20px;border:1px solid #e4e4e4;background-color:#fff;box-sizing:border-box;}
.depth-list .depth-list--active a {color:#fff !important;border-color:#000;background-color:#000 !important;}
.fashion .list-column-type2 .goods-wrap .rank-num {display:block;margin-bottom:8px;font-weight:700;font-size:16px;line-height:1.5;}
.fashion .goods__img {position:relative;}
.fashion .goods__img:after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.04);}

/* header switch*/
.header-switch {position:relative;top:11px;display:flex;justify-content:space-between;align-items:center;width:106px;height:34px;margin:0 auto;padding:0 3px;border-radius:18px;background-color:#fff;box-sizing:border-box;}
.header-switch__label {position:relative;z-index:1;display:block;width:50%;cursor:pointer;transition:color 200ms ease-out;color:#000;font-size:15px;line-height:19px;letter-spacing:-0.45px;text-align:center;word-break:keep-all;}
.header-switch__label img {margin:auto;width:42px;height:auto;}
.header-switch__label em {display:flex;align-items:center;}
.header-switch .header-switch__input:checked + label {color:#fff;font-weight:600;}
/* header switch 툴팁 추가 2024-04-08 */
.header-switch__label .tooltip {position:absolute;top:calc(100% - 0);left:10px;z-index:10;display:block;height:20px;padding:0 6px;background-color:#ff329b;color:#fff;font-size:11px;line-height:20px;font-weight:600;white-space:nowrap;opacity:0;}
.tooltip_ani {animation:1.8s 0.3s infinite linear tooltip_motion;}
@keyframes tooltip_motion {
    0% {transform:translateY(0);}
    10% {transform:translateY(3px);}
    20% {transform:translateY(0px);}
    30% {transform:translateY(3px);}
    40% {transform:translateY(0);}
    50% {transform:translateY(2px);}
    100% {transform:translateY(0);}
}

.header-switch__label .tooltip::after {content:'';position:absolute;top:-4px;left:12px;display:block;width:0;height:0;border-top:0 solid transparent;border-right:3px solid transparent;border-bottom:4px solid #ff329b;border-left:3px solid transparent;}

.header-switch__button {width:50px;height:28px;position:absolute;top:3px;left:3px;border-radius:16px;background-image:linear-gradient(90deg,rgba(255, 50, 155, 1) 0%,rgba(255, 145, 0, 1) 100%);transition:transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03);}
.header-switch .header-switch__input--shopping:checked ~ .header-switch__button {transform:translate3d(0, 0, 0);}
.header-switch .header-switch__input--fashion:checked ~ .header-switch__button {transform:translate3d(50px, 0, 0);}
.header-switch .header-switch__input:not(:checked),
.header-switch .header-switch__input:checked {display:none;}

/* header switch 모션 추가 2024-04-08 */
.header__gnb .ani_wrap {overflow:hidden;position:absolute;top:-3px;left:-3px;width:112px;height:40px;margin:0;pointer-events:none;}
.header__gnb .ani_wrap .ani {display:block;pointer-events:none;}
.header__gnb .ani_wrap .ani_img {position:absolute;top:0;left:0;display:block;width:100%;pointer-events:none;}
.header__gnb .ani_wrap .ani_img img {display:block;width:100%;}

/* 랭킹 카테고리 바텀시트 */
.bottom-sheet__wrapper.height-65 {overflow:hidden;}
.category-tabs .is-active {display:block;}
.tab__nav,
.first-tab__nav {overflow:auto hidden;display:flex;align-items:center;gap:18px;height:48px;padding:0 20px;border-bottom:1px solid #f0f0f0;}
.tab__nav::-webkit-scrollbar,
.first-tab__nav::-webkit-scrollbar {display:none;}
.tab__nav,
.tab__content--category,
.sub-tab__list {display:none;}
.tab__nav__item,
.first-tab__nav__item {flex-shrink:0;}
.tab__nav a,
.first-tab__nav__item a {display:block;font-size:15px;color:#adadad;line-height:1.3;letter-spacing:-0.45px;}
.tab__nav .is-active a,
.first-tab__nav .is-active a {color:#000;}
.tab__nav.is-active {display:flex;}
.tab__content > div {display:none;}
.sub-tab {display:flex;height:calc(65vh - 80px);}
.sub-tab:before {position:absolute;top:128px;left:calc(50% - 0.5556vw);display:block;content:'';width:1px;height:100%;background:#f0f0f0;}
.sub-tab__nav {position:relative;overflow:hidden auto;width:50%;}
.sub-tab__nav__item a {display:flex;align-items:center;width:calc(100% - 42px);height:52px;padding:0 20px;font-size:15px;line-height:1.3;letter-spacing:-0.45px;color:#717171;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#fafafa;box-sizing:initial;}
.sub-tab__nav__item.is-active a {position:relative;background:#fff;border-right:1px solid #fff;color:#000;font-weight:600;}
.sub-tab__content {overflow:hidden auto;width:calc(50% - 1px);height:100%;}

.sub-tab__content::-webkit-scrollbar,
.sub-tab__nav::-webkit-scrollbar {display:none;}
.sub-tab__list__item a {display:flex;align-items:center;width:calc(100% - 40px);height:52px;padding:0 20px;font-size:15px;line-height:1.3;letter-spacing:-0.45px;color:#717171;}
.sub-tab__list__item.is-active a {color:#000;font-weight:600;}

/* 랭킹 - 상품평 */
.bg-gray,
.bg-gray .depth-list .swiper-slide a,
.bg-gray .depth-list {background-color:#fafafa;}

.best-review {padding:0 20px 25px 20px;}
.best-review__text {position:relative;display:flex;align-items:center;gap:3px;margin-bottom:15px;font-size:12px;line-height:1;letter-spacing:-0.36px;color:#898989;}
.review-box {padding:16px;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.05);background-color:#fff;}
.review-box + .review-box {margin-top:12px;}
.review-box .goods-wrap .goods {display:flex;gap:3.6111vw;}
.review-box .goods__img {width:30.5556vw;height:30.5556vw;}
.review-box .goods__detail {margin-top:0;}
.review-detail {margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0;}
.review-user {font-size:12px;line-height:1;letter-spacing:-0.36px;color:#adadad;}
.review-user__id {color:#898989;}
.review-top {display:flex;justify-content:space-between;margin-top:12px;}
.review-date {font-size:12px;color:#898989;line-height:1;letter-spacing:-0.36px;}
.review-score {position:relative;width:80px;height:16px;background:url(/resources_new/img/fashion/icon_star_gray.svg) 0 0 repeat-x;}
.review-score__black {position:absolute;top:0;left:0;width:80px;height:16px;background:url(/resources_new/img/fashion/icon_star_black.svg) 0 0 repeat-x;}
.review-detail .dot-list {display:flex;flex-wrap:wrap;margin-top:10px;}
.review-detail .dot-list li {display:flex;align-items:center;font-size:13px;color:#adadad;line-height:1.5;letter-spacing:-0.39px;}
.review-detail .dot-list li:first-child:before {display:none;}
.review-detail .dot-list li:before {content:'';width:2px;height:2px;margin:0 4px;background-color:#e4e4e4;border-radius:50%;}
.purchase-option {display:flex;align-items:center;margin-top:4px;}
.purchase-option_title {font-size:13px;color:#717171;line-height:1.5;letter-spacing:-0.39px;}
.purchase-option .dot-list {margin:0 0 0 6px;}
.review_content {margin-top:10px;font-size:15px;line-height:1.3;letter-spacing:-0.45px;color:#222;}
.review_content__more {display:inline-block;margin-top:4px;font-size:14px;line-height:1.3;letter-spacing:-0.42px;color:#adadad;}
.review_content__text {word-wrap:break-word;}

/* 동영상, 이미지 슬라이드 (운영팀 소스) */
.review-box .cmt_slide {overflow:hidden;position:relative;margin-top:12px;}
.review-box .cmt_slide .swiper-slide {position:relative;width:36.6667vw;margin-left:1.1111vw;}
.review-box .cmt_slide .swiper-slide:first-child {margin-left:0;}
.review-box .cmt_slide .swiper-slide a {display:block;overflow:hidden;position:relative;width:36.6667vw;height:36.6667vw;background-color:#e4e4e4;}
.review-box .cmt_slide .swiper-slide a.video:after {content:'';position:absolute;right:10px;bottom:10px;width:24px;height:24px;background:url(/resources_new/img/fashion/icon_review_play.svg) 0 0/24px no-repeat;}
.review-box .cmt_slide .swiper-slide a.video:before {content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.3;}
.review-box .cmt_slide .swiper-slide a img,
.cmt_slide .swiper-slide a video {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.review-box .cmt_slide .swiper-slide .checking {position:absolute;top:0;left:0;z-index:1;width:36.6667vw;height:36.6667vw;line-height:36.6667vw;background-color:rgba(0, 0, 0, 0.7);font-size:16px;font-weight:500;color:#d0d0d0;text-align:center;}

/* 상품평 레이어(운영팀 소스) */
/*! 상품평 뷰어 */
.layer_comment_view {overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;}
.layer_comment_view .content {min-height:auto !important;}
.layer_comment_view .view_header {position:fixed;top:0;left:0;z-index:40;width:100%;height:60px;padding:15px 20px 15px;background-color:#fff;display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.layer_comment_view .view_header h2 {font-size:20px;line-height:20px;font-weight:700;letter-spacing:-0.3px;margin-right:10px;}
.layer_comment_view .view_header .swiper_count {display:inline-block;line-height:30px;font-size:20px;color:#b4b4b4;letter-spacing:-.015em;}
.layer_comment_view .view_header .total,
.layer_comment_view .view_header b {color:#222;}
.layer_comment_view .view_header .btn_close {position:absolute;top:15px;right:12px;width:30px;height:30px;background:url(/resources_new/img/product/btn_view_close.png) 50% 50%/16px no-repeat;text-indent:-9999px;}
.layer_comment_view .view_content {height:100%;padding-top:60px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;}
.layer_comment_view .comment_slide {overflow:hidden;position:relative;}
.layer_comment_view .comment_slide.full {height:calc(100vh - 60px);}
.layer_comment_view .comment_slide .swiper-slide .comment_media {position:relative;width:100%;height:0;padding-top:100%;background-color:#f4f4f4;}
.layer_comment_view .comment_slide .swiper-slide .comment_media img, .layer_comment_view .comment_slide .swiper-slide .comment_media video {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.layer_comment_view .comment_slide .swiper_btn_next, .layer_comment_view .comment_slide .swiper_btn_prev {position:absolute;top:calc(50vw);z-index:10;width:42px;height:60px;background:url(/resources_new/img/product/ico_slide_arrow.png) 0 0/92px no-repeat;text-indent:-9999px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.layer_comment_view .comment_slide .swiper_btn_prev {left:0;}
.layer_comment_view .comment_slide .swiper_btn_next {right:0;background-position-x:-50px;}
.layer_comment_view .comment_slide .swiper_btn_next.hide, .layer_comment_view .comment_slide .swiper_btn_prev.hide {display:none;}
.layer_comment_view .comment_new_list {padding:20px 0;border:0 none;}
.layer_comment_view.full {background-color:#000;}
.layer_comment_view.full .view_content {overflow:hidden;position:absolute;top:50%;max-height:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.layer_comment_view.full .swiper-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.layer_comment_view.full .comment_slide {position:relative;width:auto;height:100%;}
.layer_comment_view.full .comment_slide .swiper-slide {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.layer_comment_view.full .comment_slide .swiper-slide img, .layer_comment_view.full .comment_slide .swiper-slide video {width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.layer_comment_view.full .comment_slide .swiper_btn_next, .layer_comment_view.full .comment_slide .swiper_btn_prev {top:50%;}

/* 툴팁 */
.review-tooltip * {color:#fff;font-size:11px;line-height:1.3;letter-spacing:-0.33px;}
.review-tooltip {z-index:21;display:none;position:absolute;width:146px;left:74px;top:25px;padding:10px 12px;background:#000;box-sizing:initial;}
.review-tooltip:after {content:'';position:absolute;top:-8px;right:11px;border-top:0px solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #000;}
.review-tooltip .review-tooltip__content {margin-top:6px;color:#d0d0d0;}
.review-tooltip__close {position:absolute;top:10px;right:12px;}

/* header - layout.css에 추가 예정 */
#wrap.fashion:not(.is-dct) #mainHeader{background-color: var(--color-static-black);}
#wrap.fashion:not(.is-dct) #mainHeader nav.header__nav {background:var(--color-static-black); mask-image: none;}
#wrap.fashion:not(.is-dct) #mainHeader nav.header__nav ul li a {color:var(--color-static-white);}
#wrap.fashion:not(.is-dct) #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a {color:var(--color-static-white);}

#wrap.fashion:not(.is-dct) #container #mainHeader.state-nav-only, 
#wrap.fashion:not(.is-dct) #container #mainHeader.state-both {background-color: var(--color-static-black);}
#wrap.fashion:not(.is-dct) #container #mainHeader .header__gnb .header__gnb--logo-title {fill: var(--color-static-white)}
#wrap.fashion:not(.is-dct) #container #mainHeader .header__gnb .header__gnb--search svg, 
#wrap.fashion:not(.is-dct) #container #mainHeader .header__gnb .header__gnb--cart svg {stroke: var(--color-static-white) !important;}
#wrap.fashion:not(.is-dct) #container #mainHeader .header__gnb {background-color: var(--color-static-black);}



.memu-list + .depth-list {padding:12px 20px;}
/* .goods__price-discount em {font-size:15px;font-weight:400;} */ /* 2024-05-29 컴포넌트 스타일수정 */

/* header switch */
.header__switch {position:relative;top:50%;left:50%;transform:translate(-50%, -50%);padding:3px;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:106px;height:34px;border-radius:18px;background-color:#222;box-sizing:border-box;}
.header__switch .ui__radio {position:relative;z-index:1;display:flex;-webkit-box-pack:center;justify-content:center;align-items:center;width:50px;height:100%;font-size:15px;color:#fff;font-weight:400;letter-spacing:-0.45px;}
.header__switch .ui__radio.on {font-weight:600;}
.header__switch .header__switch--button {position:absolute;left:3px;top:3px;z-index:0;display:inline-block;width:50px;height:28px;border-radius:16px;background-image:linear-gradient(to right, #ff329b, #ff3792 12%, #ff467a 58%, #ff5f52 80%, #ff801b 95%, #ff9100);transition:left .2s ease-in-out;}

/* 신상 */
.brand__new {position:relative;padding-top:89px;}
.brand__link {position:absolute;top:0;z-index:30;padding:12px 20px;display:inline-flex;width:100%;background:#fff;border-top:1px solid #f0f0f0;align-items:center;box-sizing:border-box;}
.brand__new.fixed .brand__link {position:fixed;}
.brand__link .brand__link--logo {display:inline-block;width:64px;height:64px;border:1px solid #f0f0f0;background:url(/resources_new/img/img_detail_none.jpg) center center no-repeat;background-size:cover;box-sizing:border-box;overflow:hidden;}
.brand__link .brand__link--name {margin-left:10px;display:inline-block;width:calc(100% - 152px);font-size:13px;color:#717171;letter-spacing:-0.39px;line-height:1.5;}
.brand__link .brand__link--name em {font-size:15px;color:#000;letter-spacing:-0.45px;}
.brand__link .brand__link--text {margin-left:10px;padding-right:18px;display:inline-block;background:url(/resources_new/img/component/icon_arrow_14x14.svg) right center no-repeat;background-size:14px auto;font-size:14px;color:#666;letter-spacing:-0.42px;}
.brand__new-list {min-height:100vw;letter-spacing:0;line-height:0;}
.brand__new-list .brand__new-item {opacity:0;margin-top:90px;transition:all .7s ease;}
.scroll-animate {opacity:1!important;margin-top:0!important;}
.brand__new-list .brand__new-item a {position:relative;margin-top:2px;display:inline-block;width:100vw;height:100vw;overflow:hidden;}
.brand__new-list .brand__new-item:first-child a {margin-top:0;}
.brand__new-list .brand__new-item a img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:auto;}
.brand__new-list .brand__new-item:nth-child(2n) a:first-child:nth-last-child(3) {float:left;width:66.4722vw;height:66.4722vw;}
.brand__new-list .brand__new-item:nth-child(2n) a:nth-of-type(2):nth-last-child(2),
.brand__new-list .brand__new-item:nth-child(2n) a:nth-of-type(3):last-child {float:right;margin-left:2px;width:calc(100vw - 66.4722vw - 2px);height:calc(100vw - 66.4722vw - 2px);}
.brand__new-list .brand__new-item:nth-child(4n) a:first-child:nth-last-child(3) {float:right;margin-left:2px;width:66.4722vw;height:66.4722vw;}
.brand__new-list .brand__new-item:nth-child(4n) a:nth-of-type(2):nth-last-child(2),
.brand__new-list .brand__new-item:nth-child(4n) a:nth-of-type(3):last-child {margin-left:0;}
.brand__new-list .brand__new-item:after {content:'';display:block;clear:both;}

/* MD추천 */
.scroll-height-circle {padding-bottom:24px;}
.scroll-height-circle .swiper {padding:0 30px;}
.scroll-height-circle .swiper .goods__img-wrap {width:calc(100vw - 60px);height:calc(100vw - 60px);border-radius:50%;overflow:hidden;}
.scroll-height-circle .swiper .goods__detail {opacity:0;transition:opacity 0.3s ease;margin-top:20px;}
.scroll-height-circle .swiper .goods__detail .goods__price-sale span {font-weight:700;}
.scroll-height-circle .swiper .swiper-goods__detail {position:absolute;top:calc(100vw - 60px);width:calc(100vw - 60px);}
.scroll-height-circle .swiper .swiper-goods__detail .goods__detail {opacity:1;}
.scroll-height-circle .swiper .swiper-pagination {left:20px;bottom:78px;width:auto;font-size:15px;color:#898989;}
.scroll-height-circle .swiper .swiper-pagination .swiper-pagination-current {font-size:26px;color:#000;font-weight:300;}

/* 패션키워드​ */
.scroll-keyword-wrap {margin-bottom:20px;}
.scroll-keyword-wrap .scroll-keyword-item {position:relative;padding:14px 0;border-top:1px solid #f0f0f0;}
.scroll-keyword-wrap .scroll-keyword-item .title-bg {position:absolute;top:0;left:0;z-index:21;display:inline-block;width:108px;height:100%;background-image:linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
.scroll-keyword-wrap .scroll-keyword-item .title-bg:before,
.scroll-keyword-wrap .scroll-keyword-item .title-bg:after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-image:linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
.scroll-keyword-wrap .scroll-keyword-item .cp-title {position:absolute;top:0;left:0;z-index:22;padding:14px 12px 20px 20px;width:108px;box-sizing:border-box;}
.scroll-keyword-wrap .scroll-keyword-item .cp-title .cp-title__sub {margin-top:0;font-size:12px;color:#adadad;letter-spacing:-0.36px;}
.scroll-keyword-wrap .scroll-keyword-item .cp-title .cp-title__main {margin-top:4px;font-size:18px;letter-spacing:-0.54px;}
.scroll-keyword-wrap .scroll-keyword-item .list-row {padding-left:108px;}
.scroll-keyword-wrap .scroll-keyword-item .list-row .goods {display:inline-block;width:78px;height:100%;}
.scroll-keyword-wrap .scroll-keyword-item .list-row .goods .goods__img {width:78px;height:117px;overflow:hidden;}
.scroll-keyword-wrap .scroll-keyword-item .list-row .goods .goods__img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;height:100%;}

/* 랭킹 > 브랜드 */
.accordion-wrap li:not(.open) .accordion-cont {display:none;}
.accordion-wrap .brand__list {border-bottom:1px solid #f0f0f0;}
.accordion-wrap .brand__list li:before {content:'';position:absolute;top:0;left:0;display:inline-block;width:100%;height:1px;background-color:#f0f0f0;}
.accordion-wrap .brand__list li:first-of-type:before {display:none;}
.accordion-wrap .brand__list .brand__list--title {padding:18px 20px;}
.accordion-wrap .brand__list .brand__list--title .cp-title__button {right:8px;bottom:10px;font-size:0;}
.accordion-wrap .brand__list .brand__list--title .cp-title__button:after {width:48px;height:48px;background:url(/resources_new/img/component/icon_arrow_16x16.svg) 50% 50% no-repeat;background-size:16px auto;}
.accordion-wrap .brand__list .open .brand__list--title .cp-title__button:after {transform:rotate(180deg);}
.accordion-wrap .brand__list .brand__list--title .brand__title .brand__title--rangking {font-size:16px;color:#000;font-weight:700;letter-spacing:-0.03em;line-height:19.5px;}
.accordion-wrap .brand__list .brand__list--title .brand__title .brand__title--logo {margin-left:12px;width:48px;height:48px;background:url(/resources_new/img/img_detail_none.jpg) center center no-repeat;background-size:cover;border:1px solid #f0f0f0;box-sizing:border-box;}
.accordion-wrap .accordion-cont .list-row {margin-bottom:20px;}
.accordion-wrap .accordion-cont .btn_area {position:relative;margin:0 20px 28px;display:flex;border:1px solid #e4e4e4;}
.accordion-wrap .accordion-cont .btn_area:before {content:'';position:absolute;top:50%;left:50%;margin-top:-8px;display:inline-block;width:1px;height:16px;background-color:#e4e4e4;}
.accordion-wrap .accordion-cont .btn_area button {padding-left:22px;display:inline-block;width:50%;height:48px;font-size:15px;color:#222;text-align:center;letter-spacing:-0.03em;line-height:36px;}
.accordion-wrap .accordion-cont .btn_area .btn-wish {background:url(/resources_new/img/fashion/icon_wish.svg) calc(50% - 28px) 50% no-repeat;background-size:16px 16px;}
.accordion-wrap .accordion-cont .btn_area .btn-wish.on {background-image:url(/resources_new/img/fashion/icon_wish_on.svg);}
.accordion-wrap .accordion-cont .btn_area .btn-get-news {background:url(/resources_new/img/fashion/icon_get_news.svg) calc(50% - 28px) 50% no-repeat;background-size:16px 16px;}
.accordion-wrap .accordion-cont .btn_area .btn-get-news.on {background-image:url(/resources_new/img/fashion/icon_get_news_on.svg);}

/* 엿보기 */
.peek-wrap {margin-top:12px;box-sizing:border-box;}
.peek-wrap .peek-item {position:relative;padding:0 20px 40px 58px;box-sizing:border-box;opacity:0;transition:all 1.5s ease;overflow:hidden;}
.peek-wrap .peek-item .text-message {padding-top:24px;display:block;font-size:20px;color:#000;font-weight:300;letter-spacing:-0.6px;line-height:1.3;text-align:left;}
.peek-wrap .peek-item .user-id {margin-top:8px;font-size:12px;color:#898989;letter-spacing:-0.36px;}
.peek-wrap .peek-item .icon-state {position:absolute;top:0;left:40px;display:inline-block;width:34px;height:34px;border-radius:50%;overflow:hidden;opacity:0;transition:all 1.5s ease;}
.peek-wrap .peek-item.scroll-animate .icon-state {left:20px;opacity:1;transition:all 0.4s ease-out 0.3s;}
.peek-wrap .peek-item:before,
.peek-wrap .peek-item:after {content:'';position:absolute;top:0;left:36.5px;z-index:-1;display:inline-block;width:1px;height:100%;background-color:#e4e4e4;}
.peek-wrap .peek-item:after {top:0;background-color:#fff;background-image:linear-gradient(to bottom, #e4e4e4 0%, #fff 50%);}
.peek-wrap .peek-item.scroll-animate:after {top:100%;transition:all 0.3s ease-in 0.7s;}
.peek-wrap .peek-item .review-box {padding:0;margin-left:40px;width:calc(100vw - 78px);box-shadow:none;background-color:transparent;opacity:0;}
.peek-wrap .peek-item.scroll-animate .review-box {margin-left:0;opacity:1;transition:all 0.3s ease-out 0.4s;}
.peek-wrap .peek-item .review-box .goods-wrap {padding-top:14px;margin-top:14px;border-top:1px solid #f0f0f0;}
.peek-wrap .peek-item .review-box .goods-wrap .goods {gap:10px;}
.peek-wrap .peek-item .review-box .goods-wrap .goods__img {width:72px;height:72px;}
.peek-wrap .peek-item .review-box .goods-wrap .goods__soldout {font-size:13px;}
.peek-wrap .peek-item .review-box .goods-wrap .goods__detail {width:calc(100% - 82px);}
.peek-wrap .peek-item .review-box .goods-wrap .goods__price-sale span {font-weight:700;}
.peek-wrap .peek-item .review-box .review-detail {margin-top:8px;padding-top:0;border-top:none;}

.bottom-sheet .bottomSheet-close {z-index:90;position:sticky;top:0;display:flex;width:100%;height:32px;justify-content:center;align-items:center;background:#fff;}
.bottom-sheet .bottomSheet-close img {width:24px;height:24px;}