@charset "utf-8";
html {min-width:1000px}
#wrap, #container {position:relative; width:100%}
#skipNav {position:relative; width:100%; z-index:2; overflow:hidden}
#skipNav a {display:block; padding:0 10px; height:1px; overflow:hidden; color:#fff; text-align:center; margin-bottom:-1px}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {background:#333; height:auto}
.inner {position:relative; margin:0 auto; width:1000px}
.inner:after {display:block; clear:both; content:""}

/* main_layerPopup */
.mpop_wrp {position:absolute; left:50%; top:155px; margin-left:-500px; width:1000px; z-index:200}
.mpop_wrp .popup {position:absolute; left:100px; top:60px; padding-top:30px; padding-bottom:37px; border:1px solid #000; background:#fff}
.mpop_wrp .popup + .popup {left:250px}
.mpop_wrp .popup + .popup + .popup {left:350px}
.mpop_wrp .popup + .popup + .popup + .popup {left:450px}
.mpop_wrp .popup + .popup + .popup + .popup + .popup {left:550px}
.mpop_wrp .popup + .popup + .popup + .popup + .popup + .popup {left:650px}
.mpop_wrp .popup > a {display:block}
.mpop_wrp .popup img {min-width:160px; max-width:800px}
.mpop_wrp .popup .pop_btm {position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #000; height:36px; line-height:36px; background:#fff; font-size:13px; color:#444}
.mpop_wrp .popup .pop_btm input[type="checkbox"] {margin:0 10px}
.mpop_wrp .popup .btn_close {position:absolute; left:0; top:0; width:100%; height:30px; border-bottom:1px solid #000; background:#fff}
.mpop_wrp .popup .btn_close button {position:absolute; right:10px; top:9px; width:15px; height:15px; background:url(/ext_jobcenter/image/comm/btn/btn_close.png) 0 0 no-repeat; text-indent:-9999px}
.mpop_wrp .popup.type01 {width:478px; height:501px; background:url(/ext_jobcenter/image/main/bg_popMain01.jpg) 0 0 no-repeat}
.mpop_wrp .popup.type01.v1 {background:url(/ext_jobcenter/image/main/bg_popMain01.jpg) 0 30px no-repeat}
.mpop_wrp .popup.type01.v2 {background:url(/ext_jobcenter/image/main/bg_popMain02.jpg) 0 30px no-repeat}
.mpop_wrp .popup.type01.v3 {background:url(/ext_jobcenter/image/main/bg_popMain03.jpg) 0 30px no-repeat}
.mpop_wrp .popup.type01.v4 {background:url(/ext_jobcenter/image/main/bg_popMain04.jpg) 0 30px no-repeat}
.mpop_wrp .popup.type01.v5 {background:url(/ext_jobcenter/image/main/bg_popMain05.jpg) 0 30px no-repeat}
.mpop_wrp .popup.type01 .cont {padding:54px 32px 0}
.mpop_wrp .popup.type01 .title {display:block; margin-bottom:20px; line-height:34px; font-size:26px; color:#222}
.mpop_wrp .popup.type01 .scroll {width:414px; line-height:22px; height:254px; overflow-y:auto; color:#444}
.mpop_wrp .popup .scroll a {display:block}
/* 20210531 추가 */
.mpop_wrp .popup .btn_link {position:absolute; left:50%; width:100%; transform:translateX(-50%); text-align:center}
.mpop_wrp .popup .btn_link a {position:relative; display:inline-block; width:200px; height:46px; line-height:46px; border-radius:10px; color:#fff; font-weight:bold; font-size:16px}
.mpop_wrp .popup .btn_link a:after {position:absolute; right:20px; top:50%; display:block; margin-top:-7px; width:8px; height:14px; background:url(/ext_jobcenter/image/comm/btn/btn_link.png) 0 0 no-repeat; content:""}
.mpop_wrp .popup .btn_link a.blue {background:#2872af}
.mpop_wrp .popup .btn_link a.navy {background:#41506e}
.mpop_wrp .popup .btn_link a:hover, .mpop_wrp .popup .btn_link a:focus {text-decoration:none}

#bannerZone {width:100%; height:340px; background:#f4f4f4}
#bannerZone .banner_wrp {width:1000px; border-right:1px solid #d8d8d8; overflow:hidden}
#bannerZone ul {position:relative; left:0; width:6000px}
#bannerZone ul:after {display:block; clear:both; content:""}
#bannerZone ul li {float:left; width:499px; height:338px; border:1px solid #d8d8d8; border-right:none}
#bannerZone ul li a {display:inline-block}
#bannerZone ul li.bg {padding:36px 51px 0; width:397px; height:302px}
#bannerZone ul li.bg .tit {display:block; margin-bottom:18px; line-height:32px; font-size:26px; color:#000}
#bannerZone ul li.bg div.cont {padding:15px 30px; height:167px; line-height:27px; font-size:15px; color:#444; letter-spacing:-0.5px; background:#fff; overflow:hidden}
#bannerZone ul li.bg div.cont p strong {font-family:NanumGothic}
#bannerZone ul li.bg.type1-1 {background:url(/ext_jobcenter/image/comm/layout/ban_bg01_1.jpg) 0 0 no-repeat}
#bannerZone ul li.bg.type1-2 {background:url(/ext_jobcenter/image/comm/layout/ban_bg01_2.jpg) 0 0 no-repeat}
#bannerZone ul li.bg.type1-3 {background:url(/ext_jobcenter/image/comm/layout/ban_bg01_3.jpg) 0 0 no-repeat}
#bannerZone ul li.type2 {background:#446bb9 url(/ext_jobcenter/image/comm/layout/ban_bg02.png) 0 0 no-repeat}
#bannerZone ul li.type3 {background:#16829d url(/ext_jobcenter/image/comm/layout/ban_bg03.png) 0 0 no-repeat}
#bannerZone ul li.type2, #bannerZone ul li.type3 {padding:30px 44px 0; width:411px; height:308px}
#bannerZone ul li.type2 .tit, #bannerZone ul li.type3 .tit {display:block; padding:4px 7px 18px 90px; line-height:30px; min-height:65px; border-bottom:1px solid #fff; background:url(/ext_jobcenter/image/comm/layout/ban_bg02_tit.png) 7px 0 no-repeat; font-size:24px; color:#fff}
#bannerZone ul li.type3 .tit {background:url(/ext_jobcenter/image/comm/layout/ban_bg03_tit.png) 7px 0 no-repeat}
#bannerZone ul li.type2 div.cont, #bannerZone ul li.type3 div.cont {padding:22px 7px 0; line-height:28px; height:170px; font-size:14px; color:#fff; overflow:hidden}

#bannerZone ul li a img {width:499px; height:338px}
#bannerZone .control button {position:absolute; top:50%; margin-top:-25.5px; width:27px; height:51px; background:url(/ext_jobcenter/image/comm/layout/btn_banCtrl.gif) 0 0 no-repeat; text-indent:-9999px}
#bannerZone .control button.prev {left:-57px; background:url(/ext_jobcenter/image/comm/layout/btn_banCtrl.gif) 0 0 no-repeat}
#bannerZone .control button.next {right:-55px; background:url(/ext_jobcenter/image/comm/layout/btn_banCtrl.gif) -30px 0 no-repeat}

#headers {position:relative; width:100%; min-height:138px}
#headers h1 {position:absolute; left:0; top:28px; z-index:101}
#headers h1>img {display:block; margin-top:-9px; margin-bottom:6px} /* 고용센터일 경우 */
#headers .unb {height:40px; background:#1b3760; overflow:hidden}
#headers .unb span.zoom {position:relative; display:inline-block; padding-left:24px; color:#fff; font-size:14px; overflow:hidden}
#headers .unb span.zoom:before {position:absolute; top:14px; left:12px; display:inline-block; width:2px; height:12px; background:#7c879a; content:""}
#headers .unb span.zoom a, #headers .unb span.zoom em {display:block; float:left; line-height:40px}
#headers .unb span.zoom a {position:relative; top:11px; color:#fff}
#headers .unb span.zoom a.zoom_clear {top:0; margin-right:10px}
#headers .unb span.zoom a:hover, #headers .unb span.zoom a:focus {text-decoration:none}
#headers .unb span.zoom em {margin-right:9px}
#headers .unb .unb_right {float:right; overflow:hidden}
#headers .unb span.link {display:block; float:left}
#headers .unb span.link a {display:inline-block; line-height:40px; color:#fff; font-size:14px}
#headers .unb .link a + a:before {position:relative; top:1px; display:inline-block; margin-left:7px; margin-right:12px; width:2px; height:12px; background:#7c879a; content:""}
#headers .unb .btn_banCtrl {float:left; margin-left:30px; line-height:40px; color:#fff; font-size:14px; font-family:NanumGothic}

#headers #gnb {position:absolute; padding-top:34px; height:64px; width:100%; background:#fff; overflow:hidden; z-index:100}
#headers #gnb:after {position:absolute; left:0; top:96px; display:block; width:100%; height:2px; background:#d8d8d8; content:""}
#headers #gnb.active {height:auto; border-bottom:1px solid #d8d8d8}
#headers #gnb .menu {margin:0 auto; padding-left:358px; width:642px; background:#fff url(/ext_jobcenter/image/comm/layout/bg_submenu.jpg) 0 105px no-repeat}
#headers #gnb .menu:after {display:block; clear:both; content:""}
#headers #gnb .menu ul {float:left}
#headers #gnb .menu ul > li {float:left; width:128px; text-align:center}
#headers #gnb .menu ul > li.intro {width:192px}
#headers #gnb .menu ul:after {display:block; clear:both; content:""}
#headers #gnb .menu ul > li > a {position:relative; display:inline-block; padding-top:6px; height:53px}
#headers #gnb .menu ul > li > a.on:after {position:absolute; left:0; bottom:-5px; display:inline-block; width:100%; height:5px; background:#0a5ea7; content:""; z-index:1}
#headers #gnb .menu ul > li.intro > a {padding-top:0; height:59px}
#headers #gnb .sub_wrp {padding-top:18px}
#headers #gnb .sub_wrp > ul {padding-bottom:29px}
#headers #gnb .menu ul li.intro .sub_wrp li {width:192px}
#headers #gnb .menu ul .sub_wrp li {float:none; margin-top:12px}
#headers #gnb .menu ul .sub_wrp li a {padding-top:0; height:auto; line-height:22px; font-family:NanumGothic; font-size:14px; color:#333}
#headers #gnb .menu ul .sub_wrp li a:hover, #headers #gnb .menu ul .sub_wrp li a:focus {color:#1b3760; text-decoration:underline; font-family:NanumGothicBold}

#headers .add_menu {position:relative; top:33px; margin:0 auto; width:1000px; z-index:101}
#headers .add_menu > div button {width:30px; height:30px}
#headers .add_menu .srch_center.active .layer_center {display:block}
#headers .add_menu .srch_center button {position:absolute; right:34px; background:url(/ext_jobcenter/image/comm/layout/ico_gnbMene.gif) 0 0 no-repeat}
#headers .add_menu .srch_center .layer_center {display:none; position:absolute; left:0; top:63px; padding:17px 18px 17px 29px; width:951px; height:42px; border:1px solid #000; background:#fff; z-index:20}
#headers .add_menu .srch_center .layer_center input[type="text"] {width:865px; line-height:42px; font-size:15px; color:#767676}
#headers .add_menu .srch_center .layer_center button {position:absolute; right:18px; top:17px; width:86px; height:42px; line-height:42px; background:#535353; color:#fff; font-size:13px}

#headers .add_menu .sitemap button {position:absolute; right:0; background:url(/ext_jobcenter/image/comm/layout/ico_gnbMene.gif) -40px 0 no-repeat}
#headers .add_menu .sitemap.active button {display:none}
#headers .add_menu .sitemap.active .layer_sitemap {display:block}
#headers .add_menu .sitemap .layer_sitemap {display:none; position:absolute; left:0; top:63px; width:998px; border:1px solid #000; ; background:#f5f5f5; z-index:20}
#headers .add_menu .sitemap .layer_sitemap .link_menu {position:absolute; left:0; top:0; padding:10px 40px 0 40px; width:165px}
#headers .add_menu .sitemap .layer_sitemap .link_menu li {margin-top:20px}
#headers .add_menu .sitemap .layer_sitemap .link_menu a {display:block; width:163px; height:38px; line-height:38px; border:1px solid #d8d8d8; background:#fff; font-family:NanumGothicBold; font-size:15px; color:#333; text-align:center}
#headers .add_menu .sitemap .layer_sitemap .site_menu {padding:30px 0 10px 26px; margin-left:246px; background:#fff; overflow:hidden}
#headers .add_menu .sitemap .layer_sitemap .site_menu > div {float:left; margin-left:12px; width:160px}
#headers .add_menu .sitemap .layer_sitemap .site_menu h2 {margin-bottom:17px; width:160px; height:40px; line-height:40px; background:#1b3760; color:#fff; font-size:15px; text-align:center}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li {margin-bottom:16px; padding-left:20px}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li a {line-height:18px; font-size:14px; color:#333}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul {margin-top:10px}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul li {position:relative; margin-bottom:5px; padding-left:8px}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul li a {font-size:12px; color:#767676}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul li a:before {position:absolute; left:0; display:inline-block; content:"-"}
#headers .add_menu .sitemap .layer_sitemap button.btn_close {display:block; right:-1px; top:-64px; background:url(/ext_jobcenter/image/comm/layout/ico_gnbMene.gif) -80px 0 no-repeat}

/*
#headers .add_menu {position:relative; top:33px; margin:0 auto; width:1000px; z-index:51}
#headers .add_menu > div button {width:30px; height:30px}
#headers .add_menu .sitemap button {position:absolute; right:0; background:url(/ext_jobcenter/image/comm/layout/ico_gnbMene.gif) -40px 0 no-repeat}
#headers .add_menu .sitemap.active button {display:none}
#headers .add_menu .sitemap.active .layer_sitemap {display:block}
#headers .add_menu .sitemap .layer_sitemap {display:none; position:absolute; left:0; top:63px; width:998px; border:1px solid #000; ; background:#f5f5f5; z-index:20}
#headers .add_menu .sitemap .layer_sitemap .link_menu {position:absolute; left:0; top:0; padding:10px 40px 0 40px; width:165px}
#headers .add_menu .sitemap .layer_sitemap .link_menu li {margin-top:20px}
#headers .add_menu .sitemap .layer_sitemap .link_menu a {display:block; width:163px; height:38px; line-height:38px; border:1px solid #d8d8d8; background:#fff; font-family:NanumGothicBold; font-size:15px; color:#333; text-align:center}
#headers .add_menu .sitemap .layer_sitemap .site_menu {padding:30px 0 10px 26px; margin-left:246px; background:#fff; overflow:hidden}
#headers .add_menu .sitemap .layer_sitemap .site_menu > div {float:left; margin-left:12px; width:160px}
#headers .add_menu .sitemap .layer_sitemap .site_menu h2 {margin-bottom:17px; width:160px; height:40px; line-height:40px; background:#1b3760; color:#fff; font-size:15px; text-align:center}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li {margin-bottom:16px; padding-left:20px}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li a {line-height:18px; font-size:14px; color:#333}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul {margin-top:10px}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul li {position:relative; margin-bottom:5px; padding-left:8px}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul li a {font-size:12px; color:#767676}
#headers .add_menu .sitemap .layer_sitemap .site_menu ul li ul li a:before {position:absolute; left:0; display:inline-block; content:"-"}
#headers .add_menu .sitemap .layer_sitemap button.btn_close {display:block; right:-1px; top:-64px; background:url(/ext_jobcenter/image/comm/layout/ico_gnbMene.gif) -80px 0 no-repeat}
*/
#sub_navi {width:100%; height:50px; background:#1b3760}
#sub_navi .inner {position:relative; margin:0 auto; width:1000px}
#sub_navi .inner:after, #sub_navi .path:after {display:block; clear:both; content:""}
#sub_navi .home {display:block; float:left; width:43px; height:50px; border-left:1px solid #8f9db1; border-right:1px solid #8f9db1; background:url(/ext_jobcenter/image/comm/layout/ico_home.png) center center no-repeat}
#sub_navi a, #sub_navi span {display:block; height:100%; line-height:50px; color:#fff}
#sub_navi span.bg {background:#677dbc}
#sub_navi .path {float:left; height:50px}
#sub_navi span.depth {min-width:179px}
#sub_navi .depth {position:relative; float:left; min-width:200px; border-right:1px solid #8a98ad}
#sub_navi div.depth > a, #sub_navi div.depth > span {padding-right:35px; padding-left:20px; height:50px; background:#1b3760}
#sub_navi div.depth > a:hover, #sub_navi div.depth > a:focus {text-decoration:none}
#sub_navi div.depth.active a:hover, #sub_navi div.depth.active a:focus {text-decoration:none; background:#556a88; color:#fff}
#sub_navi div.depth a:after {position:absolute; right:20px; top:23px; display:inline-block; width:7px; height:6px; background:url(/ext_jobcenter/image/comm/layout/ico_fold.gif) 0 0 no-repeat; content:""}
#sub_navi div.depth.active a:after {background:url(/ext_jobcenter/image/comm/layout/ico_fold.gif) 0 -6px no-repeat}
#sub_navi div.depth.active ul li a:after {background:none}
#sub_navi .depth:last-child > a {background:#556a88}

#sub_navi div.depth > a.on {position:relative; display:block; padding:0 30px 0 10px; border-left:1px solid #677dbc; border-right:1px solid #677dbc; background:#677dbc; color:#fff}
#sub_navi div.depth > a.on:after {position:absolute; right:17px; top:21px; display:block; width:7px; height:6px; background:url(/images/experi/layout/btn_location.png) 0 0 no-repeat; content:""}
#sub_navi div.depth.act2018-07-30ive > a.on:after {background:url(/images/experi/layout/btn_location.png) 0 -10px no-repeat}
#sub_navi div.depth.active ul {display:block}
#sub_navi div.depth ul {display:none; position:absolute; left:-1px; top:50px; width:100%; border:1px solid #1b3760; border-top:none; z-index:5}
#sub_navi div.depth ul li {border-top:1px solid #1b3760; background:#fff}
#sub_navi div.depth ul li:first-child {border-top:none}
#sub_navi div.depth ul li a {padding:0 10px 0 20px; height:48px; line-height:48px; color:#4c4c4c; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

#footer {width:100%}
#footer .menu {width:100%; height:48px; background:#f5f6f8; color:#444; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
#footer .menu .inner {overflow:hidden}
#footer .menu .link {float:left; overflow:hidden}
#footer .menu .link li {float:left; line-height:50px}
#footer .menu .link li.imp a {font-weight:600; text-decoration:underline} /* 20231211 추가 */
#footer .menu .link li + li {margin-left:24px}
#footer .menu .link li a {color:#444}
#footer .menu .viewer {float:right; margin-top:14px; font-size:13px}
#footer .menu .viewer span {line-height:22px}
#footer .menu .viewer a {margin-left:4px}
#footer .center_info {position:relative; margin:0 auto; padding:38px 0 45px 227px; width:773px; color:#555}
#footer .center_info .logo {position:absolute; left:0; top:30px}
#footer .center_info .address {width:580px; font-size:15px; color:#555}
#footer .center_info .address li {margin-bottom:6px}
#footer .center_info .address li:first-child {margin-bottom:12px}
#footer .center_info .address strong {margin-right:4px}
#footer .guide li {margin-bottom:6px; font-size:13px}
#footer .copyright {margin-top:17px; font-size:12px}
#footer .region {position:absolute; right:0; top:40px}
#footer .region > a {display:inline-block; padding:0 10px 0 36px; height:33px; line-height:33px; border:1px solid #b1b1b1; background:url(/ext_jobcenter/image/comm/layout/ico_totalCtr.png) 12px 7px no-repeat; color:#767676; font-size:13px}
#footer .region > a:hover, #footer .region > a:focus {text-decoration:none}
#footer .region .layer {position:absolute; right:0; bottom:40px; padding:30px 0 37px 9px; width:989px; border:1px solid #000; background:#fff; overflow:hidden; z-index:9999}
#footer .region .layer .area {margin:0 0 20px 20px; width:298px}
#footer .region .layer h3 {margin-bottom:0; width:100%; height:40px; line-height:40px; background:#1b3760; font-size:15px; color:#fff; text-align:center}
#footer .region .layer ul {padding-top:10px; width:296px; border:1px solid #d8d8d8; overflow:hidden}
#footer .region .layer ul.h140 {height:130px}
#footer .region .layer ul.h160 {height:150px}
#footer .region .layer ul.h230 {height:220px}
#footer .region .layer ul.h254 {height:244px}
#footer .region .layer ul.h280 {height:270px}
#footer .region .layer ul.h482 {height:492px}
#footer .region .layer ul li {float:left; margin-left:10px; margin-bottom:4px; width:138px}
#footer .region .layer ul li a {position:relative; display:block; padding-left:8px; line-height:20px; font-size:12px; color:#767676}
#footer .region .layer ul li a:before {position:absolute; left:0; top:7px; display:inline-block; width:3px; height:3px; background:#d8d8d8; content:""}
#footer .region .layer .btn_close {position:absolute; right:0; bottom:0; display:block; width:30px; height:30px; background:url(/ext_jobcenter/image/comm/btn/btn_squ_close.gif) 0 0 no-repeat; font-size:0}
#footer .wa_mark {position:absolute; right:0; top:85px} /* 20190227 */
#footer .wa_mark img {width:100%} /* 20190304 */

/* print ver */
@media print {
	#headers, .sub_visual,  #sub_navi, .btn_topPrint, #footer, .ctr_work .sub_cont {display:none}
}