@charset "utf-8";
@import url(../../front/fonts/notosanskr.css);
/* ==================================================================================== */
/* main */
/* ==================================================================================== */
.main_container{width: 100%;margin: 15px 0;height: 700px; position:relative;z-index:100;box-sizing: border-box; overflow:hidden;}
.main_container:after{display: block; content: ''; clear: both;}
.main_container h2	{/*font-size: 18px;*/font-size:16px; color: #00aaa9; font-weight: 400; letter-spacing: -0.04em;}
.main_container h2:before	{    content: ''; display: inline-block; width: 3px; height: 14px; background: #00aaa9; vertical-align: -2px; margin-right: 5px; border-radius: 3px; }
/*====================================================================================*/
/*main section layout*/
/*====================================================================================*/

/*section option*/
.main_container .se_ht100{height:100%;}
.main_container .se_line{border:1px solid #42454d; background:#383c3f;}

.main_container .section_title {position:relative;font-size:18px;font-weight:600;padding:0px;margin:0px;height: 37px;letter-spacing:normal;font-size: 20px;font-weight: 600;letter-spacing: -0.04em;}
.main_container .section_content{position:relative;width:100%;height: calc(100% - 30px);overflow:hidden;box-sizing:border-box;background: #0b334a;border: 1px solid #0664a0;border-radius: 3px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);}
.main_container .section_content.tbver{height: calc(100% - 80px);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.main_container .section_content.full{height:100% !important;}
.main_container .section_content.bg0{background:none;border:none;box-shadow: none;overflow: visible;}
.main_container .section_content.bg2{background: #0e3b58;}

/*.main_container .main_section01 .section_content{height: calc(100% - 80px);}
.main_container .main_section03 .section_content{height: calc(100% - 80px);}*/

.main_container .section_content:after{clear: both; content: ''; display: block;}

/* 배경그림자 */
.main_container .shbg {-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5); box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5);}


/* ==================================================================================== */
/*section01*/
/* ==================================================================================== */
.main_section01{position: relative; width: 49.5%; /* width:48%; */ margin: 0;height: 100%; float: left;}
.main_section01 h2{margin: 0 0 4px 0;height: 36px;}
.main_section01:after{clear:both; content:''; display:block;}
.main_section01.livebg	 {/*background-color: #0b2a3a; background-image: url(../images/ic_img/main_simple_bg.png); background-position: -84px -128px; background-size: 830px; background-repeat: no-repeat;*/}

.simple_facility_move_btn	{position: absolute !important; right: 0px;}

.main_section01 .cont_box{float:left;width:calc(50% - 5px);overflow:hidden;position:relative;overflow:hidden;box-sizing:border-box;background: #4d4542;border: 1px solid #57504a;border-radius:3px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);}
.main_section01 .cont_box.b01 {height: 135px;padding: 0 3px;}
.main_section01 .cont_box.b02 {height: 135px;margin-left:10px;padding: 0 3px;}
.main_section01 .cont_box.b03 {height: 135px;margin-top:10px;}
.main_section01 .cont_box.b04 {height: 135px;margin-left:10px;margin-top:10px;}
.main_section01 .cont_box.b05 {height: 276px;margin-top:10px;}
.main_section01 .cont_box.b06 {height: 133px;margin-left:10px;margin-top:10px;}
.main_section01 .cont_box.b07 {height: 133px;margin-left:10px;margin-top:10px;}
.main_section01:after{display: block;content: ''; clear: both;}

/*박스구조 3칸*/
.main_section01 .box03_list{padding:0;height: calc(100% - 35px);margin: 0;}
.main_section01 .box03_list .b_box{float:left;position: relative;width: calc(50% - 4px);height: calc(50% - 5px);overflow:hidden;margin: 8px 8px 0 0;padding: 0;background:#2f3235;border:solid 1px #434749;
	cursor:pointer;box-sizing: border-box;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
}
.main_section01 .box03_list .b_box:nth-child(1){margin-top:0; width: 100%;}
.main_section01 .box03_list .b_box:nth-child(3){margin-right:0;}
.main_section01 .box03_list .b_box.on{border:solid 1px #5dabf5;}

/*박스구조 4칸*/
.main_section01 .box04_list{padding:0;height: calc(100% - 35px);margin: 0;}
.main_section01 .box04_list .b_box{float:left;position: relative;width: calc(50% - 4px);height: calc(50% - 5px);overflow:hidden;margin: 8px 8px 0 0;padding: 0;background:#2f3235;border:solid 1px #434749;
	cursor:pointer;box-sizing: border-box;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
}
.main_section01 .box04_list .b_box:nth-child(1),
.main_section01 .box04_list .b_box:nth-child(2){margin-top:0;}
.main_section01 .box04_list .b_box:nth-child(even){margin-right:0;}
.main_section01 .box04_list .b_box.on{border:solid 1px #5dabf5;}

/*재난안전*/
.main_section01 .safe ul>li {width: 25%;height: 71px;display:block;font-size:35px;font-weight:600;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-left: solid 1px #332e2a;box-sizing: border-box;padding: 5px 0 0 0;margin:15px 0 0 0;}
.main_section01 .safe ul>li:first-child{border-left: none;}
.main_section01 .safe ul>li p{line-height: 1.4em;display:block;letter-spacing: 0.14em;}
.main_section01 .safe ul>li p.text{font-size:11px;font-weight:normal;}
.main_section01 .safe ul>li p.cnt{font-size:11px;font-weight:normal;color: #a8aaab;letter-spacing: -0.01em;margin-top: 18px;}
.main_section01 .safe ul>li p.cnt span{font-size: 25px;font-weight: 600;color: #fff;font-family:'NanumSquare';line-height: 1.0em;}
.main_section01 .safe ul>li a {color: #fff;display: block;width: 100%;height: 100%;}
.main_section01 .safe ul:after{display:block; content:''; clear:both;}

.main_section01 .safe .good{color:#87b6e3 !important;}/*좋음*/
.main_section01 .safe .normal{color:#5ed95f !important;}/*보통*/
.main_section01 .safe .bad{color:#ff9966 !important;}/*나쁨*/
.main_section01 .safe .worse{color: #e75353 !important;}/*매우나쁨*/
.main_section01 .safe .checking{color:#878787 !important;}/*점검중*/

/*교통*/
.main_section01 .traffic ul>li {width: 25%;height: 71px;display:block;font-size:35px;font-weight:600;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-left: solid 1px #332e2a;box-sizing: border-box;padding: 5px 0 0 0;margin:15px 0 0 0;}
.main_section01 .traffic ul>li:first-child{border-left: none;}
.main_section01 .traffic ul>li p{line-height: 1.4em;display:block;letter-spacing: 0.14em;}
.main_section01 .traffic ul>li p.text{font-size:11px;font-weight:normal;}
.main_section01 .traffic ul>li p.cnt{font-size: 15px;font-weight:normal;color: #a8aaab;margin-top: 18px;}
.main_section01 .traffic ul>li p.cnt span{font-size: 25px;font-weight: 600;color: #fff;font-family:'NanumSquare';line-height: 1.0em;}
.main_section01 .traffic ul>li a {color: #fff;display: block;width: 100%;height: 100%;}
.main_section01 .traffic ul:after{display:block; content:''; clear:both;}

/*대기*/
.main_section01 .air ul>li {width: 25%;height: 71px;display:block;font-size:35px;font-weight:600;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-left: solid 1px #332e2a;box-sizing: border-box;padding: 4px 0 0 0;margin: 8px 0px 0 0px;}
.main_section01 .air ul>li:first-child{border-left: none;width:50%;}
.main_section01 .air ul>li p{line-height: 1.4em;display:block;letter-spacing: 0.14em;}
.main_section01 .air ul>li p.text{font-size: 11px;font-weight:normal;margin-top: 5px;}
.main_section01 .air ul>li p.cnt{font-size:11px;font-weight:normal;color: #a8aaab;margin-top: 21px;letter-spacing: -0.01em;}
.main_section01 .air ul>li p.cnt span{font-size: 15px;font-weight: 500;color: #fff;font-family:'NanumSquare';line-height: 1.0em;letter-spacing: -0.04em;}
.main_section01 .air ul>li a {color: #fff;display: block;width: 100%;height: 100%;}
.main_section01 .air ul:after{display:block; content:''; clear:both;}

.main_section01 .air .good{color:#87b6e3 !important;}/*좋음*/
.main_section01 .air .normal{color:#5ed95f !important;}/*보통*/
.main_section01 .air .bad{color:#ff9966 !important;}/*나쁨*/
.main_section01 .air .worse{color: #e75353 !important;}/*매우나쁨*/
.main_section01 .air .checking{color:#878787 !important;}/*점검중*/

/*대기-날씨*/
.main_section01 .weather{width:100%;height: 80%;font-size: 13px;/* font-size: 39px; */color: #fff;letter-spacing: -0.02em;position: relative;}
.main_section01 .weather .weather_icon{width: 100%;text-align: left;box-sizing: border-box;float:left;width: 100%;padding-left: 16px;padding-top: 13px;}
.main_section01 .weather .weather_icon img{width: 40px;display:block;}
.main_section01 .weather .weather_icon span{display: block;position: absolute;left: 50px;top: 50px;width: 50%;text-align: center;top: 2px;left: 63px;}
.main_section01 .weather .weather_temp{width: 50%;box-sizing: border-box;font-weight: 500;position: absolute;font-size: 10px;top: 30px;left: 63px;}
.main_section01 .weather .weather_temp span{font-size: 15px;}

/*상수도*/
.main_section01 .water .inner{width: 100%; height: 100%; display: block;}
.main_section01 .water ul>li {width: 25%;height: 71px;display:block;font-size:35px;font-weight:600;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-left: solid 1px #332e2a;box-sizing: border-box;padding: 2px 0 0 0;margin:10px 0px 0 0px;}
.main_section01 .water ul>li:first-child{border-left: none;}
.main_section01 .water ul>li p{line-height: 1.4em;display:block;letter-spacing: 0.14em;}
.main_section01 .water ul>li p.text{font-size: 11px;font-weight:normal;margin-top: 1px;}
.main_section01 .water ul>li p.cnt{font-size: 10px;font-weight:normal;color: #a8aaab;margin-top: 10px;letter-spacing: -0.01em;}
.main_section01 .water ul>li p.cnt span{font-size: 20px;font-weight: 600;color: #fff;font-family:'NanumSquare';line-height: 1.0em;display: block;letter-spacing: -0.04em;}
.main_section01 .water ul>li a {color: #fff;display: block;width: 100%;height: 100%;}
.main_section01 .water ul:after{display:block; content:''; clear:both;}

.main_section01 .water .good{color:#87b6e3 !important;}
.main_section01 .water .bad{color:#e75353 !important;}

/*박스타이틀*/
.main_section01 .top_tit{width:100%;height: 30px;padding-top: 10px;box-sizing:border-box;text-align:center;font-size: 12px;letter-spacing:-0.04em;color: #fff;}
.main_section01 .top_tit span{padding-left:5px;}
.main_section01 .top_tit p{display: inline-block;color: #a8aaab;}

/*인구현황*/
.main_section01 .people ul>li {width: 50%;height: 71px;display:block;font-size:35px;font-weight:600;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-left: solid 1px #332e2a;box-sizing: border-box;padding: 5px 0 0 0;margin: 15px 0 0 0;}
.main_section01 .people ul>li:first-child{border-left: none;}
.main_section01 .people ul>li p{line-height: 1.4em;display:block;letter-spacing: 0.14em;}
.main_section01 .people ul>li p.text{font-size:11px;font-weight:normal;}
.main_section01 .people ul>li p.cnt{font-size:11px;font-weight:normal;color: #a8aaab;letter-spacing: -0.01em;margin-top: 18px;}
.main_section01 .people ul>li p.cnt span{font-size: 25px;font-weight: 600;color: #fff;font-family:'NanumSquare';line-height: 1.0em;}
.main_section01 .people ul>li a {color: #fff;display: block;width: 100%;height: 100%;}
.main_section01 .people ul:after{display:block; content:''; clear:both;}

/*재정*/
.main_section01 .finance ul>li {width: 33.33%;height: 71px;display:block;font-size:35px;font-weight:600;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-left: solid 1px #332e2a;box-sizing: border-box;padding: 5px 0 0 0;margin: 15px 0 0 0;}
.main_section01 .finance ul>li:first-child{border-left: none;}
.main_section01 .finance ul>li p{line-height: 1.4em;display:block;letter-spacing: 0.14em;}
.main_section01 .finance ul>li p.text{font-size:11px;font-weight:normal;}
.main_section01 .finance ul>li p.cnt{font-size:11px;font-weight:normal;color: #a8aaab;letter-spacing: -0.01em;margin-top: 18px;}
.main_section01 .finance ul>li p.cnt span{font-size: 20px;font-weight: 600;color: #fff;font-family:'NanumSquare';line-height: 1.0em;letter-spacing: -0.05em;}
.main_section01 .finance ul>li a {color: #fff;display: block;width: 100%;height: 100%;}
.main_section01 .finance ul:after{display:block; content:''; clear:both;}

/*뉴스목록*/
.main_section01 .news{padding: 15px 7px 10px 15px;}
.main_section01 .news .news_hd{width: 100%;height: 80px;overflow: hidden;position: relative;border-bottom: solid 1px #1d2228;}
.main_section01 .news .news_hd .n_photo_wrp{width: 9999%;height: 80px;}
.main_section01 .news .news_hd .n_photo_wrp>li{width: 260px;margin-right: 20px;height: 80px;float: left;}
.main_section01 .news .news_hd .n_photo{float: left;width: 100px;}
.main_section01 .news .news_hd .n_photo img{width: 100%;}
.main_section01 .news .news_hd .n_text{float: left;width: calc(100% - 100px);padding: 0 0 0 10px;box-sizing: border-box;}
.main_section01 .news .news_hd .n_text .tit{color: #f89800;font-size: 10px;font-weight: 600;}
.main_section01 .news .news_hd .n_text .txt{font-size: 12px;margin-top: 7px;line-height: 1.3em;}
.main_section01 .news .news_hd .n_text .date{font-size: 10px;color: #ccc;margin-top: 5px;letter-spacing: 0em;}
.main_section01 .news .news_hd .n_pag{display: block;position: absolute;right: 10px;top:0;display: none;}
.main_section01 .news .news_hd .n_pag a{margin-left:3px;width: 7px;height: 7px;display: inline-block;border-radius: 10px;background: #1e1814;text-indent: -99999px;}
.main_section01 .news .news_hd .n_pag a.on{width: 14px;background: #70665f;}
.main_section01 .news .news_hd:after{clear:both; content: ''; display: block;}

.main_section01 .news .news_list{margin: 10px 0 0 0;padding: 0;height: calc(100% - 90px);overflow: auto;}
.main_section01 .news .news_list>li{margin: 0 5px 5px 0;position:relative;cursor:pointer;font-size: 11px;/* border-top: solid 1px #1d2228; */padding: 5px 0 0 0;}
.main_section01 .news .news_list>li:first-child{/* border-top:none; */padding-top:0;}
.main_section01 .news .news_list>li a{color:#fff;display: block;width: 100%;height: 100%;}
.main_section01 .news .news_list>li .atc{color:#fff;display: block;width: 99%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.main_section01 .news .news_list>li .press{font-weight:normal;font-size:11px;color:#a8aaab;display: inline;margin-left: 0;}
.main_section01 .news .news_list>li .date1{font-size:11px;font-weight:normal;color:#a8aaab;background: url(../images/ic_time.png) 0 4px no-repeat;background-size:10px;padding-left: 15px;box-sizing: border-box;display: inline-block;margin-left: 3px;}
.main_section01 .news .pag_btn_pre{left:auto;right: 12%;width: 25px;height: 15px;background: rgba(112, 102, 95, 0.5) url(../images/btn_prv.png) no-repeat 50% 50%;background-size: 80%;top: 0;border-radius: 30px;}
.main_section01 .news .pag_btn_next{right: 1%;width: 25px;height: 15px;background: rgba(112, 102, 95, 0.5) url(../images/btn_next.png) no-repeat 50% 50%;background-size: 80%;top: 0;border-radius: 30px;}
.main_section01 .btn_area02{/* bottom:10px; */}


/*live tab*/
.main_section01 .live_tab:before{content: '';border-left: solid 1px rgba(104, 105, 107, 0.5);display: block;position: absolute;left: 15px;top:17px;z-index:100;width:1px;height: 400px;}
.main_section01 .live_tab{position:absolute; bottom: 30px;left: 0;z-index:1000; overflow:hidden;}
.main_section01 .live_tab>ul{position: relative; z-index:1000;}
.main_section01 .live_tab>ul>li{padding:5px 0;cursor:pointer;font-size: 15px;}
.main_section01 .live_tab>ul>li a{color:#fff;font-weight: 400;display: block;width: 100%;height: 100%;letter-spacing: -0.04em;}
.main_section01 .live_tab>ul>li.on{}
.main_section01 .live_tab>ul>li.on>a{color: #00aaa9;font-weight:500;}
.main_section01 .live_tab .sub_tab{margin: 5px 0 5px 40px;}
.main_section01 .live_tab .sub_tab>li a:before{content: '-';display: inline-block;margin-right: 3px;}
.main_section01 .live_tab .sub_tab>li{padding:2px 0;font-size: 12px;}
.main_section01 .live_tab .sub_tab>li:last-child{margin-bottom: 10px;}
.main_section01 .live_tab .sub_tab>li.on a{color: #00aaa9;font-weight: 600;text-decoration: underline;}

/*아이콘*/
.main_section01 .live_tab i{display: inline-block;width: 30px;height: 30px;background: #3c637a;border-radius: 40px;vertical-align: -10px;margin-right: 10px;}
.main_section01 .live_tab .on i{background: #00aead;}
.main_section01 .live_tab .live_ic01{background:#6a5a51 url(../images/live_ic01.png) center center no-repeat;background-size: 90%;}
.main_section01 .live_tab .on .live_ic01{background: #00aead url(../images/live_ic01.png) center center no-repeat;background-size: 85%;}
.main_section01 .live_tab .live_ic02{background: #3c637a url(../images/live_ic02.png) center center no-repeat;background-size: 85%;}
.main_section01 .live_tab .on .live_ic02{background:#e88c22 url(../images/live_ic02.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .live_ic03{background: #3c637a url(../images/live_ic03.png) center center no-repeat;background-size: 85%;}
.main_section01 .live_tab .on .live_ic03{background:#e88c22 url(../images/live_ic03.png) center center no-repeat; background-size: 85%;}

.main_section01 .live_tab .live_ic03_1{background:#6a5a51 url(../images/live_ic03_1.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .on .live_ic03_1{background:#e88c22 url(../images/live_ic03_1.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .live_ic03_2{background:#6a5a51 url(../images/live_ic03_2.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .on .live_ic03_2{background:#e88c22 url(../images/live_ic03_2.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .live_ic03_3{background:#6a5a51 url(../images/live_ic03_3.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .on .live_ic03_3{background:#e88c22 url(../images/live_ic03_3.png) center center no-repeat; background-size: 85%;}

.main_section01 .live_tab .live_ic04{background:#6a5a51 url(../images/live_ic04.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .on .live_ic04{background:#e88c22 url(../images/live_ic04.png) center center no-repeat; background-size: 85%;}

.main_section01 .live_tab .live_ic05{background:#6a5a51 url(../images/live_ic05.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .on .live_ic05{background:#e88c22 url(../images/live_ic05.png) center center no-repeat; background-size: 85%;}

.main_section01 .live_tab .live_ic06{background:#6a5a51 url(../images/live_ic06.png) center center no-repeat; background-size: 85%;}
.main_section01 .live_tab .on .live_ic06{background:#e88c22 url(../images/live_ic06.png) center center no-repeat; background-size: 85%;}

/*live_mbtn*/
.main_section01 .live_mbtn{position:absolute;bottom: 0;left: 0;z-index:999999999;cursor:pointer;width:32px;height:32px;}
.main_section01 .live_mbtn img{width:100%; height:100%;}


/* ==================================================================================== */
/*section02*/
/* ==================================================================================== */
/*메인배너뉴스*/
.main_bn_news	{width:100%; height:100%; overflow-y:auto; box-sizing: border-box;}
.main_bn_news>li	{display:block; margin-bottom:5px; width:100%; height:74px; border-radius: 3px; overflow:hidden;}
.main_bn_news>li>a	{width:100%; height:100%;cursor: pointer;}
.main_bn_news>li>a>img	{width:100%; height:auto;}

/*main_section_tab*/
.main_section_tab{width:100%; height: 40px; padding: 0; box-sizing: border-box; position: absolute; left: 0; bottom: 1px; background: #0d3c58; border: 1px solid #0664a0; border-radius:3px; border-top-left-radius: 0; border-top-right-radius: 0; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);}
.main_section_tab ul li{float: left;width: 20%;height: 38px;text-align: center;padding: 0 0;box-sizing: border-box;position: relative;}
.main_section_tab ul li:before{content: '';display: block;height: 17px;width: 1px;border-left:solid 1px #1d2228;position: absolute;left: 0;top: 28%;}
.main_section_tab ul li:nth-child(1):before{border-left:solid 0px #1d2228;}
.main_section_tab ul li a{color: #a9b8c0;display: inline-block;width: 100%;height: calc(100% + 1px);padding: 8px 8px 0 8px;box-sizing: border-box;}
/*.main_section_tab ul li.on{border-top: solid 1px transparent;}*/
.main_section_tab ul li.on a{color:#fff;border-top: solid 3px #0079c2;}

.main_section_tab ul.n1 li{width: 100%;}
.main_section_tab ul.n2 li{width: 50%;}
.main_section_tab ul.n3 li{width: 33.33%;}
.main_section_tab ul.n4 li{width: 25%;}
.main_section_tab ul.n5 li{width: 20%;}
.main_section_tab ul.n6 li{width: 16.66%;}
.main_section_tab ul.n7 li{width: 14.28%;}
.main_section_tab ul.n8 li{width: 12.5%;}




/*main_section_btn
.main_section_btn{position: absolute;right: 0;top: 2px;}
.main_section_btn a{font-size: 11px;color: #fff;display: inline-block;text-align: center;padding: 5px 12px 6px 12px;background: #0b334a;border-radius: 3px;border: solid 1px #0664a0;}

.main_section_btn .calendar_legd{}
.main_section_btn .calendar_legd>li{margin-right: 6px;display: inline-block;font-size: 10px;color: #ccc;}
.main_section_btn .calendar_legd>li i{width: 9px;height: 9px;display:inline-block;background: #53abff;margin-right: 4px;vertical-align: -1px;}
.main_section_btn .calendar_legd .legd01{background: #00b1b0;}
.main_section_btn .calendar_legd .legd02{background: #0079c2;}
*/

/* ==================================================================================== */
/*section02*/
/* ==================================================================================== */
/*main_section02*/
.main_section02{float: right; position: relative; width: 49.5%;margin:0;height: 100%;margin:0;box-sizing: border-box;}
.main_section02:after{clear:both; content:''; display:block;}
.main_section02 h2{margin: 0 0 4px 0;height: 26px; line-height: 1;}

/*인천소식 / 시민생활 / 주요지표*/
.main_section02 .main_section02_1	{position:relative;width:100%;height: 340px; box-sizing:border-box;}
.main_section02 .section02_1 .section_content	{border:none;box-shadow:none; background:transparent;}
.main_section02 .main_section02_2	{position:relative;width:100%;height: 340px;margin-bottom:20px;box-sizing:border-box;}

.main_section02 .main_section02_1:after,
.main_section02 .main_section02_2:after	 {display:block; content:''; clear:both;}
.main_section02 .section02_1{float:left; position:relative;width:30%;height: 100%;margin:0; box-sizing:border-box;}
.main_section02 .section02_2{float:right; position:relative;width:69%;height: 160px;box-sizing:border-box;}
.main_section02 .section02_3{float:right; position:relative;width:68%;height: 160px;margin-top:20px; box-sizing:border-box;}
.main_section02 .section02_3 .page_btn_pre,
.main_section02 .section02_3 .page_btn_next	{top: 49%; width: 30px; height: 30px;}
.main_section02 .section02_4{float:left; position:relative;width:30%;height: 100%; box-sizing:border-box;}
.main_section02 .section02_5{float:right; position:relative;width:68%;height: 100%; box-sizing:border-box;}

.main_section02 .policy_box{height: 100% !important; margin-bottom: 0 !important;}


/*시민생활 주요지표 확장형*/
.main_section02 .main_section02_1.full .section02_2	 {float:none; width:100%;}
/*.main_section02 .main_section02_1.full .section02_2	 .life_list li a i {left:36%;}*/

.main_section02 .main_section02_1.full .section02_3	 {float:none; width:100%; overflow: hidden;}

/*메인 주요지표*/
.main_section02_1 .section02_3 .policy_wrap	{height:100%;}
.main_section02_1 .section02_3 .policy_wrap .policy_list.li3>li	{height:100%;}
.main_section02_1 .section02_3 .policy_wrap .policy_list.li3 .policy_box	{height:98%;}

.main_section02_1 .section02_3 .policy_wrap .policy_list.li4>li	{width:100%; height:100%;}

/*simple_marker*/
.simple_marker {cursor:pointer;}

/*biz_marker*/
.biz_marker_01{position:absolute; top:55%; left:50%; z-index:1000;}
.biz_marker_02{position:absolute; top:65%; left:55%; z-index:1000;}
.biz_marker_03{position:absolute; top:50%; left:60%; z-index:1000;}
.biz_marker_04{position:absolute; top:70%; left:45%; z-index:1000;}
.biz_marker_05{position:absolute; top:60%; left:75%; z-index:1000;}

/*범례*/
.biz_mapkey {position:absolute;bottom: 65px;left: 360px; color:#a8aaab;}
.biz_mapkey li{float:left; padding:0px 15px; font-size:11px;}
.biz_mapkey li:first-child{background:url(../images/범례하늘.png) no-repeat 0 4px; background-size:9.33px;}
.biz_mapkey li:nth-child(2){background:url(../images/범례초록.png) no-repeat 0 4px; background-size:9.33px;}
.biz_mapkey li:nth-child(3){background:url(../images/범례보라.png) no-repeat 0 4px; background-size:9.33px;}
.biz_mapkey li:nth-child(4){background:url(../images/mk_bullet_3_darkblue.png) no-repeat 0 4px; background-size:9.33px;}

/*simple_map_legend*/
.simple_map_legend{position:absolute;top: unset; bottom:50px; right: 0;z-index: 9991;font-size:13px;color: #8d8d8d; width:120px;}
.simple_map_legend ul{margin: 0 auto;display: block; width:100%;}
.simple_map_legend ul>li{display: block;font-size: 11px;font-weight: 400;letter-spacing: -0.08em;text-align: left;color: #8d8d8d;width:100%;}
.simple_map_legend ul>li i{width: 10px;height: 10px;display: inline-block;vertical-align: -1px;margin-right: 1px;}
.simple_map_legend ul>li i img{width: 100%;}

/*재난 안전 수방방제*/
.simple_map_legend.right .safe{width:70px;height:107px;}
.simple_map_legend.right .traffic{width:70px;height:107px;}
.simple_map_legend.right .flood{width:70px;height:107px;}
.simple_map_legend.right .air{width: 100px;}

.simple_map_legend .safe i,
.simple_map_legend .traffic i,
.simple_map_legend .flood i{vertical-align: 0px;margin-right: 3px;}

/*대기*/
.simple_map_legend .air{width:200px;}
.simple_map_legend .air>li{width:100px;}
.simple_map_legend .air i{width: 9px;height: 9px;display: inline-block;border-radius: 1px;margin-right: 5px;vertical-align: -1px;}
.simple_map_legend .air i.best{background:#345BF9;}/*최고*/
.simple_map_legend .air i.good{background:#2183FA;}/*좋음*/
.simple_map_legend .air i.well{background:#2AA7B7;}/*양호*/
.simple_map_legend .air i.normal{background:#2AB74D;}/*보통*/
.simple_map_legend .air i.bad{background:#E5C61A;}/*나쁨*/
.simple_map_legend .air i.worse{background: #FF9211;}/*상당히나쁨*/
.simple_map_legend .air i.worst{background: #FF2E2E;}/*매우나쁨*/
.simple_map_legend .air i.hell{background: #141414;}/*매우나쁨*/
.simple_map_legend .air i.checking{background:#bbb;}/*점검중*/

/*용수*/
.simple_map_legend .water i{width: 9px;height: 9px;display: inline-block;border-radius: 1px;margin-right: 5px;vertical-align: -1px;}
.simple_map_legend .water i.good{background:#4fa2ff;}/*좋음*/
.simple_map_legend .water i.bad{background:#e75353;}/*나쁨*/
.simple_map_legend .water i.checking{background:#878787;}/*점검중*/

/*인구*/
.simple_map_legend .people{margin-top: 37px;display: inline-block;}
.simple_map_legend .people i{width: 9px;height: 9px;display: inline-block;border-radius: 1px;margin-right: 5px;vertical-align: 0px;}
.simple_map_legend .people li:nth-child(1) i{background: #3391f3;}
.simple_map_legend .people li:nth-child(2) i{background:#84bd07;}
.simple_map_legend .people li:nth-child(3) i{background:#ff9c00;}
.simple_map_legend .people li:nth-child(4) i{background:#e74243;}
.simple_map_legend .people li:nth-child(5) i{background:#8b9099;}

/*인구*/
.simple_map_legend .people2{display: inline-block;background: url(../images/legend_map_people.png) 100% 50% no-repeat;background-size: 100% 100%;width:200px;border-radius: 15px;padding: 0 0 2px 0;margin-right: 20px;line-height: 1.0em;}
.simple_map_legend .people2 li{width: 23.5%;margin: 0;text-align: center;color: #fff;line-height: 1.0em;font-size: 10px;}

/*관광*/
.simple_map_legend .tour{/* margin-top:-150px; */}
.simple_map_legend .tour i{width: 9px;height: 9px;display: inline-block;border-radius: 1px;margin-right: 5px;vertical-align: 0px;}
.simple_map_legend .tour li:nth-child(1) i{background:#ff9c00;}
.simple_map_legend .tour li:nth-child(2) i{background:#84bd07;}
.simple_map_legend .tour li:nth-child(3) i{background:#3391f3;}
.simple_map_legend .tour li:nth-child(4) i{background:#7576ff;}
.simple_map_legend .tour li:nth-child(5) i{background:#e74243;}
.simple_map_legend .tour li:nth-child(6) i{background:#8b9099;}

/*공약사업*/
.simple_map_legend .promise{/*width: 210px;*/}
.simple_map_legend .promise i{width: 9px;height: 9px;border-radius: 1px;margin-right: 5px;vertical-align: -1px;}
.simple_map_legend .promise li:nth-child(1) i{background: #3391f3;}
.simple_map_legend .promise li:nth-child(2) i{background:#84bd07;}
.simple_map_legend .promise li:nth-child(3) i{background:#ff9c00;}
.simple_map_legend .promise li:nth-child(4) i{background:#e74243;}
.simple_map_legend .promise li:nth-child(5) i{background:#8b9099;}

.simple_map_legend .population i{width: 9px;height: 9px;display: inline-block;border-radius: 1px;margin-right: 5px;vertical-align: 0px;}
.simple_map_legend .population i.total{background:#3391f3;}/** 총인구*/
.simple_map_legend .population i.youth{background:#ff9c00;}/** 유소년*/
.simple_map_legend .population i.adult{background:#c78be8;}/** 생산*/
.simple_map_legend .population i.elder{background:#e74243;}/** 고령*/
.simple_map_legend .population i.disabled{background:#84bd07;}/** 장애인 */
.simple_map_legend .population i.foreign{background:#ff00ff;}/** 외국인 */

/** 인구현황 그라데이션 범례  */
.simple_map_legend .population2 { position:absolute; left:65px; top:65px; width:110px;}
.simple_map_legend .population2.total {background: url(../images/legend_map_people04.png) no-repeat center 0; background-size: 90% 5px;}
.simple_map_legend .population2.youth {background: url(../images/legend_map_people02.png) no-repeat center 0; background-size: 90% 5px;}
.simple_map_legend .population2.adult {background: url(../images/legend_map_people03.png) no-repeat center 0; background-size: 90% 5px;}
.simple_map_legend .population2.elder {background: url(../images/legend_map_people.png) no-repeat center 0; background-size: 90% 5px;}
.simple_map_legend .population2.disable {background: url(../images/legend_map_people05.png) no-repeat center 0; background-size: 90% 5px;}
.simple_map_legend .population2.foreign {background: url(../images/legend_map_people06.png) no-repeat center 0; background-size: 90% 5px;}
.simple_map_legend .population2 li:nth-child(1) {float: left; margin-top: 3%;}
.simple_map_legend .population2 li:nth-child(2) {float: right; margin-top: 3%;}

/*시설물*/
.simple_map_legend .facility{width: 400px;}




/*심플지도 범례-오른쪽인구------------------------------*/
.simple_map_legend.right{position: absolute;left: auto;right:10px;bottom: 400px;width: auto;box-sizing: border-box;padding:5px;overflow: hidden;}
.simple_map_legend.right ul{/* width: 100%; */padding-top:7px;}
.simple_map_legend.right ul>li{width: 100%;text-align: left;padding: 3px 0;}

/*simple_map_bt_menu-----------------------------------*/
.simple_map_bt_menu{position:absolute;bottom: 0;left: 55%;width: 90%;z-index: 9991;text-align: center;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.simple_map_bt_menu ul>li{position: relative;font-size: 13px;padding: 1px;display: inline-block;text-align: center;cursor:pointer;}
.simple_map_bt_menu ul>li>a{color: #bfbfbf;padding: 1px 10px 2px 10px;/* min-width: 70px; */display: block;box-sizing: border-box;border: solid 1px #738089;border-radius:20px;-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);}
.simple_map_bt_menu ul>li>a.on{color: #fff;font-weight: 400;border-radius: 20px;border: solid 1px #0079c2;background: #0079c2;}

/*대기*/
/*.simple_map_bt_menu .air>li>a.on{border:solid 1px #84bd07;background: #84bd07;}*/

/*관광인구*/
.simple_map_bt_menu .tour{/* position: absolute; *//* left: 0; *//* top:0; */}
.simple_map_bt_menu .tour>li{/* display: block; *//* margin:5px 0; */}

/*.simple_map_bt_menu .tour .place.open{margin-right: 469px;}
.simple_map_bt_menu .tour .place.open .submenu{display: block;}
.simple_map_bt_menu .tour .month.open{margin-right:400px;margin-left: 10px;}
.simple_map_bt_menu .tour .month.open .submenu{display: block;}*/


/* 심플지도 - 타임라인-하단가로버전 */
.simple_map_bt_menu .tour2{position:absolute;top: 0px;left: 10px;height: 26px;z-index: 99999;box-sizing: border-box;border-radius: 14px;padding: 3px 0 0 27px;border: solid 1px rgba(232, 140, 34, 0.3);}
.simple_map_bt_menu .tour2 li{padding: 0;color:#696969;cursor: pointer;text-align: center;float: left;margin: 0 2.5px;box-sizing: border-box;font-size: 11px;display: inline-block;letter-spacing: -0.04em;color: rgba(255, 255, 255, 0.5);}
.simple_map_bt_menu .tour2:after{content: ''; display: block; clear: both;}
.simple_map_bt_menu .tour2 .on{color: #e88c22;}
.simple_map_bt_menu .tour2 a{color: rgba(255, 255, 255, 0.5); padding: 0; display: block;box-sizing: border-box;border: solid 1px rgba(90, 90, 90, 0.8);border-radius:20px;-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);}
.simple_map_bt_menu .tour2 a.on{color: #fff;font-weight: 400;border-radius: 20px;border: solid 1px #e88c22;background: #e88c22;}



/*공약*/
.simple_map_bt_menu .promise>li:nth-child(2)>a.on{border:solid 1px #5a6efb;background: #5a6efb;}
.simple_map_bt_menu .promise>li:nth-child(3)>a.on{border:solid 1px #35aac6;background: #35aac6;}
.simple_map_bt_menu .promise>li:nth-child(4)>a.on{border:solid 1px #ec5978;background: #ec5978;}
.simple_map_bt_menu .promise>li:nth-child(5)>a.on{border:solid 1px #84bd07;background: #84bd07;}
.simple_map_bt_menu .promise>li:nth-child(6)>a.on{border:solid 1px #ff9c00;background: #ff9c00;}
.simple_map_bt_menu .promise>li:nth-child(7)>a.on{border:solid 1px #3170ff;background: #3170ff;}
.simple_map_bt_menu .promise>li:nth-child(8)>a.on{border:solid 1px #ac8a62;background: #ac8a62;}
.simple_map_bt_menu .promise>li:nth-child(9)>a.on{border:solid 1px #3391f3;background: #3391f3;}


/* 심플지도 - 타임라인 */
.main_section01 .timeline {position:absolute;top:100px;right:20px;width: 44px;height:280px;background: url(../images/simplemap_timeline_bg.png) no-repeat 100% 0;background-size:27.6px;z-index: 99999;}
.main_section01 .timeline .tl_time {margin:15px 0 0 0px;font-size:11px;width: 100%;}
.main_section01 .timeline .tl_time li{padding: 3.5px 14px 0 0;color:#696969;cursor: pointer;text-align: right;}
.main_section01 .timeline .tl_time .p{color:#fff;}
.main_section01 .timeline .tl_time .on{color:#8fbfec;}

.main_section01 .timeline .tl_pre,
.main_section01 .timeline .tl_nxt{cursor: pointer;position:absolute;left: 15px;width:12px;height:7.6px;}
.main_section01 .timeline .tl_pre {top:0;background:url(../images/simplemap_timeline_btn_pre.png) no-repeat 0 0;background-size:12px;}
.main_section01 .timeline .tl_nxt {bottom:0;background:url(../images/simplemap_timeline_btn_nxt.png) no-repeat 0 0;background-size:12px;}

.main_section01 .timeline .tl_cursor_wrap {position:absolute;top:19px;right: -9px;width:19px;height:calc(100% - 53px);}
.main_section01 .timeline .tl_cursor {position:absolute;top:27%;left: 0;width:19px;height:13.3px;background:url(../images/simplemap_timeline_cursor.png) no-repeat 0 0;background-size:19px;}


/* 심플지도 - 타임라인-하단가로버전 */
.main_section01 .timeline_horz {position:absolute;top: 548px;right: 90px;width: 500px;height: 50px;background: url(../images/simplemap_timeline_horz_bg.png) no-repeat 50% 100%;background-size: 500px;z-index: 99999;}
.main_section01 .timeline_horz .tl_time {margin: 16px 10px 0 10px;font-size:11px;width: calc(100% - 20px);}
.main_section01 .timeline_horz .tl_time li{padding: 0;color:#696969;cursor: pointer;text-align: center;float: left;width: 8.33%;box-sizing: border-box;}
.main_section01 .timeline_horz .tl_time:after{content: ''; display: block; clear: both;}
.main_section01 .timeline_horz .tl_time .p{color:#fff;}
.main_section01 .timeline_horz .tl_time .on{color:#8fbfec;}
.main_section01 .timeline_horz .tl_pre,
.main_section01 .timeline_horz .tl_nxt {cursor: pointer;position:absolute;top: 30px;width: 30px;height: 30px;}
.main_section01 .timeline_horz .tl_pre {left: -15px;/* width:12px; *//* height:7.6px; */background: url(../images/simplemap_timeline_horz_btn_pre.png) no-repeat 50% 50%;background-size: 25%;}
.main_section01 .timeline_horz .tl_nxt {right: -15px;/* width:12px; *//* height:7.6px; */background: url(../images/simplemap_timeline_horz_btn_nxt.png) no-repeat 50% 50%;background-size: 25%;}

.main_section01 .timeline_horz .tl_cursor_wrap {position:absolute;top: 34px;margin: 0 10px;width: calc(100% - 20px);height: 26px;}
.main_section01 .timeline_horz .tl_cursor {position:absolute;top: 0;left: 0;margin-left: 10px;width: 20px;height: 20px;background: url(../images/simplemap_timeline_horz_cursor.png) no-repeat 2px 2px;background-size: 17px;cursor: pointer;}
.main_section01 .timeline_horz .tl_cursor.p1{left:0%;}
.main_section01 .timeline_horz .tl_cursor.p2{left: 8.33%;}
.main_section01 .timeline_horz .tl_cursor.p3{left: 16.66%;}
.main_section01 .timeline_horz .tl_cursor.p4{left: 25%;}
.main_section01 .timeline_horz .tl_cursor.p5{left: 33.33%;}
.main_section01 .timeline_horz .tl_cursor.p6{left: 41.66%;}
.main_section01 .timeline_horz .tl_cursor.p7{left: 50%;}
.main_section01 .timeline_horz .tl_cursor.p8{left: 58.33%;}
.main_section01 .timeline_horz .tl_cursor.p9{left: 66.66%;}
.main_section01 .timeline_horz .tl_cursor.p10{left: 75%;}
.main_section01 .timeline_horz .tl_cursor.p11{left: 83.33%;}
.main_section01 .timeline_horz .tl_cursor.p12{left: 91.66%;}


/*svg*/
svg .municipality {fill: #efefef; stroke: #fff; stroke-width: 3; opacity: 0.01;}
svg .municipality-label {fill: #fff; font-size: 12px; font-weight: 300; text-anchor: middle;}
svg .municipality-legend {fill: #fff; font-size: 12px; font-weight: 300;}
svg #map text {color: #ccc; font-size: 12px; text-anchor: middle;}

/* graph_box 가로*/
.main_section03 ul.graph_box{width:100%; height:100%;}
.main_section03 ul.graph_box>li{float:left;box-sizing: border-box;width:100%;height: 50.5%;border-top:solid 1px #434749;}
.main_section03 ul.graph_box>li:first-child{border-top:none;height: 49.5%;}
.main_section03 ul.graph_box:after{content: ''; display: block; clear: both;}

/*메인 시민생활*/
.tb_con	{width:100%; height:calc(100% - 36px); position:relative;}
.tb_con .life_list	{width:100%; height:100%; box-sizing:border-box; padding:0; overflow: hidden;}
.tb_con .life_list li	{position:relative; float:left; width:calc(20% - 4px); height:calc(50% - 5px); box-sizing:border-box; margin:0 5px 5px 0;}
.tb_con .life_list li:nth-child(5n)	{margin-right:0;}
.tb_con .life_list li:last-child:after{display:block;content:''; clear:both;}
.tb_con .life_list li a	{display: block; color: #9db0ba; text-align:center; font-size: 12px; width: 100%; height:100%; box-sizing:border-box;  padding:32px 0 0 ;/* border: 1px solid #53829d; */border-radius: 4px ; /*background: #144059; */margin: 0; background: #0b334a; border: 1px solid #0664a0;}
.tb_con .life_list li a:hover,
.tb_con .life_list li a:active	{color:#fff; background: #078683; background-size:6px; border-color:#078683;}
.tb_con .life_list li a i	{position:absolute; top:0; left:0; width:100%; height:36px; display:block; opacity:0.6;}
.tb_con .life_list li:hover a i	{opacity:1;}
.tb_con .life_list li:nth-child(1) a i	{background: transparent url(../images/ic_img/ic_life01.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(2) a i	{background: transparent url(../images/ic_img/ic_life02.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(3) a i	{background: transparent url(../images/ic_img/ic_life03.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(4) a i	{background: transparent url(../images/ic_img/ic_life04.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(5) a i	{background: transparent url(../images/ic_img/ic_life05.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(6) a i	{background: transparent url(../images/ic_img/ic_life06.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(7) a i	{background: transparent url(../images/ic_img/ic_life07.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(8) a i	{background: transparent url(../images/ic_img/ic_life08.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(9) a i	{background: transparent url(../images/ic_img/ic_life09.png) no-repeat center center; background-size:24px;}
.tb_con .life_list li:nth-child(10) a i	{background: transparent url(../images/ic_img/ic_life10.png) no-repeat center center; background-size:24px;}



/* ==================================================================================== */
/*지도데이터*/
/* ==================================================================================== */

/*인천소식 보도자료*/
.main_news_top	{position:relative; height: 25%;  padding: 15px 10px 10px 15px; box-sizing: border-box; border-bottom: 1px solid #0664a0; background-image: linear-gradient(360deg, #0b2a3a, transparent);}
.main_news_top .tit	{font-size:15px; font-weight:500; margin-bottom:5px; color: #afcbff;}
.main_news_top .con	{position:relative; display:block; font-size: 13px; color:#fff;}
.main_news_top .con .txt	{display:block; width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_news_top .con .date	{position:absolute; top:3px; right:0; font-size: 12px; color: #a8aaab;}

.main_news_top .page_btn_pre	 {width: 25px; height: 25px; left:unset; right: 40px; top: 10px;}
.main_news_top .page_btn_next	 {width: 25px; height: 25px; right: 10px; top: 10px;}

/*인천소식 뉴스리스트*/
.main_news{height: 75%; padding: 15px 10px 10px 15px;box-sizing: border-box;background: #0b334a !important;}
.main_news ul{width: 100%; height: 100%; box-sizing: border-box;}
.main_news ul>li{margin: 0 0 15px 0;position:relative;font-size: 12px;}
.main_news ul>li:last-child{margin:0;}
.main_news ul>li a{color:#fff;width: calc(100% - 70px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;font-size: 13px;}
.main_news ul>li span.date{position:absolute; right:0; bottom:0; font-weight:normal; font-size:12px; color:#a8aaab;}


/*교통정보*/
.m_data_traffic	 {height:100%;}
.m_data_traffic .traffic{height:70px; padding-top:2px; box-sizing: border-box;}
.m_data_traffic .traffic.on{border-top: solid 3px #399aeb;}
.m_data_traffic .traffic ul{margin: 0;height: 100%;padding: 0;box-sizing: border-box; overflow: hidden;}
.m_data_traffic .traffic ul>li:before{content: '';display: block;position: absolute;left: 0;top: -5%;width: 1px;height: calc(100% - 10px);border-left: solid 1px #1d2228;}
.m_data_traffic .traffic ul>li:first-child:before{border: none;}
.m_data_traffic .traffic ul>li {display:block;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;border-bottom: solid 3px #1d2228; width: 25%;height: 100%;box-sizing: border-box;position: relative;}
.m_data_traffic .traffic ul>li.on{border-bottom: solid 3px #399aeb;}
.m_data_traffic .traffic ul>li a {color:#fff;display: block;width: 100%;height: 100%;}
.m_data_traffic .traffic ul>li .cnt{font-size: 11px;font-weight: 400;line-height:1em;display: block;padding: 27px 0 10px 0;color: #ccc;}
.m_data_traffic .traffic ul>li .cnt span{font-size: 24px;font-weight: 600;line-height: 1.0em;color: #fff;font-family: 'NanumSquare';}
.m_data_traffic .traffic ul>li .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 7px;left:0;width: 100%;height: 20px;}
.m_data_traffic .safety_list	 {height:calc(100% - 70px); padding:10px 5px;}
.m_data_traffic .safety_list ul>li span.st_trf {margin-right:5px;}


/*대기환경*/
.m_data_air	 {height:100%;}
/*날씨*/
.m_data_air .weather{position: relative; width: 100%;height: 100%;padding:0;box-sizing: border-box;}
.m_data_air .weather ul{width: 100%;height: 100%;padding:0; box-sizing: border-box;}
.m_data_air .weather ul>li{position: relative; display:block; text-align:center; letter-spacing:-0.08em;line-height:1.0em;width: 100%; height: 33.3%; border-bottom: solid 1px #1d2228; padding:10px; box-sizing: border-box;}
.m_data_air .weather ul>li:last-child{height:33.4%;}
/*
.m_data_air .weather ul>li:nth-child(1){width: 48%;}
.m_data_air .weather ul>li:before{content: '';display: block;position: absolute;left: 0;top: -5%;width: 1px;height: calc(100% - 10px);border-left: solid 1px #1d2228;}
.m_data_air .weather ul>li:first-child:before{border: none;}
*/
.m_data_air .weather .we01{font-size: 39px;color: #fff;letter-spacing: -0.02em;}
.m_data_air .weather .we01 .weater_img{position: absolute; left: 5%;top: 10%; display: block; width: 70px;height: 70px;margin: 0;}
.m_data_air .weather .we01 .weater_img img{width:100%;}
.m_data_air .weather .we01 .weater_temp{position: absolute;left: 50%; top: 30px; height: 40px; display:block;color: #ccc;font-size: 13px;line-height: 1.0em;letter-spacing: -0.02em;}
.m_data_air .weather .we01 .weater_temp .text{color: #fff;display: block;padding:0 0 10px 0; font-size: 13px;}
.m_data_air .weather .we01 .weater_temp .cnt{font-size: 17px;font-weight: 600;line-height: 1.0em;vertical-align: 0px;margin-right: 3px;color: #fff;font-family: 'NanumSquare';}

.m_data_air .weather .we02 .text	{font-size: 12px; font-weight: normal; letter-spacing: -0.01em; line-height: 1.0em; color: #dadada; display: inline-block; position: absolute; top: 20px; left: 0; width: 100%; height: 20px; text-align: center;}


.m_data_air .weather .we02 .cnt{font-size:11px; font-weight:normal; line-height:1em; display: block; padding-top: 35px; color: #ccc; text-align: center;}
.m_data_air .weather .we02 .cnt span{font-size: 15px;font-weight:600;color:#fff;line-height: 1.7em;font-family: 'NanumSquare';}
.m_data_air .weather .we02 .cnt span.wsd{font-size: 18px;}
.m_data_air .weather .we02 .cnt span.vec:after	{content: ''; width: 1px; height: 13px; background: #1a5378; display: inline-block; margin: 0 15px; vertical-align: middle;}

.m_data_air .weather .we03 .text	{font-size: 12px; font-weight: normal; letter-spacing: -0.01em; line-height: 1.0em; color: #dadada; display: inline-block; position: absolute; top: 10px; left: 0; width: 100%; height: 20px; text-align: center;}
.m_data_air .weather .we03 .cnt{font-size:11px; font-weight:normal; line-height:1em; display: inline-block; padding-top: 35px; color: #ccc; text-align: center;}
.m_data_air .weather .we03 .cnt > span + span:before	{content: ''; width: 1px; height: 13px; background: #1a5378; display: inline-block; margin: 0 15px; vertical-align: middle;}
.m_data_air .weather .we03 .cnt span{font-size: 15px;font-weight:600;color:#fff;line-height: 1.7em;font-family: 'NanumSquare';}
.m_data_air .weather .we03 .cnt span.wsd{font-size: 18px;}
.m_data_air .weather .we03 .cnt span.vec:after	{content: ''; width: 1px; height: 13px; background: #1a5378; display: inline-block; margin: 0 15px; vertical-align: middle;}
/*.m_data_air .weather .we03 .text	{font-size: 12px; font-weight: normal; letter-spacing: -0.01em; line-height: 1.0em; color: #dadada; display: block; position: absolute; top: 10px; left: 0; width: 100%; height: 20px; text-align: center;}
.m_data_air .weather .we03 .cnt{font-size:11px;font-weight:normal;line-height: 1.5em;display: block;padding-top: 30px;color: #ccc;}
.m_data_air .weather .we03 .cnt span{font-size: 18px;font-weight:600;color:#fff;line-height: 1.5em;font-family: 'NanumSquare';}
*/

/*날씨*/
.m_data_air .weather02{width:100%;height:100%; color: #fff;}
.m_data_air .weather02 .we01{position: relative;width: 48%;height: 100%;float:left;padding: 0;box-sizing: border-box;}
.m_data_air .weather02 .we01 .weater_tit{position: absolute;left: 0; top:30px; width:100%;text-align: center;display: block;font-size: 11px;}
.m_data_air .weather02 .we01 .weater_img{width: 50px;height: 50px;margin: 0;display: block;position: absolute;left: 15%;bottom: 12px;}
.m_data_air .weather02 .we01 .weater_img img{width:100%;}
.m_data_air .weather02 .we01 .weater_temp{height: 40px;width: 75px;color: #fff;font-size: 13px;line-height: 1.0em;letter-spacing: -0.02em;display: inline-block;position: absolute;left: 50%;bottom: 20px;}
.m_data_air .weather02 .we01 .weater_temp .tem01{color: #fff;display: inline-block;padding: 7px 0 0 0;}
.m_data_air .weather02 .we01 .weater_temp .tem01 .cnt{font-size: 24px;font-weight: 600;line-height: 1.0em;}
.m_data_air .weather02 .we01 .weater_temp .tem02{color:#f22626;display: inline-block;padding-left: 4px;}

.m_data_air .weather02 .we02{font-size:8px;color: #fff;width: 52%;height: 80px;float:left;margin:0;box-sizing:border-box;padding: 10px 14px 10px 3px;letter-spacing:-0.08em;}
.m_data_air .weather02 .we02 .weater_detail{height: 100%;}
.m_data_air .weather02 .we02 .weater_detail>li{width: 100%;height: 30%;display: block;box-sizing: border-box;padding: 0 7px;margin: 4px 0;line-height: 0.8em;text-align: right;color: #9599a0;position: relative;}
.m_data_air .weather02 .we02 .weater_detail .tit{color: #b3b6bb;font-weight: 500;display: inline-block;font-size: 11px;letter-spacing: -0.04em;}
.m_data_air .weather02 .we02 .weater_detail span{color: #fff;font-weight: bold;text-align: left;}
.m_data_air .weather02 .we02 .weater_detail p{display: block;position: absolute;right: 0;top: 27%;}


.m_data_city ul	{margin-top:4px;}
.m_data_city ul>li	{background: url(../images/ic_lnb_menu.png) no-repeat 90% center; background-size: 17px; border-bottom:1px solid rgba(255,255,255,0.1);}
.m_data_city ul>li:last-child{border-bottom:none;}
.m_data_city ul>li a	{display:block; color:#fff; padding: 9px 35px 9px 10px; font-size: 12px; line-height: 1.3;}
.m_data_city ul>li span	 {display:block;}

.m_data_fac	{height: calc(100% + 25px); padding: 5px 5px 5px 10px;}
.m_data_fac td	{word-break:break-word !important;}
.m_data_water	{height: calc(100% - 30px); padding: 5px;}
.m_data_water th	 {vertical-align:middle !important;}



/*main 주요일정 popup*/
.main_calendar_popup{ position: absolute; left: 0; background: #0e3b58; border: 1px solid #165d8a; border-radius: 3px; overflow: hidden; padding: 0; box-sizing: border-box; z-index: 999999999; width: 100%; height: 100%; top: 0; -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 70%); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 70%);}
.promotion_popup img { width: 100%; height: 100%; }
.promotion_popup .popup_btn_area {vertical-align: middle;    line-height: 30px;}


.main_container .section01_popup, .main_container .section02_popup, .main_container .section03_popup, .main_container .section04_popup {width: 49.5%;}
.main_container .section03_popup.full .pop_content {height: 100%;}
.main_container .section03_popup.full .pop_content ul.graph_box>li {height: 50% !important;}

/*main 배너추가 2025-05-20*/
.main_banner_sm	{position:relative; width:100%; height:160px; background-color:#000; border-radius: 3px; overflow: hidden;}
.main_banner_sm .bn_bg01	{background: url('../images/ic_img/banner/bn_bg01.png') no-repeat; background-size: cover;}
.main_banner_sm .bn_bg02	{background: url('../images/ic_img/banner/bn_bg02.png') no-repeat; background-size: cover;}
.main_banner_sm .bn_bg03	{background: url('../images/ic_img/banner/bn_bg03.png') no-repeat; background-size: cover;}
.main_banner_sm .bn_bg04	{background: url('../images/ic_img/banner/bn_bg04.png') no-repeat; background-size: cover;}
.main_banner_sm .bn_bg05	{background: url('../images/ic_img/banner/bn_bg05.png') no-repeat; background-size: cover;}
.main_banner_sm .bn_bg06	{background: url('../images/ic_img/banner/bn_bg06.png') no-repeat; background-size: cover;}

.main_banner_sm	.mb_txt01	{position:absolute; top:20px; left:20px; font-family: 'SCoreDream'; color: #1D2247; font-size:16px;}
.main_banner_sm	.mb_txt02	{position:absolute; top:20px; right:20px; font-family: 'SCoreDream'; color: #1D2247; font-size:16px;}
.main_banner_sm	.mb_tit	{position:absolute; top:55%; transform: translateY(-50%); width:100%; text-align:center; font-family: 'SCoreDream'; color: #1D2247; font-size:40px; font-weight: 900; word-break: keep-all;}

.main_banner_sm.bn_bg02 div	{color:#143012; text-shadow: 0 0 5px #ffffff45;}
.main_banner_sm.bn_bg03 div	{color:#142177; text-shadow: 0 0 5px #ffffff45;}
.main_banner_sm.bn_bg04 div	{color:#310B2B; text-shadow: 0 0 5px #ffffff45;}
.main_banner_sm.bn_bg05 div	{color:#fff; text-shadow: 0 0 5px #00000045;}
.main_banner_sm.bn_bg06 div	{color:#fff; text-shadow: 0 0 5px #00000045;}

/*--------------------------- main end 끝*/


/*메인 모바일 시작*/
@media (min-width:200px) and (max-width:911px) {
	.main_container	{height:auto;}
	.main_section01	{width:100%; float:unset;}
	.main_section02	{width:100%; height: auto; float:unset;}
	.main_container { width: 96%; margin: 62px 2% 0 2%; z-index: 1; }

	.main_section02 .main_section02_1	{height:auto;}
	.main_section02 .main_section02_2	{height: auto; margin-top:20px;}
	.main_section02 .section02_1{width:100%; float:unset; height:185px;}
	.main_section02 .section02_2{float: unset; width: 100%; height: 210px; margin-top: 20px;}
	.main_section02 .section02_3{float: unset; width: 100%; height: 300px; margin-top: 20px;}
	.main_bn_news>li	{width:49.5%; display:block; float:left; line-height: 74px; background: rgba(0,0,0,0.5);text-align: center;}
	.main_bn_news>li:nth-child(odd)	{clear:both; margin-right:1%;}
	.main_bn_news>li>a	{font-size:10px; color:rgba(255,255,255,0.3)}

	.main_section02 .section02_4	{float: unset; width: 100%; height: auto; }

	/*보도자료팝업*/
/* 	.main_container .section01_popup	 {top:0 !important; width:100% !important; margin:0;}	 */
	.main_container .section01_popup	 {top:0 !important; width:95% !important; margin:0; left:2.5%;}	
	.main_container .section01_popup .popup_btn_area	 {top: 15px !important; position: absolute; right: 0;}	
    
    /* 뉴스 팝업 221117*/
    .main_container .section01_x6_popup, .container .section01_x6_popup{width:93% !important; left:2.5%; position: fixed; top:9%;}

	/*주요지표*/
	.main_section02_1 .section02_3 .policy_wrap .policy_list.li4 .policy_box	{width: calc(50% - 5px); height: 120px !important; margin-bottom: 10px !important;}
	.main_section02_1 .section02_3 .policy_wrap .policy_list.li4 .policy_box:nth-child(2n)	{margin-right:0;}


	/*날씨*/
	.m_data_air .weather ul>li	 {height:90px;}
	/*교통*/
	.m_data_traffic .traffic ul>li	 {height:100%;}
	.m_data_traffic .safety_list ul	 {height:100%;}
	/*수질*/
	.m_data_water	{height:200px;}
	/*도시프로젝트*/
	.m_data_city ul>li	{background: url(../images/ic_lnb_menu.png) no-repeat 95% center;
    background-size: 17px; border-bottom:1px solid rgba(255,255,255,0.1);}
	.m_data_city ul>li	>a	 {padding:15px;}
	.m_data_city ul>li span	 {display:inline;}

	.tb_con .life_list li a i	{top:12px;}

	.main_data01	{height:250px !important;}


	.main_section02 .section02_5	{float:unset; width:100%; height: 350px; margin:20px 0;}
	.main_section02_1 .section02_3 .policy_wrap .policy_list.li3>li	{height:auto;}
	.main_section02_1 .section02_3 .policy_wrap .policy_list.li3 .policy_box	{height:100px;}

/* 	.main_container .section03_popup.full	 {position: fixed; top: 65px !important; height: calc(100% - 80px) !important;} */
    /* 지표 팝업 모바일 크기 221117 */
	.main_container .section03_popup.full	 {position: fixed; width:calc(100% - 35px) !important; left:2.5%; top: 65px !important; height: calc(100% - 80px) !important;}
	.m_data_air .weather .we01 .weater_img{left: 30%;}
	.m_data_air .weather .we01 .weater_temp	{left: 53%;}
	.m_data_air .weather .we01 {height: 50%;}
	.m_data_air .weather .we02 {height: 50%; width: 50%; float: left; border-right: solid 1px #1d2228; border-bottom: 0;}
	.m_data_air .weather .we03 {height: 50%; width: 50%; float: left; border-bottom: 0;}
	.m_data_air .weather ul:after	 {clear:both; content:''; display:block;}
	
	/*배너추가*/
	.main_banner_sm .mb_txt01,
	.main_banner_sm .mb_txt02	{font-size: 13px;}
	.main_banner_sm .mb_tit	{font-size: 30px;}
	
}
@media (min-width:200px) and (max-width:680px) {
	.main_section02_1 .section02_3 .policy_wrap .policy_list.li3>li	{height:auto;}
	.main_section02_1 .section02_3 .policy_wrap .policy_list.li3 .policy_box	{/*width:100%; */height:100px; /*float:none; clear:both;*/}

}

@media (min-width:500px) and (max-width:911px) {
	.main_section02 .section02_4	{float: unset; width: 100%;}
	.m_data_air .weather ul>li	 {float:left; width:33.33%; height: 100%;}
	.m_data_air .weather ul>li	 {border-bottom:none; border-right: solid 1px #1d2228;}
}