@charset "utf-8";
@import url('popup.css');

#content {position:relative; margin:0 auto; padding:53px 0 100px; width:1000px}

/* main */
#content.main {margin:0; padding:0; width:100%}
.main .center_area {padding:12px 0 10px; background:#f5f6f8; border-bottom:1px solid #d8d8d8; color:#666}
.main .center_area .tit {display:inline-block; margin-right:12px; padding-left:46px; line-height:36px; background:url(/ext_jobcenter/image/comm/layout/bg_area.png) 0 0 no-repeat; font-size:20px}
.main .center_area p {display:inline-block; margin-top:2px; line-height:36px; font-size:16px}
.main .center_area .btn_group {margin-top:0; float:right}
.main .center_area .btn_group a {display:inline-block; width:144px; height:38px; line-height:38px; border:1px solid #bababa; background:#fff; text-align:center; color:#767676; font-family:NanumGothicBold}
.main .center_area .btn_group a:after {position:relative; top:-1px; display:inline-block; margin-left:7px; width:7px; height:7px; background:url(/ext_jobcenter/image/main/ico_move_bk.gif) 0 0 no-repeat; content:""}
.main .center_area .btn_group a + a {margin-left:4px}
.main .center_area a:hover, .main  .center_area a:focus {text-decoration:none}

.main .visual_wrp {position:relative; height:470px}
.main .visual_wrp .search {position:absolute; left:50%; top:50px; margin-left:-259.5px; width:519px; height:44px; border:5px solid #22b8e6; background:#fff; z-index:10}
.main .visual_wrp .search input {padding:10px 0 10px 24px; width:435px; height:23px; color:#767676}
.main .visual_wrp .search button {width:55px; height:44px; background:url(/ext_jobcenter/image/main/btn_commSrch.gif) 14px 10px no-repeat}
.main .visual_popZone {position:relative; width:100%; height:470px; color:#fff; overflow:hidden}
.main .visual_popZone .slide_wrp {position:relative; height:470px}
.main .visual_popZone .slide_wrp:after {display:block; clear:both; content:""}
.main .visual_popZone .slide_wrp .slide_list {float:left; width:100%; height:470px; color:#fff}
.main .visual_popZone .slide_wrp .slide_list .inner {margin-top:138px}
.main .visual_popZone .slide_wrp .slide_list.work1 {background: url(/ext_jobcenter/image/main/bg_visual01_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work2 {background: url(/ext_jobcenter/image/main/bg_visual02_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work3 {background: url(/ext_jobcenter/image/main/bg_visual03_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work4 {background: url(/ext_jobcenter/image/main/bg_visual04_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work5 {background: url(/ext_jobcenter/image/main/bg_visual05_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work6 {background: url(/ext_jobcenter/image/main/bg_visual06_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work7 {background: url(/ext_jobcenter/image/main/bg_visual07_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work8 {background: url(/ext_jobcenter/image/main/bg_visual08_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work9 {background: url(/ext_jobcenter/image/main/bg_visual09_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work10 {background: url(/ext_jobcenter/image/main/bg_visual10_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work11 {background: url(/ext_jobcenter/image/main/bg_visual11_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list.work12 {background: url(/ext_jobcenter/image/main/bg_visual12_v2.jpg) center 0 no-repeat}
.main .visual_popZone .slide_wrp .slide_list .tit {display:block; margin-bottom:24px; font-size:48px}
.main .visual_popZone .slide_wrp .slide_list p {width:250px; line-height:28px; font-size:19px}
.main .visual_popZone .slide_wrp .slide_list.work1 p {width:320px}
.main .visual_popZone .slide_wrp .slide_list.work3 p {width:240px}
.main .visual_popZone .slide_wrp .slide_list.work8 p {width:290px}
.main .visual_popZone .slide_wrp .slide_list a {position:relative; display:inline-block; margin-top:25px; padding:0 22px; line-height:36px; height:36px; border:1px solid #fff; color:#fff; font-size:16px; z-index:98}
.main .visual_popZone .slide_wrp .slide_list a:hover, .main .visual_popZone .slide_wrp .slide_list a:focus {text-decoration:none}
.main .visual_popZone .slide_wrp .slide_list.work6, .main .visual_popZone .slide_wrp .slide_list.work9, .main .visual_popZone .slide_wrp .slide_list.work10 {color:#333}
.main .visual_popZone .slide_wrp .slide_list.work6 a, .main .visual_popZone .slide_wrp .slide_list.work9 a, .main .visual_popZone .slide_wrp .slide_list.work10 a {color:#333; border:1px solid #333}
.main .visual_popZone .slide_wrp .slide_list.work11, .main .visual_popZone .slide_wrp .slide_list.work12, .main .visual_popZone .slide_wrp {color:#333}
.main .visual_popZone .slide_wrp .slide_list.work11 a, .main .visual_popZone .slide_wrp .slide_list.work12 a, .main .visual_popZone .slide_wrp a {color:#333; border:1px solid #333}
.main .visual_popZone .ctrl_group {position:absolute; left:50%; bottom:30px; margin-left:-500px; width:1000px; z-index:50; text-align:center}
.main .visual_popZone .ctrl_group button , .main .visual_popZone .ctrl_group a {display:inline-block; width:17px; height:17px; background-image:url(/ext_jobcenter/image/main/btn_control_v2.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; vertical-align:top}
.main .visual_popZone .ctrl_group button + button, main .visual_popZone .ctrl_group a + a {margin-left:1px}
.main .visual_popZone .ctrl_group .control_play, .main .visual_popZone .ctrl_group .control {display:inline-block}
.main .visual_popZone .ctrl_group .control_play {margin-right:4px}
.main .visual_popZone .ctrl_group .control_play button {vertical-align:middle}
.main .visual_popZone .ctrl_group .control_play button, .main .visual_popZone .ctrl_group .control_play a {width:10px; height:17px}
.main .visual_popZone .ctrl_group .control_play button.start {background-position:-100px 0}
.main .visual_popZone .ctrl_group .control_play button.stop {background-position:-80px 0}
.main .visual_popZone .ctrl_group .control .active {width:38px; height:17px; background-position:-30px 0}

.main .visual_wrp .menu_slide {position:absolute; left:50%; bottom:0; margin-left:-500px; width:1000px; height:128px; overflow:hidden}
.main .visual_wrp .menu_slide .menu:after {display:block; clear:both; content:""}
.main .visual_wrp .menu_slide .menu li {position:relative; float:left; width:33.333%; height:128px}
.main .visual_wrp .menu_slide .menu li.work1 a {background:rgba(94,18,158,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#705e129e,endColorstr=#705e129e)}
.main .visual_wrp .menu_slide .menu li.work1 a.on, .main .visual_wrp .menu_slide .menu li.work1 a:hover, .main .visual_wrp .menu_slide .menu li.work1 a:focus {background:#5e129e; background:rgba(94,18,158,1)}
.main .visual_wrp .menu_slide .menu li.work2 a {background:rgba(41,47,165,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70292fa5,endColorstr=#70292fa5)}
.main .visual_wrp .menu_slide .menu li.work2 a.on, .main .visual_wrp .menu_slide .menu li.work2 a:hover, .main .visual_wrp .menu_slide .menu li.work2 a:focus {background:#292fa5; background:rgba(41,47,165,1)}
.main .visual_wrp .menu_slide .menu li.work3 a {background:rgba(41,135,16,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70298710,endColorstr=#70298710)}
.main .visual_wrp .menu_slide .menu li.work3 a.on, .main .visual_wrp .menu_slide .menu li.work3 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#298710; background:rgba(41,135,16,1)}
.main .visual_wrp .menu_slide .menu li.work4 a {background:rgba(0,125,163,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70007da3,endColorstr=#70007da3)}
.main .visual_wrp .menu_slide .menu li.work4 a.on, .main .visual_wrp .menu_slide .menu li.work4 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#007da3; background:rgba(0,125,163,1)}
.main .visual_wrp .menu_slide .menu li.work5 a {background:rgba(90,99,221,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#705a63dd,endColorstr=#705a63dd)}
.main .visual_wrp .menu_slide .menu li.work5 a.on, .main .visual_wrp .menu_slide .menu li.work5 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#5a63dd; background:rgba(90,99,221,1)}
.main .visual_wrp .menu_slide .menu li.work6 a {background:rgba(198,9,239,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70c609ef,endColorstr=#70c609ef)}
.main .visual_wrp .menu_slide .menu li.work6 a.on, .main .visual_wrp .menu_slide .menu li.work6 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#c609ef; background:rgba(198,9,239,1)}
.main .visual_wrp .menu_slide .menu li.work7 a {background:rgba(255,156,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ff9c00,endColorstr=#70ff9c00)}
.main .visual_wrp .menu_slide .menu li.work7 a.on, .main .visual_wrp .menu_slide .menu li.work7 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#ff9c00; background:rgba(255,156,0,1)}
.main .visual_wrp .menu_slide .menu li.work8 a {background:rgba(219,44,151,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70db2c97,endColorstr=#70db2c97)}
.main .visual_wrp .menu_slide .menu li.work8 a.on, .main .visual_wrp .menu_slide .menu li.work8 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#db2c97; background:rgba(219,44,151,1)}
.main .visual_wrp .menu_slide .menu li.work9 a {background:rgba(22,104,102,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70166866,endColorstr=#70166866)}
.main .visual_wrp .menu_slide .menu li.work9 a.on, .main .visual_wrp .menu_slide .menu li.work9 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#166866; background:rgba(22,104,102,1)}
.main .visual_wrp .menu_slide .menu li.work10 a {background:rgba(35,52,126,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7023347e,endColorstr=#7023347e)}
.main .visual_wrp .menu_slide .menu li.work10 a.on, .main .visual_wrp .menu_slide .menu li.work10 a:hover, .main .visual_wrp .menu_slide .menu li.work3 a:focus {background:#23347e; background:rgba(35,52,126,1)}
.main .visual_wrp .menu_slide .menu li a {display:block; padding:26px 0 0 30px; height:102px; color:#fff}
.main .visual_wrp .menu_slide .menu li strong {display:block; margin-bottom:16px; font-size:22px}
.main .visual_wrp .menu_slide .menu li span {display:block; width:213px; font-size:12px; line-height:17px; letter-spacing:-0.5px}
.main .visual_wrp .menu_slide .menu li a:hover, .main .visual_wrp .menu_slide .menu li a:focus {text-decoration:none}
.main .visual_wrp .menu_slide .menu li a:after {display:block; position:absolute; content:""; z-index:1}
.main .visual_wrp .menu_slide .menu li.work1 a:after {right:20px; bottom:20px; width:67px; height:41px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) 0 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work2 a:after {right:22px; bottom:20px; width:66px; height:47px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -100px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work3 a:after {right:21px; bottom:20px; width:69px; height:41px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -200px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work4 a:after {right:20px; bottom:20px; width:55px; height:57px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -300px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work5 a:after {right:20px; bottom:20px; width:56px; height:53px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -400px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work6 a:after {right:20px; bottom:20px; width:46px; height:57px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -500px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work7 a:after {right:20px; bottom:20px; width:60px; height:43px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -600px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work8 a:after {right:20px; bottom:20px; width:44px; height:51px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -700px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work9 a:after {right:20px; bottom:20px; width:54px; height:51px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -800px 0 no-repeat}
.main .visual_wrp .menu_slide .menu li.work10 a:after {right:20px; bottom:20px; width:60px; height:46px; background:url(/ext_jobcenter/image/main/bg_visual_menu.png) -900px 0 no-repeat}

.main .center_do {position:relative; margin:26px auto; width:1000px; height:147px; overflow:hidden}
.main .center_do .slide {margin:0 auto; width:810px; height:153px; overflow:hidden}
.main .center_do ul {position:relative; width:4500px}
.main .center_do ul:after {display:block; clear:both; content:""}
.main .center_do ul li {position:relative; float:left; padding:0 17.5px; width:100px}
.main .center_do ul li.menu1 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center 0 no-repeat}
.main .center_do ul li.menu2 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -160px no-repeat}
.main .center_do ul li.menu3 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -320px no-repeat}
.main .center_do ul li.menu4 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -480px no-repeat}
.main .center_do ul li.menu5 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -640px no-repeat}
.main .center_do ul li.menu6 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -800px no-repeat}
.main .center_do ul li.menu7 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -960px no-repeat}
.main .center_do ul li.menu8 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -1120px no-repeat}
.main .center_do ul li.menu9 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -1280px no-repeat}
.main .center_do ul li.menu10 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -1440px no-repeat}
.main .center_do ul li.menu11 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -1600px no-repeat}
.main .center_do ul li.menu12 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -1760px no-repeat}
.main .center_do ul li.menu13 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -1920px no-repeat}
.main .center_do ul li.menu14 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -2080px no-repeat}
.main .center_do ul li.menu15 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -2240px no-repeat}
.main .center_do ul li.menu16 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -2400px no-repeat}
.main .center_do ul li.menu17 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -2560px no-repeat}
.main .center_do ul li.menu18 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -2720px no-repeat}
.main .center_do ul li.menu19 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -2880px no-repeat}
.main .center_do ul li.menu20 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -3040px no-repeat}
.main .center_do ul li.menu21 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -3200px no-repeat}
.main .center_do ul li.menu22 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -3360px no-repeat}
.main .center_do ul li.menu23 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -3520px no-repeat}
.main .center_do ul li.menu24 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -3680px no-repeat}
.main .center_do ul li.menu25 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -3840px no-repeat}
.main .center_do ul li.menu26 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4000px no-repeat}
.main .center_do ul li.menu27 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4160px no-repeat}
.main .center_do ul li.menu28 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4320px no-repeat}
.main .center_do ul li.menu29 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4480px no-repeat}
.main .center_do ul li.menu30 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4640px no-repeat}
.main .center_do ul li.menu31 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4800px no-repeat}
.main .center_do ul li.menu32 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -4960px no-repeat}
.main .center_do ul li.menu33 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -5120px no-repeat}
.main .center_do ul li.menu34 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -5280px no-repeat} /* 20190819 추가 */
.main .center_do ul li.menu35 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -5450px no-repeat} /* 20201118 추가 */
.main .center_do ul li.menu36 {background:url(/ext_jobcenter/image/main/bg_plusCenterDo.gif) center -5630px no-repeat} /* 20201118 추가 */

.main .center_do ul li.emp_menu1 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center 0 no-repeat}
.main .center_do ul li.emp_menu2 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -160px no-repeat}
.main .center_do ul li.emp_menu3 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -320px no-repeat}
.main .center_do ul li.emp_menu4 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -480px no-repeat}
.main .center_do ul li.emp_menu5 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -640px no-repeat}
.main .center_do ul li.emp_menu6 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -800px no-repeat}
.main .center_do ul li.emp_menu7 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -960px no-repeat}
.main .center_do ul li.emp_menu8 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -1120px no-repeat}
.main .center_do ul li.emp_menu9 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -1280px no-repeat}
.main .center_do ul li.emp_menu10 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -1440px no-repeat}
.main .center_do ul li.emp_menu11 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -1600px no-repeat} /* 20190819 추가 */
.main .center_do ul li.emp_menu12 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -1760px no-repeat} /* 20201105 추가 */
.main .center_do ul li.emp_menu13 {background:url(/ext_jobcenter/image/main/bg_centerDo.gif) center -1920px no-repeat} /* 20201105 추가 */

.main .center_do ul li a {display:block; padding-top:170px}
.main .center_do ul li a span {position:absolute; left:0; top:110px; display:block; width:100%; line-height:19px; font-size:16px; color:#222; text-align:center; letter-spacing:-0.5px}
.main .center_do .control button {width:62px; height:62px; background:url(/ext_jobcenter/image/main/btn_slide.gif) 0 0 no-repeat; text-indent:-9999px}
.main .center_do .control button.prev {position:absolute; left:0; top:33px}
.main .center_do .control button.next {position:absolute; right:0; top:33px; background:url(/ext_jobcenter/image/main/btn_slide.gif) 0 -62px no-repeat}

.main .main_board {padding:60px 0 70px; background:#f5f6f8 url(/ext_jobcenter/image/main/bg_board.gif) center bottom no-repeat}
.main .main_board h2 {font-size:19px; color:#333}
.main .main_board .info_box {position:relative; height:100%}
.main .main_board .info_box:after {display:block; clear:both; content:""}
.main .main_board .info_box > div {float:left; margin-top:38px}
.main .main_board .info_box .tab {position:absolute; top:-20px; display:block; width:98px; height:36px; line-height:36px; background:#fff; border:1px solid #bababa; font-size:15px; color:#767676; text-align:center}
.main .main_board .info_box div.active .tab {color:#fff; border:1px solid #1b3760; background:#1b3760}
.main .main_board .info_box .tab:hover, .main .main_board .region_info .info_box.active .tab:focus {text-decoration:none}

.main .main_board .notice {position:relative; float:left; margin-bottom:20px; padding:26px 28px 30px; width:612px; height:220px; border:1px solid #dedede; background:#fff}
.main .main_board .notice .info_box .tab {position:absolute; left:0; top:-20px; display:block}
.main .main_board .notice .info_box .tab01 .tab {left:167px}
.main .main_board .notice .info_box .tab02 .tab {left:266px}
.main .main_board .notice .info_box .tab03 .tab {left:365px}
.main .main_board .notice .info_box .tab04 .tab {left:464px}
.main .main_board .notice .info_box .tab_cont {display:none; position:absolute; left:0; top:38px; width:612px; height:160px; overflow:hidden}
.main .main_board .notice .info_box .tab_cont ul li {position:relative; float:left; margin-left:15px; padding:17px 15px 0 20px; width:157px; height:141px; border:1px solid #ddd}
.main .main_board .notice .info_box .tab_cont ul li:first-child {margin-left:0}
.main .main_board .notice .info_box .tab_cont ul:after {display:block; clear:both; content:""}
.main .main_board .notice .info_box .tab_cont ul li a {display:block}
.main .main_board .notice .info_box .tab_cont ul li em {font-size:13px; color:#3175b5}
.main .main_board .notice .info_box .tab_cont ul li em.blue {color:#3175b5}
.main .main_board .notice .info_box .tab_cont ul li em.green {color:#1c8562}
.main .main_board .notice .info_box .tab_cont ul li em.purple {color:#6b2b9c}
.main .main_board .notice .info_box .tab_cont ul li strong {display:block; margin:7px 0 10px; line-height:24px; font-size:16px}
.main .main_board .notice .info_box .tab_cont ul li .date{position:absolute; left:19px; bottom:18px; font-size:12px; color:#767676}
.main .main_board .notice .info_box div.active .tab_cont {display:block}
.main .main_board .notice .control {display:none; position:absolute; right:0; top:-20px; z-index:1}
.main .main_board .notice div.active .control {display:block}
.main .main_board .notice .control button, .main .main_board .notice .control .more {float:left; margin-left:-1px; width:38px; height:38px; background-image:url(/ext_jobcenter/image/main/btn_control_squ.gif); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px}
.main .main_board .notice .control button.next {background-position:-50px 0}
.main .main_board .notice .control a.more {display:inline-block; background-position:-100px 0; vertical-align:top}

.main .main_board .mini_pop {position:relative; float:left; margin:0 0 20px 20px; padding:26px 28px 0 26px; width:254px; height:248px; background:#fff; border:1px solid #dedede}
.main .main_board .mini_pop h2 {margin-bottom:38px}
.main .main_board .mini_pop .pop_slide {width:254px; height:160px; overflow:hidden}
.main .main_board .mini_pop ul:after {display:block; clear:both; content:""}
.main .main_board .mini_pop ul {width:3000px}
.main .main_board .mini_pop ul li {float:left; width:252px; height:158px; border:1px solid #ddd}
.main .main_board .mini_pop ul li a {display:block}
.main .main_board .mini_pop ul li img {width:252px; height:158px}
.main .main_board .mini_pop .control {position:absolute; right:28px; top:28px; overflow:hidden}
.main .main_board .mini_pop .control button {float:left; margin-left:-1px; width:38px; height:38px; background-image:url(/ext_jobcenter/image/main/btn_control_squ.gif); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px}
.main .main_board .mini_pop .control button.prev {margin-left:0}
.main .main_board .mini_pop .control button.next {background-position:-50px 0}
.main .main_board .mini_pop .control button.stop {background-position:-150px 0}
.main .main_board .mini_pop .control button.start {background-position:-200px 0}

.main .main_board .faq {position:relative; float:left; margin-right:20px; padding:29px 0 0 0; width:310px; height:256px; background:#246a8d}
.main .main_board .faq h2 {padding-top:75px; background:url(/ext_jobcenter/image/main/bg_h2_faq.png) center 0 no-repeat; font-size:19px; color:#fff; text-align:center}
.main .main_board .faq ul {margin-top:16px; padding-left:27px}
.main .main_board .faq ul li {margin-bottom:2px; line-height:22px}
.main .main_board .faq ul li span {display:inline-block; margin-right:10px; width:22px; height:22px; background:url(/ext_jobcenter/image/main/bg_num.png) 0 0 no-repeat; font-size:12px; color:#000; text-align:center; vertical-align:top}
.main .main_board .faq ul li a {display:inline-block; max-width:86%; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.main .main_board .faq a.btn_more {position:absolute; right:28px; top:27px; font-size:13px; color:#fff}
.main .main_board .faq a.btn_more:after {position:relative; top:1px; display:inline-block; margin-left:7px; width:6px; height:11px; background:url(/ext_jobcenter/image/main/btn_more.png) 0 0 no-repeat; content:""}
.main .main_board .region_info {float:left; padding:26px 28px 0; width:612px; height:257px; border:1px solid #dedede; background:#fff}
.main .main_board .region_info .info_box .tab {position:absolute; right:0; top:-20px; display:block; width:98px; height:36px; line-height:36px; background:#fff; border:1px solid #bababa; font-size:15px; color:#767676; text-align:center}
.main .main_board .region_info .info_box .tab01 .tab {right:198px}
.main .main_board .region_info .info_box .tab02 .tab {right:99px}
.main .main_board .region_info .info_box .tab03 .tab {right:0}
.main .main_board .region_info .info_box .tab_cont {display:none; position:absolute; left:0; top:37px; padding:34px 0 0 24px; width:586px; height:131px; border:1px solid #ddd}
.main .main_board .region_info .info_box div.active .tab_cont {display:block}
.main .main_board .region_info .info_box .tab_cont div.fl {width:266px; overflow:hidden}
.main .main_board .region_info .info_box .tab_cont input[type="text"] {float:left; margin-bottom:14px; padding-left:12px; width:166px; height:40px; line-height:40px; border:1px solid #888; color:#333; font-size:12px}
.main .main_board .region_info .info_box .tab_cont a {float:left; display:block; margin-bottom:14px; width:86px; height:42px; line-height:42px; background:#767676; color:#fff; font-size:13px; text-align:center}
.main .main_board .region_info .info_box .tab_cont a:hover,r .main .main_board .region_info .info_box .tab_cont a:focus {text-decoration:none}
.main .main_board .region_info .info_box .tab_cont button[type="submit"] {width:86px; height:42px; line-height:42px; background:#535353; color:#fff; font-size:13px; text-align:center}
.main .main_board .region_info .info_box .tab_cont .chk_wrp {padding-top:12px; margin-bottom:25px}
.main .main_board .region_info .info_box .tab_cont .chk_wrp strong {margin-right:50px; padding-left:12px; font-size:16px; font-family:NanumGothic}
.main .main_board .region_info .info_box .tab_cont .chk_wrp input {margin-right:6px; vertical-align:-2px}
.main .main_board .region_info .info_box .tab_cont .chk_wrp label + input {margin-left:10px}

.main .family_site {position:relative; padding:0 20px; margin:0 auto; width:960px; height:83px}
.main .family_site .inner {position:relative; width:960px; height:83px; overflow:hidden}
.main .family_site ul {position:relative; width:5000px}
.main .family_site ul:after {display:block; clear:both; content:""}
.main .family_site li {float:left; width:192px; text-align:center}
.main .family_site li a {display:block; text-align:center}
.main .family_site li a img {display:inline-block; max-width:100%}
.main .family_site .control button {position:absolute; top:0; width:20px; height:83px; background:url(/ext_jobcenter/image/main/btn_familySite.gif) 0 0 no-repeat; text-indent:-9999px}
.main .family_site .control button.btn_prev {left:0}
.main .family_site .control button.btn_next {right:0; background:url(/ext_jobcenter/image/main/btn_familySite.gif) -30px 0 no-repeat}

#quick {position:absolute; right:-154px; top:86px; width:94px; z-index:10}
#quick .tit {display:block; margin:0; padding:0; height:37px; line-height:37px; background:#246a8d; color:#fff; font-family:NanumGothic; text-align:center; font-size:13px}
#quick ul {border:1px solid #ddd; background:#fff}
#quick ul li {position:relative; margin:0 4px; background:#fff; text-align:center}
#quick ul li + li {border-top:1px dashed #d4d8d8}
#quick ul li.findCtr:before {position:absolute; left:50%; top:18px; display:block; margin-left:-18px; width:36px; height:36px; background:url(/ext_jobcenter/image/comm/layout/ico_quick.png) center 0 no-repeat; content:""}
#quick ul li.fax:before {position:absolute; left:50%; top:20px; display:block; margin-left:-16.5px; width:33px; height:32px; background:url(/ext_jobcenter/image/comm/layout/ico_quick.png) 0 -50px no-repeat; content:""}
#quick ul li.pgm:before {position:absolute; left:50%; top:20px; display:block; margin-left:-17px; width:34px; height:32px; background:url(/ext_jobcenter/image/comm/layout/ico_quick.png) 0 -100px no-repeat; content:""}
#quick ul li a {display:block; padding:60px 0 20px 0; line-height:14px; font-size:12px; color:#444}
#quick ul li.txt a {padding:17px 0 18px; line-height:16px; font-size:12px; color:#222}
#quick ul li.txt em.dot {position:relative}
#quick ul li.txt em.dot:before {position:absolute; left:4px; top:-4px; display:block; width:4px; height:4px; border-radius:50%; background:#22b8e6; content:""}

/* contents */
h3 {margin-bottom:27px; font-size:26px; color:#000}
.sub_txt {margin-top:-6px; line-height:27px; font-size:16px; font-family:NanumGothicBold; letter-spacing:-0.5px}
.sub_txt strong {font-size:18px; color:#d25400}
.sub_txt.type02 {font-size:18px; color:#333; font-family:NanumGothicBold; letter-spacing:-0.5px}

.sub_visual {width:100%; height:213px; background:#a3a3a1}
.sub_visual.infoPlace {background:#a3a3a1 url(/ext_jobcenter/image/contents/bg_infoPlace.jpg) center 0 no-repeat} /* 정보마당 */
.sub_visual.newsPlace {background:#a3a3a1 url(/ext_jobcenter/image/contents/bg_newsPlace.jpg) center 0 no-repeat} /* 알림마당 */
.sub_visual.qnaPlace {background:#a3a3a1 url(/ext_jobcenter/image/contents/bg_qnaPlace.jpg) center 0 no-repeat} /* 열린마당 */
.sub_visual.ctrIntro {background:#bcbdbf url(/ext_jobcenter/image/contents/bg_ctrIntro.jpg) center 0 no-repeat} /* 센터소개 */
.sub_visual.etc {background:#abb4b6 url(/ext_jobcenter/image/contents/bg_etc.jpg) center 0 no-repeat} /* 기타 */
.sub_visual h2, .sub_visual p {text-align:center; color:#fff; font-size:15px}
.sub_visual.qnaPlace h2, .sub_visual.qnaPlace p {color:#333}
.sub_visual h2 {padding-top:67px; font-size:36px}
.sub_visual h2 .sup {top:-13px}
.sub_visual p {margin-top:14px}

.info_guide {position:relative; display:table; margin-bottom:20px; width:892px; padding:15px 0 15px 100px; min-height:65px; border:4px solid #e9e9e9}
.info_guide:before {position:absolute; left:15px; top:15px; display:block; width:65px; height:65px; background:url(/ext_jobceter/image/contents/bg_guide.png) 0 0 no-repeat; content:""}
.info_guide.data:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) 0 0 no-repeat} /* 서식자료실 */
.info_guide.empl:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -80px 0 no-repeat} /* 채용정보 */
.info_guide.empSite:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -160px 0 no-repeat} /* 관련사이트 */
.info_guide.schedule:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -240px 0 no-repeat} /* 행사일정 */
.info_guide.corp:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -320px 0 no-repeat} /* 알짜기업중소기업 */
.info_guide.board:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -400px 0 no-repeat} /* 홍보보도자료 */
.info_guide.pub:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -480px 0 no-repeat} /* 간행물 */
.info_guide.alarm:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -560px 0 no-repeat} /* 센터알리미 */
.info_guide.qna:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -640px 0 no-repeat} /* 질문하기 */
.info_guide.praise:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -720px 0 no-repeat} /* 칭찬하기 */
.info_guide.report:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -800px 0 no-repeat} /* 신고하기 */
.info_guide.eps:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -880px 0 no-repeat} /* 외국인만남의날 */
.info_guide.facility:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -960px 0 no-repeat} /* 시설안내 */
.info_guide.notice:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -1040px 0 no-repeat} /* 공지사항 */
.info_guide.faq:before {background:url(/ext_jobcenter/image/contents/bg_guide.png) -1120px 0 no-repeat} /* 자주하는질문(20190227추가) */
.info_guide ul {display:table-cell; vertical-align:middle}
.info_guide ul li {position:relative; padding-left:12px; line-height:22px}
.info_guide ul li:before {position:absolute; left:0; top:9px; display:block; width:4px; height:4px; background:#22b8e6; vertical-align:3px; content:""}
.info_guide ul li + li {margin-top:3px}

/* btn */
.btn_wht:hover, .btn_wht:focus, .btn_navy:hover, .btn_navy:focus, .btn_view a:hover, .btn_view a:focus, .btn_apply:hover, .btn_apply:focus, .btn_list_blue:hover, .btn_list_blue:focus {text-decoration:none} /* 20210218 추가 */
.btn_topPrint {position:absolute; right:0; top:-50px; display:block; width:49px; height:50px; border-left:1px solid #8695ab; border-right:1px solid #8695ab; background:url(/ext_jobcenter/image/comm/btn/btn_print.png) center 18px no-repeat; text-indent:-9999px}
.btn_group {margin-top:40px; overflow:hidden}
.btn_wht {display:inline-block; min-width:115px; height:35px; line-height:35px; border:1px solid #d0d0d0; background:#fff; text-align:center; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#000}
.btn_wht .back:before {display:inline-block; margin-right:7px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) 0 0 no-repeat; content:""}
.btn_wht .next:after {display:inline-block; margin-left:7px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -10px 0 no-repeat; content:""}
.btn_wht .print:before {position:relative; top:3px; display:inline-block; margin-right:7px; width:18px; height:15px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) 0 -15px no-repeat; content:""}
.btn_navy {display:inline-block; min-width:115px; height:35px; line-height:35px; border:1px solid #d0d0d0; background:#1b3760; text-align:center; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#fff} /* 20210218 추가 */
.btn_view a {display:inline-block; padding:0 17px; height:34px; line-height:34px; border:1px solid #1b3760; background:#fff; color:#1b3760; font-family:NanumGothicBold; letter-spacing:-0.5px}
.btn_view a.active {background:#1b3760; color:#fff; outline-style:dotted; outline-width:2px; outline-offset:2px}
.btn_apply {display:inline-block; margin:8px 0 7px; width:72px; height:25px; line-height:25px; background:#fff; text-align:center; font-size:14px}
.btn_apply.bk {border:1px solid #555; color:#555}
.btn_apply.org {border:1px solid #d3430c; background:#d3430c; color:#fff}
.btn_apply.gr {border:1px solid #4a7c0a; color:#4a7c0a}
.btn_list_blue {display:inline-block; padding:0 10px; min-width:118px; height:44px; line-height:44px; background:#1b3760; color:#fff !important; font-size:15px; text-align:center; outline-style:dotted; outline-width:2px; outline-offset:2px}
.btn_list_blue:after {display:inline-block; margin-left:10px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -20px -15px no-repeat; content:""}

/* ico */
.ico_rnd {display:inline-block; padding-left:6px; height:22px; line-height:22px}
.ico_rnd em {position:relative; right:-1px; display:inline-block; padding-right:7px; height:22px; line-height:24px; font-size:12px; font-family:NanumGothicBold; letter-spacing:-1px}
.ico_rnd.green {background:url(/ext_jobcenter/image/comm/ico/bg_rndGreen.gif) 0 0 no-repeat}
.ico_rnd.green em {background:url(/ext_jobcenter/image/comm/ico/bg_rndGreen.gif) right 0 no-repeat; color:#1c8562}
.ico_rnd.blue {background:url(/ext_jobcenter/image/comm/ico/bg_rndBlue.gif) 0 0 no-repeat}
.ico_rnd.blue em {background:url(/ext_jobcenter/image/comm/ico/bg_rndBlue.gif) right 0 no-repeat; color:#3175b5}
.ico_rnd.purple {background:url(/ext_jobcenter/image/comm/ico/bg_rndPurple.gif) 0 0 no-repeat}
.ico_rnd.purple em {background:url(/ext_jobcenter/image/comm/ico/bg_rndPurple.gif) right 0 no-repeat; color:#6b2b9c}
.ico_pay {display:inline-block; margin-right:4px; padding:0 3px; height:17px; line-height:17px; font-size:12px; color:#fff}
.ico_pay.year {background:#195dce}
.ico_pay.month {background:#18861a}
.ico_pay.hour {background:#c54591}
.ico_pay.day {background:#9a55d4}
.ico_print {margin-top:-10px; text-align:right}
.ico_print span {display:inline-block; padding:0 10px 0 35px; height:30px; line-height:30px; border:1px solid #bababa; background:#fff url(/ext_jobcenter/image/comm/ico/ico_print.gif) 10px 7px no-repeat; font-size:12px; color:#666}

/* table */
table th.bl_none, table td.bl_none {border-left:none !important}
.tbl_condition {margin:48px 0 15px; overflow:hidden}
.tbl_condition .total {float:left}
.tbl_condition .total span {color:#d25400}
.tbl_condition .sort {float:right}
.tbl_condition .sort strong + a:before, .tbl_condition .sort a + strong:before, .tbl_condition .sort a + a:before {display:inline-block; margin-right:9px; margin-left:7px; width:1px; height:13px; background:#999; vertical-align:-2px; content:""}
.tbl_condition .sort select {height:30px; border:1px solid #888; font-size:13px; color:#4c4c4c; vertical-align:middle}
.tbl_condition .sort .btn_view {display:inline-block; padding:0 10px; height:30px; line-height:30px; border:1px solid #888; font-size:13px; color:#4c4c4c; vertical-align:middle}
.tbl_list {border-top:2px solid #000; color:#666}
.tbl_list th, .tbl_list td {padding:13px 0 14px; line-height:22px; border-bottom:1px solid #dedede; text-align:center}
.tbl_list th {padding:15px 0 14px; border-bottom:1px solid #000; color:#333; font-family:NanumGothicBold}
.tbl_list td .ico_new {position:relative; top:-1px; margin-left:4px}
.tbl_list td img {vertical-align:middle}
.tbl_view {border-top:2px solid #000}
.tbl_view th, .tbl_view td {padding:12px 19px; line-height:22px; border-bottom:1px solid #dedede}
.tbl_view td img {vertical-align:text-top}
.tbl_view thead th {padding:15px 19px; font-size:18px; font-family:NanumGothicBold; letter-spacing:-0.5px}
.tbl_view tbody th {background:#eff0f3; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#000; text-align:center}
.tbl_view td input[type="text"], .tbl_view td input[type="password"] {height:30px !important; line-height:30px !important; font-size:14px} /* 20210218 추가 */
/* 20210309 삭제해 주세요
.tbl_view td select {padding-left:10px; height:30px; border:1px solid #dedede; font-size:14px}
.tbl_view td .txt {line-height:30px}
*/
.tbl_write {margin-top:18px; border-top:2px solid #000}
.tbl_write th, .tbl_write td {line-height:22px; border-bottom:1px solid #dedede}
.tbl_write tbody th {padding:12px 0 12px 30px; background:#eff0f3; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#000}
.tbl_write td {padding:12px 10px}
.tbl_write td input[type="text"], .tbl_write td input[type="password"] {padding:0 10px; height:26px; line-height:26px; border:1px solid #dedede}
.tbl_write td input[type="radio"], .tbl_write td input[type="checkbox"] {position:relative; top:-1px}
.tbl_write td label + input[type="radio"], .tbl_write td label + input[type="checkbox"] {margin-left:15px}
.tbl_write td select {padding-left:10px; height:28px; border:1px solid #dedede; font-size:14px} /* 20210309 추가 */
.tbl_write .txt {line-height:28px} /* 20210309 추가 */
td .editer {padding:24px 5px; line-height:25px; color:#333; font-size:14px;}
td .editer img + p {margin-top:25px}
td .editer img + img {margin-top:10px}
.tbl_event thead th {height:50px; background:#1b3760; color:#fff; font-family:NanumGothicBold; text-align:center}
.tbl_event td {padding:15px 20px; line-height:22px; border-bottom:1px solid #dedede; color:#666}

/* file */
.file_list p + p {margin-top:17px}
.file_list a {display:inline-block; padding-right:23px; background:url(/ext_jobcenter/image/comm/ico/ico_file.gif) right 4px no-repeat}

/* paging */
.paging {margin-top:60px; text-align:center}
.paging a, .paging 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}
.paging a.pre_end, .paging a.pre, .paging a.next, .paging a.next_end {width:32px; height:32px; line-height:32px; border:none}
.paging a:hover, .paging a:focus {text-decoration:none}
.paging strong {position:relative; border:1px solid #1b3760; color:#1b3760; font-weight:bold; z-index:1}

/* search */
.srch_box {position:relative; padding:19px 180px 12px 46px; width:771px; border:1px solid #e9e9e9; background:#f3f4f6}
.srch_box .lh30 {line-height:30px}
.srch_box .lh38 {line-height:38px}
.srch_box > ul {position:relative; width:771px}
.srch_box > ul:after {position:absolute; right:0; top:0; display:block; width:1px; height:100%; background:#d5dde6; content:""}
.srch_box > ul > li {display:table; margin-bottom:13px}
.srch_box > ul > li:first-child {padding-top:6px}
.srch_box ul li .tit {display:table-cell; line-height:24px; width:84px; vertical-align:middle}
.srch_box ul li:first-child .tit {top:5px}
.srch_box ul li .tit.pt7 {padding-top:7px}
.srch_box ul li > div {display:table-cell; line-height:24px; width:687px; vertical-align:middle}
.srch_box ul li input + label, .srch_box ul li select + label {margin-right:14px}
.srch_box select {width:160px; padding:9.5px 5px; border:1px solid #888}
.srch_box input[type="text"] {padding-left:10px; width:453px; height:36px; line-height:36px; border:1px solid #888}
.srch_box input[type="radio"] {position:relative; top:-1px}
.srch_box .btn_search {position:absolute; right:40px; top:50%; margin-top:-30px; width:100px; height:60px; background:url(/ext_jobcenter/image/comm/btn/btn_search.png) 0 0 no-repeat}
.srch_box .btn_search:hover, .srch_box .btn_search:focus {outline-style:dotted; outline-width:2px; outline-offset:2px}
.srch_box .list_w25 {margin:0 0 10px; width:687px; overflow:hidden}
.srch_box .list_w25 li {float:left; width:25%; line-height:30px}
.srch_box .list_w25 li input + label {margin-right:0}
.srch_box .btn_gray {display:inline-block; min-width:94px; height:38px; line-height:38px; background:#6c6f73; font-size:13px; color:#fff; text-align:center; vertical-align:top}
.srch_box .btn_gray + .btn_gray {margin-left:4px}
.srch_box .btn_gray:hover, .srch_box .btn_gray:focus {text-decoration:none}
.srch_box input[type="text"] + .btn_gray {margin-left:11px}
.srch_box .rank {margin-top:4px; width:640px}
.srch_box .rank a {text-decoration:underline}
.srch_box .rank a +a {margin-left:5px}

/* tab */
.tab_wrp {position:relative; margin:20px 0}
.tab_wrp:after {display:block; clear:both; content:""}
.tab_wrp li {float:left; padding-top:50px}
.tab_wrp a.tab {display:block; position:absolute; top:0; width:498px; line-height:48px; border:1px solid #bababa; border-bottom:1px solid #000; font-size:16px; color:#444; text-align:center}
.tab_wrp a.tab:hover, .tab_wrp a.tab:focus {text-decoration:none}
.tab_wrp.w50 li:first-child a.tab {left:0}
.tab_wrp.w50 a.tab {left:500px}
.tab_wrp .tab_cont {display:none; padding:20px 19px 13px; width:962px; background:#f3f4f6; font-size:14px; color:#444}
.tab_wrp .tab_cont > p {margin-bottom:14px; font-family:NanumGothicBold}
.tab_wrp .tab_cont .link a {position:relative; display:inline-block; margin-right:25px; margin-bottom:7px; padding-left:10px; color:#444}
.tab_wrp .tab_cont .link a:before {position:absolute; left:0; top:6px; display:inline-block; width:3px; height:3px; background:url(/ext_jobcenter/image/comm/bul/bul_squ_gray.gif) 0 0 no-repeat; content:""}
.tab_wrp li.active a.tab {color:#fff; border:1px solid #1b3760; background:#1b3760; outline-style:dotted; outline-width:2px; outline-offset:2px}
.tab_wrp li.active .tab_cont {display:block}
.tab_wrp.v2 {border-left:1px solid #bababa}
.tab_wrp.v2 li {padding-top:0; width:20%} /* tab만 따로 오는경우 */
.tab_wrp.v2 li a {border-left:none}
.tab_wrp.v2 + .tab_wrp.v2 {margin-top:-20px}
.tab_wrp.v2 + .tab_wrp.v2 a.tab {border-top:none}
.tab_wrp.v2.w16 li {width:16.66%}
.tab_wrp.v2.w14 li {width:14.28%}
.tab_wrp.v2.w20 li {width:20%}
.tab_wrp.v2.w25 li {width:25%}
.tab_wrp.v2.w33 li {width:33.33%}
.tab_wrp.v2.w50 li {width:50%}
.tab_wrp.v2.w50 a.tab {left:0}
.tab_wrp.v2 a.tab {position:relative; width:100%; box-sizing:border-box}

/* 키워드 태그 */
.key-tag {padding:0 4px; width:20px; height:20px; line-height:20px; display:inline-block; text-align:center; color:#fff; font-size:11px; margin-right:4px; vertical-align:middle; font-style:normal; font-weight:bold; }
.key-tag.v1 {width:auto; height:16px; line-height:16px; padding:0 6px;}
.key-tag.v2 {padding:0; width:24px; height:16px; line-height:16px; font-size:12px}

.key-tag.default {background-color:#fff; border:1px solid #999; color:#333}

/* list */
.bann_list {border-top:2px solid #000}
.bann_list .nodata {padding:48px 0; text-align:center}

/* 채용정보 */
.bann_list ul.emp_info {margin-top:20px; margin-left:-13px; overflow:hidden}
.bann_list ul.emp_info li {position:relative; float:left; padding:10px 10px 0; margin-left:13px; margin-bottom:10px; width:218px; height:84px; border:1px solid #d1d1d1}
.bann_list ul.emp_info li span {position:absolute; left:0; top:45px; display:block; padding:0 10px}
.bann_list ul.emp_info li a {display:block; line-height:19px; text-align:center; font-size:13px}

/* 관련사이트 */
.bann_list .emp_site li {position:relative; padding:20px 0 30px 180px; border-bottom:1px solid #e0e0e0}
.bann_list .emp_site li  img {display:block; position:absolute; left:0; top:20px; width:160px; height:60px}
.bann_list .emp_site li p {padding-top:6px; line-height:19px; font-size:13px; color:#767676}
.bann_list .emp_site li p a {display:inline-block; font-family:NanumGothicBold}
.bann_list .emp_site li p a strong {display:block; color:#1958ae}
.bann_list .emp_site li p span {display:block; margin-top:7px}

/* 행사일정 */
.cal_control {margin-bottom:16px; text-align:center}
.cal_control a {display:inline-block; margin-right:55px; width:10px; height:20px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -20px 0 no-repeat; text-indent:-9999px}
.cal_control a.next {margin-right:0; margin-left:55px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -30px 0 no-repeat}
.cal_control .year {font-size:24px; color:#767676; font-family:NanumGothic}
.cal_control .month {margin-left:13px; font-size:36px; color:#1b3760; vertical-align:-4px}
.cal_control .period {font-size:20px; color:#767676} /* 20210218 추가 */
.ico_guide {padding:15px 20px 5px; border:1px solid #dedede; font-size:13px; color:#444}
.ico_guide span {display:inline-block; margin-right:15px; margin-bottom:10px; padding-left:25px; line-height:18px}
table.calendar {margin-top:20px}
table.calendar thead th {height:50px; border-right:1px solid #1b3760; background:#1b3760; color:#fff; font-family:NanumGothicBold; text-align:center}
table.calendar thead th:first-child {border-left:1px solid #1b3760}
table.calendar td {padding:16px 15px 13px 20px; height:90px; line-height:18px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; color:#666; vertical-align:top}
table.calendar td:first-child {border-left:1px solid #dedede}
table.calendar td > strong {display:block}
table.calendar td span {display:inline-block; margin-top:8px}
table.calendar td span + span, table.calendar td ul + span {margin-top:14px}

span.ico_eventGo {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventGo.gif') 0 0 no-repeat}
span.ico_eventSae {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSae.gif') 0 0 no-repeat}
span.ico_eventIl {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventIl.gif') 0 0 no-repeat}
span.ico_eventBok {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventBok.gif') 0 0 no-repeat}
span.ico_eventHwal {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventHwal.gif') 0 0 no-repeat}
span.ico_eventSeo {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSeo.gif') 0 0 no-repeat}
span.ico_eventGum {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventGum.gif') 0 0 no-repeat}
span.ico_eventJe {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventJe.gif') 0 0 no-repeat}
span.ico_eventMu {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventMu.gif') 0 0 no-repeat}
span.ico_eventSang {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSang.gif') 0 0 no-repeat}
span.ico_eventHe {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventHe.gif') 0 0 no-repeat}
span.ico_eventBub {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventBub.gif') 0 0 no-repeat}
span.ico_eventBong {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventBong.gif') 0 0 no-repeat}
span.ico_eventJung {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventJung.gif') 0 0 no-repeat}
span.ico_eventJang {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventJang.gif') 0 0 no-repeat}
span.ico_eventNo {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventNo.gif') 0 0 no-repeat}
span.ico_eventCu {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventCu.gif') 0 0 no-repeat}
span.ico_eventSa {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSa.gif') 0 0 no-repeat}
span.ico_eventPol {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventPol.gif') 0 0 no-repeat}
span.ico_eventChi {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventChi.gif') 0 0 no-repeat}
span.ico_eventJa {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventJa.gif') 0 0 no-repeat}
span.ico_eventHa {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventHa.gif') 0 0 no-repeat}
span.ico_eventSan {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSan.gif') 0 0 no-repeat}
span.ico_eventSk {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSk.gif') 0 0 no-repeat}
span.ico_eventGuk {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventGuk.gif') 0 0 no-repeat}
span.ico_eventMin {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventMin.gif') 0 0 no-repeat}
span.ico_eventBuk {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventBuk.gif') 0 0 no-repeat}
span.ico_eventDea {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventDea.gif') 0 0 no-repeat}
span.ico_eventYeon {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventYeon.gif') 0 0 no-repeat}
span.ico_eventSe {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSe.gif') 0 0 no-repeat}
span.ico_eventSo {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSo.gif') 0 0 no-repeat}
span.ico_eventSam {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSam.gif') 0 0 no-repeat}
span.ico_eventSin {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventSin.gif') 0 0 no-repeat}
span.ico_eventChul {display:inline-block; line-height:18px; padding-left:25px; background:url('/ext_jobcenter/image/comm/ico/ico_eventChul.gif') 0 0 no-repeat}

span.ico_eventM {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventM.gif') 0 0 no-repeat}
span.ico_eventC {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventC.gif') 0 0 no-repeat}
span.ico_eventD {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventD.gif') 0 0 no-repeat}
span.ico_eventJ {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventJ.gif') 0 0 no-repeat}
span.ico_eventB {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventB.gif') 0 0 no-repeat}
span.ico_eventV {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventV.gif') 0 0 no-repeat}

span.ico_eventCc {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventCc.gif') 0 0 no-repeat}
span.ico_eventDan {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventDan.gif') 0 0 no-repeat}
span.ico_eventH {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventH.gif') 0 0 no-repeat}
span.ico_eventJu {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventJu.gif') 0 0 no-repeat}
span.ico_eventS {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventS.gif') 0 0 no-repeat}
span.ico_eventSuo {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventSuo.gif') 0 0 no-repeat}
span.ico_eventT {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventT.gif') 0 0 no-repeat}
span.ico_eventV {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventV.gif') 0 0 no-repeat}
span.ico_eventA {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventA.gif') 0 0 no-repeat}

span.ico_eventSuo {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventSuo.gif') 0 0 no-repeat}
span.ico_eventCc {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventCc.gif') 0 0 no-repeat}
span.ico_eventWm {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventWm.gif') 0 0 no-repeat}
span.ico_eventT {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventT.gif') 0 0 no-repeat}
span.ico_eventDan {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventDan.gif') 0 0 no-repeat}
span.ico_eventA {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventA.gif') 0 0 no-repeat}
span.ico_eventSi {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventSi.gif') 0 0 no-repeat}
span.ico_eventJu {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventJu.gif') 0 0 no-repeat}
span.ico_eventYm {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventYm.gif') 0 0 no-repeat}
span.ico_eventHi {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHi.gif') 0 0 no-repeat}
span.ico_eventHs {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHs.gif') 0 0 no-repeat}
span.ico_eventHt {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHt.gif') 0 0 no-repeat}
span.ico_eventHu {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHu.gif') 0 0 no-repeat}
span.ico_eventYs {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventYs.gif') 0 0 no-repeat}
span.ico_eventHu1 {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHu1.gif') 0 0 no-repeat}
span.ico_eventHu2 {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHu2.gif') 0 0 no-repeat}
span.ico_event4u {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_event4U.gif') 0 0 no-repeat} /* 20210513 추가 */
span.ico_eventHip {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHip.gif') 0 0 no-repeat}/* 20250723 아래부분 추가 */
span.ico_eventHang {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventHang.gif') 0 0 no-repeat}
span.ico_eventJo {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventJo.gif') 0 0 no-repeat}
span.ico_eventBan {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventBan.gif') 0 0 no-repeat}
span.ico_eventChung {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventChung.gif') 0 0 no-repeat}
span.ico_eventJae {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventJae.gif') 0 0 no-repeat}
span.ico_eventTtok {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventTtok.gif') 0 0 no-repeat}
span.ico_eventTtok2 {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventTtok2.gif') 0 0 no-repeat}
span.ico_eventOn {display:inline-block; line-height:18px; padding-left:25px; background: url('/ext_jobcenter/image/comm/ico/ico_eventOn.gif') 0 0 no-repeat}

/* 우리동네알짜기업 */
.corp_list ul {margin-left:-16px; overflow:hidden}
.corp_list ul li {position:relative; float:left; margin:0 0 20px 16px; width:236px; height:172px; border:1px solid #d7d7d7}
.corp_list ul li a {display:block; margin:0 19px}
.corp_list ul li .tit {display:table; width:198px; height:57px; border-bottom:1px solid #d7d7d7; font-size:18px; color:#333; text-align:center}
.corp_list ul li .tit span {display:table-cell; height:57px; vertical-align:middle}
.corp_list ul li .txt {display:block; padding-top:15px; line-height:22px; height:47px; color:#333; text-align:center; overflow:hidden}
.corp_list ul li em {position:absolute; left:50%; bottom:20px; display:inline-block; margin-left:-37px; width:74px; height:27px; line-height:27px; background:#0d6cb5; color:#fff; text-align:center}

/* 센터알리미 */
.img_list {margin-top:20px; margin-bottom:-40px}
.img_list ul {margin-left:-16px; overflow:hidden}
.img_list ul li {position:relative; float:left; margin:0 0 40px 16px; padding:16px 14px 0; width:208px; height:358px; border:1px solid #d7d7d7}
.img_list ul li a {display:block}
.img_list ul li img {width:208px; height:180px}
.img_list ul li .tit {display:block; margin-top:14px; margin-left:5px; line-height:24px; height:48px; font-size:16px; color:#333; overflow:hidden}
.img_list ul li span.txt {display:block; position:absolute; left:19px; top:268px; padding-right:14px; line-height:19px; font-size:13px; color:#767676}
.img_list ul li span em {display:block}
.img_list ul li span em + em {margin-top:13px}
.img_list ul a.btn_down {display:inline-block; margin-top:14px; padding-left:33px; padding-right:10px; height:30px; line-height:30px; border:1px solid #bababa; background:url(/ext_jobcenter/image/comm/ico/ico_file.gif) 10px center no-repeat; font-size:13px; color:#666}
.img_list ul a.btn_down:hover, .img_list ul a.btn_down:focus {text-decoration:none}

/* 간행물 갤러리 */
.img_list ul.gallery li {height:392px}
.img_list ul.gallery li .tit {margin-top:12px}
.img_list ul.gallery li img {width:208px; height:270px}
.img_list ul.gallery li .no_ing {display:block; width:208px; height:270px; background:#f3f4f6 url(/ext_jobcenter/image/comm/ico/no_img.png) center center no-repeat; text-indent:-9999px}

/* faq */
td .qus, td .answer > p {position:relative; padding-left:57px}
td .qus .tit , td .answer .tit {position:absolute; left:20px; top:-4px; font-size:18px}
td .qus.active .tit {color:#159fca}
td .answer {padding:12px 30px 0 0}
td .answer .tit {top:10px; color:#159fca}
td .answer {position:relative; margin-left:85px; text-align:left}
td .answer .satisfy {margin:40px 0 23px 57px}

/* 칭찬하기 */
.praise_cont {position:relative; padding-left:378px; margin-top:50px; min-height:240px}
.praise_cont img {position:absolute; left:0; top:0}
.praise_cont .tit {padding-top:20px; margin-bottom:20px; line-height:30px; font-size:18px}
.praise_cont .tit strong {font-family:NanumGothic; letter-spacing:0; font-size:24px}
.praise_cont .txt {line-height:22px; color:#767676}
.praise_cont .btn_list_blue {margin-top:25px}
.praise_cont .btn_list_blue:after {display:none}

/* faq만족도평가 */
.satisfy {padding:16px 22px 22px; border:1px solid #eaeaea; background:#fff; color:#767676}
.satisfy strong {line-height:24px; color:#333; font-size:16px}
.satisfy p {display:inline-block; margin-right:30px}
.satisfy label {font-size:13px; vertical-align:middle}
.satisfy label + input {margin-left:15px}
.satisfy .btn_gray {display:inline-block; margin-left:15px; padding:0 9px 0 10px; height:26px; line-height:26px; background:#606060; font-size:13px; color:#fff}

/* 센터소장인사말 */
.ctr_hello {position:relative; padding-left:320px; width:680px}
.ctr_hello .mng_img {position:absolute; left:0; top:0; padding:54px 0 0 42px; width:193px; height:241px; background:url(/ext_jobcenter/image/contents/bg_picture.png) 0 0 no-repeat}
.ctr_hello .editer {padding-top:12px; line-height:22px; font-family:NanumGothic; font-size:14px; color:#767676}
#content .ctr_hello .editer h4 {margin-bottom:27px; line-height:36px; font-size:24px; color:#00a0d5; font-family:NanumGothicBold}
.ctr_hello .editer p {margin-top:33px; font-size:18px; font-family:NanumGothicBold; color:#333}

/* 센터에서하는일 */
.ctr_work .editer {line-height:22px; font-size:14px; color:#666}
.ctr_work .editer * {word-break:keep-all; word-wrap:break-word}
.ctr_work .editer .btn_wrp {margin:26px 0 0; text-align:center}
.ctr_work .editer .img_wrp + .btn_wrp {margin-top:30px}
.ctr_work .editer .btn_link {position:relative; display:inline-block; padding:0 10px; min-width:200px; height:44px; line-height:44px; font-size:15px; color:#fff; background:#1b3760; text-align:center; text-decoration:none}
.ctr_work .editer .btn_link:after {display:inline-block; margin-left:9px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -20px -15px no-repeat; content:""}
.ctr_work .editer .btn_link + .btn_link {margin-left:16px}
.ctr_work .editer .btn_hp {display:inline-block; padding:0 14px; height:28px; line-height:28px; border:1px solid #d0d0d0; background:#fff; font-size:13px; color:#000}
.ctr_work .editer .btn_hp:after {display:inline-block; margin-left:10px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -10px 0 no-repeat; content:""}
.ctr_work .editer .btn_hp + p {margin-left:0; margin-top:15px}

.ctr_work .editer .fs_11, .ctr_work .editer .fs_12 {line-height:1.6}
.ctr_work .editer h4 {margin:38px 0 13px; padding-left:28px; font-size:18px; font-family:NanumGothicBold; color:#333; background:url(/ext_jobcenter/image/comm/bul/bul_editer_h4.gif) 0 2px no-repeat}
.ctr_work .editer h5 {margin-left:20px; margin-bottom:10px; padding-left:20px; font-size:15px;font-family:NanumGothicBold; color:#555; background:url(/ext_jobcenter/image/comm/bul/bul_editer_h5.gif) 0 5px no-repeat}
.ctr_work .editer p + h5, .ctr_work .editer ul + h5 {margin-top:22px}
.ctr_work .editer p {margin-left:20px}
.ctr_work .editer p + ul {margin-top:10px}
.ctr_work .editer ul {margin-left:40px}
.ctr_work .editer ul li {position:relative; margin-bottom:3px; padding-left:10px}
.ctr_work .editer ul li:before {position:absolute; left:0; top:8px; display:block; width:4px; height:4px; background:#22b8e6; content:""}
.ctr_work .editer ul.gray li:before {position:absolute; left:0; top:8px; display:block; width:4px; height:4px; background:#888; content:""}
.ctr_work .editer > ul > li:last-child {margin-bottom:0}
.ctr_work .editer ul li ul {margin-left:0; margin-bottom:10px}
.ctr_work .editer ul li ul li {padding-left:0; margin-bottom:0}
.ctr_work .editer ul li ul li:before, .ctr_work .editer ul.dash li:before {display:none}
.ctr_work .editer ul.dash li {padding-left:13px; background:url(/ext_jobcenter/image/comm/bul/bul_dash.gif) 0 11px no-repeat}
.ctr_work .editer p + table, .ctr_work .editer ul + table {margin-top:15px}
.ctr_work .editer .img_wrp {margin:16px 0 0 30px}
.ctr_work .editer .img_wrp + p, .ctr_work .editer .img_wrp + ul {margin-top:15px}
.ctr_work .editer .img_wrp + h5 {margin-top:26px}
.ctr_work .editer h4 + .img_wrp {margin:18px 0 0 20px}
.ctr_work .editer > table {width:calc(100% - 20px)} /* 20240125 추가 */
.ctr_work .editer table {margin-top:20px; margin-left:20px; table-layout:fixed; border-top:2px solid #666}
.ctr_work .editer table .bl {border-left:1px solid #d6d6d6 !important}
.ctr_work .editer table th, .ctr_work .editer table td {padding:15px 10px 16px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; text-align:center}
.ctr_work .editer table thead tr th:first-child, .ctr_work .editer table tbody tr th:first-child, .ctr_work .editer table tbody tr td:first-child {border-left:none}
.ctr_work .editer table th {background:#f5f5f5; color:#333; font-family:NanumGothicBold}
.ctr_work .editer table td.al {text-align:left; vertical-align:top}
.ctr_work .editer table td ul {margin-left:0}
.ctr_work .editer table + p, .ctr_work .editer table + ul {margin-top:15px}
.ctr_work .editer table + h5 {margin-top:26px}
.ctr_work .editer table table {margin:10px 0 0 0; border-top:1px solid #d6d6d6}
.ctr_work .editer table table th {background:#fafafa}
.ctr_work .editer table table th, .ctr_work .editer table table td {padding:8px 6px; line-height:18px; font-size:12px}
.ctr_work .editer .social_box {padding:13px 0 13px 73px; margin:16px 0 0 20px; border:1px solid #d6d6d6; background:#fff url(/ext_jobcenter/image/contents/bg_ctrIntro_social.gif) 25px 9px no-repeat; color:#0f3ac6}
.ctr_work .editer .guide_box {padding:13px 20px; margin-top:16px; color:#c24e00; border:1px solid #d6d6d6}
.ctr_work .editer .compare_box {margin:28px 0 0 30px; padding-top:20px}
.ctr_work .editer .compare_box:after {display:block; clear:both; content:""}
.ctr_work .editer .compare_box .box {position:relative; float:left; padding:30px 0 12px; width:448px; border:1px solid #308377}
.ctr_work .editer .compare_box .box + .box {margin-left:40px}
.ctr_work .editer .compare_box .tit {position:absolute; left:23px; top:-21px; display:block; width:402px; height:40px; line-height:40px; background:#308377; color:#fff; font-size:15px; text-align:center}
.ctr_work .editer .compare_box p {margin:0; padding:0 20px}
.ctr_work .editer .compare_box .box.blue {border:1px solid #407ba3}
.ctr_work .editer .compare_box .box.blue .tit {background:#407ba3}
.ctr_work .editer .noti_box {margin:10px 0 0 30px; padding:20px 10px 20px 104px; width:824px; border:1px solid #d6d6d6; background:url(/ext_jobcenter/image/contents/bg_notiBox.png) 20px 20px no-repeat}
.ctr_work .editer .noti_box .tit {display:block; margin-bottom:3px; color:#1c58c6}
.ctr_work .editer .noti_box p, .ctr_work .editer .noti_box ul {margin-left:0}
.ctr_work .editer .noti_box p + ul {margin-top:10px}
.ctr_work .editer .noti_box ul li {margin-bottom:0}
.ctr_work .editer h5 + .box_list {margin:6px 0 0 20px}
.ctr_work .editer .box_list {padding:14px 0 4px; width:938px; border:1px solid #d6d6d6}
.ctr_work .editer .box_list ul {margin-left:59px; overflow:hidden}
.ctr_work .editer .box_list ul li {float:left; margin:0 20px 10px 0; padding-left:0; border:1px solid #8ec9e7; width:188px; height:48px; line-height:48px; font-size:15px; color:#0f3ac6; font-family:NanumGothicBold; text-align:center}
.ctr_work .editer .box_list ul li:before {display:none}
.ctr_work .editer .sup {top:-1px; line-height:initial}
.ctr_work .editer .step-box {display:flex; flex:1; margin-left:20px}
.ctr_work .editer .step-box * {box-sizing:border-box; word-break:keep-all; word-wrap:break-word}
.ctr_work .editer .step-box > li {position:relative; display:flex; width:200px; border:1px solid #fff; border-radius:15px; text-align:center; flex-direction:column}
.ctr_work .editer .step-box > li + li {margin-left:40px}
.ctr_work .editer .step-box > li + li:before {position:absolute; left:-28px; top:50%; display:block; width:15px; height:11px; background:url('/ext_jobcenter/image/comm/ico/ico-arr-right.png') 0 0 no-repeat; content:""}
.ctr_work .editer .step-box.ty2 > li + li {margin-left:20px}
.ctr_work .editer .step-box.ty2 > li + li:before {left:-18px}
/* 20240125 추가 start */
.ctr_work .editer table td .step-box > li {padding-left:0; line-height:1.3; font-size:12px}
.ctr_work .editer table td .step-box > li:first-child:before {display:none}
.ctr_work .editer table td .step-box > li:before {position:absolute; left:-28px; top:50%; display:block; width:15px; height:11px; background:url('/ext_jobcenter/image/comm/ico/ico-arr-right.png') 0 0 no-repeat; content:""}
.ctr_work .editer table td .step-box > li .txt{padding:5px}
/* 20240125 추가 end */
.ctr_work .editer .step-box > li.bg1 {border-color:#00856a}
.ctr_work .editer .step-box > li.bg2 {border-color:#00819e}
.ctr_work .editer .step-box > li.bg3 {border-color:#3683c3}
.ctr_work .editer .step-box > li.bg4 {border-color:#0071c7}
.ctr_work .editer .step-box > li.bg5 {border-color:#236daa}
.ctr_work .editer .step-box > li.bg6 {border-color:#0e4979}
.ctr_work .editer .step-box > li .tit {display:flex; padding:0 5px; width:100%; height:50px; border-radius:14px 14px 0 0; color:#fff; align-items:center; justify-content:center}
.ctr_work .editer .step-box > li.bg1 .tit {background:#00856a}
.ctr_work .editer .step-box > li.bg2 .tit {background:#00819e}
.ctr_work .editer .step-box > li.bg3 .tit {background:#3683c3}
.ctr_work .editer .step-box > li.bg4 .tit {background:#0071c7}
.ctr_work .editer .step-box > li.bg5 .tit {background:#236daa}
.ctr_work .editer .step-box > li.bg6 .tit {background:#0e4979}
.ctr_work .editer .step-box > li .txt {display:flex; padding:10px; width:100%; height:calc(100% - 50px); align-items:center; justify-content:center}
.ctr_work .editer .step-box > li .txt p {margin-left:0}
.ctr_work .editer .step-box > li .txt.start {align-items:start} /* 20240125 추가 */
.ctr_work .editer .step-box > li.h100p .txt {height:100%} /* 20240125 추가 */
.ctr_work .editer .step-box > li.h100p + li.h100p:before {margin-top:-5px} /* 20240125 추가 */

.ctr_work .sub_cont {margin-top:50px}
.ctr_work .sub_cont .btn_more {display:inline-block; padding:0 14px; height:30px; line-height:30px; border:1px solid #ddd; color:#444}
.ctr_work .sub_cont .btn_more:after {display:inline-block; margin-left:8px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -10px 0 no-repeat; content:""}
.ctr_work .sub_cont .btn_more:hover, .ctr_work .sub_cont .btn_more:focus {text-decoration:none}
.ctr_work .sub_cont h4 {margin-top:30px; font-size:18px; font-family:NanumGothicBold; color:#333}
.ctr_work .sub_cont .tbl_condition {margin:27px 0 10px}
.ctr_work .sub_cont .tbl_condition .total {margin-top:15px}
.ctr_work .sub_cont .paging {margin-top:30px}
.sub_cont .satisfy {margin-top:40px; padding:23px 22px 23px 118px; background:url(/ext_jobcenter/image/contents/bg_satisfy.png) 30px center no-repeat}

/* 부서 및 직원소개 */
.tab_depth {margin-bottom:40px; padding:14px 0 4px 12px; background:#f3f4f6}
.tab_depth ul {overflow:hidden}
.tab_depth ul li {float:left}
.tab_depth ul.depth2 li {margin-bottom:12px}
.tab_depth ul.depth2 li a {display:inline-block; padding:0 10px; line-height:28px; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#444}
.tab_depth ul.depth2 li a:hover, .tab_depth ul.depth2 li a:focus, .tab_depth ul.depth2 li.active a {text-decoration:none; color:#fff; background:#697688}
.tab_depth ul.depth3 {margin:4px 0 0 8px}
.tab_depth ul.depth3 li {margin:0 25px 16px 0}
.tab_depth ul.depth3 li a {display:inline-block; padding-left:9px; background:url(/ext_jobcenter/image/comm/bul/bul_squ_gray.gif) 0 5px no-repeat; font-size:13px; color:#666}
.tab_depth ul.depth3 li a:hover, .tab_depth ul.depth3 li a:focus, .tab_depth ul.depth3 li.active a {color:#000; text-decoration:underline}

/* 시설안내 */
.pic_list ul {margin-left:-16px; overflow:hidden}
.pic_list li {float:left; padding:15px 14px 0; margin:0 0 40px 16px; width:208px; height:255px; border:1px solid #d7d7d7}
.pic_list li .txt {display:block; margin-top:15px; line-height:22px}
.pic_list li a img {width:208px; height:180px}
.pic_list + .paging {margin-top:20px}
.pic_list .nodata {padding:48px 0; border-top:1px solid #d7d7d7; text-align:center}
/* 20210218 추가 */
.pic_list.ty2 li {padding:5px 5px 17px 5px; width:228px; height:312px; box-sizing:border-box}
.pic_list.ty2 li a {display:block; height:100%; overflow:hidden}
.pic_list.ty2 li a:hover, .pic_list.ty2 li a:focus {text-decoration:none}
.pic_list.ty2 li a .img_area {display:block; width:226px; height:162px}
.pic_list.ty2 li a .img_area.no_img {background:#f3f4f6 url(/ext_jobcenter/image/comm/ico/no_img.png) center center no-repeat; text-indent:-9999px}
.pic_list.ty2 li a img {width:216px; height:162px}
.pic_list.ty2 li a .tit {display:block; margin:14px 8px 0; height:37px; line-height:18px; font-size:16px; color:#003f7d}
.pic_list.ty2 li a .txt {position:relative; display:block; margin:0 9px; padding-left:4px; line-height:16px; letter-spacing:-0.5px}
.pic_list.ty2 li a .txt + .txt {margin-top:10px}
.pic_list.ty2 li a .txt:before {position:absolute; left:0; top:0; display:block; content:"·"}

/* 시설예약(20210218 추가) */
.cal-wrp {position:relative; margin-top:70px}
.cal-wrp .btn_view {position:absolute; right:0; top:-9px}
.cal-wrp .status {margin:23px 0 20px; padding:16px 20px; border:1px solid #dedede}
.cal-wrp .status span {display:inline-block; margin-right:20px; padding-left:20px; line-height:15px; background-image:url(/ext_jobcenter/image/contents/bg_status.png); background-position:0 0; background-repeat:no-repeat; font-size:13px; color:#444}
.cal-wrp .status span.standby {background-position:0 -50px}
.cal-wrp .status span.refuse {background-position:0 -100px}
.calendar-ty2 thead th {height:49px; line-height:49px; border:1px solid #1b3760; background:#1b3760; color:#fff; text-align:center; font-family:NanumGothicBold}
.calendar-ty2 thead th.sun {font-size:12px; color:#f4a8ac}
.calendar-ty2 thead th.sat {font-size:12px; color:#9ecbf7}
.calendar-ty2 tbody th {padding:4px 8px; height:119px; border:1px solid #dedede; vertical-align:middle}
.calendar-ty2 td {padding:4px 5px; height:119px; border:1px solid #dedede; vertical-align:top}
.calendar-ty2 td.today {background:#eef5fc}
.calendar-ty2 td p {position:relative; padding-left:22px}
.calendar-ty2 td p + p {margin-top:7px}
.calendar-ty2 td p > span {position:absolute; left:0; top:0; display:block; width:16px; height:15px; background-image:url(/ext_jobcenter/image/contents/bg_status.png); background-repeat:no-repeat; font-size:0; vertical-align:top}
.calendar-ty2 td p > span.ico-approve {background-position:0 0}
.calendar-ty2 td p > span.ico-standby {background-position:0 -50px}
.calendar-ty2 td p > span.ico-refuse {background-position:0 -100px}
.calendar-ty2 td p a {display:inline-block; line-height:14px; font-size:12px; color:#003f7d}
.calendar-ty2 tbody th p {padding-left:23px; line-height:19px; background:url(/ext_jobcenter/image/contents/bg_status.png) 0 -148px no-repeat; color:#003f7d; font-size:12px; font-family:NanumGothicBold}

/* map */
.map_area {width:998px; height:478px; border:1px solid #e9e9e9}
.map_guide {margin-top:37px}
.map_guide .editer h4 {margin-bottom:12px; padding-left:28px; font-size:18px; font-family:NanumGothicBold; color:#333; background:url(/ext_jobcenter/image/comm/bul/bul_editer_h4.gif) 0 2px no-repeat}
.map_guide .editer p {line-height:24px; font-size:14px; color:#666; font-family:NanumGothic}
.map_guide .editer p + h4 {margin-top:30px}
.map_guide .editer p + p {margin-top:24px}

/* 저작권정책 */
.policy_list li {position:relative; padding-left:10px; margin-bottom:11px; line-height:22px; color:#666}
.policy_list li:before {position:absolute; left:0; top:8px; display:block; width:4px; height:4px; background:#22b8e6; content:""}

/* 이메일주소 수집거부 */
.email_reject {margin-top:-4px; padding-left:210px; background:url(/ext_jobcenter/image/contents/bg_mainReject.gif) 42px 3px no-repeat}
.email_reject .tit {display:block; margin-bottom:24px; font-size:18px; color:#d25400}
.email_reject p {line-height:22px; color:#666}
.email_reject p + p {margin-top:10px}

/* 이용안내 */
.user_guide {margin-top:30px}
.user_guide ol {margin-left:-60px; overflow:hidden}
.user_guide ol li {position:relative; float:left; margin:0 0 35px 60px; padding-left:40px; width:430px}
.user_guide ol li .num {position:absolute; left:0; top:-4px; display:inline-block; color:#0177cd; font-size:36px; font-family:NanumGothicBold}
.user_guide ol li .tit {display:block; margin-bottom:10px; line-height:25px; font-size:16px; color:#222}
.user_guide ol li p {line-height:21px; min-height:68px; color:#767676; font-size:13px; letter-spacing:-0.2px}
.user_guide ol li a {display:inline-block; padding:0 14px; height:30px; line-height:30px; border:1px solid #ddd; color:#444}
.user_guide ol li a:after {display:inline-block; margin-left:10px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -10px 0 no-repeat; content:""}
.user_guide ol li a + a {margin-left:6px}
.user_guide ol li a:hover, .user_guide ol li a:focus {text-decoration:none}

/* 통합검색 */
.total_srch .srch_result + .srch_result {margin-top:47px}
.total_srch .tit {position:relative; margin-bottom:8px; min-height:32px}
.total_srch .tit h4 {display:inline-block; font-size:18px; font-family:NanumGothicBold}
.total_srch .tit span {display:inline-block}
.total_srch .tit .btn_more {position:absolute; right:0; top:-2px; display:inline-block; width:138px; height:30px; line-height:30px; border:1px solid #ddd; color:#444; text-align:center}
.total_srch .tit .btn_more:after {display:inline-block; margin-left:10px; width:6px; height:9px; background:url(/ext_jobcenter/image/comm/btn/btn_group.png) -10px 0 no-repeat; content:""}
.total_srch .tit .btn_more:hover, .total_srch .tit .btn_more:focus {text-decoration:none}
.total_srch .srch_result .no_data {border-top:2px solid #000; border-bottom:1px solid #dedede; height:50px; line-height:50px; text-align:center}
.total_srch ul li {margin-top:20px; border-top:2px solid #000; border-bottom:1px solid #dedede}
.total_srch ul li:first-child {margin-top:0}
.total_srch ul li a {display:block}
.total_srch ul li a:hover, .total_srch ul li a:focus {text-decoration:none}
.total_srch ul li .tit {display:block; height:51px; line-height:51px; padding:0 20px; width:960px; border-bottom:1px solid #000; background:#f7fcff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.total_srch ul li .txt {display:block; padding:18px 15px; line-height:17px; color:#666}
.total_srch .tbl_condition {margin:38px 0 30px}

/* 인증 */
.dash_box {margin-top:25px; padding:25px 20px 26px; border-top:1px dashed #e0e0e0; border-bottom:1px dashed #e0e0e0; color:#666; line-height:22px}
.dash_box input[type="radio"] {position:relative; top:-1px}
.dash_box label {margin-left:8px; font-family:NanumGothicBold}
.ipin_certify {margin-top:30px; padding:27px 0 0; line-height:22px; border:1px solid #dedede; color:#666}
.ipin_certify p {padding-left:20px; padding-bottom:24px}
.ipin_certify .tit {display:block; margin-bottom:10px; font-size:16px; color:#d25400}
.ipin_certify .btm_area {padding:18px 0; background:#f8f8f8; text-align:center}
.ipin_certify .btm_area a {display:inline-block; width:138px; height:44px; line-height:44px; background:#1b3760; color:#fff; font-size:15px; text-align:center}

/* 웹 접근성 정책 */
.etc_grayBox {padding:25px 27px; line-height:22px; background:#f7f7f7; color:#666}
.etc_grayBox p + p {margin-top:22px}
.web_access ul li, .web_access p {line-height:22px; color:#666}
.web_access .sub_txt {display:block; color:#444}
.web_access .web_mark {margin-top:15px; padding:37px 0 38px 215px; border:1px solid #d6d6d6; background:#fff url(/ext_jobcenter/image/contents/logo_webAccess.png) 19px 19px no-repeat}
.web_access .web_mark strong {display:block; margin-bottom:5px; font-size:16px}