@charset "utf-8";
/* 폼 양식 */
input[type=text],
input[type=password] { width: 100%; height: 42px; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 1.4rem; outline: 0; transition: border-color 0.25s ease; padding-left: 10px; }
input[type=text]:active,
input[type=password]:active,
input[type=text]:focus,
input[type=password]:focus { border-color: #80B0FF; }

.register-btn { width: 100%; display: block; height: 45px; text-align: center; background: #2f6ed5; color: #fff; font-size: 1.5rem; line-height: 45px; border-radius: 4px; margin-top: 30px; transition: background .25s ease; letter-spacing: -0.5px; }
.register-btn:hover { background: #1E5CC3; }

.form-table .row { margin-top: 10px; overflow: hidden; }
.form-table .row .head { font-size: 1.3rem; font-weight: 300; margin-bottom: 5px; color: #222; letter-spacing: -0.5px; }
.form-table .row .head .imp { margin-left: 3px; color: #FF3336; }
.form-table .row .unit { color: #999; margin: 0 5px; }
.form-table .row .normal-btn { font-size: 1.2rem; border: 1px solid #2f6ed5; height: 32px; display: inline-block; vertical-align: top; border-radius: 4px; padding: 0 10px; text-align: center; line-height: 30px; color: #2f6ed5; font-weight: 400; }
.form-table .row .normal-btn:hover { color: #fff; background: #2f6ed5; }

.comment { display: block; margin-top: 5px; padding-left: 5px; font-weight: 400; font-size: 1.2rem; }
.comment.error { color: #FF2629; }
.comment.complete { color: #0AC548; }

.form-table .row.phone .cont .selectbox { width: 150px; }
.form-table .row.phone .cont input[type=text] { width: 160px; }
.form-table .row.phone .cont .phone-check-btn { float: right; }

.normal-form { border: 1px solid #ddd; border-top: 2px solid #363e4e; background: #fff; margin-top: 20px; padding: 0; }
div.normal-form { border: none; margin-top: 0; background: none; }
.normal-form .info-table table { width: 100%; font-size: 1.2rem; }
.normal-form .info-table table tbody tr { border-bottom: 1px solid #e5e5e5; } 
.normal-form .info-table table tbody tr th { width: 25%; background: #f6f7fb; font-weight: 500; padding: 10px 15px; font-weight: 1.3rem; }
.normal-form .info-table table tbody tr td { padding: 8px 10px; }
.normal-form .info-table table tbody tr td input[type=text] { height: 32px; border-radius: 3px; width: 30%; padding-left: 10px; font-size: 1.2rem; }
div.normal-form input[type=text],
div.normal-form input[type=password] { margin-bottom: 10px; padding-left: 10px; }
.normal-form .info-table table tbody tr td .unit { margin: 0 5px; }
.normal-form .info-table table tbody tr td textarea { width: 100%; height: 200px; border: 1px solid #dcdcdc; border-radius: 3px; padding-left: 10px; padding-right: 70px; font-size: 1.2rem; line-height: 28px; transition: border-color 0.25s ease; resize: none; }
.normal-form .info-table table tbody tr td textarea:active,
.normal-form .info-table table tbody tr td textarea:focus { border-color: #80B0FF; }

.btn-wrap { overflow: hidden; }
.btn-wrap .cancel-btn,
.btn-wrap .go-main-btn { width: 49%; display: block; height: 45px; text-align: center; background: #f8f8f8; color: #999; font-size: 1.5rem; line-height: 45px; border-radius: 4px; margin-top: 30px; transition: background .25s ease; letter-spacing: -0.5px; float: left; border: 1px solid #eaeaea; }
.btn-wrap .complete-btn,
.btn-wrap .go-login-btn { width: 49%; display: block; height: 45px; text-align: center; background: #2f6ed5; color: #fff; font-size: 1.5rem; line-height: 47px; border-radius: 4px; margin-top: 30px; transition: background .25s ease; letter-spacing: -0.5px; float: right; }
.btn-wrap .complete-btn:hover,
.go-login-btn:hover { background: #1E5CC3; }

.form-btn-wrap { text-align: center; }
.form-btn-wrap { padding: 50px; }
.form-btn-wrap a { height: 50px; margin: 0 5px; min-width: 150px; }


/* 인풋 파일 */
.file-input { display: inline-block; text-align: left; width: 100%; margin-top: 10px; position: relative; padding: 0 15px; font-size: 1.2rem; line-height: 31px; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #999; border-radius: 4px; font-weight: 500; }
.file-input:hover {box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.file-input input[type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer; }
.file-input .label { color: #777; white-space: nowrap; opacity: 1; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; text-align: center;}
.file-input .label i { font-size: 14px; }


.download-file { margin-top: 10px; }
.download-file .p-alrt { font-size: 1.2rem; color: #bb4040; padding-top: 5px;}
.download-file button.download-btn { border: 0; padding: 0 15px; line-height: 31px; width: 100%; border-radius: 3px; color: #2f6ed5; border: 1px solid #2f6ed5; background: none; transition: background .25s ease, color .1s ease; background: #fff;}
.download-file button.download-btn:hover { background: #2f6ed5; color: #fff; }
.download-file button.download-btn i { margin-left: 5px; }

/* .normal-form .row .user-type-select { padding: 0 5px;}
.normal-form .row .user-type-select ul { display: flex; gap: 15px; margin-bottom: 10px;}
.normal-form .info-table .position .selectbox.w-200 { width: 200px;} */

.normal-form .selectbox { background: #fff; width: 100%; margin-bottom: 10px;}

.normal-form .form-cont { border: 1px solid #eee; margin-bottom: 10px; padding: 15px; background: #fff; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);}
.normal-form .form-cont .info-title { font-size: 1.4rem; font-weight: 700; display: block; margin-bottom: 5px; letter-spacing: -0.5px;}
.normal-form .form-cont .cont .info-txt { font-size: 1.4rem;}
.normal-form .form-cont .cont .user-type-select ul { display: flex; gap: 10px; flex-wrap: wrap;}
.normal-form .form-cont .cont .user-type-select ul .custom-radio-label { white-space: nowrap; }