/* YONGKYO BUSINESS MALL front UI v2.8.28 */
/* ============================================================
   YONGKYO BUSINESS MALL — 아임웹 프런트 UI 스타일  v2 (2026-09-16)
   삽입 위치: 아임웹 [사이트 설정 > 코드 삽입 > head]  (Pretendard link 포함)
   톤: 흰 배경 · 라이트그레이 · YONGKYO 블루(#2471A3)는 활성/CTA 에만 · 그림자/라운드 최소
   ============================================================ */
.yk-probe{display:none!important;}
:root{
  --yk-blue:#2471A3; --yk-blue-dark:#1C5C86; --yk-blue-soft:#EAF2F8;
  --yk-ink:#111827; --yk-text:#374151; --yk-sub:#6B7280; --yk-line:#E5E7EB; --yk-line2:#D1D5DB;
  --yk-dark:#1F2937; --yk-bg-soft:#F5F7FA;
  --yk-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;
}
.yk-hdr,.yk-hdr *,.yk-mbars,.yk-mbars *,.yk-prod,.yk-prod *,.yk-gal,.yk-gal *,.yk-edu,.yk-edu *,.yk-hero-box,.yk-hero-box *,.yk-mlogo,.yk-mlogo *{box-sizing:border-box;font-family:var(--yk-font);}
.yk-wrap{max-width:1240px;margin:0 auto;padding:0 24px;}
/* 로고: 공식 심볼 + 공식 워드마크 원본 그대로. BUSINESS MALL 은 로고 밖 별도 텍스트 */
.yk-mark{width:36px;height:36px;flex:0 0 auto;}
.yk-word{height:30px;width:auto;display:block;flex:0 0 auto;}
.yk-mall{display:inline-flex;align-items:center;height:22px;margin-left:14px;padding-left:14px;border-left:1px solid var(--yk-line2);font-size:12px;font-weight:700;letter-spacing:0.18em;color:var(--yk-blue);white-space:nowrap;align-self:center;}

/* 1. 유틸바 (36px 다크) */
.yk-hdr{background:#fff;position:relative;z-index:60;}
.yk-util{background:var(--yk-dark);color:#CBD5E1;font-size:13px;height:36px;letter-spacing:-0.005em;}
.yk-util .yk-wrap{display:flex;justify-content:space-between;align-items:center;height:100%;}
.yk-util a{color:#CBD5E1;text-decoration:none;}
.yk-util a:hover{color:#fff;text-decoration:none;}
.yk-util .sep{color:#4B5563;margin:0 10px;}
.yk-util .strong{color:#fff;font-weight:600;}
.yk-util a.ext svg{width:10px;height:10px;margin-left:4px;vertical-align:-1px;}

/* 2. 메인 헤더 (96px) */
.yk-main .yk-wrap{display:flex;align-items:center;height:96px;gap:36px;}
.yk-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--yk-ink);flex:0 0 auto;}
.yk-logo:hover{text-decoration:none;}
.yk-search{flex:1 1 auto;max-width:540px;margin:0 auto;}
.yk-sform{display:flex;height:46px;border:1px solid var(--yk-line2);border-radius:6px;overflow:hidden;background:#fff;margin:0;}
.yk-sform:focus-within{border-color:var(--yk-blue);}
.yk-sform input{flex:1;min-width:0;border:0;outline:0;padding:0 16px;font-size:15px;color:var(--yk-ink);background:transparent;height:100%;margin:0;box-shadow:none;border-radius:0;-webkit-appearance:none;appearance:none;}
.yk-sform input::placeholder{color:#9CA3AF;}
.yk-sform input::-webkit-search-cancel-button{-webkit-appearance:none;}
.yk-sform button{width:50px;border:0;background:transparent;color:var(--yk-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.yk-sform button:hover{color:var(--yk-blue);}
.yk-sform button svg{width:20px;height:20px;}
.yk-contact{display:flex;align-items:center;gap:22px;flex:0 0 auto;margin-left:auto;}
.yk-tel{text-align:right;}
.yk-tel a{font-size:19px;font-weight:700;color:var(--yk-ink);text-decoration:none;letter-spacing:-0.01em;line-height:1.1;}
.yk-tel span{display:block;font-size:12.5px;color:var(--yk-sub);margin-top:4px;}
.yk-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;background:var(--yk-blue);color:#fff;font-size:15px;font-weight:600;border-radius:6px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;}
.yk-cta:hover{background:var(--yk-blue-dark);color:#fff;text-decoration:none;}
.yk-btn-w{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;background:#fff;color:var(--yk-ink);font-size:15px;font-weight:600;border:1px solid var(--yk-line2);border-radius:6px;text-decoration:none;white-space:nowrap;cursor:pointer;}
.yk-btn-w:hover{border-color:var(--yk-blue);color:var(--yk-blue);text-decoration:none;}

/* 3. 카테고리 내비 (60px, 박스 없음, 활성만 블루 + 3px 라인) */
.yk-nav{background:#fff;border-bottom:1px solid var(--yk-line);}
.yk-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:40px;height:60px;align-items:stretch;}
.yk-nav li{margin:0;padding:0;}
.yk-nav li a{display:flex;align-items:center;height:100%;font-size:16px;font-weight:600;color:var(--yk-text);text-decoration:none;position:relative;white-space:nowrap;letter-spacing:-0.01em;}
.yk-nav li a:hover{color:var(--yk-blue);text-decoration:none;}
.yk-nav li a.on{color:var(--yk-blue);}
.yk-nav li a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--yk-blue);}
.yk-nav li.yk-req{margin-left:auto;}
.yk-nav li.yk-req a{color:var(--yk-blue);}
.yk-nav li.yk-req a svg{width:16px;height:16px;margin-right:6px;}
.yk-nav.is-fixed{position:fixed;top:0;left:0;right:0;z-index:70;}
.yk-nav-spacer{display:none;height:60px;}
.yk-nav-spacer.on{display:block;}

/* 4. 브랜드 필터 (2차, pill) */
.yk-brandbar{background:#fff;border-bottom:1px solid var(--yk-line);}
.yk-pills{display:flex;align-items:center;gap:8px;padding-top:10px;padding-bottom:10px;}
.yk-pills .yk-bl{font-size:13px;font-weight:600;color:var(--yk-sub);margin-right:6px;flex:0 0 auto;}
.yk-pills ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 6px;}
.yk-pills li{margin:0;padding:0;}
.yk-pills button{height:32px;padding:0 13px;border:1px solid var(--yk-line);border-radius:999px;background:#fff;color:var(--yk-text);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1;}
.yk-pills button:hover{border-color:var(--yk-blue);color:var(--yk-blue);}
.yk-pills button.on{background:var(--yk-blue);border-color:var(--yk-blue);color:#fff;}
.yk-pills button[disabled]{color:#B0B7C3;background:#FAFAFA;cursor:default;border-color:#EEF0F3;}
.yk-pills button[disabled]:hover{border-color:#EEF0F3;color:#B0B7C3;}

/* 5. 히어로 (기존 실사 배경 유지, 텍스트 박스만 교체) */
.yk-hero-box{width:calc(100% - 24px);max-width:640px;text-align:left;color:var(--yk-ink);background:rgba(255,255,255,.94);padding:36px 40px;border-radius:6px;}
.yk-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--yk-blue-soft);color:var(--yk-blue);font-size:12.5px;font-weight:700;letter-spacing:-0.005em;line-height:1;white-space:nowrap;}
.yk-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yk-blue);}
.yk-hero-box .yk-badge{margin-bottom:16px;}
.yk-hero-box .yk-hero-t{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;letter-spacing:-0.035em;font-weight:800!important;color:var(--yk-ink)!important;margin:0 0 14px!important;word-break:keep-all;font-family:var(--yk-font)!important;}
.yk-hero-box .yk-hero-s{font-size:clamp(14px,1.2vw,17px)!important;line-height:1.7!important;color:#4B5563!important;margin:0 0 22px!important;word-break:keep-all;font-family:var(--yk-font)!important;}
.yk-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.yk-hero-cta .yk-cta,.yk-hero-cta .yk-btn-w{height:48px;padding:0 26px;}
.yk-hero-n{font-size:13px;color:var(--yk-sub);margin:0;display:flex;align-items:center;gap:6px;}
.yk-hero-n .dot{width:7px;height:7px;border-radius:50%;background:#39A875;flex:0 0 auto;}
.yk-hero-n b{color:var(--yk-ink);}

/* 6. 상품 영역 */
.yk-sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;}
.yk-sec-head h2{font-size:22px;font-weight:700;color:var(--yk-ink);margin:0;letter-spacing:-0.01em;}
.yk-sec-head p{font-size:14px;color:var(--yk-sub);margin:0;}
.yk-prod{background:#fff;padding:48px 0 40px;}
.yk-catcards{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin-bottom:40px;}
.yk-cc{display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px;border:1px solid var(--yk-line);border-radius:6px;background:#fff;text-decoration:none;color:var(--yk-ink);}
.yk-cc:hover,.yk-cc.on{border-color:var(--yk-blue);text-decoration:none;color:var(--yk-ink);}
.yk-cc .im{display:block;aspect-ratio:1/1;width:100%;background:var(--yk-bg-soft);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#B0B7C3;}
.yk-cc .im img{width:100%;height:100%;object-fit:cover;display:block;}
.yk-cc .im svg{width:36px;height:36px;}
.yk-cc .tx strong{display:block;font-size:14.5px;font-weight:700;letter-spacing:-0.01em;}
.yk-cc .tx span{display:block;font-size:12.5px;color:var(--yk-sub);margin-top:2px;}
.yk-cc.empty .tx span{color:#9CA3AF;}
.yk-sec-head2{margin-top:8px;}
.yk-sec-head2{display:none!important;}   /* v2.8.21: 상품 목록 카테고리 제목 숨김 */
.yk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;min-height:0;}
.yk-chips:empty{display:none;}
.yk-chips button{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px 0 12px;border:1px solid var(--yk-blue);border-radius:999px;background:var(--yk-blue-soft);color:var(--yk-blue);font-size:13px;font-weight:600;cursor:pointer;}
.yk-chips button svg{width:13px;height:13px;}
.yk-chips button.reset{background:#fff;border-color:var(--yk-line2);color:var(--yk-sub);padding:0 12px;}
.yk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;}
.yk-item{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--yk-ink);}
.yk-item:hover{text-decoration:none;color:var(--yk-ink);}
.yk-item .im{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;background:var(--yk-bg-soft);border:1px solid var(--yk-line);border-radius:6px;overflow:hidden;color:#B0B7C3;}
.yk-item:hover .im{border-color:var(--yk-blue);}
.yk-item .im img{width:100%;height:100%;object-fit:cover;display:block;}
.yk-item .im svg{width:40px;height:40px;}
.yk-item .im .so{position:absolute;left:8px;top:8px;font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:#6B7280;border-radius:4px;padding:3px 7px;}
.yk-item .nm{font-size:14.5px;font-weight:600;line-height:1.4;letter-spacing:-0.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yk-item .mt{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.yk-item .br{font-size:12px;font-weight:600;color:var(--yk-sub);}
.yk-price-note{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--yk-blue);background:var(--yk-blue-soft);border-radius:4px;padding:5px 8px;line-height:1.2;white-space:nowrap;}
.yk-price-note::before{content:"";width:12px;height:12px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232471A3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") no-repeat center/contain;}
.pay_detail .yk-price-note{font-size:17px;padding:9px 14px;}
.yk-price-link{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--yk-blue);}
.yk-price-link svg{width:13px;height:13px;}
.yk-more{text-align:center;margin-top:28px;}
.yk-more .yk-btn-w{min-width:200px;}
.yk-empty{grid-column:1/-1;text-align:center;padding:56px 20px;color:var(--yk-sub);border:1px dashed var(--yk-line2);border-radius:6px;}
.yk-empty svg{width:40px;height:40px;color:#B0B7C3;}
.yk-empty p{margin:12px auto 0;max-width:520px;font-size:14.5px;line-height:1.6;}

/* 7. 작업사례 채널 카드 · 기술교육 배너 */
.yk-gal{background:var(--yk-bg-soft);padding:48px 0 8px;}
.yk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.yk-card{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid var(--yk-line);border-radius:6px;background:#fff;text-decoration:none;color:var(--yk-ink);}
.yk-card:hover{border-color:var(--yk-blue);text-decoration:none;color:var(--yk-ink);}
.yk-card .ic{width:48px;height:48px;border-radius:6px;background:var(--yk-blue-soft);color:var(--yk-blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.yk-card .ic svg{width:24px;height:24px;}
.yk-card .tx{flex:1 1 auto;min-width:0;}
.yk-card strong{display:block;font-size:16px;font-weight:700;letter-spacing:-0.01em;}
.yk-card span.d{display:block;font-size:13px;color:var(--yk-sub);margin-top:3px;}
.yk-card em{font-style:normal;font-size:13px;font-weight:600;color:var(--yk-blue);white-space:nowrap;display:inline-flex;align-items:center;gap:3px;}
.yk-card em svg{width:14px;height:14px;}
.yk-edu{background:var(--yk-bg-soft);padding:24px 0 56px;}
.yk-edu-in{display:flex;align-items:center;gap:32px;background:#fff;border:1px solid var(--yk-line);border-left:4px solid var(--yk-blue);border-radius:6px;padding:28px 32px;}
.yk-edu-txt{flex:1 1 auto;min-width:0;}
.yk-edu .kicker{display:inline-block;font-size:12.5px;font-weight:700;color:var(--yk-blue);letter-spacing:0.06em;margin-bottom:8px;}
.yk-edu h3{font-size:21px;font-weight:700;color:var(--yk-ink);margin:0 0 8px;letter-spacing:-0.015em;line-height:1.35;}
.yk-edu p{font-size:14.5px;color:var(--yk-sub);margin:0;}
.yk-edu .yk-cta{height:48px;padding:0 28px;font-size:15.5px;flex:0 0 auto;}
.yk-edu .yk-cta svg{width:18px;height:18px;margin-right:8px;}

/* 8. 모바일 바 (기존 햄버거/로고/장바구니 헤더 아래) */
.yk-mbars,.yk-mtop{display:none;}
#yk-fallback-hdr{background:#fff;}
.yk-mlogo{display:inline-flex;align-items:center;gap:6px;text-decoration:none;}
.yk-mlogo .yk-mark{width:24px;height:24px;}
.yk-mlogo .yk-word{height:21px;}
.yk-mlogo .yk-mall{height:16px;margin-left:8px;padding-left:8px;font-size:8.5px;letter-spacing:0.14em;}

@media (max-width:1100px){
  .yk-nav ul{gap:28px;}
  .yk-tel span{display:none;}
  .yk-search{max-width:380px;}
  .yk-main .yk-wrap{gap:20px;}
  .yk-catcards{grid-template-columns:repeat(4,1fr);}
  .yk-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:767px){
  .yk-util,.yk-main,.yk-nav,.yk-nav-spacer,.yk-brandbar{display:none!important;}
  .yk-mbars{display:block;background:#fff;border-bottom:1px solid var(--yk-line);}
  .yk-mtop{display:flex;align-items:center;justify-content:center;position:relative;height:50px;border-bottom:1px solid var(--yk-line);background:#fff;}
  .yk-mtop .cart{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--yk-ink);display:flex;}
  .yk-mtop .cart svg{width:24px;height:24px;}
  .yk-mbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0;}
  .yk-mbar .yk-badge{height:26px;font-size:12px;padding:0 10px;}
  .yk-mbar a{font-size:12.5px;font-weight:600;color:var(--yk-blue);text-decoration:none;}
  .yk-msearch{padding:8px 16px 4px;}
  .yk-msearch .yk-sform{height:42px;}
  .yk-msearch .yk-sform input{font-size:14px;padding:0 14px;}
  .yk-mnav ul{list-style:none;margin:0;padding:0 8px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:46px;}
  .yk-mnav ul::-webkit-scrollbar{display:none;}
  .yk-mnav li{margin:0;padding:0;flex:0 0 auto;}
  .yk-mnav li a{display:flex;align-items:center;height:46px;padding:0 10px;font-size:14px;font-weight:600;color:var(--yk-text);white-space:nowrap;text-decoration:none;position:relative;}
  .yk-mnav li a.on{color:var(--yk-blue);}
  .yk-mnav li a.on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--yk-blue);}
  .yk-mnav li.yk-req a{color:var(--yk-blue);}
  .yk-mbrand{border-top:1px solid var(--yk-line);padding:8px 16px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;}
  .yk-mbrand::-webkit-scrollbar{display:none;}
  .yk-mbrand ul{flex-wrap:nowrap;}
  .yk-mbrand button{height:30px;font-size:13px;padding:0 11px;}
  /* 히어로: 모바일 높이 축소 */
  body.yk-on .visual_section .header-content,body.yk-on .visual_section ._visual_height{height:auto!important;min-height:0!important;}
  body.yk-on .visual_section .owl-item .item{min-height:0!important;padding:0!important;}
  body.yk-on .visual_section .text-wrap{padding:22px 16px!important;}
  .yk-hero-box{width:100%;max-width:none;padding:20px 18px;background:rgba(255,255,255,.95);}
  .yk-hero-box .yk-badge{margin-bottom:10px;height:26px;font-size:12px;}
  .yk-hero-t{font-size:24px;margin-bottom:8px;}
  .yk-hero-s{font-size:14px;margin-bottom:14px;line-height:1.55;}
  .yk-hero-s .pc{display:none;}
  .yk-hero-cta{margin-bottom:0;gap:8px;}
  .yk-hero-cta .yk-cta,.yk-hero-cta .yk-btn-w{height:42px;padding:0 16px;font-size:14px;flex:1 1 auto;}
  .yk-hero-n{display:none;}
  /* 상품 영역 */
  .yk-wrap{padding:0 16px;}
  .yk-prod{padding:28px 0 32px;}
  .yk-sec-head{margin-bottom:12px;gap:8px;}
  .yk-sec-head h2{font-size:18px;}
  .yk-sec-head p{font-size:12.5px;}
  .yk-catcards{display:flex;gap:8px;margin:0 -16px 24px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .yk-catcards::-webkit-scrollbar{display:none;}
  .yk-cc{flex:0 0 118px;padding:8px 8px 10px;gap:6px;}
  .yk-cc .tx strong{font-size:12.5px;white-space:nowrap;}
  .yk-cc .tx span{font-size:11px;}
  .yk-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px;}
  .yk-item .nm{font-size:13.5px;}
  .yk-item .mt{flex-direction:column;align-items:flex-start;gap:4px;}
  .yk-price-note{font-size:11.5px;padding:4px 7px;}
  .yk-gal{padding:32px 0 4px;}
  .yk-cards{grid-template-columns:1fr;gap:10px;}
  .yk-card{padding:16px 18px;}
  .yk-edu{padding:16px 0 40px;}
  .yk-edu-in{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px;}
  .yk-edu h3{font-size:18px;}
  .yk-edu .yk-cta{width:100%;}
}

/* v2.3 — 제품 페이지(/48) 커스텀 그리드.
   기존 아임웹 상품/기획전 위젯은 삭제하지 않고, 커스텀 그리드가 실제로 그려진 뒤에만(.yk-shop-on) 숨긴다.
   CSS·JS·인덱스·렌더 중 하나라도 실패하면 body.yk-on 이 붙지 않아 기존 화면이 그대로 남는다(fail-safe). */
body.yk-on.yk-shop-on .yk-native-shop { display: none !important; }
body.yk-on.yk-shop-on #yk-products { padding-top: 24px; }

/* ============================================================
   v2.4 — 디자인 전용 오버라이드. 기능/필터/데이터 로직 무관.
   승인 항목 1~4. 5번(복원 패키지 카드 순서)은 의도적으로 미적용.
   ============================================================ */

/* ---- 4. B2B 인지: 로고 옆 소형 배지 (공식 로고는 원본 그대로) ---- */
.yk-b2b{display:inline-flex;align-items:center;height:22px;margin-left:10px;padding:0 9px;border-radius:4px;background:var(--yk-blue);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap;align-self:center;flex:0 0 auto;}
.yk-util .yk-ut-l{color:#CBD5E1;}

/* ---- 1. 상단: 차량으로 부품 찾기 (구 브랜드바 자리, 59px -> 64px) ---- */
.yk-finder{background:var(--yk-bg-soft);border-bottom:1px solid var(--yk-line);}
.yk-fd{display:flex;align-items:center;gap:14px;height:64px;}
.yk-fd-l{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;color:var(--yk-ink);white-space:nowrap;letter-spacing:-0.01em;}
.yk-fd-l::before{content:"";width:18px;height:18px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232471A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M6.5 17V9.5L8 6h8l1.5 3.5V17'/%3E%3Ccircle cx='8' cy='17' r='1.6'/%3E%3Ccircle cx='16' cy='17' r='1.6'/%3E%3C/svg%3E") no-repeat center/contain;}
.yk-fd .yk-sform{flex:1 1 auto;min-width:0;max-width:620px;height:40px;margin:0;background:#fff;}
.yk-fd-hint{margin-left:auto;flex:0 0 auto;font-size:12.5px;color:var(--yk-sub);white-space:nowrap;}
/* 제조사 칸: 검색 폼과 한 덩어리로 보이게 */
.yk-fdform select[data-fdbrand]{flex:0 0 auto;width:136px;height:100%;border:0;border-right:1px solid var(--yk-line);background:#fff;padding:0 30px 0 13px;font-size:14px;font-weight:600;color:var(--yk-ink);font-family:var(--yk-font);cursor:pointer;-webkit-appearance:none;appearance:none;outline:0;border-radius:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;}
.yk-fdform button[type=submit]{flex:0 0 auto;width:auto;padding:0 20px;background:var(--yk-blue);color:#fff;font-size:14px;font-weight:600;font-family:var(--yk-font);}
.yk-fdform button[type=submit]:hover{background:var(--yk-blue-dark);color:#fff;}

/* ---- 1-2. 브랜드 pill: 결과 필터 영역(제목/선택조건 아래)으로 이동 ---- */
#yk-brandfilter{padding:0 0 14px;gap:10px;align-items:center;}
#yk-brandfilter ul{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow:hidden;gap:6px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);}
#yk-brandfilter button[data-brand]{height:30px;padding:0 12px;font-size:13px;}
#yk-brandfilter.is-open ul{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;}
#yk-brandfilter.is-open{align-items:flex-start;}
#yk-brandfilter.is-open .yk-bl{line-height:30px;}
.yk-bmore{flex:0 0 auto;height:30px;padding:0 10px;border:0;background:transparent;color:var(--yk-sub);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:var(--yk-font);}
.yk-bmore:hover{color:var(--yk-blue);}
.yk-bmore::after{content:"";display:inline-block;width:0;height:0;margin-left:5px;vertical-align:1px;border:4px solid transparent;border-top-color:currentColor;}
.yk-pills.is-open .yk-bmore::after{transform:rotate(180deg);vertical-align:3px;}

/* ---- 1-3. 상품 카드 표시명: 단어 중간 분절 방지 ----
   강제 1줄 말줄임은 쓰지 않는다. 짧으면 1줄, 길면 기존 -webkit-line-clamp:2 그대로 최대 2줄.
   keep-all 로 공백에서만 끊고, 축약 토큰 `커버(F)/(T)` 는 JS 쪽 word joiner(U+2060) 로 함께 묶인다. */
.yk-grid .nm{word-break:keep-all;}

/* ---- 2. PC 히어로 축소: 750px -> 460px ---- */
@media (min-width:768px){
  body.yk-on .section_wrap.visual_section{height:460px!important;min-height:0!important;overflow:hidden;}
  body.yk-on .visual_section .header-content,
  body.yk-on .visual_section ._visual_height{height:460px!important;min-height:0!important;}
  body.yk-on .visual_section .owl-item .item,
  body.yk-on .visual_section .item.holder.section{min-height:0!important;height:460px!important;}
  body.yk-on .visual_section .text-wrap{padding-top:0!important;padding-bottom:0!important;}
  .yk-hero-box{padding:26px 34px;max-width:600px;}
  .yk-hero-box .yk-badge{margin-bottom:12px;}
  .yk-hero-box .yk-hero-t{font-size:clamp(26px,2.5vw,36px)!important;margin:0 0 10px!important;}
  .yk-hero-box .yk-hero-s{margin:0 0 16px!important;line-height:1.6!important;}
  .yk-hero-cta{margin-bottom:14px;}
  .yk-hero-cta .yk-cta,.yk-hero-cta .yk-btn-w{height:44px;padding:0 22px;}
  .yk-prod{padding:24px 0 40px;}
  .yk-catcards{margin-bottom:28px;}
}

/* ---- 3. 모바일 압축: 헤더 233 -> 204, 히어로 315 -> 200, 첫 상품 837 -> 643 ---- */
@media (max-width:767px){
  /* PC 전용 차량찾기 바는 모바일에서 숨긴다 (구 .yk-brandbar 자리를 대체했으므로 hide 목록에 추가) */
  .yk-finder{display:none!important;}
  .yk-mtop{height:48px;}
  /* 중복 제거: 사업자 전용 안내는 최상단 배지 한 곳에서만 노출 */
  .yk-mbar{padding:4px 16px 0;}
  .yk-mbar .yk-badge{height:26px;font-size:11.5px;padding:0 10px;}
  .yk-mfinder{padding:5px 16px 3px;}
  .yk-mfinder .yk-sform{height:40px;}
  .yk-mfinder .yk-sform input{font-size:13.5px;padding:0 12px;}
  .yk-mfinder select[data-fdbrand]{width:98px;padding:0 24px 0 10px;font-size:13px;background-position:right 7px center;background-size:13px;}
  .yk-mfinder button[type=submit]{width:46px;padding:0;background:var(--yk-blue);}
  .yk-mfinder button[type=submit] svg{width:19px;height:19px;color:#fff;}
  .yk-mnav ul{height:40px;}
  .yk-mnav li a{height:40px;padding:0 9px;font-size:13.5px;}
  /* 브랜드 pill: 결과 필터 영역에서 가로 스크롤. 2줄 wrap 금지, 더보기 숨김 */
  #yk-brandfilter{margin:0 -16px;padding:0 16px 10px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  #yk-brandfilter::-webkit-scrollbar{display:none;}
  #yk-brandfilter ul{flex:0 0 auto;flex-wrap:nowrap!important;overflow:visible;-webkit-mask-image:none;mask-image:none;}
  #yk-brandfilter.is-open ul{flex-wrap:nowrap!important;}
  #yk-brandfilter button[data-brand]{height:28px;font-size:12.5px;padding:0 10px;}
  #yk-brandfilter .yk-bl{flex:0 0 auto;}
  .yk-bmore{display:none!important;}
  /* 히어로: 배지 중복 제거 + 타이포 축소 (v2.3 !important 규칙과 동일 특이성으로 덮어씀) */
  .yk-hero-box .yk-hero-badge{display:none;}
  body.yk-on .visual_section .text-wrap{padding:10px 16px!important;}
  .yk-hero-box{padding:17px 16px;}
  .yk-hero-box .yk-hero-t{font-size:21px!important;line-height:1.25!important;margin:0 0 6px!important;}
  .yk-hero-box .yk-hero-s{font-size:13px!important;line-height:1.45!important;margin:0 0 10px!important;}
  .yk-hero-cta .yk-cta,.yk-hero-cta .yk-btn-w{height:40px;font-size:13.5px;}
  /* 상품 진입 앞당기기 */
  .yk-prod{padding:14px 0 32px;}
  .yk-sec-head{margin-bottom:8px;}
  .yk-sec-head h2{font-size:17px;}
  .yk-catcards{margin:0 -16px 12px;}
  .yk-cc{flex:0 0 100px;padding:6px 6px 8px;gap:5px;}
  .yk-sec-head2{margin-top:0;}
}

/* ============================================================
   v2.6 — 가격 공개 · 히어로 최종 카피 · 상단 띠 · 비회원 주문 안내 모달 · 헤더 로고 YONGKYO BUSINESS.
   v2.5 이하 규칙은 수정하지 않고 여기에서만 덧붙인다.
   ============================================================ */

/* ---- 0. 상단 띠: '사업자 전용 B2B MALL · 주문은 승인된 사업자만 가능합니다.' (좁으면 앞부분만) ---- */
.yk-util .yk-ut-more{color:#CBD5E1;}
@media (max-width:1100px){
  .yk-util .yk-ut-more{display:none;}
}

/* ---- 1. 헤더 로고: 심볼 + YONGKYO BUSINESS (COMPANY · BUSINESS MALL 제거) ----
   YONGKYO = 공식 워드마크 윗줄(원본 글자), BUSINESS = 같은 높이의 굵은 대문자. 두 글자 아랫선(baseline)을 맞춘다. */
.yk-lt{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;flex:0 0 auto;}
.yk-lt .yk-wordy{display:block;width:auto;height:18px;flex:0 0 auto;}
.yk-biz{display:block;font-family:var(--yk-font);font-size:24.8px;font-weight:800;line-height:1;letter-spacing:0.01em;color:var(--yk-blue);}
.yk-mlogo .yk-lt{gap:5px;}
.yk-mlogo .yk-mark{width:22px;height:22px;}
.yk-mlogo .yk-lt .yk-wordy{height:12px;}
.yk-mlogo .yk-biz{font-size:16.5px;}
@media (min-width:400px) and (max-width:767px){
  .yk-mlogo .yk-lt .yk-wordy{height:13.5px;}
  .yk-mlogo .yk-biz{font-size:18.6px;}
}
@media (min-width:768px) and (max-width:1100px){
  .yk-logo .yk-lt .yk-wordy{height:15px;}
  .yk-logo .yk-biz{font-size:20.6px;}
}

/* ---- 2. 히어로: YONGKYO BUSINESS MALL / 영문 슬로건 / 사업자 전용 공급몰 ---- */
.yk-hero-box .yk-hero-k{display:block;margin:0 0 6px;font-size:13px!important;font-weight:800;letter-spacing:.08em;line-height:1.3;color:var(--yk-blue)!important;font-family:var(--yk-font)!important;}
.yk-hero-box .yk-hero-e{margin:0 0 12px!important;font-size:15px!important;font-weight:600!important;letter-spacing:-0.005em;line-height:1.4!important;color:var(--yk-text)!important;font-family:var(--yk-font)!important;}
.yk-hero-box .yk-hero-t .nw{white-space:nowrap;}
.yk-hero-box .yk-hero-s{font-weight:600!important;color:var(--yk-ink)!important;}
@media (min-width:768px){
  .yk-hero-box .yk-hero-t{font-size:clamp(24px,2.3vw,34px)!important;}
}

/* ---- 2-1. PC 히어로 배경: 이미지 윗부분(벽 슬로건)이 잘려 보이지 않게 세로 위치만 아래로 (이미지·높이 그대로)
   이미지 1672x941 · cover. 1280px 이상에서 75% 로 두면 슬로건·밑줄(원본 y≈135~242)이 화면 위로 빠진다.
   1280px 미만은 위치만으로는 가릴 수 없어 기존(50%) 유지. 모바일 무변경. ---- */
@media (min-width:1280px){
  body.yk-on .visual_section .item.holder.section{background-position:50% 75%!important;}
}

/* ---- 3. 상품 카드 가격: 모든 방문자에게 판매가 + '승인 사업자 주문 전용' ---- */
.yk-item .pr{display:flex;flex-direction:column;gap:2px;}
.yk-item .pr b{font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-0.01em;color:var(--yk-ink);}
.yk-item .pr small{font-size:11.5px;font-weight:600;line-height:1.3;color:var(--yk-blue);}
/* 상품 상세: 가격 아래 한 줄 */
.pay_detail .yk-price-sub{display:block;margin:6px 0 0;padding:0;font-size:13px;font-weight:600;line-height:1.4;color:var(--yk-blue);font-family:var(--yk-font);}

/* ---- 4. 비회원 주문 안내 모달 (화이트 · 블루 CTA · 아웃라인 로그인 · 애니메이션 없음) ---- */
.yk-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;}
.yk-modal[hidden]{display:none!important;}
.yk-modal,.yk-modal *{box-sizing:border-box;font-family:var(--yk-font);}
.yk-modal-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(17,24,39,.45);}
.yk-modal-box{position:relative;width:100%;max-width:420px;padding:30px 28px 26px;background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(17,24,39,.18);text-align:left;}
.yk-modal-x{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--yk-sub);cursor:pointer;}
.yk-modal-x:hover{background:var(--yk-bg-soft);color:var(--yk-ink);}
.yk-modal-x svg{width:20px;height:20px;}
.yk-modal-box h3{margin:0 0 12px;padding-right:32px;font-size:20px;font-weight:800;line-height:1.35;letter-spacing:-0.02em;color:var(--yk-ink);}
.yk-modal-box p{margin:0 0 22px;font-size:14.5px;line-height:1.65;color:var(--yk-text);word-break:keep-all;}
.yk-modal-cta{display:flex;gap:8px;}
.yk-modal-cta .yk-cta,.yk-modal-cta .yk-btn-w{flex:1 1 0;height:48px;padding:0 12px;font-size:15px;}
body.yk-modal-open{overflow:hidden;}

@media (max-width:767px){
  .yk-hero-box .yk-hero-k{font-size:11px!important;margin:0 0 2px;}
  .yk-hero-box .yk-hero-e{font-size:12.5px!important;margin:0 0 8px!important;}
  .yk-item .pr b{font-size:15px;}
  .yk-item .pr small{font-size:11px;}
  .yk-modal-box{padding:26px 20px 20px;}
  .yk-modal-box h3{font-size:18px;}
  .yk-modal-box p{font-size:14px;}
  .yk-modal-cta{flex-direction:column;}
  .yk-modal-cta .yk-cta,.yk-modal-cta .yk-btn-w{flex:0 0 auto;width:100%;}
}

/* ---------- v2.7.1 임시 가격정책: 0원 표시 · 주문 일시 중지 ----------
   JS 가 금액을 0원으로 바꾸기 전(html.yk-p0 전)에는 아임웹 가격 자리를 숨겨 실제 금액이 비치지 않게 한다. */
html:not(.yk-p0) .pay_detail,
html:not(.yk-p0) .opt_block,
html:not(.yk-p0) .shop-item .item-pay,
html:not(.yk-p0) .search_widget .box_content,
html:not(.yk-p0) [class*="selected_option"],
html:not(.yk-p0) [class*="price"]:not([class*="yk-"]){visibility:hidden!important;}
/* v2.8.28: 상세 — 서버 인덱스로 가격을 처리하기 전(html.yk-wait, 최대 3초)에는 구매 영역도 숨긴다 (품절·입고예정·작업비용이면 이후 yk-so/yk-bq/yk-req 가 이어서 숨김) */
html.yk-wait .prod-detail-section--delivery,html.yk-wait ._today_arrival_wrap,html.yk-wait .opt-group,html.yk-wait .opt-group-bg,html.yk-wait .opt-group-top-bg,
html.yk-wait .goods_wrap,html.yk-wait .buy_btns,html.yk-wait #naverPayWrap,html.yk-wait [id^="NaverChk"],html.yk-wait .npay_btn{visibility:hidden!important;}
/* 0원 모드(html.yk-hold)에서만: 할인 상품의 SALE 배지와 취소선 정가를 숨겨 '0원' 하나만 보이게 한다.
   아임웹 마크업·SALE 설정은 그대로라서 yk-hold 를 붙이지 않는 버전(v2.8)에서는 원래대로 보인다. */
html.yk-hold .pay_detail .sale_price,
html.yk-hold .prod_icon.sale,
html.yk-hold .shop-item .prod_icon.timesale,
html.yk-hold .shop-item .item-pay .sale_pay,
html.yk-hold .search_widget .sale_pay{display:none!important;}
#naverPayWrap{position:relative;}
#naverPayWrap::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer;}
#yk-pmodal .yk-modal-box h3{margin-bottom:22px;word-break:keep-all;}

/* ---------- v2.7.2 오픈 준비 안내 팝업 (텍스트 1개) ----------
   아임웹 기본 팝업(추석 택배 휴무 안내)은 화면에서만 숨긴다. 아임웹 팝업 설정은 그대로 두었고, 되돌리려면 이 한 줄만 빼면 된다. */
.popup-banner-wrap{display:none!important;}
.yk-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:16px;}
.yk-pop[hidden]{display:none!important;}
.yk-pop,.yk-pop *{box-sizing:border-box;font-family:var(--yk-font);}
.yk-pop-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(17,24,39,.45);}
.yk-pop-box{position:relative;width:100%;max-width:400px;padding:30px 28px 20px;background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(17,24,39,.18);text-align:left;}
.yk-pop-x{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--yk-sub);cursor:pointer;}
.yk-pop-x:hover{background:var(--yk-bg-soft);color:var(--yk-ink);}
.yk-pop-x svg{width:18px;height:18px;}
.yk-pop-brand{margin:0 0 10px;padding-right:30px;font-size:12.5px;font-weight:800;letter-spacing:.02em;line-height:1.3;color:var(--yk-blue);}
.yk-pop-lead{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.01em;color:var(--yk-ink);}
.yk-pop-hl{margin:0 0 14px;font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-0.02em;color:var(--yk-blue);word-break:keep-all;}
.yk-pop-hl b{font-weight:800;}
.yk-pop-txt{margin:0 0 14px;font-size:14px;line-height:1.65;color:var(--yk-text);word-break:keep-all;}
.yk-pop-note{margin:0 0 18px;padding-top:12px;border-top:1px solid var(--yk-line);font-size:12px;line-height:1.55;color:var(--yk-sub);word-break:keep-all;}
.yk-pop-ok{display:flex;align-items:center;justify-content:center;width:100%;height:46px;padding:0 12px;font-size:15px;border:0;cursor:pointer;}
.yk-pop-day{display:block;width:100%;margin:6px 0 0;padding:10px 0 2px;border:0;background:transparent;font-size:13px;line-height:1.4;color:var(--yk-sub);text-align:center;cursor:pointer;}
.yk-pop-day:hover{color:var(--yk-ink);text-decoration:underline;}
body.yk-pop-open{overflow:hidden;}

@media (max-width:767px){
  .yk-pop{padding:16px;}
  .yk-pop-box{max-width:340px;padding:24px 20px 16px;}
  .yk-pop-brand{font-size:12px;}
  .yk-pop-lead{font-size:15px;}
  .yk-pop-hl{font-size:19px;}
  .yk-pop-txt{font-size:13.5px;}
  .yk-pop-note{font-size:11.5px;}
  .yk-pop-ok{height:44px;}
}

/* ---------- v2.7.3 모듈 가격 공개 · OEM · '가격 준비중' ---------- */
/* 상품명에 OEM 번호(63117339023/63117370000 처럼 끊을 곳이 없는 긴 글자)가 들어가도 격자 칸이 넓어지지 않게 */
.yk-grid .yk-item{min-width:0;}
.yk-grid .nm{overflow-wrap:anywhere;}
.yk-item .oe{display:block;font-size:12px;font-weight:600;line-height:1.35;color:var(--yk-sub);letter-spacing:0;word-break:break-all;}
.yk-item .pr.tbd b{font-size:14px;font-weight:700;color:var(--yk-sub);}
.pay_detail .yk-price-sub.so{color:#6B7280;font-weight:700;}
.yk-oem{width:100%;margin:14px 0 4px;border-collapse:collapse;font-family:var(--yk-font);font-size:13.5px;line-height:1.45;border-top:2px solid var(--yk-ink);}
.yk-oem th,.yk-oem td{padding:9px 10px;border-bottom:1px solid var(--yk-line);text-align:left;vertical-align:top;}
.yk-oem th{width:118px;font-weight:600;color:var(--yk-sub);background:var(--yk-bg-soft);white-space:nowrap;}
.yk-oem td{color:var(--yk-ink);font-weight:600;word-break:break-all;}
@media (max-width:767px){.yk-item .pr.tbd b{font-size:13px;}.yk-oem{font-size:13px;}.yk-oem th{width:96px;padding:8px;}.yk-oem td{padding:8px;}}

/* ---------- v2.7.4 품절 상품: 안내 + [입고·가격 문의] (카카오톡) ---------- */
.yk-item .pr.so b{font-size:14px;font-weight:700;color:var(--yk-ink);}
.yk-item .yk-soq{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:30px;margin-top:6px;padding:0 12px;border-radius:6px;background:#FEE500;color:#191919;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;}
.yk-item .yk-soq:hover{background:#F5DC00;}
html.yk-so .pay_detail,html.yk-so .prod-detail-section--delivery,html.yk-so ._today_arrival_wrap,html.yk-so .opt-group,html.yk-so .opt-group-bg,html.yk-so .opt-group-top-bg,
html.yk-so .goods_wrap,html.yk-so .opt_block,html.yk-so .buy_btns,html.yk-so #naverPayWrap,html.yk-so [id^="NaverChk"],html.yk-so .npay_btn{display:none!important;}
.yk-so-box{margin:16px 0 8px;padding:18px 18px 20px;border:1px solid var(--yk-line);border-radius:8px;background:var(--yk-bg-soft);font-family:var(--yk-font);}
.yk-so-box .t{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--yk-ink);letter-spacing:-0.01em;}
.yk-so-box .d{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--yk-text);word-break:keep-all;}
.yk-so-box .yk-so-cta{display:flex;align-items:center;justify-content:center;height:50px;border-radius:6px;background:#FEE500;color:#191919;font-size:16px;font-weight:700;text-decoration:none;}
.yk-ret-box{margin:16px 0 8px;padding:16px 18px 14px;border:1px solid var(--yk-line);border-left:3px solid var(--yk-blue);border-radius:8px;background:var(--yk-bg-soft);font-family:var(--yk-font);}
.yk-ret-box ul+.t{margin-top:14px;}
.yk-ret-box .t{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--yk-ink);letter-spacing:-0.01em;}
.yk-ret-box ul{margin:0;padding:0;list-style:none;}
.yk-ret-box li{position:relative;margin:0 0 5px;padding-left:12px;font-size:13.5px;line-height:1.55;color:var(--yk-text);word-break:keep-all;}
.yk-ret-box li:before{content:"·";position:absolute;left:2px;top:0;font-weight:800;color:var(--yk-blue);}
.yk-so-box .yk-so-cta:hover{background:#F5DC00;color:#191919;text-decoration:none;}

/* ---------- v2.7.5 판매중·가격 미확정: [사업자 가격 문의] ---------- */
.yk-item .pr.bq{gap:4px;}
.yk-item .yk-soq.yk-bq{margin-top:0;}
.pay_detail .yk-bq-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:6px;background:#FEE500;color:#191919!important;font-size:15px;font-weight:700;text-decoration:none!important;font-family:var(--yk-font);line-height:1;}
.pay_detail .yk-bq-cta:hover{background:#F5DC00;}

/* ---------- v2.7.6 판매중·가격 미확정 상세: 구매 UI 숨김 + [사업자 가격 문의] ---------- */
html.yk-bq .pay_detail,html.yk-bq .prod-detail-section--delivery,html.yk-bq ._today_arrival_wrap,html.yk-bq .opt-group,html.yk-bq .opt-group-bg,html.yk-bq .opt-group-top-bg,
html.yk-bq .goods_wrap,html.yk-bq .opt_block,html.yk-bq .buy_btns,html.yk-bq #naverPayWrap,html.yk-bq [id^="NaverChk"],html.yk-bq .npay_btn{display:none!important;}

/* ---------- v2.8.17 커버복원·황변복원 작업비용 상세: 구매 UI 숨김(금액은 유지) + 의뢰 안내 ---------- */
html.yk-req .prod-detail-section--delivery,html.yk-req ._today_arrival_wrap,html.yk-req .opt-group,html.yk-req .opt-group-bg,html.yk-req .opt-group-top-bg,
html.yk-req .goods_wrap,html.yk-req .opt_block,html.yk-req .buy_btns,html.yk-req #naverPayWrap,html.yk-req [id^="NaverChk"],html.yk-req .npay_btn{display:none!important;}
.yk-req-box ul{margin:0 0 14px;padding:0;list-style:none;}
.yk-req-box li{margin:0 0 6px;font-size:14px;line-height:1.55;color:var(--yk-text);word-break:keep-all;}
.yk-req-box li:first-child{font-weight:700;color:var(--yk-ink);}
.yk-req-box .t2{margin:4px 0 6px;font-size:14px;font-weight:800;color:var(--yk-ink);}
.yk-req-box ul.nt li{position:relative;padding-left:12px;font-size:13.5px;color:var(--yk-text);font-weight:400;}
.yk-req-box ul.nt li:before{content:"·";position:absolute;left:2px;top:0;font-weight:800;color:var(--yk-blue);}
.yk-req-box ul.nt li:first-child{font-weight:400;color:var(--yk-text);}
.yk-req-box ul.st li:first-child{font-weight:400;color:var(--yk-text);}
.yk-dis-cta{margin:16px 0 8px;}
.yk-dis-notes{margin:0 0 20px;}
html.yk-req .goods_summary,html.yk-req #fixed_tab,html.yk-req #fixed_tab_mobile,html.yk-req .detail_qna_wrap,html.yk-req .detail_qna_wrap_mobile{display:none!important;}   /* v2.8.20: 요약줄·탭·Q&A 게시판 */
.yk-toast{position:fixed;left:50%;top:76px;transform:translateX(-50%);max-width:88vw;padding:12px 18px;border-radius:8px;background:rgba(17,17,17,.92);color:#fff;font:600 14px/1.45 var(--yk-font);text-align:center;word-break:keep-all;z-index:2147483000;}
html.yk-req h1.view_tit{word-break:keep-all!important;}   /* v2.8.18: 상품명이 길어져도 글자 중간에서 줄바꿈하지 않음 */
.yk-req-box .yk-req-cta{display:flex;align-items:center;justify-content:center;height:50px;border-radius:6px;background:#03C75A;color:#fff!important;font-size:16px;font-weight:700;text-decoration:none!important;font-family:var(--yk-font);}
.yk-req-box .yk-req-cta:hover{background:#02B351;}

/* ---------- v2.8: 상단 메뉴 5개 + 업종 입구 카드 ---------- */
.yk-ent,.yk-ent *{box-sizing:border-box;font-family:var(--yk-font);}
.yk-ent{background:var(--yk-bg-soft);padding:56px 0 48px;}
.yk-ent-h{text-align:center;margin-bottom:28px;}
.yk-ent-h h2{font-size:30px;font-weight:800;color:var(--yk-ink);margin:0 0 10px;letter-spacing:-0.03em;}
.yk-ent-h p{font-size:15px;color:var(--yk-sub);margin:0;}
.yk-ent-g{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;}
.yk-ent-c{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px 32px;background:#fff;border:2px solid var(--yk-line);border-radius:14px;text-decoration:none;color:var(--yk-ink);transition:box-shadow .15s,transform .15s;}
.yk-ent-c:hover{text-decoration:none;color:var(--yk-ink);box-shadow:0 8px 24px rgba(17,24,39,.08);transform:translateY(-2px);}
.yk-ent-c .tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:5px;color:#fff;font-size:12.5px;font-weight:700;}
.yk-ent-c strong{font-size:28px;font-weight:800;letter-spacing:-0.03em;line-height:1.2;}
.yk-ent-c .d{font-size:15px;color:var(--yk-text);line-height:1.6;word-break:keep-all;}
.yk-ent-c .chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;}
.yk-ent-c .chips i{font-style:normal;display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:#F3F4F6;font-size:13.5px;font-weight:600;color:var(--yk-ink);}
.yk-ent-c .go{margin-top:auto;display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:8px;color:#fff;font-size:16px;font-weight:700;}
.yk-ent-cc{border-color:#F0A830;}
.yk-ent-cc .tag,.yk-ent-cc .go{background:#D97706;}
.yk-ent-cc .chips i:first-child{background:#FEF3C7;color:#92400E;}
.yk-ent-rp{border-color:#2F5BD8;}
.yk-ent-rp .tag,.yk-ent-rp .go{background:#1D4ED8;}
.yk-ent-n{text-align:center;font-size:13px;color:var(--yk-sub);margin:22px 0 0;}
@media (max-width:767px){
  .yk-ent{padding:32px 0 28px;}
  .yk-ent .yk-wrap{padding:0 16px;}
  .yk-ent-h{margin-bottom:18px;}
  .yk-ent-h h2{font-size:22px;}
  .yk-ent-h p{font-size:13.5px;}
  .yk-ent-g{grid-template-columns:1fr;gap:14px;}
  .yk-ent-c{padding:20px;gap:10px;border-radius:12px;}
  .yk-ent-c strong{font-size:22px;}
  .yk-ent-c .d{font-size:14px;}
  .yk-ent-c .chips i{height:28px;padding:0 10px;font-size:12.5px;}
  .yk-ent-c .go{height:46px;font-size:15px;}
  .yk-ent-n{font-size:12px;margin-top:16px;}
}

/* ---------- v2.8.1: 업종 페이지 첫 화면 카테고리 ---------- */
.yk-gl,.yk-gl *,.yk-gbar,.yk-gbar *{box-sizing:border-box;font-family:var(--yk-font);}
.yk-gl{padding:40px 0 56px;}
.yk-gl-h{margin-bottom:26px;}
.yk-gl-h .tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:5px;color:#fff;font-size:12.5px;font-weight:700;}
.yk-gl-h h1{font-size:32px!important;font-weight:800!important;color:var(--yk-ink)!important;margin:12px 0 8px!important;letter-spacing:-0.03em;line-height:1.2!important;}
.yk-gl-h p{font-size:15px;color:var(--yk-text);margin:0;}
.yk-gl-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;}
.yk-gc{display:flex;flex-direction:column;gap:12px;padding:14px 14px 16px;background:#fff;border:1px solid var(--yk-line);border-radius:10px;text-decoration:none;color:var(--yk-ink);transition:box-shadow .15s,transform .15s,border-color .15s;}
a.yk-gc:hover{text-decoration:none;color:var(--yk-ink);box-shadow:0 8px 20px rgba(17,24,39,.08);transform:translateY(-2px);}
.yk-gc .im{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;background:var(--yk-bg-soft);border-radius:6px;overflow:hidden;color:#B0B7C3;}
.yk-gc .im img{width:100%;height:100%;object-fit:cover;display:block;}
.yk-gc .im svg{width:40px;height:40px;}
.yk-gc .tx strong{display:block;font-size:17px;font-weight:700;letter-spacing:-0.01em;}
.yk-gc .tx span{display:block;font-size:13px;color:var(--yk-sub);margin-top:3px;}
.yk-gc.soon{opacity:.55;cursor:default;}
.yk-gl-n{margin:28px 0 0;font-size:14px;color:var(--yk-sub);}
.yk-gl-n a{font-weight:700;text-decoration:none;}
.yk-gbar{margin:0 0 18px;}
.yk-gbar a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;background:#F3F4F6;}
.yk-g-cc .tag{background:#D97706;} .yk-g-cc a.yk-gc:hover{border-color:#F0A830;} .yk-g-cc .yk-gl-n a,.yk-gbar.yk-g-cc a{color:#B45309;}
.yk-g-rp .tag{background:#1D4ED8;} .yk-g-rp a.yk-gc:hover{border-color:#2F5BD8;} .yk-g-rp .yk-gl-n a,.yk-gbar.yk-g-rp a{color:#1D4ED8;}
@media (max-width:767px){
  .yk-gl{padding:24px 0 36px;}
  .yk-gl .yk-wrap{padding:0 16px;}
  .yk-gl-h h1{font-size:24px!important;}
  .yk-gl-h p{font-size:13.5px;}
  .yk-gl-g{grid-template-columns:1fr 1fr;gap:10px;}
  .yk-gc{padding:10px 10px 12px;gap:8px;}
  .yk-gc .tx strong{font-size:15px;}
  .yk-gc .tx span{font-size:12px;}
}
/* v2.8.5: 메인 첫 화면(파라미터 없음) = 업종 입구만 — 상품 영역 숨김 */
html.yk-entonly #yk-products{display:none!important;}
/* v2.8.6: (부가세 포함) 표기 */
.yk-item .pr b .yk-vat{font-size:12px;font-weight:600;color:var(--yk-sub);letter-spacing:0;white-space:nowrap;}
.pay_detail .yk-price-sub .yk-vat{color:var(--yk-ink);font-weight:700;}
/* v2.8.8: 메인 배너 = 이미지만 (글 상자 숨김, 자리·높이는 유지) */
.visual_section .yk-hero-box{visibility:hidden!important;}
/* v2.8.10: 모바일 메뉴 서랍(아임웹 기본 메뉴)에서 작업갤러리(/52) 숨김 */
#mobile_slide_menu li[data-code="m202406031096b00786230"]{display:none!important;}
/* v2.8.22: 모바일 상단 메뉴 5개를 좁은 폰(≤379px)에서도 한 줄에 */
@media (max-width:379px){.yk-mnav ul{padding:0 4px;}.yk-mnav li a{padding:0 7px;font-size:13px;}}
@media (max-width:339px){.yk-mnav li a{padding:0 5px;font-size:12.5px;}}
/* v2.8.22: PC 고객센터 안내창 */
.yk-nav li:has(>[data-yk-cs]){position:relative;}
.yk-cs-pop{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);width:240px;z-index:2147483000;box-sizing:border-box;padding:16px 18px 14px;border:1px solid var(--yk-line2);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(17,24,39,.16);text-align:center;font-family:var(--yk-font);}
.yk-cs-pop .t{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--yk-sub);}
.yk-cs-pop .n{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--yk-ink);letter-spacing:-.01em;}
.yk-cs-pop .h{margin:0;font-size:13px;line-height:1.5;color:var(--yk-text);}
.yk-cs-pop .x{position:absolute;top:6px;right:8px;width:26px;height:26px;border:0;background:none;font-size:20px;line-height:1;color:var(--yk-sub);cursor:pointer;}

/* ============ v2.8.23 — 검색 섹션 "원하는 부품을 검색하세요" (입구 카드 아래 · 상품 카테고리 위) ============ */
.yk-fsec,.yk-fsec *{box-sizing:border-box;font-family:var(--yk-font);}
.yk-fsec{background:#F1F4F8;border-top:1px solid #E3E7EC;border-bottom:1px solid #E3E7EC;padding:48px 0;}
.yk-fsec .yk-wrap{text-align:center;}
.yk-fsec h2{margin:0 0 10px;font-size:26px;font-weight:800;color:var(--yk-ink);letter-spacing:-0.02em;line-height:1.3;}
.yk-fsec p{margin:0 0 24px;font-size:15px;color:var(--yk-sub);line-height:1.5;}
.yk-fsec .yk-fdform{display:flex;width:100%;max-width:780px;height:56px;margin:0 auto;border:2px solid #17202B;border-radius:10px;overflow:hidden;background:#fff;text-align:left;}
.yk-fsec .yk-fdform:focus-within{border-color:#17202B;}
.yk-fsec .yk-fdform select[data-fdbrand]{flex:0 0 170px;width:170px;height:100%;border:0;border-right:1px solid #E3E7EC;border-radius:0;background-color:#fff;padding:0 34px 0 16px;font-size:16px;font-weight:600;color:var(--yk-ink);cursor:pointer;-webkit-appearance:none;appearance:none;outline:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;}
.yk-fsec .yk-fdform input[name=q]{flex:1 1 auto;min-width:0;height:100%;padding:0 18px;font-size:16px;color:var(--yk-ink);}
.yk-fsec .yk-fdform button[type=submit]{flex:0 0 120px;width:120px;height:100%;padding:0;gap:7px;background:#1D5E9E;color:#fff;font-size:16px;font-weight:700;}
.yk-fsec .yk-fdform button[type=submit]:hover{background:#174F86;color:#fff;}
.yk-fsec .yk-fdform button[type=submit] svg{width:20px;height:20px;color:#fff;}
.yk-fsec .yk-fdform button[type=submit] span{color:#fff;}
@media (max-width:767px){
  .yk-fsec{padding:32px 0;}
  .yk-fsec h2{font-size:21px;margin-bottom:8px;}
  .yk-fsec p{font-size:13.5px;margin-bottom:18px;}
  .yk-fsec .yk-fdform{display:grid;grid-template-columns:1fr 104px;gap:8px;height:auto;max-width:none;border:0;border-radius:0;overflow:visible;background:transparent;}
  .yk-fsec .yk-fdform select[data-fdbrand]{grid-column:1/-1;flex:none;width:100%;height:52px;border:2px solid #17202B;border-radius:10px;}
  .yk-fsec .yk-fdform input[name=q]{height:52px;border:2px solid #17202B;border-radius:10px;background:#fff;padding:0 14px;}
  .yk-fsec .yk-fdform button[type=submit]{flex:none;width:100%;height:52px;border-radius:10px;}
}
/* v2.8.23: 검색 결과 0건 [카카오톡 문의] */
.yk-empty .yk-empty-k{display:inline-flex;align-items:center;justify-content:center;height:46px;margin-top:18px;padding:0 26px;border-radius:8px;background:#FEE500;color:#191919;font-size:15px;font-weight:700;text-decoration:none;}
.yk-empty .yk-empty-k:hover{background:#F5DC00;color:#191919;text-decoration:none;}
/* v2.8.23: 모바일 상단 메뉴(메인·복원전문업체·카센터·정비업체·기술교육신청·고객센터)를 폭에 맞춰 한 줄에 */
@media (max-width:767px){
  .yk-mnav ul{padding:0 4px;justify-content:space-between;}
  .yk-mnav li a{padding:0 clamp(3px,1.4vw,9px);font-size:clamp(11.5px,3.45vw,13.5px);}
}

/* v2.8.24: 시리즈 칩 (브랜드 칩 아래, 한 단계 작게) */
.yk-spills{display:flex;align-items:flex-start;gap:8px;margin:-4px 0 14px;}
.yk-spills:empty{display:none;}
.yk-spills .yk-bl{font-size:12.5px;font-weight:600;color:var(--yk-sub);margin-right:4px;flex:0 0 auto;line-height:28px;}
.yk-spills ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.yk-spills li{margin:0;padding:0;}
.yk-spills button{height:28px;padding:0 11px;border:1px solid var(--yk-line);border-radius:999px;background:#fff;color:var(--yk-text);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1;font-family:var(--yk-font);}
.yk-spills button:hover{border-color:var(--yk-blue);color:var(--yk-blue);}
.yk-spills button.on{background:var(--yk-blue);border-color:var(--yk-blue);color:#fff;}
.yk-spills button .n{font-weight:500;opacity:.75;margin-left:2px;}
@media (max-width:767px){
  .yk-spills{margin:-2px -16px 10px;padding:0 16px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .yk-spills::-webkit-scrollbar{display:none;}
  .yk-spills ul{flex:0 0 auto;flex-wrap:nowrap;}
  .yk-spills .yk-bl{line-height:26px;}
  .yk-spills button{height:26px;padding:0 9px;font-size:12px;}
}