@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
:root{
  --white:#FFFFFF;--black:#0D0F11;
  --neutral-100:#F3F5F7;--neutral-300:#E0E5EB;--neutral-400:#C6CED7;--neutral-500:#979FAA;--neutral-600:#6F7985;--neutral-800:#343A42;
  --red-50:#FFF5F5;--red-600:#E83B3B;--blue-500:#2077F8;
  --black-alpha-4:rgba(12,14,19,.04);--black-alpha-6:rgba(12,14,19,.06);--white-alpha-10:rgba(255,255,255,.10)
}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--neutral-800);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,"Hiragino Sans","Noto Sans JP",sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:560px;margin:0 auto;padding:32px 16px}
.poc{background:var(--neutral-100);color:var(--neutral-600);font-size:12px;text-align:center;padding:8px 16px}
h1{font-size:26px;font-weight:600;line-height:1.4;color:var(--black);text-align:center;margin:0 0 8px;text-wrap:balance}
p.desc{margin:0 auto 32px;max-width:480px;color:var(--neutral-600);text-align:center;white-space:pre-line;text-wrap:balance;overflow-wrap:anywhere}
.f{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}
.l{display:inline-flex;align-items:center;font-size:14px;font-weight:500;line-height:1.4;color:var(--neutral-800)}
.l em,.consent em{color:var(--red-600);font-style:normal;font-size:12px;font-weight:500;margin-left:2px}
.help{color:var(--neutral-600);font-size:12px;line-height:1.4}
input[type=text],input[type=email],input[type=tel],select{width:100%;height:36px;border:1px solid var(--neutral-300);border-radius:6px;padding:6px 8px;font:inherit;font-size:14px;background:var(--white);color:var(--neutral-800)}
input::placeholder{color:var(--neutral-500)}
select{appearance:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23343A42' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:30px}
select.empty{color:var(--neutral-500)}
input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,select:hover{border-color:var(--neutral-400)}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus{outline:none;border-color:var(--neutral-800)}
input[type=checkbox]{appearance:none;width:20px;height:20px;margin:0;flex:none;border:2px solid var(--neutral-400);border-radius:6px;background:var(--white);cursor:pointer;display:inline-grid;place-content:center}
input[type=checkbox]:hover{box-shadow:inset 0 0 0 20px var(--black-alpha-4)}
input[type=checkbox]:checked{background:var(--neutral-800);border-color:var(--neutral-800)}
input[type=checkbox]:checked::after{content:"";width:10px;height:6px;border:2px solid var(--white);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
input[type=checkbox]:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
.tel{display:flex;gap:8px}
.tel select{width:100px;flex:none}
.opts{display:flex;flex-direction:column;gap:8px}
.opts label{display:flex;gap:10px;align-items:center;cursor:pointer;color:var(--neutral-800)}
.consent{display:flex;gap:10px;align-items:center;cursor:pointer;color:var(--neutral-800)}
.consent a{color:var(--neutral-800);text-decoration:underline;text-underline-offset:2px}
.err{color:var(--red-600);font-size:12px;line-height:1.4}
.has-err input[type=text],.has-err input[type=email],.has-err input[type=tel],.has-err select{border-color:var(--red-600)}
.has-err input[type=checkbox]{border-color:var(--red-600)}
button{position:relative;width:100%;height:36px;border:1px solid var(--black-alpha-6);border-radius:10px;background:var(--neutral-800);box-shadow:0 1px 0 0 var(--black-alpha-4);color:var(--white);font:inherit;font-size:14px;font-weight:600;margin-top:28px;cursor:pointer}
button:hover:not(:disabled){box-shadow:inset 0 0 0 40px var(--white-alpha-10)}
button:focus-visible{outline:2px solid var(--blue-500)}
button:disabled{opacity:.5;cursor:not-allowed}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.done{text-align:center;padding-top:80px}
.notfound{text-align:center;color:var(--neutral-600);padding-top:80px}
p.desc:focus{outline:none}
.alert{background:var(--red-50);color:var(--red-600);border:1px solid var(--red-600);border-radius:6px;padding:8px 12px;margin-bottom:16px;font-size:12px;line-height:1.4}
.alert[hidden]{display:none}
.ts{margin-top:16px}
.ts:empty{display:none}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:lang(ko) body{word-break:keep-all}
html:lang(ja) body{word-break:auto-phrase}