@charset "utf-8";

/* 서브 상단 */
#sub_top {height:145px;background:#eff0f4 url('/Main/Images/section/gunsul_south/sub/sub_top_bg.jpg') no-repeat 90% center;box-sizing:border-box;text-align:center;}
#sub_top:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#sub_top > .inner {display:inline-block;padding:0 10px 5px;max-width:95%;vertical-align:middle;background-color:#eff0f4;box-sizing:border-box;}
#sub_top .sub_tit {font-size:35px;}

/* 2019-09-30 */
#sub_top .location li {display:inline-block; position:relative; padding:0 8px 0 13px; font-size:1em; line-height:1.2em; vertical-align:top;}
#sub_top .location>li:first-child {width:13px;padding-left:0;text-indent:-9999em;overflow:hidden;}
#sub_top .location>li:last-child {font-weight:600;}
#sub_top .location>li:before{content:''; position:absolute;top:6px;left:0; width:5px; height:9px;background-image:url('/Main/Images/section/gunsul_south/common/sprh_com.png');background-repeat:no-repeat;background-position:-150px -100px;}
#sub_top .location>li:first-child:before {width:15px; height:13px; top:3px; background-position:-130px -100px;}

/* 컨텐츠 전체 영역 2019-10-21*/
#container > .inner {position:relative;margin:0 auto;padding-left:310px;width:1200px;box-sizing:border-box;}

/* Left Menu 영역 2019-10-21 */
#side {position:absolute;top:0;left:0;bottom:0;width:260px;border:solid #dde2e4;border-width:0 1px 0 1px;background:#fff;z-index:5;}
#side h2 {display:none;}
#side .snb {margin:0 1px;}
#side .snb a {display:block; position:relative; line-height:1.3;}
#side .snb a:focus {outline:2px dashed #000;}
#side .snb a .blank {width:15px; height:15px; margin-left:4px; background:url('/Main/Images/section/gunsul_south/common/sprh_com.png') no-repeat 0 -240px; text-indent: -9999px; display: inline-block;}
#side .snb li ul {display: block;}
#side .snb li.open {}
#side .snb li.open > ul {display: block;}
#side .snb > li {border-bottom:1px solid #dde2e4;}
#side .snb > li > a {padding:7px 40px 7px 20px; font-size:14px; color:#333; font-weight:bold;}
#side .snb > li > a.on {margin:-1px -1px 0; background:#393a3f url('/Main/Images/section/gunsul_south/sub/bg_snb_a.jpg') no-repeat 0 0; background-size:cover; color:#fff;}
#side .snb > li > a .unfd {position:absolute;top:50%;right:20px;width:15px;height:2px;margin-top:-1px;background:url('/Main/Images/section/gunsul_south/common/sprh_com.png') no-repeat 0 -170px;text-indent:-9999px;}
#side .snb > li > a.on .unfd {height:8px; margin-top:-4px; background-position:0 -160px;}
/* 3차 */
#side .snb > li > ul {margin:7px 0;}
#side .snb > li > ul > li > a {padding:3px 30px 3px 30px;color:#444;font-size:13px;}
#side .snb > li > ul > li > a:before {content: ''; display:inline-block; position:absolute; top:50%; left:20px; width:3px; height:2px; margin-top:-1px; background-color:#818181;}
#side .snb > li > ul > li > a.on {color:#ec6600; text-decoration:underline;}
#side .snb > li > ul > li > a.on:before {width:5px; background-color:#ec6600;}
#side .snb > li > ul > li > a .unfd {position:absolute; top:50%; right:10px; z-index: 10; width:9px; height:9px; margin-top: -4px; background:none;}
#side .snb > li > ul > li > a .unfd:before,
#side .snb > li > ul > li > a .unfd:after {content: ''; display: inline-block; position: absolute; background: #333;}
#side .snb > li > ul > li > a .unfd:before {top: 4px; left: 0; right: 0; height: 1px;}
#side .snb > li > ul > li > a .unfd:after {top: 0; left: 4px; bottom: 0; width: 1px;}
#side .snb > li > ul > li > a.on .unfd:after {display: none;}
/* 4차 */
#side .snb > li > ul > li > ul {margin:10px 0; background: #f6f9fc;}
#side .snb > li > ul > li > ul > li > a {padding:5px 30px 5px 50px;}
#side .snb > li > ul > li > ul > li > a:before {content: ''; display: inline-block; position: absolute; top:50%; left: 38px; width: 4px; height: 2px; margin-top: -1px; background-color: #b7b7b7;}
#side .snb > li > ul > li > ul > li > a.on:before {background-color: #3d7ac9;}

/* 새 창 아이콘 */
.new_win:after {content:"";display:inline-block;width:7px;height:7px;margin-left:5px;background:url('/Main/Images/section/gunsul_south/common/ico_new_win.png') no-repeat;vertical-align:middle;}

/* 컨텐츠 영역 */
#cont {padding:35px 0 50px;width:100%;line-height:1.9;}
/*#cont .con_wrap {padding-bottom:60px;color:#5f5f5f;font-size:14px;}*/

#cont .page_tit_wrap {position:relative;margin-bottom:35px;border-bottom:1px solid #ccc;}
#cont .page_tit {padding:0 0 15px;font-size:37px;}
#cont .page_util {position:absolute;top:15px;right:0;}
#cont .page_util .btn_print {width:37px;height:35px;border:1px solid #ddd;text-indent:-9999px;background:#fff url('/Main/Images/section/gunsul_south/sub/util_print_ico.png') no-repeat center center;}

#cont .con_tit {clear:both; margin:35px 0 10px 0;padding-left:28px;color:#3f3f3f;font-size:17px;font-weight:bold;background:url('/Main/Images/section/gunsul_south/sub/con_tit_ico.gif') no-repeat left 7px;}
#cont .con_stit {margin:20px 0 10px;padding-left:25px;color:#1160a4;font-size:15px;font-weight:bold;background:url('/Main/Images/section/gunsul_south/sub/con_stit_ico.gif') no-repeat left 7px;}

#cont .con_box {padding-left:30px;}
#cont .con_txt {margin:7px 0;}
#cont .con_box.bg_gray {margin:10px 0;padding:20px 30px;border:1px solid #dbdbdb;background:#f6f6f6;}

#cont .con_tit + .cont_btn_wrap {margin-top:-45px;}
#cont .con_stit + .list_type1 {margin-left:10px;}


/* 공통 리스트 */
.list_type1 {margin:10px 0 20px 5px;}
.list_type1 > li {padding-left:15px;color:#5f5f5f;background:url('/Main/Images/section/gunsul_south/sub/con_dep1_ico.png') no-repeat left 13px;}
.list_type1 > li:first-child {margin-top:0;}

.list_type2  {margin-bottom:20px;}
.list_type2 > li {padding-left:10px;color:#5f5f5f;background:url('/Main/Images/section/gunsul_south/sub/con_dep2_ico.png') no-repeat left 11px;}
.list_type2 > li:first-child {margin-top:0;}

.list_type3  {margin-bottom:20px;}
.list_type3 > li {padding-left:10px;color:#5f5f5f;background:url('/Main/Images/section/gunsul_south/sub/con_dep3_ico.png') no-repeat left 12px;}
.list_type3 > li:first-child {margin-top:0;}

.list_type4 > li {padding-left:10px;color:#5f5f5f;background:url('/Main/Images/section/gunsul_south/sub/con_dep4_ico.gif') no-repeat left 12px;}
.list_type4 > li:first-child {margin-top:0;}

.conList .no_all {padding-left:0;background:none;}
.conList .no_bg {background:none;}
.conList .list_tit {display:block;}
.conList .list_txt {margin:3px 0;color:#000;font-size:0.93em;}

.num_list > li {position:relative;margin-top:20px;padding-left:30px;box-sizing:border-box;}
.num_list > li:first-child {margin-top:0;}
.num_list > li .num {position:absolute;left:0;font-size:15px;font-weight:600;}

.noti_list > li {position:relative;padding-left:15px;}
.noti_list > li:after {content:"※";position:absolute;top:0;left:0;}

/* 이미지 리스트 */
.img_list_wrap {margin:20px 0;overflow:hidden;}
.img_list_wrap ul {width:102%;overflow:hidden;}
.img_list_wrap li {float:left;position:relative;margin:0 2% 2% 0;}
.img_list_wrap li .txt {position:absolute;bottom:0;left:0;right:0;color:#fff;background:rgba(0,0,0,0.7);text-align:center;font-size: 13px;}

.img_list_wrap .col4 {width:101%;}
.img_list_wrap .col4 li {margin:0 1% 1% 0;width:24%;}

/* 공통 box */
#cont .img_wrap {margin:10px 0;}
#cont .img_wrap img {max-width:100%;}

/* 공통 텍스트 */
#cont .txt_red {color:#cc0000;}
#cont .txt_gray {color:#555;}
#cont .txt_blue {color:#003399;}
#cont .txt_black {color:#000;}
#cont .txt_left {text-align:left;}
#cont .txt_center {text-align:center;}
#cont .txt_right {text-align:right;}

.pc_block {display: block;}
.m_block {display:none;}

/* 공통 테이블 */
#cont .tbl_wrap {margin:10px 0;overflow:hidden;}
#cont .tbl_basic {margin-left:-1px;width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid #3679cb;}
#cont .tbl_basic caption {position:static;}
#cont .tbl_basic caption span {position:absolute;left:-10000px;height:1px;overflow:hidden;}
#cont .tbl_basic thead th {padding:10px;font-size:14px;font-weight:600;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background:#fafafb;word-break:keep-all;word-wrap:break-word;text-align:center;}
#cont .tbl_basic tbody th,
#cont .tbl_basic tbody td {padding:10px;line-height:1.8;color:#5f5f5f;font-size:14px;font-weight:normal;border-left:1px solid #ccc;border-bottom:1px solid #ccc;line-height:1.5;word-break:keep-all;word-wrap:break-word;}
#cont .tbl_basic tfoot th,
#cont .tbl_basic tfoot td {padding:10px;line-height:1.8;color:#5f5f5f;font-size:14px;font-weight:normal;border-left:1px solid #ccc;border-bottom:1px solid #ccc;line-height:1.5;word-break:keep-all;word-wrap:break-word;}
#cont .tbl_basic td .list_type4 li {background-position:0 10px;}
#cont .tbl_basic td a:hover {text-decoration:underline;}

#cont .tbl_wrap.tbl_pc_scroll {overflow-x:auto;}
#cont .tbl_wrap.tbl_pc_scroll .tbl_basic {width:auto;min-width:890px;max-width:1000px;}
#cont .tbl_wrap.tbl_scroll {padding-right:1px;width:100%;overflow-x:auto;}
#cont .tbl_pc_scroll_txt {font-size:13px;text-align:right;}
#cont .tbl_pc_scroll_txt + .tbl_wrap {margin:5px 0 10px;}
#cont .tbl_scroll_txt {display:none;font-size:13px;color:#5f5f5f;font-weight:normal;text-align:right;}
#cont .tbl_scroll_txt + .tbl_wrap {margin:5px 0 10px;}
#cont .tbl_wrap.tbl_scroll .tbl_head {border-top:2px solid #3679cb;background:#fafafb;}
#cont .tbl_wrap.tbl_scroll .tbl_head .tbl_basic {border-top:0;border-bottom:1px solid #ccc;}
#cont .tbl_wrap.tbl_scroll .tbl_body {overflow-y:auto;}
#cont .tbl_wrap.tbl_scroll .tbl_body .tbl_basic {border-top:0;}

#cont .tbl_basic .bg_none {background:none;}
#cont .tbl_basic .bdl_none {border-left:0;}
#cont .tbl_basic .bg_gray {background:#fafafb;}
#cont .tbl_basic .bg_red {color:#fff;background:#d93232;}
#cont .tbl_basic .bg_yellow {color:#000;background:#ffd100;}
#cont .tbl_basic .bg_green {color:#fff;background:#21b46d;}
#cont .tbl_basic .bg_blue {color:#fff;background:#2691e8;}
#cont .tbl_basic .bg_purple {color:#fff;background:#df1ec5;}
#cont .tbl_basic .bg_LBlue {background:#f2f6fe;}
#cont .tbl_basic .total {color:#000;font-weight:bold;}
#cont .tbl_basic .bdl_none {border-left:0;}
#cont .tbl_note {color:#7d7d7d;}
#cont .tbl_note + .tbl_wrap {margin:5px 0;}

#cont .tbl_all_td_center th,
#cont .tbl_all_td_center td {text-align:center;}
#cont .tbl_all_td_left th,
#cont .tbl_all_td_left td {text-align:left;}
#cont .tbl_all_td_right th,
#cont .tbl_all_td_right td {text-align:right;}

#cont .tbl_basic .txt_left {text-align:left;}
#cont .tbl_basic .txt_center {text-align:center;}
#cont .tbl_basic .txt_right {text-align:right;}

/* 컨텐츠 버튼 */
.cont_btn_wrap {margin:10px 0;}
.cont_btn_wrap a:focus {outline:2px dashed #000;}
.cont_btn_wrap .btn {display:inline-block;margin:3px;padding:0 15px;height:30px;line-height:30px;box-sizing:border-box;border-radius:3px;text-align:center;}
.cont_btn_wrap .btn:hover {text-decoration:underline;}
.cont_btn_wrap .btn .ico {display:inline-block;}
.cont_btn_wrap .btn .down {padding-right:15px;background:url('/Main/Images/section/gunsul_south/sub/btn_ico_down.png') no-repeat 99% center;}
.cont_btn_wrap .btn .new {padding-right:15px;background:url('/Main/Images/section/gunsul_south/sub/ico_new_win.png') no-repeat 99% center;}

.cont_btn_wrap .btn.bg_white {border:1px solid #c8d1db;background:#fff;}
.cont_btn_wrap .btn.bg_blue {color:#fff;background:#1160a4;}
.cont_btn_wrap .btn.bg_blue .down {padding-right:15px;background:url('/Main/Images/section/gunsul_south/sub/btn_ico_down2.png') no-repeat 99% center;}
.cont_btn_wrap .btn.bg_blue .new {padding-right:15px;background:url('/Main/Images/section/gunsul_south/sub/btn_ico_new2.png') no-repeat 99% center;}

/* 오픈 콘텐츠 */
.open_cont {position:relative;margin-top:50px;padding:15px 30px 15px 160px;min-height:75px;border:1px solid #d6d6d6;box-sizing:border-box;}
.open_cont .mark {position:absolute;top:15px;left:30px;}
.open_cont .txt {margin-top:10px;line-height:1.5;font-size:14px;}

/* 콘텐츠 담당자 */
.page_dept_info {margin-top:10px;padding:10px 20px;background:#626779;}
.page_dept_info ul {overflow:hidden;}
.page_dept_info ul li {float:left;margin:3px 20px 3px 0;padding-left:30px;color:#fff;font-size:13px;}
.page_dept_info ul li.dept {background:url('/Main/Images/section/gunsul_south/sub/page_dept_info_team_ico.png') no-repeat 0 5px;}
.page_dept_info ul li.name {background:url('/Main/Images/section/gunsul_south/sub/page_dept_info_name_ico.png') no-repeat 0 5px;}
.page_dept_info ul li.tel {background:url('/Main/Images/section/gunsul_south/sub/page_dept_info_tel_ico.png') no-repeat 0 5px;}
.page_dept_info ul li.date {float:right;margin-right:0;padding-right:3px;background:url('/Main/Images/section/gunsul_south/sub/page_dept_info_date_ico.png') no-repeat 0 3px;}

/* 서브 탭 */
#subTabBox {position:relative;margin:0 0 20px;}
#subTabBox .tab_active_tit {display:none;position:relative;padding:0 25px;height:40px;width:100%;color:#444;font-size:14px;font-weight:bold;border:2px solid #1160a4;background:#fff;text-align:left;}
#subTabBox .tab_active_tit:after {display:block;content:"";position:absolute;top:50%;right:20px;width:10px;height:5px;margin-top:-2px;background:url('/Main/Images/section/gunsul_south/sub/sub_tab_arr.png') no-repeat;}
#subTabBox > .inner {overflow:hidden;}
#subTabBox ul {width:101%;overflow:hidden;}
#subTabBox ul li {float:left;margin:0 1% 1% 0;width:24%;}
#subTabBox ul li .inner_tab {display:block;height:30px;line-height:30px;color:#444;border-radius:4px;box-sizing:border-box;border:1px solid #ccc;background:#f7f7f7;text-align:center;}
#subTabBox ul li .inner_tab.active {border:0;color:#fff;background:url('/Main/Images/section/gunsul_south/sub/sub_tab_bg.png') no-repeat right center;}
#subTabBox ul li .inner_tab span {display:inline-block;margin-top:-1px;line-height:28px;vertical-align:top;}
.tab_contents {display:none;margin:0 0 20px;}
.tab_contents.active {display:block;}

/* 서브 탭2 */
#tab_wrap {margin-bottom:20px;}
#tab_wrap ul {overflow:hidden;}
#tab_wrap ul li {float:left;margin:0 5px 5px 0;}
#tab_wrap ul li a {display:block;padding:3px 10px;border:1px solid #0062bf;color:#0062bf;box-sizing:border-box;text-align:center;}
#tab_wrap ul li a:hover {text-decoration:underline;}
#tab_wrap ul li a.active {color:#fff;background:#0062bf;}

/* 입력 및 검색 폼 */
.inp_box {overflow:hidden;}
.inp_box input[type="text"],
.inp_box input[type="password"] {height:30px;vertical-align:middle;}
.inp_box label {cursor:pointer;}
.inp_box select {padding:5px;height:30px;font-size:14px;border:1px solid #d8d8d8;box-sizing:border-box;}
.inp_box .select_box,
.inp_box .radio_box {display:inline-block;}
.inp_box .select_box .giude {display:inline-block;}
.inp_box .inp_radio {display:inline-block;margin-right:25px;}
.inp_box .inp_radio input[type=radio] {margin-right:5px;vertical-align:middle;}
.inp_box .inp_radio label {}
.inp_box .cal_box input[type="text"] {width:100px;}
.inp_box .btn {display:inline-block;margin:2px 0;padding:0 10px;height:30px;line-height:30px;color:#fff;font-size:14px;box-sizing:border-box;background:#686868;vertical-align:middle;text-align:center;}
.inp_box .btn.bg_LGray {color:#444;background:#e6e6e6;}
.inp_box .btn.on {color:#000;background:#38dac2;}
.inp_box .btn.bg_LGray:hover {color:#000;background:#38dac2;}
.inp_box .sch_bot_area {margin-top:20px;padding-top:20px;border-top:1px dashed #dbdbdb;}
.inp_box .all_check {display:inline-block;margin-left:10px;}

.sch_form_wrap {position:relative;margin:0 0 15px 0;border-top:2px solid #3679cb;border-bottom:1px solid #ddd;box-sizing:border-box;}
.sch_form_wrap.type1 {padding:15px;background:#fafafa;text-align:center;}
.sch_form_wrap.type2 .sch_list > li {display:table;width:100%;border-top:1px solid #ddd;}
.sch_form_wrap.type2 .sch_list > li:first-child {border-top:0;}
.sch_form_wrap.type2 .sch_list > li .tit {display:table-cell;padding:10px 15px;width:130px;color:#003399;font-weight:bold;border-right:1px solid #ddd;background:#f5f5f5;box-sizing:border-box;vertical-align:middle;}
.sch_form_wrap.type2 .sch_list > li .con {display:table-cell;padding:10px 15px;vertical-align:middle;}

.inp_list_wrap {overflow:hidden;}
.inp_list {width:101%;overflow:hidden;}
.inp_list li {float:left;margin:0.5% 1% 0.5% 0;}
.inp_list li .btn {margin:0;min-width:34px;}

.sch_form_wrap .sch_list.col2:after {content:"";display:block;clear:both;}
.sch_form_wrap .sch_list.col2 li {float:left;width:50%;}

.sch_btn_wrap {margin:10px 0 20px;}
.sch_btn_wrap .sch_btn {padding:5px;min-width:100px;height:30px;color:#fff;font-size:13px;border-radius:3px;background:#275cac;box-sizing:border-box;}

/* 흐름도 */
.org_wrap {color:#333;overflow:hidden;}
.org_wrap .org_box {position:relative;padding:10px;height:50px;box-sizing:border-box;border:1px solid #c9c9c9;background:#fff;text-align:center;z-index:3;}
.org_wrap .org_box:after {content:"";display:inline-block;width:0;height:100%;vertical-align: middle;}
.org_wrap .org_box.bg_blue {color:#fff;border:0;background:#21539c;}
.org_wrap .org_box.bg_gray {border:0;background:#e8e8e8;}
.org_wrap .org_box > p {display:inline-block;margin-top:-2px;line-height:1.3;vertical-align:middle;word-break: keep-all;}
.org_wrap .tit {display:block;font-size:18px;font-weight:bold;}
.org_wrap .txt {display:block;}
.org_wrap .org_bd_box {margin:25px 0;padding:15px 20px;border-top:2px solid #b1aaaa;background:#e7e7e7;}
.org_wrap .inner {overflow:hidden;}

/* dlType */
.dlType1.bdt_line {margin-top:20px;padding-top:20px;border-top:1px dashed #b3b3b3;}
.dlType1 dt {color:#0f4f96;font-weight:bold;}

/* 찾아오시는 길 */
.map_wrap .root_daum_roughmap.root_daum_roughmap_landing {width:100%;}
.map_img_wrap {border:1px solid #ccc;}

/* 인사말 */
.greeting_wrap {position:relative;margin-bottom:50px;padding:35px 300px 30px 0;min-height:170px;box-sizing:border-box;border-bottom:1px dashed #ddd;}
.greeting_wrap .greeting_txt {word-break:keep-all;}
.greeting_wrap .greeting_txt .txt1 {margin-bottom:10px;font-size:22px;color:#333;font-weight:600;}
.greeting_wrap .greeting_txt .txt2 {font-size:16px;}
.greeting_wrap .greeting_img {position:absolute;top:0;right:0;width:200px;box-sizing:border-box;text-align:center;}
.greeting_txt_wrap p {margin-bottom:20px;word-break:keep-all;}
.greeting_txt_wrap .depart {text-align:right;}
.greeting_txt_wrap .depart .name {font-size:28px;}

/* 연혁 */
.history_wrap ul li {overflow:hidden;} 
.history_wrap .dep1 > li {position:relative;padding-left:120px;}
.history_wrap .dep1 > li .year {position:absolute;top:0;left:0;display:block;font-size:36px;line-height:1;vertical-align:top;}
.history_wrap .dep1 > li .dep2 {float:left;padding-bottom:50px;vertical-align:top;background:url('/Main/Images/section/gunsul_south/sub/history_line.gif') repeat-y 10px 0;}
.history_wrap .dep1 > li .dep2.last {padding-bottom:0;}
.history_wrap .dep1 > li .dep2 li {position:relative;margin-top:10px;padding-left:160px;}
.history_wrap .dep1 > li .dep2 li:first-child {margin-top:0;background:url('/Main/Images/section/gunsul_south/sub/history_dot.png') no-repeat 0 3px;}
.history_wrap .dep1 > li .dep2 li .date {position:absolute;top:0;left:0;display:block;padding-left:50px;width:160px;font-size:15px;box-sizing:border-box;vertical-align:top;}
.history_wrap .dep1 > li .dep2 li .cont {width:100%;word-break:keep-all;}

/* 사업소 역할 */
.role_wrap {margin-bottom:50px;text-align:center;}
.role_wrap .tit {display:inline-block;margin-bottom:30px;padding:10px 50px;color:#fff;font-weight:bold;background:#0e55a5;}
.role_wrap .role_list {overflow:hidden;}
/* .role_wrap .role_list li {float:left;padding:0 3%;width:25%;text-align:center;box-sizing:border-box;} */
.role_wrap .role_list li {float:left;padding:30px 3%;width:23%;text-align:center;box-sizing:border-box;margin:0 1%;border:1px solid #d7d7d7;border-radius:3px;height:180px;}
.role_wrap .role_list li .txt {margin-top:10px;line-height:1.5;word-break: keep-all;}

/* 조직도 */
.organ_wrap {position:relative; text-align:center; overflow:hidden;}
.organ_wrap h4 span, .table_wrap .table_style .org_info  {display:inline-block; margin-left:15px; font-size:12px; background:#0f4f96; font-weight:normal;}
.organ_wrap h4 span a, .table_wrap .table_style .org_info a {height:25px; line-height:25px; color:#fff; padding:0 10px;}

.organ_wrap .team01 {width:300px; margin:0 auto 30px auto; overflow:hidden; border:1px solid #ccc;}
.organ_wrap .team01 a {display:block; padding:10px; border:3px solid #fff; border-bottom:none;}
.organ_wrap .governor a {color:#fff; background:#0056a4;}
.organ_wrap .team02 {width:100%; margin:0 auto; overflow:hidden;}
.organ_wrap .team02 span {float:left; box-sizing:border-box; width:24%; margin:0 0.5% 40px 0.5%; color:#fff; border:1px solid #ccc; background:#0077ca;}
.organ_wrap .team02 a {display:block; padding:10px; color:#fff; border:3px solid #fff; background:#00396e;}

.organ_search {margin-bottom:30px; padding:15px; color:#000; text-align:center; border:1px solid #e8e8e8; background:#fafafa;}
.organ_search label {margin-left:15px;}
.organ_search input.word {width:150px; margin:0 10px; padding:6px 5px;}
.organ_search .button {text-align:center;}

.bg_org02_1 {background:url('/Main/Images/ko/sub/organ_line02_1.png') no-repeat 50% top;}
.bg_org02_2 {margin-top:70px; background:url('/Main/Images/ko/sub/organ_line02_2.png') no-repeat 50% top;}
.organ_wrap .team11 {box-sizing:border-box; width:200px; margin:0 auto 40px; color:#fff; border:1px solid #ccc; background:#0056a4; overflow:hidden;}
.organ_wrap .team11 span {display:block; padding:10px; border:3px solid #fff;}
.organ_wrap .team12 {width:580px; margin:0 auto; overflow:hidden;}
.organ_wrap .team12 span {float:left; box-sizing:border-box; width:200px; margin:0 45px 40px 45px; color:#fff; border:1px solid #ccc; background:#0077ca;}
.organ_wrap .team12 span strong {display:block; padding:10px; font-weight:normal; border:3px solid #fff;}

.organ_wrap .team03 {margin-bottom:25px; overflow:hidden;}
.organ_wrap .team03 li {box-sizing:border-box; float:left; width:24%; margin:0 0.5% 10px 0.5%; color:#fff; border:1px solid #ccc; background:#095f1b;}
.organ_wrap .team03 li a {display:block; padding:10px 0; color:#fff; border:3px solid #fff;}
.organ_wrap .team03 li a .blank {width:11px; height:10px; margin-left:4px; background-position:-66px -231px; text-indent:-9999px;}
.organ_wrap .team04 {width:485px; margin:0 auto; overflow:hidden;}
.organ_wrap .team04 .team_org li {width:48%; margin:5px 1%;}
.organ_wrap .team04 .team_org .bullet_gray li {margin:3px 0; letter-spacing:-1px;}
.organ_wrap .team04 .team_list ul {height:178px;}
.organ_wrap .team04 .team_list li {width:auto;}
.organ_wrap .team05 {width:100%; overflow:hidden;}
.organ_wrap .team05 .team_list ul {height:410px;}
.organ_wrap .h_direct01, .organ_wrap .h_direct02, .organ_wrap .h_direct03, .organ_wrap .h_direct04 {height:130px !important;}
.organ_wrap .team_org {overflow:hidden;}
.organ_wrap .team_org ul {min-height:74px;}
.organ_wrap .team_org li {box-sizing:border-box; float:left; width:24%; margin:0 0.5% 15px 0.5%; border:1px solid #ccc;}
.organ_wrap .team_list p {padding:10px 0; color:#000; font-weight:bold; background:#f2f2f2; border:3px solid #fff;}
.organ_wrap .team_list p a .blank {width:11px; height:10px; margin-left:4px; background-position:-50px -231px; text-indent:-9999px;}
.organ_wrap .team_list ul {margin:10px 15px 15px 15px; overflow:hidden;}
.organ_wrap .team_list li {float:none; width:auto; margin:5px 0; text-align:left; border:none;}
.organ_wrap .j01 ul, .organ_wrap .j02 ul {height:281px;}
.organ_wrap .j03 ul, .organ_wrap .j04 ul {height:350px;} 
.organ_wrap .j05 ul, .organ_wrap .j06 ul {height:350px;}
.organ_wrap .j07 ul, .organ_wrap .j08 ul {height:327px;}
.organ_wrap .j09 ul, .organ_wrap .j10 ul {height:189px;}
.organ_wrap .j11 ul, .organ_wrap .j12 ul {height:534px;}
.organ_wrap .s01 ul, .organ_wrap .s02 ul {height:166px;}
.organ_wrap .h_gb {height:250px !important;}
.organ_wrap .h_council {height:200px !important;}
.organ_wrap .h_eastsea {height:100px !important;}
.organ_wrap .h_business {height:260px !important;}
.organ_wrap .h_business01, .organ_wrap .h_business02, .organ_wrap .h_business03, .organ_wrap .h_business04 {height:260px !important;}
.organ_wrap .h_business05, .organ_wrap .h_business06, .organ_wrap .h_business07, .organ_wrap .h_business08 {height:100px !important;}
.organ_wrap .h_business09, .organ_wrap .h_business10, .organ_wrap .h_business11, .organ_wrap .h_business12 {height:100px !important;}
.organ_down {overflow:hidden; margin-top:15px;}
.organ_down p {display:block; float:right; padding:2px 10px 3px 10px; font-size:13px; line-height:15px; font-weight:bold; border:1px solid #c4c4c4; border-radius:3px; background:#f8f7f5;}

.table_wrap {margin-top:15px; overflow-x:auto;}
.table_wrap table {width:100%; border-spacing:0px;}
.table_wrap.mobile {margin-top:15px; overflow-x:auto;}
.table_wrap.mobile table {width:860px;}
.table_wrap .table_style {width:100%; border-spacing:0px; table-layout:fixed; border-top: solid 2px #0f4f96; margin-left:-1px;}
.table_wrap .table_style caption {width:0px; height:0px; text-indent:-9999px; overflow:hidden;}
.table_wrap .table_style tr th {padding:7px; color:#205abd; font-size:13px; border-bottom:solid 1px #e0e0e0; border-left:solid 1px #e0e0e0; background:#f3f4f5;}
.table_wrap .table_style tbody tr th {font-size:14px; color:#585b5c; border-bottom:solid 1px #e0e0e0; border-left:solid 1px #e0e0e0; background:#fafafa; font-weight:normal;}
.table_wrap .table_style tbody tr th a {color:#333;}
.table_wrap .table_style tr td {padding:7px; border-left:solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; text-align:center; font-size:14px; color:#585b5c; line-height:24px;}
.table_wrap .table_style tr th.l {text-align:left;}
.table_wrap .table_style tr td.l {text-align:left;}
.table_wrap .table_style tr td.r {text-align:right;}
.table_wrap .table_style .bg_yellow th {background:#fcf5e7 !important;}
.table_wrap .table_style tr td dl {margin-bottom:5px; padding-bottom:10px;}
.table_wrap .table_style tr td dt {margin:7px 0; color:#1160a4; font-weight:bold;}
.table_wrap .table_style tr td dd {padding-left:25px; line-height:20px; background:url('/Main/Images/ko/sub/blt03.gif') no-repeat 15px 9px;}
.table_wrap .stick {text-indent:-9999px; background:url('/Main/Images/ko/sub/table_stick.png') repeat-x left center;}
.table_wrap .bg_yellow {font-weight:bold; color:#000 !important; background:#fffcec;}

/* 테블릿 */
@media screen and ( max-width:1024px ){
	/* Left Menu 영역 2019-10-21 */
	#side {display:none;}
	/* 컨텐츠 전체 영역 2019-10-21 */
	#container > .inner {padding:0 3%;width:100%;}
	#sub_top > .inner {background-color:rgba(255, 255, 255, 0.5);}    
}

/* 모바일 */
@media screen and ( max-width:768px ){
	/* 서브 상단 */
	#sub_top {height:125px;}	
	#sub_top .sub_tit {font-size:1.6em;}
	/* 컨텐츠 영역 */
	#cont .page_tit {font-size:1.5em;}
	#cont .page_util .btn_print {width:30px;height:28px;;}
	#cont .con_box {padding-left:10px;}
	#cont .con_box.bg_gray {padding:15px;}
	#cont .con_tit + .cont_btn_wrap {margin-top:10px;}
	/* 이미지 리스트 */
	.img_list_wrap .col4 {width:102%;}
	.img_list_wrap .col4 li {margin:0 2% 2% 0;width:48%;}
	/* 공통 테이블 */
	#cont .tbl_basic thead th {padding:5px;font-size:0.875em;}
	#cont .tbl_basic tbody th,
	#cont .tbl_basic tbody td {padding:5px;font-size:0.875em;}
	#cont .tbl_wrap.tbl_pc_scroll .tbl_basic {width:760px;}
	#cont .tbl_scroll .tbl_basic {min-width:760px;} 
	#cont .tbl_scroll_txt {display:block;}
	#cont .tbl_wrap.tbl_scroll .tbl_head {min-width:760px;}
	#cont .tbl_wrap.tbl_scroll .tbl_body {min-width:760px;}
	/* 오픈 콘텐츠 */
	.open_cont {padding:15px 15px 15px 145px;}
	.open_cont .mark {top:15px;left:15px;}
	.open_cont .txt {margin-top:0;}
	/* 콘텐츠 담당자 */
	.page_dept_info {padding:10px;}
	.page_dept_info ul li {margin:3px 0;padding-left:25px;width:50%;box-sizing:border-box;}
	.page_dept_info ul li.dept {background-size:17px auto;}
	.page_dept_info ul li.name {background-size:17px auto;}
	.page_dept_info ul li.tel {background-size:17px auto;}
	.page_dept_info ul li.date {float:left;background-size:17px auto;background-position:0 5px;}
	/* 이미지 리스트 */
	.img_list_wrap li {width:48%;}
	.img_list_wrap li .img img {width:100%;}
	/* 서브 탭 */
	#subTabBox .tab_active_tit {display:block;}
	#subTabBox > .inner {position:absolute;width:100%;z-index:5;}
	#subTabBox ul {display:none;width:100%;}
	#subTabBox ul li {float:none;margin:0;width:100%;}
	#subTabBox ul li .inner_tab {padding:0 25px;height:40px;line-height:40px;border-radius:0;border-width:0 1px 1px 1px;text-align:left;}
	#subTabBox ul li .inner_tab.active {border:0;color:#fff;background:#1160a4;}
	#subTabBox ul li .inner_tab span {line-height:40px;}
	/* 입력 및 검색 폼 */
	.inp_box input[type="text"],
	.inp_box input[type="password"] {min-width:100px;}
	.inp_box .select_box,
	.inp_box .radio_box {display:block;overflow:hidden;}
	.inp_box .inp_radio {margin-right:10px;}
	.inp_box .inp_radio input[type=radio] {margin-right:0;}
	.inp_box .inp_radio label {font-size:13px;}
	.inp_box .select_box.col1 {width:100%;}
	.inp_box .select_box.col2,
	.inp_box .select_box.col4 {width:103%;}
	.inp_box .select_box.col1 select {width:100%;}
	.inp_box .select_box.col2 select,
	.inp_box .select_box.col4 select {display:block;float:left;margin:1% 3% 1% 0;width:47%;}
	.inp_box .all_check {display:block;margin:5px 0 0;text-align:left;}
	.inp_box .sch_bot_area {margin-top:10px;padding-top:10px;}
	.sch_form_wrap.type1 .sch_btn {display:block;margin:1% 0;width:100%;}
	.sch_form_wrap.type2 .sch_list > li .tit {padding:10px;width:80px;}
	.sch_form_wrap.type2 .sch_list > li .con {padding:10px;}
	.sch_form_wrap .sch_list.col2 li {float:none;width:100%;}
	.inp_box .btn {font-size:0.93em;}
	.inp_list {width:100%;}
	.inp_list li .btn {min-width:32px;}
	/* 흐름도 */
	.org_wrap .org_box {padding:5px 10px;min-height:35px;height:auto;font-size:13px;}
	.org_wrap .org_bd_box {padding:10px;}
	/* 공통텍스트 */
	.pc_block {display: none;}
	.m_block {display:block;}
	/* 인사말 */
	.greeting_wrap {margin-bottom:30px;padding:0 0 30px;min-height:auto;}
	.greeting_wrap .greeting_txt .txt1 {font-size:1.25em;font-weight:normal;}
	.greeting_wrap .greeting_txt .txt2 {font-size:14px;}
	.greeting_wrap .greeting_img {position:relative;margin-top:20px;width:100%;}
	.greeting_txt_wrap .depart .name {font-size:1.25em;}
	/* 연혁 */
	.history_wrap .dep1 > li {padding-left:0;}
	.history_wrap .dep1 > li .year {position:relative;margin-bottom:10px;font-size:1.5em;}
	.history_wrap .dep1 > li .dep2 {margin-bottom:30px;padding-bottom:0;}
	.history_wrap .dep1 > li .dep2 li {position:relative;padding-left:120px;}
	.history_wrap .dep1 > li .dep2 li .date {padding-left:30px;width:120px;font-size:14px;}
	.history_wrap .dep1 > li .dep2 li .cont {width:100%;word-break:keep-all;}
	/* 사업소 역할 */
	.role_wrap {margin-bottom:30px;}
	/* .role_wrap .role_list li {margin-bottom:30px;width:50%;} */
	.role_wrap .role_list li {margin-bottom:8px;width:48%;height:160px;}
	/* 조직도 */
	.organ_search {padding:10px 20px; text-align:left;}
	.organ_search span {display:block; margin:5px 0;}
	.organ_search label {width:25%; margin-left:0;}
	.organ_search input.word {width:75%; margin:0;}
	.bg_org02_1 {background:url('/Main/Images/ko/sub/organ_line02_1t.png') no-repeat 50% top;}
	.bg_org02_2 {background:url('/Main/Images/ko/sub/organ_line02_2t.png') no-repeat 50% top;}
	.organ_wrap .team12 {width:70%;}
	.organ_wrap .team12 span {width:100%; margin:0 0 10px 0;}
	.organ_wrap .team02 {width:70%; margin-bottom:20px;}
	.organ_wrap .team02 span {display:block; width:100%; margin:0 0 10px 0;}
	.organ_wrap .team03 li {width:49%;}
	.organ_wrap .team04 {width:100%; margin-top:25px;}
	.organ_wrap .team_org li {width:49%; margin:10px 0.5% 0 0.5%;}
	.organ_wrap .team_list li {width:100%; margin:0;}
	.organ_wrap .team_list .bullet_gray li {width:100%;}
	.organ_wrap .j01 ul {height:216px;}
	.organ_wrap .j02 ul {height:72px;}
	.organ_wrap .j03 ul, .organ_wrap .j04 ul, .organ_wrap .j05 ul {height:252px;}
	.organ_wrap .j06 ul {height:198px;}
	.organ_wrap .j07 ul {height:252px;}
	.organ_wrap .j08 ul {height:180px;}
	.organ_wrap .j09 ul, .organ_wrap .j10 ul, .organ_wrap .j11 ul {height:162px;}
	.organ_wrap .j12 ul {height:auto;}
	.organ_wrap .s01 ul, .organ_wrap .s02 ul {height:166px;}
}

@media screen and ( max-width:320px ){
	/* 콘텐츠 담당자 */
	.page_dept_info ul li {padding-left:0;}
	.page_dept_info ul li.dept,
	.page_dept_info ul li.name,
	.page_dept_info ul li.tel,
	.page_dept_info ul li.date {background:none;}
}

.page_tab {margin:0 0 10px 0; overflow:hidden;}
.page_tab:nth-child(2) {display:none;}
.page_tab button {display:none;}	
.page_tab ul {display:block; padding-top:3px;}
.page_tab li {box-sizing:border-box; float:left; width:24%; height:31px; line-height:31px; margin:0 0.5% 5px 0.5%; font-weight:bold; text-align:center; font-size:13px;}
.page_tab li a {display:block; color:#585858; border:1px solid #ccc; background:#e5e5e5; border-radius:5px;}
.page_tab li a:focus {outline:2px dashed #000;}
.page_tab li a.on {color:#fff; border:none; background:url('/Main/Images/section/gunsul_south/sub/sub_tab_bg.png') no-repeat right center;}

@media all and (max-width:768px) {
	.page_tab{margin:0 0 20px; border:2px solid #516dbe;}
	.page_tab button {display:block; position:relative; width:100%; height:42px; padding:0 25px; color:#000; font-weight:bold; text-align:left; background:none;}
	.page_tab button .sprh_com {position:absolute; top:50%; right:15px; width:0; height:0; margin:-4px 0 0; border:5px solid #fff; border-top-color:#516dbe;  color:#333 !important; transition:all 0.1s; transform-origin:50% 50%; text-indent:-9999px;}
	.page_tab ul {display:none; border-top:2px solid #516dbe;}
	.page_tab li {display:block; width:100%; height:auto; margin:0; text-align:left; line-height:normal;}
	.page_tab li a {padding:7px 25px; border:none; background:none;}
	.page_tab li a.on {background:#516dbe;}
}