@charset "utf-8";

/* 비밀번호 확인 페이지 검증메시지 */
.confirm { display:none; text-align:left; font-size: 13px; color: #d32f2f; margin-top: 10px; margin-left: 390px;}

/* 회원가입 */
.body-container .join-wrap { width: 1200px; position: relative; margin: 0 auto; padding: 60px 0;}
.body-container .join-wrap > h2 { text-align: center; font-size: 25px }
.body-container .join-wrap .process-wrap { text-align:center; margin: 50px 0;}
.body-container .join-wrap .process-wrap ul { display: inline-block; }
.body-container .join-wrap .process-wrap ul li { float: left; width: 200px; position: relative; text-align: center; }
.body-container .join-wrap .process-wrap ul li h2 { position: relative; display: block; font-size: 25px; padding-right: 10px; color: #bbc5d2;}
.body-container .join-wrap .process-wrap ul li h2:after { position: absolute; content: ''; width: 20px; height: 20px; background: #e3e9f1; border-radius: 30px; left:50%; margin-left: -15px; bottom: -30px; }
.body-container .join-wrap .process-wrap ul li h2:before { position: absolute; content: ''; width: 100%; height: 5px; background: #e3e9f1; right: 50%; bottom: -23px;}
.body-container .join-wrap .process-wrap ul li:first-child h2:before { display: none; }
.body-container .join-wrap .process-wrap ul li span { margin-top: 50px; font-size: 15px; display: block; font-weight: 600; color: #bbc5d2;}
.body-container .join-wrap .process-wrap ul li.on span { color: #005cd9; }
.body-container .join-wrap .process-wrap ul li.on h2 { color: #005cd9; }
.body-container .join-wrap .process-wrap ul li.on h2:after { background: #005cd9; z-index: 10; }
.body-container .join-wrap .process-wrap ul li.on h2:before { background: #005cd9 }

/* 회원분류 선택 */
.body-container .join-type-wrap { position: relative; width: 100%; padding: 90px 0; background: #f8f8f8; border-top: 3px solid #eee; margin-top: 50px;}
.body-container .join-type-wrap .join-type { width: 700px; text-align: center; margin: 0 auto; }
.body-container .join-type-wrap .join-type a { float: left; text-align: center; width: 350px; padding: 60px 0; background: #fff; border: 1px solid #ccc; border-right: 0;}
.body-container .join-type-wrap .join-type a:last-child {border: 1px solid #ccc;}
.body-container .join-type-wrap .join-type a:hover { border: 1px solid #005cd9 }
.body-container .join-type-wrap .join-type a h4 {font-size: 17px; font-weight: 600; margin-bottom: 5px;}
.body-container .join-type-wrap .join-type a p {font-size: 14px; font-weight: 400; }
.body-container .join-type-wrap .join-type a img { display: block; height: 80px; margin: 0 auto 20px;}
.body-container .join-type-wrap .join-type a.select { border: 2px solid #005cd9 }

/* 개인정보취급방침 */
.body-container .join-form-wrap {width: 1200px; margin: 0 auto;}
.body-container .join-form-wrap .terms-area {padding: 50px 0;}
.body-container .join-form-wrap .terms-area h4 { margin-bottom: 20px; font-size: 20px; }
.body-container .join-form-wrap .terms-area .terms { height:200px; overflow-y: auto; padding: 20px; background: #f8f8f8; border:1px solid #e5e5e5; border-top: 2px solid #ddd; margin-bottom: 20px; }
.body-container .join-form-wrap .terms-area .terms p { font-size: 13px; line-height: 2; white-space: break-spaces; color: #555; }
.body-container .join-form-wrap .terms-area .check { font-size: 14px; margin-bottom: 50px; width: 100%; text-align: right; font-weight: 500;}
.body-container .join-form-wrap .terms-area .check-all { background: #eee; text-align: right; font-weight: 500; padding: 15px; font-size: 14px;}

/* 회원가입 정보입력 */
.body-container .join-form-wrap .form-area { margin-top: 50px; border-top: 1px solid #333; padding-bottom: 25px;padding-left: 200px; border-bottom: 1px solid #a9a9a9;}
.body-container .join-form-wrap .form-area .row {margin-top: 25px;}
.body-container .join-form-wrap .form-area .row .float {float: left; width: 50%;}
.body-container .join-form-wrap .form-area .row .float .box { display: inline-block; }
.body-container .join-form-wrap .form-area .row .float .box.title-area { width: 120px; vertical-align: middle; padding-right: 20px; font-size: 14px; font-weight: 500}
.body-container .join-form-wrap .form-area .row .float .box.title-area .imp { position: relative; top:4px; color: #e21616; }
.body-container .join-form-wrap .form-area .row .float .box.input-area { width: calc(100% - 460px); }
.body-container .join-form-wrap .form-area .row .float .box.input-area.is-checked { vertical-align: bottom; font-size: 14px; font-weight: bold; } /* 인증 혹은 검증 완료시 출력되는 영역의 커스텀 스타일 */
.body-container .join-form-wrap .form-area .row .float .box.input-area input[type="text"].text-input.ph {width: 155px; position: relative;display: inline-block;}
.body-container .join-form-wrap .form-area .row .float .box.input-area input[type="text"].text-input.ph:last-child {margin-right: 0;}
.body-container .join-form-wrap .form-area .row .float .box.input-area span { margin: 0 1% }
.body-container .join-form-wrap .form-area .row .float .box .check {position: relative; top: 5px;}
.body-container .join-form-wrap .form-area .row .float .box .check .check-input input[type="password"].text-input { display: inline-block; }
.body-container .join-form-wrap .form-area .row .float:last-child {margin-bottom: 0;}
.body-container .join-form-wrap .form-area .row .float-01 { width: 100%; }
.body-container .join-form-wrap .form-area .row .float .btn-wrap {margin-top: 0; margin-left: 10px; max-width: 220px; position: relative; top: 15px; display: inline-block; }
.body-container .join-form-wrap .form-area .row .float .btn-wrap.pw-change-btn-wrap {margin-left: 0; top: 15px;} /* 비밀번호 변경영역 커스텀 버튼  */
.body-container .join-form-wrap .form-area .row .confirm-01 { display:none; margin-left: 120px; font-size: 13px; color: #4caf50; margin-top: 7px;}
.body-container .join-form-wrap .form-area .row .confirm-02 { display:none; margin-left: 120px; font-size: 13px; color: #d32f2f; margin-top: 7px;}
.body-container .join-form-wrap .form-area .row .pattern { margin-left: 120px; font-size: 13px; color: #d32f2f; margin-top: 7px;}
.body-container .join-form-wrap .form-area .row .alert-01 { display: inline-block; color: #999; margin-left: 10px;}
.body-container .join-form-wrap .form-area .row.readonly .float .box.input-area input[type="text"].text-input {color: #666;}
.body-container .join-form-wrap .form-area .row.readonly .float .box.input-area input[type="text"].text-input:focus { border-bottom: 1px solid #afafaf; }

/* 기업회원 회원가입 */
.body-container .find-system-wrap { position: relative; width: 100%; margin-top: 60px;}
.body-container .find-system-wrap .find-system-info { margin: 0 auto 30px; padding: 30px; padding-left: 150px; background: #fff; color:#627a9a; border: 3px solid #c9d8ec; }
.body-container .find-system-wrap .find-system-info img { position: absolute; top: 40px; left: 50px;; width: 60px; }
.body-container .find-system-wrap .find-system-info h4 { font-size: 20px; margin-bottom: 15px; color: #0055c7; }
.body-container .find-system-wrap .find-system-info ul { font-weight: 400; font-size: 15px; }
.body-container .find-system-wrap .find-system-info ul li { position: relative; padding-left: 13px; margin-bottom: 7px;}
.body-container .find-system-wrap .find-system-info ul li:after { position: absolute; content: ''; width: 4px; height: 4px; background: #627a9a; top: 8px; left: 0; }
.body-container .find-system-wrap .find-system-process { width: 100%; position: relative; }
.body-container .find-system-wrap .find-system-process h2 {  }
.body-container .find-system-wrap .find-system-process img{ width: 100%; }
.body-container .join-form-wrap.company-join-form h2 {font-size: 17px; margin-top:50px;}
.body-container .join-form-wrap.company-join-form .form-area {margin-top: 15px;} 


.body-container .join-wrap.join-complete .complete-info {position: relative; text-align: center; margin: 30px auto; padding: 130px 0 40px; background: #fff; color:#627a9a; border: 3px solid #c9d8ec; color:#627a9a;font-size: 15px;}
.body-container .join-wrap.join-complete .complete-info  img { position: absolute; top: 40px; left: 50%; width: 70px; margin-left: -35px;}
.body-container .join-wrap.join-complete .complete-info h4 { font-size: 20px; margin-bottom: 15px; color: #0055c7; }
.body-container .join-wrap.join-complete .complete-info .btn-wrap .btn-center { margin: 0; }

/* 마이페이지 */
.mypage .info-wrap { color: #0055c7; font-size: 1.5rem; text-align: center; margin: 30px auto; padding: 30px; background: #fff; color:#627a9a; border: 3px solid #c9d8ec; }
.mypage .info-wrap .name { font-weight: 600; color: #444; }
.body-container .mypage .join-form-wrap { text-align: center; }
.body-container .mypage .join-form-wrap .form-area { padding-left: 0; }
.body-container .mypage .join-form-wrap .form-area .row .float .box.input-area { width: calc(100% - 660px); }

/* 인증완료 메세지 */
.auth-notice {font-size: 13px; color: #4caf50;}

/* 검색 레이어 wrap 커스텀 */
.no-float {float: none;}
input[type="text"].text-input.w490 {width: 490px;}