@charset "utf-8";

.box-img01 {display:block; padding:1em;}

/* 재난안전민방위 > 생활안전 > 안전문화운동 */
.process_box li div { width:90%; margin:0 auto; padding:15px; text-align:center; border-radius:10px; border:2px solid #d3dfff; background:#F3F6FE; box-sizing:border-box; }
.process_box li.even div { border:2px solid #ffcfe1; background:#FFF7FA; }


/* 메인 */
#main_content{overflow:hidden; width:100%;}
#main_content .left_area{float:left; width:640px;}
#main_content .right_area{float:right; width:428px;}
#main_content a[target="_blank"]:after{display:none;}

#info {width:100%; overflow:hidden; padding:28px 0 0 0;}
#info li{float:left; width:33.3333%; font-size:16px; font-weight:bold;}
#info li *{display:block; text-align:center;}
#info li a{padding:0 0 10px 0;}
#info li .ico{width:96px; height:96px; margin:0 auto 12px auto; border-radius:50%; transition:all 1s; background:#e9f3f8 url(/depart/img/sub06/btn_ico.png) no-repeat 27px 25px;}
#info li.list2 .ico{background-position:-97px 25px;}
#info li.list3 .ico{background-position:-224px 25px;}
#info li.list4 .ico{background-position:-348px 25px;}
#info li.list5 .ico{background-position:-475px 25px;}
#info li:hover .ico{background-color:#f3e7ef;}

#weather > ul {position:relative; width:99.5%; height:479px; border:1px solid #cecece; text-align:center;}
#weather > ul > li{display:inline-block; width:120px;}
#weather ul li h3 a{position:relative; display:block; height:42px; line-height:42px; font-size:17px; color:#707e82; font-weight:bold; border-radius:0 0 20px 20px; background:#e2edf3;}
#weather ul li.on h3 a{color:#fff; background:#05a4d3;}
#weather > ul > li > div{display:none; position:absolute; top:60px; left:0; width:100%; overflow:hidden;}
#weather > ul > li.tab1 > div{top:23px; left:50%; width:420px; margin:0 0 0 -210px;}
#weather > ul > li.tab2 > div{left:2%; width:97%; height:419px; overflow-y:auto;}
#weather > ul > li.on > div{display:block !important;}
#weather .tab1 .txt{position:absolute; bottom:20px; right:10px; line-height:120%; font-size:13px; font-weight:bold; text-align:right;}
#weather .tab1 .txt .txt_blue{color:#05a4d3;}
#weather .tab1 .map .num{position:absolute; padding:0 0.4em; font-size:10px; line-height:150%; font-family:"Dotum","돋움",serif; background:#fff; border:1px solid #ddd;}
#weather .tab1 .map .num1{top:68px; left:248px;}
#weather .tab1 .map .num2{top:137px; left:110px;}
#weather .tab1 .map .num3{top:160px; left:185px;}
#weather .tab1 .map .num4{top:142px; left:250px;}
#weather .tab1 .map .num5{top:186px; left:118px;}
#weather .tab1 .map .num6{top:217px; left:162px;}
#weather .tab1 .map .num7{top:231px; left:225px;}
#weather .tab1 .map .num8{top:235px; left:100px;}
#weather .tab1 .map .num9{top:272px; left:184px;}
#weather .tab1 .map .num10{top:282px; left:303px;}
#weather .tab1 .map .num11{top:287px; left:70px;}
#weather .tab1 .map .num12{top:355px; left:221px;}
#weather .tab2 .tbl td,
#weather .tab2 .tbl th{padding:10px 5px; font-size:13px;}
#weather .tab2 .now{padding:7px 0 0 0; font-size:13px; font-weight:bold; text-align:right;}

#forecast{margin: 0; background:#e9f3f8;}
#forecast h3{width:120px; height:38px; line-height:38px; margin:0 auto; font-size:16px; color:#fff; font-weight:bold; text-align:center; border-radius:0 0 20px 20px; background:#05a4d3;}
#forecast ul {width:100%; height:111px; padding:7px 0 0 0; text-align:center;}
#forecast ul li{display:inline-block; width:32.5%; border-left:1px solid #dfdfdf; font-size:13px; font-weight:bold; line-height:130%;}
#forecast ul li:first-child{border:none;}
#forecast ul li .ico{display:block; width:45px; height:33px; margin:0 auto 15px; background:url(/depart/img/sub06/ico_weather01.png) no-repeat center;}
#forecast ul li .ico1{background:url(/depart/img/sub06/ico_weather01.png) no-repeat center;}
#forecast ul li .ico2{background:url(/depart/img/sub06/ico_weather02.png) no-repeat center;}
#forecast ul li .ico3{background:url(/depart/img/sub06/ico_weather03.png) no-repeat center;}
#forecast ul li .ico4{background:url(/depart/img/sub06/ico_weather04.png) no-repeat center;}
#forecast ul li .ico5{background:url(/depart/img/sub06/ico_weather05.png) no-repeat center;}
#forecast ul li .ico6{background:url(/depart/img/sub06/ico_weather06.png) no-repeat center;}
#forecast ul li .ico7{background:url(/depart/img/sub06/ico_weather07.png) no-repeat center;}

/* 자전거안전 */
.bicycles_box {margin:0 -10px;}
.bicycles_box:after {content:''; display:block; clear:both;}
.bicycles_box .conBox {width: 33.33333%;float:left;padding:0 10px 20px;}
.bicycles_box .conBox .inner {width:100%;padding:1.76em;border:1px solid #ddd;border-radius:20px;}
.bicycles_box .conBox .inner .img {margin-bottom:1.2em; text-align:center;}
.bicycles_box .conBox .inner .img img {border-radius:10px; border:5px solid #fcf3f5;}
.bicycles_box .conBox .txt {vertical-align:top;text-align:center;}
.bicycles_box .conBox .txt p {margin-top:.5em; font-size:.99em;font-weight:normal;color:#D22259;}
.bicycles_box .conBox .txt p.down_btn {padding-top:.5em;}
.bicycles_box .conBox .txt li {padding-left:13px; margin-bottom:7px; font-size:14px; position:relative;}
.bicycles_box .conBox .txt li:before {content:''; width:3px; height:3px; background:#333; border-radius:50%; position:absolute; left:0; top:9px;}

@media all and (max-width:1024px) {
	.bicycles_box .conBox {width:auto; float:none;}
}
@media all and (max-width:640px) {
	.bicycles_box .conBox .inner {display:block;}
	.bicycles_box .conBox .txt {display:block; padding:0;}
	.bicycles_box .conBox .txt p {text-align:center;}
}

/* 재해의 정의 */
.disaster_box { padding:20px; box-sizing:border-box; margin:0 auto; margin-top:20px; }
.disaster_box .dept01 { position:relative; width:120px; height:120px; border-radius:50%; margin:0 auto; border:10px solid #fce4e8; background:#d18d9a; }
.disaster_box .dept01 p {color:#fff;text-align:center;font-size: 24px;padding-top: 29px;}
.disaster_box .dept02 { position:relative; width:70%; margin:0 auto; text-align:center; margin-top:50px; }
.disaster_box .dept02 > li { position:relative; float:left; width:50%; }
.disaster_box .dept02 .con01 .title {width: 176px;height:120px;border-radius: 20px;margin:0 auto;border:10px solid #bfeee5;background:#008e7f;}
.disaster_box .dept02 .con02 .title {width: 176px;height:120px;border-radius: 20px;margin:0 auto;border:10px solid #ffe8cb;background:#ffac62;}
.disaster_box .dept02 .title p {color:#fff;font-size: 20px;padding-top: 35px;}
.disaster_box .dept02 div[class^="txt"] { height:370px; }
.disaster_box .dept02 div[class^="txt"] li { margin-top:10px; }
.disaster_box .dept02 div[class^="txt"] li div { background:#f3f3f3; padding:5px; box-sizing:border-box; border-radius:10px; width:90%; margin:0 auto; }
.disaster_box .dept02 div.txt03 li div { background:#f3f3f3; padding:5px; box-sizing:border-box; border-radius:10px; width:45%; margin:0 auto; }
.disaster_box .dept02 .con01 > ul { position:relative; }
.disaster_box .dept02 div[class^="txt"] li:first-child { position:relative; margin-top:30px; }
.disaster_box .dept02 .con01 > ul > li { float:left; width:50%; }
.disaster_box .dept02 .result {width:170px;height:170px;border-radius: 20px;margin:0 auto;background:#9287ae;}
.disaster_box .dept02 .result div { padding-top:30px; width:80%; margin:0 auto; }
.disaster_box .dept02 .result p {color:#fff;font-weight:600;text-align:center;border-radius: 10px;box-sizing:border-box;padding:3px 0;background:#665598;}
.disaster_box .dept02 .result ul { margin-top:10px; }
.disaster_box .dept02 .result ul li { color:#fff; }
.disaster_box .dept02:after,
.disaster_box .dept02 .con01 ul:after { content:''; display:block; clear:both; }

.disaster_box .dept01:after { content:''; position:absolute; width:1px; height:30px; left:50%; margin-left:-1px; background:#ddd; top:110%; }
.disaster_box .dept02:before { content:''; position:absolute; width:50%; right:25%; height:1px; top:-3%; margin-left:-157.795px; background:#ddd; }
.disaster_box .dept02 > li.con01:before { content:''; position:absolute; width:1px; height:157px; left:50%; background:#ddd; top:-3%; z-index:-1; }
.disaster_box .dept02 > li.con02:before { content:''; position:absolute; width:1px; height:550px; left:50%; background:#ddd; top:-3%; z-index:-1; }
.disaster_box .dept02 .con01 > ul:before { content:''; position:absolute; width:50%; right:25%; height:1px; top:3%; margin-left:-78.9px; background:#ddd; }
.disaster_box .dept02 .con01 > ul > li:before { content:''; position:absolute; width:1px; height:27px; left:50%; background:#ddd; top:-3%; z-index:-1; }
.disaster_box .dept02 div[class^="txt"] li:first-child:before { content:''; position:absolute; width:1px; height:387px; left:50%; background:#ddd; top:-39%; z-index:-1; }

@media all and (max-width:1024px){
	.disaster_box .dept02 { width:100%; }

	#main_content .left_area{width:100%; text-align:center;}
	#main_content .right_area{float:left; width:100%;}
	#info{padding-bottom:2em;}
}

@media all and (max-width:750px){
	.disaster_box .dept02 { width:100%; }
}

@media all and (max-width:780px){
	.disaster_box .dept02 .result { width:90%; border-radius:20px; }
	.disaster_box .dept02 .result div { width:90%; padding-top:20px; }
}

@media all and (max-width:550px){
	.disaster_box { padding:20px 0; }
}

@media all and (max-width:470px){
	.disaster_box .dept02 > li { width:100%; }
	.disaster_box .dept01:after,
	.disaster_box .dept02:before { display:none; }
	.disaster_box .dept02 > li.con01:before { height:225px; top:-13%; }
	.disaster_box .dept02 > li.con02 { margin-top:50px; }
	.disaster_box .dept02 > li.con02:before { top:17%; }
}

/* 재난안전대책본부 > 조직및임무 */
.organ_wrap {width: 100%;margin-top: 10px; overflow:hidden;}
.organ_wrap .captain { position: relative;width: 181px; height: 181px;background:url('/depart/img/sub06/bg_org_lv01.png') 0 0 no-repeat;margin: 0 auto;}
.organ_wrap .captain:after {content: '';position: absolute;top: 100%;left: 50%; display: block;width: 1px;border-left: 1px dashed #9a9a9a;height: 320px;}
.organ_wrap .captain .tit {font-size: 18px;color: #333;font-weight: 600;padding: 55px 0 10px;}
.organ_wrap .captain .pos { width: 50%;font-size: 24px;font-weight: 600;color: #228ada;border-top: 1px solid #ddd;margin: 0 auto;padding-top: 3px;}
.organ_wrap [class^=lv] span, .organ_wrap [class=captain] span {display: block;text-align: center;box-sizing: border-box;}
.organ_wrap [class^=lv] div { position: relative;width: 270px;height: 80px;margin: 20px auto 5px;border-radius: 10px;font-size: 17px;}
.organ_wrap [class^=lv] {position: relative;margin: 0 auto;text-align: center;}
.organ_wrap [class^=lv] .tit {color: #fff;padding: 10px 0 5px;}
.organ_wrap [class^=lv] .pos {background: #fff; margin: 0 5px 0;padding: 5px 0;}
.organ_wrap .lv2 div {background: #064888; color: #064888;}
.organ_wrap .lv3 div {background: #318ad3;color: #318ad3;}
.organ_wrap .lv4 div {background: #31bed3;color: #31bed3;}
.organ_wrap .lv4:after {content: ''; position: absolute; top: 100px;left:3.8%;display: block;width: 92.6%;border-top: 1px dashed #9a9a9a;height: 1px;}
.organ_wrap .lv3 .last {background: #e9a539;color: #e9a539;position: absolute;right: 85px;top: -20px;}
.organ_wrap .lv3:before {content: ''; position: absolute; top: 50%;left: 50%;display: block;width: 25%;border-top: 1px dashed #9a9a9a;height: 1px;}
.organ_wrap .lv5 >ul {margin-top: 40px !important; margin-left: 7px;}
.organ_wrap .lv5 >ul >li {float: left; margin: 0 1.2%;}
.organ_wrap .lv5 >ul >li:first-child {margin-left: 0;}
.organ_wrap .lv5 >ul >li.last {margin-right: 0;}
.organ_wrap .lv5 div {width: 66px !important;height: 560px !important;background: #4ab462;line-height: 1.2em;}
.organ_wrap .lv5 div:before {content: '';position: absolute;top: -40px;left: 50%; display: block;width: 1px;border-left: 1px dashed #9a9a9a;height: 40px; z-index:-1;}
.organ_wrap .lv5 .tit {min-height: 202px;}
.organ_wrap .lv5 .pos {min-height: 350px;}

@media all and (max-width:1447px) {
	.organ_wrap .lv5 >ul >li {margin:0 1.1%;}
}


@media all and (max-width:1024px) {
	#main_content .left_area{width:100%; text-align:center;}
	#main_content .right_area{float:left; width:100%;}
	#info{padding-bottom:2em;}

	.organ_wrap .lv3 .last {right: 40px;}
	.organ_wrap .lv5 >ul >li {margin: 0 0.7%;}
	.organ_wrap .lv4:after {width: 90.8%; left:4.5%;}
}
@media all and (max-width:950px) {
	#info li{font-size:14px; line-height:130%;}
	#info li .ico{width:80px; height:80px; background-position:21px 18px;}
	#info li.list2 .ico{background-position:-102px 18px;}
	#info li.list3 .ico{background-position:-230px 18px;}
	#info li.list4 .ico{background-position:-355px 18px;}
	#info li.list5 .ico{background-position:-480px 18px;}
	#weather .tab1 .txt{right:auto; left:60px; text-align:left;}

	.organ_wrap [class^=lv] div {width: 230px;}
	.organ_wrap .lv3 .last {right: 0;}
	.organ_wrap .lv5 >ul >li {margin: 0 0.86%;}
	.organ_wrap .lv4:after {width: 94%;}
}
@media all and (max-width:748px) {
	.organ_wrap [class^=lv] div {width: 200px;}
	.organ_wrap .lv5 >ul >li {margin: 0 0.7%;}
}
@media all and (max-width:667px) {
	.organ_wrap .captain:after {height: 275px;}
	.organ_wrap .lv3:before {left: 42%;}
	.organ_wrap .lv4:after {width: 5%;top: 35px;left: 1%;}
	.organ_wrap .lv5 >ul {margin-top: 25px !important;}
	.organ_wrap .lv5 >ul >li {float: none;margin: 0 0 0 0.5% !important;}
	.organ_wrap .lv5 span br {display: none;}
	.organ_wrap [class^=lv] div {width: 92%;margin-left: 31px;font-size: 15px;}
	.organ_wrap [class^=lv] div.half {width: 43%;}
	.organ_wrap [class^=lv] div.last {right: 19px;}
	.organ_wrap .lv5 div {width: 92.2% !important;height: 78px !important;margin-left: 30px;}
	.organ_wrap .lv5 .tit {min-height: 39px;}
	.organ_wrap .lv5 .pos {min-height: 34px;}
	.organ_wrap .lv5 >ul:before {content: '';position: absolute;top: -68px;left: 1%;display: block;width: 1px;border-left: 1px dashed #9a9a9a;height: 1185px !important;}
	.organ_wrap .lv5 div:before {content: '';position: absolute; top: 50%; left: -6.5%;display: block;width: 35px !important;border-left: none;border-top: 1px dashed #9a9a9a;height: 1px;}
}
@media all and (max-width:568px){
	.organ_wrap .captain:after {left: 53%;}
	.organ_wrap [class^=lv] div.last {right: 13px;}
	.organ_wrap [class^=lv] div.half {width: 42%;}
	.organ_wrap .lv4:after {width: 5%;}
	.organ_wrap .lv5 div:before {left: -8.5%;}
}
@media all and (max-width:450px) {
	#info{padding-bottom:1em;}
	#info li{width:33%; margin:0 0 1em;}
	#info li.list4,
	#info li.list5{width:50%;}
	#info li.list4 em br,
	#info li.list5 em br{display:none;}
}
@media all and (max-width:414px) {
	.organ_wrap [class^=lv] div {margin-left: 21px;}
}
@media all and (max-width:360px) {
	.organ_wrap [class^=lv] div {margin-left: 14px;}
	.organ_wrap .captain:after {left: 50%;}
	.organ_wrap .lv4:after {width: 4%;}
	.organ_wrap .lv5 div:before {width: 20px !important;left: -6.2%;}
}

/* 조직도 */
.organ_box a {color:#333; text-decoration:none;}
.organ_box .depth1 {position:relative;}
.organ_box .depth1 p a {display:table;width: 21.64em;height:7.65em;padding:.88em;margin:0 auto;background:rgba(277,39,107,.06);border-radius:70px;transition:.3s;position:relative;}
.organ_box .depth1 p a:hover {background:rgba(277,39,107,.2);}
.organ_box .depth1 p a:after {content:''; width:1px; height:.88em; background:#8f8f8f; position:absolute; bottom:0; left:50%; z-index:-1;}
.organ_box .depth1 p a span {display:table-cell; font-size:1.4em; font-weight:600; color:#E3276B; text-align:center; background:#fff; border-radius:50px; box-shadow:0 6px 14px rgba(277,39,107,.25); position:relative; vertical-align:middle;}
.organ_box .depth1 p a span b.normal {font-weight:400;}
.organ_box .depth2 {width:50%;padding-top:.58em;margin-top:-3.2em;margin-left:50%;text-align:right;position:absolute;}
.organ_box .depth2:before {content:''; width:100%; height:1.5em; border:1px solid #8f8f8f; border-top-width:0; border-right-width:0; border-radius:0 0 0 25px; position:absolute; top:.58em; left:-1px; z-index:-1;}
.organ_box .depth2 span {display:inline-block; width:13.5em; height:3em; padding:.6em 0; text-align:center; background:#fff; border:1px solid #D22259; border-radius:30px; transition:.3s;}
.organ_box .depth2 span:hover {color:#D22259;}
.organ_box .depth3 {position:relative;padding-top:1.17em;margin-bottom: -0.65em;}
.organ_box .depth3:before {content:''; width:1px; height:1.5em; background:#8f8f8f; position:absolute; top:0; left:50%; z-index: -1;}
.organ_box .depth3 span {display:block;width: 13.5em;height:3em;padding:.7em 0;margin:0 auto;font-size:1.17em;font-weight:600;color:#fff;text-align:center;background: #0957ad;border-radius:30px;transition:.3s;}
.organ_box .depth3 span:hover {background:#1e4787;}
.organ_box .depth3.st01 span {background:#dd560a;}
.organ_box .depth3.st01 span:hover {background:#ad3e00;}
.organ_box .depth3 span b {font-weight:400; padding-left:.3em;}
.organ_box .depth4, .organ_box .depth5 {padding:1.17em; background:#F3F6FE; border-radius:20px;}
.organ_box .depth4 {padding:1.17em .88em .58em; margin-top:2em; margin-bottom:1.76em;}
.organ_box .depth4:after {content:''; display:block; clear:both;}
.organ_box .depth4 >ul >li {width:33.3333%; padding:0 .29em .58em; float:left;}
.organ_box .depth4 >ul >li >div {background:#fff; border:1px solid #ddd; border-radius:0 10px 0 10px;}
.organ_box .depth4 >ul >li >div >span {display:block; padding:.736em 0; font-weight:600; color:#fff; text-align:center; border-radius:0 0 0 10px;}
.organ_box .depth4 .dep4_01 {width:50%;}
.organ_box .depth4 .dep4_01 >div {background:#0957AD; border:0;}
.organ_box .depth4 .dep4_02 >div >span {background:#442BA8;}
.organ_box .depth4 .dep4_03 >div >span {background:#8E2C9E;}
.organ_box .depth4 .dep5 >div >span {background:#c51372;}
.organ_box .depth4 >ul >li >div ul {padding:1.17em;}
.organ_box .depth4 >ul >li >div ul:after {content:''; display:block; clear:both;}
.organ_box .depth4 >ul >li >div li {width:50%; padding-left:10px; padding-bottom:5px; float:left; position:relative;}
.organ_box .depth4 >ul >li >div li:before {content:''; width:4px; height:4px; background:#aaa; border-radius:50%; position:absolute; top:12px; left:0;}
.organ_box .depth4 >ul >li >div li span {font-size:14px;}
.organ_box .depth4 >ul >li >div li span:hover {color:#D22259;}
.organ_box .depth4 .dep4_03 >div {min-height:153px;}
.organ_box .depth4 .dep5 {width:100%;}
.organ_box .detail {display:none; position:absolute; top:50%; right:60%; transform:translateY(-50%); z-index:2;}
.organ_box .detail dl {border:1px solid #D22259; background:#f8f8f8; border-radius:10px; overflow:hidden;}
.organ_box .detail dt {padding:.736em 1.17em; color:#fff; background:#D22259; border-radius:0 0 10px 0;}
.organ_box .detail dd {padding:1.17em;}
.organ_box .detail dd .imgWrap {display:inline-block; width:4.7em; height:4.7em; margin-right:1.17em; border-radius:50%; overflow:hidden; vertical-align:middle;}
.organ_box .detail dd .tel {display:inline-block; vertical-align:middle;}
.organ_box .detail dd .tel:before {content:''; display:inline-block; width:2em; height:2em; margin-right:.588em; background:#333 url(/portal/img/sub01/ico_organ_tel.svg) no-repeat 50% 50%; background-size:100% auto; border-radius:50%; vertical-align:middle;}
.organ_box .detail .close {display:block; width:2.94em; height:2.94em; text-indent:-9999px; background:url(/portal/img/sub01/ico_organ_close.svg) no-repeat 50% 50%; overflow:hidden; position:absolute; top:0; right:0;}
.chart_box {margin:0 -.29em; overflow:hidden;}
.chart_box li {width:16.6666%; float:left; padding:0 .29em .58em; }
.chart_box li a {display:block; padding:1em 0; font-weight:600; color:#fff; text-align:center; text-decoration:none; background:#62569F; border-radius:0 10px 0 10px;}
.chart_box li a:hover {text-decoration:underline;}

@media all and (max-width:1024px) {
.organ_box .depth4 .dep4_02 >div {min-height:150px;}
.organ_box .depth4 .dep4_03 >div {min-height:175px;}
	.organ_box .depth4 >ul >li >div li {width:100%;}
}
@media all and (max-width:768px) {
	.organ_box .depth4 >ul >li {width:50%;}
	.organ_box .detail {right:55%;}
}
@media all and (max-width:640px) {
	.organ_box .depth1 p a {width:100%; height:6em; margin:0 0 .5em;}
	.organ_box .depth2 {position:relative; width:auto; margin-top:0; margin-left:50px;border-left:1px solid #CDD2E2;}
	.organ_box .depth3 {padding-top:.8em; margin-bottom:0; margin-left:50px;border-left:1px solid #CDD2E2;}
	.organ_box .depth3.last {border-left:0;}
	.organ_box .depth2 span {display:block; width:auto; margin-left:30px;}
	.organ_box .depth3 span {width:auto; height:3em; padding:.6em 0; margin-left:30px; font-size:1em;}
	.organ_box .depth1 p a:after {height:1.38em; left:50px; bottom:-.5em;}
	.organ_box .depth3:before {width:100%; height:2.08em; background:none; border:1px solid #8f8f8f; border-top-width:0; border-right-width:0; border-radius:0 0 0 25px; left:-1px;}
	.organ_box .depth3.last:before {left:0;}
	.organ_box .detail {right:auto; left:20px;}
	.chart_box li {width:20%;}
}
@media all and (max-width:460px) {
	.organ_box .depth4 >ul >li {width:100% !important; float:none;}
	.organ_box .depth4 >ul >li >div {min-height:auto !important;}
	.organ_box .depth4 >ul >li >div li {width:50%;}
	.chart_box li {width:25%;}
}


/* 안전문화운동 */
.process_box.tbl_h4{margin-left: 36px;}
.process_box.tbl_h4 li div{width: 100%;}
@media all and (max-width: 767px) {
	.process_box.tbl_h4{margin-left: 0;}
}

/* 실시간 강우/수위 일간,월간,연간 */
@media all and (max-width:568px) {
	.rain-box select {max-width:100%; background-position-x: 98%;}
}

/* 태풍정보 */
.typhoon_wrap { position:relative; width:100%;height:500px;margin: 0 auto;overflow-y: auto;}
/*.typhoon_wrap >div {position:absolute;left:-150px; top:-270px;}*/
.typhoon_wrap >div >iframe { border: none;width:860px; height:1250px;}

@media all and (max-width:1024px) {
	.typhoon_wrap {width:100%;}
}


/* 현재특보 - 탭 */
.select_area_wrap {position: relative;}
.select_area {position: relative; display: block; padding: 1.176em 1.47em; margin-bottom: 2em;}
.select_area select {color: #000;}
.select_area .btn {height:3em; border-radius: 0.3em; padding:0 1.765em;}
.select_area label {color:#333;}

@media screen and (max-width:415px){
	.select_area .btn {width:100%;}
}