:root{
  --yjreg100-blue:#0878a6;
  --yjreg100-navy:#073b5b;
  --yjreg100-text:#183044;
  --yjreg100-muted:#71818c;
  --yjreg100-line:#d9e4ea;
  --yjreg100-soft:#f4f8fa;
}
.yjreg100-shell{width:min(760px,calc(100% - 28px));margin:42px auto 60px;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--yjreg100-text)}
.yjreg100-shell *{box-sizing:border-box}
.yjreg100-card{overflow:hidden;border:1px solid var(--yjreg100-line);background:#fff;box-shadow:0 12px 34px rgba(15,55,80,.07)}
.yjreg100-head{padding:30px 34px 26px;border-top:4px solid var(--yjreg100-blue);border-bottom:1px solid #e5edf1;background:linear-gradient(135deg,#f4fafc,#fff)}
.yjreg100-head>span{display:block;color:var(--yjreg100-blue);font-size:10px;font-weight:800;letter-spacing:.14em}
.yjreg100-head h1{margin:7px 0 7px;color:#102f46;font-size:30px;line-height:1.25;letter-spacing:-.05em}
.yjreg100-head p{margin:0;color:var(--yjreg100-muted);font-size:13px;line-height:1.65}
.yjreg100-form{padding:28px 34px 32px}
.yjreg100-field{display:block;margin-bottom:18px}
.yjreg100-field>span{display:block;margin-bottom:7px;color:#243c4d;font-size:14px;font-weight:700}
.yjreg100-field em{margin-left:4px;color:#db5d54;font-size:10px;font-style:normal}
.yjreg100-field input{display:block;width:100%;height:47px;padding:0 13px;border:1px solid #cfdde5;border-radius:3px;background:#fff;color:#182d3c;font:inherit;outline:0;transition:border-color .16s ease,box-shadow .16s ease}
.yjreg100-field input:focus{border-color:#62a8c2;box-shadow:0 0 0 3px rgba(8,120,166,.1)}
.yjreg100-field small{display:block;margin-top:5px;color:#84929b;font-size:10px}
.yjreg100-password-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.yjreg100-consent{display:flex;align-items:flex-start;gap:8px;margin:3px 0 21px;color:#5f7280;font-size:12px;line-height:1.55}
.yjreg100-consent input{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:var(--yjreg100-blue)}
.yjreg100-consent a{color:#176c91;text-decoration:underline;text-underline-offset:2px}
.yjreg100-submit{display:flex;width:100%;height:50px;align-items:center;justify-content:center;border:0;border-radius:3px;background:var(--yjreg100-navy);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background .16s ease,transform .16s ease}
.yjreg100-submit:hover{background:var(--yjreg100-blue);transform:translateY(-1px)}
.yjreg100-login-shell{max-width:620px}
.yjreg100-login-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 21px;color:#5f7280;font-size:12px;line-height:1.5}
.yjreg100-login-options label{display:flex;align-items:center;gap:7px;cursor:pointer}
.yjreg100-login-options input{width:16px;height:16px;margin:0;accent-color:var(--yjreg100-blue)}
.yjreg100-login-options a{color:var(--yjreg100-blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.yjreg100-login-link{margin:17px 0 0;text-align:center;color:#7a8993;font-size:12px}
.yjreg100-login-link a{color:var(--yjreg100-blue);font-weight:800}
.yjreg100-alert{margin:24px 34px 0;padding:16px 18px;border:1px solid;font-size:12px;line-height:1.6}
.yjreg100-alert strong{display:block;margin-bottom:3px;font-size:14px}
.yjreg100-alert p,.yjreg100-alert ul{margin:0}.yjreg100-alert ul{padding-left:18px}
.yjreg100-alert.is-error{border-color:#f0c9c5;background:#fff5f4;color:#87453f}
.yjreg100-alert.is-success{border-color:#bee0ce;background:#f2fbf6;color:#256848}
.yjreg100-actions{display:flex;gap:10px;padding:24px 34px 32px}
.yjreg100-actions a{display:flex;min-height:45px;padding:0 18px;align-items:center;justify-content:center;border:1px solid var(--yjreg100-navy);font-size:13px;font-weight:800;text-decoration:none}
.yjreg100-primary{background:var(--yjreg100-navy);color:#fff!important}.yjreg100-secondary{background:#fff;color:var(--yjreg100-navy)!important}
.yjreg100-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:620px){
  .yjreg100-shell{margin-top:18px}
  .yjreg100-head,.yjreg100-form{padding-left:20px;padding-right:20px}
  .yjreg100-head h1{font-size:27px}
  .yjreg100-password-row{grid-template-columns:1fr;gap:0}
  .yjreg100-alert{margin-left:20px;margin-right:20px}
  .yjreg100-actions{padding-left:20px;padding-right:20px;flex-direction:column}
  .yjreg100-login-options{align-items:flex-start;flex-direction:column;gap:10px}
}