/* ITDA V31 · mobile price hierarchy / editorial banners / unified category taxonomy */
:root{--itda31-font:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
@media(max-width:767px){
 /* The detail page no longer has a top-left floating home/back icon.
    The OS/browser back gesture remains available. */
 html.itda-v26-detail #container .sp_wrap .sp_sub_wrap a.itda-v26-back{display:none!important}

 /* Prices: numbers stay dark and prominent; won is reduced; discount is a badge. */
 html body:has(.itda-v11-home) .itda-v29-sale>strong,
 html body:has(.itda-v11-home) .itda-v8-price-row.itda-v8-member>strong,
 html body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .price .mpr{
  font-family:var(--itda31-font)!important;
  font-size:20px!important;font-weight:850!important;line-height:1.35!important;
  letter-spacing:-.045em!important;color:#14263e!important;text-decoration:none!important;
  overflow-wrap:anywhere!important
 }
 html body:has(.itda-v11-home) .itda-v31-money-unit,
 html body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .price .mpr>span{
  display:inline!important;margin-left:1px!important;
  font-family:var(--itda31-font)!important;
  font-size:.68em!important;font-weight:680!important;line-height:1!important;
  letter-spacing:-.02em!important;color:inherit!important;vertical-align:baseline!important
 }
 html body:has(.itda-v11-home) .itda-v29-sale>em,
 html body:has(.itda-v11-home) .itda-v8-price-row.itda-v8-member>em,
 html body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .price .sale{
  color:#dc496d!important;font-family:var(--itda31-font)!important
 }
 html body:has(.itda-v11-home) .itda-v29-retail,
 html body:has(.itda-v11-home) .itda-v8-price-row:not(.itda-v8-member)>strong{
  font-size:12px!important;color:#a0a7b5!important;font-weight:520!important;
  text-decoration:line-through!important
 }
 html body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .price .spr{color:#a0a7b5!important}

 /* Strict two-line title blocks on all product cards and legacy dd.pname nodes.
    High-specificity guard is intentional: older mobile style.css used height:auto. */
 html body:has(.itda-v11-home) #container .mart30 ul.pr_desc li dl dd.pname,
 html body:has(.itda-v11-home) #container .mart30 ul.pr_desc.wli2 li dl dd.pname,
 html body:has(.itda-v11-home) #container .itda-v29-card a.itda-v29-name,
 html body:has(.itda-v11-home) #container .itda-v8-item a.itda-v8-name{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;line-clamp:2!important;
  box-sizing:border-box!important;white-space:normal!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  height:2.88em!important;min-height:2.88em!important;max-height:2.88em!important;
  line-height:1.44!important;word-break:keep-all!important;overflow-wrap:anywhere!important;
  font-family:var(--itda31-font)!important
 }

 /* Mobile header quick navigation is separate from the full taxonomy page;
    full and current-section anchors share the admin-managed navigation config. */
 .itda-v11-mobile-header .itda-v31-mobile-cats,
 .itda-v31-mobile-cats{
  display:flex!important;align-items:center!important;
  box-sizing:border-box!important;max-width:100%!important;gap:7px!important;
  padding:2px 1px 5px!important;margin:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important
 }
 .itda-v31-mobile-cats::-webkit-scrollbar{display:none!important}
 .itda-v11-mobile-header .itda-v31-mobile-cats>a{
  display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
  font:760 13px/1.35 var(--itda31-font)!important;letter-spacing:-.035em!important;
  white-space:nowrap!important;text-decoration:none!important;
  color:#2c4162!important;background:#f5f7fb!important;
  border:1px solid #e7eaf2!important;border-radius:999px!important;
  padding:8px 11px!important;min-height:32px!important;
  scroll-snap-align:start!important
 }
 .itda-v11-mobile-header .itda-v31-mobile-cats>.itda-v31-nav-all,
 .itda-v11-mobile-header .itda-v31-mobile-cats>a[aria-current="page"]{
  color:#fff!important;background:#1d3b62!important;border-color:#1d3b62!important
 }

 /* Unified font for ALL categories and expanded side-menu and product lists. */
 #slideMenu,#slideMenu *,
 #sct_ct,#sct_ct *,
 .itda-v31-catalog,.itda-v31-catalog *,
 .itda-v31-breadcrumb,.itda-v31-breadcrumb *,
 .itda-v31-siblings,.itda-v31-siblings *{
  font-family:var(--itda31-font)!important;letter-spacing:-.025em!important
 }
 #slideMenu .bm{font-size:15px!important;font-weight:800!important}
 #slideMenu .subm a{font-size:14px!important;line-height:1.5!important}
 #slideMenu .smtab li{font-size:13px!important;font-weight:760!important}
 .itda-v31-catalog{background:#fff!important;color:#243b5a!important;padding:13px 0 100px!important}
 .itda-v31-catalog *{box-sizing:border-box!important}
 .itda-v31-catalog-wrap{max-width:1150px!important;width:calc(100% - 24px)!important;margin:0 auto!important}
 .itda-v31-catalog-heading{
  padding:20px 19px!important;border-radius:16px!important;margin:0 0 13px!important;
  background:linear-gradient(125deg,#eaf5ff 0%,#fff4f1 56%,#f0f8fd 100%)!important;
  border:1px solid #edf0f8!important
 }
 .itda-v31-catalog-heading p{font-size:10px!important;font-weight:850!important;letter-spacing:.11em!important;color:#ec6082!important;margin:0 0 8px!important}
 .itda-v31-catalog-heading h1{font-size:25px!important;line-height:1.3!important;letter-spacing:-.05em!important;color:#193658!important;margin:0 0 7px!important;font-weight:890!important}
 .itda-v31-catalog-heading span{font-size:13px!important;color:#627c97!important;line-height:1.48!important}
 .itda-v31-search-wrap{margin:0 0 15px!important}
 .itda-v31-search-wrap>label{display:block!important;font-weight:790!important;font-size:13px!important;color:#304c6c!important;margin:0 0 7px!important}
 .itda-v31-catalog-searchbox{
  display:flex!important;align-items:center!important;gap:8px!important;
  border:1px solid #cfdeed!important;background:#f8fbff!important;
  border-radius:13px!important;padding:0 12px!important;min-height:46px!important
 }
 .itda-v31-catalog-searchbox>span{font-size:27px!important;color:#5d86a9!important}
 .itda-v31-catalog-searchbox input{
  box-shadow:none!important;flex:1!important;min-width:0!important;
  background:transparent!important;border:0!important;outline:none!important;
  min-height:44px!important;padding:8px 0!important;
  font-size:15px!important;color:#243b5a!important
 }
 .itda-v31-catalog-searchbox button{
  background:#e4ebf4!important;border:0!important;cursor:pointer!important;
  width:27px!important;height:27px!important;border-radius:50%!important;
  color:#425c77!important;font-size:19px!important
 }
 .itda-v31-search-wrap>p{
  font-size:11px!important;color:#8090a5!important;line-height:1.4!important;margin:6px 2px 0!important
 }
 .itda-v31-catalog-roots{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
 .itda-v31-catalog-root{
  border:1px solid #e0e8f1!important;border-radius:13px!important;
  background:#fff!important;overflow:hidden!important;min-width:0!important
 }
 .itda-v31-catalog-root>details>summary{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:10px!important;list-style:none!important;cursor:pointer!important;
  padding:15px!important;background:#f8fafd!important
 }
 .itda-v31-catalog-root>details>summary::-webkit-details-marker,
 .itda-v31-has-kids>details>summary::-webkit-details-marker{display:none!important}
 .itda-v31-catalog-root>details[open]>summary{background:#eaf3fc!important}
 .itda-v31-root-label{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
 .itda-v31-root-label strong{font-size:17px!important;font-weight:870!important;color:#223e62!important;line-height:1.35!important}
 .itda-v31-root-label small{font-size:11px!important;color:#7890a8!important}
 .itda-v31-chevron{flex:0 0 auto!important;font-size:24px!important;color:#5f7897!important}
 .itda-v31-root-content{padding:0 10px 10px!important}
 .itda-v31-root-all{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  text-decoration:none!important;background:#fff5f7!important;color:#c84b71!important;
  border-radius:8px!important;padding:11px 12px!important;margin:9px 0!important;
  font-size:13px!important;font-weight:810!important
 }
 .itda-v31-branches{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;min-width:0!important}
 .itda-v31-branch{min-width:0!important;border:1px solid #e4eaf2!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
 .itda-v31-branch>details>summary{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;list-style:none!important;cursor:pointer!important;
  padding:12px!important;color:#2a4969!important;background:#fbfcff!important
 }
 .itda-v31-branch>details[open]>summary{background:#eef7fc!important}
 .itda-v31-branch>details>summary span{min-width:0!important;font-size:14px!important;font-weight:770!important;line-height:1.4!important;word-break:keep-all!important}
 .itda-v31-branch>details>summary small{flex:0 0 auto!important;font-size:10px!important;color:#6e8aa8!important}
 .itda-v31-branch-all{display:flex!important;justify-content:space-between!important;padding:10px 13px!important;margin:4px 9px 8px!important;color:#de557a!important;background:#fff5f8!important;border-radius:7px!important;text-decoration:none!important;font-weight:760!important;font-size:12px!important}
 .itda-v31-branch>.itda-v31-branches,.itda-v31-branch details>.itda-v31-branches{padding:0 9px 10px!important}
 .itda-v31-branches .itda-v31-branches{padding:2px 8px 10px!important;gap:5px!important}
 .itda-v31-leaf{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:10px!important;padding:12px!important;
  border:1px solid #e9edf4!important;border-radius:9px!important;
  text-decoration:none!important;color:#34516e!important;background:#fff!important;
  font-size:13px!important;line-height:1.4!important;font-weight:690!important;
  min-width:0!important;word-break:keep-all!important
 }
 .itda-v31-leaf span:last-child{color:#8297ac!important;font-size:18px!important}
 .itda-v31-depth-3 .itda-v31-leaf,.itda-v31-depth-4 .itda-v31-leaf{background:#f8fafc!important}
 .itda-v31-match{outline:2px solid #8acbe8!important;outline-offset:-2px!important}
 .itda-v31-catalog-note{font-size:11px!important;color:#8493a5!important;padding:10px 3px!important}
 .itda-v31-empty{font-size:14px!important;padding:20px!important;color:#60788f!important}
 .itda-v31-catalog [hidden]{display:none!important}

 /* Category product-list pages: precise breadcrumb and currently active subset. */
 .itda-v31-breadcrumb{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:4px!important;box-sizing:border-box!important;
  padding:13px 14px 9px!important;margin:0!important;
  background:#fff!important;border-bottom:1px solid #e9eef4!important
 }
 .itda-v31-breadcrumb a,.itda-v31-breadcrumb strong{
  font-size:12px!important;line-height:1.4!important;
  color:#486786!important;font-weight:770!important;text-decoration:none!important
 }
 .itda-v31-breadcrumb strong{color:#d74770!important}
 .itda-v31-crumb-sep{font-size:14px!important;color:#a8b7c8!important}
 .itda-v31-siblings{
  display:flex!important;gap:7px!important;padding:10px 13px!important;
  margin:0 0 9px!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;scroll-snap-type:x proximity!important;
  background:#fff!important
 }
 .itda-v31-siblings::-webkit-scrollbar{display:none!important}
 .itda-v31-siblings a{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
  border:1px solid #e4e9f1!important;background:#f4f7fb!important;color:#3e5976!important;
  border-radius:999px!important;text-decoration:none!important;
  padding:8px 11px!important;font-size:12px!important;font-weight:740!important;
  white-space:nowrap!important
 }
 .itda-v31-siblings a[aria-current="page"]{background:#1d3d66!important;color:#fff!important}

 /* V31 banner palette: fresh, colorful but consistent with navy/pink ITDA controls. */
 html body:has(.itda-v11-home) .itda-v30-story{
  position:relative!important;
  border-radius:20px!important;padding:19px 17px!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:0 9px 24px rgba(23,53,81,.10)!important;
  isolation:isolate!important
 }
 html body:has(.itda-v11-home) .itda-v30-story-navy{
  --v30-bg:linear-gradient(125deg,#2864E2 0%,#7054D9 56%,#D06FC1 100%)!important;
  --v30-title:#fff;--v30-body:#f3f4ff;--v30-accent:#FFE59B;
  --v30-chip:rgba(255,255,255,.17);--v30-line:rgba(255,255,255,.28)
 }
 html body:has(.itda-v11-home) .itda-v30-story-sky{
  --v30-bg:linear-gradient(125deg,#BAF1DB 0%,#C7F4F4 52%,#C8DFFF 100%)!important;
  --v30-title:#183D57;--v30-body:#456A7C;--v30-accent:#058D85;
  --v30-chip:rgba(255,255,255,.56);--v30-line:rgba(31,131,130,.14)
 }
 html body:has(.itda-v11-home) .itda-v30-story-peach{
  --v30-bg:linear-gradient(130deg,#FFE1C9 0%,#FFCBCE 51%,#E8D7FF 100%)!important;
  --v30-title:#4C2C50;--v30-body:#785874;--v30-accent:#B44487;
  --v30-chip:rgba(255,255,255,.56);--v30-line:rgba(148,65,115,.12)
 }
 html body:has(.itda-v11-home) .itda-v30-story:before{
  content:"";position:absolute!important;z-index:0!important;
  display:block!important;right:-42px!important;top:-55px!important;
  width:175px!important;height:175px!important;border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;pointer-events:none!important
 }
 html body:has(.itda-v11-home) .itda-v30-story:after{
  content:"";position:absolute!important;z-index:0!important;
  display:block!important;left:37%!important;bottom:-70px!important;
  width:160px!important;height:135px!important;border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;pointer-events:none!important
 }
 html body:has(.itda-v11-home) .itda-v30-story-art{z-index:1!important}
 html body:has(.itda-v11-home) .itda-v30-story-glyph{
  border-radius:22px!important;background:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important
 }
 html body:has(.itda-v11-home) .itda-v30-story-sky .itda-v30-story-glyph,
 html body:has(.itda-v11-home) .itda-v30-story-peach .itda-v30-story-glyph{
  background:rgba(255,255,255,.62)!important
 }
 html body:has(.itda-v11-home) .itda-v30-story h2{font-size:22px!important;font-weight:890!important}
 html body:has(.itda-v11-home) .itda-v30-story-cta{box-shadow:0 2px 9px rgba(31,53,70,.06)!important}
}
@media(max-width:359px){
 html body:has(.itda-v11-home) .itda-v29-sale>strong,
 html body:has(.itda-v11-home) .itda-v8-price-row.itda-v8-member>strong,
 html body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .price .mpr{font-size:17px!important}
 .itda-v11-mobile-header .itda-v31-mobile-cats>a{font-size:12px!important;padding:7px 10px!important}
 .itda-v31-catalog-heading h1{font-size:23px!important}
}
@media(min-width:768px){
 .itda-v31-catalog{background:#fff;color:#253c59;font-family:var(--itda31-font);padding:24px 0 50px}
 .itda-v31-catalog-wrap{max-width:1200px;margin:auto;padding:0 24px}
 .itda-v31-catalog-heading{padding:28px;background:linear-gradient(115deg,#eaf5ff,#fff1f4);border-radius:17px;margin-bottom:20px}
 .itda-v31-catalog-heading h1{font-size:29px;margin:0 0 7px}
 .itda-v31-catalog-heading p{font-size:11px;font-weight:850;color:#de4775;letter-spacing:.12em}
 .itda-v31-catalog-roots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .itda-v31-catalog-root{border:1px solid #e3eaf2;border-radius:12px;overflow:hidden}
 .itda-v31-catalog-root>details>summary{padding:18px;background:#f5f8fc;cursor:pointer;list-style:none}
 .itda-v31-root-label strong{font-size:19px;color:#263f5c}
 .itda-v31-root-content{padding:13px}
 .itda-v31-branches{display:grid;gap:8px}
 .itda-v31-branch{border:1px solid #e4eaf2;border-radius:8px}
 .itda-v31-branch>details>summary{padding:13px;cursor:pointer}
 .itda-v31-branch-all,.itda-v31-leaf,.itda-v31-root-all{display:block;padding:10px 14px;font-size:13px;text-decoration:none;color:#325a80}
 .itda-v31-catalog-searchbox{display:flex;gap:10px;padding:13px;border-radius:12px;background:#f5f8fc;margin:10px 0}
 .itda-v31-catalog-searchbox input{flex:1;border:0;background:transparent;font-size:15px}
 .itda-v31-search-wrap{margin-bottom:20px}
 .itda-v31-catalog [hidden]{display:none!important}
}

@media(max-width:767px){
 #slideMenu .itda-v31-side-catalog{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:8px!important;margin:10px 10px 12px!important;padding:12px 11px!important;
  background:#eaf4fd!important;border:1px solid #cee2f3!important;
  color:#234e78!important;border-radius:10px!important;font-family:var(--itda31-font)!important;
  font-size:13px!important;font-weight:820!important;text-decoration:none!important
 }
 #slideMenu .itda-v31-side-catalog span{font-size:16px!important}
}