@charset "utf-8";
/* CSS Document */


.key { background: #f8f8f8; padding:20px;  }
.key ul li { font-size: 1.4rem; line-height: 23px; }
.key ul li span { color: #5283e0; font-weight: bold; }
.key .agreement { border-top: 1px solid #dcdcdc;   margin: 35px 0 10px; padding:25px 0 0;}
.application-btn { width: 100%; display: block; text-align: center; height: 50px; background: #5283e0; line-height: 50px; border:0; font-size:15px; color: #fff; font-weight: bold; margin-top: 20px; }
.custom-check-label {font-size:1.3rem; letter-spacing: -0.1em; padding-left: 24px;}
.personal-data > div {margin-bottom: 20px;}

/* 지원서 */
.subject-t { font-size: 1.8rem; font-weight: bold; color: #2d2d2d; display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid #5283e0; }
.basic-info { margin-bottom: 75px; }
.basic-info>div { overflow: hidden; }
.basic-info>div .profile-image .image-area { width: 150px; height: auto; margin:0 auto; overflow: hidden; }
.basic-info>div .profile-image .image-area img { width: 100%; height: auto; }
.basic-info>div .profile-image .upload-btn { width: 150px; height: 45px; line-height: 45px; text-align: center; background: #5283E0; margin: 20px auto; color: #fff; font-weight: bold; letter-spacing: 0; font-size: 1.5rem; font-weight: 500; border-radius: 3px; }
.basic-info>div .etc { float: left; width: 100%; }
.subject-s { font-size: 13px; font-weight: bold; color: #555; display: block; margin-bottom: 3px; }
.subject-s span { color: #e6004f; margin-left: 3px; }
.content-content .form input[type=text] { border: 1px solid #dcdcdc; height: 50px; font-size: 13px; font-weight: bold; outline: 0; padding: 0 10px; }
.basic-info>div .personal-data .depth-01 { position: relative; margin-bottom: 20px; }
.basic-info>div .personal-data .depth-01:after { clear: both; height: 0; display: block; content: ''; }
.basic-info>div .personal-data .depth-01 .layer {margin-top: 20px;}
.basic-info>div .personal-data .depth-01 .layer input[type=text] { width: 100%; }
.basic-info>div .personal-data .depth-01 .layer ul { overflow: hidden; }
.basic-info>div .personal-data .depth-01 .layer ul li { float: left; width: 50%; text-align: center; height: 45px; }
.basic-info>div .personal-data .depth-01 .layer ul li a { display: block; height: 100%; line-height: 45px; background: #fff; font-weight: bold; border: 1px solid #dcdcdc; font-size: 13px; }
.basic-info>div .personal-data .depth-01 .layer ul li:first-child a { border-right: none; }
.basic-info>div .personal-data .depth-01 .layer ul li.select a { background: #5283E0; color: #fff; border-color: #5283E0; }
.basic-info>div .personal-data .depth-02 { position: relative; margin-bottom: 20px; }
.basic-info>div .personal-data .depth-02 input[type=text] { width: 100%; }
.basic-info>div .personal-data .depth-02 .cal-btn { width: 25px; height: 25px; position: absolute; bottom: 8px; right: 15px; }
.basic-info>div .etc .selectbox { width: 100%; }
.basic-info>div .personal-data .depth-04:after { content: ''; clear: both; height: 0; display: block; }
.basic-info>div .personal-data .depth-04 input[type=text] { width: 45%; float: left; }
.basic-info>div .personal-data .depth-04 .at { color: #999; margin: 0 10px; float: left; height: 50px; line-height: 50px; }
.basic-info>div .personal-data .depth-04 .selectbox { width: 100%; margin-top:10px; float: right; }
.call-input-area div {display: inline-block; width:30%; }
.call-input-area > div:nth-child(3) { position: relative; margin: 0 4%}
.call-input-area > div:nth-child(3):after {content: ''; position: absolute; top:50%; right:-10%; width:5px; height:1px; background:#9a9a9a}
.call-input-area > div:nth-child(3):before {content: ''; position: absolute; top:50%; left:-10%; width:5px; height:1px; background:#9a9a9a}

/* 학력사항 */
.school-info { margin-bottom: 75px; }
.school-info .subject-t { margin-bottom: 0; }
.school-info .box {margin-top:20px; padding-bottom:20px; border-bottom: 1px dashed #d7deda;}
.school-info .box:last-child {border:0; padding:0;}
.school-info .box .layer {margin-bottom: 20px;}
.school-info .box .layer:last-child {margin-bottom:0;}
.school-info .box .layer.select-in input {width:55%; float: left;}
.school-info .box .layer.select-in .selectbox {float: right; width:43%; margin-left:2%;}
.school-info .box .box-title { font-size:1.5rem; padding-bottom:15px;  display: block; color:#2f5bb1;}


/* 경력사항 */
.career-info>div>div { margin-bottom: 20px; }
.career-info>div>div input[type=text] { width: 100%; }
.career-info>div>div ul { margin-top: 10px; }
.career-info .custom-check-label {font-size: 1.4rem; font-weight:500; color:#404040; margin:20px 0; display: block;}
.career-info .box ul li { position: relative;float: left; text-align: center; line-height: 40px; border:1px solid #e7e7e7; border-left:0; font-size:1.4rem; color:#969696;}
.career-info .box ul li.select{color:#5283e0;}
.career-info .box ul li.select:after { position: absolute; content: ''; width: 100%; height: 100%; border:1px solid #5283e0; top:-1px; left:-1px; z-index: 1}
.career-info .box ul li:nth-child(1) {border-left:1px solid #e7e7e7}
.career-info .box01 ul li {width:33.3%;}
.career-info .box02 ul li {width:50%;}
.career-info .editor-area textarea {resize: none; width:100%; height:250px; border:1px solid #dcdcdc;}


/*파일인풋*/
.file-input { display: inline-block; text-align: left; width: 100%; position: relative; padding-left: 60px; color: #3a3a3a; font-size: 13px; line-height: 48px; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #dcdcdc; font-weight: 600; letter-spacing: -0.5px; height: 50px; }
.file-input > [type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; cursor: pointer; }
.file-input > .label { color: #333; white-space: nowrap; opacity: .5; vertical-align: top; }
.file-input.-chosen > .label { opacity: 1; }
.file-input .input-ico { position: absolute; left: 20px; top: 16px; z-index: 1; }
.file-info { margin-bottom: 40px; }
.file-info .subject-s .detail { font-weight: 300; color: #555; }
.file-info .file-input { margin-bottom: 20px; }

.signature { font-weight: bold; text-align: center; padding:25px 10px; font-weight:500; font-size: 1.4rem; background: #f8f8f8; letter-spacing: -0.05em;}
.signature p:nth-child(1) { padding-bottom:6px;}
.signature .user-name { font-weight: normal;}
.btn-area { margin-top: 40px; }
.btn-area button { height: 45px; outline: 0; border: none; font-size: 1.5rem; font-weight: 500; line-height: 45px; width: 50%; }
.btn-area button.btn-resume-temp { float: left; background: #dcdcdc; font-weight: bold; color: #555; }
.btn-area button.btn-resume-apply { float: right; background: #5283e0; color: #fff; }