@charset "UTF-8";

/* 서브페이지 공통 CSS */
.mg_b_10 { margin-bottom: 10px; }
.pd_20 { padding: 20px; }
.txt_left { text-align: left; }
.border_left { border-left: 1px solid #d3d3d3; }
.color_blk { color: #222 !important; }

.sub01, .sub02, .sub03, .sub04, .sub05, .edit { padding: 60px 0 120px;  }
.login { padding: 180px 0 280px; }
.sub01 h2, .sub02 h2, .sub03 h2, .sub04 h2, .sub05 h2, .login h2, .edit h2 { font-size: 35px; font-weight: bold; text-align: center; margin-bottom: 45px; }
.find_id h2, .find_pw h2 { font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 45px; }

.sub_wrap input[type=text]:focus { outline: 0; border: 1px solid #0656bf; }






/* 로그인 ---------------------------------*/
.login_form { text-align: right; width: 420px; margin: 0 auto; }

.login_l { display: inline-block; margin-right: 5px; }

.login_form input { box-sizing: border-box; }

.login_form input[type=text] { width: 280px; height: 50px; border: 1px solid #ccc; display: block; margin-bottom: 10px; padding: 0 20px; }
.login_form input[type=password] { width: 280px; height: 50px; border: 1px solid #ccc; display: block; padding: 0 20px; }
.login_form input[type=password]:focus { outline: 0; border: 1px solid #0656bf; }

.login_form input[type=button] { display: inline-block; width: 130px; height: 110px; cursor: pointer; background: #0656bf; border: 1px solid #0656bf; color: #fff; font-size: 18px; font-weight: bold; vertical-align: bottom; }

.form_find { display: inline-block; margin-top: 15px; }
.form_find:hover { text-decoration: underline; }





/* 아이디, 비밀번호 찾기 ---------------------------------*/
.find_box { width: 1000px; margin: 150px auto 250px; display: flex; justify-content: space-between; position: relative; }
.find_box::after { content: ''; display: inline-block; width: 1px; height: 230px; background: #ccc; position: absolute; top: 70px; left: 50%; }
.find_box .find_idcon, .find_box .find_pwcon { width: 400px; }

.find_box input { width: 400px; height: 50px; box-sizing: border-box; margin-bottom: 10px; border: 1px solid #ccc; padding: 0 20px; }
.find_box input[type="button"] { border-color: #0656bf; background: #0656bf; color: #fff; font-size: 18px; font-weight: bold; }
.find_box input[type="email"]:focus { outline: 0; border: 1px solid #0656bf;  }
.find_box input:last-child { margin-bottom: 0; }

















/* 업무대행 신청 ---------------------------------*/
.sub01 .sub01_form { width: 100%; border-top: 2px solid #033d72; }

.sub01_form tr { border-bottom: 1px solid #d3d3d3; }
.sub01_form tr:last-child { border-bottom: 2px solid #bababa; }
.sub01_form th { background: #f9f9f9; padding: 25px 0; text-align: center; border-right: 1px solid #d3d3d3; font-size: 18px; white-space: nowrap; }
.sub01_form td { padding: 13px 20px; }
.sub01_form label { vertical-align: baseline; font-weight: 300; color: #808080; }
.sub01_form .form_app label { color: #222; }
.sub01_form td span { display: block; margin-top: 5px; color: #f24b4b; font-weight: 500; }
.sub01_form input[type=text] { width: 330px; height: 40px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; }
.sub01_form .col3 { width: 872px !important; }
.sub01_form .col3_1 { width: 809px !important; margin-left: 5px; }
.sub01_form .col2 { width: 70px !important; }
.sub01_form .col1 { width: 305px !important; margin-right: 5px; }

.form_flo::after { content: '/'; display: inline-block; color: #d3d3d3; margin: 0 20px; }

.form_app label::after { content: '/'; display: inline-block; color: #d3d3d3; margin: 0 20px; }
.form_app label:last-child::after { display: none; }

.form_noti { width: 100%; background: #f5f5f5; padding: 35px 200px; margin: 40px 0 45px; box-sizing: border-box; text-align: center; }
.form_noti h4 { font-weight: bold; font-size: 18px; text-align: center; padding-bottom: 30px; }
.form_noti p { line-height: 1.8; text-align: left; }
.form_noti p i { display: inline-block; width: 18px; }
.form_noti span { display: inline-block; color: #878787; margin-top: 25px; font-size: 14px; line-height: 1.5; }

.form_btn { width: 100%; text-align: center; }
.form_btn a { display: inline-block; width: 140px; height: 50px; line-height: 50px; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 18px; cursor: pointer; font-weight: 500; }
.form_btn a:first-child { margin-right: 15px; background: #0656bf; color: #fff; border-color: #0656bf; }
.form_btn a:hover { background: #0656bf; color: #fff; border-color: #0656bf; }



/* 업무대행 신청 결과페이지 ---------------------------------*/
.sub01_1_form th { padding: 15px 0; }
.sub01_1_form td { font-weight: 300; }
.sub01_1_form td span { display: inline-block; color: #222; vertical-align: baseline; font-weight: 300; }

.sub01_1_form .form_noti span { margin: 0; }


/* 업무대행 신청 완료페이지 ---------------------------------*/
.sub02_result { width: 100%; padding: 80px 0; background: #fafafa; text-align: center; }
.sub02_result > h3 { font-size: 24px; font-weight: bold; margin: 25px 0 28px; }
.sub02_result > p { font-size: 20px; line-height: 1.3; font-weight: 300; }
.sub02_result > p span { font-weight: bold; vertical-align: baseline; }

.sub02_num { width: 330px; height: 50px; line-height: 50px; background: #0656bf; color: #fff; border-radius: 25px; font-size: 20px; margin: 60px auto 0; }
.sub02_num b { font-weight: 300; }

















/* 공지사항---------------------------------*/
.sub03_sch { width: 800px; height: 50px; box-sizing: border-box; margin: 0 auto 40px; position: relative; }
.sub03_sch input { width: 100%; height: 100%; border: 1px solid #dedede; border-radius: 0; background: #f3f3f3; color: #a2a2a2; padding: 0 70px 0 20px; box-sizing: border-box; outline: 0; }
.sub03_sch button { display: block; width: 50px; height: 50px; background: #15459a; border: none; cursor: pointer; position: absolute; top: 0; right: 0; }

.sub03_notice { width: 100%; }
.sub03_list { width: 100%; border-top: 2px solid #033d72; }
.sub03_list li { border-bottom: 1px solid #b3b3b3; }
.sub03_list li a { padding: 25px 0; display: block; width: 100%; display: flex; justify-content: space-between; text-align: center; }
.sub03_list .sub03_list_hd { width: 100%; padding: 25px 0; background: #f3f3f3; display: flex; justify-content: space-between; text-align: center; }
.sub03_list_hd1 { width: 85px; }
.sub03_list_hd2 { width: 860px; height: 17px; box-sizing: border-box; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub03_list_hd3 { width: 135px; } 
.sub03_list_hd4 { width: 120px; }

.sub03_list li a:hover h4 { text-decoration: underline; }















/* 마이페이지 신청목록 ---------------------------------*/
.sub04_mypage_tab { text-align: center; margin-bottom: 40px; }
.sub04_mypage_tab li { display: inline-block; width: 166px; height: 46px; line-height: 46px; box-sizing: border-box; border: 1px solid #d3d3d3; margin-right: 20px; }
.sub04_mypage_tab li:last-child { margin-right: 0; }
.sub04_mypage_tab li a { display: block; }
.sub04_mypage_tab li:hover { border-color: #1177d5; }
.sub04_mypage_tab li:hover a { background: #1177d5; color: #fff; }
.sub04_mypage_tab li.on { border-color: #1177d5; }
.sub04_mypage_tab li.on a { background: #1177d5; color: #fff; }

.sub04_table { border-top: 2px solid #033d72; text-align: center; border-bottom: 2px solid #bababa; }
.sub04_table tr { border-bottom: 1px solid #d3d3d3; }
.sub04_table tr:hover > td { background: #f9f9f9; }
.sub04_table th { background: #f1f1f1; padding: 15px 0; border-right: 1px solid #d3d3d3; }
.sub04_table th:last-child { border-right: none; }
.sub04_table td { border-right: 1px solid #d3d3d3; }
.sub04_table td:last-child { border-right: none; }

.sub04_table td span { color: #808080; line-height: 1.5; vertical-align: baseline; }

.sub04_table td:last-child input[type=button] { width: 65px; height: 30px; padding: 0; text-align: center; font-weight: bold; cursor: pointer; background: #fff; color: #222; border: 1px solid #ccc; border-radius: 3px; }
.sub04_table td:last-child input[type=button]:hover { background: #0656bf; color: #fff; border-color: #0656bf; }

.sub04_page { text-align: center; margin-top: 40px; }
.sub04_page li { display: inline-block; }
.page_num { display: inline-block; width: 22px; height: 22px; line-height: 22px; background: #5d5d5d; font-weight: bold; color: #fff; }

.sub04_1 .form_btn a { background: #fff; color: #222; border-color: #ccc; }
.sub04_1 .form_btn a:hover { background: #0656bf; color: #fff; border-color: #0656bf; }








/* 회원정보 수정 ---------------------------------*/
.edit_form table { width: 100%; }

.edit_form span { color: #f00; }
.edit_form b { color: #f00; display: block; font-size: 14px; margin-top: 10px; }

.edit_form > p { font-weight: bold; text-align: right; color: #808080; margin-bottom: 10px; }

.edit_form table { border-top: 2px solid #033d72; }
.edit_form tr { border-bottom: 1px solid #d3d3d3; }
.edit_form th { border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; padding: 20px 0; width: 160px; background: #f9f9f9; }
.edit_form td { border-right: 1px solid #d3d3d3; padding: 20px; }
.edit_form select { width: 200px; height: 40px; box-sizing: border-box; border: 1px solid #ccc; margin-left: 10px; }
.edit_form input { width: 200px; box-sizing: border-box; height: 40px; border: 1px solid #ccc; padding: 0 20px;}
.edit_form input[type="checkbox"] { width: 13px; height: 13px; }
.edit_form input[type="button"] { width: 175px; vertical-align: bottom;  color: #fff; background: #0656bf; border-color: #0656bf; margin-left: 10px; }
.edit_form input[type="file"] { width: 300px; border: none; height: 24px; cursor: pointer; padding: 0; }
.edit_form label { display: inline-block; margin: 0 5px; vertical-align: baseline; color: #808080; }

.edit_num i { display: inline-block; margin: 0 5px; color: #808080; }
.mg_l_17 { margin-left: 17px !important; }
.mg_10 { margin: 10px 0; }
.edit_form .col_3 { width: 600px; display: block; }

.edit_form .form_btn { margin-top: 30px; }
.edit_form .edit_conf { width: 140px !important; height: 50px; line-height: 52px; box-sizing: border-box; border-radius: 4px; font-size: 18px; font-weight: bold; margin-right: 10px; }
.edit_form .form_btn a { box-sizing: border-box; }