/* BASIC css start */
#header{width: 100%; min-width: 320px; max-width: 850px;z-index: 15; position: sticky; top: 0;margin:0 auto;border-bottom:1px solid #eeeeee}
#header,#asi :is(*){font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
#header .head_inner{ padding: 0 5%;}
#header .head_top{display: none;}
#header .head_top p{background-color:#0B0A0A;font-size: 13px; font-weight: 400; color: #fff; position: relative; text-align: center; padding: 13px 20px;}
#header .head_top p a{position: absolute; display: flex;align-items: center;justify-content: center;  top: 50% ;right:13px; transform:translateY(-50%);}
#header .head_top p a img{transform: scale(.7); transform-origin: center center;}
#header .head_bottom .head_inner{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 20px 5%; background-color: #fff;}
#header .head_bottom .head_inner a{display: flex; align-items: center; justify-content: center;}
#header .head_bottom .head_inner h1.logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#header .head_bottom .head_inner ul.user_icon{display: flex; align-items: center; gap: 10px;}
#header .head_bottom .head_inner ul.user_icon li.li_cart a{position: relative;}
#header .head_bottom .head_inner ul.user_icon li.li_cart a span{display: inline-block; width: 20px; height: 20px;font-size: 11px;  background-color: var(--main-color); color: #fff; border-radius: 50%; font-weight: 500; position: absolute; top: -1px; right: -10px; text-align: center; line-height: 20px;}

#fix_icon{position: fixed; z-index: 10; right: -15px; bottom: 20px; opacity: 0; transition: right .4s, opacity .6s;}
#fix_icon.show{right: 15px; opacity: 1;}
#fix_icon ul{display: flex; flex-direction: column; gap: 5px;}
#fix_icon ul li a{display: block;}
#fix_icon ul li a img{width: 42px;}

/* 측면(햄버거) 메뉴 기본 틀 — 세부 디자인은 맨 아래 '햄버거 메뉴 리뉴얼'에서 */
#asi{width: 100%; z-index: 20; min-width: 320px; max-width: 850px; background-color: #fff; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto;}

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }

/* 다찾다 검색 파인더 - 레이어 */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; }
#allfinder-ctr a { display:block; width:77px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; }

.all-finder-layer { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; }
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; }
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; }
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }

/* =========================================================
   MO 상단 리뉴얼 (PC와 톤 통일)
   ========================================================= */

/* 1단 */
#header .head_bottom{background:#fff;}
#header .head_bottom .hd_row1{padding:12px 4% !important; min-height:52px; box-sizing:border-box; max-height:80px; overflow:visible; transition:max-height .25s, padding .25s, opacity .2s;}
#header .hd_row1 svg,
#header .hd_search svg{width:24px; height:24px; fill:none; stroke:#000; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; display:block;}
#header .hd_row1 .ham a{padding:4px;}
#header .hd_row1 h1.logo img{display:block; height:30px; width:auto;}
#header .head_bottom .head_inner ul.user_icon{gap:14px;}
#header .head_bottom .head_inner ul.user_icon li a{position:relative;}
#header .head_bottom .head_inner ul.user_icon li.li_cart a span{width:auto; min-width:15px; height:15px; padding:0 3px; box-sizing:border-box; line-height:15px; font-size:9px; font-weight:700; border-radius:3px; background:#e60012; top:-4px; right:-7px;}

/* 검색창 (펼침) */
#header .hd_search{display:none; padding:0 4% 10px;}
#header .hd_search.open{display:block;}
#header .hd_search fieldset{position:relative; display:flex; align-items:center; height:40px; border:1px solid #000; border-radius:20px; padding:0 44px 0 16px; box-sizing:border-box;}
#header .hd_search fieldset input{flex:1; width:100% !important; height:38px !important; border:none !important; outline:none; background:none !important; font-size:14px !important; color:#000; padding:0 !important;}
#header .hd_search fieldset input::placeholder{color:#999;}
#header .hd_search .sch_btn{position:absolute; right:12px; top:50%; transform:translateY(-50%);}
#header .hd_search .sch_btn svg{width:20px; height:20px;}
#header .hd_search .search-auto-complete-list{top:44px; border-radius:10px; overflow:hidden;}

/* 2단 : 가로 스크롤 메뉴 */
#header .hd_menu{overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-top:1px solid #f2f2f2;}
#header .hd_menu::-webkit-scrollbar{display:none;}
#header .hd_menu ul{display:flex; align-items:center; gap:20px; padding:0 4%; white-space:nowrap; height:44px;}
#header .hd_menu ul li{flex-shrink:0;}
#header .hd_menu ul li a{display:block; font-size:14px; font-weight:700; color:#000; letter-spacing:-0.2px; line-height:44px;}
#header .hd_menu ul li.c_red a{color:#e60012;}
#header .hd_menu ul li.c_blue a{color:#1a5cff;}
#header .hd_menu ul li.li_bar{width:1px; height:12px; background:#ccc; margin:0 -6px;}
#header .hd_menu ul li.li_dot a{position:relative; padding-right:6px;}
#header .hd_menu ul li.li_dot a:after{content:""; position:absolute; top:12px; right:0; width:4px; height:4px; border-radius:50%; background:#e60012;}
#header .hd_menu ul li:last-child{padding-right:4%;}

/* 스크롤 시 : 띠배너·1단 숨기고 메뉴 줄만 고정 */
#header.is-scrolled .head_top{display:none !important;}
#header.is-scrolled .hd_row1{max-height:0 !important; min-height:0 !important; padding-top:0 !important; padding-bottom:0 !important; opacity:0; overflow:hidden !important;}
#header.is-scrolled .hd_menu{border-top:none; box-shadow:0 2px 6px rgba(0,0,0,.05);}

/* ===== 브랜드 찾기 (전체 화면) ===== */
#m_brand{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:300; background:#fff; max-width:850px; margin:0 auto; flex-direction:column;}
#m_brand.open{display:flex;}
#m_brand svg{fill:none; stroke:#000; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; display:block;}
#m_brand .mb_hd{display:flex; justify-content:space-between; align-items:center; height:54px; padding:0 4%; border-bottom:1px solid #eee; flex-shrink:0;}
#m_brand .mb_hd strong{font-size:17px; font-weight:800; letter-spacing:.5px;}
#m_brand .mb_hd .mb_close svg{width:24px; height:24px;}
#m_brand .mb_top{padding:16px 4% 0; flex-shrink:0;}
#m_brand .mb_search{position:relative; height:42px; border:1px solid #ddd; border-radius:21px; background:#f7f7f7;}
#m_brand .mb_search svg{position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px;}
#m_brand .mb_search input{width:100%; height:40px; border:none !important; outline:none; background:none; padding:0 16px 0 40px; font-size:14px; color:#000; box-sizing:border-box;}
#m_brand .mb_tabs{display:flex; gap:6px; margin-top:12px;}
#m_brand .mb_tabs button{flex:1; height:36px; border:1px solid #ddd; border-radius:18px; background:#fff; color:#999; font-size:13px; font-weight:700;}
#m_brand .mb_tabs button.on{background:#000; border-color:#000; color:#fff;}
#m_brand .mb_hot{padding:16px 4% 4px; flex-shrink:0;}
#m_brand .mb_hot p{font-size:12px; font-weight:800; color:#999; letter-spacing:1px; margin-bottom:8px;}
#m_brand .mb_hot_list{display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding-bottom:6px;}
#m_brand .mb_hot_list::-webkit-scrollbar{display:none;}
#m_brand .mb_hot_list a{flex-shrink:0; padding:7px 14px; border-radius:16px; background:#f2f2f2; font-size:12px; font-weight:700; color:#000; white-space:nowrap;}
#m_brand .mb_list{flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:4px 4% 40px;}
#m_brand .mb_group{padding:16px 0 6px; border-bottom:1px solid #f2f2f2;}
#m_brand .mb_group:last-child{border-bottom:none;}
#m_brand .mb_head{font-size:17px; font-weight:800; font-style:italic; margin-bottom:10px;}
#m_brand .mb_grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px 12px;}
#m_brand .mb_item{display:block;}
#m_brand .mb_item .t1{display:block; font-size:14px; color:#000; line-height:1.35; word-break:keep-all;}
#m_brand .mb_item .t2{display:block; font-size:12px; color:#999; line-height:1.35; margin-top:2px;}
#m_brand .mb_empty{padding:60px 0; text-align:center; color:#999; font-size:14px;}
body.mb_lock{overflow:hidden !important;}

/* =========================================================
   햄버거 메뉴 리뉴얼 — 기존 CSS 맨 아래에 추가
   ========================================================= */

/* 뒤 화면 어둡게 */
#asi_dim{position:fixed; top:0; left:0; right:0; bottom:0; z-index:19; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:opacity .35s, visibility .35s;}
#asi_dim.show{opacity:1; visibility:visible;}
body.asi_lock{overflow:hidden !important;}
body.asi_lock #allfinder-ctr, body.asi_lock #fix_icon{display:none !important;}

/* 패널 : 왼쪽에서 밀려 나옴 */
#asi{display:block !important; opacity:1 !important; width:86% !important; max-width:420px !important; min-width:0 !important;
     transform:translateX(-100%); visibility:hidden; transition:transform .4s cubic-bezier(.2,.8,.2,1), visibility .4s !important;
     box-shadow:4px 0 24px rgba(0,0,0,.08); padding-bottom:40px; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
#asi.show{transform:translateX(0); visibility:visible;}
#asi img{transform:none !important;}
#asi svg{fill:none; stroke:#111; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; display:block;}

/* 공통 화살표 */
#asi i.go{display:inline-block; width:7px; height:7px; border-top:1.6px solid #111; border-right:1.6px solid #111; transform:rotate(45deg); margin-left:6px; vertical-align:middle; position:relative; top:-1px;}

/* 상단 : 로고 / 닫기 */
#asi .asi_hd{display:flex; align-items:center; justify-content:space-between; height:56px; padding:0 20px; border-bottom:1px solid #f0f0f0;}
#asi .asi_hd .asi_logo img{display:block; height:26px; width:auto;}
#asi .asi_hd .asi_close a{display:block; padding:4px;}
#asi .asi_hd .asi_close svg{width:24px; height:24px;}

/* 로그인 안내 */
#asi .asi_user{padding:24px 20px 18px;}
#asi .asi_user .asi_login{display:block;}
#asi .asi_user .asi_login strong{display:block; font-size:19px; font-weight:800; color:#111; letter-spacing:-0.5px;}
#asi .asi_user .asi_login span{display:block; margin-top:6px; font-size:12.5px; color:#888; letter-spacing:-0.2px;}
#asi .asi_user .asi_login span em{font-style:normal; font-weight:700; color:#e60012;}

/* 바로가기 4칸 */
#asi .asi_quick{display:grid; grid-template-columns:repeat(4,1fr); margin:0 20px; padding:14px 0; border:1px solid #ececec; border-radius:12px;}
#asi .asi_quick li{padding:0 !important;}
#asi .asi_quick li+li{border-left:1px solid #f2f2f2;}
#asi .asi_quick a{display:flex !important; flex-direction:column; align-items:center; gap:7px;}
#asi .asi_quick svg{width:22px; height:22px;}
#asi .asi_quick span{font-size:11.5px; font-weight:500; color:#333; letter-spacing:-0.3px;}

/* 섹션 공통 */
#asi .asi_sec{padding:32px 20px 0;}
#asi .asi_label{font-size:11px; font-weight:800; color:#aaa; letter-spacing:1.5px; margin-bottom:4px;}
#asi .asi_label_row{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}
#asi .asi_label_row .asi_label{margin-bottom:0;}
#asi .asi_more{font-size:12px; color:#888; text-decoration:underline; text-underline-offset:3px;}

/* 카테고리 */
#asi .asi_nav ul.main_m>li{padding:0 !important;}
#asi .asi_nav ul.main_m>li>a{display:flex !important; align-items:center; justify-content:space-between; padding:15px 0; font-size:18px; font-weight:800; color:#111; letter-spacing:-0.3px; line-height:1.2; border-bottom:1px solid #f2f2f2;}
#asi .asi_nav ul.main_m>li:last-child>a{border-bottom:none;}
#asi .asi_nav ul.main_m>li.red>a{color:#e60012 !important;}
#asi .asi_nav ul.main_m>li.dot>a{justify-content:flex-start;}
#asi .asi_nav ul.main_m>li.dot>a:after{content:""; width:5px; height:5px; border-radius:50%; background:#e60012; margin-left:4px; align-self:flex-start;}
#asi .asi_nav ul.main_m>li>a i.go{width:6px; height:6px; border-color:#bbb;}

/* 펼침 + / − */
#asi .asi_nav .ico{position:relative; width:14px; height:14px; flex-shrink:0;}
#asi .asi_nav .ico:before, #asi .asi_nav .ico:after{content:""; position:absolute; left:0; top:50%; width:14px; height:1.6px; margin-top:-0.8px; background:#111; transition:transform .3s;}
#asi .asi_nav .ico:after{transform:rotate(90deg);}
#asi .asi_nav a.clicked .ico:after{transform:rotate(0deg);}

/* 하위 메뉴 */
#asi .asi_nav ul.sub_m{display:none; grid-template-columns:repeat(2,1fr); gap:0 12px; margin:4px 0 12px; padding:10px 16px; background:#f7f7f7; border-radius:10px;}
#asi .asi_nav ul.sub_m.clicked{display:grid;}
#asi .asi_nav ul.sub_m>li{width:auto; padding:0 !important;}
#asi .asi_nav ul.sub_m>li>a{display:block; padding:9px 0; font-size:14px; font-weight:500; color:#555; letter-spacing:-0.3px;}

/* 인기 브랜드 칩 */
#asi .asi_chips{display:flex; flex-wrap:wrap; gap:6px;}
#asi .asi_chips a{padding:8px 14px; border:1px solid #e3e3e3; border-radius:18px; font-size:12.5px; font-weight:700; color:#111; letter-spacing:.2px;}

/* 하단 링크 */
#asi .asi_foot{display:flex; gap:18px; margin:32px 20px 0; padding-top:20px; border-top:1px solid #f2f2f2;}
#asi .asi_foot a{font-size:13px; color:#888;}

/* 사이트 전체 폰트: 프리텐다드 통일 */
body, body *{font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', sans-serif !important;}

/* 아이콘 글꼴은 폰트 통일에서 예외 처리 */
.fa{font-family:FontAwesome !important}
/* BASIC css end */