@charset "utf-8";

/* title */

h4,h5,h6{font-weight:normal;margin-bottom:10px;line-height:1}
h4{color:#404144;font-size:1.375em;font-weight:normal;background:url(/images/safe/common/bullet_h4.png) no-repeat 0 1px;padding-left:20px}
h4 .desc{font-weight:400;font-size:0.824em}
h5{font-size:1.250em;margin-left:9px;padding-left:13px;color:#244196;line-height:23px;background:url(/images/safe/common/bullet_h5.png) no-repeat 0 5px}
h6{font-size:1.188em;margin-left:24px;padding-left:14px;background:url(/images/safe/common/bullet_h6.png) no-repeat 0 3px;color:#3b3c3c}
.h4{margin-top:30px}
.h5{margin-top:25px}
.h6{margin-top:20px}

a[target="_blank"] {padding-right: 18px;background: url(/images/common/ico_window.gif) no-repeat 100% 0;}

/* print */
.undefined{}
.undefined #contents{width:auto;margin:2.5%}
.undefined #contents .satisfaction{display:none}

/* box */
.basic_box{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden;}
.basic_box:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#7fb3da}
.basic_box:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#d4e7f6}
.basic_box .inner{position:relative;z-index:1;margin:5px;padding:10px 30px 10px 0;border-bottom:1px solid #c2cbe5}
.basic_box .descpt{padding:20px;border:1px solid #c7ced2} 
.basic_box .inner.ico{min-height:85px;padding:20px 20px 23px 180px}
.basic_box .inner.ico1{background:#fff url(/images/common/ico_box.gif) no-repeat 35px 50%}
.basic_box .inner .darblue{color:#325088}
.basic_box h4,.basic_box strong{display:block;margin-bottom:10px;font-size:1.42em;line-height:1.3;color:#000;font-weight:normal;}
.basic_box .basic_list.mb_0{margin-bottom:0}
.basic_box .basic_list li{margin-bottom:0}
.basic_box .basic_list li strong{display:inline-block;margin-bottom:0;font-size:1em}
.basic_box .downfile_lst{margin-top:10px}
.basic_box .downfile_lst li{display:block;margin-left:-10px}
.basic_box .downfile_lst li a{margin:0 10px}
.box_type1{padding:10px 15px;border:1px solid #c7ced2}
.box_type2{padding:0 5px 10px;border:1px solid #c7ced2}
.box_type1.mb_0{margin-bottom:0}
.scroll{overflow-x:hidden;overflow-y:scroll}

/*버튼의 타겟링크*/
.button a[target="_blank"]{background:url(/images/prog/common/btn_bgtotal.gif)}

.basic_table th.er_r{border-right-width:0} 

/*재난안전대책본부조직표 */
.sub01_01 .sub01_no{border:none;}

/*재난안전_관련기관*/
.sub01_03 a[target="_blank"]{background:none;}
.sub01_03 .ftwrap ul li{float:left;width:350px}

/*재난안전_지진/해일_지진*/
.photowrap{overflow:hidden}
.photowrap:after{content:"";display:block;clear:both}
.photowrap li{float:left;width:33.3%;text-align:center}

/*관련기관*/
.ftwrap{position:relative;display:inline-block;margin-bottom:20px;overflow:hidden;margin-left:10%;float:left;}
/*우리집의 방재회의*/
.thumb_box.type1{overflow:hidden;padding-bottom:20px;}
.thumb_box.type1 figure {float: left;margin-right: 5%;width: 33%; border: 1px solid #e0e0e0;}
.thumb_box.type1 .pt{width:60%}
/*태풍*/
.sub02_02_04_bg{background:url(/images/safe/sub02/sub02_02_04_bg.png) no-repeat 97% 0;}
/*낙뢰*/
.sub02_02_05_bg{background:url(/images/safe/sub02/sub02_02_05_bg.png) no-repeat 99% 0;}
/*적조*/
.sub02_06_02_bg{background:url(/images/safe/sub02/sub02_06_02_bg.png) no-repeat 99% 0;height:337px;}
/*계절별안전*/
.thumb_box.type2{overflow:hidden;padding-bottom:20px;}
.thumb_box.type2 figure {float: left;margin-left:5%;width:20%; border: 1px solid #e0e0e0;margin-right:7%}
.thumb_box.type2 .pt{width:65%}
.sub02_12_01_kids{border:none;}
.sub05_no{border:none;}
/*재난안전_응급처치*/
/*.sub02_10 ul.cont_list li{float:left;width:47%}
.sub02_10 ul.cont_list:after{clear:both;content:"";display: block}*/

/*재난안전_안전한명절_설날*/
.sub02_12_01 a[target="_blank"]{background:none}

/*재난안전_영상정보_하천영상*/
.sub04_01 ul.cctv{position:relative;width:500px;height:420px;background:url(/images/safe/sub04/sub04_01_img1.gif) no-repeat left top;margin:0 auto}
.sub04_01 .movie_01_cctv_01{position:absolute;left:86px;top:84px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_02{position:absolute;left:158px;top:79px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_03{position:absolute;left:259px;top:73px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_04{position:absolute;left:346px;top:76px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_05{position:absolute;left:193px;top:138px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_06{position:absolute;left:286px;top:170px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_07{position:absolute;left:193px;top:211px;width:67px;height:70px}
.sub04_01 .movie_01_cctv_08{position:absolute;left:208px;top:280px;width:67px;height:70px}

/*날씨영상*/
#overflowIframe{position:relative;width:785px;height:760px;overflow:hidden}
#overflowIframe iframe{margin:-517px 0 0 -240px}
#overflowIframe2{position:relative;width:785px;height:760px;overflow:hidden}
#overflowIframe2 iframe{margin:-470px 0 0 -240px}
#overflowIframe3{position:relative;width:700px;height:760px;overflow:hidden}
#overflowIframe3 iframe{margin:-330px 0 0 -233px}
#overflowIframe4{position:relative;width:709px;height:842px;overflow:hidden}
#overflowIframe4 iframe{margin:-225px 0 0 -225px}

/*안전관리헌장 */
.sub05_04 .sub05_04_no{border:none;}

/*재난안전_사이트맵*/
.sitemap {width: 100%;}
.sitemap:after {clear: both;content: "";display: block;}
.sitemap li {float: left;margin: 9px 2%;width:29%;}
.sitemap li h4 {background: url(/images/safe/common/bullet_h4.png) no-repeat 2px 9px;border-bottom: 2px solid #6babf2;font-size: 18px;line-height: normal;margin: 0 0px 10px;padding: 0 21px 8px;color:#101010;text-align:left}
.sitemap li ul {display:block;float:none;width: 100%;}
.sitemap li ul li {float: none;height: auto;margin: 0;width: 100%;}
.sitemap li ul ul {padding: 0 0 9px}
.sitemap li ul li h5 {background: url(/images/safe/common/bullet_h5.png) no-repeat 2px 9px;margin: 0;padding: 0;}
.sitemap li ul li h5 a {background:none;display: block;font-size: 14px;margin: 0;padding: 4px 0 5px 15px;color:#3a74d3}
.sitemap li ul li ul {margin-left: 10px;}
.sitemap li ul li ul li {margin-bottom: 3px;}
.sitemap li ul li ul li a {background: url(/images/common/bullet_h6.png) no-repeat 2px 9px;display: block;font-size: 12px;padding: 0 0 0 12px;}

/*수도사업소_본인확인서비스*/
.adult .adultwrap {height: 320px;}
.adult .adultwrap h5 + p {height: 170px;}

/* table */
.basic_table{width:100%;line-height:1;border-top:2px solid #93cdcc;border-bottom:1px solid #4a7bd5}
.basic_table th{padding:12px 5px;font-weight:normal;color:#3b3b3b;line-height:21px;}
.basic_table th,.basic_table td{border:solid #d9d9d9;border-width:0 0 1px 1px}
.basic_table th:first-child,.basic_table td:first-child{border-left:0 none}
.basic_table td{padding:10px 14px;color:#545454;line-height:21px;}
.basic_table td.tbl_cnts{padding:20px 14px}
.basic_table thead th,.basic_table tbody th{background:#efffff}
.basic_table thead th{border-bottom:1px solid #c1c1c1}
.basic_table tfoot th,.basic_table tfoot td{background:#fafafa;font-weight:700}
.basic_table tr.color_ov th,.basic_table tr.color_ov td{background-color:#fafafa}
.basic_table tr.doubleRow th,.basic_table tr.doubleRow td{border-bottom:3px double #d9d9d9}
.basic_table tr.doubleTop th,.basic_table tr.doubleTop td{border-top:3px double #d9d9d9}
.basic_table ul{margin:0}
.basic_table ul li{margin:0 0 3px}
.basic_table ul li li{margin:0}
.basic_table .brw{border-right-width:1px}
.basic_table .blw{border-left-width:1px}
.basic_table th[scope="row"],.basic_table td[scope="row"]{border-right-width:1px;line-height:1.5em}
/*.basic_table th[scope="row"] span{font-weight:400;font-size:0.857em;letter-spacing:-0.05em}
.basic_table th[scope="row"].left{padding-left:12px}*/
.basic_table dl{display:inline-block;width:100%}
.basic_table dt,.basic_table dd{display:inline-block;float:left;height:30px;line-height:30px}
.basic_table dt{min-width:75px}
.basic_table p input[type="file"]{margin:2px 0}
/*.basic_table.left th[scope="row"]{padding:10px 14px}*/
.basic_table .list_subject{width:100%}
.basic_table .list_subject:after{clear:both;display:block;content:""}
.basic_table .list_subject img{float:left;margin:5px 5px 0 0}
.basic_table img{vertical-align:middle}
.basic_table td .button.tblebtn{margin:1px 0}