*{box-sizing:border-box}
body.odod-join-page{margin:0;background:#f4f7fb;color:#142033;font-family:Pretendard,'Noto Sans KR','Malgun Gothic',Arial,sans-serif}
.join-wrap{width:100%;max-width:980px;margin:34px auto 70px;padding:0 24px;display:block;box-sizing:border-box}
.join-hero{position:relative;width:100%;border-radius:26px;overflow:hidden;background:linear-gradient(110deg,#063d87 0%,#0877d1 58%,#38afd7 100%);box-shadow:0 18px 46px rgba(15,56,110,.15);margin-bottom:22px}
.join-hero:before,.join-hero:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.join-hero:before{width:300px;height:300px;right:-90px;top:-150px}.join-hero:after{width:220px;height:220px;left:-90px;bottom:-130px}
.join-hero-inner{position:relative;z-index:2;padding:34px 40px 30px;color:#fff}
.join-hero-copy{text-align:left}
.join-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.14em}
.join-hero h1{margin:15px 0 9px;font-size:32px;line-height:1.3;letter-spacing:-.05em;white-space:normal}
.join-hero p{margin:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.7;font-weight:650}
.join-benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.join-benefits span{position:relative;padding:9px 13px 9px 32px;border-radius:11px;background:rgba(255,255,255,.12);font-weight:800;font-size:12px}
.join-benefits span:before{content:'✓';position:absolute;left:12px;color:#bff4ff}
.join-card{width:100%;margin:0 auto;background:#fff;border:1px solid #e5eaf2;border-radius:26px;padding:34px 40px;box-shadow:0 16px 42px rgba(15,38,75,.07);box-sizing:border-box}
.join-head{text-align:center;padding-bottom:4px}.join-head span{color:#1677e8;font-size:11px;font-weight:950;letter-spacing:.14em}.join-head h2{margin:8px 0 6px;font-size:31px;letter-spacing:-.045em}.join-head p{margin:0;color:#738096;font-size:13px}
.join-section{padding:28px 0;border-bottom:1px solid #edf0f5}.join-section:last-of-type{border-bottom:0}
.join-section-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.join-section-title>b{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:#eff6ff;color:#1677e8;font-size:11px}.join-section-title strong{display:block;font-size:17px}.join-section-title span{display:block;margin-top:3px;color:#8994a6;font-size:11px}
.join-field{display:block;margin-bottom:17px}.join-field:last-child{margin-bottom:0}.join-field>span{display:block;margin-bottom:8px;font-size:13px;font-weight:900}.join-field em{margin-left:4px;color:#ec4f5d;font-size:11px;font-style:normal}
.join-field input[type=text],.join-field input[type=password],.join-field input[type=email],.join-field input[type=tel]{width:100%;height:50px;border:1px solid #dbe2ec;border-radius:12px;background:#fff;padding:0 14px;color:#142033;font-size:14px;font-weight:700;outline:0;transition:.15s}.join-field input:focus{border-color:#1677e8;box-shadow:0 0 0 4px rgba(22,119,232,.08)}
.join-field small,.join-msg{display:block;margin-top:7px;color:#929cac;font-size:11px;line-height:1.5}.join-field small.ok,.join-msg.ok{color:#17925c}.join-field small.bad,.join-msg.bad{color:#dc4855}
.join-grid-2{display:grid;grid-template-columns:1fr;gap:0}.join-inline{display:grid;grid-template-columns:1fr 96px;gap:8px}.join-inline.compact{grid-template-columns:1fr 72px}
.join-check-btn{border:0;border-radius:12px;background:#192b45;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.join-check-btn:disabled{opacity:.55}
.join-password{position:relative}.join-password input{padding-right:58px!important}.join-password button{position:absolute;right:7px;top:6px;width:48px;height:38px;border:0;border-radius:9px;background:#f2f5f9;color:#66758c;font-size:11px;font-weight:900;cursor:pointer}.join-password-strength{height:4px;border-radius:99px;background:#edf1f6;overflow:hidden;margin:-8px 0 2px}.join-password-strength i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff6a6a,#f3bd3e,#25b77a);transition:.2s}
.join-agree-box{border:1px solid #e1e6ee;border-radius:15px;overflow:hidden;background:#fff}.join-agree-all{display:flex;gap:12px;align-items:center;padding:16px 17px;background:#f8fafc;border-bottom:1px solid #e8edf4}.join-agree-all span{display:flex;flex-direction:column}.join-agree-all small{margin:2px 0 0;color:#8c96a5;font-size:11px}.join-agree-all.is-locked{opacity:.62}.join-agree-list{padding:0 17px}.join-term-item{padding:4px 0;border-bottom:1px solid #edf0f5}.join-term-item:last-child{border-bottom:0}.join-term-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border:0;background:transparent;color:#526078;text-align:left;font-size:13px;cursor:pointer}.join-term-toggle span{font-weight:750}.join-term-toggle b{color:#1677e8}.join-term-toggle i{flex:0 0 auto;padding:6px 9px;border-radius:8px;background:#f1f5fa;color:#66758c;font-size:10px;font-style:normal;font-weight:900}.join-term-item.open .join-term-toggle i{background:#eaf3ff;color:#1677e8}.join-term-panel{display:none;padding:0 0 12px}.join-term-item.open .join-term-panel{display:block}.join-term-scroll{height:170px;overflow-y:auto;padding:15px 16px;border:1px solid #dfe6ef;border-radius:12px;background:#fbfcfe;color:#5c687a;font-size:12px;line-height:1.75;outline:0;white-space:normal}.join-term-scroll:focus{border-color:#98c4f8;box-shadow:0 0 0 3px rgba(22,119,232,.06)}.join-term-guide{margin:8px 3px 0;color:#909aaa;font-size:10px}.join-term-item.reviewed .join-term-guide{color:#168a5a;font-weight:800}.join-term-check{display:flex;align-items:center;gap:9px;padding:4px 0 13px;color:#526078;font-size:12px}.join-term-check input:disabled+span{color:#a7b0bd}.join-agree-box input[type=checkbox]{width:18px;height:18px;accent-color:#1677e8}
.join-submit-area{padding-top:27px;text-align:center}.join-submit{width:100%;height:54px;border:0;border-radius:14px;background:linear-gradient(90deg,#126ee2,#1597dc);color:#fff;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 12px 24px rgba(22,119,232,.2)}.join-submit-area p{margin:16px 0 0;color:#7f8a9a;font-size:13px}.join-submit-area a{color:#1677e8;font-weight:900;text-decoration:none}
.join-complete-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.join-complete-card{width:min(620px,100%);padding:58px 40px;border:1px solid #e5eaf2;border-radius:28px;background:#fff;text-align:center;box-shadow:0 20px 55px rgba(15,38,75,.1)}.join-complete-icon{display:flex;width:76px;height:76px;margin:0 auto 24px;align-items:center;justify-content:center;border-radius:50%;background:#eaf8f2;color:#17a56d;font-size:34px;font-weight:900}.join-complete-card>span{color:#1677e8;font-size:11px;font-weight:950;letter-spacing:.14em}.join-complete-card h1{margin:10px 0 12px;font-size:30px}.join-complete-card p{color:#6f7c90;line-height:1.7}.join-complete-actions{display:flex;gap:10px;justify-content:center;margin-top:28px}.join-complete-actions a{min-width:150px;padding:15px 20px;border:1px solid #dce3ed;border-radius:13px;color:#394860;font-weight:900;text-decoration:none}.join-complete-actions a.primary{border-color:#1677e8;background:#1677e8;color:#fff}
@media(max-width:760px){.join-wrap{margin-top:18px;padding:0 14px}.join-hero-inner{padding:28px 24px}.join-hero h1{font-size:26px}.join-benefits{gap:7px}.join-card{padding:28px 22px;border-radius:22px}.join-head h2{font-size:28px}}
@media(max-width:520px){.join-hero h1{font-size:23px}.join-hero p{font-size:13px}.join-benefits{display:grid;grid-template-columns:1fr}.join-inline,.join-inline.compact{grid-template-columns:1fr 88px}.join-complete-actions{flex-direction:column}.join-complete-actions a{width:100%}}