.brand-lockup{display:inline-flex;align-items:center;gap:18px;line-height:1;text-decoration:none;max-width:100%}.brand-lockup:hover{text-decoration:none}.brand-art{position:relative;display:block;width:220px;max-width:100%;aspect-ratio:500/147}.brand-art img{display:block;width:100%;height:100%;object-fit:contain}.brand-art .brand-light{position:absolute;inset:0;filter:brightness(0) invert(1);clip-path:inset(0 0 0 16.2%)}.brand-caption{font-size:11px;letter-spacing:3px;color:#72737a;font-weight:500}.app-header .brand-art{width:205px}.app-header .brand-caption{color:#69636b}
.studio-login{color-scheme:dark;background:#101113;color:#f5f3ef;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif}.studio-shell{min-height:100svh;display:grid;grid-template-columns:49.5% 50.5%;max-width:2400px;margin:auto}.studio-panel{min-width:0;padding:clamp(34px,7.6vh,84px) clamp(32px,5.5vw,88px) 38px;display:flex;flex-direction:column;position:relative;z-index:1;background:#101113}.studio-panel .brand-art{width:clamp(240px,28vw,404px)}.studio-panel .brand-caption{font-size:14px;color:#b1b1b7}.studio-content{width:100%;max-width:560px;margin:auto 0;padding:clamp(25px,5vh,60px) 0}.studio-content h1{font-size:clamp(30px,3.1vw,44px);font-weight:700;letter-spacing:-1.4px;line-height:1.25;margin:0 0 16px}.studio-intro{font-size:clamp(15px,1.45vw,21px);line-height:1.65;color:#b4b4bb;margin:0 0 clamp(28px,5.1vh,54px);word-break:keep-all}.studio-form{display:flex;flex-direction:column;gap:25px}.studio-form>label{font-size:15px;color:#efedf0;gap:10px;font-weight:550}.studio-form>label>input{color-scheme:dark;color:#f6f5f3;background:#202125;border:1px solid #96969e;min-height:60px;padding:15px 19px;border-radius:5px;font-size:16px;line-height:1.5;box-shadow:none}.studio-form>label>input::placeholder{color:#b1b1b9}.studio-form>label>input:focus-visible{border-color:#eee;outline:2px solid #d64a60;outline-offset:3px}.studio-form>label>input:-webkit-autofill{-webkit-text-fill-color:#f6f5f3;-webkit-box-shadow:0 0 0 1000px #202125 inset;caret-color:#fff}.security-check{background:#f7f7f9;color:#202125;border:1px solid #dedee3;border-radius:5px;min-width:0;color-scheme:light}.security-check altcha-widget{display:block;width:100%;max-width:none;--altcha-max-width:100%;--altcha-border-width:0px;--altcha-border-radius:5px;--altcha-border-color:transparent;--altcha-color-base:#f7f7f9;--altcha-color-text:#202125;--altcha-color-footer-text:#65656e;--altcha-color-border:#babac2;--altcha-color-error-text:#9c1730;--altcha-color-link:#555560}.studio-submit{width:100%;min-height:60px;background:#c6092c;border:1px solid #c6092c;color:#fff;border-radius:5px;font-weight:650;font-size:19px;letter-spacing:.2px;cursor:pointer}.studio-submit:hover{background:#a30726;border-color:#a30726}.studio-submit:focus-visible{outline:3px solid #f197a7;outline-offset:4px}.studio-foot{font-size:12px;color:#9a9aa5;line-height:1.8;margin:0;padding-top:24px}.studio-panel .notice{font-size:14px;border-radius:5px}.studio-panel .notice.danger{background:#361720;border-color:#a3485c;color:#ffdbe3}.studio-panel .notice.success{background:#173429;border-color:#437961;color:#d6f5e3}.studio-visual{min-width:0;position:relative;overflow:hidden;isolation:isolate;background:#301015;min-height:100svh}.studio-visual>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 47%}.studio-statement{position:absolute;left:9%;right:7%;bottom:10.5%;margin:0;color:#fff4e6;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5.1vw,78px);line-height:.97;letter-spacing:-2px;font-weight:400;text-shadow:0 2px 15px #15070845}.studio-statement span{display:block}.studio-login .skip{background:#fff;color:#74182f}.studio-login .skip:focus{z-index:5}
.studio-login{font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}.studio-content{margin:clamp(40px,7vh,74px) 0 auto;padding:0}.studio-form>label>input{font-weight:400}.security-check .altcha-main{padding:20px}.security-check .altcha-checkbox-wrap label{font-size:16px;font-weight:400}
@media(min-width:1800px){.studio-content{max-width:610px}.studio-panel .brand-art{width:440px}.studio-panel{padding-left:8vw;padding-right:6vw}.studio-statement{font-size:90px}}
@media(max-height:800px) and (min-width:901px){.studio-panel{padding-top:30px;padding-bottom:22px}.studio-content{padding:24px 0}.studio-content h1{font-size:34px}.studio-intro{margin-bottom:24px;font-size:17px}.studio-form{gap:18px}.studio-form>label>input,.studio-submit{min-height:50px}.studio-foot{padding-top:10px}.studio-panel .brand-art{width:300px}}
@media(max-width:1100px){.studio-panel{padding-left:32px;padding-right:32px}.studio-panel .brand-art{width:270px}.studio-panel .brand-lockup{gap:13px}.studio-statement{font-size:clamp(36px,5.1vw,60px);letter-spacing:-1.6px}}
@media(max-width:900px){.studio-shell{display:flex;flex-direction:column}.studio-panel{min-height:100svh;padding:30px max(24px,calc((100vw - 500px)/2)) 24px}.studio-panel .brand-art{width:260px}.studio-panel .brand-caption{font-size:12px}.studio-content{padding:35px 0;max-width:none}.studio-content h1{font-size:34px}.studio-intro{font-size:16px;margin-bottom:32px}.studio-form{gap:22px}.studio-form>label>input,.studio-submit{min-height:56px}.studio-foot{font-size:11px}.studio-visual{min-height:560px}.studio-visual>img{object-position:center 38%}.studio-statement{font-size:62px;bottom:10%;left:8%}}
@media(max-height:800px) and (min-width:901px){.studio-content{margin:24px 0 auto;padding:0}}
@media(max-width:900px){.studio-content{margin:auto 0}.security-check .altcha-main{padding:16px}.security-check .altcha-checkbox-wrap label{font-size:14px}.studio-statement{font-size:clamp(32px,11.5vw,62px)}}
@media(max-width:380px){.studio-panel .brand-art{width:225px}.studio-panel .brand-lockup{gap:10px}.studio-content h1{font-size:29px}.app-header .brand-art{width:180px}}