@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap");

body.register-page{background:#fff!important;margin:0;}
body.register-page #hd_login_msg,
body.register-page #sub-visual,
body.register-page .ety-main,
body.register-page .ft_content,
body.register-page .mbn-even,
body.register-page .live-chat-even,
body.register-page .l1357-floating-actions{display:none!important;height:0!important;margin:0!important;padding:0!important;}

.even-register{font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif;color:#111827;min-height:100vh;}
.even-register *,.even-register *::before,.even-register *::after{box-sizing:border-box;}
.even-register a{text-decoration:none;}

html.dx-reg-lock,html.dx-reg-lock body.register-page{height:100%;overflow:hidden!important;}
.dx-reg{display:flex;height:calc(100vh - 65px);margin-top:65px;background:#fff;overflow:hidden;}
body.register-page.has-mbn-even{padding-bottom:0!important;}

.dx-mobile-brand{display:none;}
.dx-mobile-brand img{height:24px;width:auto;}
.dx-panel{
    display:none;
    width:50%;
    background:#0B0F1A;
    color:#E8ECF5;
    height:100%;
    overflow:hidden;
}
.dx-fit{width:100%;}
.dx-panel .dx-fit{padding:28px 36px 20px;height:100%;display:flex;flex-direction:column;}
.dx-panel-logo{height:26px;width:122px;align-self:flex-start;display:block;}
.dx-panel h1{margin:28px 0 12px;font-size:34px;line-height:1.25;font-weight:700;letter-spacing:-.03em;}
.dx-panel-lead{margin:0 0 22px;max-width:440px;font-size:14px;line-height:1.65;color:#9AA4BC;}

.dx-map-card{
    background:#0E1424;
    border:1px solid #1c2744;
    border-radius:16px;
    padding:16px 0 0;
    margin-bottom:28px;
    overflow:hidden;
    flex-shrink:0;
}
.dx-map-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;padding:0 18px;}
.dx-map-card img.dx-map{
    width:110%;
    max-width:none;
    height:auto;
    max-height:none;
    margin:-8px 0 -7% -5%;
    display:block;
}
.dx-map-stat strong{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:28px;font-weight:500;color:#E8ECF5;letter-spacing:-.03em;line-height:1.1;}
.dx-map-stat span{font-size:13px;color:#9AA4BC;}
.dx-map-live{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:#C9D6FF;white-space:nowrap;}
.dx-map-live img{width:10px;height:10px;}

.dx-features{list-style:none;margin:0;padding:0;}
.dx-features li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:flex-start;margin-bottom:18px;}
.dx-features img{width:20px;height:20px;margin-top:2px;}
.dx-features strong{display:block;font-size:15px;font-weight:600;}
.dx-features span{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#9AA4BC;}
.dx-products{margin:6px 0 0;padding:0;list-style:none;}
.dx-features .dx-products li{display:block;margin:0;padding:0;grid-template-columns:none;gap:0;font-size:13px;line-height:1.55;color:#9AA4BC;}
.dx-features .dx-products li::before{content:"- ";}
.dx-panel-note{margin:auto 0 0;padding-top:20px;font-size:12px;line-height:1.6;color:#6d7890;}

.dx-form{
    flex:1;
    min-width:0;
    background:#fff;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.dx-form .dx-fit{padding:12px 40px 12px;flex:0 0 auto;width:100%;}
.dx-form-inner{max-width:480px;margin:0 auto;}
.dx-form-top{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px;color:#6b7280;margin-bottom:10px;}
.dx-form-top a{color:#2563EB;font-weight:600;}
.dx-lang{border:0;background:transparent;color:#374151;font:inherit;cursor:default;}

.dx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;}
.dx-step{font-size:13px;color:#9ca3af;}
.dx-step b{display:block;height:3px;border-radius:99px;background:#e5e7eb;margin-bottom:8px;}
.dx-step.is-on{color:#111827;font-weight:600;}
.dx-step.is-on b{background:#2563EB;}

.dx-form h2{margin:0 0 4px;font-size:26px;font-weight:700;letter-spacing:-.03em;}
.dx-form-lead{margin:0 0 10px;font-size:13px;color:#6b7280;}

.dx-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.dx-tab{height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font:inherit;font-weight:600;cursor:pointer;}
.dx-tab.is-on{background:#111827;color:#fff;border-color:#111827;}

.dx-field{margin-bottom:8px;}
.dx-field label{display:block;margin-bottom:3px;font-size:12px;font-weight:600;color:#374151;}
.dx-field input,.dx-field select{
    width:100%;height:36px;border:1px solid #e5e7eb;border-radius:8px;
    padding:0 14px;font:inherit;font-size:14px;color:#111827;background:#fff;outline:none;
}
.dx-field input::placeholder{color:#9ca3af;}
.dx-field input:focus,.dx-field select:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.12);}
.dx-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.dx-phone{display:grid;grid-template-columns:92px 1fr;gap:8px;}
.dx-phone select{padding-left:12px;}

.dx-checks{margin:4px 0 8px;}
.dx-check{display:flex;align-items:flex-start;gap:8px;margin:0 0 4px;font-size:12px;color:#4b5563;line-height:1.35;cursor:pointer;}
.dx-check input{width:16px;height:16px;margin-top:1px;accent-color:#2563EB;flex-shrink:0;}
.dx-check.is-all{color:#111827;font-weight:600;margin-bottom:6px;}
.dx-tag{color:#2563EB;font-weight:600;margin-right:4px;}
.dx-terms-link{border:0;background:none;padding:0;color:#2563EB;font:inherit;font-weight:600;cursor:pointer;}
.dx-check-open{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;text-align:left;}

.dx-submit{width:100%;height:40px;border:0;border-radius:8px;background:#2563EB;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;}
.dx-submit:hover{background:#1d4ed8;}
.dx-submit:disabled{opacity:.55;cursor:not-allowed;}
.dx-login-link{margin:14px 0 0;text-align:center;font-size:13px;color:#6b7280;}
.dx-login-link a{color:#2563EB;font-weight:600;}
.dx-corp{display:none;padding:28px 8px 12px;color:#4b5563;font-size:14px;line-height:1.7;}
.dx-corp a{color:#2563EB;font-weight:600;}
.dx-reg.is-corp .dx-personal{display:none;}
.dx-reg.is-corp .dx-corp{display:block;}

.even-register-modal{position:fixed;inset:0;background:rgba(11,15,26,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;}
.even-register-modal.is-open{display:flex;}
.even-register-modal-box{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;}
.even-register-modal-head{padding:20px 24px 12px;text-align:center;border-bottom:1px solid #f3f4f6;}
.even-register-modal-head h3{font-size:18px;font-weight:700;margin:0;}
.even-register-modal-body{padding:12px 20px;overflow-y:auto;font-size:13px;line-height:1.5;color:#4b5563;}
.even-register-modal-actions{display:flex;gap:12px;padding:16px 24px 20px;border-top:1px solid #f3f4f6;}
.even-register-modal-actions button{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}
.even-register-modal-decline{border:1px solid #d1d5db;background:#fff;color:#374151;}
.even-register-modal-accept{border:0;background:#2563EB;color:#fff;}
.dx-all-body{padding:20px 24px 8px;font-size:14px;line-height:1.7;color:#374151;}
.dx-all-body p{margin:0 0 14px;}
.dx-all-body p:last-child{margin-bottom:0;}
.dx-terms-body{padding:18px 24px;font-size:14px;line-height:1.7;color:#374151;}
.dx-terms-body h4{margin:18px 0 8px;font-size:15px;font-weight:700;color:#111827;}
.dx-terms-body h4:first-child{margin-top:0;}
.dx-terms-body p{margin:0 0 10px;}
.dx-terms-body strong{color:#111827;}

@media (min-width:1100px){
    .dx-panel{display:block;}
}
@media (max-width:1099px){
    html.dx-reg-lock,html.dx-reg-lock body.register-page{height:auto;overflow:auto!important;}
    .dx-reg{height:auto;margin-top:65px;overflow:visible;}
    .dx-form{height:auto;overflow:visible;}
    .dx-form .dx-fit{padding:20px 18px 88px;}
    .dx-form h2{font-size:26px;}
    .dx-steps{font-size:12px;}
}