:root{--ink:#213e38;--green:#16594e;--muted:#7a8782;--line:#e3e9e4;--paper:#f7f8f4;--white:#fff;--accent:#d7e8a3;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,a,select{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8eb8aa;outline-offset:4px}[hidden]{display:none!important}.header{max-width:1240px;margin:auto;padding:30px 28px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;letter-spacing:-1.2px}.brand-mark{width:43px;height:45px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:13px 3px 13px 3px;font-size:24px;font-weight:500}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1px;margin-top:5px;color:var(--muted)}.header-note{font-size:12px;color:var(--muted)}.ad{border:1px solid #e0e5de;background:repeating-linear-gradient(135deg,#f0f2ec 0,#f0f2ec 1px,#f4f5f0 1px,#f4f5f0 8px);color:#8b958a;text-align:center;border-radius:5px}.ad>span{font-size:8px;letter-spacing:2.2px}.ad p{font-size:11px;font-weight:400}.ad b{font-size:9px;font-weight:400;color:#a0a89d}.ad-top,.ad-bottom{max-width:728px;height:76px;margin:24px auto 0;padding:13px}.ad-top p,.ad-bottom p{margin:9px 0 0}.ad-top b,.ad-bottom b{margin-left:18px}.page-grid{max-width:1190px;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:26px;margin:0 auto}.ad-side{height:540px;margin-top:73px;padding:20px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-side>span{margin-bottom:auto}.ad-side>b{margin-bottom:auto}.ad-side p{margin:15px 0 7px}.ad-placeholder{border:1px solid #dce2d7;border-radius:50%;height:46px;width:46px;display:grid;place-items:center;font-size:12px;letter-spacing:2px;font-weight:500;color:#a1ab9b}main{padding-top:38px;min-width:0}.intro{text-align:center}.eyebrow{font-size:9px;letter-spacing:3px;color:#688677;font-weight:700}h1{font-size:27px;font-weight:600;letter-spacing:-1.3px;margin:14px 0 10px}.intro>p{font-size:12px;color:var(--muted);margin:0 0 27px}.auth-card{max-width:530px;margin:auto;background:var(--white);padding:32px 36px 0;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 32px #1c3e2d05}.card-top{display:flex;align-items:center;gap:7px;font-size:10px;color:#73867d}.little-mark{background:#edf4e6;color:var(--green);height:24px;width:24px;border-radius:50%;display:grid;place-items:center;font-size:15px}h2{font-size:25px;letter-spacing:-.8px;margin:15px 0 8px;font-weight:650}.card-description{font-size:12px;color:var(--muted);margin:0 0 26px}.field>label,legend{font-size:12px;font-weight:700;margin-bottom:10px}.field>label{display:flex;align-items:center;gap:10px}.field>label span{font-size:9px;color:#8e9a94;font-weight:400}.phone-wrap{display:flex;border:1px solid #dce3dd;border-radius:6px;height:48px;align-items:center;background:#fcfdfa}.phone-wrap>span{font-size:12px;color:#82938a;padding:0 15px;border-right:1px solid var(--line)}.phone-wrap input{border:0;background:transparent;width:100%;padding:13px 14px;color:var(--ink);letter-spacing:1px;outline:none}.phone-wrap:focus-within{outline:2px solid #91b6a6;outline-offset:1px}input::placeholder{color:#a5afa8;letter-spacing:.2px;font-size:12px}.help{font-size:10px;line-height:1.7;color:#87948c}.field>.help{margin:7px 0 23px}fieldset{padding:0;margin:0;border:0;min-width:0}legend{padding:0;float:none}.password-parts{display:grid;grid-template-columns:1.15fr 1.25fr .9fr 1fr;gap:7px}.part{min-width:0}.part>label{display:block;font-size:9px;color:#85948b;margin-bottom:7px}.part input,.part select{height:45px;border:1px solid #dce3dd;background:#fcfdfa;border-radius:6px;width:100%;min-width:0;padding:0 9px;font-size:12px;color:var(--ink)}.part input:focus,.part select:focus{outline:2px solid #91b6a6;outline-offset:1px}.part select{padding-right:3px}.password-help{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:9px 0 0}.password-help button{border:0;background:transparent;font-size:10px;color:#60796c;padding:3px 0;white-space:nowrap}.signup-link{font-size:11px;color:#8c978f;margin:20px 0 23px;display:flex;justify-content:center;gap:9px;align-items:center}.signup-link a{font-weight:700;color:var(--green)}.signup-link a span{margin-left:4px}.primary{display:flex;align-items:center;justify-content:center;position:relative;gap:12px;width:100%;min-height:48px;border:0;border-radius:6px;background:var(--green);color:#fff;font-weight:600;font-size:13px;transition:background .15s,transform .15s}.primary>span:last-child{position:absolute;right:19px;font-size:18px;font-weight:400}.primary:hover{background:#10463d}.primary:active{transform:translateY(1px)}.primary:disabled{background:#839c90;cursor:wait}.card-foot{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #edf0eb;margin-top:25px;padding:17px 0;font-size:9px;color:#8b9990}.card-foot>span{color:#638274;font-size:14px}.below-card{text-align:center;font-size:10px;color:#9aa498;margin:20px 0 0;letter-spacing:.5px}.ad-bottom{margin-top:33px}footer{max-width:1190px;margin:26px auto 0;padding:23px 0 28px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.footer-brand{font-size:15px;font-weight:700;letter-spacing:-.5px}footer p{font-size:9px;color:#95a092;margin:8px 0 0}.contact{text-align:right}.contact a{font-size:11px;border:0;background:none;color:#667c6d;padding:0}.contact a span{margin-left:12px}.message{font-size:12px;line-height:1.6;padding:12px 14px;border-radius:6px;background:#fff2ee;color:#9e4730;margin-bottom:15px}.message.success{background:#edf5e9;color:#346245}.signup-notice{font-size:10px;line-height:1.8;padding:12px;background:#f6f7f1;border-radius:6px;color:#7c826a}#confirm-field{margin-top:21px}#member-panel{text-align:center;padding:5px 0 10px}#member-panel .primary{margin-top:25px}.success-icon{width:48px;height:48px;background:#eaf3de;color:var(--green);font-size:24px;margin:10px auto 20px;border-radius:50%;display:grid;place-items:center}
@media(min-width:1500px){.header{padding-top:40px}.ad-top{margin-top:30px}.page-grid{margin-top:14px}main{padding-top:46px}.ad-side{margin-top:74px}.ad-bottom{margin-top:42px}footer{margin-top:32px}}
@media(max-width:1050px){.page-grid{grid-template-columns:110px minmax(0,1fr) 110px;gap:18px;padding:0 22px}.ad-side{height:520px}.ad-side>span{font-size:7px;letter-spacing:1px}footer{margin-left:24px;margin-right:24px}.auth-card{padding-left:27px;padding-right:27px}h1{font-size:24px}}
@media(max-width:760px){.header{padding:22px}.header-note{display:none}.brand{font-size:22px}.brand small{font-size:9px}.brand-mark{width:38px;height:41px}.ad-top,.ad-bottom{margin-left:20px;margin-right:20px;height:65px;padding:9px}.page-grid{display:block;padding:0 20px}.ad-side{display:none}main{padding-top:31px}.intro>p{font-size:11px;margin-bottom:23px}h1{font-size:23px}.auth-card{padding:26px 22px 0;border-radius:12px}.card-description{margin-bottom:24px}.password-parts{gap:6px}.part input,.part select{font-size:11px;padding-left:6px}.help{font-size:9px}.password-help button{font-size:9px}footer{padding-bottom:24px}.ad-bottom{margin-top:27px}footer p{font-size:8px}.contact p{max-width:150px;line-height:1.7}}
@media(max-width:360px){.password-parts{grid-template-columns:1fr 1fr}.intro h1{font-size:21px}.password-help{align-items:flex-start}.signup-link{font-size:10px}}

/* Keep the form independent of advertising columns on narrow/zoomed views. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.page-grid{display:block;width:100%;padding-inline:20px}
.page-grid>main{width:100%;min-width:0}
.ad-side{display:none}
.auth-card{width:100%;max-width:530px}
.intro{max-width:650px;margin-inline:auto}
h1{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;line-height:1.45}
.card-description,.help,.signup-notice,.signup-link{word-break:keep-all;overflow-wrap:break-word}
.phone-wrap input{flex:1 1 0;width:0;min-width:0}
.field>label{flex-wrap:wrap}
.signup-link{flex-wrap:wrap}
.password-parts{grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr) minmax(0,.9fr) minmax(0,1fr)}
@media(min-width:1100px){
 .page-grid{display:grid;grid-template-columns:160px minmax(480px,1fr) 160px;gap:24px;padding-inline:16px}
 .page-grid>main{grid-column:2;grid-row:1}
 .page-grid>.ad-side{display:flex;grid-row:1}
 .page-grid>.ad-side:first-child{grid-column:1}
 .page-grid>.ad-side:last-child{grid-column:3}
}
@media(max-width:360px){.password-parts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}