/* BASIC css start */
html { min-width: 0 !important; }
.fh-site-header, .fh-site-header * { box-sizing: border-box; }
.fh-site-header { position: relative; z-index: 1000; width: 100%; background: #fff; font-family: "Noto Sans KR", "Malgun Gothic", sans-serif; }
.fh-header-shell { width: min(1280px, calc(100% - 64px)); margin: 0 auto; }
.fh-topbar { background: #102a43; }
.fh-topbar .fh-header-shell { display: flex; height: 38px; align-items: center; justify-content: space-between; }
.fh-topbar p, .fh-topbar a { color: rgba(255,255,255,.72); font-size: 11px; }
.fh-topbar p strong { margin-left: 7px; color: #fff; font-size: 12px; }
.fh-topbar ul { display: flex; gap: 22px; }

.fh-header-main { border-bottom: 1px solid #edf1f4; }
.fh-header-main-inner { display: grid; grid-template-columns: 220px minmax(320px, 620px) 220px; min-height: 102px; align-items: center; justify-content: space-between; gap: 42px; }
.fh-brand { display: inline-flex; width: fit-content; flex-direction: column; color: #102a43; }
.fh-brand strong { color: #102a43; font-family: Arial, sans-serif; font-size: 27px; line-height: 1; font-weight: 900; letter-spacing: .07em; }
.fh-brand small { margin-top: 8px; color: #688197; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .18em; }
.fh-search form { position: relative; display: flex; height: 48px; overflow: hidden; border: 2px solid #102a43; border-radius: 7px; background: #fff; }
.fh-search form:focus-within { border-color: #1f6feb; box-shadow: 0 0 0 3px rgba(31,111,235,.18); }
.fh-search .MS_search_word, .fh-search input[type="text"] { flex: 1 1 auto; width: 100%; height: 44px; padding: 0 18px; border: 0; background: transparent; color: #142231; font-size: 14px; }
.fh-search button { width: 74px; height: 44px; border: 0; background: #102a43; color: #fff; font-size: 13px; font-weight: 800; cursor: pointer; }
.fh-search button span { visibility: visible; }
.fh-header-actions { display: flex; justify-content: flex-end; gap: 26px; }
.fh-header-actions a { position: relative; display: flex; min-width: 55px; flex-direction: column; align-items: center; gap: 5px; }
.fh-header-actions a > span { display: flex; min-width: 30px; height: 26px; align-items: center; justify-content: center; border-radius: 13px; background: #edf4fb; color: #1f6feb; font-family: Arial, sans-serif; font-size: 11px; font-weight: 900; }
.fh-header-actions strong { color: #344b5f; font-size: 11px; font-weight: 600; }
.fh-header-actions .fh-cart-count { background: #fff0e5; color: #df5d00; }

.fh-navigation { position: relative; border-bottom: 1px solid #dfe7ee; background: #fff; }
.fh-navigation-inner { display: flex; min-height: 56px; align-items: center; gap: 3px; }
.fh-navigation-inner > a, .fh-all-trigger { display: flex; height: 56px; padding: 0 18px; align-items: center; color: #23384b; font-size: 14px; font-weight: 700; white-space: nowrap; }
.fh-navigation-inner > a:hover, .fh-all-trigger:hover { color: #1f6feb; }
.fh-all-categories { position: relative; align-self: stretch; }
.fh-all-trigger { min-width: 166px; padding-left: 0; color: #102a43; font-weight: 800; }
.fh-menu-icon { margin-right: 10px; color: #1f6feb; font-size: 18px; }
.fh-all-panel { position: absolute; left: 0; top: 56px; display: none; width: 760px; padding: 30px; border: 1px solid #d7e0e7; border-top: 3px solid #1f6feb; background: #fff; box-shadow: 0 18px 40px rgba(16,42,67,.16); }
.fh-all-categories:hover .fh-all-panel, .fh-all-categories:focus-within .fh-all-panel { display: block; }
.fh-category-depth1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.fh-category-depth1 > li { padding-right: 20px; border-right: 1px solid #edf1f4; }
.fh-category-depth1 > li:nth-child(3n) { border-right: 0; }
.fh-depth1-link { display: block; margin-bottom: 12px; color: #102a43; font-size: 15px; font-weight: 800; }
.fh-category-depth1 ul a { display: block; padding: 6px 0; color: #6b7d8e; font-size: 12px; }
.fh-category-depth1 ul a:hover { color: #1f6feb; }
.fh-navigation-inner .fh-nav-emphasis { margin-left: auto; color: #df5d00; }
.fh-site-header a:focus-visible, .fh-site-header button:focus-visible, .fh-site-header input:focus-visible { outline: 3px solid #1f6feb; outline-offset: 2px; }

@media (max-width: 1100px) {
    .fh-header-shell { width: min(100% - 40px, 960px); }
    .fh-header-main-inner { grid-template-columns: 180px minmax(300px, 1fr) 150px; gap: 25px; }
    .fh-navigation-inner > a, .fh-all-trigger { padding: 0 10px; font-size: 12px; }
    .fh-all-trigger { min-width: 135px; padding-left: 0; }
}

/* BASIC css end */