@charset "utf-8";

.board_list_v01 table th,
.board_list_v01 table td {font-family:'notokr-regular' !important}

/* list */
#ctn h4 {border-top:0; font-size:1.33em; font-weight:500; }
#ctn {line-height:1.6;}
h4,.h4 {position:relative; line-height:1.2; margin-top:30px; margin-bottom:15px; padding-left:35px; padding-top:0 !important; font-weight:600; letter-spacing:-0.03em; background:url('/design/ko2019/img/sub/h4.png') no-repeat 0 center; font-size: 22px;}
h4:first-child {margin-top:0;}
h5,.h5 {position:relative; margin-left:11px; margin-bottom:10px; padding:0 0 0 20px; font-weight:500; font-weight:600; font-size:1.08em; background:url('/design/ko2019/img/sub/h5.png') no-repeat 0 7px !important;}
.depth_01 {margin:0 0 30px 20px;}
.depth_01 > li,.dep_01 {margin:0; padding:0 0 0 15px; margin-bottom:5px; background:url('/design/ko2019/img/sub/dep01.png') no-repeat 0 11px;}
.depth_01 > li.no {background:none !important;}
.depth_02 {margin:0;}
.depth_02 > li,.dep_02 {margin:5px 0; padding:0 0 0 11px; background:url('/design/ko2019/img/sub/dep02.png') no-repeat 0 11px;}
.depth_02 > li.no {background:none !important;}
.depth_03 {margin:0;}
.depth_03 > li,.dep_03 {margin:0; padding:0 0 0 11px; background:url('/design/ko2019/img/sub/dep03.png') no-repeat 1px 12px;}
.depth_03 > li.no {background:none !important;}
.depth_03 > li > ul > li {padding:0;}
.depth_03 > li > ul > li > span.asterisk {vertical-align:middle; line-height:1;}
.depth_no {margin:0 0 15px 20px;}
.depth_no > li {margin:0; padding:0; background:none;}
@media only screen and (max-width:1023px) {
	h4,.h4 {font-size:1.2rem !important; background-size:20px; background-position:left 5px;}
}

/*텝메뉴*/
.tab_depth04 {width:100%; padding:0 0 20px; /*! border-bottom:1px dotted #ccc; */ /*! margin-bottom:20px; */}
.tab_depth04 ul {margin-bottom:0px; overflow:hidden;box-sizing: border-box; position:relative; text-align:center;border-left: 1px solid #e1e6eb;}
.tab_depth04 li {/*! float:left; */ /*! width:33.333%; */ box-sizing:border-box;/*! display: inline-block; */width: 25%;float: left;border-bottom: 1px solid #e1e6eb;border-right: 1px solid #e1e6eb; border-top: 1px solid #e1e6eb;}
.tab_depth04 li:nth-of-type(4)~ li {border-top:0;}
.tab_depth04 ul.col_1 li {width:100%;}
.tab_depth04 ul.col_2 li {width:50%;}
.tab_depth04 ul.col_3 li {width:33.333%;}
.tab_depth04 ul.col_4 li {width:25%;}
.tab_depth04 ul.col_5 li {width:20%;}
.tab_depth04 li a {display:block; /*! border:1px solid #2a4483; */ box-sizing:border-box; /*! padding-left:7%; */ /*! background:url('/design/ko2019/img/sub/tab_depth04_off.png') no-repeat 90% center; */ font-size:15px; letter-spacing:-0.05em;/*! background: #f1f1f1; *//*! border-radius: 20px; */padding: 10px 15px; /*! border-right: 1px dotted #ddd; */border: 1px solid #fff;background: #f7f7f7;}
.tab_depth04 li a img {display:none;}
.tab_depth04 li a[target="_blank"] span {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5px; padding-right:20px;}
.tab_depth04 li.active a,
.tab_depth04 li a:hover {color:#fff; font-weight:600; margin-left:10px; background: #fff; color: #2a4483; margin-left:0;border: 1px solid #2a4483;box-sizing: border-box;color: #2a4483;}
.tab_depth04 li.active a span,
.tab_depth04 li a:hover span {font-weight:bold;}
.tab_depth04 li:nth-of-type(5)~ li a {/*! border-top:0; */}

.searchDate { overflow:hidden; margin-bottom:40px;}
.searchDate input {border:0; line-height:33px; height:33px; width:70px; text-align:center;border:1px solid #ccc;}
.searchDate input {text-align:left; width:150px; padding:0 10px;}
.searchDate a { display:inline-block; background:#ebebeb; padding:5px 10px; border-left:1px solid #ccc; vertical-align:top; }
.searchDate a {background:#444; color:#fff;}

/*div*/
.left_cont {float:left;}
.right_cont {float:right;}

/* table */
.tbl_wrap {overflow-x:auto; margin:20px 0; clear:both;}
.tbl_st1 {width:100%; margin-left:-1px; border-top:2px solid #103e93; border-collapse:separate !important; }
.tbl_st1 th,
.tbl_st1 td  {font-family:'notokr-regular' !important}
.tbl_st1.aL td,
.tbl_st1 td.txtL {text-align:left;}
.tbl_st1 .depth_01 {margin:0;}
.tbl_st1 thead th {background:#f3f4f5; padding:10px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#0a246f; text-align:center; font-weight:500; font-size:0.88em;}
.tbl_st1 tbody th {background:#fff; font-size:0.88em; font-weight:400;}
.tbl_st1 tbody td, .tbl_st1 tfoot td {background:#fff; font-size:0.88em;}
.tbl_st1 tbody th, .tbl_st1 tbody td, .tbl_st1 tfoot th, .tbl_st1 tfoot td {padding:10px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; word-break:break-all;}
.tbl_st2 th,
.tbl_st2 td  {font-family:'notokr-regular' !important}
.tbl_st2 {table-layout:auto !important; width:100%; margin-left:-1px; border-top:2px solid #103e93; font-family:'notokr-regular' }
.tbl_st2 thead th {background:#f3f4f5; padding:10px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#0a246f; text-align:center; font-weight:500; font-size:0.88em;}
.tbl_st2 thead td {padding:10px; border-bottom:1px solid #e0e0e0; text-align:center; word-break:break-all;}
.tbl_st2 tbody th {background:#fff; font-size:0.88em; font-weight:400;}
.tbl_st2 tbody td, .tbl_st2 tfoot td {background:#fff; font-size:0.88em;}
.tbl_st2 tbody th, .tbl_st2 tbody td, .tbl_st2 tfoot th, .tbl_st2 tfoot td {padding:10px; border-bottom:1px solid #e0e0e0; text-align:center; word-break:break-all; word-break:keep-all;}

/* btn */
a.btn {display:block;}
a.btn.type1 {padding:5px; border:1px solid #103e93; color:#103e93}

/* shelter */
.shelter {position:relative; min-height:715px; border:1px solid #dbdbdb;}
.shelter .village {position:absolute; top:0; left:0; background:url('/design/rainfall2019/img/shelter/shelter_map.jpg') no-repeat; background-size:100% 715px; width:100%; height:715px; left:0%;}
.shelter .village > div {position:absolute;}
.shelter .village > div.on {margin-top:-35px; padding-top:50px;background:url('/design/rainfall2019/img/shelter/shelter_on.png') no-repeat center top; text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; z-index:1;}
.shelter .village > div.seo {top:40%; left:21%}
.shelter .village > div.angang {top:23%; left:32%;}
.shelter .village > div.gangdong {top:25%; left:41.84%;}
.shelter .village > div.sannae {top:71%; left:18%;}
.shelter .village > div.geoncheon {top:54%; left:24%;}
.shelter .village > div.hyeongok {top:38%; left:29%;}
.shelter .village > div.cheonbuk {top:39%; left:41.84%;}
.shelter .village > div.naenam {top:70%; left:33%;}
.shelter .village > div.jungbu {top:43%; left:32%;}
.shelter .village > div.hwangseong {top:38%; left:35.5%;}
.shelter .village > div.yonggang {top:44%; left:39%;}
.shelter .village > div.seondo {top:52%; left:31%;}
.shelter .village > div.seonggeon {top:48%; left:34.3%;}
.shelter .village > div.dongcheon {top:49.5%; left:40.5%;}
.shelter .village > div.hwangnam {top:60%; left:34.7%;}
.shelter .village > div.wolseong {top:60%; left:39.7%;}
.shelter .village > div.hwango {top:54.3%; left:40.7%;}
.shelter .village > div.bulguk {top:65%; left:43%;}
.shelter .village > div.bodeok {top:52%; left:48%;}
.shelter .village > div.oedong {top:78%; left:46.5%;}
.shelter .village > div.yangbuk {top:58%; left:55.5%;}
.shelter .village > div.gampo {top:59%; left:63.0%;}
.shelter .village > div.yangnam {top:80%; left:57%;}
.shelter .village > div a,
.shelter .village > div a span {display:block; text-align:center; font-weight:600;}
.shelter .village > div a span {color:#ff0000; font-size:0.9em;}
.shelter .list {position:absolute; top:15px; right:15px; z-index:1; background:#fff; border:1px solid #0a246f; /*width:35%;*/ width:400px; box-sizing:border-box;}
.shelter .list p {margin:0 !important; padding:0 20px; height:49px; background:#20509f url('/design/rainfall2019/img/shelter/shelter_list.png') no-repeat right top; color:#fff; font-size:1.07em; line-height:49px;}
.shelter .list p a {display:block; float:right; width:17px; height:49px; background:url('/design/rainfall2019/img/shelter/shelter_close.png') no-repeat center; text-indent:-9999px;}
.shelter .list .tbl_wrap {margin:20px;}
.shelter_paging {text-align:center; margin-top:40px;}
.shelter_paging .paging {display:inline-block;}
.shelter_paging .paging a,
.shelter_paging .paging strong {float:left; margin-right:3px; width:28px; height:28px; line-height:28px; font-size:0.88em; box-sizing:border-box;}
.shelter_paging .paging strong {background:#103e93; color:#fff; font-weight:400}
.shelter_paging .paging a.prev_end,
.shelter_paging .paging a.prev,
.shelter_paging .paging a.next,
.shelter_paging .paging a.next_end {text-indent:-9999px; border:0;}
.shelter_paging .paging a.prev {margin-right:25px;}
.shelter_paging .paging a.next {margin-left:25px;}
.shelter_paging .paging a.prev_end {background:url('/design/rainfall2019/img/shelter/paging_prev_end.gif') no-repeat center;}
.shelter_paging .paging a.prev {background:url('/design/rainfall2019/img/shelter/paging_prev.gif') no-repeat center;}
.shelter_paging .paging a.next {background:url('/design/rainfall2019/img/shelter/paging_next.gif') no-repeat center;}
.shelter_paging .paging a.next_end {background:url('/design/rainfall2019/img/shelter/paging_next_end.gif') no-repeat center;}
@media all and (max-width:1023px) {
	.shelter {overflow:scroll}
	.shelter .village {width:1200px;}
}
@media all and (max-width:599px) {
	.shelter .list {width:94%; top:50%; left:50%; transform:translate(-50%, -50%);  -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
}

/*본부소개*/
.introduce {width:100%; overflow:hidden;}
.introduce .left_cont {width:45%; text-align:center;}
.introduce .left_cont img {width:auto; max-width:100%;}
.introduce .right_cont {width:50%;}
.introduce .right_cont p {margin-bottom:30px !important; box-sizing:border-box; padding-right:20%;}
.introduce .right_cont p:nth-of-type(1) {font-size:22px; color:#103e93; font-family:'notokr-bold'; margin:50px 0 !important;}
@media all and (max-width:880px) {
	.introduce .left_cont,
	.introduce .right_cont {float:none; width:100%;}
	.introduce .right_cont p {padding-right:0;}
}

/*본부체계*/
.orgWrap {background:url('/design/rainfall2019/img/sub01/sub01-2.gif') no-repeat center top; margin-bottom:30px;}
.orgWrap dt {background:#125a98; color:#fff; font-weight:bold; padding:5px 1%; text-align:center;}
.orgWrap dd {background:#f3f3f3; line-height:1.5; padding:10px 1%; text-align:center;}
.orgWrap .num1 {width:20%; margin:0 auto; text-align:center;}
.orgWrap .num1 dt {background:#0a246f;}
.orgWrap .num2 {width:20%; margin:0 auto; border-radius:10px; text-align:center; padding-top:30px; border:none !important;}
.orgWrap .num2 dt {background:#0a246f;}
.orgWrap .num3 {width:20%; margin:0 auto; border-radius:10px; text-align:center; padding-top:150px;}
.orgWrap .num3 dt {background:#1670be;}
.orgWrap .num4 {position:absolute; top:35px; right:20%; width:20%;}
.orgWrap .num4 dt {background:#0070c0;}
.orgWrap .num5 {position:absolute; top:35px; left:20%; width:20%;}
.orgWrap .num5 dt {background:#0070c0;}
.orgWrap .org3 {position:relative; width:100%;}
.orgWrap .org3 > li {width:100%;}
.orgWrap .org4 {position:relative; width:100%; margin:60px auto 0; text-align:center; overflow:hidden;}
.orgWrap .org4 > li {display:inline-block; width:6.8%; box-sizing: border-box; padding-left:1%;}
.orgWrap .org4 dl {}
.orgWrap .org4 dl dt {vertical-align:middle; padding:10px 20%; height:180px; font-size:16px; line-height:1.5; word-break: break-all;}
.orgWrap .org4 dl dd {padding:10px 40%; height:180px; word-break: break-all;}
.orgWrap .org4 dl dd:last-child {height:1200px;}
.orgWrap .org4 dl dd:nth-of-type(2) {border-top:1px dashed #ccc;}
.orgWrap .org4 dl.unit {}
.orgWrap .org4 dl.unit dt {background:none; color:#131313; padding:10px 40%; font-weight:400;}
.orgWrap .org4 dl.unit dd {background:none; border-top:none;}
.orgWrap .org4 li {vertical-align:top;}
.orgWrap .org4 dd:first-child {height:115px;}
@media all and (max-width:1300px){
	.orgWrap {background-size: 100% 55%;}
}
@media all and (max-width:880px){
	.orgWrap {background:none;}
	.orgWrap .num1 {width:100%;}
	.orgWrap .num2 {width:100%; padding-top:10px;}
	.orgWrap .num3 {width:100%; padding-top:10px;}
	.orgWrap .num4 {width:100%; padding-top:10px; position:relative; top:0; right:0;}
	.orgWrap .num5 {width:100%; padding-top:10px; position:relative; top:0; left:0;}
	.orgWrap .num3 {width:100%; top:120px;}
	.orgWrap .org4 {margin-top:0;}
	.orgWrap .org4 li:nth-of-type(1) {display:none;}
	.orgWrap .org4 > li {width:100%;}
	.orgWrap .org4 dl dt {height:auto; padding:0;}
	.orgWrap .org4 dl dd {height:auto; padding:0;}
	.orgWrap .org4 dl dd:last-child {height:auto;}
}

/**/
.imgWrap {width:100%; overflow:hidden; padding:40px 1%; text-align:center; background:#f7f7f7;}
.imgWrap img {width:auto; max-width:100%;}

/* button */
input.btnM {border:0;}

.btnL {display:inline-block; height:35px; padding:0 24px 0; border-radius:6px 6px; border:0; font-weight:normal; font-size:17px; line-height:31px; color:#fff; background:#00a3a8; letter-spacing:-0.08em;}
.btnM {display:inline-block; height:30px; padding:0 24px 0; border-radius:5px 5px; border:0; font-weight:600; font-size:15px; line-height:29px; color:#fff; background:#00a3a8;}
.btnS {display:inline-block; height:19px; padding:0 24px 0; border-radius:4px 4px; border:0; font-weight:600; font-size:12px; line-height:16px; color:#fff; background:#00a3a8;}

.btL {display:inline-block; height:31px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:8px 8px; font-weight:600; font-size:18px; line-height:27px; color:#00a3a8; background:#ebf8f8;}
.btM {display:inline-block; height:26px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:6px 6px; font-weight:600; font-size:15px; line-height:25px; color:#00a3a8; background:#ebf8f8;}
.btS {display:inline-block; height:17px; padding:0 24px 0; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:12px; line-height:14px; color:#00a3a8; background:#ebf8f8;}
.btn_wrap {width:100%; overflow:hidden;}
.btn_wrap li{float:left; margin-left:20px;}

/*지진옥외대피장소*/
.evacuation {border:1px solid #ddd; box-sizing:border-box;}

/* 안전관리헌장 */
.charter {overflow:hidden; width:100%; box-sizing:border-box; border:10px solid #f4f5f9; padding:7%;}
.charter h4 {font-size:44px !important; background:none; font-weight:bold; text-align:center; color:#005bab; margin-bottom:70px !important; font-weight:700px}
.charter .top {position:relative; padding-left:30%;  padding-bottom:40px; font-size:21px; border-bottom:1px dashed #ccc; margin-bottom:50px;}
.charter .top p {line-height:45px; text-align:justify;}
.charter .top::before {content:''; position:absolute; left:0; top:0; width:200px; height:200px; background:url('/design/rainfall2019/img/sub02/charter.png') no-repeat;}
.charter .bottom {overflow:hidden;}
.charter .bottom li {position:relative; margin-bottom:30px; font-size:18px !important; padding-left:50px; line-height:35px;}
.charter .bottom li::before {content:'Ⅰ'; position:absolute; top:0; left:0; width:35px; height:35px; border-radius:50%; background:#005bab; color:#fff; text-align:center; line-height:35px; font-weight:700;}
@media all and (max-width:768px){
	.charter .top {padding-left:0;}
	.charter .top::before {display:none;}
}

/* 사이트맵 */
#sitemap {}
#sitemap dl {clear:both; margin-bottom:30px; background:#efefef; border:1px solid #ccc; overflow:hidden;}
#sitemap dt {float:left; width:100%; padding:9px 0; height:auto; border-bottom:2px solid #2a4483;}
#sitemap dt span {display:block; margin:0 0 0 20px;}
#sitemap dt span a {color:#2a4483; font-weight:700; font-size:20px !important;}
#sitemap dt span a img{display:none !important;}
#sitemap dt span a[target="_blank"]  {background:url('/design/common/img/layout/blankB.gif') no-repeat right 8px; padding-right:20px;}
#sitemap dd {float:right; width:100%; padding:9px 0; background:#fff;}
#sitemap dd > ul {margin-left:20px;}
#sitemap dd > ul > li {margin:0 0 15px 0;}
#sitemap dd > ul > li > a {/*padding:0 0 0 11px;*/ font-weight:600; color:#333; /*background:url('/design/ko/img/common/depth_01.gif') no-repeat 0 6px;*/}
#sitemap dd > ul > li > a img {display:none !important;}
#sitemap dd > ul > li > a[target="_blank"]  {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5px; padding-right:15px;}
#sitemap dd > ul > li > ul {margin:4px 20px 4px 0; padding:6px 0 6px 15px; border:1px dashed #ddd; background:#f5f5f5; overflow:hidden;}
#sitemap dd > ul > li > ul > li {float:left; width:30.5%; padding:0 0 0 11px; background:url('/design/ko/img/common/depth_02.gif') no-repeat 0 11px;}
#sitemap dd > ul > li > ul > li > a {color:#333;}
#sitemap dd > ul > li > ul > li > a img {display:none !important;}
#sitemap dd > ul > li > ul > li > a[target="_blank"]  {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5px; padding-right:15px;}
@media ( max-width: 360px ) {
    #sitemap dd > ul > li > ul > li {width:100%;}
}
@media ( max-width: 479px ) {
  #sitemap dd > ul > li > ul > li {width:50%; box-sizing: border-box;}
}