@charset "utf-8";
/* layout */
#wrap, #container {position:relative; width:100%}
#content {position:relative; padding-top:58px; padding-bottom:100px; margin:0 auto; width:910.5px; font-size:14px; box-sizing:border-box}
#header {width:100%}
#header .inner {position:relative; margin:0 auto; padding-top:37px; width:910px; height:92px}
#header h1 a {display:inline-block}
#header .global {position:absolute; right:0; top:50px}
#header .global p {font-size:14px; color:#444}
#header .global p .btn_login {display:inline-block; margin-left:8px; padding:0 10px; height:24px; line-height:24px; border-radius:12px; background:#415cab; font-size:12px; color:#fff}
#header .global p .btn_login span {display:inline-block; padding-left:15px; background:url('/images/reemployment/ico/ico-login.png') 0 4px no-repeat}
#header .gnb {position:relative; width:100%; height:47px; background:#415cab}
#header .gnb > ul {margin:0 auto; width:910px}
#header .gnb > ul:after {display:block; clear:both; content:""}
#header .gnb > ul > li {float:left; min-width:187px}
#header .gnb > ul > li a {display:block; padding-left:35px; line-height:47px; font-size:16px; font-weight:600; color:#fff}
#header .gnb > ul > li a.on, #header .gnb > ul > li a:hover, #header .gnb > ul > li a:focus {text-decoration:none; background:#677dbc}
#footer {border-top:1px solid #d8d8d8; background:#fff}
#footer .footin {position:relative; margin:0 auto; padding:25px 0; width:910px; overflow:hidden}
#footer .footin .logo {float:left; margin:0 18px 0 0; padding:9px 19px 0 0; height:51px; border-right:1px solid #d6d6d6}
#footer .footin address {margin-bottom:5px; font-style:normal; font-weight:600; color:#000}
#footer .footin .copyright {margin-bottom:6px}

/*popup*/
#popup {position:relative; width:100%; height:100%; background-color:#fff; font-size:14px; box-sizing:border-box}
#popup .pop-header {margin:0; padding:0 20px; height:56px; background-color:#2c5b91;}
#popup .pop-header h1 {margin:0; padding:0; color:#fff; line-height:56px; overflow:hidden; width:100%; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis}
#popup .pop-container {position:relative; padding:30px 20px; border:1px solid #1983d7; border-top:none}
#popup .btn-close-popup {display:block;position:absolute; right:20px; top:19px; margin:0; padding:0; width:17px; height:17px; border:0; background:url('/images/reemployment/btn/btn-close-popup.png') no-repeat center; overflow:hidden; vertical-align:middle; text-indent:-9999px}
#popup .tit_h4 {margin-top:0}
#popup td {font-size:14px}

/* layerPopup */
#popup.layer_pop {position:absolute; background-color:#fff; font-size:14px; box-sizing:border-box; z-index:2}
#popup.layer_pop .title {display:block; margin:0; padding:0 20px; height:56px; background-color:#2c5b91; color:#fff; line-height:56px; overflow:hidden; width:100%; font-size:20px; font-weight:600; white-space:nowrap; text-overflow:ellipsis}
#popup.layer_pop .title:after {display:none}

/* contents */
h3 {position:relative; padding-top:26px; margin-bottom:65px; font-size:34px; color:#000; font-weight:600; letter-spacing:-0.5px; text-align:center}
/* h3:before {position:absolute; left:50%; top:0; display:block; margin-left:-28.5px; width:57px; height:5px; background:#000; content:""} */
h4, .tit_h4 {position:relative; display:block; margin-top:49px; padding-left:33px; min-height:23px; font-size:18px; font-weight:600; color:#000}
h4:before, .tit_h4:before {position:absolute; left:0; top:1px; display:block; width:22px; height:22px; background:url('/images/reemployment/bul/bul_h4.png') 0 0 no-repeat;content:""}
h3 + h4 {margin-top:0}
.txt {margin-left:8px; line-height:24px}
h4 + .txt {margin-top:17px}
h5 {position:relative; margin:48px 0 10px; padding-left:11px; font-size:16px; font-weight:600; color:#000}
h5:before {position:absolute; left:0; top:5px; display:block; width:5px; height:9px; background:url('/images/reemployment/bul/bul_h5.png') 0 0 no-repeat; content:""}
.tab + h5, .tab + .h_wrp.h5 {margin-top:26px}
.text_area {padding:22px 6px 36px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:25px; color:#000}
.h_wrp {position:relative}
.h_wrp .pos_r {position:absolute; right:0; top:0}
.h_wrp .pos_r input[type="checkbox"] {vertical-align:-5px}
.txt-indent-sm {position:relative; padding-left:10px; line-height:15px; font-size:12px; color:#646464;}
.txt-indent-sm > em {position:absolute; left:0; top:0}

/* login */
.login_wrp {width:820px; margin:0 auto 65px}
.login {position:relative; margin-top:20px; padding:50px 58px 30px 243px; border:1px solid #d3d3d3; background:url('/images/reemployment/bg_login.png') 45px 50px no-repeat; overflow:hidden}
.login dl {float:left; margin-right:40px; width:290px; overflow:hidden}
.login dl dt, .login dl dd {float:left; margin-bottom:14px}
.login dl dt {width:70px; line-height:28px}
.login dl dd input {width:220px; height:28px; line-height:28px}
.login .btn_login {float:left; display:block; width:136px; height:70px; line-height:68px; border:1px solid #415cab; background:#677dbc; color:#fff; font-size:18px; font-weight:600; text-align:center}
.login .txt-org {padding-top:12px; clear:both; color:#ff7d27}
.login .btn_pwd {display:inline-block; width:157px; height:30px; line-height:28px; border:1px solid #415cab; background:#fff; font-weight:600; text-align:center}
.login .btn_login:hover, .login .btn_login:focus, .login .btn_pwd:hover, .login .btn_pwd:focus {text-decoration:none}

/* certification */
.login_wrp .certify {margin-top:20px; padding:44px 0; border:1px solid #d3d3d3}
.login_wrp .certify ul {overflow:hidden}
.login_wrp .certify ul li {position:relative; float:left; width:50%; text-align:center; font-size:12px}
.login_wrp .certify ul li + li:before {position:absolute; left:0; top:0; display:block; width:1px; height:100%; background:#d3d3d3; content:""}
.login_wrp .certify ul li .tit {display:block; margin-bottom:22px; font-size:18px; font-weight:600}
.login_wrp .certify ul li a {display:inline-block; margin-top:24px; width:158px; height:30px; line-height:27px; border:1px solid #415cab; background:#677dbc; color:#fff; font-size:14px; font-weight:600}
.login_wrp .certify ul li a:hover, .login_wrp .certify ul li a:focus {text-decoration:none}

/* btn */
.btn_group {margin-top:40px; text-align:right}
.btn_srch_blue {width:97px; height:37px; line-height:37px; border-radius:3px; background:#415cab; font-size:16px; font-weight:600; color:#fff}
.btn_srch_blue > span {display:inline-block; padding-left:25px; background:url('/images/reemployment/ico/ico-src-blue.png') 0 center no-repeat;}
.btn_btm {display:inline-block; padding:0 15px; min-width:117px; height:37px; line-height:35px; border:1px solid #d0d0d0; background:#fff; color:#000; text-align:center; font-size:16px}
.btn_btm.blue {border:1px solid #415cab; background:#415cab; color:#fff !important}
.btn_btm:hover, .btn_btm:focus {text-decoration:none}
.btn_btm + .btn_btm {margin-left:9px}
.btn_wht {display:inline-block; padding:0 13px 0 14px; height:30px; line-height:28px; border:1px solid #e0e0e0; background:#fff; color:#424242; letter-spacing:-0.5px; font-size:14px}
.btn_wht:hover, .btn_wht:focus, .btn_wht_rnd:hover, .btn_wht_rnd:focus {text-decoration:none}
.btn_wht_rnd {display:inline-block; padding:0 10px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:3px; font-size:13px; color:#424242}
.btn_del {display:inline-block; padding:0 10px; min-width:60px; height:40px; line-height:40px;  border:1px solid #435068; background:#fff; color:#000; font-size:14px; text-align:center}
.btn_add {display:inline-block; margin-right:13px; padding:0 10px; min-width:60px; height:40px; line-height:40px;  border:1px solid #435068; background:#435068; color:#fff !important; font-size:14px; text-align:center}
.btn_del:hover, .btn_del:focus, .btn_add:hover, .btn_add:focus {text-decoration:none}
.calendar_wrap button {margin:-2px 0 0 -21px !important; width:21px !important; height:13px !important; background:url('/images/reemployment/ico/ico_calendar.png') 0 0 no-repeat !important; vertical-align:middle !important}
.calendar_wrap button.mt03 {margin-top:3px !important}

/* icon */
.ico-download {display:inline-block; margin-right:10px; width:16px; height:16px; background:url('/images/reemployment/ico/ico-download.png') 0 0 no-repeat; vertical-align:-2px}

/* table */
table  td .new {display:inline-block; margin:3px 0 0 5px; vertical-align:top}
table .ref {font-size:12px; color:#1665bc}
table .req {color:#be513e; font-weight:400}
h4 + table {margin-top:19px}
.srch_total {margin-bottom:15px; font-size:13px; color:#000}
.tbl_default {border-top:2px solid #262626}
.tbl_default th, .tbl_default td {padding:11px 0 13px; border-bottom:1px solid #dedede; line-height:20px; font-size:14px; color:#424242}
.tbl_default td {padding-left:13px; padding-right:13px}
.tbl_default th {background:#eff0f3; color:#000; font-weight:600; text-align:center}
.tbl_default th:first-child, .tbl_default td:first-child {border-left:none}
.tbl_default tbody th {line-height:17px}
.tbl_default.col th, .tbl_default.col td {border-left:1px solid #dedede}
.tbl_default.col th:first-child, .tbl_default.col td:first-child {border-left:none}
.tbl_default.col td {text-align:center}
.tbl_default .bl {border-left:1px solid #dedede !important}
.tbl_default .lh30 {line-height:30px}
.tbl_default td .file_group {display:block; font-size:13px}
.tbl_default td .file_group a {display:block}
.tbl_default td .file_group a + a {margin-top:3px}
.tbl_default td .file_group a img {padding-left:8px; vertical-align:-3px}
.tbl_default td .file_group a:hover, .tbl_default td .file_group a:focus {color:#415cab}
.tbl_default td span {display:inline-block; margin-right:8px; line-height:30px}
.tbl_default + .tbl_default {margin-top:10px; border-top:1px solid #d4d5d8}
.tbl_default td .data_repeat {display:table}
.tbl_default td .data_repeat > ul {display:table-cell}
.tbl_default td .data_repeat + .data_repeat {border-top:1px solid #dedede}
.tbl_default td .data_repeat ul li {padding:11px 13px 13px}
.tbl_default td .data_repeat .item_btn {display:table-cell; width:91px; border-left:1px solid #dedede; vertical-align:middle; text-align:center}

/* file */
.file_wrp {position:relative; font-size:12px; color:#424242}
.file_wrp .lh13 {line-height:13px !important}
.file_wrp .file_list {padding:5px 15px; border:1px solid #c5cbd2}
.file_wrp .file_list li {margin-bottom:2px}
.file_wrp .file_btn {position:absolute; right:0; bottom:-3px}
.file_wrp .file_btn > p {position:absolute; left:0; top:0; width:90px; height:30px; overflow:hidden}
.file_wrp .file_btn input[type="file"] {position:relative; width:100%; height:30px; font-family:NanumGothic; cursor:pointer; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0; -moz-opacity:0}
.file_wrp .file_btn .btn {position:relative; display:inline-block; padding:0 9px; min-width:70px; height:30px; line-height:30px; border:1px solid #c5cbd2; background:#fff; font-size:13px; color:#424242; text-align:center; z-index:1}
.file_wrp .file_btn input.btn {height:30px}
.file_wrp .file_btn.ty2 {position:relative; right:initial; bottom:initial; margin-top:10px; text-align:right}

/* paging */
.paginate {margin-top:40px; text-align:center}
.paginate a, .paginate strong {display:inline-block; margin-left:-1px; width:30px; height:30px; line-height:30px; border:1px solid #ddd; background:#fff; font-size:12px; font-family:"돋움", Dotum; text-align:center; vertical-align:top}
.paginate a:hover, .paginate a:focus {text-decoration:none}
.paginate strong {position:relative; border:1px solid #415cab; color:#415cab; font-weight:bold; z-index:1}
.paginate a.first, .paginate a.prev, .paginate a.next, .paginate a.last {text-indent:-9999px; background:#f3f3f3}
.paginate a.first {background:#f3f3f3 url('/images/reemployment/btn/btn_paging.png') center 10px no-repeat}
.paginate a.prev {background:#f3f3f3 url('/images/reemployment/btn/btn_paging.png') center -10px no-repeat}
.paginate a.next {background:#f3f3f3 url('/images/reemployment/btn/btn_paging.png') center -30px no-repeat}
.paginate a.last {background:#f3f3f3 url('/images/reemployment/btn/btn_paging.png') center -50px no-repeat}

/* search */
.srch_box {position:relative; padding:30px 145px 18px 10px; margin-bottom:65px; width:910px; border:1px solid #e9e9e9; background:#f3f4f6}
.srch_box input[type="text"] {padding:0 10px; height:36px; line-height:36px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
.srch_box input.calendar {width:108px}
.srch_box .tit {display:inline-block; width:135px; line-height:38px; font-size:16px; text-align:center}
.srch_box .tit > span {display:inline-block; line-height:19px}
.srch_box ul {position:relative; width:700px}
.srch_box > ul:after {display:block; clear:both; content:""}
.srch_box > ul > li {float:left; margin-bottom:15px; width:50%}
.srch_box > ul > li.pl15 {padding-left:15px}
.srch_box .input_wrp {display:inline-block; vertical-align:middle}
.srch_box .srch_area {position:absolute; right:0; top:0; width:146px; height:100%}
.srch_box .srch_area:before {position:absolute; left:0; top:10px; display:block; width:1px; height:calc(100% - 20px); background:#d5dde6; content:""}
.srch_box .srch_area .btn_srch_blue {position:absolute; left:25px; top:50%; margin-top:-19px}

/* popup serch
.board_list_search {padding:20px; border:1px solid #e0e0e0; background:#fafafa}
.board_list_search .tit {display:inline-block; margin-right:5px; line-height:30px}
.board_list_search .label {display:inline-block; margin:0; padding:0; line-height:40px; color:#333; font-weight:700; vertical-align:middle;}
.board_list_search select {height:40px; padding:5px 5px 6px}
.board_list_search input[type="text"] {height:40px; line-height:40px}
.board_list_search .button {display:inline-block; padding:0 20px; height:30px; line-height:30px; font-weight:600; vertical-align:top}
.board_list_search .button.navy {width:90px; height:40px; line-height:40px; background:#41506e; color:#fff}
 */

/* select*/
.tbl_default select {height:30px; padding:5px 5px 6px; border:1px solid #e0e0e0}
select + .tit {margin-left:28px}
select + input[type="text"] {margin-left:6px}

/* input */
input[type="text"].readonly {background:#eff0f3}
input[type="radio"], input[type="checkbox"] {margin-right:6px; width:16px; height:16px; vertical-align:top}
input[type="radio"] + label, input[type="cehckbox"] + label {margin-right:10px; letter-spacing:-0.5px; vertical-align:top}
.tbl_default td input[type="radio"] {vertical-align:text-bottom}
.tbl_default td input[type="checkbox"] {vertical-align:-5px}
.inputDel_wrp {position:relative; display:inline; line-height:30px}
.inputDel_wrp input[type="text"] + .btn_del {position:absolute; right:20px; top:1px; width:14px; height:14px; background:url('/images/reemployment/btn/btn_close.png') 0 0 no-repeat}

/* tab */
table + ul.tab {margin-top:60px}
ul.tab {position:relative; overflow:hidden}
ul.tab:before {position:absolute; left:0; top:48px; display:block; width:910px; height:2px; background:#415cab; content:""; z-index:-1}
ul.tab li {position:relative; float:left; min-width:182px; height:50px; line-height:50px; background:#8a8a8a; text-align:center}
ul.tab li + li:before {position:absolute; left:0; top:0; width:1px; height:52px; background:#fff; content:""}
ul.tab li.on {background:#415cab}
ul.tab li a {display:block; padding:0 10px; font-size:16px; font-weight:600; color:#fff}
ul.tab li a:hover, ul.tab li a:focus {text-decoration:none}

/* bullet-text */
h4 + .circle_list, h4 + .txtIndent_list {margin-top:17px; margin-left:20px}
.circle_list > li {position:relative; padding-left:17px; line-height:24px}
.circle_list > li + li {margin-top:5px}
.circle_list > li:before {position:absolute; left:0; top:-1px; display:block; content:"○"}
.circle_list li .tit {display:block}
.dash_list > li, p.dash_list {position:relative; padding-left:10px; line-height:24px}
.dash_list > li:before, p.dash_list:before {position:absolute; left:0; top:0; display:block; content:"-"}
.star_list > li, p.star_list {position:relative; padding-left:12px; line-height:24px}
.star_list > li:before, p.star_list:before {position:absolute; left:0; top:0; display:block; content:"*"}
.star_list.blue > li:before, p.star_list.blue:before {color:#1665bc; font-weight:bold}
p.noti_list {position:relative; padding-left:15px; line-height:24px}
p.noti_list:before {position:absolute; left:0; top:0; display:block; content:"※"}
.noti_list.f_blue:before {color:#1665bc; font-weight:bold}
.tri_list li {position:relative; padding-left:16px; line-height:24px}
.tri_list li:before {position:absolute; left:0; top:0; display:block; content:"▲"}
.txtIndent_list li {position:relative; padding-left:20px; line-height:24px}
.txtIndent_list li em {position:absolute; left:0; top:0}

/* box */
.box_info {padding:12px 32px 8px; border:1px solid #dddee2}
.box_info ul li {position:relative; margin-bottom:5px; padding-left:15px; line-height:17px; color:#646464}
.box_info ul li:before {position:absolute; left:0; top:4px; width:4px; height:4px; border-radius:50%; background:#767676; content:""}
.box_info ul li .blue {color:#415cab !important}
.box_info ul li a {color:#415cab; text-decoration:underline; font-weight:600}
.box_info.bnone {margin:20px 0 35px; padding:0; border:none}
.box_guide {padding:20px 35px; border:1px solid #d3d3d3}
.box_guide p, .box_guide li {line-height:18px}