/* ITDA V33 — PC-linked mobile root taxonomy, editorial brand & plan entrances.
   All rules are scoped to V33 markup. Preserves legacy subpage navigation. */
:root{--itda-v33-font:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif}
@media screen and (min-width:0px){
 .itda-v11-mobile-header .itda-v33-cats{
  display:flex!important;align-items:stretch!important;gap:0!important;
  width:100%!important;height:43px!important;max-width:100%!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;
  overflow:hidden!important;background:#fff!important;
  border-top:1px solid #edf0f4!important;border-bottom:1px solid #edf0f4!important;
  font-family:var(--itda-v33-font)!important
 }
 .itda-v11-mobile-header .itda-v33-cats-all{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;flex:0 0 auto!important;box-sizing:border-box!important;
  margin:0!important;padding:0 11px 0 1px!important;
  min-height:40px!important;line-height:1.2!important;
  font:800 12px/1.2 var(--itda-v33-font)!important;letter-spacing:-.035em!important;
  border:0!important;border-right:1px solid #e6eaf0!important;border-radius:0!important;
  background:#fff!important;color:#223e64!important;white-space:nowrap!important;
  text-decoration:none!important;box-shadow:none!important
 }
 .itda-v33-cats-all svg{width:16px!important;height:16px!important;flex:none!important}
 .itda-v11-mobile-header .itda-v33-cats-scroll{
  position:relative!important;display:flex!important;align-items:stretch!important;
  flex:1 1 auto!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0 0 0 5px!important;gap:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;background:#fff!important;
 }
 .itda-v33-cats-scroll::-webkit-scrollbar{display:none!important}
 .itda-v11-mobile-header .itda-v33-cats-scroll .itda-v33-cat{
  position:relative!important;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;margin:0!important;padding:0 12px!important;
  height:41px!important;min-height:41px!important;
  color:#516179!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;text-decoration:none!important;
  white-space:nowrap!important;word-break:keep-all!important;
  font:750 12.5px/1.25 var(--itda-v33-font)!important;letter-spacing:-.035em!important;
  scroll-snap-align:start!important
 }
 .itda-v11-mobile-header .itda-v33-cats-scroll .itda-v33-cat:hover,
 .itda-v11-mobile-header .itda-v33-cats-scroll .itda-v33-cat:focus-visible{
  color:#173e7a!important;background:#f8faff!important;outline-offset:-2px!important
 }
 .itda-v11-mobile-header .itda-v33-cats-scroll .itda-v33-cat::after{
  content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;
  border-radius:2px;background:transparent;pointer-events:none
 }
 .itda-v11-mobile-header .itda-v33-cats-scroll .itda-v33-cat:focus-visible::after{
  background:#315db2
 }
 .itda-v33-entry-banners,.itda-v33-entry-banners *{
  box-sizing:border-box!important;font-family:var(--itda-v33-font)!important;
 }
 .itda-v33-entry-banners{
  width:calc(100% - 24px)!important;max-width:980px!important;
  margin:12px auto 19px!important;padding:0!important;clear:both!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important
 }
 .itda-v33-entry-banners .itda-v33-entry{
  display:block!important;position:relative!important;isolation:isolate!important;
  min-width:0!important;min-height:132px!important;overflow:hidden!important;
  padding:16px 13px 15px!important;border-radius:14px!important;border:1px solid #e8e8f5!important;
  text-decoration:none!important;color:#1d355d!important;box-shadow:0 3px 9px rgba(31,54,90,.035)!important;
  transition:transform .16s ease,box-shadow .16s ease!important
 }
 .itda-v33-entry-banners .itda-v33-entry:active{transform:scale(.985)!important}
 .itda-v33-entry-banners .itda-v33-entry:focus-visible{outline:2px solid #305caa!important;outline-offset:2px!important}
 .itda-v33-entry-banners .itda-v33-entry-brand{
  background:linear-gradient(133deg,#f2f0ff 0%,#e6eefe 64%,#dbe6fc 100%)!important
 }
 .itda-v33-entry-banners .itda-v33-entry-plan{
  background:linear-gradient(133deg,#e8f8f4 0%,#dff6f8 64%,#d6eefa 100%)!important;
  border-color:#d8efea!important;color:#204853!important
 }
 .itda-v33-entry-kicker{
  position:relative;z-index:2;display:block!important;
  color:#6879a0!important;font:850 8.5px/1.2 var(--itda-v33-font)!important;
  letter-spacing:.09em!important;white-space:nowrap!important
 }
 .itda-v33-entry-plan .itda-v33-entry-kicker{color:#4b8c8b!important}
 .itda-v33-entry-banners .itda-v33-entry strong{
  position:relative;z-index:2;display:block!important;margin:10px 0 5px!important;
  font:870 19px/1.25 var(--itda-v33-font)!important;letter-spacing:-.055em!important;
  color:inherit!important
 }
 .itda-v33-entry-banners .itda-v33-entry small{
  position:relative;z-index:2;display:block!important;max-width:88%!important;
  font:570 10.5px/1.45 var(--itda-v33-font)!important;
  color:#66789b!important;word-break:keep-all!important
 }
 .itda-v33-entry-plan small{color:#537f88!important}
 .itda-v33-entry-arrow{
  position:absolute!important;right:13px!important;bottom:14px!important;
  display:grid!important;place-items:center!important;width:25px!important;height:25px!important;
  border-radius:50%!important;background:#fff!important;color:#5878bb!important;
  font:800 15px/1 var(--itda-v33-font)!important;box-shadow:0 2px 7px #355b8230!important;z-index:3!important
 }
 .itda-v33-entry-plan .itda-v33-entry-arrow{color:#418b92!important}
 .itda-v33-entry-art{
  position:absolute!important;z-index:0!important;right:-11px!important;top:20px!important;
  display:block!important;width:83px!important;height:83px!important;
  color:#7c8cdb!important;opacity:.2!important;transform:rotate(-10deg)!important;
  pointer-events:none!important
 }
 .itda-v33-entry-plan .itda-v33-entry-art{color:#40acaf!important;transform:rotate(8deg)!important}
 .itda-v33-entry-art svg{width:100%!important;height:100%!important}
}
@media (max-width:350px){
 .itda-v33-entry-banners{gap:7px!important}
 .itda-v33-entry-banners .itda-v33-entry{padding:14px 11px!important;min-height:132px!important}
 .itda-v33-entry-banners .itda-v33-entry strong{font-size:17px!important}
 .itda-v33-entry-banners .itda-v33-entry small{font-size:10px!important}
 .itda-v11-mobile-header .itda-v33-cats-scroll .itda-v33-cat{padding:0 9px!important;font-size:12px!important}
}

/* V33 layout QA: close the unused 80px gap after homepage hero ranking. */
@media(max-width:767px){html body:has(.itda-v33-entry-banners) #container>.itda-v11-home{padding-bottom:16px!important}}

/* Keep entrance arrows visible above the existing fixed quick-action button. */
@media(max-width:767px){.itda-v33-entry-banners .itda-v33-entry-arrow{top:13px!important;bottom:auto!important}}

/* ITDA V33.02: Desktop browser viewing /m/ must not expand SVGs.
   The normal mobile breakpoint styling above remains unchanged in dimensions. */
@media (min-width:768px){
 body:has(.itda-v11-home) .itda-v30-story{
  box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 98px!important;
  align-items:center!important;gap:12px!important;
  width:calc(100% - 24px)!important;max-width:980px!important;
  min-height:155px!important;margin:18px auto!important;
  padding:19px 22px!important;overflow:hidden!important;
  border:1px solid #e3eaf3!important;border-radius:17px!important;
  background:linear-gradient(118deg,#eff5fb,#f9fbfd)!important;
  color:#26466c!important;font-family:var(--itda-v33-font)!important;
 }
 body:has(.itda-v11-home) .itda-v30-story h2{
  font:850 22px/1.35 var(--itda-v33-font)!important;
  letter-spacing:-.04em!important;color:#23456c!important;margin:4px 0 8px!important
 }
 body:has(.itda-v11-home) .itda-v30-story p{
  font:500 13px/1.55 var(--itda-v33-font)!important;color:#61758c!important
 }
 body:has(.itda-v11-home) .itda-v30-story-chips{
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;
  margin:11px 0!important
 }
 body:has(.itda-v11-home) .itda-v30-story-chips span{
  padding:5px 8px!important;border-radius:30px!important;
  background:#e4eef9!important;color:#466487!important;font:700 11px/1.3 var(--itda-v33-font)!important
 }
 body:has(.itda-v11-home) .itda-v30-story-cta{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 10px!important;border-radius:8px!important;background:#214d78!important;
  font:750 12px/1.25 var(--itda-v33-font)!important;color:white!important
 }
 body:has(.itda-v11-home) .itda-v30-story-art{
  display:flex!important;position:relative!important;align-items:center!important;
  justify-content:center!important;width:98px!important;height:95px!important
 }
 body:has(.itda-v11-home) .itda-v30-story-glyph{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:70px!important;height:70px!important;padding:13px!important;
  border-radius:18px!important;background:#e0ecf7!important;color:#4e81b2!important
 }
 body:has(.itda-v11-home) .itda-v30-story-glyph svg{
  display:block!important;width:100%!important;height:100%!important;max-width:48px!important;max-height:48px!important
 }
 body:has(.itda-v11-home) .itda-v30-story-orbit{
  position:absolute!important;width:85px!important;height:85px!important;inset:5px auto auto 5px!important;
  border-radius:50%!important;background:#e2edf8!important
 }
 body:has(.itda-v11-home) .itda-v30-story-spark{position:absolute!important;right:0!important;top:0!important;font-size:20px!important}
}