@charset "UTF-8"; /* 1. 공통 컴포넌트 스타일 */

.flex-between { 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.main_nav_wrap .main_nav_inner > li a.is-active::before {
    width: calc(100% + 12px);
    left: -4px;
}

/* 메뉴 */
.menu_close_wrapper {
    display: flex;
    justify-content: center;
    padding: 0 0 3rem;
}

.menu_close_button {
    padding: 1rem;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.close_icon {
    width: 3rem;
    height: 3rem;
    color: #999;
    opacity: 0.7;
}


/* 게시글 페이지 단위 시작 */
#div-paging-list {clear: both; height: 25px; font: 13px AppleGothic, Verdana; padding: 15px 5px 5px 5px; text-align: center; vertical-align: middle;}
#div-paging-list .sel {color: #fff; border: 1px solid #e2e2e2; background-color: #222222; font-weight: bold; padding: 15px 5px 5px 5px;}
#div-paging-list .numBox {font-weight: bold; padding: 5px 8px 5px 8px; border: 1px solid #e2e2e2; margin-left: 5px; text-decoration: none;}
#div-paging-list .navBox {padding: 2px 4px 3px 4px; border: 1px solid #e2e2e2; height: 22px;}
#div-paging-list a:hover.numBox {border: 1px solid #222222; color: #e2e2e2;}
/* 게시글 페이지 단위 끝 */

.divNullBottom2 {height: 2px; clear: both;}
.divNullBottom4 {height: 4px; clear: both;}
.divNullBottom5 {height: 5px; clear: both;}
.divNullBottom8 {height: 8px; clear: both;}
.divNullBottom10 {height: 10px; clear: both;}
.divNullBottom16 {height: 17px; clear: both;}
.divNullBottom30 {height: 30px; clear: both;}
.divNullBottom40 {height: 40px; clear: both;}
.divNullBottom50 {height: 50px; clear: both;}
.divNullBottom80 {height: 80px; clear: both;}

.badge-custom1 {display: inline-flex; min-width: 1.6rem; height: 2.5rem; padding: 1rem 1rem; margin-right: 0.5rem; margin-bottom: 0.5rem; align-items: center; justify-content: center; background-color: var(--font-color-1); color: var(--color-white); font-size: 1rem; border-radius: 15%; font-weight: 600;}

.highlighter {background-color: #ff00dd;}
.highlighter-half {background: linear-gradient(to top, #ffe400 50%, transparent 50%);}

.column-count-2 {column-count: 2; column-gap: 0;}

/* 2. 특정 페이지 레이아웃 스타일 */

/* 마이페이지 하단 로그아웃 */
.mypage_user_box {margin-left: auto; font-size: 1.375rem; margin-bottom: 1rem; text-align: left; color: var(--font-color-2);}
.mypage_user_box .mub_logout > span {display: flex; align-items: center;}
.mypage_user_box .mub_logout img {width: 1.875rem; height: 1.875rem; margin-left: 0.625rem;}


/*mnm팀 요청으로 임시홈 변경 */
.con_title.align_left {text-align: left !important;}
.category.brand-content,.category.brand-content2 {padding-left: calc(var(--gap-size) - 0.25rem); padding-right: calc(var(--gap-size) - 0.25rem);}
.category.brand-content ul li {width: calc(33.3333% - 0.25rem) !important;}
.category.brand-content2 ul li {width: calc(50% - 0.25rem) !important;}
.hm-container .con_title {font-size: 1.675rem !important;}

/*기획전 쿠폰다운로드*/
.special_banner_box {padding: 0 var(--gap-size);}
.special_banner_box img {display: block; max-width: 100%; width: 100%;}

.hm-container .category .category_top .con_title {padding: 2.5rem 0 1rem;}
.hm-container .mdPick {padding-top: 2.5rem; padding-bottom: 2.5rem;}

/* 상품 상세페이지 쿠폰 다운로드 */
#containerCouponOpened .popup_con {max-height: 50vh; overflow: hidden; overflow-y: auto; border-bottom: 2px solid var(--line-color-4);}
#containerCouponOpened .popup_con .box-coupon {display: flex; width: 100%; padding: 1.25rem; background-color: var(--background-color-1); margin-bottom: 0.625rem !important;}
#containerCouponOpened .popup_con .box-coupon .box-coupon-info-wrap {width: 100%;}
#containerCouponOpened .popup_con .box-coupon .box-coupon-download-wrap {display: flex; justify-content: right; align-items: center;}
#containerCouponOpened .popup_con .box-coupon .coupon-received {background-color: var(--background-color-1);}
#containerCouponOpened .popup_con .box-coupon .coupon-received p {color: var(--font-color-2); background-color: var(--background-color-1);}

/* 상품 상세페이지 존재하지 않는 상품*/
div.goods_nosell {padding: 8.375rem 0; font-size: 1.25rem; text-align: center; color: var(--font-color-1); border-top: 0.125rem solid var(--line-color-4); border-bottom: 1px solid var(--line-color-1);}

/* 상품 상세페이지 몇개 이상 팔렸어요 */
@keyframes fadeIn {
    0% { opacity: 0; transform: translateX(-50%) translateY(20px); }
    20% { opacity: 0.7; transform: translateX(-50%) translateY(0); }
    30% { opacity: 1; transform: translateX(-50%) translateY(0); }
    100% { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.gd_product .purchase-popup {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    white-space: nowrap;
    border-radius: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    opacity: 0;
    animation: fadeIn 3.5s ease-in-out forwards;
    z-index: 999;
    padding: 15px;
}

/* 룰렛 이벤트 페이지 */
.roulette_main {position: relative; text-align: center; font-size: 0;}
.roulette_main img:nth-child(1) {width: 100%; max-width: 720px; height: auto;}
.roulette_main img:nth-child(2) {position: absolute; top: 58%; left: 50%; transform: translate(-59%, -162%); width: 11%; max-width: 79px; min-width: inherit; z-index: 1;}
.roulette_main img:nth-child(3) {position: absolute; top: 84.4%; left: 50%; transform: translate(-54%, -174%); width: 24%; max-width: 166px; min-width: inherit; z-index: 1; cursor: pointer; cursor: pointer;}
.roulette_main .roulette {position: absolute; top: 61%; left: 50%; transform: translate(-50%, -30%); width: 100%; max-width: 720px; min-width: inherit;}
.roulette_info {position: relative; text-align: center; font-size: 0; width: 100%; max-width: 720px; height: auto; margin: 0 auto;}
.roulette_info img {width: 100%; height: auto; cursor: pointer;}
.roulette_info .on-off-info img:nth-child(1) {display: block;}
.roulette_info .on-off-info img:nth-child(2) {display: none;}
.roulette_info .on-off-info img:nth-child(3) {display: none;}
.roulette_info .on-off-info.on img:nth-child(1) {display: none;}
.roulette_info .on-off-info.on img:nth-child(2) {display: block;}
.roulette_info .on-off-info.on img:nth-child(3) {display: block;}

.rouletteImgPop {position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0.6); display: none;}
.rouletteImgPop .popContent {position: absolute; left: 50%; top: 25%; transform: translate(-25%, 0); width: 610px; height: 760px;}
.rouletteImgPop .popbg {position: absolute;}
.rouletteImgPop .popbg img {width: 300px; height: 396px; position: relative; text-align: center;}
.rouletteImgPop .popbtn {cursor: pointer; position: absolute; top: 39%; transform: translate(-25%, 0); width: 100%; text-align: center;}
.rouletteImgPop .popbtn img {width: 180px; position: relative; text-align: center;}

.roulettePop.event {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0.5); vertical-align: middle; text-align: center; display: none;}
.roulettePop.event .popup_wrap {color: #2e2e2e; background-color: #ffffff; width: 350px; padding: 20px; height: 175px; display: block;}
.roulettePop.event .popup_wrap .msg_text {color: #444444; font-size: 18px; letter-spacing: -1px; padding: 0 10px 20px;}
.roulettePop.event .popup_wrap .close_btn {width: 80px; height: 35px; font-size: 15px; color: #ffffff; letter-spacing: -1px; border: 0;}
.roulettePop.event .popup_wrap .close_btn.bg-color20190114 {background-color: #ec6b5d;}
.firework {position: absolute; width: 10px; height: 10px; border-radius: 50%;}

/*금주의 깜딜*/
.deal_img_box .line-info {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: var(--color-white); padding: 1.125rem; background-color: rgba(0, 0, 0, 0.75); font-size: 1.325rem; font-weight: 600; display: flex; align-items: center; justify-content: center;}

/* 기획전 쿠폰 */
.sp-coupon {max-width: 100%; text-align: center; margin: 2.125rem 2.125rem 1.7305rem 2.125rem;}
.sp-coupon-info {width: 100%; display: flex; justify-content: center; align-items: center;background: url("../../mnm/images/coupon/250609_coupon_mnm_bg.png") no-repeat center / contain; margin: 0 auto;}
.sp-coupon-info .sp-coupon-discount {font-family:Pretendard, "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Helvetica Neue", Helvetica, Arial, "apple color emoji", "segoe ui emoji", "noto color emoji", "android emoji", emojisymbols, "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif; 
                                     font-weight: 600; font-size: 1.875rem; color: #111111; letter-spacing: -0.3px; text-align: center; margin-left: 0.875rem; width: 25.52%;}
.sp-coupon-info .sp-coupon-discount .percent {font-size: 3.125rem;}
.sp-coupon-info .sp-coupon-desc {font-family:Pretendard, "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Helvetica Neue", Helvetica, Arial, "apple color emoji", "segoe ui emoji", "noto color emoji", "android emoji", emojisymbols, "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif; 
                                 font-weight: 400; font-size: 1.375rem; color: #111111; letter-spacing: -0.3px; text-align: left; padding: 2.10rem 1.25rem; width: 57.87%; overflow: hidden;}
.sp-coupon-info .sp-coupon-desc p {margin: 0; word-break: break-all;}
.sp-coupon-info .sp-coupon-desc p:first-child {margin-bottom: 0.25rem;}
.sp-coupon-info .sp-coupon-desc p:last-child {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sp-coupon-info .sp-coupon-btn {width: 21.68%; }
.sp-coupon-info .sp-coupon-btn img {display: block; width: 85.5%; }

/* 홈 - 헤더 개편 및 자연이랑 이동 버튼 */
/* #header, #search_header {height: 56px;}
#header .search_button {width: 33px; height: 33px; background-size: 100%;}
#header .header_title, #search_header .header_title {justify-content: left;}
#header .header_title a#logo {margin: 0 0 0 19px; width: 85px; height: 19px;}
#header .header_title.title_center {justify-content: center;}
#header .menu-go {float: left; width: 88px; height: 29px; margin-top: 1px; margin-left: 9px; font-weight: 600; color: #705a47; font-size: 14px; line-height: 31px; padding: 0 15px; letter-spacing: -0.3px; background-color: #f3ece6; border-radius: 20px;}
#header .menu-go img {margin-left: 5.3px; width: 5.3px; padding-bottom: 0.2px;} 
.main_nav_wrap {top: 56px;}
.main_nav_wrap .main_nav_inner > li a {padding: 7px 0; font-size: 15px;}
.main_nav_wrap .main_nav_inner > li a .menu_md {width: 62.05px; padding: 2.7px 0;}
.main_nav_wrap .main_nav_inner .main_nav_item {padding: 5px 0;} */

#allMenu .am_top {height: 52.5px; padding: 13px 18px 12px 18px;}
#allMenu .am_top .logo a {width: 6.60rem; height: 1.58rem; margin-right: 14px;}
#allMenu .menu-go {float: left; width: 135px; font-weight: 500; color: #111; font-size: 14px; line-height: 30px; padding: 0 13px; letter-spacing: -0.3px; height: 30px; background-color: #ffe701; border-radius: 15px;}
#allMenu .menu-go img {margin-left: 2px; margin-bottom: 1px; width: 5px;}
#allMenu .myinfo {position: relative; padding: 24px 20px 18px 20px; width: 100%; height: 148px; box-sizing: border-box; line-height: inherit; display: inline-block; border-bottom: 2px solid var(--border-color-2);}
#allMenu .myinfo.nopoint {height: 90px;}
#allMenu .myinfo a {display: block;}
#allMenu .text-login {font-size: 16px; letter-spacing: -0.3px; color: #222; line-height: 16px;}
#allMenu .text-login em {font-weight: bold; font-style: normal;}
#allMenu .text-Grant {display: inline-block; font-size: 13px; letter-spacing: -0.4px; margin-top: 37px; line-height: 21px;}
#allMenu .text-Grant img {width: 5px; margin-left: 3px; padding-bottom: 0.5px;}
#allMenu .text-Grant2 {display: inline-block; font-size: 25px; font-weight: 900; margin-top: 4px; color: #444; line-height: 28px;}
#allMenu .text-Grant2 span {font-size: 16px; font-weight: 600;}
/*
#allMenu .myinfo .login-btn {position: absolute; bottom: 20px; right: 20px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: -0.4px; background-color: #dcdcdc; padding: 6px 20px 6px; border-radius: 50px;}
*/
#allMenu .myinfo .login-btn {
    position: static;color: #fff; 
    font-size: 14px; 
    font-weight: 500; 
    letter-spacing: -0.4px; 
    background-color: #cccccc; 
    padding: 6px 20px 6px; 
    border-radius: 50px;
}
#allMenu .myinfo .right-buttons-area {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse; 
}
#allMenu .myinfo .btn-share {
    display: inline-block;
    width: 42px;
}
#allMenu .myinfo .btn-share.hidden {
    display: none !important;
}

#allMenu .bar {border-top: 10px solid #f2f2f2; padding: 0;}
/* #allMenu .am_bottom {padding: 0 var(--gap-size);} */
/* #allMenu .am_bottom .bar {margin: 0 -1.875rem;} */
#allMenu .am_close img {width: 20px; height: 20px; margin-top: 6px;}
.am_bottom .nav {padding: 0;}
/* .am_bottom .nav > ul > li > a {padding: 1.42rem 0;} */

/* 홈 헤더 높이 변경으로 인한 타 페이지 변동사항 -------- 제거
.nav_wrap.co_header {top: 53px;}
.goods_tab_box.co_header {top: 53px;}
*/

/* 플로팅배너 */
html.mobile .float_banner_wrap{max-width:none;}
.float_banner_wrap {position: fixed; width: 100%; bottom: 0; z-index: 1000; left: 50%; transform: translateX(-50%); bottom: 8.5rem; pointer-events: none; transition: opacity 0.3s; opacity: 1; overflow: visible; max-width: var(--container-max-width);}
.float_banner_wrap .float_banner {pointer-events: auto; margin-left: var(--gap-size); margin-right: auto; display: inline-block;}

.float_banner_wrap .float_banner > img {display: grid; position: relative; width: 2.3vw; height: auto; max-width: 15px; max-height: 15px;}
.float_banner_wrap .float_banner a > img {width: 22vw; max-width: 100px; max-height: 100px;}

@supports (-webkit-touch-callout: none) {
    .float_banner_wrap{
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* 갓배송소개 */
.godshippinginfo_main {position: relative; text-align: center; font-size: 0;}
.godshippinginfo_main img {width: 100%; max-width: 720px; height: auto;}

/* 나의 쿠폰 */
.register_div .register_input_long {width: 100%; height: 4.8rem; padding: 1rem;}

/* 홈 MD's 추천 섹션 추가*/
.mdspick_sp {width: 100%; overflow: visible; margin: 0 auto;}
.mdspick_sp .swiper-slide a {display: block; margin: 0 0.9375rem;}
.mdspick_sp_img_box {position: relative; overflow: hidden; overflow: hidden;}
.mdspick_sp_img_box img {width: 100%;}
.mdspick_sp_img_box .badge_box2 {position: absolute; right: 0; top: 0;}
.mdspick_sp_img_box .badge_box2:nth-of-type(2) {top: 4.375rem; margin-top: 0.1rem;}
.mdspick_sp_img_txt {position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); color: var(--color-white); text-align: center; padding: 1.0625rem 0; font-size: 1.25rem; line-height: 1; overflow: hidden;}
.mdspick_sp_img_txt img {margin: 0 0.625rem; width: 5.1875rem; vertical-align: middle;}
.mdspick_sp_text_box {position: relative; overflow: hidden;}
.mdspick_sp_product {display: block; margin-top: 1rem; margin-bottom: 0.625rem; font-size: 1.625rem; text-align: left; display: block !important; display: -webkit-box !important; word-break: break-all; word-wrap: break-word; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; -webkit-line-clamp: 2; max-height: 3em;}
.mdspick_sp_price1, .mdspick_sp_price2 {display: inline-block; word-break: break-all;}
.mdspick_sp_price1 {font-size: 1.625rem; font-weight: 600; text-align: left; margin-right: 0.875rem;}
.mdspick_sp_price2 {font-size: 1.375rem; text-align: left; color: var(--brand-color-2); text-decoration: line-through;}

/* 검색 */
html:not(.mobile) #search_container {max-width: var(--container-max-width);}
#search_container {display: block; position: fixed; z-index: 1001; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%); background-color: rgba(0 0 0 0); word-break: break-all; overflow: hidden; pointer-events: none;}
#search_container.active {pointer-events: auto;}
#search_container #search_wrap {left: -110%; background-color: #fff; width: 100%; height: 100%; position: absolute; transition: opacity 0.4s, left 0.7s;}
#search_container.active #search_wrap {transition: opacity 0.4s, left 0.4s; will-change: opacity, left; left: 0; background-color: #fff;}
#search_container .ui-menu-item {color: #a4a5a9;}
.ui-autocomplete {max-height: 395px; overflow-y: auto; overflow-x: hidden;}

/**css 변경부 20230509**/
#recItemList {position: fixed; background-color: #fff; z-index: 1002;}
#recentsearches .badge p {background: url("../../mnm/images/icon/search_x_btn.png") 50% 50% no-repeat; width: 1rem; height: 1rem; margin-left: 0.8333rem;} */
#recommand-plist .null1r {clear: both; height: 1rem;}
#search_container #search_mainContent {padding-bottom: 0;}
#search_container #searchAssist {overflow-y: auto; overflow-x: hidden;}
#search_container #searchAssist .pr_list {justify-content: flex-start;}
#search_container #searchAssist #choosebrand {display: none;}
#search_container #searchAssist #choosebrand .null1r {clear: both; height: 1rem;}
#search_container #searchAssist #choosebrand .badge {display: inline-flex; min-width: 1.6rem; padding: 1rem 1.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; align-items: center; justify-content: center; background-color: #fffa66; color: #222; font-size: 1.3rem; border-radius: 1.5rem / 50%; font-weight: 400; letter-spacing: -0.3px; cursor: pointer;}

/* +20251119 검색 스타일 통합 */
.searchnav .search_cont .badge{display:inline-flex; justify-content: center; min-width:auto!important;width:fit-content;height:auto;white-space:nowrap;margin-left:0;margin-right:0.5rem;margin-bottom:0.5rem;padding:1.25rem 1.375rem;font-weight:400;font-size:1.3rem;letter-spacing:-.035rem;color:#111;text-align:left;border:solid .125rem #e7e7e7;background-color:#fff;border-radius:5rem;}
.searchnav .search_cont .badge:last-child{margin-right:0!important}
.searchnav .search_cont .badge p{margin:0;min-width:1rem;width:1rem}

.searchnav .search_cont #recentsearches .badge{align-items:center;flex-wrap:nowrap; height:auto;white-space:nowrap;font-size:1.3rem;padding: 0.825rem 1.225rem 0.825rem 1.219rem;font-weight:400;letter-spacing:-.035rem;color:#111;border:solid .125rem #e7e7e7;background-color:#fff;margin-right:0.5rem;margin-bottom:0.5rem; float:left;}
.searchnav .search_cont #recentsearches .badge p {display:block; background: url("../../mnm/images/icon/search_x_btn.png") 50% 50% no-repeat; width: 1rem; height: 1rem; margin-left: 0.8333rem;}
.searchnav .search_cont #recommand-plist { margin-top: 1.25rem; margin-bottom: 0.625rem !important; text-align: left; }
.searchnav .search_cont #recommand-plist .badge{padding: 0.825rem 1.225rem 0.825rem 1.219rem;background-color:#f0f5fd;border-color:transparent}

/* 검색 - 스캔 */
#header.header-renew .qr_scan_button {
    cursor: pointer;
    margin-right: -2rem;
}
/****/

/* 쿠폰적용상품 */
.coupon-info-box {padding: 2.25rem var(--gap-size) 2.25rem;}
.coupon-info-box .coupon-title {font-size: 1.625rem; margin-bottom: 0.625rem !important;}
.coupon-info-box .coupon-description {font-size: 1.375rem; margin-bottom: 0.625rem !important;}
.coupon-info-box .coupon-expiry {font-size: 1.25rem; color: #999;}

.product-list-divider {height: 1.25rem; background-color: #f2f2f2; border-top: 1px solid var(--line-color-2);}

/** 브랜드 라운지 영역 시작 **/
/*  - 브랜드 위젯 페이지 */
.category-tabCont:not([class*="mt_"]) {margin-top: 2.25rem;}
.category-tabs {display: flex; align-items: center;}
.category-tab {flex: 1; position: relative; padding-bottom: 1.125rem; color: var(--font-color-7); font-size: 1.625rem;}
.category-tab:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 0.125rem; background-color: var(--font-color-7); content: "";}
.category-tabPanel {padding-top: 1.875rem;}
.category-tab.active {color: var(--color-black); font-weight: bold;}
.category-tab.active:before {height: 0.25rem; background-color: var(--color-black);}
.category-panel {visibility:hidden;height:0;overflow:hidden;}
.category-panel.active {visibility:visible;height:auto;}

#brand_lounge {margin-top:0;}

.brand_swiper .swiper-slide {display: flex; flex-direction: column; gap: 1.25rem; width: 28.125rem;}
.brand_swiper .product-card {position: relative; width: 100%;}
.brand_swiper .product-card img {width: 100%; vertical-align: middle;}
.brand_swiper .product-card:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: "";}
.brand_swiper .product-card .product-info {position: absolute; bottom: 3.125rem; left: 2.5rem;}
.brand_swiper .product-card .product-title,
.brand_swiper .product-card .product-sub {overflow: hidden; width: 23.2rem; /*white-space: nowrap;*/}
.brand_swiper .product-card .product-title {color: var(--color-white); font-size: 2.25rem;}
.brand_swiper .product-card .product-sub {color: #ddd; font-size: 1.25rem; margin-top: 1.125rem;}

.brand_swiper .product-list {display: flex; align-items: center; gap: 1.25rem;}
.brand_swiper .product-list .product-thumbnail {width: 6.25rem;}
.brand_swiper .product-list .product-thumbnail img {width: 100%; vertical-align: middle;}
.brand_swiper .product-list .product-name {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 20rem; color: var(--color-black); font-size: 1.375rem; line-height: 1.75rem; text-overflow: ellipsis;}
.brand_swiper .product-list .product-price {margin-top: 0.875rem; font-size: 0;}
.brand_swiper .product-list .discount_rate,
.brand_swiper .product-list .price {font-size: 1.5625rem; font-weight: bold;}
.brand_swiper .product-list .discount_rate {color: var(--font-color-8);}
.brand_swiper .product-list .price {margin: 0 0.625rem; color: var(--color-black);}
.brand_swiper .product-list .original_price {color: var(--brand-color-2); font-size: 1rem; text-decoration: line-through;}
.brand_swiper .product-list .original_price_only {	margin: 0; color: var(--color-black);}

.brand_more_btn {margin-top: 3.125rem; text-align: center;}
.brand_more_btn .more_btn {display: inline-block; width: 25rem; height: 4.375rem; color: #000; font-size: 1.5rem; line-height: 4.375rem; border: 0.125rem solid #d0d0d0; border-radius: 2.1875rem;}

/*  - 브랜드 라운지 페이지 */
.brand_lounge-content {margin-top: 4.375rem;}
.category-detailTabs {display: flex; position: relative; z-index: 4;}
.category-detailTab {flex: 1; height: 5rem; color: var(--font-color-6); font-size: 1.6875rem; text-align: center; line-height: 5rem; background-color: #333;}
.category-detailTab.active {color: #efefef;}

.subCategory-box {position: sticky;	top: 5rem; background-color: var(--color-white); z-index: 3;}
.subCategory-box.sticky {	position: sticky;	top: 56px;}
.subCategory-dimm {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0, 0, 0, 0.3);}
.subCategory-btn {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 4.375rem; height: 5rem; background-color: var(--color-white); border-left: 0.125rem solid var(--line-color-2); z-index: 2;}
.subCategory-btn:before {width: 1.6875rem; height: 0.9375rem; background-image: url("../../mnm/images/common/arrow_open.png"); background-position: center; background-repeat: no-repeat; background-size: cover; transition: 0.3s; content: "";}
.subCategory-btn.active:before {transform: rotate(180deg);}
.subCategory-swiper {padding: 0 6.25rem 0 1.875rem !important; border-bottom: 0.125rem solid var(--line-color-2);margin:0 !important;}
.subCategory-swiper .swiper-wrapper {font-size: 0;}
.subCategory-swiper .swiper-slide {width: fit-content; display: inline-block;}
.subCategory-swiper .swiper-slide a {display: block; color: var(--font-color-2); font-size: 1.5rem; line-height: 5rem;}
.subCategory-swiper .swiper-slide a.allcats {color: var(--color-black);}
.subCategory-swiper .swiper-slide a._on {	color: var(--font-color-1); font-weight: 600;}

.subCategory-panel {display: none; position: absolute; top: 5.125rem; left: 0;	width: 100%; padding: 2.5rem 1.875rem; border-bottom: 0.125rem solid var(--line-color-2); background-color: var(--color-white); z-index: 1;}
.subCategory-title {color: var(--color-black); font-size: 1.625rem; font-weight: bold;}
.subCategory-list {display: flex; flex-wrap: wrap; gap: 2.5rem 3.75rem; margin-top: 2.5rem;}
.subCategory-item {width: calc(50% - 1.875rem);}
.subCategory-list {color: var(--font-color-2); font-size: 1.5rem;}
.subCategory-list a.allcats {color: var(--color-black);}
.subCategory-list a._on {color: var(--font-color-1); font-weight: 600;}

.brand_lounge-title {color: var(--color-black); font-size: 1.625rem; font-weight: bold;}
.brand_focus-list {display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.875rem;}
.brand_focus-item {width: calc(50% - 0.625rem);}
.brand_focus-link {display: block; position: relative;	height:100%;}
.brand_focus-dimm {	display:block;	width: 100%;	height: 100%;	background-color: rgba(0, 0, 0, 0.3);	position: absolute;	top: 0;	left: 0;	z-index: 1;}
.brand_focus-item img {width: 100%;}
.brand_focus-name {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;	z-index: 2; color: var(--color-white); font-size: 1.875rem;}

.more_brands-list {	display: flex; gap: 0.875rem; flex-wrap: wrap; margin-top: 1.875rem;}
.more_brands-item {display: none;}
.more_brands-item + .more_brands-item {margin-top: 0.875rem;}
.more_brands-list .tag {display: none; height: 3.125rem; padding: 0 1.25rem; color: var(--color-black); font-size: 1.25rem; font-weight: bold; line-height: 3.125rem; border: 0.125rem solid var(--color-black); border-radius: 1.5625rem; background-color: var(--color-white);}
.view_more_btn {height: 3.125rem; padding: 0 1.25rem; margin-top: 0.875rem; color: #333; font-size: 1.25rem; line-height: 3.125rem; border-radius: 1.5625rem; background-color: #eee;}

/*  - 브랜드 전용 페이지 */
.brand_box { position: relative;}
.brand_box img {	display:block; width: 100%;}
.brand_box .brand_info_box { position: relative;}
.brand_box .brand_info { width: 78.125%;  position: absolute;  bottom: 10.55%;left: 6.25%;color: #fff;}
.brand_box .brand_info .brand_title {	font-weight: bold;	font-size: 2.625rem;margin: 3.64% 0 5.46%;}
.brand_box .brand_info .brand_description {	font-size: 1.4375rem;}

.brandOnly .subCategory-swiper {padding: 0 1.875rem;}

/*  - 브랜드 카테고리 페이지 */
.catbrand .goods_list_top .glt_sort {margin-left: 2.5rem;}
.brandChk-btn {	position: relative;	min-width: 6rem;	margin-left: auto; height: 1.2em; padding-right: 1.5rem; color: var(--font-color-1); font-size: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m12.002 16-7-7.62L6.269 7l5.733 6.242L17.735 7l1.267 1.38Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top 50% right; background-size: 1em 1em;}
.brandChk-value {overflow: hidden; display: inline-block; max-width: 9.2rem; text-overflow: ellipsis; white-space: nowrap;}
.brandChk-top {	position: sticky; top: 0;	padding: 1.25rem 0 2.5rem;	border-bottom: 2px solid #eee;}
.brandChk-body {overflow-y: scroll;	-ms-overflow-style: none;	scrollbar-width: none;	max-height: 31rem;	padding: 2.5rem 0;}
.brandChk-body:-webkit-scrollbar {	display: none;  }
.brandChk-title {	color: #000;	font-size: 1.75rem;	font-weight: bold;}
.brandChk-bdCrumb {	margin-top: 1.875rem;	display: flex;	gap: 1.125rem;}
.brandChk-bdCrumb_item {	display: flex; align-items: center; gap: 1.125rem;	color: #000;	font-size: 1.5rem;}
.brandChk-bdCrumb_item.select {	color: #aaa;}
.brandChk-bdCrumb_item:not(:first-child):before {	content: "";	width: 0.625rem;	height: 1rem;	background-image: url("../../mnm/images/common/arrow_breadcrumb.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.brandChk-optionBox {	display: flex;	flex-wrap: wrap;	gap: 1.125rem 1.25rem;}
.brandChk-optionBox input {position: absolute; top: -100000000px; left: -100000000px;}
.brandChk-option {	width: calc(50% - 0.625rem);	height: 5rem;}
.brandChk-option label {	display: flex; align-items: center; justify-content: center;	height: 100%;	color: #000;	font-size: 1.625rem;	background-color: var(--color-white);	border: 2px solid #eee;	border-radius: 2.5rem;	cursor: pointer;}
.brandChk-option input:checked + label {	background-color: #aaa;}

/*  - 브랜드 검색 페이지 */
.brandsearch .goods_list_top + .goods_list_top {	padding: 0 var(--gap-size) 2.25rem; width:65%;margin-left:auto;}

/* - 브랜드 필터 팝업 */
.brand_popup_wrap {	align-items: flex-end;	padding: 0;}
.brand_popup_wrap .popup_box {	border-radius: 2.5rem 2.5rem 0 0;}
.brand_popup_wrap .popup_con {	padding: 1.875rem 0 0;}
.brand_popup_wrap .btn_reset {	background-color: #eee;	border-color: rgba(0, 0, 0, 0);}
/** 브랜드 라운지 영역 끝 **/


/* - 레코픽 추천상품리스트 */
.recopick-section .pr_panel {--background-color: #f9f9f9; overflow-x: hidden; }
.recopick-section .pr_panel:not([class*=mt_]) {margin-top: 5.3125rem;}
.recopick-section .pr_panel:not(._full) {padding-left: var(--gap-size); padding-right: var(--gap-size);}
.recopick-section .pr_panel_top { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1.875rem;}
.recopick-section .pr_panel_top_title { font-size: 2.25rem; font-weight: bold; color: var(--color-black);}
.recopick-section .pr_panel_top_title.t_center { margin-left: auto; margin-right: auto;}
.recopick-section .pr_list {justify-content: flex-start; margin: -0.25rem; margin-bottom: -2.8125rem;}
.recopick-section .pr_list.prl_nowrap{flex-wrap: nowrap;}
.recopick-section .pr_list > li { width: 15rem; padding: 0.25rem 0.25rem 2.8125rem; flex-shrink: 0;}
.recopick-section .pr_list .prl_img_box [class*=badge_box] { position: absolute; top: 0; right: 0; font-size: 1rem; width: 3rem; height: 3rem;}
.recopick-section .pr_list .prl_img_box a {cursor: pointer; touch-action: manipulation;}
.recopick-section .pr_list .prl_img_box img { display: block; width: 100%; }
.recopick-section .pr_list .prl_cart { bottom: 0; right: 0; position: absolute; width: 2.5rem; height: 2.5rem; bottom: 0; right: 0; overflow: hidden; background: #222 no-repeat center/contain; background-image: url(../images/common/icon_shopping.svg); touch-action: none;}
.recopick-section .pr_list .prl_cart span { position: absolute; left: -9999px;}
.recopick-section .pr_list .prl_text_box {margin-top: 1.25rem; letter-spacing: -0.04em;}
.recopick-section .pr_list .prl_text_box a { cursor: pointer; touch-action: manipulation;}
.recopick-section .pr_list .prl_text_box a > span {display: block; word-break: keep-all;}
.recopick-section .pr_list .prl_product {display: block; margin-bottom: 0.75rem; font-size: 1.375rem; font-weight: 400; text-align: left; display: block !important; display: -webkit-box !important; word-break: break-all; word-wrap: break-word; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; -webkit-line-clamp: 2; max-height: 3em;height: 3em;}
.recopick-section .pr_list .prl_price1, .mnm-new_product .pr_list .prl_price2 {display: inline-block; word-break: break-all;}
.recopick-section .pr_list .prl_price1 {font-size: 1.5625rem; font-weight: 700; text-align: left; margin-right: 1rem;}
.recopick-section .pr_list .prl_price2 {font-size: 1rem; text-align: left; color: var(--brand-color-2); text-decoration: line-through;}
.recopick-section .pr_panel .swiper-pagination {position:static; margin-top:22px;}
.recopick-section .pr_panel .swiper-pagination .swiper-pagination-bullet { margin:0 4px;background:#000; }
.recopick-section .pr_panel .swiper-button-next { display: none; }
.recopick-section .pr_panel .swiper-button-prev { display: none; }

/* 마이페이지 > 주문내역 > 주문상품후기 */
.order_list_box .ol_item_current .ol_item_current_review { border-top:0; padding:0 0 0.875rem;}
.order_list_box .ol_item_current .ol_item_current_review button { background-color: #f2f2f2; border-color: #f2f2f2;}
.orderreview.review_list {border-top: 2px solid var(--line-color-4); margin: 1.875rem 0 0;}
.orderreview.review_list .rl_item {border-bottom: 1px solid var(--line-color-2); border-top: 0; margin-top: 0;}
.orderreview.review_list .rl_item .rl_wrap {margin: 0 0 1.875rem 0;}
.orderreview.review_list .rl_item .rl_text_box .btn {width: 15rem; height: 4rem; font-size: 1.375rem;}

/* 홈 탭 */
/* nav.main_nav_wrap .main_nav_inner .main_nav_item a.tab-special{font-family: "neutronic-hangeul", sans-serif; font-weight:600; font-style: normal; font-size: 14px; padding-bottom: 8px;}
nav.main_nav_wrap .main_nav_inner .main_nav_item a.hot-deal{color: #e3a406}
nav.main_nav_wrap .main_nav_inner .main_nav_item a.god-shipping{color: #cb8234}
 */
/* 장바구니 탭 */
.cart-tab-wrapper .cart-tab-menu {
    display: block; 
    background-color: #fff; 
    width: 100%;
}

.cart-tab-wrapper .cart-tab-menu .cart-tabs li {
    cursor: pointer; 
    float: left; 
    width: 50%; 
    font-size: 1.375rem; 
    line-height: 50px; 
    border-bottom: 1px solid #e2ddda; 
    font-weight: 400; 
    letter-spacing: -0.3px; 
    text-align: center;
}

.cart-tab-wrapper .cart-tab-menu .cart-tabs li.on {
    border-bottom: 2px solid #000; 
    font-weight: 500;
}

.basket-badge { 
    align-items: center; 
    justify-content: center; 
    min-width: 1.375rem; 
    border-radius: 1.5rem; 
    line-height: 1; 
    padding: 0 0.4375rem; 
    background-color: var(--color-black); 
    font-size: 1rem; 
    font-weight: 600; 
    color: var(--color-white); 
    text-indent: 0px; 
    margin-left: 0.5rem;
}

@supports (position: sticky) {
  .cart-tab-wrapper {
    position:sticky; 
    top:5.35rem; 
    background-color:#fff;
    z-index:100;
    overflow: hidden;
  }
}

/*주문내역*/
.order_list_box .gift-info-wrap{width: 100%; display: flex; justify-content: space-between;}

/*주문완료 > 쿠폰발급 팝업 안내*/
.bonus.divImgPop {position:fixed;left:0;right:0;top:0;width:100%;height:100%;z-index:19;background-color: rgba(0,0,0,0.6);display:none;}
.bonus.divImgPop .popContent{position: absolute; text-align: center; left: 50%; top: 18%; transform: translate(-50%, 0); width: 100%; max-width: 480px; min-width: 310px;}
.bonus.divImgPop .popbg {position:absolute;background:no-repeat center center; width: 100%;}
.bonus.divImgPop .popbg img{width: 100%;}
.bonus.divImgPop .closebtn {position:relative;text-align:right; width: 100%;}
.bonus.divImgPop .closebtn img{width: 5%; padding-right: 15%; padding-top: 2%;}
.bonus.divImgPop .popbtn.mnm {position: absolute; width: 100%; top: clamp(184px, 59vw, 288px); transform: translate(-50%, 0); left: 50%;}
.bonus.divImgPop .popbtn.mnm img{width: 56%;}

/* 자연이랑 소개(모바일 메인페이지) */
.ul-withnature .wn-introduction {width:100%; text-align: center;}
.ul-withnature .wn-introduction img{width: 100%; display: block;}
.ul-withnature .wn-introduction .content{padding-top: clamp(26.666px, 8.333vw, 41.665px); padding-left: clamp(17.779px, 5.556vw, 27.78px); padding-right: clamp(17.779px, 5.556vw, 27.78px);}
.ul-withnature .wn-introduction .content ul {display: flex; flex-wrap: wrap; position: relative;}
.ul-withnature .wn-introduction .content ul li {width: 48%; text-align: left;}
.ul-withnature .wn-introduction .content ul li:nth-child(2n){margin-left: auto; }
.ul-withnature .wn-introduction .content ul li a img{width: 70%;}
.ul-withnature .wn-introduction .content ul li a:nth-child(3) img{margin-top: clamp(3.52px,1.1vw,8px);}

.ul-withnature #intro-video-wrap {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7); left: 50%; transform: translateX(-50%);}
.ul-withnature #intro-video-wrap table {position: absolute; bottom: 10%;}
.ul-withnature #intro-video-wrap table td div {position: relative; top: 100px; width:97.22vw;max-width:500px;text-align:right;}
.ul-withnature #intro-video-wrap table td span {color:#fff;display:inline-block;background-color:rgba(0,0,0,0.5);padding:5px 10px;}
.ul-withnature #intro-video-wrap table td iframe {position: relative; width:97.22vw;height:54.68vw;max-width:500px;max-height:281.25px;}
.ul-withnature .movie-container img { width:100%;max-width:500px; }


.company-content {position: relative}
.company-content .ul-withnature .wn-introduction .content {max-width: 500px; margin-inline: auto; padding-inline: 1.5rem; box-sizing: border-box; }
.company-content button {padding:0}
.company-content button:has(img){text-align:left;margin-right:auto;display: flex;}
.company-content button img,
.company-content .ul-withnature .wn-introduction .content ul li a img{width: auto; height: 2.625rem; }
.company-content .ul-withnature .wn-introduction .content:has(.movie-container){padding-top: 3.5rem;padding-bottom: 5.1111rem;}

.company-popup{display: none;}
.company-popup::backdrop{background-color: rgba(0, 0, 0, .5);}
.company-popup[open]{display: flex;}
.company-popup{width: 100%;padding: 0;border: 0;max-width: 500px;height: 100%;max-height: 90vh;padding-inline: 1.25rem;background: transparent;box-sizing: border-box;outline: 0;text-align: left;word-break: keep-all;}
.company-popup *{outline: 0;}
.company-popup-inner{width: 100%;max-height: 100%; display: flex;flex-direction: column; justify-content: space-between; padding-block: 4.5rem; padding-inline: 2.813rem;box-sizing: border-box;background: #ffffff;}
.company-popup-head{flex: 0 1 auto; width: 100%;padding-bottom: 2.438rem;}
.company-popup-contents{flex:1; overflow-y: auto; width: 100%;}
.company-popup-contents{flex:1;overflow-y:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}
.company-popup-contents::-webkit-scrollbar{width:0;height:0}
.company-popup-bottom{flex: 0 1 auto; width: 100%; padding-top: 2.5rem;}
.company-popup-bottom button{width: 100%;}
.company-popup-title{margin:0;display: block;font-size: 2rem;font-weight: bold;letter-spacing: -0.96px;text-align: left;color: #b2835c;}
.company-popup-img{width: 100%;}
.company-popup-strong{display: block;margin: 0 0  1.5rem ;font-size: 1.5rem;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;text-align: left;color: #111;}
.company-popup-list{display: flex;flex-direction: column;width: 100%; margin-bottom: 2.875rem;gap:0.25rem}
.company-popup-list:last-child{margin-bottom: 0}
.company-popup-list li{margin:0!important;width:100%!important;display:flex;align-items:flex-start;gap:.5rem;font-size:1.375rem;font-weight:500;line-height:1.55;word-break:keep-all;letter-spacing:-.66px;text-align:left;color:#666}

.company-content .company-popup-list li>span:first-child{min-width:fit-content}
.company-content .company-popup-btn{display:block;padding:2rem 1rem;border-radius:46px;background-color:#b2835c;font-size:1.875rem;font-weight:700;line-height:1.07;letter-spacing:-.9px;text-align:center;color:#fff;box-sizing:border-box}

.company-popup-list-column{width:100%;display:flex;align-items:center}
.company-popup-list-column li{width:100%!important;display:flex;align-items:flex-start;gap:1rem;padding-block:2rem}
.company-popup-list-column li img{max-width:7rem}
.company-popup-list-column-strong{display:block;font-size:1.25rem;font-weight:700;color:#111}
.company-popup-list-column-desc{margin:0;font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:-.6px;color:#666}
.company-popup-list-column li:not(:last-child){border-bottom:1px solid #eee}

.content.content--bg{background-color: #f3f5f7;padding-block:0 !important; max-width: 100% !important;z-index: 0;position: relative;}
.content.content--bg::before{content: '';
	display: block;position: absolute;left: 0; bottom:0; width: 100%; z-index: -1; height: 30rem;
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 1));
	background-position: bottom center;  background-repeat: no-repeat;
}
.content.content--bg img{margin-inline: auto;max-width: calc(500px - 3rem); }
.content.content--bg .btn-mnm{background:#111;color:#fff;margin-inline:auto;margin-top: clamp(0.5rem, 5vw, 1rem);margin-bottom: clamp(1rem, 10vw, 2rem);max-width:calc(500px - 3rem);display:flex;justify-content:center; align-items:center;height:6rem;font-size:1.625rem;font-weight:700;line-height:1.23;letter-spacing:-.78px;text-align:center;color:#fff}

.company-mnm-info{margin-top:4rem;max-width: calc(500px - 3rem); padding-inline: 1.5rem; margin-inline: auto;padding-bottom: 6rem;word-break: keep-all;}
.company-mnm-strong{display:block;text-align:left;font-size:1.375rem;font-weight:700;line-height:1.64;letter-spacing:-.66px;text-align:left;color:#111}
.company-mnm-info-list{margin:1rem 0 0;font-size:1.375rem;font-weight:500;line-height:1.64;letter-spacing:-.66px;text-align:left;color:#666}
.company-mnm-info-list li{display:flex;width:100%}
.company-mnm-info-list li::before{content:'-';min-width:1em}

/* 메인페이지 위젯 */
.custom-widget-type2 {margin-bottom: clamp(0.625rem, 10vw, 1rem);}

/* 타임특가 */
.deal-special *{box-sizing: border-box;}
.deal-special{width:auto;overflow:visible;margin-left:0;margin-right:calc(2 * 1.5rem);clip-path:inset(0 -100vw 0 0)}
.deal-special .swiper-slide{padding-right:1rem}
.deal-special .swiper-slide a{display:block}
.deal-special_img_box{position:relative;overflow:hidden;overflow:hidden}
.deal-special_img_box img{width:100%;display:block}
.deal-special_img_box .badge_box2{position:absolute;width:4rem;height:4rem;right:0;top:0;font-weight:700;font-size:1.281rem}
.deal-special_img_box .badge_box3{position:absolute;right:0;}
.deal-special_img_box .countdown{display:flex;justify-content:center;align-items:center;width:100%;height:2.5rem;background-color:rgba(178, 131, 92,.8);position:absolute;bottom:0;left:0;color:#ffffff;font-size:1.25rem;font-weight:500;gap:.25rem}
.deal-special_img_box .countdown.mnm{background-color:rgba(0,0,0,.8);}
.deal-special_img_box .tag{z-index:1;position:absolute;left:.625rem;top:.625rem;min-height:2.5rem;padding:.625rem 0.75rem;border-radius:.375rem;font-size:1.25rem;font-weight:500;background-color:#ff3d39;color:#fff}
.deal-special_img_txt{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.8);color:#ffffff;text-align:center;padding:1.0625rem 0;font-size:1.25rem;line-height:1;overflow:hidden}
.deal-special_img_txt img{margin:0 .625rem;width:5.1875rem;vertical-align:middle}
.deal-special_text_box{position:relative;overflow:hidden}
.deal-special_product{display:block;margin-top:1rem;margin-bottom:1rem;font-size:1.375rem;font-weight:400;text-align:left;display:block!important;display:-webkit-box!important;word-break:break-all;word-wrap:break-word;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;-webkit-line-clamp:2;max-height:3em;height:3em;}
.deal-special_price{width:100%;display:flex;justify-self:flex-start;align-items:flex-end;flex-wrap:wrap;min-height:1.875rem}
.deal-special_price1,.deal-special_price2{display:inline-block;word-break:break-all;}
.deal-special_price1{font-size:1.5625rem;font-weight:700;text-align:left;margin-right:.5rem;line-height:1.5}
.deal-special_price1_krw{font-size:1.5625rem;vertical-align:baseline}
.deal-special_price2{font-size:1rem;text-align:left;color:#A4A5A9;text-decoration:line-through;vertical-align:baseline;line-height: 1.5;font-weight:400;}
.deal-special_price2_krw{font-size:1rem;vertical-align:baseline;}
.deal-special_coupon{display:flex;justify-content:center;align-items:center;width:4.625rem;height:2.125rem;font-size:1.1875rem;border:2px solid #f95a4c;border-radius:.25rem;color:#f95a4c;margin-right:.875rem}

/* 선물하기 추가 */
.con-title-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}    
.contact-link {
    font-size: 1.25rem;
    cursor: pointer;
    color: #333;
    text-decoration: underline;
}

.gs_toggle_area { padding: 0 0 1rem 0; }


.brand-detail{
	position: relative;
	width: 100%;
	background-color: #867b65; 
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto; 
	padding: 3.75rem 0 3.125rem;	
}

.brand-detail .top_area {
	text-align: center;
	margin-bottom: 26rem;
	h2{
	  margin-bottom: 1.5rem;
	  font-weight: 400;
	  font-size: 1.5rem;
	  letter-spacing: -0.3px;
	  color:#fff;
	}
	h1{
		margin-bottom: 1.25rem;
		font-weight: 500;
		font-size: 3rem;
		letter-spacing: -0.3px;
		color:#fff;
		line-height: 1;
	}
	p{  
		font-weight: 400;
		font-size: 1.625rem;
		letter-spacing: -0.3px;
		color:#fff;
		line-height: 1.5;
	}
}

.brand-detail .list_wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr); 
	gap: 6px; 
	margin: 0 auto; 
}

.brand-detail .list_item {
	background-color: #fff;
	aspect-ratio: 48/25; 
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px; 
	transition: transform 0.3s ease;
}
.brand-detail .list_item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.brand-detail .detail_link {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.brand-detail .detail_logo {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.brand-detail .brand-view{
	padding: 3.75rem 0 3.125rem;
}
.brand-view > .inner {
    padding: 0 4.0625%;
}
.brand-view .top_area{
	margin: 3.75rem 0;
	h2{
	  margin-bottom: 1.5rem;
	  font-weight: 400;
	  font-size: 1.5rem;
	  letter-spacing: -0.3px;
	  color: #111;
	}
	h1{
		margin-bottom: 1.25rem;
		font-weight: 500;
		font-size: 3rem;
		letter-spacing: -0.3px;
		color:#111;
		line-height: 1;
	}
	p{  
		font-weight: 400;
		font-size: 1.625rem;
		letter-spacing: -0.3px;
		color:#888;
		line-height: 1.5;
	}
}

.brand-view .view-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  column-gap: 0.68%;
  row-gap: 0.95%;
}
.brand-view .view-item {
  position: relative;
  width: 100%;
  aspect-ratio: 292 / 390; 
  overflow: hidden; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.brand-view .view-item_link {
    display: block;
    width: 100%;
    height: 100%;
}

.brand-view .view-item_bg {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  transition: transform 0.3s ease;
}

.brand-view .view-item:hover .view-item_bg {
  transform: scale(1.05);
}
.brand-view .view-item_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5.14%;
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-view .view-item_logos {
  width: 100%;
  min-height: 2.5rem; 
  display: flex;
  justify-content: center;
  align-items: flex-end; 
}
.brand-view .view-item_logo-img {
  width: 100%;
  max-width: 100%; 
  max-height: 100%;
  object-fit: contain; 
}

.brand-view .view-item_btn {
  display: block;
  width: 100%;
  height: auto;
  min-height: 2.5rem;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.brand-view .view-item:hover .brand-view .view-item_btn {
  filter: brightness(1.1); 
}

.brand-shop {
	width: 100%;
	margin: 0 auto;
	background-color: #ececec;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 55rem;
	padding-top: 6.25rem;
	padding-bottom: 10rem;
}
.brand-shop__header {
	text-align: center;
	color: #ffffff;
}

.brand-shop__title {
	font-size: 2.625rem;
	font-weight: 600; 
	line-height: 1.2;
}
.brand-shop__desc {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.25rem;
}

.brand-shop__list {
	margin-top: 4.375rem;
	padding: 0 1.625rem;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .375rem;
}

.brand-shop__item {
	aspect-ratio: 1 / 1;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.brand-shop__logo {
	width: 100%;
	height: 100%;
	object-fit: cover; 
}