@charset "UTF-8";

.online-apply-body {margin:0; color:#222;}
.online-start {padding:48px; background:#fff; border:1px solid #e2e6eb; border-radius:12px; text-align:center;}
.online-start h2 {margin:0 0 14px; font-size:30px;}
.online-start p {margin:0 0 30px; color:#555;}
.online-start-actions {display:flex; justify-content:center; gap:12px; flex-wrap:wrap;}
.online-lookup-form {max-width:560px; margin:0 auto; text-align:left;}
.online-form-row {display:grid; grid-template-columns:130px 1fr; gap:16px; align-items:center; margin:0 0 18px;}
.online-form-row label {font-weight:700; text-align:left;}
.online-form-row input {box-sizing:border-box; width:100%; height:48px; padding:0 14px; border:1px solid #cbd2da; border-radius:6px; font-size:16px;}
.online-regno {display:grid; grid-template-columns:minmax(0, 1fr) 12px 50px auto; gap:8px; align-items:center;}
.online-regno span {text-align:center;}
.online-regno-mask {color:#777; letter-spacing:2px; white-space:nowrap;}
.online-help {margin:-4px 0 24px 146px !important; font-size:14px; color:#68727d !important; text-align:left;}
.online-lookup-form .btn {display:block; min-width:150px; margin:28px auto 0;}
.online-alert, .online-success {max-width:560px; box-sizing:border-box; margin:0 auto 24px; padding:14px 18px; border-radius:6px; text-align:left;}
.online-alert {border:1px solid #e6a6a6; background:#fff3f3; color:#a32424;}
.online-success {border:1px solid #9dcbb1; background:#f0faf4; color:#17663a;}
.online-summary {max-width:620px; margin:0 auto 28px; border-top:2px solid #253b65; text-align:left;}
.online-summary div {display:grid; grid-template-columns:150px 1fr; border-bottom:1px solid #dce1e6;}
.online-summary dt, .online-summary dd {box-sizing:border-box; margin:0; padding:14px 18px;}
.online-summary dt {background:#f5f7fa; font-weight:700;}
.online-pop-help {margin-top:10px; color:#68727d; font-size:13px; text-align:right;}
.pop_eye-search .online-alert {max-width:none; margin:0 0 15px;}
.pop_eye-new_btn form {margin:0;}
.pop_eye-search input[type="password"] {width:100%; min-width:auto; border:1px solid #c5c5c5; border-radius:7px;}
.online-regno-masked {-webkit-text-security:disc;}
.pop_eye-search.is-before-lookup {border-bottom-left-radius:30px; border-bottom-right-radius:30px;}

.form-table input[readonly] {background:#f3f5f7; color:#555;}
.form-table th > label {font:inherit; color:inherit; letter-spacing:inherit;}
.form-table input[type="password"], .form-table input[type="email"] {min-width:auto; min-height:40px; border:1px solid #c5c5c5; border-radius:7px; box-sizing:border-box;}
.form-table input[type="password"].form-w30 {width:30px;}
.form-table .form-select_wrap select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:none;}
.form-birth .form-w80 {margin-left:12px;}
.online-center-choice {display:flex; align-items:center; flex-wrap:wrap; gap:10px 30px; min-height:40px;}
.online-center-choice .form-radio + .form-radio {margin-left:0;}
.online-address-fields {display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
.online-address-fields .btn-zip_find {margin-left:0;}
.online-address-fields .online-address-main {flex:1; min-width:280px;}
.online-relation-wrap {display:flex; align-items:center; gap:8px;}
.online-relation-wrap .form-select_wrap {flex:0 0 180px;}
.online-relation-etc {flex:1 1 auto; width:auto; min-width:0 !important; min-height:40px;}
.process_lnb-item.completed .process_lnb-item_chk {border-color:#3942af; background-image:url(../img/sub/icon_check.png);}
.online-agree-step {display:none;}
.online-agree-step.active {display:block;}
.online-agree-paging {display:flex; align-items:center; justify-content:space-between; margin:30px 0 0; color:#222;}
.online-agree-paging strong {font-size:1.6rem; font-weight:600;}
.online-agree-paging span {font-size:1.2rem; color:#555;}
.online-agree-paging em {color:#3942af; font-style:normal; font-weight:600;}
.online-agree-choice {display:flex; justify-content:flex-end; align-items:center; gap:24px; margin:25px 20px 0; font-size:1.2rem;}
.online-agree-choice .form-radio + .form-radio {margin-left:0;}
.online-thirdparty-terms {min-height:430px;}
.online-thirdparty-terms .online-agree-choice {margin-top:14px;}
.online-agree-indent {padding-left:34px;}
.form-agree_confirm select:disabled {opacity:1; color:#555; cursor:default;}
.online-agree-actions {display:flex; justify-content:center; gap:10px;}
.btn-form_prev {width:150px; height:50px; border:1px solid #3942af; border-radius:6px; background:#fff; color:#3942af; font-size:1.4rem; font-weight:500;}
.online-file-help {margin-top:12px; color:#68727d; font-size:1.1rem; text-align:right;}
.online-document-notice {margin-top:12px;color:#d92727;font-size:1.1rem;line-height:1.6;text-align:right;font-weight:400;}
.online-document-notice strong {font-weight:700;}
.form-file_list:empty {display:none;}

@media (max-width: 640px) {
	.online-start {padding:28px 18px;}
	.online-form-row {grid-template-columns:1fr; gap:8px;}
	.online-help {margin:-4px 0 22px !important;}
	.online-regno {grid-template-columns:minmax(0, 1fr) 12px 44px auto;}
	.online-summary div {grid-template-columns:110px 1fr;}
}
