
:root{--ink:#162440;--muted:#7a8293;--line:#e6e9ee;--rose:#ef4768;--soft:#f7f8fa;--gold:#ddb68b}
*{box-sizing:border-box}html{font-family:ITDA,"Pretendard","Malgun Gothic",sans-serif;-webkit-text-size-adjust:100%}body.itda-account{margin:0;background:#f7f8fb;color:var(--ink);min-height:100vh}button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}.ac-header{height:86px;border-bottom:1px solid #edf0f3;background:#fff}.ac-head-inner{max-width:1360px;padding:0 45px;height:100%;margin:auto;display:flex;align-items:center;gap:27px}.ac-brand{font-weight:900;font-size:37px;letter-spacing:-2.8px;line-height:1}.ac-brand span{color:#f24c68}.ac-brand b{color:#fa647d}.ac-head-tag{font-size:13px;font-weight:600;color:#9197a2;letter-spacing:-.2px}.ac-top-back{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;color:#5b6780}.ac-top-back span:last-child{font-size:20px;font-weight:400}.ac-top-back:hover{color:var(--rose)}
.ac-layout{max-width:1360px;min-height:calc(100vh - 86px);margin:0 auto;padding:42px 45px 65px;display:grid;grid-template-columns:minmax(350px,1.03fr) minmax(400px,.97fr);gap:0}.ac-editorial{position:relative;isolation:isolate;overflow:hidden;min-height:720px;border-radius:26px 0 0 26px;background:#a78e80}.ac-photo{position:absolute;inset:0;background:url("/lib/itda_account_hero.webp") center/cover no-repeat;z-index:-2;transform:scale(1.04)}.ac-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,21,35,.17) 0%,rgba(14,25,39,.07) 27%,rgba(9,19,34,.8) 100%)}.ac-ed-top{position:absolute;top:39px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff}.ac-light-logo{font-weight:900;font-size:30px;letter-spacing:-1.7px}.ac-small-chip{border:1px solid #ffffff88;border-radius:999px;padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:2px}.ac-editorial-text{position:absolute;left:53px;right:42px;bottom:57px;color:#fff}.ac-eyebrow{letter-spacing:3px;font-weight:800;font-size:11px;color:#ffd6df}.ac-editorial-text h1{font-size:clamp(35px,3.2vw,54px);line-height:1.27;letter-spacing:-2.6px;margin:22px 0 20px;font-weight:800}.ac-editorial-text>p:not(.ac-eyebrow){font-size:15px;line-height:1.85;color:#f2eded}.ac-ed-rule{height:1px;background:#ffffff66;margin:40px 0 20px}.ac-ed-bottom{font-size:10px;font-weight:700;letter-spacing:2px;color:#fff9}.ac-register-editorial .ac-shade{background:linear-gradient(160deg,rgba(20,23,30,.03),rgba(15,22,35,.74) 89%)}
.ac-pane{background:#fff;min-height:720px;display:flex;justify-content:center;align-items:center;border-radius:0 26px 26px 0;box-shadow:14px 20px 65px #1c294713}.ac-form-outer{width:min(100%,460px);padding:42px 30px 27px}.ac-mobile-brand{display:none}.ac-heading .ac-kicker{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:850;color:#ed4968;letter-spacing:2.2px}.ac-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f04e6b}.ac-heading h2{font-weight:850;font-size:34px;letter-spacing:-1.7px;line-height:1.28;margin:16px 0 12px;word-break:keep-all}.ac-heading>p{font-size:14px;line-height:1.7;color:#7b8495;margin:0}.ac-switch{margin:34px 0 35px;border-radius:13px;background:#f5f6f9;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.ac-switch a{border-radius:10px;padding:13px;text-align:center;font-size:14px;font-weight:700;color:#8490a4;transition:background .15s ease,color .15s ease}.ac-switch a.active{background:#fff;box-shadow:0 2px 12px #1227430e;color:#172540}.ac-switch a:not(.active):hover{color:#ef4567}.ac-login-form{display:flex;flex-direction:column;gap:19px}.ac-field label,.ac-field-label label{font-weight:750;font-size:13px;color:#293851}.ac-field-label{display:flex;justify-content:space-between;align-items:center}.ac-input-frame{margin-top:9px;height:57px;border:1px solid #dfe3ea;display:flex;align-items:center;border-radius:12px;background:#fff;transition:box-shadow .15s,border-color .15s}.ac-input-frame:focus-within{border-color:#e64968;box-shadow:0 0 0 3px #ef486717}.ac-input-frame input{height:100%;width:100%;border:0;outline:0;padding:0 18px;font-size:15px;min-width:0;background:transparent;color:#1c2944}.ac-input-frame input::placeholder{color:#a7adba}.ac-field-icon{font-size:24px;font-weight:700;color:#a8b0bf;margin-right:16px}.ac-reveal{margin:0 8px;padding:9px 9px;white-space:nowrap;border:0;background:#f4f5f8;color:#6a758a;border-radius:8px;font-size:12px;font-weight:750;min-width:52px}.ac-small-link{color:#7c8495;font-size:12px;font-weight:650}.ac-small-link:hover,.ac-create a:hover{color:#f24769}.ac-check-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.ac-check{font-size:12px;display:flex;align-items:center;gap:8px;font-weight:650;color:#526076}.ac-check input{width:16px;height:16px;accent-color:#ef4e6b;cursor:pointer}.ac-muted{color:#9ba3b1;font-size:11px}.ac-primary{margin-top:7px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:12px;background:#f14868;box-shadow:0 8px 20px #f1486827;color:white;min-height:58px;font-size:16px;letter-spacing:-.2px;font-weight:850;transition:transform .15s,background .15s}.ac-primary:hover{background:#dc3656;transform:translateY(-1px)}.ac-primary:focus-visible{outline:3px solid #1b2f51;outline-offset:3px}.ac-primary span{font-size:20px;font-weight:400}.ac-create{text-align:center;margin:24px 0 22px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#8a93a2}.ac-create a{color:#243656;font-weight:850}.ac-note{border-top:1px solid #eceff3;padding:21px 0 10px;display:flex;align-items:flex-start;gap:9px}.ac-note-icon{color:#f14868;font-size:18px}.ac-note p{margin:0;color:#8b93a1;font-size:11px;line-height:1.65;word-break:keep-all}.ac-note strong{color:#57667b}.ac-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:#a3aab7;font-size:11px}.ac-footer a:hover{color:var(--rose)}
.ac-join-benefits{display:flex;flex-direction:column;gap:9px;margin:-7px 0 21px}.ac-benefit{display:flex;gap:14px;align-items:center;border:1px solid #ebedf1;border-radius:13px;padding:12px 16px;background:linear-gradient(100deg,#fff,#fffafa)}.ac-benefit-icon{background:#fff0f3;color:#f0486b;font-size:12px;font-weight:850;border-radius:11px;min-width:45px;height:45px;display:grid;place-items:center}.ac-benefit strong{font-weight:800;font-size:13px}.ac-benefit p{margin:5px 0 0;font-size:11px;color:#929baa;line-height:1.4}.ac-join-flow{border-radius:12px;background:#f7f8fb;padding:16px 8px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#748095;font-weight:750;margin-bottom:16px}.flow-arr{color:#e04766}.ac-link-btn{text-align:center}
@media (max-width:1000px){.ac-head-inner{padding:0 24px}.ac-layout{padding:25px 25px 55px;grid-template-columns:minmax(300px,.85fr) minmax(350px,1.15fr)}.ac-editorial,.ac-pane{min-height:660px}.ac-editorial-text{left:36px;right:26px;bottom:36px}.ac-ed-top{left:34px;right:26px}.ac-form-outer{padding:25px 30px}.ac-editorial-text h1{font-size:36px}}
@media (max-width:720px){.ac-header{height:64px}.ac-head-inner{padding:0 21px}.ac-brand{font-size:31px}.ac-head-tag{display:none}.ac-top-back{font-size:12px}.ac-layout{display:block;padding:0;min-height:calc(100vh - 64px)}.ac-editorial{display:none}.ac-pane{box-shadow:none;border-radius:0;min-height:calc(100vh - 64px);align-items:flex-start}.ac-form-outer{padding:42px 24px 42px;width:min(100%,520px)}.ac-mobile-brand{display:flex;align-items:center;gap:11px;color:#9da5b4;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:34px}.ac-mini-logo{display:grid;place-items:center;background:#17253f;color:#fff;border-radius:12px;font-size:13px;letter-spacing:-.5px;padding:11px}.ac-heading h2{font-size:30px}.ac-heading>p{font-size:13px}.ac-switch{margin:29px 0 28px}.ac-join-flow{font-size:10px}.ac-create{margin-top:25px}.ac-note{margin-top:2px}.ac-footer{margin-top:27px}}
@media (max-width:365px){.ac-form-outer{padding:35px 18px 35px}.ac-heading h2{font-size:27px}.ac-check-row{align-items:flex-start;flex-direction:column;gap:8px}.ac-join-flow{gap:4px;font-size:9px}.ac-benefit p{font-size:10px}.ac-top-back span:first-child{font-size:11px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.ac-social-block{margin:20px 0 6px}.ac-social-divider{display:flex;align-items:center;gap:14px;margin:12px 0 19px;color:#9da5b2;font-size:12px}.ac-social-divider:before,.ac-social-divider:after{content:"";height:1px;flex:1;background:#e9ecf0}.ac-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ac-social-btn{min-height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;letter-spacing:-.5px;transition:transform .15s,box-shadow .15s}.ac-social-btn:hover{transform:translateY(-1px);box-shadow:0 4px 13px #14213a19}.ac-social-btn:focus-visible{outline:3px solid #e64565;outline-offset:2px}.ac-social-btn img{height:24px;width:24px;object-fit:contain}.ac-social-naver{background:#03c75a;color:white}.ac-social-kakao{background:#fee500;color:#191919}.ac-social-help{color:#949dab;font-size:11px;line-height:1.55;text-align:center;margin:13px 0 0;word-break:keep-all}@media(max-width:365px){.ac-social-btn{font-size:12px;gap:6px}.ac-social-btn img{height:22px;width:22px}}

.ac-social-help a{color:#475c7d;text-decoration:underline;text-underline-offset:2px;font-weight:650}.ac-social-help a:hover{color:#ec4767}

/* ITDA login production safe overrides. Only active after native form migrated. */
html.itda-account-ready body{margin:0!important;background:#f7f8fb!important}
html.itda-account-ready #wrapper{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html.itda-account-ready #wrapper > #header,
html.itda-account-ready #wrapper > #footer,
html.itda-account-ready #wrapper > #ft,
html.itda-account-ready #qcr,
html.itda-account-ready #qcl,
html.itda-account-ready #slideMenu{display:none!important}
html.itda-account-ready body #wrapper #container,
html.itda-account-ready body.itda-shell-login #wrapper #container,
html.itda-account-ready body #wrapper #container.sub_wrap{
 display:block!important;width:100%!important;max-width:none!important;min-width:0!important;
 margin:0!important;padding:0!important;min-height:0!important;float:none!important;
 background:#f7f8fb!important;box-sizing:border-box!important
}
html.itda-account-ready .itda-account-portal{width:100%;font-family:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif;color:#162440;font-size:14px}
html.itda-account-ready .itda-account-portal *{box-sizing:border-box}
.itda-account-portal .ac-header{display:block;height:82px}
.itda-account-portal .ac-brand{display:inline-flex;align-items:center;font-weight:900}
.itda-account-portal .ac-brand span{color:#f24c68}
.itda-account-portal .ac-editorial-text>p{white-space:pre-line}
.itda-account-portal .ac-login-form{display:flex!important;flex-direction:column;gap:19px;margin:0!important;width:100%!important;max-width:100%!important;padding:0!important;float:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
.itda-account-portal .ac-login-form .ac-field{display:block}
.itda-account-portal .ac-login-form .ac-input-frame{height:57px!important;margin-top:9px!important;border:1px solid #dfe3ea!important;border-radius:12px!important;display:flex!important;align-items:center!important;overflow:hidden;background:#fff!important}
.itda-account-portal .ac-login-form .ac-input-frame input[type=text],
.itda-account-portal .ac-login-form .ac-input-frame input[type=password]{
 width:100%!important;min-width:0!important;flex:1 1 auto!important;height:100%!important;
 margin:0!important;padding:0 18px!important;border:0!important;background:transparent!important;
 outline:0!important;box-shadow:none!important;line-height:normal!important;font-size:15px!important;
 color:#1c2944!important;border-radius:0!important
}
.itda-account-portal .ac-input-frame .ac-field-icon{font-size:22px;margin-right:14px;color:#a9b4c4}
.itda-account-portal .ac-input-frame .ac-reveal{min-width:56px;flex:0 0 auto}
.itda-account-portal .ac-login-form .ac-primary{width:100%!important;min-height:57px!important;display:flex!important;background:#f14868!important;color:#fff!important;border:0!important;border-radius:12px!important;font-size:16px!important;font-weight:850!important;cursor:pointer}
.itda-account-portal .ac-check-row{min-height:24px}
.itda-account-portal .ac-check input{width:16px!important;height:16px!important;accent-color:#ef4e6b}
.itda-account-portal .ac-social-buttons>a{display:flex!important;flex:1 1 0!important;min-width:0!important;text-decoration:none!important}
.itda-account-portal .ac-social-buttons .bt_naver{background:#03c75a!important;color:#fff!important}
.itda-account-portal .ac-social-buttons .bt_kakao{background:#fee500!important;color:#191919!important}
.itda-account-portal .ac-social-buttons .bt_ic{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:transparent;border:0;margin:0}
.itda-account-portal .ac-social-buttons .bt_ic img{width:24px!important;height:24px!important;max-width:none!important;object-fit:contain}
.itda-account-portal .ac-social-block{margin:20px 0 6px}
.itda-account-portal .ac-guest-actions{border-top:1px solid #edf0f4;margin-top:15px;padding:15px 0 0;text-align:center}
.itda-account-portal .ac-guest-toggle{border:0!important;background:transparent!important;font-size:12px!important;color:#697a91!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:7px}
.itda-account-portal .ac-guest-panel[hidden]{display:none!important}
.itda-account-portal .ac-guest-panel{padding:16px;border:1px solid #e2e9f2;border-radius:12px;background:#fcfdff;text-align:left;margin-top:7px}
.itda-account-portal .ac-guest-form input{display:block;width:100%;height:44px;margin:8px 0;padding:8px 12px;border:1px solid #dfe3ea;border-radius:8px}
.itda-account-portal .ac-guest-form button{background:#163f7c;color:white;width:100%;padding:12px;border:0;border-radius:8px}
.itda-account-portal .ac-guest-checkout{display:block;padding:10px;color:#e44362;font-weight:750;text-align:center}
html.itda-account-ready body.itda-shell-login #wrapper #container .itda-account-portal .ac-layout{display:grid!important}
@media(max-width:720px){
 html.itda-account-ready body.itda-shell-login #wrapper #container .itda-account-portal .ac-layout{display:block!important}
 .itda-account-portal .ac-header{height:64px}
 .itda-account-portal .ac-head-inner{padding:0 21px}
 .itda-account-portal .ac-form-outer{padding:40px 24px 42px}
 .itda-account-portal .ac-guest-panel{padding:12px}
}

/* Stop older V11 navigation and the previous login enhancement from appearing in the account portal. */
html.itda-v11-restored.itda-account-ready body #wrapper > #header,
html.itda-v11-restored.itda-account-ready body #wrapper > header#header,
html.itda-account-ready body #wrapper #header,
html.itda-account-ready body .itda-v11-mobile-header,
html.itda-account-ready body #m_gnb,
html.itda-account-ready body #ft,
html.itda-account-ready body #slideMenu,
html.itda-account-ready body .itda-shell-login-intro,
html.itda-account-ready body .it3-assistant,
html.itda-account-ready body .it3-floating,
html.itda-account-ready body .itda-v11-mobile-bottom,
html.itda-account-ready body .itda-v11-mobile-nav{display:none!important}
html.itda-account-ready body #wrapper #container #itda-account-portal .ac-login-form .ac-field{box-shadow:none!important;border:0!important;padding:0!important;max-width:none!important}
html.itda-account-ready body #wrapper #container #itda-account-portal .ac-login-form .ac-field-label{width:100%}
.itda-account-portal .ac-login-form .ac-input-frame{max-width:100%}

.itda-account-portal .ac-guest-panel:not([hidden]) form,
.itda-account-portal .ac-guest-panel:not([hidden]) .login_wrap,
.itda-account-portal .ac-guest-panel:not([hidden]) .log_inner,
.itda-account-portal .ac-guest-panel:not([hidden]) .log_inner dd,
.itda-account-portal .ac-guest-panel:not([hidden]) .log_inner dt{
 display:block!important;visibility:visible!important;float:none!important;
 width:100%!important;max-width:100%!important;margin:0!important;background:transparent!important;
 padding:4px 0!important;border:0!important;box-shadow:none!important
}
.itda-account-portal .ac-guest-panel:not([hidden]) form input{
 width:100%!important;display:block!important;border-radius:8px!important;padding:10px!important
}
.itda-account-portal .ac-guest-panel:not([hidden]) form button{
 display:block!important;width:100%!important;background:#173d7a!important;color:#fff!important
}
.itda-account-portal .ac-social-buttons .ac-social-btn{
 display:flex!important;align-items:center!important;justify-content:center!important;
 white-space:nowrap!important;font-size:12px!important;font-weight:850!important;
 letter-spacing:-.5px!important;line-height:1.2!important;padding:0 8px!important;gap:8px!important
}
.itda-account-portal .ac-social-buttons .ac-social-btn .bt_ic{
 width:24px!important;height:24px!important;min-width:24px!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;
}

/* Preserve legacy #gnb DOM for the mobile iScroll constructor while hiding old UI. */
html.itda-account-ready .itda-account-legacy{
 position:absolute!important;left:-12000px!important;top:0!important;
 width:1px!important;height:1px!important;overflow:hidden!important;
 opacity:0!important;pointer-events:none!important;visibility:hidden!important;
}
html.itda-account-ready .itda-account-legacy #gnb{visibility:hidden!important}

/* The original storefront share toolbar is not part of the minimal login page. */
html.itda-account-ready body #wrapper > .sns_wrap{display:none!important}
html.itda-account-ready body .sns_wrap{display:none!important}
