@charset "utf-8";
@import url(../../front/fonts/notosanskr.css);
@import url(../../front/fonts/DSDIGI.css);
@import url(../../front/fonts/NanumMyeongjo.css);
@import url(../../front/fonts/GmarketSans.css);
@import url(../../front/fonts/jejuGothic.css);
@import url(../../front/fonts/NanumBrushScript.css);
@import url(../../front/fonts/SCoreDream.css);
/*인천e한눈에*/

pre{font-family:"Noto Sans KR", Dotum, "돋움", Arial, serif;}


/*padding*/
.pd0{padding: 0px !important;box-sizing: border-box;}
.pd10{padding:10px; box-sizing: border-box;}
.pd15{padding:15px; box-sizing: border-box;}

.only_4k	{display:none;}

.alignL	{text-align:left !important;}
.alignC	{text-align:center !important;}
.alignR	{text-align:right !important;}

.w100p	{width:100% !important;}
td.bdl	,
th.bdl	{border-left:1px solid #185c8b !important}

/* =========================================================================== */
/* header */
/* =========================================================================== */
.header h1{padding: 0;margin: 8px auto 0 auto; width: 370px;text-align: left;}
.header h1 a{color:#fff;}
.header h1 img{width: 100%;}
.header .header_logo2{position:absolute;top: 7px;right:20px;width:200px;}
.header .header_logo2 img{width: 100%;}

/* 상단알림-------------------------------------------------------- */
.header_alram{position:absolute;left: 10px;top: 5px;font-size:10px;/* overflow: hidden; */height: 60px;width: 740px;display: block;}
.header_alram .today{width: 80px;height: 47px;color: #ccc;display: block;position: absolute;left: 0;top: 2px;text-align: left;font-size: 10px;}
.header_alram .today .date{font-size: 9px;letter-spacing: -0.04em;height: 17px;width: 100%;}
.header_alram .today .time{font-family: 'DSDIGI';color: #ffffff;display: block;font-size: 28px;font-weight: normal;}

.header_alram .weather{position: absolute;top: 19px;left: 72px;/* width: 400px; */height: 30px;/* border:solid 1px #fff; *//* text-align: right; */}
.header_alram .weather ul>li{display:block;float:left;letter-spacing: -0.04em;font-size: 12px;position: relative;}
.header_alram .weather ul>li.we01{color: #bdbdbd;padding: 3px 0 0 10px;}
.header_alram .weather ul>li.we02{padding: 7px 10px 0 10px;}
.header_alram .weather ul>li.we03{padding-left: 10px;padding-top: 7px;margin-right: 10px;}
.header_alram .weather ul>li.we03:before{content: '';display: block;position: absolute;top: 11px;left: 0;border-left: solid 1px #616161;width: 1px;height: 13px;}
.header_alram .weather ul>li .weater_temp{font-size: 16px;color: #fff;}

/*미세먼지*/
.header_alram .weather .we03 span{padding: 3px 5px;color:#fff;line-height: 1.0em;border-radius: 30px;margin: 0 0 3px 9px;letter-spacing: -0.04em;font-weight: 400;font-size: 10px;display: inline-block;vertical-align: 2px;}
/* .header_alram .weather .we03 span.good{color:#87b6e3;border: solid 1px #87b6e3;}좋음 */
/* .header_alram .weather .we03 span.normal{color:#5ed95f;border: solid 1px #5ed95f;}보통 */
/* .header_alram .weather .we03 span.bad{color:#ff9966;border: solid 1px #ff9966;}나쁨 */
/* .header_alram .weather .we03 span.worse{color: #e75353;border: solid 1px #e75353;}매우나쁨 */
/* .header_alram .weather .we03 span.checking{color:#878787;border: solid 1px #878787;}점검중 */
.header_alram .weather .we03 span.dim01{color:rgba(52,91,249,0.6);border: solid 1px rgba(52,91,249,0.6);}/*최고*/
.header_alram .weather .we03 span.dim02{color:rgba(33,131,250,0.6);;border: solid 1px rgba(33,131,250,0.6);}/*좋음*/
.header_alram .weather .we03 span.dim03{color:rgba(42,167,183,0.6);border: solid 1px rgba(42,167,183,0.6);}/*양호*/
.header_alram .weather .we03 span.dim04{color:rgba(42,183,77,0.6);;border: solid 1px rgba(42,183,77,0.6);}/*보통*/
.header_alram .weather .we03 span.dim05{color:rgba(229,198,26,0.6);border: solid 1px rgba(229,198,26,0.6);}/*나쁨*/
.header_alram .weather .we03 span.dim06{color:rgba(255,146,17,0.6);border: solid 1px rgba(255,146,17,0.6);}/*상당히나쁨*/
.header_alram .weather .we03 span.dim07{color:rgba(255,46,46,0.6);;border: solid 1px rgba(255,46,46,0.6);}/*매우나쁨*/
.header_alram .weather .we03 span.dim08{color:rgba(20,20,20,0.8);;border: solid 1px rgba(20,20,20,0.8);}/*최악*/

/*재난안전교통알림*/
.header_alram .safety{position: absolute;bottom: 14px;left: 326px;width: 290px;height: 22px;}
.header_alram .safety a{display: block; width: 100%; height: 100%;color:#fff;}

.header_alram .safety span.st0,
.header_alram .safety span.st1,
.header_alram .safety span.st2,
.header_alram .safety span.st3{display:inline-block;font-weight: 600;font-size: 14px;margin-right: 0;line-height: 1.0em;letter-spacing: 0.2em;box-sizing: border-box;text-align: left;color: #9599a0;}
.header_alram .safety span.st0{color: #9599a0;}
.header_alram .safety span.st1{color: #e74243;}
.header_alram .safety span.st2{color: #3391f3;}
.header_alram .safety span.st3{color: #84bd07;}
.header_alram .safety span.txt{display:inline-block;width: calc(100% - 120px);font-size: 13px;line-height: 1.0em;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.header_alram .safety span.date{display:inline-block;width: 70px;font-size: 13px;line-height: 1.0em;color:#a8aaab;margin-left: 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.header_vaccine{position:absolute;right:160px;top: 5px;font-size:10px;/* overflow: hidden; */height: 60px;width: 500px;display: block;/* text-align: right; */}
.header_vaccine .title{width: 184px;height: 47px; /*color: #ccc;*/display: block;position: absolute;left: 0;top: 0;text-align: right;}
.header_vaccine .title .text1{font-size: 20px;letter-spacing: -0.04em;height:15px; font-weight:500; width: 100%; display: inline; /*cursor: pointer;*/}
.header_vaccine .title .text2{position:relative; bottom:10%; left:5px; font-size: 9px;font-weight: normal; display: inline; cursor: pointer; color:rgba(236,250,76,0.9);border: solid 1px rgba(236,250,76,0.9); border-radius: 30px; padding: 0px 2px 0px 2px}
.header_vaccine .title_right{width: 120px;height: 47px;color: #ccc; display: block;position: absolute; right: 85px;top: 0; text-align: right;}
.header_vaccine .title_right .text1{font-size: 9px;letter-spacing: -0.04em;height:15px;width: 100%; display: inline; position: relative; top: 6px;}

.header_vaccine .vaccine{position: absolute;bottom: 5px;right: 65px;/* width: 400px; */height: 30px;/* border:solid 1px #fff; *//* text-align: right; */}
.header_vaccine .vaccine ul>li{display:block;float:left;letter-spacing: -0.04em;font-size: 13px;position: relative;}
.header_vaccine .vaccine ul>li .info_title{color:rgba(238,177,44,1);}
.header_vaccine .vaccine ul>li.va01{ /*color: #bdbdbd;*/ padding: 7px 10px 0 10px; }
.header_vaccine .vaccine ul>li.va01 span.step{color:rgba(83,255,126,0.8);border: solid 1px rgba(83,255,126,0.8); border-radius: 30px; letter-spacing: -0.04em; line-height: 1.0em; padding: 0px 5px; vertical-align: 0px;}
.header_vaccine .vaccine ul>li.va02{padding: 7px 10px 0 10px;}
.header_vaccine .vaccine ul>li.va03{padding-left: 10px;padding-top: 7px;margin-right: 10px;}
.header_vaccine .vaccine ul>li.va03:before{content: '';display: block;position: absolute;top: 11px;left: 0;border-left: solid 1px #616161;width: 1px;height: 13px;}
.header_vaccine .vaccine ul>li .weater_temp{font-size: 13px;color: #fff;}

/* =========================================================================== */
/* footer */
/* =========================================================================== */
.footer .footer_gnb_bar{position:relative;display:block;width: 100%;height:100%;z-index:99999;}
.footer .footer_icon{height:100%;width:auto;padding:0px;position:absolute;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom:0;/* background: #48433f; */}
.footer .footer_icon li{float:left;text-align:center;height:100%;border-right: 1px solid #0f577b;border-top: 0px solid #0f577b;width:37px;cursor:pointer;box-sizing: border-box;}
.footer .footer_icon li:first-child{border-left: 1px solid #0f577b;}
.footer .footer_icon li:after{clear: both;content: ''; display: block;}
.footer .footer_icon li img{width:18.6px; height:17px; padding:6px 0 0 0;}
.footer .footer_icon li a{color:#fff; display:block; width: 100%; height: 100%;box-sizing: border-box; text-indent: -99999px;}

/*footer gnb*/
.footer .footer_icon li.f_menu00{background:url(../images/footer_icon_menu.png)no-repeat center;background-size:82%;}
.footer .footer_icon li.f_menu00:hover,
.footer .footer_icon li.f_menu00.on{background:url(../images/footer_icon_menu_on.png)no-repeat center; background-size:82%;}

.footer .footer_icon li.f_menu01{background:url(../images/footer_icon01.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu01:hover{background:url(../images/footer_icon01_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu02{background:url(../images/footer_icon_home.png)no-repeat center;background-size:82%;}
.footer .footer_icon li.f_menu02:hover,
.footer .footer_icon li.f_menu02.on{background:url(../images/footer_icon_home_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu03{background:url(../images/footer_icon02.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu03:hover{background:url(../images/footer_icon02_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu04{background:url(../images/footer_icon03.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu04:hover{background:url(../images/footer_icon03_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu05{background:url(../images/footer_icon04.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu05:hover{background:url(../images/footer_icon04_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu06{background:url(../images/footer_icon06.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu06:hover{background:url(../images/footer_icon06_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu07{background:url(../images/footer_icon07.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu07:hover{background:url(../images/footer_icon07_on.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu08{background:url(../images/footer_icon08.png)no-repeat center; background-size:82%;}
.footer .footer_icon li.f_menu08:hover{background:url(../images/footer_icon08_on.png)no-repeat center; background-size:82%;}

.footer .footer_icon li.f_menu_txt{width: auto; text-align: center;}
.footer .footer_icon li.f_menu_txt a{color: #fff;display:block;width: 100%;height: 100%;font-size: 10px;padding: 0 15px;line-height: 3.8em;box-sizing: border-box;text-indent: 0;}
.footer .footer_icon li.f_menu_txt a:hover,
.footer .footer_icon li.f_menu_txt a.on{color: #3391f3;}

/*footer알림*/
.footer .footer_alram{width: 24.1%; width:18%; position: absolute;left: 0.5%;bottom: 6px;color: #fff;font-size: 12px;z-index: 999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*footer_link*/
.footer .footer_link {position:absolute;bottom: 3px;right: 5px;z-index: 999999;}
.footer .footer_link.left {left: 5px;width: 200px;}
.footer .footer_link li{padding: 0 2px;display: inline-block;box-sizing: border-box;position: relative;}
.footer .footer_link li>a{display: block;border-radius: 3px;width: 100%;height: 100%;border: solid 1px #5a5552;color: #fff;background: #332e2a;padding: 3px 10px 3px 30px;font-size: 11px;text-align: center;box-sizing: border-box;-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);}
.footer .footer_link li>a.link01{background: #403b37 url(../images/btmenu_ic01.png) 5% 50% no-repeat;background-size: 20px;}
.footer .footer_link li>a.link02{background: #403b37 url(../images/btmenu_ic02.png) 5% 50% no-repeat;background-size: 20px;}

.footer .footer_link li div{position: absolute;bottom: 24px;left: 2px;min-width: 73px;padding: 3px 0px;border: solid 1px #5a5552;border-radius: 3px;background: #332e2a;-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);}
.footer .footer_link li div>a{display: block;/* border-radius: 3px; */width: 100%;height: 100%;color: #fff;padding: 3px 10px 3px 10px;font-size: 11px;text-align: center;box-sizing: border-box;}
.footer .footer_link li div>a:hover{color: #e88c22;}
.footer .footer_link li:nth-child(2) div{min-width: 80px;}

/*주소검색페이지 --------------------------------*/
.map_adsch_box{position: absolute;left: calc(50% - 300px);bottom: 10px;width: 600px;height: 30px;background: #fff;color:#ccc;text-align: center;/* border: solid 1px #ccc; */border-radius: 2px;}
.map_adsch_box input{background: #fff; color:#ccc;}
.map_adsch_box{border-radius: 9px;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);}
.map_adsch_btn{background: #399aeb;color:#fff;display: block;height: 100%;box-sizing: border-box;width: 15%;border: 3px solid #2e7bc5;float: right;font-size: 39px;cursor: pointer;position: absolute;right: 0;top: 0;border-top-right-radius: 9px;border-bottom-right-radius: 9px;}

/*통합검색팝업-----------------------------------*/
/*.tt_search{position:absolute;right:0.5%;top: 67px;z-index:1000;background: #2b3242;border: 1px solid rgba(65, 83, 92, 0.5);border-radius: 3px;text-align:center;padding:0px 0px;width:622px;height: calc(100% - 108px);height: 590px;}*/
.tt_search{position:absolute;right:0;top:0px;z-index:9999999999;background: #2b3242;border: 1px solid rgba(65, 83, 92, 0.5);border-radius: 3px;text-align:center;padding:0px 0px;width:622px;height: calc(100% - 108px);height: 590px;}
.tt_search .tt_search_overflow{height:calc(100% - 226px);}
.tt_search .top_title{position:relative;border-bottom: 1px solid rgba(65, 83, 92, 0.5);/* background:#2f3134; */padding:7px 10px 13px 10px;text-align:left;color:#ffffff;font-size:16px;height:20px;}
.tt_search .top_title01{position:relative;/* background:#383c3f; */padding:7px 10px 13px 10px;text-align:left;color:#ffffff;font-size:16px;height:20px;}
.tt_search .top_title01 .blue{color:#5dabf5;}
.tt_search .tt_table_wrap{overflow-y:auto;height: calc(100% - 97px);padding: 0px 7px 0px 10px;/* border-bottom:1px solid #494e51; *//* background:#383c3f; */margin-bottom: 10px;margin-right: 5px;}
.tt_search .tt_search_box{padding: 0;background: #2b3242;vertical-align:middle;height: 41px;margin: 16px 17px 0 13px;border: 2px solid #5dabf5;border-radius: 2px;box-sizing: border-box;text-align: left;}
.tt_search .tt_search_box .search_input{height: 100%;border: 1px solid #2b3242;width: 550px;font-size:13px;background: #2b3242;color:#ffffff;padding:5px;box-sizing: border-box;}
.tt_search .tt_search_box .search_btn{color: #fff;padding: 3px 10px;line-height: 1.0em;vertical-align: top;border: none;text-indent: -999999px;background: url(../images/pop_sc.png)no-repeat center;background-size: 100%;width: 17px;height: 36px;box-sizing: border-box;cursor: pointer;}
.tt_search.keyboard_only .tt_search_box{/* border-top: 0px solid #494e51; */}

.tt_search .scroll {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.tt_search .scroll::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.tt_search .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(33,41,50,1); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.tt_search .scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgba(56,68,84,0.8) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

/* 키보드 */
.keyboard{padding:10px;overflow:hidden;/* background:#2f3134; */height:165px;}
.keyboard p{float:left; margin:2px; width:45.3px; height:37px; cursor:pointer}
.keyboard p img{width:100%;}
.keyboard p.k11{width:95px; height:38px;}
.keyboard p.k12{margin:2px 0px 0px 21px;}
.keyboard p.k22{width:78.6px; height:38px;}
.keyboard p.k38{width:292px;}

/* 키보드만 보이는레이아웃 */
.tt_search.keyboard_only{height:242px;top: 415px;}
.tt_search.keyboard_only1{height:242px; position:absolute; left:auto; right:20px; top:auto; bottom:50px;}

/* 키보드 팝업 닫기버튼 */
.tt_search .pbtn_close{position:absolute; bottom:14px; right:30px; width:30px; height:30px; z-index:1001; background:#7b7d7e; border:solid 0px #7b7d7e; border-radius:3px; cursor:pointer}
.tt_search .pbtn_close a{display:block; margin:20%; width:60%; height:60%;}
.tt_search .pbtn_close img{display:block; width:100%; height:100%;}

/* 검색 table */
.tt_search .search_table{width:100%;text-align:center;position:relative;}
.tt_search .search_table thead{background: #3a435b;border-bottom: solid 2px #212932;}
.tt_search .search_table thead th{text-align: center;font-size: 11px;font-weight: 400;padding: 2px 1px 3px 1px;box-sizing: border-box;height: 32px;color: #bdbdbd;border-left: solid 1px #212838;}
.tt_search .search_table thead th:first-child{border-left:none;}
.tt_search .search_table th a{color:#bdbdbd;}
.tt_search .search_table th span{font-size: 9px;vertical-align: 2px;color: #bdbdbd;}
.tt_search .search_table tbody{}
.tt_search .search_table tbody tr:nth-child(even){background: #2e3549;}
.tt_search .search_table tbody th{border-right:0px solid #313336;color:#ffffff;padding:2px 0px 4px 0px;border-left:0px solid #72767a;border-bottom: 1px solid #393430;text-align:center;font-size:11px;font-weight:normal;text-shadow:1px 1px 1px #2d3033;width:190px;}
.tt_search .search_table td{color:#ffffff;padding: 8px 0px;border-bottom: 1px solid #212838;font-size:11px;text-shadow:0px 0px 0px #2d3033;}
.tt_search .search_table td:first-child{border-left: 0px solid #43484b;}
.tt_search .search_table a{color:#fff;}
.tt_search .search_table td.title{text-align:left;}

/*음성검색팝업-----------------------------------*/
.tt_voice{position:absolute;left: calc(50% - 85px);bottom: 8%;z-index:1000;background:#293247;border-radius: 3px;border-top: 3px solid #e43d3c;padding-top: 22px;width: 158px;text-align: center;height: 196px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.tt_voice .sol_text{ font-size:12px; color:#a9acb2; margin-bottom: 13px;}
.tt_voice .sol_text span{color:#f22626;}
.tt_voice .sol_img,
.tt_voice .sol_img2{width: 34px; margin: 0 auto;}
.tt_voice .sol_img{margin-bottom: 10px;}
.tt_voice .sol_img2{position:relative; margin-bottom: 5px; height:20px;}
.tt_voice .sol_img img,
.tt_voice .sol_img2 img{width:100%;}
.tt_voice .sol_text2{font-size:10px; color: rgba(255,255,255,.4); margin-bottom: 15px;}
.tt_voice .popup_close{cursor: pointer; width:100%; height: 26px; box-sizing: border-box;font-size:9px; border-top:1px solid #242b3b; text-align:center; padding: 4px 0; background: #2f374a; border-radius:3px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px;}
.tt_voice .popup_close a {color:#a0a2a8;}

/*음성검색로딩바1-----------------------------------*/
.ic_loading1	 {position:absolute; top:0; left:0; display:block; width:36px; height:20px; z-index:9999999999999999999999999999999999; background:transparent;}
.ic_loading1 .loading_bar {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align:center; 
}
.ic_loading1 .loading_bar div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 4px;
  background: #fff;
  border-radius:10px;
  animation: loading_bar1 1.2s ease-out infinite;
}
.ic_loading1 .loading_bar div:nth-child(1) {
  left: 0px;
  animation-delay: -0.36s;
}
.ic_loading1 .loading_bar div:nth-child(2) {
  left: 10px;
  animation-delay: -0.24s;
}
.ic_loading1 .loading_bar div:nth-child(3) {
  left: 20px;
  animation-delay: -0.12s;
}
.ic_loading1 .loading_bar div:nth-child(4) {
  left: 30px;
  animation-delay: 0s;
}
@keyframes loading_bar1 {
  0% {
	top:8px;
    height: 5px;
	background-color:red;
  }
  50%, 100% {
	top:8px;
    height: 5px;
	background-color:white;
  }
}
/*음성검색로딩바2-----------------------------------*/
.ic_loading2	 {position:absolute; top:0; left:0; display:block; width:36px; height:20px; z-index:9999999999999999999999999999999999; background:transparent;}
.ic_loading2 .loading_bar {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align:center; 
}
.ic_loading2 .loading_bar div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 4px;
  background: #fff;
  border-radius:10px;
  animation: loading_bar2 1.2s ease-out infinite;
}
.ic_loading2 .loading_bar div:nth-child(1) {
  left: 0px;
  animation-delay: -0.36s;
}
.ic_loading2 .loading_bar div:nth-child(2) {
  left: 10px;
  animation-delay: -0.24s;
}
.ic_loading2 .loading_bar div:nth-child(3) {
  left: 20px;
  animation-delay: -0.12s;
}
.ic_loading2 .loading_bar div:nth-child(4) {
  left: 30px;
  animation-delay: 0s;
}
@keyframes loading_bar2 {
  0% {
    top: 0px;
    height: 20px;
	background-color:red;
  }
  50%, 100% {
    top: 5px;
    height: 10px;
	background-color:white;
  }
}
/* ========================================================================= */
/* gnb_menu */
/* ========================================================================= */
.gnb_menu{position:absolute;left: calc(31% + 110px);bottom: 42px;z-index:10000000;margin:0px;width:150px;height:auto;margin:0px;background: #0b2a3a;border: solid 1px #105375;border-bottom: none;}
.gnb_menu.guest{left:46%;}
.gnb_menu.mouse_ver{bottom:auto;}
.gnb_menu01>ul{height:100%;background: #0f354c;color:#fff;width:150px;}
.gnb_menu01>ul>li{font-size:11px;border-bottom: 1px solid #105375;padding:10px 28px 10px 12px;background:url(../images/gnb_icon_off.png) no-repeat 126px 15px;background-size:9px;cursor:pointer;}
.gnb_menu01>ul>li.off{background:url(../images/gnb_icon_off.png) no-repeat 126px 15px; background-size:9px;}
.gnb_menu01>ul>li.on{background: #174766 url(../images/gnb_icon_on.png) no-repeat 126px 15px;background-size:9px;color:#8fbfec;}
.gnb_menu01>ul>li a{color:#fff;}
.gnb_menu01>ul>li.on a{color:#8fbfec;}

.gnb_menu01>ul>li.no_arrow {background:#2f3235 !important;}

.gnb_menu_sub{overflow-y:scroll;color:#fff;background: #133952;padding:0px 0px 3px 0px;margin:10px 0px -11px -12px;width:150px;max-height:200px;border-bottom: 1px solid #105375;border-top: 1px solid #105375;line-height:15px;}
.gnb_menu_sub>ul{margin:10px; color:#fff;}
.gnb_menu_sub>ul>li{display:block; padding:3px 0px 3px 12px; color:#fff; letter-spacing:-0.1em;}
.gnb_menu_sub>ul>li:last-child{border-bottom:none;}
.gnb_menu_sub>ul>li.off{background:url(../images/gnb_icon2_off.png) no-repeat 0px 10px; background-size:5.3px; color:#989a9b;}
.gnb_menu_sub>ul>li.on{background:url(../images/gnb_icon2_off.png) no-repeat 0px 10px; background-size:5.3px; color:#fff;}
.gnb_menu_sub>ul>li.off a{color:#989a9b;}
.gnb_menu_sub>ul>li.on a{color:#fff;}
.gnb_menu_sub>ul>li .gnb_fav_close{padding-left:6px;}
.gnb_menu_sub>ul>li .gnb_fav_close img{width:7.3px; height:7.3px;}

.gnb_menu_sub>ul>li .siren{display:inline-block; padding:0 3px;}
.gnb_menu_sub>ul>li .siren img{width:11px;padding: 0px 1px 3px 3px;}

.gnb_menu02>ul{ height:100%; background:#2f3235; color:#fff; width:150px; font-size:11px;}
.gnb_menu02>ul>li{float:left; width:32.6%; border-left:1px solid #434749; padding:4px 0; text-align:center; border-top:solid 2px #2f3235;}
.gnb_menu02>ul>li img{width:18px;}
.gnb_menu02>ul>li:first-child{border-left:none;}
.gnb_menu02>ul>li.on{border-top:solid 2px #5dabf5; background:#232628;}
.gnb_menu02>ul>li.btn_fav{position:static; bottom:0px; right:0; width:32.3%; border-left:1px solid #434749; padding:4px 0; margin:0; text-align:center; border-top:solid 2px #2f3235;}
.gnb_menu02>ul>li.btn_fav img{width:18px !important; height:17px !important;}

.gnb_scroll {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:0px;} /* For the "inset" look only */
.gnb_scroll::-webkit-scrollbar {width:9px;} /* Let's get this party started */
.gnb_scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(19 57 82); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.gnb_scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(31,32,36,0.8); border:solid 1px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */


/* =========================================================================== */
/* container */
/* =========================================================================== */

/* gnb_title */
.gnb_menu_title{display:none;}
.btn_section_open,
.btn_section_close{display:none;}
.map_realcity_air_state_open{display:none;}

.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}


/* =========================================================================== */
/* section */
/* =========================================================================== */

/*section_popup-지시사항*/
.main.section03_popup.order{height: calc(100% - 35px);max-height: 570px;margin-top: 36px;padding:10px;}
.order_wrp{width: calc(100% - 10px);margin: 0;margin-left: 5px;height: 100%;color:#fff;font-size: 12px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.6em;padding:2px 0 0 0;box-sizing: border-box;position: relative;border-bottom: 1px solid #393430;}
.order_wrp .order_title{font-size: 14px;font-weight: 500;padding-bottom: 10px;padding-right: 70px;}
.order_wrp .order_text{font-size: 11px;font-weight: 400;padding: 0 20px 0 6px;margin: 10px 0;height: calc(100% - 195px);}

/*section_popup-실시간현황*/
.main.section01_popup.live{height: calc(100% - 83px);margin-top: 36px; padding:10px;}
.live_wrp{width: calc(100% - 10px);margin: 0;margin-left: 5px;height: 100%;color:#fff;font-size: 12px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.6em;padding:2px 0 0 0;box-sizing: border-box;position: relative;border-bottom: 1px solid #393430;}
.live_wrp .live_text{font-size: 11px;font-weight: 400;padding: 0 20px 0 6px;margin: 10px 0;height: calc(100% - 170px);}


/* =========================================================================== */
/* scroll */
/* =========================================================================== */
.scroll {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(10 46 68); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(31 99 140) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll1 {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll1::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(33,41,50,0); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.scroll1::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(107, 92, 85, 0.5) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll2 {-ms-overflow-style: none; overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll2::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll2::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(31,32,36,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll2::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(69,74,77,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll2_1 {-ms-overflow-style: none; overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll2_1::-webkit-scrollbar {width:4px;} /* Let's get this party started */
.scroll2_1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(38,40,43,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll2_1::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(69,74,77,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll3 {-ms-overflow-style: none; overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll3::-webkit-scrollbar {width:9px;} /* Let's get this party started */
.scroll3::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(47,50,53,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll3::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(31,32,36,0.8); border:solid 1px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll3_1 {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll3_1::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll3_1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(47,50,53,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll3_1::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(65,69,73,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll4 {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll4::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll4::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(50,50,50,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll4::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(82,85,88,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll5 {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll5::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll5::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(22,22,22,1); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.scroll5::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgba(59,59,59,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */


/*햐얀배경*/
.scroll9 {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.scroll9::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.scroll9::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(250,250,250,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll9::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(193,193,193,0.8); border:solid 0px rgba(189,189,189,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

/*가로세로 스크롤*/
.scroll_xy {overflow:auto;overflow-y: scroll; overflow-x: scroll;}
.scroll_xy::-webkit-scrollbar {width:6px; height: 6px;} /* Let's get this party started */
.scroll_xy::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(10 46 68); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.scroll_xy::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(31 99 140) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scroll_y {overflow:auto;overflow-y: scroll; overflow-x: hidden;}
.scroll_x {overflow:auto;overflow-y: hidden; overflow-x: scroll;}
/*.scroll_org {overflow:auto;overflow-y: auto;overflow-x: auto;height: calc(100% - 50px) !important;}*/

/*스크롤영역*/
.sc_box{overflow:auto; height:100%;}
.sc_box01{overflow:auto; height:calc(100% - 20px) !important;}
.sc_box02{overflow:auto; height:calc(100% - 40px) !important;}
.sc_box03{overflow:auto; height:calc(100% - 60px) !important;}
.sc_box04{overflow:auto; height:calc(100% - 80px) !important;}
.sc_box05{overflow:auto; height:calc(100% - 100px) !important;}
.sc_box06{overflow:auto; height:calc(100% - 120px) !important;}
.sc_box07{overflow:auto; height:calc(100% - 140px) !important;}
.sc_box08{overflow:auto; height:calc(100% - 160px) !important;}
.sc_box09{overflow:auto; height:calc(100% - 180px) !important;}
.sc_box10{overflow:auto; height:calc(100% - 200px) !important;}

.sc_box.h175{height: 175px !important;}
.sc_box.h220{height: 220px !important;}
.sc_box.h240{height: 242px !important;}
.sc_box.h250{height: 243px !important;}

/* ========================================================================= */
/* lnb - left navigation bar */
/* ========================================================================= */
/*lnb 오른쪽영역*/
.lnb_rightarea{position:relative; box-sizing:border-box; height:100%; width:calc(100% - 210px); margin-left: 210px;}
.lnb_rightarea.pd10{padding: 10px 10px 10px 12px;}
.lnb_rightarea.policy{height: 550px;}
.map_outer_wrap{position:relative;box-sizing:border-box;height:100%;width: calc(100% - 210px);margin-left: 210px;overflow: hidden;border-radius: 3px;-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);}

/*lnb------------------------------------*/
.lnb{z-index:99999;position:absolute;top: 0;left:0;width: 197px;/*height: 510px;*/ height:100%; margin:0px;/* background: #4d4541; *//* border: solid 1px #574f4a; */background: #0d3c58;border: 1px solid #165d8a;float: left;box-sizing:border-box;overflow: hidden;border-radius:3px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.lnb.policy{height: 550px;}
.policy .lnb{width: 200px;}

/*lnb btn API 버튼*/
.lnb_btn	{position:absolute; left:0; bottom:0; width:197px; height:auto; z-index:999999;}
.lnb_btn>a	{display:block; width:90%; height:40px; color:#fff; background:#05607e; margin: 8px 5%; padding:0px; line-height:3; text-align:center; font-size:13px; box-sizing:border-box; border-radius: 4px;}
.lnb_btn>a:first-child	{background:#28631a;}

/*OPEN API 레이어*/
.container .openAPI .section_content	{height:100%; background: none; border: none; box-shadow: none; overflow: visible; padding:15px 5px 15px 15px;}
.openAPI .section_content h3	{font-size:14px; font-weight:500; margin:15px 0 10px}
.openAPI .section_content h3:first-child	{margin-top:0;}
.openAPI .section_content .api_textarea	{background:#0a293c; font-size:12px; width:98%; color:#fff; border: 1px solid #175b88;}
.openAPI .section_content .table_sc_box	{height:auto; }
.openAPI .section_content .apiTb_wrap	{height:100%;}

/*상단 API 버튼*/
.api_btn_top	{position:absolute; right:0; top:0;}
.api_btn_top>a	{display:inline-block; width:auto; padding:0 10px; color:#fff; font-weight:normal; background:#0e6497; line-height:2.2; text-align:center; font-size:10px; box-sizing:border-box; border-radius: 4px; margin-left:2px;}
.api_btn_top>a:first-child	{background:#28631a;}

/*lnb메뉴-검색영역*/
.lnb_menu_area{display: block;width:calc(100% - 22px);height: calc(100% - 10px);margin:10px 5px 0 10px;}
.lnb_menu_area02{display: block;width: 100%;height: 100%;margin: 0;}
.lnb_menu_area02 > div.lnb_menu01:last-child:after	{border-bottom:none;}
.lnb_search_area{display: block;width: 100%;height: 45px;background:#28313d;border-top:solid 1px #343f4e;position:absolute;left:0;bottom:0;box-sizing: border-box;padding: 10px 10px 0 10px;font-size: 13px;}
.lnb_search_area .lnb_search{color:#fff;background:#384454;height: 24px;border: none;border-radius: 4px;padding: 0 10px;box-sizing: border-box;width: 100%;display: block;font-size: 10px;font-weight: 500;font-family:"Noto Sans KR", Dotum, "돋움", Arial, serif;line-height: 1.0em;}
.lnb_search_area .lnb_search_btn{position:absolute;right: 13px;top: 13px;background:url(../images/lnb_search_btn.png) 0 0 no-repeat;background-size: 100%;width: 20px;height: 20px;text-indent: -99999px;display: block;border:none;cursor: pointer;}

/*lnb_menu01 구정현황======================================*/
.lnb_menu01{padding: 0;color: #ffffff;box-sizing:border-box;position: relative;}
.lnb_menu01:after{content: ''; display: block; position: absolute; left: 5%; bottom: 0; width: 90%; height: 1px; border-bottom: solid 1px #1e222b;}
.lnb_menu01 a{color: #ffffff;width: 100%;height: 100%;display: block;box-sizing: border-box;}
.lnb_menu01>a{background: url(../images/ic_lnb_menu.png) no-repeat 96% center;background-size: 17px;padding: 15px 14px;font-size: 13px;}
.lnb_menu01.on>a{background: #0079c2 url(../images/ic_lnb_menu.png) no-repeat 96% center;background-size: 17px;/*color: #3391f3;*/}
.lnb_menu01.on:after{content: ''; display: block; position: absolute; left: 5%; bottom: 0; width: 90%; height: 1px; border-bottom: solid 0px #1e222b;}

.lnb_menu01.on .lnb_submenu{display:block;}
.lnb_menu01.off .lnb_submenu{display:none;}

/*lnb_submenu*/
.lnb_menu01 .lnb_submenu{width:100%;display: block;position:relative;overflow: hidden;box-sizing: border-box;padding: 10px 7px 10px 10px;font-size:11px;color:#fff;line-height:1.2em;border-bottom: solid 1px #0f405e;background: #0a354e;}
.lnb_menu01 .lnb_submenu .depth2{height: 186px;}
/*.lnb_menu01 .lnb_submenu .depth2{height: auto;width:100%;display: block;position:relative;overflow: hidden;box-sizing: border-box;padding: 10px;font-size:11px;color:#fff;line-height:1.2em;}*/
.lnb_menu01 .lnb_submenu .depth2>li{display:block;padding: 4px 3px;color:#a8aaab;letter-spacing:-0.1em;box-sizing:border-box;}
.lnb_menu01 .lnb_submenu .depth2>li:last-child{border-bottom:none;}
.lnb_menu01 .lnb_submenu .depth2>li input + label + label{margin-left:4px; cursor:pointer;}
.lnb_menu01 .lnb_submenu .depth2>li input:checked + label + label{margin-left:4px; cursor:pointer;color:#fff;}

/*lnb_menu01 아이콘*/
.lnb_menu01 i{background: url(../images/ic_lnb_policy.png) no-repeat 0 0;background-size:30px;display:inline-block;width: 20px;height: 20px;margin-right:5px;vertical-align: -5.3px;}
.lnb_menu01.on i{background: url(../images/ic_lnb_policy_chk.png) no-repeat 0 0; background-size:30px; display:inline-block; width: 20px; height: 20px;}

.lnb_menu01 i.lnb_ic01{background-position:0 0;}
.lnb_menu01 i.lnb_ic02{background-position:0 -30px;}
.lnb_menu01 i.lnb_ic03{background-position:0 -60px;}
.lnb_menu01 i.lnb_ic04{background-position:0 -90px;}
.lnb_menu01 i.lnb_ic05{background-position:0 -120px;}
.lnb_menu01 i.lnb_ic06{background-position:0 -150px;}
.lnb_menu01 i.lnb_ic07{background-position:0 -180px;}
.lnb_menu01 i.lnb_ic08{background-position:0 -210px;}
.lnb_menu01 i.lnb_ic09{background-position:0 -240px;}
.lnb_menu01 i.lnb_ic10{background-position:0 -270px;}
.lnb_menu01 i.lnb_ic11{background-position:0 -300px;}
.lnb_menu01 i.lnb_ic12{background-position:0 -330px;}

.lnb_menu01.on i.lnb_ic01{background-position:0 0px;}
.lnb_menu01.on i.lnb_ic02{background-position:0 -30px;}
.lnb_menu01.on i.lnb_ic03{background-position:0 -60px;}
.lnb_menu01.on i.lnb_ic04{background-position:0 -90px;}
.lnb_menu01.on i.lnb_ic05{background-position:0 -120px;}
.lnb_menu01.on i.lnb_ic06{background-position:0 -150px;}
.lnb_menu01.on i.lnb_ic07{background-position:0 -180px;}
.lnb_menu01.on i.lnb_ic08{background-position:0 -210px;}
.lnb_menu01.on i.lnb_ic09{background-position:0 -240px;}
.lnb_menu01.on i.lnb_ic10{background-position:0 -270px;}
.lnb_menu01.on i.lnb_ic11{background-position:0 -300px;}
.lnb_menu01.on i.lnb_ic12{background-position:0 -330px;}

/*lnb_menu_facility 시설물==============================*/
.lnb_menu_facility{font-size: 13px;padding: 0;color: #ffffff;box-sizing:border-box; position: relative;/* border-bottom: solid 1px #1d2228; */}
.lnb_menu_facility:after{content: ''; display: block; position: absolute; left: 5%; bottom: 0; width: 90%; height: 1px; border-bottom: solid 1px #1e222b;}
.lnb_menu_facility a{color: #ffffff;width: 100%;height: 100%;display: block;box-sizing: border-box;}
.lnb_menu_facility>a{background: url(../images/ic_lnb_menu.png) no-repeat 96% center;background-size: 17px;padding: 7px 10px 7px 10px; /*background: #5d544f;*/}
.lnb_menu_facility.on>a{/* border-bottom: solid 2px #f6931e; */background: #0079c2 url(../images/ic_lnb_menu.png) no-repeat 96% center;background-size: 17px;/* color: #f4921d; background: #0f4464;*/}
.lnb_menu_facility.on:after{content: ''; display: block; position: absolute; left: 5%; bottom: 0; width: 90%; height: 1px; border-bottom: solid 0px #1e222b;}

.lnb_menu_facility.on .lnb_submenu{display:block;}
.lnb_menu_facility.off .lnb_submenu{display:none;}

/*시설물 lnb_submenu*/
.lnb_menu_facility .lnb_submenu{height: auto;width:100%;display: block;position:relative;overflow: hidden;box-sizing: border-box;padding: 1px 0 1px 0;font-size:11px;color:#fff;line-height:1.2em;}
.lnb_menu_facility .lnb_submenu>a{padding: 10px 10px 10px 10px;border-bottom: solid 1px #3a3d41;}
.lnb_menu_facility .lnb_submenu>ul{height: 200px;margin: 5px 3px 5px 5px;}
.lnb_menu_facility .lnb_submenu>ul>li{display:block;/* padding: 0px 3px 0px 5px; */color: #ffffff;letter-spacing:0em;box-sizing:border-box;/* border-bottom: solid 1px #1d2228; */}
.lnb_menu_facility .lnb_submenu>ul>li:last-child{border-bottom:none;}
.lnb_menu_facility .lnb_submenu>ul>li>a{background:#383c3f;background: url(../images/ic_lnb_menu3_open.png) no-repeat right center;background-size: 10px;padding: 7px 6px;border-top: 1px solid #092c42;color: rgba(255, 255, 255, 0.5);}
.lnb_menu_facility .lnb_submenu>ul>li.on>a{background: url(../images/ic_lnb_menu3_close.png) no-repeat right center;background-size: 10px;color: #f6931e;}
.lnb_menu_facility .lnb_submenu>ul>li:first-child>a{border-top:none;}

.lnb_menu_facility .lnb_submenu>ul>li.on .depth2{display: block;}
.lnb_menu_facility .lnb_submenu>ul>li.off .depth2{display: none;}

.lnb_menu_facility.mf01 .lnb_submenu>ul{height: 131px;}
.lnb_menu_facility.mf02 .lnb_submenu>ul{height: 340px;}
.lnb_menu_facility.mf03 .lnb_submenu>ul{height: 78px;}

/*시설물 lnb_submenu 2depth*/
.lnb_menu_facility .lnb_submenu .depth2{padding-top:3px;border-top: 1px solid #092c42;background: #0b334a;font-size: 12px;padding: 7px 0;/* margin: 5px 0; */}
.lnb_menu_facility .lnb_submenu .depth2>li{padding: 1px 6px 2px 6px;line-height: 1.6em;}
.lnb_menu_facility .lnb_submenu .depth2>li.on>a{color:#fff;}
.lnb_menu_facility .lnb_submenu .depth2>li>a{color: #ffffff;letter-spacing: -0.04em;}
.lnb_menu_facility .lnb_submenu .depth2>li>a:before{content: '·';font-size: 20px;margin-right: 5px;display: inline;vertical-align: -4px;color: #747474;}

/*시설물 lnb_submenu 3depth*/
.lnb_menu_facility .lnb_submenu .depth3{padding: 3px 0 7px 15px; font-size:11px;}
.lnb_menu_facility .lnb_submenu .depth3>li.on>a{color:#fff;}
.lnb_menu_facility .lnb_submenu .depth3>li>a{padding: 1px 10px 1px 10px;color: #9b9b9b;letter-spacing: -0.04em;}
.lnb_menu_facility .lnb_submenu .depth3>li>a:before{content: '­­└';font-size: 10px;margin-right: 5px;display: inline;vertical-align: -1px;color: #747474;}

/*lnb_menu_facility 시설물아이콘---------------------------*/
.lnb_menu_facility i{background: url(../images/ic_lnb_facility.png) no-repeat 0 0;background-size:30px;display:inline-block;width: 20px;height: 20px;margin-right:5px;vertical-align: -5.3px;}
.lnb_menu_facility.on i{background: url(../images/ic_lnb_facility_chk.png) no-repeat 0 0; background-size:30px; display:inline-block; width: 20px; height: 20px;}

/*메뉴별 아이콘*/
.lnb_menu_facility i.lnb_ic01{background-position:0 0;}
.lnb_menu_facility i.lnb_ic02{background-position:0 -30px;}
.lnb_menu_facility i.lnb_ic03{background-position:0 -60px;}
.lnb_menu_facility i.lnb_ic04{background-position:0 -90px;}
.lnb_menu_facility i.lnb_ic05{background-position:0 -120px;}
.lnb_menu_facility i.lnb_ic06{background-position:0 -150px;}
.lnb_menu_facility i.lnb_ic07{background-position:0 -180px;}
.lnb_menu_facility i.lnb_ic08{background-position:0 -210px;}
.lnb_menu_facility i.lnb_ic09{background-position:0 -240px;}
.lnb_menu_facility i.lnb_ic10{background-position:0 -270px;}
.lnb_menu_facility i.lnb_ic11{background-position:0 -300px;}
.lnb_menu_facility i.lnb_ic12{background-position:0 -330px;}

.lnb_menu_facility.on i.lnb_ic01{background-position:0 0px;}
.lnb_menu_facility.on i.lnb_ic02{background-position:0 -30px;}
.lnb_menu_facility.on i.lnb_ic03{background-position:0 -60px;}
.lnb_menu_facility.on i.lnb_ic04{background-position:0 -90px;}
.lnb_menu_facility.on i.lnb_ic05{background-position:0 -120px;}
.lnb_menu_facility.on i.lnb_ic06{background-position:0 -150px;}
.lnb_menu_facility.on i.lnb_ic07{background-position:0 -180px;}
.lnb_menu_facility.on i.lnb_ic08{background-position:0 -210px;}
.lnb_menu_facility.on i.lnb_ic09{background-position:0 -240px;}
.lnb_menu_facility.on i.lnb_ic10{background-position:0 -270px;}
.lnb_menu_facility.on i.lnb_ic11{background-position:0 -300px;}
.lnb_menu_facility.on i.lnb_ic12{background-position:0 -330px;}

/*lnb_chkmenu======================================================*/
.lnb_chkmenu{height: 100%;width:100%;display: block;position:relative;overflow: hidden;box-sizing: border-box;padding: 10px 0;font-size:11px;color:#fff;line-height:1.2em;}
.lnb_chkmenu>li{display:block;padding: 10px;color:#a8aaab;letter-spacing:-0.1em;box-sizing:border-box;position: relative;}
.lnb_chkmenu>li:last-child{border-bottom:none;}
.lnb_chkmenu>li{height: 12%;}
.lnb_chkmenu>li input + label{position: absolute;right: 10px;top: calc(50% - 9px);top: 6px;}
.lnb_chkmenu>li input + label + label{margin-left:4px; padding-left:16px; cursor:pointer;}
.lnb_chkmenu>li input:checked + label + label{margin-left:4px; padding-left:16px; cursor:pointer; color:#fff;}

/*재난안전*/
.lnb_chkmenu.safety>li{height: 12.5%;}
.lnb_chkmenu.safety>li input + label + label{background: url(../images/ic_lnb_safety.png) no-repeat 0 0; background-size:30px;}
.lnb_chkmenu.safety>li input:checked + label + label{background: url(../images/ic_lnb_safety_chk.png) no-repeat 0 0; background-size:30px;}

/*교통*/
.lnb_chkmenu.traffic>li input + label + label{background: url(../images/ic_lnb_traffic.png) no-repeat 0 0; background-size:30px;}
.lnb_chkmenu.traffic>li input:checked + label + label{background: url(../images/ic_lnb_traffic_chk.png) no-repeat 0 0; background-size:30px;}

/*대기*/
.lnb_chkmenu.air>li input + label + label{background: url(../images/ic_lnb_air.png) no-repeat 0 0; background-size:30px;}
.lnb_chkmenu.air>li input:checked + label + label{background: url(../images/ic_lnb_air_chk.png) no-repeat 0 0; background-size:30px;}

/*용수*/
.lnb_chkmenu.water>li input + label + label{background: url(../images/ic_lnb_water.png) no-repeat 0 0; background-size:30px;}
.lnb_chkmenu.water>li input:checked + label + label{background: url(../images/ic_lnb_water_chk.png) no-repeat 0 0; background-size:30px;}

/*메뉴별 아이콘*/
.lnb_chkmenu>li.ic01 input + label + label{background-position:0 0;}
.lnb_chkmenu>li.ic02 input + label + label{background-position:0 -30px;}
.lnb_chkmenu>li.ic03 input + label + label{background-position:0 -60px;}
.lnb_chkmenu>li.ic04 input + label + label{background-position:0 -90px;}
.lnb_chkmenu>li.ic05 input + label + label{background-position:0 -120px;}
.lnb_chkmenu>li.ic06 input + label + label{background-position:0 -150px;}
.lnb_chkmenu>li.ic07 input + label + label{background-position:0 -180px;}
.lnb_chkmenu>li.ic08 input + label + label{background-position:0 -210px;}
.lnb_chkmenu>li.ic09 input + label + label{background-position:0 -240px;}
.lnb_chkmenu>li.ic10 input + label + label{background-position:0 -270px;}
.lnb_chkmenu>li.ic11 input + label + label{background-position:0 -300px;}
.lnb_chkmenu>li.ic12 input + label + label{background-position:0 -330px;}

.lnb_chkmenu>li.ic01 input:checked + label + label{background-position:0 0px;}
.lnb_chkmenu>li.ic02 input:checked + label + label{background-position:0 -30px;}
.lnb_chkmenu>li.ic03 input:checked + label + label{background-position:0 -60px;}
.lnb_chkmenu>li.ic04 input:checked + label + label{background-position:0 -90px;}
.lnb_chkmenu>li.ic05 input:checked + label + label{background-position:0 -120px;}
.lnb_chkmenu>li.ic06 input:checked + label + label{background-position:0 -150px;}
.lnb_chkmenu>li.ic07 input:checked + label + label{background-position:0 -180px;}
.lnb_chkmenu>li.ic08 input:checked + label + label{background-position:0 -210px;}
.lnb_chkmenu>li.ic09 input:checked + label + label{background-position:0 -240px;}
.lnb_chkmenu>li.ic10 input:checked + label + label{background-position:0 -270px;}
.lnb_chkmenu>li.ic11 input:checked + label + label{background-position:0 -300px;}
.lnb_chkmenu>li.ic12 input:checked + label + label{background-position:0 -330px;}

/* lnb checkbox 실시간도시현황 =================================================== */
input.lnb_chk[type=checkbox]{display: none!important;}
input.lnb_chk[type=checkbox] + label {display: inline-block;border-radius:30px;border:solid 1px #54585a;background:#232628;height: 12px;width: 12px;cursor:pointer;}
input.lnb_chk[type=checkbox]:checked + label {background:url(../images/checkbox_v.png) no-repeat center center; background-size:80%; border:solid 1px #54585a;}

input.lnb_chk.blue[type=checkbox]:checked + label {background:#5dabf5 url(../images/checkbox_v.png) no-repeat center center; background-size:80%; border:solid 1px #5dabf5;}
input.lnb_chk.green[type=checkbox]:checked + label {background:#7ebc42 url(../images/checkbox_v.png) no-repeat center center;background-size:80%; border:solid 1px #6eab34;}
input.lnb_chk.yellow[type=checkbox]:checked + label {background:#fdb231 url(../images/checkbox_v.png) no-repeat center center;background-size:80%; border:solid 1px #e49c21;}
input.lnb_chk.red[type=checkbox]:checked + label {background:#e08699 url(../images/checkbox_v.png) no-repeat center center;background-size:80%; border:solid 1px #d47589;}
input.lnb_chk.violet[type=checkbox]:checked + label {background:#c386e0 url(../images/checkbox_v.png) no-repeat center center;background-size:80%; border:solid 1px #b475d4;}

.safety input.lnb_chk[type=checkbox]:checked + label {background:#e74243 url(../images/checkbox_v.png) no-repeat center center; background-size:80%; border:solid 1px #e74243;}
.traffic input.lnb_chk[type=checkbox]:checked + label {background:#3391f3 url(../images/checkbox_v.png) no-repeat center center; background-size:80%; border:solid 1px #3391f3;}
.air input.lnb_chk[type=checkbox]:checked + label {background:#84bd07 url(../images/checkbox_v.png) no-repeat center center; background-size:80%; border:solid 1px #84bd07;}
.water input.lnb_chk[type=checkbox]:checked + label {background:#e74243 url(../images/checkbox_v.png) no-repeat center center; background-size:80%; border:solid 1px #e74243;}


/* lnb checkbox 시설물 =================================================== */
/*radio*/
input.lnb_chk02[type=radio]{display: none!important;}
input.lnb_chk02[type=radio] + label {display: inline-block;border-radius:30px;background: transparent;border: solid 1px #6b6f7e;height: 12px;width: 12px;cursor:pointer;vertical-align: top;margin-right: 2px;}
input.lnb_chk02[type=radio]:checked + label {height: 14px;width: 14px;border:solid 0px #7e726b; background:#3170ff url(../images/input_radio_v2.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr1[type=radio]:checked + label{background:#3170ff url(../images/input_radio_v2.png) no-repeat center center;background-size:80%;}/*blue*/
input.lnb_chk02.cr2[type=radio]:checked + label{background:#ff9c00 url(../images/input_radio_v2.png) no-repeat center center;background-size:80%;}/*green*/
input.lnb_chk02.cr3[type=radio]:checked + label{background:#e74243 url(../images/input_radio_v2.png) no-repeat center center;background-size:80%;}/*orange*/
input.lnb_chk02.cr4[type=radio]:checked + label{background:#17b4b7 url(../images/input_radio_v2.png) no-repeat center center;background-size:80%;}/*red*/


/*checkbox*/
input.lnb_chk02[type=checkbox]{display: none!important;}
input.lnb_chk02[type=checkbox] + label {display: inline-block;border-radius:30px;background: transparent;border: solid 1px #6b777e;height: 12px;width: 12px;cursor:pointer;vertical-align: top;margin-right: 2px;}
input.lnb_chk02[type=checkbox]:checked + label {background:url(../images/checkbox_v.png) no-repeat center center;background-size: 70%;height: 14px;width: 14px;border:solid 0px #7e726b;}

/*color----------------------*/
input.lnb_chk02.cr1[type=checkbox]:checked + label{background:#5a6efb url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*blue*/
input.lnb_chk02.cr2[type=checkbox]:checked + label{background:#84bd07 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*green*/
input.lnb_chk02.cr3[type=checkbox]:checked + label{background:#ff9c00 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*orange*/
input.lnb_chk02.cr4[type=checkbox]:checked + label{background:#35a9c6 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*red*/
input.lnb_chk02.cr5[type=checkbox]:checked + label{background:#ac8962 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*cyan*/
input.lnb_chk02.cr6[type=checkbox]:checked + label{background:#e74242 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*blue2*/
input.lnb_chk02.cr7[type=checkbox]:checked + label{background:#8b9099 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*sky*/
input.lnb_chk02.cr8[type=checkbox]:checked + label{background:#3179ff url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*pink*/
input.lnb_chk02.cr9[type=checkbox]:checked + label{background:#ec5979 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*brown*/
input.lnb_chk02.cr10[type=checkbox]:checked + label{background:#3391f3 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}/*gray*/
/* input.lnb_chk02.cr1[type=checkbox]:checked + label{background:#5a6efb url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}blue */
/* input.lnb_chk02.cr2[type=checkbox]:checked + label{background:#84bd07 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}green */
/* input.lnb_chk02.cr3[type=checkbox]:checked + label{background:#ff9c00 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}orange */
/* input.lnb_chk02.cr4[type=checkbox]:checked + label{background:#e74243 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}red */
/* input.lnb_chk02.cr5[type=checkbox]:checked + label{background:#79b4ff url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}cyan */
/* input.lnb_chk02.cr8[type=checkbox]:checked + label{background:#ec5978 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}pink */
/* input.lnb_chk02.cr7[type=checkbox]:checked + label{background:#ce9a5c url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}sky */
/* input.lnb_chk02.cr6[type=checkbox]:checked + label{background:#67b7ab url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}blue2 */
/* input.lnb_chk02.cr9[type=checkbox]:checked + label{background:#c386e0 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}brown */
/* input.lnb_chk02.cr10[type=checkbox]:checked + label{background:#8498fd url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}gray */
input.lnb_chk02.cr11[type=checkbox]:checked + label{background:#38b85b url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr12[type=checkbox]:checked + label{background:#9ca708 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr13[type=checkbox]:checked + label{background:#8b9099 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr14[type=checkbox]:checked + label{background:#812fff url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr15[type=checkbox]:checked + label{background:#e74243 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr16[type=checkbox]:checked + label{background:#ec5978 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr17[type=checkbox]:checked + label{background:#35aac6 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr18[type=checkbox]:checked + label{background:#3170ff url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr19[type=checkbox]:checked + label{background:#ac8a62 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
input.lnb_chk02.cr20[type=checkbox]:checked + label{background:#8b9099 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}

input.lnb_chk02.mcr0[type=checkbox]:checked + label{background:#5a6efb url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr1[type=checkbox]:checked + label{background:#84bd07 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr2[type=checkbox]:checked + label{background:#ff9c00 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr3[type=checkbox]:checked + label{background:#35a9c6 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr4[type=checkbox]:checked + label{background:#ac8962 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr5[type=checkbox]:checked + label{background:#e74242 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr6[type=checkbox]:checked + label{background:#8b9099 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr7[type=checkbox]:checked + label{background:#3179ff url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr8[type=checkbox]:checked + label{background:#ec5979 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}
input.lnb_chk02.mcr9[type=checkbox]:checked + label{background:#3391f3 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;opacity: 0.5}


/*oh color----------------------*/
/*blue*/
input.lnb_chk02.blue[type=checkbox]:checked + label{background:#5dabf5 url(../images/checkbox_v.png) no-repeat center center; background-size:80%;}
/*navy*/
input.lnb_chk02.navy[type=checkbox]:checked + label{background: #274e84 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*green*/
input.lnb_chk02.green[type=checkbox]:checked + label {background:#7ebc42 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*yellow green*/
input.lnb_chk02.ygreen[type=checkbox]:checked + label {background: #7a8225 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*yellow*/
input.lnb_chk02.yellow[type=checkbox]:checked + label{background:#fdb231 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*brown*/
input.lnb_chk02.brown[type=checkbox]:checked + label{background: #a7792b url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*red*/
input.lnb_chk02.red[type=checkbox]:checked + label{background:#e08699 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*violet*/
input.lnb_chk02.violet[type=checkbox]:checked + label{background: #936bc3 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}
/*purple*/
input.lnb_chk02.purple[type=checkbox]:checked + label{background: #5e5fb1 url(../images/checkbox_v.png) no-repeat center center;background-size:80%;}


/* lnb checkbox 시설물 아이콘 =================================================== */
input.lnb_chk03[type=checkbox]{display: none!important;}
input.lnb_chk03[type=checkbox] + label {display: inline-block;border-radius:30px;background: transparent;border: solid 1px #7e726b;height: 16px;width: 16px;cursor:pointer;vertical-align: top;margin-right: 2px;}
input.lnb_chk03[type=checkbox]:checked + label {background:url(../images/checkbox_v.png) no-repeat center center;background-size: 70%;height: 18px;width: 18px;border:solid 0px #7e726b;}

/*아이콘----------------------*/
input.lnb_chk03.cr1[type=checkbox]:checked + label{background:url(../images/marker2/marker_1.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr2[type=checkbox]:checked + label{background:url(../images/marker2/marker_2.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr3[type=checkbox]:checked + label{background:url(../images/marker2/marker_3.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr4[type=checkbox]:checked + label{background:url(../images/marker2/marker_4.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr5[type=checkbox]:checked + label{background:url(../images/marker2/marker_5.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr6[type=checkbox]:checked + label{background:url(../images/marker2/marker_6.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr7[type=checkbox]:checked + label{background:url(../images/marker2/marker_7.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr8[type=checkbox]:checked + label{background:url(../images/marker2/marker_8.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr9[type=checkbox]:checked + label{background:url(../images/marker2/marker_9.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr10[type=checkbox]:checked + label{background:url(../images/marker2/marker_10.png) no-repeat center center; background-size:121%;}

input.lnb_chk03.cr11[type=checkbox]:checked + label{background:url(../images/marker2/marker_11.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr12[type=checkbox]:checked + label{background:url(../images/marker2/marker_12.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr13[type=checkbox]:checked + label{background:url(../images/marker2/marker_13.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr14[type=checkbox]:checked + label{background:url(../images/marker2/marker_14.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr15[type=checkbox]:checked + label{background:url(../images/marker2/marker_15.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr16[type=checkbox]:checked + label{background:url(../images/marker2/marker_16.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr17[type=checkbox]:checked + label{background:url(../images/marker2/marker_17.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr18[type=checkbox]:checked + label{background:url(../images/marker2/marker_18.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr19[type=checkbox]:checked + label{background:url(../images/marker2/marker_19.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr20[type=checkbox]:checked + label{background:url(../images/marker2/marker_20.png) no-repeat center center; background-size:121%;}

input.lnb_chk03.cr21[type=checkbox]:checked + label{background:url(../images/marker2/marker_21.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr22[type=checkbox]:checked + label{background:url(../images/marker2/marker_22.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr23[type=checkbox]:checked + label{background:url(../images/marker2/marker_23.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr24[type=checkbox]:checked + label{background:url(../images/marker2/marker_24.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr25[type=checkbox]:checked + label{background:url(../images/marker2/marker_25.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr26[type=checkbox]:checked + label{background:url(../images/marker2/marker_26.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr27[type=checkbox]:checked + label{background:url(../images/marker2/marker_27.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr28[type=checkbox]:checked + label{background:url(../images/marker2/marker_28.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr29[type=checkbox]:checked + label{background:url(../images/marker2/marker_29.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr30[type=checkbox]:checked + label{background:url(../images/marker2/marker_30.png) no-repeat center center; background-size:121%;}

input.lnb_chk03.cr31[type=checkbox]:checked + label{background:url(../images/marker2/marker_31.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr32[type=checkbox]:checked + label{background:url(../images/marker2/marker_32.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr33[type=checkbox]:checked + label{background:url(../images/marker2/marker_33.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr34[type=checkbox]:checked + label{background:url(../images/marker2/marker_34.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr35[type=checkbox]:checked + label{background:url(../images/marker2/marker_35.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr36[type=checkbox]:checked + label{background:url(../images/marker2/marker_36.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr37[type=checkbox]:checked + label{background:url(../images/marker2/marker_37.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr38[type=checkbox]:checked + label{background:url(../images/marker2/marker_38.png) no-repeat center center; background-size:121%;}
input.lnb_chk03.cr39[type=checkbox]:checked + label{background:url(../images/marker2/marker_39.png) no-repeat center center; background-size:121%;}


/* ======================================================================================== */
/* table style */
/* ======================================================================================== */
table .left{text-align: left !important;}
table .center{text-align: center !important;}
table .right{text-align: right !important;}

/* table_btn */
.table_btn1{position:absolute; bottom:3px; right:20px; width:auto;}
.table_btn2{position:absolute; bottom:0px; right:0px; padding-right:10px;}
.table_btn3{position:absolute; bottom:7px; left:10px;width:auto;}
.table_btn4{position:absolute; bottom:0px; left:10px;width:auto; z-index:999999;}

/* table_btn_wrap */
.table_btn_wrap{position:absolute; bottom:10px; left:15px; width:auto;}
.table_btn_wrap .btn01{display: block; width:auto; height:28px; padding:5px 10px; color:#fff; font-size:11px; border-radius:2px; background:rgba(33,33,36,0.8); box-sizing: border-box; letter-spacing:0em; cursor: pointer;}
.table_btn_wrap .btn01.on{background:#399aeb;}
.table_btn_wrap .btn01.off{background:rgba(33,33,36,0.8);}
.table_btn_wrap .btn02{display: block; width:auto; height:28px; padding:5px 10px; color:#fff; font-size:11px; border-radius:2px; background:rgba(88,88,88,0.8); box-sizing: border-box; letter-spacing:0em; cursor: pointer;}
.table_btn_wrap .btn02.on{background:#399aeb;}
.table_btn_wrap .btn02.off{background:rgba(76,79,81,0.8);}

/*테이블소팅셀렉스박스*/
.container .table_select{margin-left: 4px;border-radius: 30px;float:left;cursor:pointer;-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);}
.container .table_select select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height: 28px;font-size:11px;color: #ffffff;padding:5px 7px;width: 120px;border: solid 0px #6f7679;border-radius:30px;background: #151619ba url(../images/select_arrow2.png) no-repeat 100% 50%;background-size:30px;}
.container .table_select select::-ms-expand {display:none;}

/*table_top_title*/
.container .table_top_title{display: block;width: 100%; height: 30px;}
.container .table_top_title .tit03{display:block;font-size:15px;font-weight:normal;margin-top:0;line-height:1.3em;padding: 1px 0 0 3px;}
.container .table_top_title .tit03 span{color: #81beff;}

.container .table_title{display:block;font-size:13px;font-weight: 400;/*margin-top: 10px;*/height: 28px;line-height:1.3em;padding:0;/* border-top: 1px #43484b solid; *//* background: #2f3235; */}
.container .table_title p{padding: 6px 0 5px 7px;font-weight: 400;color: #7fbaff;}
.container .table_title p:before{content: '·';display: inline;font-size:20px;margin-right: 5px;vertical-align: -3px;}

.container .table01_1 + .table_title{margin-top: 10px;}

/* table01_top */
.table01_top{padding: 3px 0;padding-right: 13px;margin: 0 0 5px 0;box-sizing: border-box;width: 100%;/* height: 30px; *//* height:auto; */background: #0f4464;border-radius: 3px;}
.table01_top>li{float:left;width: 20%;height: 100%;display:table;vertical-align: middle;text-align: center;font-size: 13px;padding: 3px 0;border-left: 1px solid #413936;box-sizing: border-box;}
.table01_top>li:first-child{border-left: 0px solid #413936;}
.table01_top .table01 thead th{border-left: solid 1px #092c42;border-top: solid 1px #092c42;}
.table01_top .table01 thead th:first-child{border-left: solid 0px #3b3424;}
.table01_top .table01 thead tr:first-child th{border-top: solid 0px #4d4739;}
.table01_top:after{content: ''; clear: both; display: block;}
.table01_top.nopd{padding-right: 0 !important;}

/* table01 */ /*기관리스트*/
.table01.finance01 tbody tr:nth-child(even){background:transparent;}

.table01{width:100%;text-align:center;position:relative;}
.table01 thead{background: #0f4464;}
.table01 thead th{text-align: center;font-size: 11px;font-weight: 400;padding: 2px 1px 3px 1px;box-sizing: border-box;height: 24px;color: #bdbdbd;border-left: solid 1px #4d4739;border-top: solid 1px #4d4739;}
.table01 tbody{/* background: #2d3745; */}
.table01 tbody tr:nth-child(even){background: #0f405e;}
.table01 tbody th{border-right:0px solid #313336;color:#ffffff;padding:2px 0px 4px 0px;border-left:0px solid #72767a;border-bottom: 1px solid #393430;text-align:center;font-size:11px;font-weight:normal;text-shadow:1px 1px 1px #2d3033;width:190px;}
.table01 td{color:#ffffff;padding: 8px 0px;border-bottom: 1px solid #092c42;font-size:11px;text-shadow:0px 0px 0px #2d3033;}
.table01 td:first-child{border-left: 0px solid #43484b;}
.table01 td.left{text-align:left;padding-left: 5px;padding-right: 5px;}
.table01 td.center{text-align:center;}
.table01 td.right{text-align:right; padding:0px 12px;}
.table01 td.right2{text-align:right; padding:0px 5px 0px 0px;}
.table01 td.team{text-align:left;background: #0b2a3a;/*#413936;*/padding-left: 10px;padding-right: 10px;font-size: 13px;}
.table01 .bg_gray{background: #27292cbd;font-weight: 300;color: #ccc;}
.table01 a{color:#fff;}
.table01 tr{}
.table01 td a.file{background: url(../images/ic_file3.png) 3px 4px no-repeat;background-size:10px;text-indent: -9999px;width: 15px;height: 20px;display:inline-block;}

/* table01 */ /*대기환경메인테이블*/
.table01.air th{font-size: 14px;padding: 5px 1px 8px 1px;height: 30px;box-sizing: border-box;}
.table01.air tbody th{font-size: 12px;}
.table01.air td{padding: 15px 0px;font-size: 14px;}

/*재정현황*/
.table01.st1 th{padding: 2px 1px 3px 1px;}
.table01.st1 td{padding: 8px 7px 9px 7px;}

/*재정현황*/
.table01.st2 tbody tr:nth-child(even){background: transparent;}
.table01.st2 th{padding: 2px 1px 3px 1px;}
.table01.st2 tbody th{background:#2a3440;border-right: 1px solid #222c38;padding: 4px 1px 4px 1px;}
.table01.st2 td{padding: 4px 7px 5px 7px;border-right: 1px solid #222c38;}
.table01.st2 td:last-child{border-right:none;}

/*재정현황*/
.table01.st3 tbody tr:nth-child(even){background: transparent;}
.table01.st3 th{padding: 2px 1px 3px 1px;}
.table01.st3 tbody th{border-right: 1px solid #222c38;padding: 7px 15px 7px 15px;}
.table01.st3 td{padding: 6px 7px 6px 7px;border-right: 1px solid #222c38;}
.table01.st3 td:last-child{border-right:none;}

/* table01_1 */ /*재정현황*/
.table01_1{width:100%;text-align:center;position:relative;}
.table01_1 thead{background: #384454;border: solid 1px #384454;}
.table01_1 thead th{text-align: center;font-size: 11px;font-weight: 400;padding: 2px 1px 3px 1px;/* border-left: 1px solid #3e4e58; */box-sizing: border-box;height: 30px;color: #bdbdbd;}
.table01_1 thead th:first-child{border-left: 0px solid #43484b;}
.table01_1 tbody{border-right: 1px solid #43484b;border-top: 1px solid #43484b;}
.table01_1 tbody tr:nth-child(even){/* background:#36383c; */}
.table01_1 tbody th{border-right:0px solid #313336; color:#ffffff; padding:2px 0px 4px 0px; border-left:0px solid #72767a; border-bottom:1px solid #72767a; text-align:center; font-size:11px; font-weight:normal; text-shadow:1px 1px 1px #2d3033; width:190px;}
.table01_1 td{color:#ffffff;padding: 10px 0px 9px 0px;border-bottom: 1px solid #3e4e58;font-size:11px;border-left: 1px solid #3e4e58;text-shadow:0px 0px 0px #2d3033;}
.table01_1 td:first-child{/*border-left: 0px solid #43484b;*/}
.table01_1 td.left{text-align:left;padding-left: 10px;padding-right: 10px;}
.table01_1 td.center{text-align:center;}
.table01_1 td.right{text-align:right;padding: 0px 5px;}
.table01_1 a{color:#fff;}
.table01 tr.on{color: #3391f3 !important;}
.table01 tr.on td,
.table01 tr.on a{color:#3391f3;}


/* table01_1 */ /*재정현황*/
.table01_1.pd5 td{padding: 4px 5px 5px 5px;}

/* table02 */
.table02{width:100%; position:relative;}
.table02 tbody{border-top: 1px solid #185c8b;}
.table02 th,
.table02 td{color:#ffffff;padding:4px 6px 6px 6px;font-size:11px;font-weight:normal;text-shadow:1px 1px 1px #2d3033;}
.table02 th{border: 1px solid #185c8b;border-top:none;background: #0b344a;text-align:left;color: rgba(255, 255, 255, 0.7);}
.table02 th:first-child{border-left: 0px solid #393430;}
.table02 td{border-bottom: 1px solid #185c8b;text-shadow:0px 0px 0px #2d3033;}
.table02 a{color:#fff;}
.table02 .left{text-align:left;}
.table02 .center{text-align:center;}
.table02 .right{text-align:right;}

/* table03 */ /* 라인없는 테이블 */
.table03{width:100%;}
.table03 th{color:#b9babc;padding: 0.6% 1%;font-size:11px;text-align:left;font-weight:normal;vertical-align:top;}
.table03 td{color:#ffffff;padding: 0.6% 2%;font-size:11px;line-height:1.5em;position:relative;}

/* table03 */ /* 라인없는 테이블 */
.table03_1{width:100%;}
.table03_1 th{color:#b9babc;padding: 1.2% 1%;font-size:12px;text-align:left;font-weight:normal;vertical-align:top;}
.table03_1 td{color:#ffffff;padding: 1.2% 2%;font-size:12px;line-height: 1.8em;position:relative;}
.table03_1 .inner_table{width:100%;}
.table03_1 .inner_table td{padding: 0.6% 5% 0.6% 0;}

/* table03_2_top */ /*상수리스트*/
/*그림자*/.table03_2_top{-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);}
.table03_2_top{padding: 3px 0;padding-right: 13px;margin: 0 0 10px 0;box-sizing: border-box;width: 100%;/* height: 30px; *//* height:auto; */background: #0f4464;border-radius: 3px;}
.table03_2_top>li{float:left;width: 20%;height: 100%;display:table;vertical-align: middle;text-align: center;font-size: 13px;padding: 3px 0;border-left: 1px solid #413936;box-sizing: border-box;}
.table03_2_top>li:first-child{border-left: 0px solid #413936;}
.table03_2_top thead{background: #0f4464;}
.table03_2_top thead th{text-align: center;font-size: 11px;font-weight: 400;padding: 2px 1px 3px 1px;box-sizing: border-box;height: 24px;color: #bdbdbd;border-left: solid 1px #4d4739;border-top: solid 1px #4d4739;}
.table03_2_top thead th{border-left: solid 1px #092c42;border-top: solid 1px #092c42;}
.table03_2_top thead th:first-child{border-left: solid 0px #3b3424;}
.table03_2_top thead tr:first-child th{border-top: solid 0px #4d4739;}
.table03_2_top:after{content: ''; clear: both; display: block;}
.table03_2_top.nopd{padding-right: 0 !important;}

/* table03_2 */ /*상수리스트*/
.table03_2{width:100%;}
.table03_2 thead th{/* border-left: solid 1px #342f2c; */}
.table03_2 thead th:first-child{border-left: solid 0px #342f2c;}
.table03_2 th{color:#b9babc;padding: 0;font-size:13px;text-align:center;font-weight:normal;vertical-align: middle;}
.table03_2 td{color:#ffffff;padding: 3.5% 0;font-size: 12px;text-align:center;line-height:1.5em;position:relative;border-bottom: solid 1px #092c42;}
.table03_2 td.left{padding-left:0;}
.table03_2 span.sta_box{padding: 0 5px 0 0;/* text-align: center; */box-sizing: border-box;/* background: #383433; */border-radius: 30px;/* width: 50px; */display: inline-block;/* font-size: 10px; */}
.table03_2 span.sta_box.bad{color: #e75353;font-weight: 600;}
.table03_2 span.sta_box.good{color: #1790d9;}
.table03_2 span.sta_box.checking{color: #919191;}
.table03_2 span.unit{display: block;/* display: none; */text-align: center;width: 100%;font-size: 10px;}
.table03_2 thead th:nth-child(4){letter-spacing: -0.08em;}


/* table04_top */
.table04_top{/* -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); */-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);/* box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); */}/*그림자*/
.table04_top{padding: 3px 0;padding-right: 11px;margin: 0 0 5px 0;box-sizing: border-box;width: 100%;height:auto;background: #5d544f;border-radius: 3px;}
.table04_top>li{float:left;width: 20%;height: 100%;display:table;vertical-align: middle; text-align: center;font-size: 13px;padding: 4px 0 6px 0;border-left: 1px solid #5b6165;box-sizing: border-box;}
.table04_top:after{content: ''; clear: both; display: block;}

/* table04 */ /*기관리스트*/
.table04{width:100%;text-align:center;position:relative;}
.table04 thead{}
.table04 thead th{text-align: center;font-size: 11px;font-weight: 400;padding: 2px 0 3px 0;box-sizing: border-box;height: 24px;color: #bdbdbd;letter-spacing: -0.04em;}
.table04 thead th:first-child{border-left: 0px solid #43484b;}
.table04 tbody tr:nth-child(even){background: #49413e;}
.table04 tbody th{border-right:0px solid #313336;color:#ffffff;padding:2px 0px 4px 0px;border-left:0px solid #72767a;border-bottom: 1px solid #43484b;text-align:center;font-size:11px;font-weight:normal;text-shadow:1px 1px 1px #2d3033;width:190px;}
.table04 td{color:#ffffff;padding: 9px 0px;border-bottom: 1px solid #393430;font-size:11px;text-shadow:0px 0px 0px #2d3033;}
.table04 td:first-child{border-left: 0px solid #43484b;}
.table04 td.left{text-align:left;padding-left: 5px;padding-right: 5px;}
.table04 td.center{text-align:center;}
.table04 td.right{text-align:right; padding:0px 12px;}
.table04 td.team{text-align:left;background: #32373a;padding-left: 10px;padding-right: 10px;font-size: 13px;}
.table04 .bg_gray{background: #27292cbd;font-weight: 300;/* font-size: 11px; */color: #ccc;}
.table04 a{color:#fff;}
.table04 td a.file{background: url(../images/ic_file3.png) 3px 4px no-repeat;background-size:10px;text-indent: -9999px;width: 15px;height: 20px;display:inline-block;}
.table04 tr.on{border: solid 2px #3391f3 !important;color: #3391f3 !important;}
.table04 tr.on td,
.table04 tr.on a{color:#3391f3;}

/*공모사업내용*/
.tbl_con_pubiz{}
.tbl_con_pubiz > ul > li{position: relative;display: block; width: 100%; box-sizing: border-box; padding-left: 50px;text-align: left;}
.tbl_con_pubiz > ul > li .tit{width: 50px;position: absolute;left: 0;top:0;font-weight: 400;font-size: 10px;color: #c7cdd6;}
.tbl_con_pubiz > ul > li .txt{font-weight: 400;font-size: 11px;letter-spacing: -0.04em; box-sizing: border-box;}
.tbl_con_pubiz > ul > li:nth-child( 1n + 3 ){float: left; width: 25%;}
.tbl_con_pubiz > ul > li:nth-child(4) .tit{width:65px;}
.tbl_con_pubiz > ul > li:nth-child(4) .txt{padding-left:15px;}
.tbl_con_pubiz > ul:after{content: ''; display: block; clear: both;}

/* table05 */ /* 주요사업 사업개요 */
.table05{width:100%;border-top: 1px solid #195c87;border-left: 1px solid #195c87;}
.table05 tbody tr:nth-child(even){}
.table05 th{background: #0b344a;color:#cecfd0;padding: 1% 2%;border-bottom: 1px solid #195c87;border-right: 1px solid #195c87;text-align: center;font-weight:normal;font-size: 11px;}
.table05 td{color:#ffffff;padding: 10px 5px;border-bottom: 1px solid #195c87;border-right: 1px solid #195c87;line-height:1.5em;letter-spacing:0.1em;position:relative;font-size: 11px;}
.table05 pre{max-width: 430px;}
.table05 col:nth-child(1){width: 30%;}
.table05 col:nth-child(2){width: 70%;}

/* table05 */ /* 주요사업 사업개요 */
.table05_in{width: calc(100% - 5px);border-top: 1px solid #195c87;border-left: 1px solid #195c87;margin-left: 5px;}
.table05_in tbody tr:nth-child(even){}
.table05_in th{background: rgba(79, 85, 93, 0.3);color:#cecfd0;padding: 3px 3px;border-bottom: 1px solid #195c87;border-right: 1px solid #195c87;text-align: center;font-weight:normal;font-size: 11px;}
.table05_in td{color:#ffffff;padding: 6px 5px;border-bottom: 1px solid #195c87;border-right: 1px solid #195c87;line-height:1.5em;letter-spacing:0.1em;position:relative;font-size: 11px;}
.table05_in pre{max-width: 270px;}
.table05_in col:nth-child(1){width: auto ;}
.table05_in col:nth-child(2){width: auto ;}
.table05_in .bar{width: calc(100% + 2px);height: 3px;background: #f6931e;position:absolute;top:50%;left: -1px;display: block;}

/*table in news*/
.table_in_news>li{position: relative;padding: 3px; box-sizing: border-box;}
.table_in_news>li a{color:#fff; font-size:13px;}
.table_in_news>li a .date{color:#ccc; font-size:11px; letter-spacing: -0.02em;}
.table_in_news>li .date{position: absolute;right: 3px;top: 3px;}
.table_in_news>li .date .btn_more{display: inline-block;width: 16px;height: 16px;background: url(../images/ic_more.png) center center no-repeat;background-size: 120%;text-indent: -99999px;vertical-align: top;margin-right: 5px;}
.table_in_news>li .cta_org{text-decoration: underline;color: #d2da2c;}

.table_in_news>li .hit{position: absolute;right: 80px;top: 3px;color: #90b2c7;padding: 0 5px 0 0;}
.table_in_news>li .hit span{color:#fff;}
.table_in_news>li .hit:after{content: '';display: block;border-left: solid #556772 1px;width: 1px;height: 12px;position: absolute;right: -3px;top: 2px;}

/*table in news02*/
.table_in_news02>li{position: relative; font-size:11px; padding: 8px 3px 7px 70px;box-sizing: border-box; cursor: pointer;}
.table_in_news02>li .img{position: absolute;left: 5px;top: 6px;width: 56px;height: 38px;}
.table_in_news02>li .img img{width: 100%; height: 100%;}
.table_in_news02>li .txt{display:block;padding: 0 0 5px 0;}

.table_in_news02>li .date{display: inline-block;color: #90b2c7;}
.table_in_news02>li .date span{color:#fff;}
.table_in_news02>li .hit{display: inline-block;color: #90b2c7;position: relative;padding: 0 0 0 9px;}
.table_in_news02>li .hit span{color:#fff;}
.table_in_news02>li .hit:before{content: '';display: block;border-left: solid #556772 1px;width: 1px;height: 10px;position: absolute;left: 3px;top: 4px;}

/* table21_top */
.table21_top{border-top:1px solid #cbcbcb;border-bottom:2px solid #cbcbcb;padding-right: 14px;margin:0;box-sizing: border-box;width: 100%;height: 36px;background: #f0f0f0;}
.table21_top>li{float:left;width:20%;height:100%;display: block;text-align: center;padding-top: 7px;/* border-left: 1px solid #43484b; */box-sizing: border-box;color:#333;font-size: 13px;font-weight: 500;}
.table21_top>li:nth-child(2),
.table21_top>li:nth-child(3){width: 30%;}
.table21_top:after{content: ''; clear: both; display: block;}

/* table21 */
.table21{width:100%;/* border-top: 1px solid #cbcbcb; */text-align:center;border-bottom:0px solid #e5e7e9;font-size:9px;}
.table21 thead{background:#f0f0f0; border-right:0px solid #d8dadd; border-left:0px solid #e5e7e9; letter-spacing:-1px; border-bottom: 1px solid #cbcbcb;}
.table21 tbody{/* border-left:1px solid #e5e7e9; */letter-spacing:-1px;}
.table21 th{/* border-right:1px solid #e5e7e9; */color:#333;padding: 6px 2px;/* border-left:1px solid #e5e7e9; */border-bottom: 2px solid #cbcbcb;text-align:center;font-size: 13px;font-weight: 500;}
.table21 tbody th{border-left:1px solid #e5e7e9; border-right:1px solid #e5e7e9;  border-bottom:1px solid #e5e7e9;}
.table21 td{color:#333333;padding: 6px 2px;border-bottom:1px solid #e5e7e9;font-size: 12px;/* border-right:1px solid #e5e7e9; */}
.table21 td.title{text-align:left;}
.table21 td.left{text-align:left;}

/* table_leg */ /* 범례테이블 */
.table_leg{width:100%;border-top: 1px solid #e5e7e9;text-align:center;border-bottom:0px solid #e5e7e9;font-size:9px;}
.table_leg thead{background:#fafafa; border-right:0px solid #d8dadd; border-left:0px solid #e5e7e9; letter-spacing:-1px;}
.table_leg tbody{border-left:1px solid #e5e7e9; letter-spacing:-1px;}
.table_leg th{border-right:1px solid #e5e7e9;color:#333;padding: 3px 2px;border-left:1px solid #e5e7e9;border-bottom:1px solid #e5e7e9;text-align:center;font-size:9px;font-weight:normal;}
.table_leg tbody th{border-left:1px solid #e5e7e9; border-right:1px solid #e5e7e9;  border-bottom:1px solid #e5e7e9;}
.table_leg td{color:#333333;padding: 2px 2px;border-bottom:1px solid #e5e7e9;font-size:9px;border-right:1px solid #e5e7e9;}
.table_leg td.title{text-align:left;}
.table_leg td.left{text-align:left;}

/*table_sc_box*/
.table_sc_box{height:100%;}
.table_sc_box2{height:calc(100% - 26px);}
.table_sc_box3{height:calc(100% - 30px);}
.table_sc_box4{height:calc(100% - 64px);}
.table_sc_box5{height:calc(100% - 50px);}
.table_sc_box6{height:calc(100% - 40px);}
.table_sc_box7{height:calc(100% - 45px);}

/*table_over_btn*/
.table_over_btn_wrap {position:absolute; bottom:10px; right:30px; z-index:100;}
.table_over_btn_wrap ul>li {float:left; margin-left:6px; cursor:pointer}
.table_over_btn_wrap ul>li span {display:none;}
.table_over_btn_wrap .btn_all{width:64px; height:29px; background:url(../images/table_btn_all.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_all.on{background:url(../images/table_btn_all_on.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_all.off{background:url(../images/table_btn_all.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_news{width:64px; height:29px; background:url(../images/table_btn_news.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_news.on{width:64px; height:29px; background:url(../images/table_btn_news_on.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_cen{width:64px; height:29px; background:url(../images/table_btn_cen.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_cen.on{width:64px; height:29px; background:url(../images/table_btn_cen_on.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_sim{width:64px; height:29px; background:url(../images/table_btn_sim.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_sim.on{width:64px; height:29px; background:url(../images/table_btn_sim_on.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_tv{width:64px; height:29px; background:url(../images/table_btn_tv.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_tv.on{width:64px; height:29px; background:url(../images/table_btn_tv_on.png) no-repeat 0 0; background-size:64px;}
.table_over_btn_wrap .btn_top{width:27px; height:29px; background:url(../images/table_btn_top.png) no-repeat 0 0; background-size:27px;}
.table_over_btn_wrap .btn_all img{width:64px;}
.table_over_btn_wrap .btn_top img{width:27px;}


/*데이터 없을때*/
.simple_map_nodata{position: absolute;left: calc(55% - 100px);top:50%;width: 200px;height: 40px;background: rgba(0, 0, 0, 0.5);color: rgba(255, 255, 255, 0.7);z-index: 999;text-align: center;padding: 11px 0;box-sizing: border-box;font-size: 13px;}

/*국제협력 마커------------------------------------------*/
.main_section01 .simple_map_wrap.global .global_marker{position:absolute; top:65%; left:50%; z-index:1000;}
.main_section01 .simple_map_wrap.global .global_marker img{height: 17px;}
.main_section01 .simple_map_wrap.global .global_marker.chn{top: 42%;left: 36%;}
.main_section01 .simple_map_wrap.global .global_marker.jpn{top: 39%;left: 44%;}
.main_section01 .simple_map_wrap.global .global_marker.phl{top: 52%;left: 35%;}
.main_section01 .simple_map_wrap.global .global_marker.usa{top: 42%;left: 78%;}

/*심플지도 팝업---------------------------------------------------------*/
.simple_popup_wrap{position:relative;padding: 0;width: 100%;border: 1px solid #d0d5dc;background: #0d3c58;border-radius:3px;z-index:99999;color: #999;}

.simple_popup_wrap .title{font-size:13px;font-weight:600;width: calc(100% - 20px);margin: 2px 10px 0 10px;padding: 7px 30px 8px 0;box-sizing: border-box;color: #fff;line-height: 1.2em;letter-spacing: -0.04em;}
.simple_popup_wrap .title .t01{font-size:15px;line-height: 1.2em;vertical-align: 1px;font-weight: 500;}
.simple_popup_wrap .title .t02{font-size:13px;line-height: 1.2em;vertical-align: 2px;}

.simple_popup_wrap .text{font-size: 10px;display:block;width:100%;min-height:30px;padding: 0 12px 7px 12px;box-sizing: border-box;text-align:left;color: #fff;overflow:hidden;}
.simple_popup_wrap .text2{font-size:11px; display:block; width:100%; min-height:20px; padding:0px; text-align:right; color:#999999; overflow:hidden;}
.simple_popup_wrap .text_box{font-size:11px; display:block; width:100%; max-height:120px !important; padding:0 4px 0 0; text-align:left; color:#000;}
.simple_popup_wrap .text_box2{font-size:11px; display:block; width:100%; max-height:240px !important; padding:0 4px 0 0; text-align:left; color:#000;}
.simple_popup_wrap .text_right{font-size:10px;display:block;width:100%;min-height:30px;padding: 6px 12px 0 12px;box-sizing: border-box;text-align:right;/*color: #797979;*/color: #fff;overflow:hidden;}

.simple_popup_wrap .pop_table01{width: 100%;margin: 0;padding: 0 10px 10px 10px;box-sizing: border-box;text-align: center;}
.simple_popup_wrap .pop_table01 table{width: 100%;}
.simple_popup_wrap .pop_table01 thead{color: #b2b2b2;background: #5d544f;font-size:9px;font-weight: 400;}
.simple_popup_wrap .pop_table01 thead tr th{padding:4px;font-size:9px;font-weight: 400;position: relative;}
.simple_popup_wrap .pop_table01 thead tr th:before{content:''; position: absolute; left: 0; top:4px; display: block; border-left:solid 1px #1d2228;width: 1px;height: 15px;}
.simple_popup_wrap .pop_table01 thead tr th:first-child:before{content:''; border-left:solid 0px #1d2228;}

.simple_popup_wrap .pop_table01 thead th:first-child{border-left:none;}
.simple_popup_wrap .pop_table01 tbody tr{border-bottom: solid 1px #332e2a;}
.simple_popup_wrap .pop_table01 tbody th,
.simple_popup_wrap .pop_table01 tbody td{color:#fff;padding:4px;text-align:center;font-size:9px;font-weight: 400;}
.simple_popup_wrap .pop_table01 tbody th{background: #37312c;}
.simple_popup_wrap .pop_table01 tbody td{background: #0b334a;}
.simple_popup_wrap .pop_table01 .center{text-align:center;}
.simple_popup_wrap .pop_table01 .left{text-align:left;}
.simple_popup_wrap .pop_table01 .right{text-align:right; padding-right:10px;}

.simple_popup_wrap .pop_table02 {width:100%;text-align:center;box-sizing: border-box;width: calc(100% - 24px);/* border-top:1px solid #414245; */margin: 0 12px;padding-bottom: 13px;text-align:center;}
.simple_popup_wrap .pop_table02 table{width:100%;text-align:center;border-top: 1px solid #332e2a;}
.simple_popup_wrap .pop_table02 th{/* border-right:1px solid #ececec; */color: rgba(255, 255, 255, 0.6);padding:3px 2%;border-right: 1px solid #332e2a;border-bottom: 1px solid #332e2a;background: #0b334a;text-align:center;font-size:9px;font-weight:normal;}
.simple_popup_wrap .pop_table02 td{color: #fff;padding:3px 2%;border-bottom: 1px solid #332e2a;font-size:9px;border-right: 1px solid #332e2a;background: #0d3c58;}
.simple_popup_wrap .pop_table02 th:first-child{border-left: 1px solid #332e2a;}
.simple_popup_wrap .pop_table02 th:last-child{border-right: 1px solid #332e2a;}
.simple_popup_wrap .pop_table02 td:first-child{border-left: 1px solid #332e2a;}
.simple_popup_wrap .pop_table02 td:last-child{border-right: 1px solid #332e2a;}
.simple_popup_wrap .pop_table02 .left{text-align:left;padding-left:10px;/* color:#333333; */}
.simple_popup_wrap .pop_table02 .top{padding:6px 2%;}
.simple_popup_wrap .pop_table02 .select{background:#fff; color:#000; font-weight:bold; border-bottom:none; height:20px;}


.simple_popup_wrap .pop_table03 th{color: #b2b2b2;}
.simple_popup_wrap .pop_table03 td{color: #fff;}
.simple_popup_wrap .pop_table03 .center{text-align:center;}
.simple_popup_wrap .pop_table03 .left{text-align:left;}
.simple_popup_wrap .pop_table03 .right{text-align:right;}

.simple_popup_wrap .pop_table03{position: relative;}
.simple_popup_wrap .pop_table03 + .pop_table03:before{content:''; display: block; width: calc(100% - 20px); height: 1px; border-top: 1px solid #313335; position: absolute; left: 10px; top:0; }

/*심플맵대기현황팝업*/
.simple_popup_wrap .pop_table03_1 {width:100%;text-align:center;padding: 7px 12px 10px 12px;box-sizing: border-box;}
.simple_popup_wrap .pop_table03_1 table{width:100%; text-align:center;border-collapse: unset; border-spacing:5px;}
.simple_popup_wrap .pop_table03_1 thead th{background: #363636;/* border: solid 1px #7b7b7b85; */color: #b2b2b2;border-radius: 4px;padding: 2px 0;text-align: center;}
.simple_popup_wrap .pop_table03_1 th{color: #b2b2b2;font-size:11px;padding: 0;text-align: left;font-weight:normal;vertical-align: top;}
.simple_popup_wrap .pop_table03_1 td{color: #fff;font-size:11px;padding: 0;text-align:left;font-size:11px;vertical-align: top;}
.simple_popup_wrap .pop_table03_1 .center{}
.simple_popup_wrap .pop_table03_1 .left{text-align:left;}
.simple_popup_wrap .pop_table03_1 .right{text-align:right;}

.simple_popup_wrap .pop_btn_more{font-size:12px;width: 100%;box-sizing: border-box;padding: 0;text-align: center;background: #0b334a;color: #9599a0;position: relative;border-top: solid 1px #332e2a;}
.simple_popup_wrap .pop_btn_more a{font-size:12px;color: #9599a0;box-sizing: border-box;padding: 5px 0 8px 0px;cursor: pointer;width: 100%;display: block;}

.simple_popup_wrap .pop_bt_close2{font-size:12px;width: 100%;box-sizing: border-box;padding:5px 5px 8px 5px;text-align: center;background: #0b334a;color: #9599a0;position: relative;border-top: solid 1px #332e2a;}
.simple_popup_wrap .pop_bt_close2 a{font-size:12px;color: #9599a0;box-sizing: border-box;padding: 0;cursor: pointer;width: 100%;display: block;}


/* 심플맵재난팝업 타임라인 */
.simple_popup_wrap .time_line{position:relative;color:#999999;width: 100%;font-size:9px;text-align:center;padding: 5px 10px 5px 10px;box-sizing: border-box;}
.simple_popup_wrap .time_line ul{width: 100%;}
.simple_popup_wrap .time_line ul:after{clear: both; content: ''; display: block;}
.simple_popup_wrap .time_line ul>li{position:relative;float:left;height: 50px;padding: 11px 0 0 0;box-sizing: border-box;margin:0;}

.simple_popup_wrap .time_line li{background:url(../images/popdstate_bullet_off.png) no-repeat 100% 0%;background-size:102%;}
.simple_popup_wrap .time_line li:first-child{background:url(../images/popdstate_bullet_off_start.png) no-repeat  100% 0;background-size:102%;}
.simple_popup_wrap .time_line li:last-child{background:url(../images/popdstate_bullet_off_end.png) no-repeat  100% 0;background-size:102%;}

.simple_popup_wrap .time_line li.on{background:url(../images/popdstate_bullet_on.png) no-repeat 100% 0; background-size:102%;}
.simple_popup_wrap .time_line li.on:first-child{background:url(../images/popdstate_bullet_on_start.png) no-repeat 100% 0;background-size:102%;}
.simple_popup_wrap .time_line li.on:last-child{background:url(../images/popdstate_bullet_on_end.png) no-repeat 100% 0;background-size:102%;}

.simple_popup_wrap .time_line li.on.ing{background:url(../images/popdstate_bullet_on_ing.png) no-repeat 100% 0; background-size:102%;}
.simple_popup_wrap .time_line li.on.ing:first-child{background:url(../images/popdstate_bullet_on_start_ing.png) no-repeat 100% 0;background-size:102%;}
.simple_popup_wrap .time_line li.on.ing:last-child{background:url(../images/popdstate_bullet_on_end_ing.png) no-repeat 100% 0;background-size:102%;}

.simple_popup_wrap .time_line ul>li p{color:#999;}
.simple_popup_wrap .time_line ul>li.on p{color:#f22626;}
.simple_popup_wrap .time_line ul>li span{color:#999;}
.simple_popup_wrap .time_line .time{color: #fff;font-size:9px;padding: 0;display: block;}

/*.simple_popup_wrap .time_line ul.t3{margin-left:-68px;}
.simple_popup_wrap .time_line ul.t4{margin-left:-51px;}
.simple_popup_wrap .time_line ul.t5{margin-left:-41px;}
.simple_popup_wrap .time_line ul.t6{margin-left:-30px;}
.simple_popup_wrap .time_line ul.t7{margin-left:-28px;}
.simple_popup_wrap .time_line ul.t8{margin-left:-24px;}
.simple_popup_wrap .time_line ul.t9{margin-left:-20px;}*/

.simple_popup_wrap .time_line ul.t3 li{width:33%;}
.simple_popup_wrap .time_line ul.t4 li{width:25%;}
.simple_popup_wrap .time_line ul.t5 li{width:20%;}
.simple_popup_wrap .time_line ul.t6 li{width:16.4%;}
.simple_popup_wrap .time_line ul.t7 li{width:14.2%;}
.simple_popup_wrap .time_line ul.t8 li{width:12.5%;}
.simple_popup_wrap .time_line ul.t9 li{width:11%;}

/*심플맵재난팝업상태버튼*/
/*.simple_popup_wrap .ict_btn{height:24px;line-height: 1.0em;padding: 5px 10px;box-sizing: border-box;border-radius: 15px;margin: 0 5px 0 0;font-size:9px;vertical-align: 3px;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight: 600;border:1px solid #cc1e1e;color: #cc1e1e;}
.simple_popup_wrap .ict_btn.red{border: 1px solid #e74d4d !important; color: #e74d4d !important;}
.simple_popup_wrap .ict_btn.blue{border: 1px solid #3d96ed !important;color: #348de2 !important;}
.simple_popup_wrap .ict_btn.gray{border:1px solid #8a8a8a !important;color: #8a8a8a !important;}*/

.simple_popup_wrap .ict_btn{line-height: 1.2em;padding: 3px 0 0 5px;box-sizing: border-box;margin: 0 5px 0 0;font-size: 15px;vertical-align: 1px;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight: 600;color: #cc1e1e;}
.simple_popup_wrap .ict_btn.red{color: #e74d4d !important;}
.simple_popup_wrap .ict_btn.blue{color: #6cb7ff !important;}
.simple_popup_wrap .ict_btn.gray{border:1px solid #8a8a8a !important;color: #8a8a8a !important;}
.simple_popup_wrap .ict_btn.org{color: #e88c22 !important;}


/*팝업스크롤*/
.simple_popup_wrap .scroll9 {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:6px;} /* For the "inset" look only */
.simple_popup_wrap .scroll9::-webkit-scrollbar {width:6px;} /* Let's get this party started */
.simple_popup_wrap .scroll9::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgb(65, 57, 54); -webkit-border-radius: 5px; border-radius: 5px;} /* Track */
.simple_popup_wrap .scroll9::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 5px; background: rgb(93, 84, 79) url(../images/scroll_thumb.png) center center no-repeat; background-size: 80%; border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */


/*심플맵시설정보팝업*/
.simple_popup_st21{width: 250px;height:auto;min-height:120px;z-index:1000;}
.simple_popup_st21 .pop_bt_close{top: 11px;}
.simple_popup_st21 .pop_table03 col:first-child{width: 30%;}

.simple_popup_st21 .photo{width: 100%;height: 120px;overflow: hidden;box-sizing: border-box;padding: 0;}
.simple_popup_st21 .photo img{width: 100%;height: 100%;}

/*심플맵재난팝업*/
.simple_popup_epst11 {width: 300px;min-height:100px;z-index: 10000;}

/*심플맵대기현황팝업*/
.simple_popup_epst12 {width:280px;min-height:100px;z-index: 10000;}

/*심플맵용수팝업*/
.simple_popup_epst13 {width:200px;min-height:100px;z-index: 10000;}

/*심플맵교통팝업*/
.simple_popup_epst14 {width: 300px;min-height:100px;z-index: 10000;}

/*심플맵수방방제팝업*/
.simple_popup_epst15 {width:250px;min-height:100px;z-index: 10000;}

/*심플맵사업팝업*/
.simple_popup_st22{/*position:absolute;*/width:258px;height:auto;min-height:50px;margin:0px;padding:0px;}
.simple_popup_st22 .photo{width: 100%;height: 120px;overflow: hidden;box-sizing: border-box;padding: 0;}
.simple_popup_st22 .photo img{width: 100%;height: 100%;}

/*교통정보*/
.simple_popup_wrap .traffic_box{width:calc(100% - 20px);padding:15px 0;margin:5px 10px 10px 10px;box-sizing: border-box;background: #0b334a;text-align: center;}
.simple_popup_wrap .traffic_box .txt01{font-size: 20px; font-weight:600;}
.simple_popup_wrap .traffic_box .txt02{font-size: 14px; font-weight:400;}
.simple_popup_wrap .traffic_box .txt03{font-size: 12px; font-weight:400;}

/*대기정보*/
.simple_popup_wrap .air_box{width:calc(100% - 20px);padding:15px 0;margin:5px 10px 10px 10px;box-sizing: border-box;background: #0b334a;text-align: center;}
.simple_popup_wrap .air_box ul>li{width:50%;display:block;float:left;border-left: 1px solid #1d2228;box-sizing: border-box;}
.simple_popup_wrap .air_box ul>li:first-child{border-left:0;}
.simple_popup_wrap .air_box ul:after{content: ''; display: block; clear: both;}
.simple_popup_wrap .air_box .txt01{font-size:14px;font-weight:400;color: #fff;}
.simple_popup_wrap .air_box .txt02{font-size:20px; font-weight:600;}
.simple_popup_wrap .air_box .txt03{font-size:12px; font-weight:400; color:#848484;}

/* =========================================================================== */
/* 지도 */
/* =========================================================================== */
.map_wrap{width: 100%;height: 100%;position: relative;}

/*지도기능*/
.map_navigation{position:absolute;bottom: 10px;left: 107px;z-index:998;}
.map_navigation.left{right:auto;left:15px;}

.section01 .map_navigation{position:absolute;bottom: 10px;left: auto;right: 10px;z-index:998;}
.section01 .map_navigation.left{right:auto;left:5px;}

.section01 .section_content.info .map_navigation{bottom:10px;}

/*지도-구별-동별선택*/
.map_navigation .zoom_select{float:left;margin-left: 4px;border-radius: 4px;-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);}
.map_navigation .zoom_select select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;font-size:11px;padding:5px 7px;width: 170px;border: solid 1px #fff;border-radius: 4px;background: #fff url(../images/select_arrow2_up.png) no-repeat 98% 50%;background-size: 30px;}
.map_navigation .zoom_select select::-ms-expand {display:none;}

/*확대축소*/
.map_navigation .zoom_btn{float:left;border: 1px solid #fff;height: 32px;box-sizing: border-box;background:#fff;padding: 5px 2px;/* margin-left: 4px; */-moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px;-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);}
.map_navigation .zoom_btn li{float:left;width: 26px;height: 20px;/* background: url('../images/ic_map.png') no-repeat 0 0; *//* background-size: 100%; */cursor:pointer;border-left:solid 1px #d0d1d3;text-indent: -99999px;}
.map_navigation .zoom_btn li:first-child{border-left:solid 0px #d0d1d3;}
.map_navigation .zoom_btn li.plus{background: url('../images/map_zoom_ic01.png') no-repeat center center;background-size: 15px;}
.map_navigation .zoom_btn li.minus{background: url('../images/map_zoom_ic02.png') no-repeat center center;background-size: 15px;}
.map_navigation .zoom_btn li.expand{background-position: 3px -134px;}
.map_navigation .zoom_btn li.reduce{background-position: 3px -191px;}
.map_navigation .zoom_btn img{width:100%;}

.map_btn_refresh{border: 1px solid #fff;height: 32px;box-sizing: border-box;background: #fff url('../images/map_ic_refresh.png') no-repeat center center;background-size: 15px;padding: 5px 2px;position: absolute;left: 404px;bottom: 10px;text-indent: -99999px;width: 32px;height: 32px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px;-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);}

/*위성지도선택*/
.map_satellite{position:absolute;left: 10px;bottom: 10px;z-index:1000;overflow: hidden;/* margin-left: 4px; */background: #fff;/* border: 1px solid #fff; */border-radius: 4px;padding: 0;box-sizing: border-box;height: 32px;-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);}
.map_satellite p{font-size: 12px;float:left;padding: 9px 10px 0 10px;height: 100%;text-align:center;color:#555;/* border-radius: 4px; */cursor:pointer;line-height: 1.0em;box-sizing:border-box;/* border: 1px solid #fff; */}
.map_satellite p a{color:#555;}
.map_satellite p.on{color:#fff;background: #0079c2;/* border:1px solid #2e7bc5; */}
.map_satellite p.on a{color:#fff;}

.map_satellite.red p.on{background: #e43d3c;/* border: solid 1px #ba1c1c; */}
.map_satellite.green p.on{background: #84bd07;/*border: solid 1px #84bd07;*/}
.map_satellite.skyblue p.on{background: #1bafbc;}
.map_satellite.deepblue p.on{background: #146be1;/*border: solid 1px #0b62d8;*/}
.map_satellite.blue p.on{background: #3184e9;/*border: solid 1px #1a6fd6;*/}

/*지도 날씨*/
.map_weather{position:absolute;top: 10px;left: 10px;width: 240px;/* height:88px; */z-index:10;padding-bottom: 7px;box-sizing:border-box;border: solid 0px #fff;border-radius: 4px;color:#333;background:#fff;z-index:999;-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);}
.map_weather .we01{font-size:8px;font-weight: bold;color:#333;width: 70px;height: 80px;float:left;text-align: center;padding: 5px 0 0 5px;box-sizing: border-box;}
.map_weather .we01 .weater_img{width: 40px;height: 40px;margin: 8px auto 4px auto;}
.map_weather .we01 .weater_img img{width:100%;}
.map_weather .we01 .weater_txt{width:100%;text-align: center;display: block;font-size: 12px;}

.map_weather .we02{font-size:8px;color:#777;width: calc(100% - 70px);height: 80px;float:left;margin:0;box-sizing:border-box;padding: 4px 6px 0 6px;letter-spacing:-0.08em;}
.map_weather .we02 .weater_temp{height: 40px;color:#ccc;font-size: 13px;line-height: 1.0em;letter-spacing: -0.02em;}
.map_weather .we02 .weater_temp .tem01{color:#333;display: inline-block;padding: 7px 6px 0 8px;}
.map_weather .we02 .weater_temp .tem01 .cnt{font-size: 24px;font-weight: 600;line-height: 1.0em;}
.map_weather .we02 .weater_temp .tem02{color:#f22626;display: inline-block;padding-left: 4px;}

.map_weather .we02 .weater_detail{height: 30px;padding: 2px 0 3px 0;}
.map_weather .we02 .weater_detail>li{height: 9px;width: 45%;float: left;box-sizing: border-box;padding: 0 7px;margin: 4px 0;line-height: 0.8em;text-align: right;color:#333;position: relative;}
.map_weather .we02 .weater_detail>li:nth-child(even){border-left: solid 1px #e4e4e4;padding-left:7px;width: 55%;}
.map_weather .we02 .weater_detail .tit{color:#777777;font-weight: bold;position: absolute;left:5px;top: 0;}
.map_weather .we02 .weater_detail span{color:#333; font-weight: bold;text-align: left;}

.map_weather .we03{font-size:8px;color:#777;width: calc(100% - 20px);/* height: 70px; */float:left;margin: 5px 10px;box-sizing:border-box;padding: 10px 0 0 0;letter-spacing:-0.08em;border-top: solid 1px #e4e4e4;}
.map_weather .we03>li{float: left;width: 33.33%;height: 100%;border-left: solid 1px #e4e4e4;/* margin: 10px 0 4px 0; */box-sizing: border-box;text-align: center;color: #555555;}
.map_weather .we03>li:first-child{border-left:none;}
.map_weather .we03 .weater_img{width: 30px;height: 30px;margin: 4px auto 4px auto;}
.map_weather .we03 .weater_img img{width:100%;}
.map_weather .we03 .weater_temp .tem01{color:#333;display: inline-block; padding-right: 4px;}
.map_weather .we03 .weater_temp .tem02{color:#f22626;display: inline-block; padding-left: 4px;}

/*주간예보*/
.map_weather.week{top: 102px;left: 10px;width: 634px;padding: 6px 0;}
.map_weather.week .we04{font-size:8px;color:#777;width: 100%;/* height: 70px; */box-sizing:border-box;padding: 0;letter-spacing:-0.08em;}
.map_weather.week .we04>li{float: left;width: 12.5%;height: 100%;border-left: solid 1px #e4e4e4;/* margin: 10px 0 4px 0; */box-sizing: border-box;text-align: center;color: #555555;}
.map_weather.week .we04>li:first-child{border-left:none;}
.map_weather.week .weater_img{width: 30px;height: 30px;margin: 0px auto;}
.map_weather.week .weater_img img{width:100%;}
.map_weather.week .weater_temp .tem01{color:#333;display: inline-block; padding-right: 4px;}
.map_weather.week .weater_temp .tem02{color:#f22626;display: inline-block; padding-left: 4px;}
.map_weather.week li:nth-child(6) .weater_img,
.map_weather.week li:nth-child(7) .weater_img,
.map_weather.week li:nth-child(8) .weater_img{margin: 15px auto;}

.map_weather .btn_more{color:#777;width: 16px;height: 16px;margin:0;box-sizing:border-box;padding: 0;border-radius: 2px;position: absolute;right: 10px;top: 10px;background:url(../images/btn_weather_open.png) 0 0 no-repeat;background-size:100%;}
.map_weather .btn_more a{display: block;width: 100%;height: 100%;text-indent: -9999px;}
.map_weather .btn_more.open{background:url(../images/btn_weather_open.png) 0 0 no-repeat;background-size: 100%;}
.map_weather .btn_more.close{background:url(../images/btn_weather_close.png) 0 0 no-repeat; background-size: 100%;}

/*지역별 날씨*/
.map_weather.weather02{width: 197px; height: 67px; border-radius: 67px;}
.map_weather.weather02 .we01{padding: 3px 0 0 12px; width: 65px;}
.map_weather.weather02 .we01 .weater_img{width: 29px; height: 29px;}
.map_weather.weather02 .we01 .weater_txt{font-size: 8px;}

.map_weather.weather02 .we02{padding: 4px 6px 0 0;}
.map_weather.weather02 .we02 .weater_temp {height: 22px;}   
.map_weather.weather02 .we02 .weater_temp .tem01{font-size: 8px; padding: 7px 6px 0 6px;}
.map_weather.weather02 .we02 .weater_temp .tem01 .w_place{color: #6ba900;font-size: 12px;font-weight: bold;margin-right: 5px;}
.map_weather.weather02 .we02 .weater_temp .tem01 .cnt{font-size: 12px;}

.map_weather.weather02 .we02 .weater_detail .tit,
.map_weather.weather02 .we02 .weater_detail span{font-size: 8px; font-weight: 500;}
.map_weather.weather02 .we02 .weater_detail>li{margin-top: 3px;}

/*지도위위성영상*/
.weather_repository_popup{position: absolute;left: 10px;top: 10px;width: 294px;border: solid 1px #000;border-radius: 4px;overflow: hidden;-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);}
.weather_repository_popup img{width: 100%;}

/*지도 코로나*/
.map_covid{position:absolute;top: 106px;left: 10px;width: 240px;/* height:88px; */z-index:10;padding-bottom: 7px;box-sizing:border-box;border: solid 1px #e67b00;border-radius: 4px;color:#333;background:#fff;z-index:999;-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);}
.map_covid .mc_tit{font-size: 13px;font-weight: bold;color: #e88c22;width: 100%;height: 33px;/* float:left; */text-align: center;padding: 7px 0 0 0;box-sizing: border-box;}
.map_covid .mc_tit span{color: #909090;font-weight: 400;}
.map_covid .mc_list{width: 100%;padding: 7px 10px 5px 10px;box-sizing: border-box;position: relative;background: #f3f4f6;}
.map_covid .mc_list:before{content: '';border-top: dotted 0px #dadada;display: block;width: 90%;left: 5%;position: absolute;top:0;height: 5px;}
.map_covid .mc_list:after{display: block; content: ''; clear: both;}
.map_covid .mc_list>li{width: 25%;float: left;font-size: 10px;text-align: center;color: #424242;}
.map_covid .mc_list>li .cnt{font-size: 10px;font-weight: bold;color: #7b7b7b;}
.map_covid .mc_list>li .cnt span{font-size: 14px;font-weight: 600;letter-spacing: -0.04em;}

/*지도메뉴선택박스*/
/*아이콘*/
.map_ctmenu .ico_btn i{display:inline-block;border-radius:30px;background:#fff;background-size:20px;height: 26px;width: 26px;cursor:pointer;vertical-align: -10px;margin: 0 4px 0 0;}
.map_ctmenu .ico_btn.on i{background:#5dabf5;}

/*재난*/
.map_ctmenu .ico_btn i.ic11{background:#f3f4f6 url(../images/marker/ico_btn11.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on i.ic11{background: #e43d3c url(../images/marker/ico_btn11_on.png) no-repeat 50% 40%;background-size: 50%;}

.map_ctmenu .ico_btn i.ic12{background:#f3f4f6 url(../images/marker/ico_btn12.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on i.ic12{background: #e43d3c url(../images/marker/ico_btn12_on.png) no-repeat 50% 40%;background-size: 50%;}

.map_ctmenu .ico_btn i.ic13{background: #f3f4f6 url(../images/marker/ico_btn13.png) no-repeat 50% 55%;background-size: 55%;}
.map_ctmenu .ico_btn.on i.ic13{background: #e43d3c url(../images/marker/ico_btn13_on.png) no-repeat 50% 51%;background-size: 45%;}

.map_ctmenu .ico_btn i.ic14{background:#f3f4f6 url(../images/marker/ico_btn14.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on i.ic14{background: #e43d3c url(../images/marker/ico_btn14_on.png) no-repeat 50% 48%;background-size: 48%;}

/*교통*/
.map_ctmenu .ico_btn i.ic21 {background:#f3f4f6 url(../images/marker/ico_btn21.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on i.ic21 {background: #3184e9 url(../images/marker/ico_btn21_on.png) no-repeat 50% 40%;background-size: 60%;}

.map_ctmenu .ico_btn i.ic22 {background:#f3f4f6 url(../images/marker/ico_btn22.png) no-repeat 50% 50%;background-size: 55%;}
.map_ctmenu .ico_btn.on i.ic22 {background: #3184e9 url(../images/marker/ico_btn22_on.png) no-repeat 50% 50%;background-size: 55%;}

.map_ctmenu .ico_btn i.ic23 {background:#f3f4f6 url(../images/marker/ico_btn23.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on i.ic23 {background: #3184e9 url(../images/marker/ico_btn23_on.png) no-repeat 50% 40%;background-size: 60%;}

.map_ctmenu .ico_btn i.ic24 {background:#f3f4f6 url(../images/marker/ico_btn24.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on i.ic24 {background: #3184e9 url(../images/marker/ico_btn24_on.png) no-repeat 50% 40%;background-size: 60%;}

/*대기*/
.map_ctmenu .ico_btn i.ic31 {background: #f3f4f6 url(../images/marker/ico_btn31.png) no-repeat center;background-size: 70%;}
.map_ctmenu .ico_btn.on i.ic31 {background: #84bd07 url(../images/marker/ico_btn31_on.png) no-repeat center;background-size: 70%;}

.map_ctmenu .ico_btn i.ic32 {background: #f3f4f6 url(../images/marker/ico_btn32.png) no-repeat center;background-size: 70%;}
.map_ctmenu .ico_btn.on i.ic32 {background: #84bd07 url(../images/marker/ico_btn32_on.png) no-repeat center;background-size: 70%;}

.map_ctmenu .ico_btn i.ic33 {background: #f3f4f6 url(../images/marker/ico_btn33.png) no-repeat center;background-size: 70%;}
.map_ctmenu .ico_btn.on i.ic33 {background: #84bd07 url(../images/marker/ico_btn33_on.png) no-repeat center;background-size: 70%;}

.map_ctmenu .ico_btn i.ic34 {background: #f3f4f6 url(../images/marker/ico_btn34.png) no-repeat center;background-size: 55%;}
.map_ctmenu .ico_btn.on i.ic34 {background: #84bd07 url(../images/marker/ico_btn34_on.png) no-repeat center;background-size: 55%;}

/*on 텍스트컬러색*/
.map_ctmenu .menu01_sub a.on{color: #f22626;}
.map_ctmenu .menu03_sub a.on{color: #6f9e06;}

/*범례-열기*/
.map_legend_open{position: absolute;bottom: 10px;right: 10px;cursor: pointer;text-align: center;width:77px;height: 31px;font-size:10px;color: #333;font-weight: 500;padding:7px;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;border-radius: 4px;-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);}
.map_legend_open img{width:12px; margin-right: 5px; margin-top: -1px;}

.map_legend_open.pos2{width:100px;bottom:135px;}


/*범례-닫기*/
.map_legend .leg_close{position:absolute;top: 10px;right:10px;width:16px;height:16px;background:url(../images/btn_leg_close.png) no-repeat 0px 0px;background-size:100%;display: block;}
.map_legend .leg_close a {text-indent: -999999px;display: block;}


/*지도 범례*/
.map_legend{display:block;position:absolute;bottom: 10px;right: 10px;width:241px;height: auto;box-sizing:border-box;border: 0px solid #fff;border-radius: 4px;color:#333;background:#fff;z-index:999999999;overflow: hidden;-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);}
.map_legend .leg_tit{padding: 10px 10px 7px 12px;font-size: 12px;font-weight: 500;}
.map_legend .leg_sec{position: absolute;right: 34px;top: 11px;padding: 0;font-size: 10px;color: #7b7b7b;}
.map_legend .leg_date{position: absolute;right: 34px;top: 11px;padding: 0;font-size: 10px;color: #7b7b7b;}
.map_legend .leg_date2{position: absolute; left: 14px; bottom: 38px; font-size: 10px; color: #7b7b7b; }
.map_legend .leg_list{padding: 0 12px 12px 12px;color:#677179;box-sizing: border-box;}
.map_legend .leg_list ul{width: 100%;height: 100%;padding-top: 7px;box-sizing: border-box;margin-top: 2px;}
.map_legend .leg_list ul>li{width: 33.33%;display: block;float: left;text-align: center;font-size: 11px; color: #555;}
.map_legend .leg_list ul:after{display: block; content: ''; clear: both;}
.map_legend .leg_tit2{padding: 10px 10px 7px 12px;font-size: 12px;font-weight: 500;position: relative;}
.map_legend .leg_tit2:before{content:''; display: block; position: absolute; top: 0; left:10px; width: calc(100% - 20px); border-top: solid 1px #e2e2e2;}

.map_legend .menu01_s{display: none;position: relative; border: solid #e2e2e2 1px;border-left: none;border-right: none;color:#656565;background: #fafafa;width: 100%;height: 28px;margin-bottom:20px; padding-left: 10px;box-sizing: border-box;}
.map_legend .menu01_s.on{display: block;}
.map_legend .menu01_s>li{padding: 5px 5px 5px 2px;display: inline-block;font-size: 10px;letter-spacing: -0.04em;}
.map_legend .menu01_s>li.on a{color:#208eff;}


/*맵카테고리-닫기*/
.map_category .leg_close{position:absolute;bottom: 10px;right:10px;width:16px;height:16px;background:url(../images/btn_leg_close.png) no-repeat 0px 0px;background-size:100%;display: block;z-index: 99999999;}
.map_category .leg_close a {text-indent: -999999px;display: block;}

/*맵카테고리*/
.map_category{position:absolute; bottom: 135px;right: 10px;width:242px; min-height:132px; height:auto; padding-top:10px;box-sizing:border-box;border: none;border-radius: 4px;color:#333;background:#fff;z-index:999;-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);}

/**/
.map_category .menu01{min-height:27px;width:80px;}
.map_category .menu01 a{font-size: 12px; line-height: 1.2; width: 100%;height: 100%;color:#333;padding: 5px 10px 7px;box-sizing: border-box;display: block; word-break: keep-all;}
.map_category .menu01.on a{background: #3396fe; color: #fff;border:solid 1px #2c84e5; border-left:0;}
.map_category .menu01_s{display:none;position: absolute;left: 80px;top: 0;width: calc(100% - 80px);height:100%;border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #fafafa;padding: 10px 8px 10px 10px;box-sizing: border-box;}
.map_category .menu01_s>ul{height: 100%;}
.map_category .menu01_s>ul>li{padding-bottom:4px;font-size: 12px;letter-spacing: -0.04em;}
.map_category .menu01_s>ul>li input.leg_chk[type=checkbox] + label{vertical-align: -4px;}
.map_category .menu01_s.on{display: block;}

/**/
.map_category .menu02{height:27px;width: 100px;}
.map_category .menu02 a{width: 100%;height: 100%;color:#333;padding: 2px 10px;box-sizing: border-box;display: block;}
.map_category .menu02.on a{background: #3396fe; color: #fff;border:solid 1px #2c84e5; border-left:0;}
.map_category .menu02_sub.top{display:block !important;position: absolute;left: 100px;top:0;width: calc(100% - 100px);height: 74px;border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #fafafa;padding: 10px 8px 10px 10px;box-sizing: border-box;}

.map_category .menu02_sub{display:none;position: absolute;left: 100px;top: 74px;width: calc(100% - 100px);height: calc(100% - 74px);border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #fafafa;padding: 0 8px 10px 10px;box-sizing: border-box;}
.map_category .menu02_sub>ul{height: 100%;}
.map_category .menu02_sub>ul>li{padding-bottom:4px;font-size: 12px;letter-spacing: -0.04em;}
.map_category .menu02_sub>ul>li input.leg_chk[type=checkbox] + label{vertical-align: -4px;}
.map_category .menu02_sub.on{display: block;}

/*생활지도 지도카테고리*/
.map_category.lifemap{height: 374px;padding-top: 0;bottom: 135px;right: 10px;}
.map_category.lifemap .menu01{width: 80px;height: auto;}
.map_category.lifemap .menu01 a{padding: 5px 10px 7px 10px;}
.map_category.lifemap .menu01_s{left: 80px;width: calc(100% - 80px);}
.map_category.lifemap .inner_box01{position:relative;height: 155px;width: 100%;display: block;padding-top: 10px;box-sizing: border-box;z-index: 99999;border-bottom:solid 1px #dedede; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);}
.map_category.lifemap .inner_box02{position:relative;height: 170px;width: 100%;display: block;box-sizing: border-box;z-index: 9999;padding-top: 10px;}
.map_category.lifemap .inner_box02 .menu01_s>ul>li{padding-bottom:8px;}


/*시설현황 아이콘 2021-07-22*/
input.ico_chk.ic1569[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1569.png) no-repeat center center; background-size:20px;}/* 전통시장-- */
input.ico_chk.ic1569[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1569_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic1556[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1556.png) no-repeat center center; background-size:20px;}/* 노인복지시설-- */
input.ico_chk.ic1556[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1556_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

input.ico_chk.ic1539[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1539.png) no-repeat center center; background-size:20px;}/* 소방서/119센터-- */
input.ico_chk.ic1539[type=checkbox]:checked + label {background:#f9656a url(../images/marker3/ico_check1539_v.png) no-repeat center center; background-size:20px; border:solid 1px #f94f55;}

input.ico_chk.ic1527[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1527.png) no-repeat center center; background-size:20px;}/* 어린이집-- */
input.ico_chk.ic1527[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1527_v.png) no-repeat center center; background-size:20px; border:solid 1px #e8a32c;}

input.ico_chk.ic1501[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1501.png) no-repeat center center; background-size:20px;}/* 시청-- */
input.ico_chk.ic1501[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1501_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic847[type=checkbox] + label {background:#fff url(../images/marker3/ico_check847.png) no-repeat center center; background-size:20px;}/* 향토문화유적-- */
input.ico_chk.ic847[type=checkbox]:checked + label {background:#697fee url(../images/marker3/ico_check847_v.png) no-repeat center center; background-size:20px; border:solid 1px #4b60c9;}

input.ico_chk.ic835[type=checkbox] + label {background:#fff url(../images/marker3/ico_check835.png) no-repeat center center; background-size:20px;}/* 공원-- */
input.ico_chk.ic835[type=checkbox]:checked + label {background:#7ebc4e url(../images/marker3/ico_check835_v.png) no-repeat center center; background-size:20px; border:solid 1px #73ad46;}

input.ico_chk.ic1570[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1570.png) no-repeat center center; background-size:20px;}/* 마을기업 */
input.ico_chk.ic1570[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1570_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic1546[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1546.png) no-repeat center center; background-size:20px;}/* 박물관-- */
input.ico_chk.ic1546[type=checkbox]:checked + label {background:#697fee url(../images/marker3/ico_check1546_v.png) no-repeat center center; background-size:20px; border:solid 1px #4b60c9;}

input.ico_chk.ic1540[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1540.png) no-repeat center center; background-size:20px;}/* 민방위대피시설-- */
input.ico_chk.ic1540[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1540_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1534[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1534.png) no-repeat center center; background-size:20px;}/* 도시숲 */
input.ico_chk.ic1534[type=checkbox]:checked + label {background:#7ebc4e url(../images/marker3/ico_check1534_v.png) no-repeat center center; background-size:20px; border: solid 1px #73ad46;}



input.ico_chk.ic1528[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1528.png) no-repeat center center; background-size:20px;}/* 유치원-- */
input.ico_chk.ic1528[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1528_v.png) no-repeat center center; background-size:20px; border: solid 1px #e8a32c;}

input.ico_chk.ic1502[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1502.png) no-repeat center center; background-size:20px;}/* 군구청 */
input.ico_chk.ic1502[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1502_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1571[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1571.png) no-repeat center center; background-size:20px;}/* 사회적기업 */
input.ico_chk.ic1571[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1571_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1558[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1558.png) no-repeat center center; background-size:20px;}/* 노숙인시설 */
input.ico_chk.ic1558[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1558_v.png) no-repeat center center; background-size:20px; border: solid 1px #b475d4;}

input.ico_chk.ic1547[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1547.png) no-repeat center center; background-size:20px;}/* 미술관 */
input.ico_chk.ic1547[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1547_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1541[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1541.png) no-repeat center center; background-size:20px;}/* 배수펌프장 */
input.ico_chk.ic1541[type=checkbox]:checked + label {background:#7ebc4e url(../images/marker3/ico_check1541_v.png) no-repeat center center; background-size:20px; border: solid 1px #73ad46;}

input.ico_chk.ic1535[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1535.png) no-repeat center center; background-size:20px;}/* 수변공원 */
input.ico_chk.ic1535[type=checkbox]:checked + label {background:#7ebc4e url(../images/marker3/ico_check1535_v.png) no-repeat center center; background-size:20px; border: solid 1px #73ad46;}

input.ico_chk.ic1529[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1529.png) no-repeat center center; background-size:20px;}/* 초등학교-- */
input.ico_chk.ic1529[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1529_v.png) no-repeat center center; background-size:20px; border:solid 1px #e8a32c;}


input.ico_chk.ic1503[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1503.png) no-repeat center center; background-size:20px;}/* 주민자치센터 */
input.ico_chk.ic1503[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1503_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1572[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1572.png) no-repeat center center; background-size:20px;}/* 일자리지원기관 */
input.ico_chk.ic1572[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1572_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1548[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1548.png) no-repeat center center; background-size:20px;}/* 문화재 */
input.ico_chk.ic1548[type=checkbox]:checked + label {background:#697fee url(../images/marker3/ico_check1548_v.png) no-repeat center center; background-size:20px; border: solid 1px #4b60c9;}

input.ico_chk.ic1530[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1530.png) no-repeat center center; background-size:20px;}/* 중학교-- */
input.ico_chk.ic1530[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1530_v.png) no-repeat center center; background-size:20px; border: solid 1px #e8a32c;}

input.ico_chk.ic1504[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1504.png) no-repeat center center; background-size:20px;}/* 사업소 */
input.ico_chk.ic1504[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1504_v.png) no-repeat center center; background-size:20px; border: solid 1px #b475d4;}

input.ico_chk.ic1573[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1573.png) no-repeat center center; background-size:20px;}/* 산업단지 */
input.ico_chk.ic1573[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1573_v.png) no-repeat center center; background-size:20px; border: solid 1px #b475d4;}

input.ico_chk.ic1560[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1560.png) no-repeat center center; background-size:20px;}/* 아동복지시설 */
input.ico_chk.ic1560[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1560_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1549[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1549.png) no-repeat center center; background-size:20px;}/* 민박/펜션-- */
input.ico_chk.ic1549[type=checkbox]:checked + label {background:#697fee url(../images/marker3/ico_check1549_v.png) no-repeat center center; background-size:20px; border: solid 1px #4b60c9;}

input.ico_chk.ic1531[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1531.png) no-repeat center center; background-size:20px;}/* 고등학교-- */
input.ico_chk.ic1531[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1531_v.png) no-repeat center center; background-size:20px; border: solid 1px #e8a32c;}

input.ico_chk.ic1505[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1505.png) no-repeat center center; background-size:20px;}/* 출장소 */
input.ico_chk.ic1505[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1505_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}



input.ico_chk.ic1561[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1561.png) no-repeat center center; background-size:20px;}/* 장애인복지시설-- */
input.ico_chk.ic1561[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1561_v.png) no-repeat center center; background-size:20px; border: solid 1px #b475d4;}

input.ico_chk.ic1550[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1550.png) no-repeat center center; background-size:20px;}/* 공영행사정보 */
input.ico_chk.ic1550[type=checkbox]:checked + label {background:#697fee url(../images/marker3/ico_check1550_v.png) no-repeat center center; background-size:20px; border: solid 1px #4b60c9;}

input.ico_chk.ic1538[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1538.png) no-repeat center center; background-size:20px;}/* 수소차충전소 */
input.ico_chk.ic1538[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1538_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1532[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1532.png) no-repeat center center; background-size:20px;}/* 대학교-- */
input.ico_chk.ic1532[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1532_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1506[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1506.png) no-repeat center center; background-size:20px;}/* 무인민원발급-- */
input.ico_chk.ic1506[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1506_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1507[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1507.png) no-repeat center center; background-size:20px;}/* 공사공단 */
input.ico_chk.ic1507[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1507_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1563[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1563.png) no-repeat center center; background-size:20px;}/* 약국-- */
input.ico_chk.ic1563[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1563_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1508[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1508.png) no-repeat center center; background-size:20px;}/* 법원 */
input.ico_chk.ic1508[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1508_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1564[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1564.png) no-repeat center center; background-size:20px;}/* 정신보건시설 */
input.ico_chk.ic1564[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1564_v.png) no-repeat center center; background-size:20px; border: solid 1px #b475d4;}

input.ico_chk.ic1553[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1553.png) no-repeat center center; background-size:20px;}/* 야영(캠핑)장 */
input.ico_chk.ic1553[type=checkbox]:checked + label {background:#697fee url(../images/marker3/ico_check1553_v.png) no-repeat center center; background-size:20px; border:solid 1px #4b60c9;}




input.ico_chk.ic1509[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1509.png) no-repeat center center; background-size:20px;}/* 해경 */
input.ico_chk.ic1509[type=checkbox]:checked + label {background:#f9656a url(../images/marker3/ico_check1509_v.png) no-repeat center center; background-size:20px; border: solid 1px #f94f55;}

input.ico_chk.ic1565[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1565.png) no-repeat center center; background-size:20px;}/* 보건소 */
input.ico_chk.ic1565[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1565_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1554[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1554.png) no-repeat center center; background-size:20px;}/* 체육시설 */
input.ico_chk.ic1554[type=checkbox]:checked + label {background:#7ebc4e url(../images/marker3/ico_check1554_v.png) no-repeat center center; background-size:20px; border: solid 1px #73ad46;}

input.ico_chk.ic1510[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1510.png) no-repeat center center; background-size:20px;}/* 국세 */
input.ico_chk.ic1510[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1510_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1566[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1566.png) no-repeat center center; background-size:20px;}/* 병원 */
input.ico_chk.ic1566[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1566_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1555[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1555.png) no-repeat center center; background-size:20px;}/* 착한가격업소 */
input.ico_chk.ic1555[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1555_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1511[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1511.png) no-repeat center center; background-size:20px;}/* 관세 */
input.ico_chk.ic1511[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1511_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1567[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1567.png) no-repeat center center; background-size:20px;}/*  산후조리원 */
input.ico_chk.ic1567[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1567_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1512[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1512.png) no-repeat center center; background-size:20px;}/* 교정 */
input.ico_chk.ic1512[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1512_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1513[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1513.png) no-repeat center center; background-size:20px;}/* 해수 */
input.ico_chk.ic1513[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1513_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}



input.ico_chk.ic1514[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1514.png) no-repeat center center; background-size:20px;}/* 검찰 */
input.ico_chk.ic1514[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1514_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1515[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1515.png) no-repeat center center; background-size:20px;}/* 경찰 */
input.ico_chk.ic1515[type=checkbox]:checked + label {background:#f9656a url(../images/marker3/ico_check1515_v.png) no-repeat center center; background-size:20px; border: solid 1px #f94f55;}

input.ico_chk.ic1516[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1516.png) no-repeat center center; background-size:20px;}/* 노동 */
input.ico_chk.ic1516[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1516_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1517[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1517.png) no-repeat center center; background-size:20px;}/* 우정 */
input.ico_chk.ic1517[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check1517_v.png) no-repeat center center; background-size:20px; border: solid 1px #e49c21;}

input.ico_chk.ic1518[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1518.png) no-repeat center center; background-size:20px;}/* 질병 */
input.ico_chk.ic1518[type=checkbox]:checked + label {background:#f9656a url(../images/marker3/ico_check1518_v.png) no-repeat center center; background-size:20px; border: solid 1px #f94f55;}

input.ico_chk.ic1519[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1519.png) no-repeat center center; background-size:20px;}/* 중소벤처 */
input.ico_chk.ic1519[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1519_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1520[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1520.png) no-repeat center center; background-size:20px;}/* 보훈처 */
input.ico_chk.ic1520[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check1520_v.png) no-repeat center center; background-size:20px; border: solid 1px #b475d4;}

input.ico_chk.ic1521[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1521.png) no-repeat center center; background-size:20px;}/* 식약처 */
input.ico_chk.ic1521[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1521_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1522[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1522.png) no-repeat center center; background-size:20px;}/* 조달청 */
input.ico_chk.ic1522[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1522_v.png) no-repeat center center; background-size:20px; border: solid 1px #579af7;}

input.ico_chk.ic1523[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1523.png) no-repeat center center; background-size:20px;}/* 병무청 */
input.ico_chk.ic1523[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1523_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic1524[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1524.png) no-repeat center center; background-size:20px;}/* 기상청 */
input.ico_chk.ic1524[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1524_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic1525[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1525.png) no-repeat center center; background-size:20px;}/* 통계청 */
input.ico_chk.ic1525[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1525_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic1526[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1526.png) no-repeat center center; background-size:20px;}/* 국토 */
input.ico_chk.ic1526[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1526_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic1537[type=checkbox] + label {background:#fff url(../images/marker3/ico_check1537.png) no-repeat center center; background-size:20px;}/* 국토 */
input.ico_chk.ic1537[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check1537_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

/*시설추가2022-06-10*/
input.ico_chk.ic2134[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3009.png) no-repeat center center; background-size:20px;}/* 기타문화공간 */
input.ico_chk.ic2134[type=checkbox]:checked + label {background:#67b7ab url(../images/marker3/ico_check3009_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic2125[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3002.png) no-repeat center center; background-size:20px;}/* 기타사회복지시설 */
input.ico_chk.ic2125[type=checkbox]:checked + label {background:#9460ff url(../images/marker3/ico_check3002_v.png) no-repeat center center; background-size:20px; border:solid 1px #8c41fd;}

input.ico_chk.ic2126[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3003.png) no-repeat center center; background-size:20px;}/* 해수욕장 */
input.ico_chk.ic2126[type=checkbox]:checked + label {background:#63a4fe url(../images/marker3/ico_check3003_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic2127[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3004.png) no-repeat center center; background-size:20px;}/* 해양수변공원 */
input.ico_chk.ic2127[type=checkbox]:checked + label {background:#c386e0 url(../images/marker3/ico_check3004_v.png) no-repeat center center; background-size:20px; border:solid 1px #b272d1;}

input.ico_chk.ic2128[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3005.png) no-repeat center center; background-size:20px;}/* 해안둘레길 */
input.ico_chk.ic2128[type=checkbox]:checked + label {background:#ce9a5c url(../images/marker3/ico_check3005_v.png) no-repeat center center; background-size:20px; border:solid 1px #bd8949;}

input.ico_chk.ic2129[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3006.png) no-repeat center center; background-size:20px;}/* 갯벌체험 */
input.ico_chk.ic2129[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check3006_v.png) no-repeat center center; background-size:20px; border:solid 1px #dc900f;}

input.ico_chk.ic2130[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3007.png) no-repeat center center; background-size:20px;}/* 친수시설 */
input.ico_chk.ic2130[type=checkbox]:checked + label {background:#67b7ab url(../images/marker3/ico_check3007_v.png) no-repeat center center; background-size:20px; border:solid 1px #1c9381;}

input.ico_chk.ic2135[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3008.png) no-repeat center center; background-size:20px;}/* 청소년수련관 */
input.ico_chk.ic2135[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker3/ico_check3008_v.png) no-repeat center center; background-size:20px; border:solid 1px #74aa3f;}

input.ico_chk.ic2122[type=checkbox] + label {background:#fff url(../images/marker3/ico_check3001.png) no-repeat center center; background-size:20px;}/* 아동돌봄시설 */
input.ico_chk.ic2122[type=checkbox]:checked + label {background:#fdb231 url(../images/marker3/ico_check3001_v.png) no-repeat center center; background-size:20px; border:solid 1px #dc900f;}


/*교통정보*/
.map_legend .leg_list .traffic01{width: 100%;height: 100%;background: url(../images/legend_map_traffic.png) no-repeat 0 0;background-size: 100% 3px;padding-top: 7px;box-sizing: border-box;margin-top: 2px;}
.map_legend .leg_list .traffic01>li{width: 33.33%;}
.map_legend .leg_list .traffic01>li .st01{color:#01a035;}
.map_legend .leg_list .traffic01>li .st02{color:#ff9c00;}
.map_legend .leg_list .traffic01>li .st03{color:#fd2c42;}

/*교통정보*/
.map_legend .leg_list .traffic{width: 100%;height: 100%;background: url(../images/legend_map_traffic.png) no-repeat 0 0;background-size: 100% 3px;padding-top: 7px;box-sizing: border-box;margin-top: 2px;}
.map_legend .leg_list .traffic>li{width: 33.33%;}
.map_legend .leg_list .traffic>li .st01{color:#01a035;}
.map_legend .leg_list .traffic>li .st02{color:#ff9c00;}
.map_legend .leg_list .traffic>li .st03{color:#fd2c42;}

/*교통정보-광역교통망*/
.map_legend .leg_list .traffic02{width: 100%;height: 100%;padding-top: 0;box-sizing: border-box;margin-top: 0;}
.map_legend .leg_list .traffic02>li{width: 100%; text-align: left;}
.map_legend .leg_list .traffic02>li i{width: 20px;height: 3px;background: #01a035;border-radius: 5px;display: inline-block;margin-right: 5px;vertical-align: top;margin-top: 8px;}
.map_legend .leg_list .traffic02>li .st01 i{background: #6323e8;}
.map_legend .leg_list .traffic02>li .st02 i{background: #b503e6;}
.map_legend .leg_list .traffic02>li .st03 i{background: #fe3d86;}
.map_legend .leg_list .traffic02>li .st04 i{background: #84bd07;}
.map_legend .leg_list .traffic02>li .st05 i{background: #ff9c00;}
.map_legend .leg_list .traffic02>li .st06 i{background: #c60060;}
.map_legend .leg_list .traffic02>li .st07 i{background: #3170ff;}
.map_legend .leg_list .traffic02>li .st08 i{background: #8966c8;}
.map_legend .leg_list .traffic02>li .st09 i{background: #e74243;}
.map_legend .leg_list .traffic02>li .st10 i{background: #00a58b;}
.map_legend .leg_list .traffic02>li .st11 i{background: #ce9a5c;}

/*대기정보*/
/* .map_legend .leg_list .air{background: url(../images/legend_map_air.png) no-repeat 0 0; background-size: 100% 3px;} */
.map_legend .leg_list .air>li{width: 30%; font-size: 8px; margin-right:0.5%; margin-bottom:2%;}
.map_legend .leg_list .air>li .st01{color:#0d73f0;}
.map_legend .leg_list .air>li .st02{color:#17bb40;}
.map_legend .leg_list .air>li .st03{color:#ff9c00;}
.map_legend .leg_list .air>li .st04{color:#f22626;}
.map_legend .leg_list .air>li .st05{color:#797f82;}

.map_legend .leg_list .air>li.dim01{border-top:4px solid #345BF9;}
.map_legend .leg_list .air>li.dim02{border-top:4px solid #2183FA;}
.map_legend .leg_list .air>li.dim03{border-top:4px solid #2AA7B7;}
.map_legend .leg_list .air>li.dim04{border-top:4px solid #2AB74D;}
.map_legend .leg_list .air>li.dim05{border-top:4px solid #E5C61A;}
.map_legend .leg_list .air>li.dim06{border-top:4px solid #FF9211;}
.map_legend .leg_list .air>li.dim07{border-top:4px solid #FF2E2E;}
.map_legend .leg_list .air>li.dim08{border-top:4px solid #141414;}
.map_legend .leg_list .air>li.checking{border-top:4px solid #797f82;}
.map_legend .leg_list .air>li .dim01{color:#345BF9;}
.map_legend .leg_list .air>li .dim02{color:#2183FA;}
.map_legend .leg_list .air>li .dim03{color:#2AA7B7;}
.map_legend .leg_list .air>li .dim04{color:#2AB74D;}
.map_legend .leg_list .air>li .dim05{color:#E5C61A;}
.map_legend .leg_list .air>li .dim06{color:#FF9211;}
.map_legend .leg_list .air>li .dim07{color:#FF2E2E;}
.map_legend .leg_list .air>li .dim08{color:#141414;}
.map_legend .leg_list .air>li .checking{color:#797f82;}


/*용수현황*/
.map_legend .leg_list .water{background: url(../images/legend_map_water.png) no-repeat 0 0; background-size: 100% 3px;}
.map_legend .leg_list .water>li{width: 33.33%; font-size: 8px;}
.map_legend .leg_list .water>li .st01{color:#2f4dd7;}
.map_legend .leg_list .water>li .st02{color:#e75353;}
.map_legend .leg_list .water>li .st03{color:#878787;}

/*인구*/
.map_legend .leg_list .people{background: url(../images/legend_map_people.png) no-repeat 0 0; background-size: 100% 5px;}
.map_legend .leg_list .people>li{/*width: 25%;*/width:14%; font-size: 8px;}

/*인구범례 컬러 포인터 갯수*/
.map_legend .leg_list .people.li04>li	{width:25% !important;}
.map_legend .leg_list .people.li05>li	{width:20% !important;}
.map_legend .leg_list .people.li06>li	{width:16.66% !important;}
.map_legend .leg_list .people.li07>li	{width:14.2% !important;}

/*인구-총인구*/
.map_legend .leg_list .people.p01{background: url(../images/legend_map_people04.png) no-repeat center 0;background-size: 90% 5px;}
/*인구-유소년*/
.map_legend .leg_list .people.p02{background: url(../images/legend_map_people02.png) no-repeat center 0;background-size: 90% 5px;}
/*인구-생산인구*/
.map_legend .leg_list .people.p03{background: url(../images/legend_map_people03.png) no-repeat center 0;background-size: 90% 5px;}
/*인구-고령*/
.map_legend .leg_list .people.p04{background: url(../images/legend_map_people.png) no-repeat center 0;background-size: 90% 5px;}
/*인구-장애인*/
.map_legend .leg_list .people.p05{background: url(../images/legend_map_people05.png) no-repeat center 0;background-size: 90% 5px;}
/*인구-기초생활수급자*/
.map_legend .leg_list .people.p06{background: url(../images/legend_map_people06.png) no-repeat center 0;background-size: 90% 5px;}



/*평균소득
.map_legend .leg_list .people.p06{background: url(../images/legend_map_people06.png) no-repeat center 0;background-size: 90% 5px;}
.map_legend .leg_list .people.p06>li	{width:16.66%;}
*/



/* =========================================================================== */
/* 실시간도시 */
/* =========================================================================== */
.section_content_ul.full{width:100% !important;height:100% !important;}

/*section_content_ul 4칸*/
.section_content_ul{width:100%;height: calc(100% - 40px);}
.section_content_ul>li{float:left;box-sizing: border-box;width:50%;height:50%;padding: 0 3px 3px 0;position:relative;}
.section_content_ul>li:nth-child(2){padding: 0 0 3px 3px;}
.section_content_ul>li:nth-child(3){padding: 3px 3px 0 0;}
.section_content_ul>li:nth-child(4){padding: 3px 0 0 3px;}
.section_content_ul ul:after{display:block; content:''; clear:both;}
.section_content_ul>li>div{width:100%;height:100%;position: relative;box-sizing: border-box;background: #0d3c58;border: 1px solid #165d8a;border-radius: 3px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}

/*section_content_ul 2칸*/
.section_content_ul.n2{}
.section_content_ul.n2>li{float:left;box-sizing: border-box;width:50%;height:100%;padding: 0 5px 0 0;}
.section_content_ul.n2>li:nth-child(2){padding: 0 0 0 5px;}
.section_content_ul.n2>li:nth-child(3){padding: 5px 5px 0 0;}
.section_content_ul.n2>li:nth-child(4){padding: 5px 0 0 5px;}
.section_content_ul.n2 ul:after{display:block; content:''; clear:both;}

/*section_content_ul 2칸 재난안전 리스트*/
.section_content_ul.n21{}
.section_content_ul.n21>li{float:left;box-sizing: border-box;width: 70%;height:100%;padding: 0 3px 0 0;}
.section_content_ul.n21>li:nth-child(2){padding: 0 0 0 3px;width: 30%;}
.section_content_ul.n21 ul:after{display:block; content:''; clear:both;}

/*section_content_ul 가로4칸*/
.section_content_ul.vt2{}
.section_content_ul.vt2>li{float:left;box-sizing: border-box;width:100%;height:50%;padding: 0 0 3px 0;position:relative;}
.section_content_ul.vt2>li:nth-child(2){padding: 3px 0 0 0;}

/*section_content_ul 3칸*/
.section_content_ul.n3{}
.section_content_ul.n3>li{float:left;box-sizing: border-box;width:100%;height: 22%;padding:0 0 3px 0;}
.section_content_ul.n3>li:nth-child(2){height: 39%;padding:3px 0;}
.section_content_ul.n3>li:nth-child(3){height: 39%;padding:3px 0 0 0;}
.section_content_ul.n3 ul:after{display:block; content:''; clear:both;}

/*section_content_ul 4칸*/
.section_content_ul.n4{}
.section_content_ul.n4>li{float:left;box-sizing: border-box;width:50%;height: 50%;padding:0 3px 3px 0;}
.section_content_ul.n4>li:nth-child(2){height: 50%;padding: 0 0 5px 5px;}
.section_content_ul.n4>li:nth-child(3){height: 50%;padding: 5px 5px 0 0;}
.section_content_ul.n4>li:nth-child(4){height: 50%;padding: 5px 0 0 5px;}
.section_content_ul.n4 ul:after{display:block; content:''; clear:both;}

/*재난안전*/
.safe_box .safe.on{border-top: solid 3px #e74243;}
.safe_box .safe ul{padding: 20px 0px 0 0px;height: 100%;box-sizing: border-box;}
.safe_box .safe ul>li:before{content: '';display: block;position: absolute;left: 0;top: -5%;width: 1px;height: calc(100% - 10px);border-left: solid 1px #1d2228;}
.safe_box .safe ul>li:first-child:before{border: none;}
.safe_box .safe ul>li{width: 20%;height: 100%;display:block;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;/*border-left: solid 1px #1d2228;*/box-sizing: border-box;position: relative;}
.safe_box .safe ul>li.on{border-bottom: solid 3px #e74243;}
.safe_box .safe ul>li a {color:#fff;display: block;width: 100%;height: 100%;}
.safe_box .safe ul>li .cnt{font-size: 11px;font-weight: 400;color: #ccc;line-height:1em;display: block;padding-top: 45px;}
.safe_box .safe ul>li .cnt span{font-size: 30px;line-height: 1.0em;font-weight: 600;color: #fff;font-family: 'NanumSquare';}
.safe_box .safe 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;}

.safe_box .up,
.safe_box .down,
.safe_box .no{font-size: 14px;font-weight: 400;line-height:1em;display: block;height: 20px;width: auto;display: inline-block;box-sizing: border-box;margin: 7px auto 0 auto;}
.safe_box .up{color:#e74243;background: url(../images/arrow_up.png) no-repeat 100% 30%;background-size: 10px;padding: 0 14px 0 0;}
.safe_box .down{color:#3390f1;background: url(../images/arrow_down.png) no-repeat 100% 38%;background-size: 10px;padding: 0 14px 0 0;}
.safe_box .no{color:#ccc;}

.safe_box .alm{position: absolute;bottom:0;left:0;width:calc(100% - 20px);height: 32px;margin:0 10px 0 10px;padding:7px 0 0 24px;border-top:solid 1px #3e4245;font-size:10px;background:url(../images/main_ic_alm.png) 0 6px no-repeat;background-size:23.33px;box-sizing:border-box;overflow: hidden;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

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

/*대기정보*/
.safe_box .air{box-sizing: border-box;}
.safe_box .air.on{border-top: solid 3px #399aeb;}
.safe_box .air ul{padding: 20px 0 0 0;height: 100%;box-sizing: border-box;}
.safe_box .air ul>li:before{content: '';display: block;position: absolute;left: 0;top: 4%;width: 1px;height: calc(100% - 10px);border-left: solid 1px #072233;}
.safe_box .air ul>li:first-child:before{border: none;}
.safe_box .air ul>li {display:block;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;/* border-left: solid 1px #1d2228; */width: 25%;height: 100%;box-sizing: border-box;position: relative;}
.safe_box .air ul>li.on{border-bottom: solid 3px #84bd07;}

.safe_box .air ul>li .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 3px;left:0;width: 100%;height: 20px;}
.safe_box .air ul>li .cnt{font-size:11px;font-weight:normal;line-height:1em;display: block;padding-top: 30px;color: #ccc;}
.safe_box .air ul>li .cnt span{font-size: 16px;font-weight:600;color:#fff;line-height: 1.6em;display: block;font-family: 'NanumSquare';}
.safe_box .air ul>li .cnt2{font-size:11px;font-weight:normal;line-height:1em;display: block;padding-top: 0px;color: #ccc;}
.safe_box .air ul>li .cnt2 span{font-size: 17px;font-weight:600;color:#fff;line-height: 1.6em;/* display: block; */font-family: 'NanumSquare';}

.safe_box .air ul>li .good{color:#87b6e3 !important;}/*좋음*/
.safe_box .air ul>li .normal{color:#5ed95f !important;}/*보통*/
.safe_box .air ul>li .bad{color:#ff9966 !important;}/*나쁨*/
.safe_box .air ul>li .worse{color: #e75353 !important; font-size: 14px !important;line-height: 2.0em !important;}/*매우나쁨*/
.safe_box .air ul>li .checking{color:#878787 !important;}/*점검중*/
.safe_box .air ul>li .dim00{color:rgba(91,99,103,0.6) !important;}
.safe_box .air ul>li .dim01{color:rgba(52,91,249,0.6) !important;}
.safe_box .air ul>li .dim02{color:rgba(33,131,250,0.6) !important;}
.safe_box .air ul>li .dim03{color:rgba(42,167,183,0.6) !important;}
.safe_box .air ul>li .dim04{color:rgba(42,183,77,0.6) !important;}
.safe_box .air ul>li .dim05{color:rgba(229,198,26,0.6) !important;}
.safe_box .air ul>li .dim06{color:rgba(255,146,17,0.6) !important;}
.safe_box .air ul>li .dim07{color:rgba(255,46,46,0.6) !important;}
.safe_box .air ul>li .dim08{color:rgba(20,20,20,0.8) !important;}

/*날씨*/
.safe_box .weather ul{width: 100%;height: 100%;padding: 20px 0 0 0;box-sizing: border-box;}
.safe_box .weather ul>li{display:block;float:left;text-align:center;letter-spacing:-0.08em;line-height:1.0em;width: 26%;height: 100%;position: relative;}
.safe_box .weather ul>li:nth-child(1){width: 48%;}
.safe_box .weather ul>li:before{content: '';display: block;position: absolute;left: 0;top: -5%;width: 1px;height: calc(100% - 10px);border-left: solid 1px #1d2228;}
.safe_box .weather ul>li:first-child:before{border: none;}

.safe_box .weather .we01{font-size: 39px;color: #fff;letter-spacing: -0.02em;width: 48%;}
.safe_box .weather .we01 .weater_img{width: 70px;height: 70px;margin: 0;display: block;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: -13%;}
.safe_box .weather .we01 .weater_img img{width:100%;}
.safe_box .weather .we01 .weater_temp{position: absolute;left: 0;bottom: 3px;height: 40px;width: 100%;display:block;color: #ccc;font-size: 13px;line-height: 1.0em;letter-spacing: -0.02em;}
.safe_box .weather .we01 .weater_temp .text{color: #fff;display: inline-block;padding: 8px 3px 0 0;/* vertical-align: -2px; */font-size: 13px;}
.safe_box .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';}

.safe_box .weather .we02 .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 3px;left:0;width: 100%;height: 20px;}
.safe_box .weather .we02 .cnt{font-size:11px;font-weight:normal;line-height:1em;display: block;padding-top: 30px;color: #ccc;}
.safe_box .weather .we02 .cnt span{font-size: 15px;font-weight:600;color:#fff;line-height: 1.7em;font-family: 'NanumSquare';}
.safe_box .weather .we02 .cnt span.wsd{font-size: 18px;}

.safe_box .weather .we03 .text{font-size:11px;font-weight:normal;letter-spacing:-0.01em;line-height: 1.0em;color: #dadada;display: block;position: absolute;top: 3px;left:0;width: 100%;height: 20px;}
.safe_box .weather .we03 .cnt{font-size:11px;font-weight:normal;line-height: 1.5em;display: block;padding-top: 30px;color: #ccc;}
.safe_box .weather .we03 .cnt span{font-size: 18px;font-weight:600;color:#fff;line-height: 1.5em;font-family: 'NanumSquare';}

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

.safe_box .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;}
.safe_box .weather02 .we02 .weater_detail{height: 100%;}
.safe_box .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;}
.safe_box .weather02 .we02 .weater_detail .tit{color: #b3b6bb;font-weight: 500;display: inline-block;font-size: 11px;letter-spacing: -0.04em;}
.safe_box .weather02 .we02 .weater_detail span{color: #fff;font-weight: bold;text-align: left;}
.safe_box .weather02 .we02 .weater_detail p{display: block;position: absolute;right: 0;top: 27%;}

/*재난리스트*/
.safety_list{padding: 15px 10px 10px 15px;box-sizing: border-box;background: #0b334a !important;}
.safety_list ul{width: 100%; height: 100%; box-sizing: border-box;}
.safety_list ul>li{margin: 0 0 11px 0;position:relative;font-size: 12px;}
.safety_list ul>li:last-child{margin:0;}
.safety_list ul>li a{color:#fff;width: calc(100% - 70px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;font-size: 13px;}
.safety_list ul>li span.date1{position:absolute; right:0; bottom:0; font-weight:normal; font-size:12px; color:#a8aaab;}
.safety_list ul>li span.st0{font-weight: 500;font-size: 13px;margin-right: 2px;display: inline-block;padding: 2px 0 2px 4px;height: 19px;line-height: 1.0em;letter-spacing: -0.02em;min-width: 30px;box-sizing: border-box;text-align: left;color: #9599a0;}
.safety_list ul>li span.st_safe{font-weight: 600;font-size: 13px;margin-right: 3px;display: inline-block;padding: 2px 0 2px 4px;height: 19px;line-height: 1.0em;letter-spacing: 0.5em;min-width: 30px;box-sizing: border-box;text-align: left;color: #e74243;}
.safety_list ul>li span.st_trf{font-weight: 600;font-size: 13px;margin-right: 10px;display: inline-block;padding: 2px 0 2px 4px;height: 19px;line-height: 1.0em;letter-spacing: -0.02em;min-width: 30px;box-sizing: border-box;text-align: left;color: #1790d9;}
.safety_list ul>li span.st_air{font-weight: 600;font-size: 13px;margin-right: 5px;display: inline-block;padding: 2px 0 2px 4px;height: 19px;line-height: 1.0em;letter-spacing: 0.5em;min-width: 30px;box-sizing: border-box;text-align: left;color: #00b1b0;}

.water_list .unit{font-size:10px;}

/*게시판상단탭*/
.section_tab{display: block;width: 100%;height: 30px;margin-left: 4px;}
.section_tab>li{float: left; padding:2px 0; margin-right: 15px; font-size: 13px; position: relative;}
.section_tab>li:after{content: '';display: block;width: 1px;height: 14px;position: absolute;left: -6px;top: 5px;background: #555;}
.section_tab>li:nth-child(1):after{content: '';display: block;width: 0px;}
.section_tab:after{display: block;content: ''; clear: both;}
.section_tab a{color: #8c8c8c;width: 100%;height: 100%;}
.section_tab .on a{color:#fff;}

/*뉴스상단탭*/
.section_tab02{display:block;width:100%;height:30px;margin-left: 0;}
.section_tab02>li{float:left;padding: 0;font-size:13px;border: solid 1px #53595c;border-left:none;height:25px;box-sizing: border-box;background: #414648;}
.section_tab02>li:first-child{border-left: solid 1px #53595c;border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.section_tab02>li:last-child{border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.section_tab02:after{display:block; content: ''; clear:both;}
.section_tab02 a{color: #afafaf;width:100%;height:100%;display: block;box-sizing: border-box;padding: 1px 20px 3px 20px;}
.section_tab02>li.on{background: #27292c;}
.section_tab02>li.on a{color:#fff;}

/*재난안전셀렉스박스*/
.container .safenw_select{position:absolute;top: 1px;right: 3px;width:auto;margin-left: 4px;border-radius: 4px;float:left;cursor:pointer;/* border: solid 1px #4a4a4a; */-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);}
.container .safenw_select select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height: 28px;font-size:11px;color: #ffffff;padding:5px 7px;width: 120px;box-sizing: border-box;border: solid 0px #6f7679;border-radius: 4px;border: solid 1px #4a4a4a;background: #151619ba url(../images/select_arrow2.png) no-repeat 100% 50%;background-size:30px;}
.container .safenw_select select::-ms-expand {display:none;}

/* =========================================================================== */
/* input type option */
/* =========================================================================== */
/*checkbox*/
input.leg_chk[type=checkbox]{display: none !important;}
input.leg_chk[type=checkbox] + label {display: inline-block;border-radius:2px;border:solid 1px #e9e9e9;background:#fff;height: 15px;width: 15px;cursor:pointer;vertical-align:top;margin-right: 5px;border-radius: 30px;}
input.leg_chk[type=checkbox]:checked + label {background: #5dabf5 url(../images/input_checkbox_v.png) no-repeat 40% 40%;background-size: 84%;border:solid 1px #5dabf5;}
input.leg_chk[type=checkbox]:checked + label + label{vertical-align: top;}

input.leg_chk.cr1[type=checkbox]:checked + label {background:#e43d3c url(../images/input_checkbox_v.png) no-repeat center center; background-size:100%; border:solid 1px #e43d3c;}
input.leg_chk.cr2[type=checkbox]:checked + label {background:#146be1 url(../images/input_checkbox_v.png) no-repeat center center; background-size:100%; border:solid 1px #146be1;}
input.leg_chk.cr3[type=checkbox]:checked + label {background:#1bafbc url(../images/input_checkbox_v.png) no-repeat center center; background-size:100%; border:solid 1px #1bafbc;}
input.leg_chk.cr4[type=checkbox]:checked + label {background:#84bd07 url(../images/input_checkbox_v.png) no-repeat center center; background-size:100%; border:solid 1px #84bd07;}


/*radio*/
input.leg_chk[type=radio]{display: none!important;}
input.leg_chk[type=radio] + label {display: inline-block;border-radius:2px;border:solid 1px #d5d5d5;background:#f3f4f6;height: 12px;width: 12px;cursor:pointer;vertical-align: bottom;margin-right: 5px;}
input.leg_chk[type=radio]:checked + label {background:#5dabf5 url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #5dabf5;}

input.leg_chk.cr1[type=radio]:checked + label {background:#e43d3c url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #e43d3c;}
input.leg_chk.cr2[type=radio]:checked + label {background: #84bd07 url(../images/input_radio_v.png) no-repeat center center;background-size:12px;border: solid 1px #84bd07;}
input.leg_chk.cr3[type=radio]:checked + label {background:#1bafbc url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #1bafbc;}
input.leg_chk.cr4[type=radio]:checked + label {background:#146be1 url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #146be1;}


/*사업지도 left_bar*/
/*radio*/
input.biz_chk[type=radio]{display: none!important;}
input.biz_chk[type=radio] + label {display: inline-block;border-radius:2px;border: solid 1px #7d7d7d;background: #393c40;height: 12px;width: 12px;cursor:pointer;vertical-align: bottom;margin-right: 5px;}
input.biz_chk[type=radio]:checked + label {background:#5dabf5 url(../images/input_radio_v.png) no-repeat center center;background-size: 12px;border:solid 1px #5dabf5;}


/*radio_red*/
input.leg_chk_red[type=radio]{display: none!important;}
input.leg_chk_red[type=radio] + label {display: inline-block;border-radius:2px;border:solid 1px #d5d5d5;background:#f3f4f6;height: 12px;width: 12px;cursor:pointer;vertical-align: bottom;margin-right: 5px;}
input.leg_chk_red[type=radio]:checked + label {background:#e43d3c url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #e43d3c;}

/*checkbox_green*/
input.leg_chk_green[type=radio]{display: none!important;}
input.leg_chk_green[type=radio] + label {display: inline-block;border-radius:2px;border:solid 1px #d5d5d5;background:#f3f4f6;height: 12px;width: 12px;cursor:pointer;vertical-align: bottom;margin-right: 5px;}
input.leg_chk_green[type=radio]:checked + label {background: #84bd07 url(../images/input_radio_v.png) no-repeat center center;background-size:12px;border: solid 1px #84bd07;}

/*checkbox_skyblue*/
input.leg_chk_skyblue[type=radio]{display: none!important;}
input.leg_chk_skyblue[type=radio] + label {display: inline-block;border-radius:2px;border:solid 1px #d5d5d5;background:#f3f4f6;height: 12px;width: 12px;cursor:pointer;vertical-align: bottom;margin-right: 5px;}
input.leg_chk_skyblue[type=radio]:checked + label {background:#1bafbc url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #1bafbc;}

/*checkbox_deepblue*/
input.leg_chk_deepblue[type=radio]{display: none!important;}
input.leg_chk_deepblue[type=radio] + label {display: inline-block;border-radius:2px;border:solid 1px #d5d5d5;background:#f3f4f6;height: 12px;width: 12px;cursor:pointer;vertical-align: bottom;margin-right: 5px;}
input.leg_chk_deepblue[type=radio]:checked + label {background:#146be1 url(../images/input_radio_v.png) no-repeat center center; background-size:12px; border:solid 1px #146be1;}


/*input.leg_chk_deepblue[type=radio] + label,
input.leg_chk_skyblue[type=radio] + label{box-sizing: border-box; -webkit-box-sizing:border-box;}*/
/*input.leg_chk_deepblue[type=radio]:checked + label,
input.leg_chk_skyblue[type=radio]:checked + label{box-sizing: border-box; -webkit-box-sizing:border-box;}*/



/*생활지도 시설정보 아이콘*/
/*checkbox*/
input.ico_chk[type=checkbox]{display: none !important;}
input.ico_chk[type=checkbox] + label {display: inline-block;border-radius:30px;border:solid 1px #e9e9e9;background:#fff url(../images/marker2/ico_check00.png) no-repeat center center;background-size:20px;height:20px;width:20px;cursor:pointer;vertical-align: 1px;margin-right:5px;}
input.ico_chk[type=checkbox]:checked + label {background:#5dabf5 url(../images/marker2/ico_check00_v.png) no-repeat center center; background-size:20px; border:solid 1px #5dabf5;}

/*복지*/
input.ico_chk.ic431[type=checkbox] + label {background:#fff url(../images/marker2/ico_check431.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic431[type=checkbox]:checked + label {background:#e08699 url(../images/marker2/ico_check431_v.png) no-repeat center center; background-size:20px; border:solid 1px #d47589;}

input.ico_chk.ic101[type=checkbox] + label {background:#fff url(../images/marker2/ico_check430.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic101[type=checkbox]:checked + label {background:#fdb231 url(../images/marker2/ico_check430_v.png) no-repeat center center; background-size:20px; border:solid 1px #e49c21;}

input.ico_chk.ic428[type=checkbox] + label {background:#fff url(../images/marker2/ico_check428.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic428[type=checkbox]:checked + label {background:#fdb231 url(../images/marker2/ico_check428_v.png) no-repeat center center; background-size:20px; border:solid 1px #e49c21;}

input.ico_chk.ic427[type=checkbox] + label {background:#fff url(../images/marker2/ico_check427.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic427[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check427_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic426[type=checkbox] + label {background:#fff url(../images/marker2/ico_check426.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic426[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check426_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic425[type=checkbox] + label {background:#fff url(../images/marker2/ico_check425.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic425[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check425_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

input.ico_chk.ic422[type=checkbox] + label {background:#fff url(../images/marker2/ico_check422.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic422[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check422_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

input.ico_chk.ic420[type=checkbox] + label {background:#fff url(../images/marker2/ico_check420.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic420[type=checkbox]:checked + label {background:#e08699 url(../images/marker2/ico_check420_v.png) no-repeat center center; background-size:20px; border:solid 1px #d47589;}

input.ico_chk.ic404[type=checkbox] + label {background:#fff url(../images/marker2/ico_check404.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic404[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check404_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic399[type=checkbox] + label {background:#fff url(../images/marker2/ico_check399.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic399[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check399_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

/*보건*/
input.ico_chk.ic100[type=checkbox] + label {background:#fff url(../images/marker2/ico_check439.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic100[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check439_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

input.ico_chk.ic432[type=checkbox] + label {background:#fff url(../images/marker2/ico_check432.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic432[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check432_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

/*교육*/
input.ico_chk.ic398[type=checkbox] + label {background:#fff url(../images/marker2/ico_check31.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic398[type=checkbox]:checked + label {background:#fdb231 url(../images/marker2/ico_check31_v.png) no-repeat center center; background-size:20px; border:solid 1px #e49c21;}

input.ico_chk.ic408[type=checkbox] + label {background:#fff url(../images/marker2/ico_check32.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic408[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check32_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

input.ico_chk.ic409[type=checkbox] + label {background:#fff url(../images/marker2/ico_check33.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic409[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check33_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic424[type=checkbox] + label {background:#fff url(../images/marker2/ico_check424.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic424[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check424_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

/*문화*/
input.ico_chk.ic106[type=checkbox] + label {background:#fff url(../images/marker2/ico_check42.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic106[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check42_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic433[type=checkbox] + label {background:#fff url(../images/marker2/ico_check433.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic433[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check433_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

/*교통*/
input.ico_chk.ic411[type=checkbox] + label {background:#fff url(../images/marker2/ico_check411.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic411[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check411_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic435[type=checkbox] + label {background:#fff url(../images/marker2/ico_check53.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic435[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check53_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

/*환경*/
input.ico_chk.ic415[type=checkbox] + label {background:#fff url(../images/marker2/ico_check65.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic415[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check65_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

/*안전*/
input.ico_chk.ic423[type=checkbox] + label {background:#fff url(../images/marker2/ico_check71.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic423[type=checkbox]:checked + label {background:#fdb231 url(../images/marker2/ico_check71_v.png) no-repeat center center; background-size:20px; border:solid 1px #e49c21;}

input.ico_chk.ic421[type=checkbox] + label {background:#fff url(../images/marker2/ico_check72.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic421[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check72_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic419[type=checkbox] + label {background:#fff url(../images/marker2/ico_check74.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic419[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check74_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic418[type=checkbox] + label {background:#fff url(../images/marker2/ico_check418.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic418[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check418_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

input.ico_chk.ic414[type=checkbox] + label {background:#fff url(../images/marker2/ico_check414.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic414[type=checkbox]:checked + label {background:#c386e0 url(../images/marker2/ico_check414_v.png) no-repeat center center; background-size:20px; border:solid 1px #b475d4;}

input.ico_chk.ic413[type=checkbox] + label {background:#fff url(../images/marker2/ico_check413.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic413[type=checkbox]:checked + label {background:#e08699 url(../images/marker2/ico_check413_v.png) no-repeat center center; background-size:20px; border:solid 1px #d47589;}

input.ico_chk.ic412[type=checkbox] + label {background:#fff url(../images/marker2/ico_check412.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic412[type=checkbox]:checked + label {background:#e08699 url(../images/marker2/ico_check412_v.png) no-repeat center center; background-size:20px; border:solid 1px #d47589;}

/*경제*/
input.ico_chk.ic104[type=checkbox] + label {background:#fff url(../images/marker2/ico_check81.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic104[type=checkbox]:checked + label {background:#fdb231 url(../images/marker2/ico_check81_v.png) no-repeat center center; background-size:20px; border:solid 1px #e49c21;}

input.ico_chk.ic105[type=checkbox] + label {background:#fff url(../images/marker2/ico_check82.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic105[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check82_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic436[type=checkbox] + label {background:#fff url(../images/marker2/ico_check83.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic436[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check83_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

/*행정*/
input.ico_chk.ic102[type=checkbox] + label {background:#fff url(../images/marker2/ico_check416.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic102[type=checkbox]:checked + label {background:#7ebc42 url(../images/marker2/ico_check416_v.png) no-repeat center center; background-size:20px; border:solid 1px #6eab34;}

input.ico_chk.ic417[type=checkbox] + label {background:#fff url(../images/marker2/ico_check417.png) no-repeat center center; background-size:20px;}
input.ico_chk.ic417[type=checkbox]:checked + label {background:#63a4fe url(../images/marker2/ico_check417_v.png) no-repeat center center; background-size:20px; border:solid 1px #579af7;}

/* 생활인구 범례 */
.map_plmove {box-sizing:border-box; position:absolute; bottom:60px; left:7px; width:270px; height:auto; z-index:1000; background:#fafafa; border:solid 1px #93969c;}
.map_plmove .title{box-sizing: border-box; font-size:10px; font-weight:600; width:100%; height:36px; padding:5px 7px 0px 7px; border-top: solid 3px #399aeb; margin:0px; color:#4e4e4e; text-align:left;}
.map_plmove .title .nm{font-size:13px; color:#4e4e4e; font-weight:600; padding:5px 0; letter-spacing:-0.08em;}
.map_plmove .title .txt{font-size:9px; color:#999999; font-weight:400;}
.map_plmove .title .ymd{position:absolute; top:15px; right:55px; font-size:9px; font-weight:400; color:#0f79cf; letter-spacing:-0.08em;}
.map_plmove .btn_play{display: block; position: absolute; top:12px; right:8px; cursor:pointer; width:21px; height:21px; clear:both;}
.map_plmove .btn_play.play{background: url(../images/plmove_btn_play.png) no-repeat 0 0; background-size:21px;}
.map_plmove .btn_play.stop{background: url(../images/plmove_btn_stop.png) no-repeat 0 0; background-size:21px;}
.map_plmove .btn_setting{display:block; position:absolute; top:12px; right:32px; cursor:pointer; width:21px; height:21px; background: url(../images/plmove_btn_calendar.png) no-repeat 0 0; background-size:21px;}
.map_plmove .btn_setting img{width:100%;}
.map_plmove .control_bar{position:relative; top:5px; left:5px; width: 240px; height: 20px; background: url(../images/plmove_bar.png) no-repeat 6px 5px; background-size:240px; overflow: hidden;}
.map_plmove .control_bar .bar{position: absolute; top:0px; right:0px; background: url(../images/plmove_pointer_on.png) no-repeat 0px 0px; background-size:240px; height:30px; width: 100%;}
.map_plmove .control_bar .pointer{position: absolute; top:-1px; left:0px; cursor:pointer; width: 19px;}
.map_plmove .control_bar .pointer img{width: 100%;}
.map_plmove .pointer2{position: absolute; top:43px; right:10px; width: 19px;}
.map_plmove .pointer2 img{width: 100%;}

.map_plmove .state{position: relative; width: 100%; height: 20px; margin-top:5px; margin-left:5px; font-size:9px;}
.map_plmove .state li{width: 31%; height:22px; color:#4e4e4e; background: url(../images/plmove_line.png) no-repeat 0 0; background-size:3px; float: left; padding-top:9px;}
.map_plmove .state li:nth-child(1){text-align: left; background-position:15% 0; background-size:3px;}
.map_plmove .state li:nth-child(2){text-align: center; background-position:60% 0; background-size:3px; }
.map_plmove .state li:nth-child(3){text-align: right; background-position:85% 0; background-size:3px;}

.map_plmove .legend01{background:#0087f7;}
.map_plmove .legend02{background:#197cde;}
.map_plmove .legend03{background:#3372c6;}
.map_plmove .legend04{background:#4c67ad;}
.map_plmove .legend05{background:#665c95;}
.map_plmove .legend06{background:#7f527c;}
.map_plmove .legend07{background:#984763;}
.map_plmove .legend08{background:#b23c4b;}
.map_plmove .legend09{background:#cb3132;}
.map_plmove .legend10{background:#e5271a;}
.map_plmove .legend11{background:#fe1c01;}

.map_plmove .legend_list{border-top:solid 1px #e7e7e7; background:#fafafa; display:block; /* margin-top:2px; */ padding:3px 10px; float:left;}
.map_plmove .legend_list ul.legend{width:100%; float:left;}
.map_plmove .legend_list ul.legend li{width:calc(100% / 11); float:left; font-size:9px; color:#777; vertical-align:top; padding:5px 5px 5px 0; box-sizing:border-box; letter-spacing:-0.08em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_plmove .legend_list ul.legend span{display:inline-block; width:30px; height:15px; margin-bottom:-4px;}
.map_plmove .legend_list ul.count{width:100%; float:left;}
.map_plmove .legend_list ul.count li{width:calc(100% / 4); height:20px; float:left; font-size:9px; color:#777; vertical-align:top; padding:10px 0 0 0; box-sizing:border-box; letter-spacing:-0.1em; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */}
.map_plmove .legend_list ul.count .cnt1{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 23px 0; background-size:30px; text-align:left;}
.map_plmove .legend_list ul.count .cnt2{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 14px -50px; background-size:30px; text-align:center;}
.map_plmove .legend_list ul.count .cnt3{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 17px -50px; background-size:30px; text-align:center;}
.map_plmove .legend_list ul.count .cnt4{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 10px -100px; background-size:30px; text-align:right;}
.map_plmove .legend_list .unit{text-align:right; font-size:10px;}

.map_plmove .legend_list2{border-top:solid 1px #e7e7e7; background:#fafafa; display:block; margin-top:2px; padding-bottom:10px; float:left;}
.map_plmove .legend_list2 ul{width:50%; float:left;}
.map_plmove .legend_list2 li{width:100%; float:left; font-size:9px; color:#777; vertical-align:top; padding:5px 5px 5px 0; box-sizing:border-box; letter-spacing:-0.08em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_plmove .legend_list2 span{display:inline-block; width:30px; height:15px; margin-bottom:-4px;}
.map_plmove .legend_list2 span + span{margin-left:4px;}

.map_plmove #hourSlider{margin:6px 12px 30px 12px; height:12px;}
.map_navigation.left .map_plmove{left:auto; right:6px !important; bottom:60px;}
.map_navigation.right .map_plmove{left:6px !important; right:auto; bottom:60px;}

/*생활인구 범례 -- 상세*/
.map_plmove_detail {box-sizing:border-box; position:absolute; left:7px; z-index:1000; background:#fafafa; border:solid 1px #93969c; height:78px; width:200px; bottom:10px;}

.map_plmove_detail .legend_list3{border-top:solid 1px #e7e7e7; background:#fafafa; display:block; padding-bottom:0px; margin-top:1px;}
.map_plmove_detail .legend_list3 ul.legend{width:95%; padding:7px; padding:0 4.5px;}
.map_plmove_detail .legend_list3 ul.legend li{width:calc(100% / 11); float:left; font-size:9px; color:#777; vertical-align:top; padding:5px 5px 5px 0; box-sizing:border-box; letter-spacing:-0.08em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_plmove_detail .legend_list3 ul.legend span{display:inline-block; width:30px; height:15px; margin-bottom:-4px;}
.map_plmove_detail .legend_list3 ul.count{width:95%; /* padding:7px; */ padding:4.5px;}
.map_plmove_detail .legend_list3 ul.count li{width:calc(100% / 4); height:30px; float:left; font-size:9px; color:#777; vertical-align:top; padding:4px 0 0 0; box-sizing:border-box; letter-spacing:-0.1em; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */}
.map_plmove_detail .legend_list3 ul.count .cnt1{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 17px 0; background-size:30px; text-align:left;}
.map_plmove_detail .legend_list3 ul.count .cnt2{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 12px -50px; background-size:30px; text-align:center;}
.map_plmove_detail .legend_list3 ul.count .cnt3{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 13px -50px; background-size:30px; text-align:center;}
.map_plmove_detail .legend_list3 ul.count .cnt4{background:url(../../front/images/ver2_2018/ic_population.png) no-repeat 0px -100px; background-size:30px; text-align:right;}
.map_plmove_detail .legend_list3 .unit{text-align: right; font-size:12px;}
.map_plmove_detail .title2{box-sizing: border-box; font-size:8px; font-weight:400; width:100%; /* height:30px; */ height:25px; padding:5px 7px 0px 7px; border-top: solid 3px #399aeb; margin:0px; color:#4e4e4e; text-align:left;}

.map_plmove_detail .legend01{background:#0087f7;}
.map_plmove_detail .legend02{background:#197cde;}
.map_plmove_detail .legend03{background:#3372c6;}
.map_plmove_detail .legend04{background:#4c67ad;}
.map_plmove_detail .legend05{background:#665c95;}
.map_plmove_detail .legend06{background:#7f527c;}
.map_plmove_detail .legend07{background:#984763;}
.map_plmove_detail .legend08{background:#b23c4b;}
.map_plmove_detail .legend09{background:#cb3132;}
.map_plmove_detail .legend10{background:#e5271a;}
.map_plmove_detail .legend11{background:#fe1c01;}

.map_plmove_date{position:absolute; top:13px; left:13px; border:solid 1px #93969c; background: #fff; width:140px; height:40px;z-index:10;}
.map_plmove_date .state{font-size:8px; font-weight: bold; color:#333; width:40%; height:100%; float:left; text-align: center;}
.map_plmove_date .state .img{width:30px; height:30px; margin:5px auto;}
.map_plmove_date .state .img img{width:100%;}
.map_plmove_date .state .txt{width:100%; text-align: center; position: relative; bottom:3px; display: block;}
.map_plmove_date .detail{font-size:8px; color:#777; width:60%; height:100%; float:left; margin:0; box-sizing:border-box; padding:7px 6px 0 4px; letter-spacing:-0.08em;}
.map_plmove_date .detail ul{height:100%;}
.map_plmove_date .detail li{height:40%;}
.map_plmove_date .detail span{color:#333; font-weight: bold;}



/* =========================================================================== */
/* 지도 팝업 */
/* =========================================================================== */
/*지도 팝업 기본스타일*/
.popup_wrap {position:relative;width:100%;height:100%;/* padding: 0 0 10px 0; */background:#fff;/* border:2px solid #949698;  border-radius:7px; */box-sizing:border-box;}

.popup_wrap .title{font-size:12px;font-weight:600;width: 100%;padding: 12px 30px 0 12px;box-sizing: border-box;/* border-bottom: 1px solid #ccc; */color:#000;line-height: 1.2em;}
.popup_wrap .title .t01{font-size: 15px;line-height: 1.2em;vertical-align: 1px;}
.popup_wrap .title .t02{font-size:13px;line-height: 1.2em;vertical-align: 2px;}

.popup_wrap .text{font-size:10px;display:block;width:100%;min-height:30px;padding: 6px 12px 0 12px;box-sizing: border-box;text-align:left;/*color: #797979;*/color: #777;overflow:hidden;}
.popup_wrap .text2{font-size:11px; display:block; width:100%; min-height:20px; padding:0px; text-align:right; color:#999999; overflow:hidden;}
.popup_wrap .text_box{font-size:11px; display:block; width:100%; max-height:120px !important; padding:0 4px 0 0; text-align:left; color:#000;}
.popup_wrap .text_box2{font-size:11px; display:block; width:100%; max-height:240px !important; padding:0 4px 0 0; text-align:left; color:#000;}
.popup_wrap .text_right{font-size:10px;display:block;width:100%;min-height:30px;padding: 6px 12px 0 12px;box-sizing: border-box;text-align:right;/*color: #797979;*/color: #777;overflow:hidden;}

.popup_wrap .pt{font-size:20px; font-weight:600; text-align:center; color:#000;}
.popup_wrap .pt span{font-size:38px;}
.popup_wrap .pt2{color:#999999; text-align:center;}
.popup_wrap .date1{clear:both; color:#999999; width:100%; font-size:11px; border-top:1px solid #d8dadd; text-align:right; margin-top:16px; padding-top:5px;}
.popup_wrap .date2{clear:both; color:#999999; width:100%; font-size:11px; text-align:right; margin:4px 0;}

.popup_wrap .pop_btn_more{font-size:12px;width: 100%;box-sizing: border-box;padding: 0;text-align: center;background: #f3f4f6;color:#333;/* margin: 0 0 -10px 0; */}
.popup_wrap .pop_btn_more a{font-size:12px;/*color:#333;*/color:#8f8f8f;font-weight: 600;box-sizing: border-box;padding: 5px 0px 8px 0px;cursor: pointer;width: 100%;display: block;}

/* 재난팝업 타임라인 */
.popup_wrap .time_line{position:relative;color:#999999;width: 100%;font-size:9px;text-align:center;padding: 5px 10px 5px 10px;box-sizing: border-box;}
.popup_wrap .time_line ul{width: 100%;}
.popup_wrap .time_line ul:after{clear: both; content: ''; display: block;}
.popup_wrap .time_line ul>li{position:relative;float:left;height: 50px;padding: 11px 0 0 0;box-sizing: border-box;margin:0;}

.popup_wrap .time_line li{background:url(../images/popdstate_bullet_off.png) no-repeat 100% 0%;background-size:102%;}
.popup_wrap .time_line li:first-child{background:url(../images/popdstate_bullet_off_start.png) no-repeat  100% 0;background-size:102%;}
.popup_wrap .time_line li:last-child{background:url(../images/popdstate_bullet_off_end.png) no-repeat  100% 0;background-size:102%;}

.popup_wrap .time_line li.on{background:url(../images/popdstate_bullet_on.png) no-repeat 100% 0; background-size:102%;}
.popup_wrap .time_line li.on:first-child{background:url(../images/popdstate_bullet_on_start.png) no-repeat 100% 0;background-size:102%;}
.popup_wrap .time_line li.on:last-child{background:url(../images/popdstate_bullet_on_end.png) no-repeat 100% 0;background-size:102%;}

.popup_wrap .time_line li.on.ing{background:url(../images/popdstate_bullet_on_ing.png) no-repeat 100% 0; background-size:102%;}
.popup_wrap .time_line li.on.ing:first-child{background:url(../images/popdstate_bullet_on_start_ing.png) no-repeat 100% 0;background-size:102%;}
.popup_wrap .time_line li.on.ing:last-child{background:url(../images/popdstate_bullet_on_end_ing.png) no-repeat 100% 0;background-size:102%;}

.popup_wrap .time_line ul>li p{color:#999;}
.popup_wrap .time_line ul>li.on p{color:#f22626;}
.popup_wrap .time_line ul>li span{color:#999;}
.popup_wrap .time_line .time{color:#474747;font-size:9px; padding: 0; display: block;}

.popup_wrap .time_line ul.t3 li{width:33%;}
.popup_wrap .time_line ul.t4 li{width:25%;}
.popup_wrap .time_line ul.t5 li{width:20%;}
.popup_wrap .time_line ul.t6 li{width:16.4%;}
.popup_wrap .time_line ul.t7 li{width:14.2%;}
.popup_wrap .time_line ul.t8 li{width:12.5%;}
.popup_wrap .time_line ul.t9 li{width:11%;}


/*팝업 닫기버튼*/
.pop_bt_close{position:absolute;top: 13px;right: 15px;width:12px;height:12px;z-index:100199;background: url(../images/popup_bt_close.png) 0 0 no-repeat;background-size:100%;}
.pop_bt_close a {display: block;text-indent: -99999px;width: 100%;height: 100%;}

.pop_bt_close2{font-size:12px;width: 100%;box-sizing: border-box;padding: 5px;text-align: center;background: #f3f4f6;color:#333;}
.pop_bt_close2 a{font-size:12px;color:#8f8f8f;font-weight: 600;box-sizing: border-box;padding: 0;cursor: pointer;width: 100%;display: block;}


/*교통정보*/
.popup_wrap .traffic_box{width:calc(100% - 20px); padding:15px 0; margin:5px 10px 10px 10px; box-sizing: border-box; background:#f3f4f6; text-align: center;}
.popup_wrap .traffic_box .txt01{font-size: 20px; font-weight:600;}
.popup_wrap .traffic_box .txt02{font-size: 14px; font-weight:400;}
.popup_wrap .traffic_box .txt03{font-size: 12px; font-weight:400;}

/*대기정보*/
.popup_wrap .air_box{width:calc(100% - 20px); padding:15px 0; margin:5px 10px 10px 10px; box-sizing: border-box; background:#f3f4f6; text-align: center;}
.popup_wrap .air_box ul>li{width:50%; display:block; float:left;border-left:1px solid #ccc;box-sizing: border-box;}
.popup_wrap .air_box ul>li:first-child{border-left:0;}
.popup_wrap .air_box ul:after{content: ''; display: block; clear: both;}
.popup_wrap .air_box .txt01{font-size:14px; font-weight:400; color:#333333;}
.popup_wrap .air_box .txt02{font-size:20px; font-weight:600;}
.popup_wrap .air_box .txt03{font-size:12px; font-weight:400; color:#848484;}

/*재난팝업상태버튼*/
.simple_popup_wrap .pop_bt_state{border-right: solid 1px #1d2228;}

.pop_bt_state{height: 12px;line-height: 1.0em;padding: 1px 8px 2px 0px;box-sizing: border-box;margin: 0 5px 0 0;font-size: 10px;display:inline-block;font-weight: 600;color: #cc1e1e;border-right: solid 1px #e8e8e8;}
.pop_bt_state.red{color:#f22626 !important;}
.pop_bt_state.blue{color:#2373c0 !important;}
.pop_bt_state.gray{color:#636363 !important;}
.pop_bt_state.green{color:#6ba900 !important;}

/*실시간도시현황==================================*/
/*재난안전상황*/
.popup_st01{width: 316px;min-height:100px;z-index:10000000;-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);}
.popup_st01 .popup_wrap{border-top:solid 3px #e43d3c !important;}

/*교통*/
.popup_st02{position:absolute; width:275px; height:auto; min-height:50px; margin:0px; padding:0px;-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);}
.popup_st02 .popup_wrap{padding-bottom:1px;border-top: solid 3px #399aeb !important;}
.popup_st02 .simple_popup_wrap{padding-bottom:1px;}
.popup_st02 .pop_bt_state{color: #3184e9;}
.popup_st02 .pop_bt_close{top: 10px;}

.popup_st02.w33{width: 350px;}

/*도로정보*/
.popup_st03{position:absolute;z-index: 9999;width:232px;height:auto;min-height:50px;margin:0px;padding:0px;-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);}
.popup_st03 .popup_wrap{padding-bottom:1px; border-top:solid 0px #399aeb !important;}

/*대기정보*/
.popup_st04{position:absolute; width:232px; height:auto; min-height:50px; margin:0px; padding:0px;-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);}
.popup_st04 .popup_wrap{padding-bottom:1px; border-top:solid 3px #84bd07 !important;}

/*인구*/
.popup_st05{position:absolute;width: 260px;height:auto;min-height:50px;margin:0px;padding:0px;-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);}
.popup_st05 .popup_wrap{padding-bottom:1px;border-top:solid 3px #3184e9 !important;}
.popup_st05 .simple_popup_wrap{padding-bottom:1px;}
.popup_st05 .pop_bt_state{color: #0d73f0;}
.popup_st05 .pop_bt_close{top: 10px;}


/*버스노선*/
.popup_wrap .title2{font-size:13px;font-weight:600;width:calc(100% - 20px);padding:0px 20px 7px 0px;margin: 10px 10px 0 10px;color:#000;box-sizing: border-box;}
.popup_wrap .title2 .t01{font-size:13px; line-height:1.8em; padding-left:3px;}
.popup_wrap .title2 .t02{font-size:12px;font-weight: 500;line-height:1.6em;padding-left: 0;color:#555;}

/*pop_table02*/
.pop_table02.no_highlight {border-top:1px solid #e7e7e7;}
.pop_table02.gline {border-top:1px solid #e7e7e7;}
.pop_table02 {width:100%;text-align:center;box-sizing: border-box;width: calc(100% - 24px);/* border-top:1px solid #414245; */margin: 0 12px;padding-bottom: 13px;text-align:center;}
.pop_table02 table{width:100%;text-align:center;border-top: 1px solid #414245;}
.pop_table02 th{border-right:1px solid #ececec; color:#777; padding:3px 2%; border-right:1px solid #e7e7e7; border-bottom:1px solid #ececec; background:#fafafa; text-align:center; font-size:9px; font-weight:normal; }
.pop_table02 td{color:#777; padding:3px 2%; border-bottom:1px solid #ececec; font-size:9px; border-right:1px solid #ececec; background:#ffffff; }
.pop_table02 th:first-child{border-left:1px solid #ececec;}
.pop_table02 th:last-child{border-right:1px solid #ececec;}
.pop_table02 td:first-child{border-left:1px solid #ececec;}
.pop_table02 td:last-child{border-right:1px solid #ececec;}
.pop_table02 .left{text-align:left; padding-left:10px; color:#333333;}
.pop_table02 .top{padding:6px 2%;}
.pop_table02 .select{background:#fff; color:#000; font-weight:bold; border-bottom:none; height:20px;}

.pop_table02.line0{border-top:0px solid #414245;}
.pop_table02.line1{border-top:1px solid #ececec;}

/*버스노선*/
.popup_wrap .bnm{color:#ccc; border:solid 1px #ccc; padding:1px 6px 2px 6px;  display: inline-block; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; font-size:10px; font-weight: bold; letter-spacing: 0.1em; line-height: 1.6em; /* vertical-align: text-bottom; */}
.popup_wrap .bnm.red{color:#f25459 !important; border-color:#f25459;}/*직행*/
.popup_wrap .bnm.orange{color:#f6821a !important; border-color:#f6821a;}/*일반*/
.popup_wrap .bnm.tan{color:#bb8932 !important; border-color:#bb8932;}/*마을*/
.popup_wrap .bnm.green{color:#46ae1d !important; border-color:#46ae1d;}/*지선*/
.popup_wrap .bnm.blue{color:#1f88e0 !important; border-color:#1f88e0;}/*간선*/
.popup_wrap .bnm.sky{color:#8fbfec !important; border-color:#8fbfec;}/*경기*//*인천*/
.popup_wrap .bnm.purple{color: #816ae6 !important;border-color: #816ae6;}/*좌석*/
.popup_wrap .bnm + .t02{vertical-align: bottom;}
.popup_wrap .time{color:#999; font-size:9px; float:right; padding:5px 5px 0 0;}

.popup_wrap .bus_st_list{max-height:120px;}
.popup_wrap .bus_st_list>li{padding:3px 0;}
.popup_wrap .bus_st_list>li:hover{cursor: pointer}
.popup_wrap .bus_st_list .bus_point{color:#f6821a !important; float: right;}

.popup_wrap .popup_bus_move:after{content:''; display: block; clear: both;}
.popup_wrap .popup_bus_move{position:relative;background:url(../images/bus/popup_bus_move.png) no-repeat 0 0;background-size:370px;height: 60px;display: block;box-sizing: border-box;width: calc(100% - 30px);margin: 20px 15px 0 15px;}
.popup_wrap .popup_bus_move .move_station01{float:left;text-align:center;/* height:30px; */padding-top:38px;font-size:11px;color:#000;font-weight: bold;}
.popup_wrap .popup_bus_move .move{width:50px; height:40px; padding:0 0 0 22px; color:#d44545; background:url(../images/bus/popup_bus_move_marker.png) no-repeat 0 0; background-size:30px; text-align:left; font-size:9px; line-height:1.2em; letter-spacing:-0.02em;}
.popup_wrap .popup_bus_move .move.ic01{position:absolute; top:0; left:20%;}
.popup_wrap .popup_bus_move .move.ic02{position:absolute; top:0; left:47%;}
.popup_wrap .popup_bus_move .move.ic03{position:absolute; top:0; left:74%;}
.popup_wrap .popup_bus_move .move.red{background-position:0 0px; color:#777 !important;}
.popup_wrap .popup_bus_move .move.orange{background-position:0 -50px; color:#777 !important;}
.popup_wrap .popup_bus_move .move.blue{background-position:0 -100px; color:#777 !important;}
.popup_wrap .popup_bus_move .move.green{background-position:0 -150px; color:#777 !important;}
.popup_wrap .popup_bus_move .move.sky{background-position:0 -200px; color:#777 !important;}
.popup_wrap .popup_bus_move .move.tan{background-position:0 -250px; color:#777 !important;}
.popup_wrap .popup_bus_move .move.purple{background-position:0 -300px; color:#777 !important;}

/*버스노선*/
.popup_st06{position:absolute; width:330px; height:auto; min-height:50px; margin:0px; padding:0px;-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);}
.popup_st06 .popup_wrap{padding-bottom:1px;border-top: solid 3px #399aeb !important;padding: 0 0 10px 0;/* padding:0; */}
.popup_st06 .simple_popup_wrap{padding-bottom:1px;}
.popup_st06 .pop_bt_state{color: #3184e9;}
.popup_st06 .pop_bt_close{top: 10px;}
.popup_st06 .title{/* width:100%; *//* padding: 12px 0 0 0; */}
.popup_st06 .title2{/* width:100%; *//* margin: 10px 0 0 0; */}
.popup_st06 .pop_table02.h200{height: 200px;}
/*.popup_st06 .pop_table02.no_highlight {border-top:1px solid #e7e7e7;}
.popup_st06 .pop_table02.gline {border-top:1px solid #e7e7e7;}
.popup_st06 .pop_table02 {width:100%;text-align:center;box-sizing: border-box;}
.popup_st06 .pop_table02 table{width:100%;text-align:center;border-top: 1px solid #414245;}*/

/*대기정보*/
.popup_st07{position:absolute; width:300px; height:auto; min-height:50px; margin:0px; padding:0px;-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);}
.popup_st07 .popup_wrap{padding-bottom:1px; border-top:solid 3px #84bd07 !important;}


/*주요사업팝업==================================*/
/*시설정보팝업*/
.popup_st21{position:absolute;width: 280px;height:auto;min-height:50px;margin:0px;padding:0px;}
.popup_st21 .popup_wrap{padding: 0 0 1px 0;border-top: solid 3px #ffb054 !important;}
.popup_st21 .title{border-bottom:0px;margin:0;padding: 12px 30px 5px 12px;}
.popup_st21 .photo{width: 100%;height:111px;overflow: hidden;margin: 5px 0 10px 0;}
.popup_st21 .photo img{width: 100%; height: 100%;}

.popup_st21 ul{padding:8px 10px; background: #0b334a;width: calc(100% - 20px);text-align: left;margin:5px 10px 10px 10px; box-sizing: border-box;}
.popup_st21 ul>li{color: #fff; padding:1px 0;}
.popup_st21 ul>li img{width: 20px;}

.popup_st21 .pop_table02{border-top:none;/* text-align:center; *//* box-sizing: border-box; *//* margin: 0; *//* padding: 0; */}
.popup_st21 .pop_table02.h200{height: 217px;margin-bottom: 10px;padding-bottom: 0;}

/*공약사업*/
.popup_st22{position:absolute;width:250px;height:auto;min-height:50px;border-top: solid 4px #e88c22 !important;margin:0px;padding:0px;}
.popup_st22 .title{border-bottom:0px;margin:0;padding: 12px 30px 5px 12px;}
.popup_st22 .photo{width: 100%;height:111px;overflow: hidden;margin: 5px 0 10px 0;}
.popup_st22 .photo img{width: 100%;}
.popup_st22 .pop_bt_close{top: 10px;}

/*팝업테이블 테두리없음*/
.popup_wrap .title + .pop_table03{margin-top:10px;}
.pop_table03 {width:calc(100% - 20px);text-align:center;margin: 0 10px 10px 10px;padding: 7px;box-sizing: border-box;background: #f3f4f6;}
.pop_table03 table{width:100%;text-align:center;padding: 10px;}
.pop_table03 th{color:#777; padding:3px 5px; text-align:left; font-size:11px; font-weight:normal; vertical-align: top;}
.pop_table03 td{color:#333; padding:3px 5px; text-align:left; font-size:11px; vertical-align: top;}

.simple_popup_wrap .pop_table03{background: #0b334a;}

.pop_footer	 {position:relative; color:#333; padding:0 10px 10px; font-size:11px;}
.pop_footer a.pop_more	 {position:absolute; right: 10px; bottom: 6px; color:#fff; background:#666; padding:3px 10px 5px; font-size:9px;}

/*지도팝업 추가*/
.popup_st03.pop01 .popup_wrap .text{padding: 4px 12px 0 12px;}
.map_mk img{width:7px; margin-right: 3px; margin-bottom: 2px;}

.popup_st03.pop02,.popup_dgst03.pop03{width: 280px;}
.popup_st03.pop02 .popup_wrap .text{padding: 4px 12px 0 12px;}
.popup_st03.pop02 .map_mk{color: #777; height: 10px; line-height: 1.0em; padding: 0px 7px 0px 0px; box-sizing: border-box; margin: 0 5px 0 0; font-size: 10px; display: inline-block; border-right: solid 1px #e8e8e8;}
.popup_st03.pop02 .map_mk img,
.popup_st03.pop03 .map_mk img,
.popup_st02 .map_mk img{width:7px; margin-right: 3px; margin-bottom: 2px;}

.popup_st03.pop02 .simple_popup_wrap .map_mk{color: #fff;border-right: solid 1px #1d2228;}


.popup_st03.pop02.water_pop{width:316px;}

.small_pop{position:absolute; letter-spacing: -1px; -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); padding:15px 0; background: rgba(255,255,255,.9);border-radius: 2px; width: 354px; height:67px; text-align: center; color:#333; font-size:14px; font-weight: 500;box-sizing: border-box; -webkit-box-sizing:border-box;}
.small_pop .sm_txt{font-size:10px; color: #777;}

.lgd_pop{position: absolute;bottom: 10px;right: 10px;cursor: pointer;text-align: center;width:77px;height: 31px;font-size:10px;color: #333;font-weight: 500;padding:7px;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;border-radius: 2px;-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);}
.lgd_pop img{width:12px; margin-right: 5px; margin-top: -1px;}

.pop_table04{border-top: 1px solid #434343;width: calc(100% - 20px); text-align: left; margin: 0px 10px 21px 10px; box-sizing: border-box;}
.pop_table04 table{width: 100%;}
.pop_table04 table tr{border-bottom: 1px solid #e5e5e5; }
.pop_table04 table tr th{font-size: 10px; color:#777; font-weight: 500; padding: 7px;}
.pop_table04 table tr td{font-size: 10px; color:#333; font-weight: 500; padding: 7px;}
.pop_table04 table tr td .blue_1{color:#1a74ee;}

/*범례------------------------------*/
/*열기*/
.map_legend2_open{position:absolute;bottom: 10px;left: 10px;width:60px;height:30px;background: #fff;box-sizing: border-box;border: solid 1px #b6b6b6;border-radius: 4px;cursor: pointer;-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);}
.map_legend2_open a{display: block;width: 100%;height: 100%;background: url(../images/btn_leg_open.png) no-repeat 90% 50%;background-size:16px;padding: 4px 7px;box-sizing: border-box;}

/*닫기*/
.map_legend2_close{position:absolute;top:10px;right:10px;width:16px;height:16px;background:url(../images/btn_leg_close.png) no-repeat 0px 0px;background-size:16px;display: block;}
.map_legend2_close a {text-indent: -999999px;display: block;}

/*범례*/
.map_legend2{display:block;position:absolute;bottom: 10px;left: 10px;width: 250px;height: 110px;box-sizing:border-box;border: solid 1px #b6b6b6;border-radius: 4px;color:#333;background:#fff;z-index:999999999;overflow: hidden;-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); }
.map_legend2.close{display: none;}
.map_legend2 .legend_menu{padding:0 5px;}
.map_legend2 .legend_menu .menu01{float: left;text-align: left;display: block;height: 33px;line-height: 1.0em;box-sizing: border-box;}
.map_legend2 .legend_menu .menu01 a{display: block;width: 100%;height: 100%;padding: 9px 10px 11px 10px;box-sizing: border-box;font-size: 13px;font-weight: 500;line-height: 1.0em;}
.map_legend2 .legend_menu .menu01.on a{color:#208eff;border-bottom:solid 3px #208eff;}
.map_legend2 .legend_menu .menu01:after{clear: both; content: ''; display: block;}
.map_legend2 .legend_menu .menu01_s{display: none;position: absolute;left: 0;top: 33px;border: solid #e2e2e2 1px;border-left: none;border-right: none;color:#656565;background: #fafafa;width: 100%;height: 28px;padding-left:10px; box-sizing: border-box;}
.map_legend2 .legend_menu .menu01_s.on{display: block;}
.map_legend2 .legend_menu .menu01_s>li{padding: 5px;display: inline-block;font-size: 11px;}
.map_legend2 .legend_menu .menu01_s>li.on a{color:#208eff;}

.map_legend2 .legend_list{padding: 10px;color:#677179;margin-top:60px;box-sizing: border-box;}
.map_legend2 .legend_list ul{width:100%;height:100%;padding-top: 12px;box-sizing: border-box;}
.map_legend2 .legend_list ul:after{display: block; content: ''; clear: both;}
.map_legend2 .legend_list ul>li{width: 20%;display: block; float: left; text-align: center; font-size: 10px; letter-spacing: -0.08em; box-sizing: border-box;}
.map_legend2 .legend_list ul>li:first-child{text-align:left;}
.map_legend2 .legend_list ul>li:last-child{text-align:right;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(2),
.map_legend2 .legend_list ul>li:first-child:nth-last-child(2) ~ li{width:50%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(3),
.map_legend2 .legend_list ul>li:first-child:nth-last-child(3) ~ li{width:33.33%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(4){width:15%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(4) ~ li{width:30%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(4) + li + li + li{width:25%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(5){width:10%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(5) ~ li{width:24%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(5) + li + li + li + li{width:18%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(6){width:8%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(6) ~ li{width:19%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(6) + li + li + li + li + li{width:16%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(7){width:6%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(7) ~ li{width:16.6%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(7) + li + li + li + li + li + li{width:11%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(8){width:4.5%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(8) ~ li{width:14.5%;}
.map_legend2 .legend_list ul>li:first-child:nth-last-child(8) + li + li + li + li + li + li + li{width:8.5%;}

/*인구*/
.map_legend2 .legend_list .people01{background: url(../images/legend_map_people01.png) no-repeat 0 0;background-size: 100% 10px;}

/*노령인구*/
.map_legend2 .legend_list .people02{background: url(../images/legend_map_people02.png) no-repeat 0 0;background-size: 100% 10px;}

/*장애인인구*/
.map_legend2 .legend_list .people03{background: url(../images/legend_map_people03.png) no-repeat 0 0;background-size: 100% 10px;}

/*기초생활수급자*/
.map_legend2 .legend_list .people04{background: url(../images/legend_map_people04.png) no-repeat 0 0;background-size: 100% 10px;}

/*하부메뉴없는범례리스트*/
.map_legend2 .legend_list2{padding:0;color:#677179;margin-top: 33px;box-sizing: border-box;border-top: solid #e2e2e2 1px;padding: 10px 10px 0 10px;}
.map_legend2 .legend_list2 ul{width:100%;height:100%;box-sizing: border-box;}
.map_legend2 .legend_list2 ul:after{display: block; content: ''; clear: both;}
.map_legend2 .legend_list2 ul>li{display: block; float: left; text-align: center; font-size: 10px; letter-spacing: -0.08em; box-sizing: border-box;}

/*시설*/
.map_legend2 .legend_list2 ul.facility{width: 100%;}
.map_legend2 .legend_list2 ul.facility>li{font-size: 11px;font-weight: 400;letter-spacing: -0.08em;text-align: center;color: #333;margin-right: 7px;width: 30% !important;text-align: left !important;padding: 0 0 9px 0;}
.map_legend2 .legend_list2 ul.facility>li i{width: 19px;height: 19px;display: inline-block;vertical-align: 1px;margin-right: 1px;}
.map_legend2 .legend_list2 ul.facility>li i img{width: 100%; height: 100%;}

/*시설지도인구정보*/
.map_peopleinfo{display:block;position:absolute;bottom: 52px;right: 10px;width: 230px;height: auto;font-size: 11px;line-height: 1.6em;box-sizing:border-box;color:#333;z-index:999999999;overflow: hidden;letter-spacing: -0.04em;}
.map_peopleinfo .tit{font-size: 13px;font-weight: 600;padding-bottom: 5px;text-align: center;color: #2f2f2f;}
.map_peopleinfo .inner_box01,
.map_peopleinfo .inner_box02{padding: 10px 8px 8px 8px;box-sizing: border-box;border: solid 1px #b6b6b6;background:#fff;border-radius: 4px;-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);}
.map_peopleinfo .inner_box01{height: 480px;padding: 5px 8px 8px 8px;/* box-sizing: border-box; */}
.map_peopleinfo .inner_box02{margin-top:10px;height: 238px;}
.map_peopleinfo .inner_box02 .ul_list{padding: 0 3px;}
.map_peopleinfo .inner_box02 .ul_list>li:before{content: '·';display: inline-block;font-size: 24px;color: #656565;margin-right: 3px;vertical-align: -6px;}

/*배경흰색 그래프*/
.grp_wrap.bgwt{width: 100%; height: 100%; display: block; position: relative;}
.grp_wrap.bgwt .grp_title{width: 100%;height: 33px;text-align: center;font-size: 13px;font-weight: 600;padding-top: 5px;box-sizing: border-box;color: #2f2f2f;}/*그래프 타이틀*/
.grp_wrap.bgwt .grp_stand{font-size: 10px;line-height: 2.0em;position: absolute;top: 5px;left: 3px;color: #656565;}/*그래프 기준*/
.grp_wrap.bgwt .grp_unit{font-size: 10px;line-height: 2.0em;position: absolute;top: 5px;right: 2px;color: #656565;}/*그래프 단위*/
.grp_wrap.bgwt .grp_source{font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;left: 11px;color: #99a4be;z-index: 999;}/*그래프 출처*/
.grp_wrap.bgwt .grp_chart{background: #f2f2f2;font-size: 10px;width:100%;height: calc(100% - 33px);padding: 5px 10px;box-sizing: border-box;position: relative;}/*그래프 박스*/
.grp_wrap.bgwt .grp_chart img{width: 100%;}
.grp_wrap.bgwt .grp_legend{font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;left: 11px;color: #99a4be;z-index: 999;}/*그래프 범례*/
.grp_wrap.bgwt .grp_legend span{margin-right: 6px;}
.grp_wrap.bgwt .grp_legend span i{width: 9px;height: 9px;display:inline-block;background: #53abff;margin-right: 2px;vertical-align: -1px;}

/*배경흰색 그래프2*/
.grp_wrap.bgwt2{width: 100%;height: 110px;display: block;position: relative;margin-top: 10px;}
.grp_wrap.bgwt2 .grp_title{width: 100%;height: 34px;text-align: center;font-size: 14px;padding-top: 5px;box-sizing: border-box;}/*그래프 타이틀*/
.grp_wrap.bgwt2 .grp_stand{font-size: 10px;line-height: 2.0em;position: absolute;top:10px;left: 3px;color: #99a4be;}/*그래프 기준*/
.grp_wrap.bgwt2 .grp_unit{font-size: 10px;line-height: 2.0em;position: absolute;top:10px;right: 2px;color: #99a4be;}/*그래프 단위*/
.grp_wrap.bgwt2 .grp_source{font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;left: 11px;color: #99a4be;z-index: 999;}/*그래프 출처*/
.grp_wrap.bgwt2 .grp_chart{background: #f2f2f2;font-size: 10px;width:100%;height: 100%;padding: 5px 10px;box-sizing: border-box;position: relative;}/*그래프 박스*/
.grp_wrap.bgwt2 .grp_chart img{width: 100%;}
.grp_wrap.bgwt2 .grp_legend{font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;left: 11px;color: #99a4be;z-index: 999;}/*그래프 범례*/
.grp_wrap.bgwt2 .grp_legend span{margin-right: 6px;}
.grp_wrap.bgwt2 .grp_legend span i{width: 9px;height: 9px;display:inline-block;background: #53abff;margin-right: 2px;vertical-align: -1px;}

/*지도위 대기정보*/
.dim_info{position: absolute; width: 80px; height: 80px; background: #fff; border-radius: 50%;   text-align: center; margin: 0 auto; /*margin-top: 20%; 20191105 삭제 */ -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);}
.dim_info .dim_no{font-size:23px;font-weight:bold;padding-top: 15%;letter-spacing: -1px;}
.dim_info .dim_pl{font-size:12px; line-height: 0.7em; font-weight:bold;}
.dim_info .dim_no span{font-size:8px; font-weight: normal; margin-left: 2px;}

.dim_info.dim01 .dim_no,
.dim_info.dim01 .dim_pl{color: #0d25f0;}

.dim_info.dim02 .dim_no,
.dim_info.dim02 .dim_pl{color: #0d73f0;}

.dim_info.dim03 .dim_no,
.dim_info.dim03 .dim_pl{color: #00b6ba;}

.dim_info.dim04 .dim_no,
.dim_info.dim04 .dim_pl{color: #17bb40;}

.dim_info.dim05 .dim_no,
.dim_info.dim05 .dim_pl{color: #c59e00;}

.dim_info.dim06 .dim_no,
.dim_info.dim06 .dim_pl{color: #ff9c00;}

.dim_info.dim07 .dim_no,
.dim_info.dim07 .dim_pl{color: #f22626;}

.dim_info.dim00 .dim_no,
.dim_info.dim00 .dim_pl{color: #797f82;}

/*대기환경 팝업*/
.dim.bgpop{position: absolute; width: 183px; height:158px;}
.dim.bgpop .dim_info{position: static; width: 80px; height: 80px; background: #fff; border-radius: 50%;   text-align: center; margin: 0 auto; margin-top: 20%; -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);}
.dim.bgpop .dim_info .dim_no{font-size:23px; font-weight:bold; padding-top: 20%; letter-spacing: -1px;}
.dim.bgpop .dim_info .dim_pl{font-size:12px; line-height: 0.7em; font-weight:bold;}
.dim.bgpop .dim_info .dim_no span{font-size:8px; font-weight: normal; margin-left: 2px;}

.dim.bgpop.dim01{background: rgb(52,91,249,0.6);border: 2px solid rgb(13,20,240,0.8);}
.dim.bgpop.dim01 .dim_info .dim_no,
.dim.bgpop.dim01 .dim_info .dim_pl{color: #0d25f0;}

.dim.bgpop.dim02{background: rgba(33,131,250,0.6); border:2px solid rgba(13,115,240,0.8);}
.dim.bgpop.dim02 .dim_info .dim_no,
.dim.bgpop.dim02 .dim_info .dim_pl{color: #0d73f0;}

.dim.bgpop.dim03{background: rgb(42,167,183,0.6);border: 2px solid rgb(18,170,163,0.8);}
.dim.bgpop.dim03 .dim_info .dim_no,
.dim.bgpop.dim03 .dim_info .dim_pl{color: #00b6ba;}

.dim.bgpop.dim04{background: rgba(42,183,77,0.6); border:2px solid rgba(23,187,64,0.8);}
.dim.bgpop.dim04 .dim_info .dim_no,
.dim.bgpop.dim04 .dim_info .dim_pl{color: #17bb40;}

.dim.bgpop.dim05{background: rgb(229,198,26,0.6);border: 2px solid rgb(207,191,0,0.8);}
.dim.bgpop.dim05 .dim_info .dim_no,
.dim.bgpop.dim05 .dim_info .dim_pl{color: #c59e00;}

.dim.bgpop.dim06{background: rgba(255,146,17,0.6);border: 2px solid rgb(230,140,0,0.8);}
.dim.bgpop.dim06 .dim_info .dim_no,
.dim.bgpop.dim06 .dim_info .dim_pl{color: #ff9c00;}

.dim.bgpop.dim07{background: rgba(255,46,46,0.6); border:2px solid rgba(242,38,38,0.8);}
.dim.bgpop.dim07 .dim_info .dim_no,
.dim.bgpop.dim07 .dim_info .dim_pl{color: #f22626;}

.dim.bgpop.dim00{background: rgba(91,99,103,0.6); border:2px solid rgba(121,127,130,0.8);}
.dim.bgpop.dim00 .dim_info .dim_no,
.dim.bgpop.dim00 .dim_info .dim_pl{color: #797f82;}

/* 대기환경 팝업 2개타입 추가 20191112-----------------------------------*/
.map_weather.weather02.square{border-radius: 0;}
.dim_air{position: absolute; width: 183px; height: 158px; background: rgba(255,255,255,.0);}

/*주요사업팝업==================================*/
/*popup_weather*/
.popup_weather {position:absolute; width:180px; height:46px; z-index:1000;}

.popup_wrap2{padding:10px; height:calc(100% - 20px); border:2px solid #707479; border-radius:7px; background:#fff;}
.popup_wrap2 .img{float:left; width:35px; height:30px; display:block;}
.popup_wrap2 .img img{width:100%; }
.popup_wrap2 .text{float:left;width:calc(100% - 50px); height:30px;font-size:18px; font-weight:600; display:block; padding:0px 0 0 10px; text-align:left; color:#000;}
.popup_wrap2 .text span{padding-left:6px;}
.popup_bt2_arrow{position:absolute; bottom:-15px; left:20px; width:16px; height:16px; z-index:1001;}
.popup_bt2_arrow img{width:100%; height:100%;}

/*popup_voice*/
.popup_voice {position:absolute; width:180px; height:200px; border:2px solid #707479; border-radius:7px; background:#161819; z-index:1000; text-align:center;}
.popup_voice_title {color:#a8aaab; font-size:16px; margin-top:20px;}
.popup_voice_title span{color:#fff;}
.popup_voice_ic {border:solid 1px #4a4f52; border-radius:80px; width:60px; height:60px;  text-align:center; margin:0 auto; margin-top:20px;
-webkit-box-shadow: 3px 3px 10px 0px rgba(93,171,245,0.75);
-moz-box-shadow: 3px 3px 10px 0px rgba(93,171,245,0.75);
box-shadow: 3px 3px 10px 0px rgba(93,171,245,0.75);  border:1px solid #5ea6ea; background:#4a4f52;}
.popup_voice_ic img{width:36px; height:36px; margin-top:20%;}
.popup_voice_text{color:#5dabf5; font-size:14px; margin-top:20px;}

.newsPopup{position: absolute; z-index: 1000000000; top: 100px; left: 400px; height: 600px; width:650px;}

.majorbiz_map {position:relative; float:left; width:calc(100% - 207px); height:calc(100% - 40px);}
.majorbiz_detail_map{width:100%; height:calc(100% - 0px);}
.majorbiz_detail_map img{width:100%; height:100%;}
.majorbiz_detail_map #videoLayer{height:calc(100% - 40px);}

/*주요사업 사진 아이콘*/
.map_btn{position:absolute; bottom:7px; right:7px; z-index:100}
.map_btn ul{padding:0px;}
.map_btn ul>li{font-size:11px; float:left; color:#555; background:#fff; border:1px solid #a4a4a4; padding:5px 12px; text-align:center; cursor:pointer}
.map_btn ul>li a{color:#fff !important; cursor:pointer}
.map_btn ul>li.on{color:#fff; background:#399aeb; border:1px solid #2e7bc5;}

.map_btn.left{left:7px;}
.map_btn img{width:5% !important; height:5% !important; cursor: pointer;}

/* =========================================================================== */
/* 일자리 */
/* =========================================================================== */
.work_2bxlist:after{display:block; content:''; clear:both;}
.work_2bxlist{width:100%;height: calc(100% - 40px);}
.work_2bxlist>li{float:left;width:50%;height:100%;padding:0;box-sizing: border-box;position:relative;}
.work_2bxlist>li:nth-child(1){padding: 0 3px 0 0;}
.work_2bxlist>li:nth-child(2){padding:0 0 0 3px;}

.work_4bxlist:after{display:block; content:''; clear:both;}
.work_4bxlist{width:100%;height: calc(100% - 40px);}
.work_4bxlist>li{float:left;width:50%;height:50%;padding:0;box-sizing: border-box;position:relative;}
.work_4bxlist>li:nth-child(1){padding:0 3px 3px 0;}
.work_4bxlist>li:nth-child(2){padding:0 0 3px 3px;}
.work_4bxlist>li:nth-child(3){padding:3px 3px 0 0;}
.work_4bxlist>li:nth-child(4){padding:3px 0 0 3px;}

.work_6bxlist:after{display:block; content:''; clear:both;}
.work_6bxlist{width:100%;height: calc(100% - 40px);}
.work_6bxlist>li{float:left;width:33.33%;height:45.5%;padding:0;box-sizing: border-box;position:relative;}
.work_6bxlist>li:nth-child(1){padding: 0 3px 2px 0;}
.work_6bxlist>li:nth-child(2){padding: 0 3px 2px 3px;}
.work_6bxlist>li:nth-child(3){padding: 0 0 2px 3px;}
.work_6bxlist>li:nth-child(4){padding: 44px 3px 0 0;height:54.5%;}
.work_6bxlist>li:nth-child(5){padding: 44px 3px 0 3px;height:54.5%;}
.work_6bxlist>li:nth-child(6){padding: 44px 0 0 3px;height:54.5%;}

/* 일자리지표박스 */
.work_box{-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.work_box{width:100%;height:100%;position:relative;box-sizing: border-box;}
.work_box a{color:#fff; display:block; width: 100%; height: 100%;box-sizing:border-box;background:#383c3f;border:1px solid #42454d;}
.work_box a:hover,
.work_box a:active{border: solid 1px #90c9fe;color:#fff !important;}
.work_box a:hover p.title,
.work_box a:active p.title{color:#fff !important;}

.work_box.on{color:#fff !important;}
.work_box.on a{color:#fff !important;border: solid 1px #90c9fe;}
.work_box.on p.title {color:#fff !important;}

.work_box ul{width: 100%; height: 100%;}
.work_box ul>li{float:left; width: 50%; height: 100%; position: relative;}
.work_box ul>li:before{border-left: solid 1px #484d50;content: '';display: block;position: absolute;left: 0;top: 10%;width: 1px;height: 80%;}
.work_box ul>li:first-child:before{border-left:solid 0px #484d50;}

/* work_box */
.work_box p.title {position:absolute;top: 60%;width:100%;font-size:13px;letter-spacing:-0.04em;color:#a8aaab;text-align:center;}
.work_box p.count {position:absolute;bottom: 55%;width:100%;text-align:center;letter-spacing:-0.01em;color:#fff;}
.work_box p.count span.cnt {font-size:30px; font-weight:600; color:#fff; margin-right:2px; letter-spacing:-0.06em;}
.work_box p.stand {position:absolute;bottom: 78%;width:100%;text-align:center;}
.work_box p.txt {position:absolute;bottom: 72%;width:100%;text-align:center; color:#90c9fe;}
.work_box p.txt2 {position:absolute;bottom: 63%;width:100%;font-size: 23px;text-align:center;}

.work_box.b01 p.title {top: 65%;}
.work_box.b01 p.count {bottom: 43%;}
.work_box.b01 p.stand {bottom: 72%;}
.work_box.b01 p.txt {bottom: 72%;}
.work_box.b01 p.txt2 {bottom: 63%;}

.work_box.b02 p.title {top: 72%;}
.work_box.b02 p.count {bottom: 38%;}
.work_box.b02 p.stand {bottom: 78%;}
.work_box.b02 p.txt {bottom: 72%;}
.work_box.b02 p.txt2 {bottom: 54%;}

.work_box.b03 p.title {top: 62%;}
.work_box.b03 p.count {bottom: 46%;}
.work_box.b03 p.stand {bottom: 78%;}
.work_box.b03 p.txt {bottom: 72%;}
.work_box.b03 p.txt2 {bottom: 63%;}

/* =========================================================================== */
/* 구정지표 */
/* =========================================================================== */
.policy_wrap{position:relative; width:100%; height:100%; float: left; box-sizing:border-box; /*width:calc(100% - 170px); margin-left: 170px;*/}

.policy_wrap .policy_list{width:100%; height:100%;}
.policy_wrap .policy_list>li{width: calc(12.5% - 9px);height: 520px;margin-left:10px;float: left;box-sizing: border-box;}
.policy_wrap .policy_list>li:first-child{margin-left: 0px !important;}
.policy_wrap .policy_list>li:after{content: ''; display: block; clear: both;}
.policy_wrap .policy_list:after{content: ''; display: block; clear: both;}

/*가로5줄*/
.policy_wrap .policy_list.li5>li{width: calc(20% - 8px);height: 518px;margin-left:10px;float: left;box-sizing: border-box;}

/*가로3줄*/
.policy_wrap .policy_list.li3{width:100%; height:100%;}
.policy_wrap .policy_list.li3>li{width: 100%;height: 250px;min-height: auto;margin-left: 0;}
.policy_wrap .policy_list.li3 .policy_box{width: calc(33.33% - 7px);margin-right: 10px;height: 121px;margin-bottom: 10px;}
.policy_wrap .policy_list.li3 .policy_box:nth-child( 3n+3 ){margin-right:0px;}

/*가로4줄*/
.policy_wrap .policy_list.li4{width:100%; height:100%;}
.policy_wrap .policy_list.li4>li{width: 100%;height: 250px;min-height: auto;margin-left: 0;}
.policy_wrap .policy_list.li4 .policy_box{width: calc(25% - 7px);margin-right: 10px;height: 121px;margin-bottom: 10px;}
.policy_wrap .policy_list.li4 .policy_box:nth-child(4n){width: calc(25% - 9px); margin-right:0px;}


.section03_02 .policy_wrap .policy_list.li3 .policy_box{height: 123px;}

/* policy_box */
.policy_box{width:100%;height:calc(25% - 10px);margin-bottom: 10px;margin-bottom:11px;cursor:pointer;background: #0e3b58;border-radius: 3px;position:relative;float:left;text-align:center;box-sizing: border-box;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.policy_box a{color:#a8aaab;display:block;width: 100%;height: 100%;border: 1px solid #145c8c;border-radius: 3px;box-sizing: border-box;}

.policy_box p.tit{position:absolute;/*bottom: 53%;*/top: 60%; line-height: 1.2; width: 90%;margin-left: 5%;font-size:10px;letter-spacing:-0.04em;color:#a8aaab;color: #fff !important;text-align:center;}
.policy_box p.count {position:absolute;/*top: 47%; top:22%; */top:40%; transform: translateY(-50%); line-height: 1.2; font-size: 12px; width:80%; left:10%; text-align:center;letter-spacing:-0.01em;color:#fff;}
.policy_box p.count span.cnt {font-size: 20px;font-weight:600;color:#fff;margin-right:2px;letter-spacing:-0.06em;}
.policy_box p.count span.tx {font-size:11px; font-weight:normal; color:#fff; margin-right:0px;}
.policy_box p.txt {position:absolute; bottom:20%; width:100%; text-align:center;}
.policy_box p.ic {position:absolute;bottom: 6px;right: 6px;border-radius: 3px;width: 30px;height: 15px;background:#545556;filter:alpha(opacity=50);opacity:0.5;padding-top: 0;font-size:10px;color:#fff;}
.policy_box p.ic_new {position:absolute; top:0px; left:0px; font-size:11px; color:#fff; width:30px;  height:0px; border-bottom: 34px solid transparent; border-left: 34px solid #ff7072;}
.policy_box p.ic_new span {position:absolute; top:0px; left:-28px; text-shadow:2px 2px 1px #b95153;}

.policy_box p.ic_left {position: absolute; bottom: 6px; left: 6px; border-radius: 3px; width: 50%; height: 15px; filter: alpha(opacity=50); opacity: 0.5; padding-top: 0; font-size: 10px; color: #fff; text-align: left;}

.policy_box .ctg{position:absolute;top:6px;right: 0;min-width:60px;height:25px;font-size:10px;font-weight:300;color:#a8aaab;line-height: 2.2em;}
.policy_box .biz{position:absolute;top: 7px;right: 8px;width: 36px;height: 36px;border: solid 1px #ffffffc2;border-radius: 30px;font-size:10px;font-weight:300;color: #ffffffc2;line-height: 1.1em;letter-spacing: -0.08em;box-sizing: border-box;padding-top: 5px;text-align: center;text-shadow: 0px 0px 0px #000;}

.policy_box p.flag{position:absolute;top:6px;left: -5px;min-width:60px;height:25px;font-size:11px;color:#fff !important;background: url('../images/policy_flag_f00.png') no-repeat left top;background-size: 100% 100%;/* border-left: solid 1px #72767a; */line-height: 2.2em;padding-right: 18px;padding-left: 12px;text-align: left;box-sizing: border-box;}
.policy_box p.flag.f00{background: url('../images/policy_flag_f00.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f01{background: url('../images/policy_flag_f01.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f02{background: url('../images/policy_flag_f02.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f03{background: url('../images/policy_flag_f03.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f04{background: url('../images/policy_flag_f04.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f05{background: url('../images/policy_flag_f05.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f06{background: url('../images/policy_flag_f06.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f07{background: url('../images/policy_flag_f07.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f08{background: url('../images/policy_flag_f08.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}
.policy_box p.flag.f09{background: url('../images/policy_flag_f09.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;}

.policy_box p.tag{position:absolute;top: 3px;left: 0px;box-sizing: border-box;}
.policy_box p.tag span{border-radius:30px;padding: 1px 8px;display:inline-block;font-size: 10px;height: 20px;margin-right: 2px;box-sizing: border-box;color: #ffffff;letter-spacing: -0.04em;}
.policy_box p.tag span.c01{color: #ef82ff;}
.policy_box p.tag span.c02{color: #90f3fe;}
.policy_box p.tag span.c03{color: #ff82c0;}
.policy_box p.tag span.c04{color: #90c9fe;}
.policy_box p.tag span.c05{color: #99fd7b;}
.policy_box p.tag span.c06{color: #ffd39f;}
.policy_box p.tag span.c07{color: #39cecb;}
.policy_box p.tag span.c08{color: #d6932b;}
.policy_box p.tag span.c09{color: #ec5978;}
.policy_box p.tag span.c10{color: #bcce2e;}
.policy_box p.tag span.c11{color: #5a6efb;}

.policy_box p.tag span.b01{color: #c3c3c3;}

.policy_box .date{position:absolute;bottom: 10px;right: 8px;font-size:10px;font-weight:300;color: rgb(255 255 255 / 0.5);line-height: 1.1em;letter-spacing: -0.02em;box-sizing: border-box;}


/* 지표박스 */
.policy_box.on a{color:#fff !important;}
.policy_box.on p.tit {color:#fff !important;}
.policy_box.on .ctg{color:#fff !important;}

.policy_box.off{background: #19191b;}
.policy_box.off a{background: #252527;opacity: 0.6;}
.policy_box.off p.tag span{/*background:#252527;*/}

/*컬러별 지표박스-----------------------*/
/*violet*/
.policy_box.c01{color:#fff;}
.policy_box.c01.on a{/* border: solid 1px #ef82ff; */border: solid 1px #7e5899;}
.policy_box.c01 a:hover{border: solid 1px #7e5899;}

/*cyan*/
.policy_box.c02{color:#fff;}
.policy_box.c02.on a{/* border: solid 1px #90f3fe; */border: solid 1px #589695;}
.policy_box.c02 a:hover{border: solid 1px #589695;}

/*pink*/
.policy_box.c03{color:#fff;}
.policy_box.c03.on a{/* border: solid 1px #ff82c0; */border: solid 1px #c3627a;}
.policy_box.c03 a:hover{border: solid 1px #c3627a;}

/*blue*/
.policy_box.c04{color:#fff;}
.policy_box.c04.on a{/* border: solid 1px #90c9fe; */border: solid 1px #597c97;}
.policy_box.c04 a:hover{border: solid 1px #597c97;}

/*green*/
.policy_box.c05{color:#fff;}
.policy_box.c05.on a{/* border: solid 1px #99fd7b; */border: solid 1px #5b9966;}
.policy_box.c05 a:hover{border: solid 1px #5b9966;}

/*yellow*/
.policy_box.c06{color:#fff;}
.policy_box.c06.on a{/* border: solid 1px #ffd39f; */border:solid 1px #ccaf8d;}
.policy_box.c06 a:hover{border:solid 1px #ccaf8d;}

/*blue*/
.policy_box.c07{color:#fff;}
.policy_box.c07.on a{/* border: solid 1px #39cecb; */border:solid 1px #35aac6;}
.policy_box.c07 a:hover{border:solid 1px #35aac6;}

/*orange*/
.policy_box.c08{color:#fff;}
.policy_box.c08.on a{/*border: solid 1px #d6932b;*/border: solid 1px #b98635;}
.policy_box.c08 a:hover{border: solid 1px #b98635;}

/*red*/
.policy_box.c09{color:#fff;}
.policy_box.c09.on a{/* border: solid 1px #ec5978; */border: solid 1px #c33d5a;}
.policy_box.c09 a:hover{border: solid 1px #c33d5a;}

/*kaki*/
.policy_box.c10{color:#fff;}
.policy_box.c10.on a{/*border: solid 1px #bcce2e;*/border: solid 1px #a2b131;}
.policy_box.c10 a:hover{border: solid 1px #a2b131;}

/*purple*/
.policy_box.c11{color:#fff;}
.policy_box.c11.on a{/*border:solid 1px #5a6efb;*/border: solid 1px #5263da;}
.policy_box.c11 a:hover{border:solid 1px #5a6efb;}


/*blue*/
.policy_box.blue{color:#fff;}
.policy_box.blue.on a{/* border: solid 1px #90c9fe; */border: solid 1px #597c97;}
.policy_box.blue a:hover{border: solid 1px #597c97;}

/*red*/
.policy_box.red{color:#fff;}
.policy_box.red.on a{/* border: solid 1px #ec5978; */border: solid 1px #c33d5a;}
/*.policy_box.red a:hover{border: solid 1px #c33d5a;}*/

/*구정지표분류메뉴*/
.policy_ctmenu{	/*position:absolute;top: 549px;bottom: auto;left: 6.5%;*/ width:auto; height: 23px;text-align:center;background: #383c3f;border: solid 1px #414346;padding: 0 5px; box-sizing: border-box;	border-radius: 30px; float: left; margin-left: 7px; /* width: 139px; */ height: 32px;border-radius: 50px;background: #0d3c58;padding: 4px 8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.policy_ctmenu ul>li{display: inline-block;padding: 0 0;}
.policy_ctmenu ul>li a{display: block;min-width: 50px;height: 22px;border-radius: 50px;box-sizing: border-box;background: rgba(56, 50, 46, 0.5);color: #ffffffbf;padding: 4px 7px;line-height: 1.0em;vertical-align: -5px;text-align: center;font-size: 11px;border: solid 1px rgba(56, 50, 46, 0.5);}

.policy_ctmenu ul>li.c01 a{color: #946daf;}
.policy_ctmenu ul>li.c02 a{color: #589695;}
.policy_ctmenu ul>li.c03 a{color: #c3627a;}
.policy_ctmenu ul>li.c04 a{color: #597c97;}
.policy_ctmenu ul>li.c05 a{color: #5b9966;}
.policy_ctmenu ul>li.c06 a{color: #ea8048;}
.policy_ctmenu ul>li.c07 a{color: #e8b545;}
.policy_ctmenu ul>li.c08 a{color: #889055;}
.policy_ctmenu ul>li.c09 a{color: #c65fa2;}
.policy_ctmenu ul>li.c10 a{color: #499ab3;}
.policy_ctmenu ul>li.c11 a{color: #777d7f;}

.policy_ctmenu ul>li.c01.on a{border: solid 1px #7e5899;color: #ef82ff;}
.policy_ctmenu ul>li.c02.on a{border: solid 1px #4c7675;color: #90f3fe;}
.policy_ctmenu ul>li.c03.on a{border: solid 1px #c3627a;color: #ff82c0;}
.policy_ctmenu ul>li.c04.on a{border: solid 1px #597c97;color: #90c9fe;}
.policy_ctmenu ul>li.c05.on a{border: solid 1px #5b9966;color: #99fd7b;}
.policy_ctmenu ul>li.c06.on a{border: solid 1px #ea8048;color: #ff9238;}
.policy_ctmenu ul>li.c07.on a{border: solid 1px #e8b545;color: #eec390;}
.policy_ctmenu ul>li.c08.on a{border: solid 1px #889055;color: #d7ea5d;}
.policy_ctmenu ul>li.c09.on a{border: solid 1px #c65fa2;color: #ff7bd1;}
.policy_ctmenu ul>li.c10.on a{border: solid 1px #5a96a9;color: #3dd1ff;}
.policy_ctmenu ul>li.c11.on a{border: solid 1px #8f8f8f;color: #ededed;}


/*policy_btn 좌우이동버튼*/
.policy_btn_pre{cursor: pointer;z-index: 999999;position: absolute;left: 0.5%;top: 47%;background: url('../images/page_prv.png') no-repeat;width: 43px;height: 43px;background-size: 43px;}
.policy_btn_next{cursor: pointer;z-index: 999999;position: absolute;right: 0.5%;top: 47%;background: url('../images/page_next.png') no-repeat;width: 43px;height: 43px;background-size: 43px;}
.policy_btn_next a,
.policy_btn_pre a{width: 43px; height: 43px; display: block; text-indent: -99999px;}

/*policy_btn_area*/
.policy_btn_area{position: absolute;left: 0;bottom:0;}
.policy_btn_area a{display: block;width: 100%;height: 100%; /*text-indent: -999999px;*/}
.policy_btn_area .btn_pre{float: left;width:32px;height: 32px;background: #0d3c58 url('../images/btn_prv.png') no-repeat;background-size:32px;cursor: pointer;border-radius: 30px;}
.policy_btn_area .btn_next{float: left;margin-left: 3px;width:32px;height: 32px;background: #0d3c58 url('../images/btn_next.png') no-repeat;background-size:32px;border-radius: 30px;cursor: pointer;}
.policy_btn_area .btn_play{float: left;margin-left: 3px;width:32px;height: 32px;background: #0d3c58 url('../images/btn_play.png') no-repeat;background-size:32px;cursor: pointer;border-radius: 30px;}
.policy_btn_area .btn_play.on{background: #0d3c58 url('../images/btn_stop.png') no-repeat;background-size:32px;cursor: pointer;}

.policy_btn_area .btn_pre,
.policy_btn_area .btn_next,
.policy_btn_area .btn_play{text-indent: -999999px;}

/*구정지표팝업*/
.policy_popup {position:absolute;top:0px;right:0%;height: 580px;margin: 0;width: 33.1%;background:#232628;z-index:9999999999;}
.policy_popup .section_content{background:#232628; overflow:hidden; box-sizing:border-box;}
.policy_popup .btn_box{position:absolute;width:100%;height:50px;bottom: -50px;box-sizing: border-box;}
.policy_popup .btn_close {position:absolute; bottom:6px; left:0px; width:40px; height:40px; background:url(../images/btn_tb_x.png) 0 0 no-repeat; background-size:100%; cursor:pointer;}
.policy_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}
.policy_popup .btn_fav {position:absolute; bottom:6px; left:42px; width:40px; height:40px; background:url(../images/btn_tb_fav.png) 0 0 no-repeat; background-size:100%; cursor:pointer;}
.policy_popup .btn_fav a{text-indent: -999999px;display:block; width:100%; height:100%;}
.policy_popup .btn_fav.on{background:url(../images/btn_tb_fav_on.png) 0 0 no-repeat; background-size:100%;}

.section03.policy{height: 580px;}



/* ================================================================================================================== */
/* graph style */
/* ================================================================================================================== */
.grp_wrap{width: 100%;height: 100%;display: block;position: relative;background: #0b334a;}
.grp_wrap .grp_title{width: 100%;height: 40px;text-align: center;font-size: 14px;padding-top: 5px;box-sizing: border-box;}/*그래프 타이틀*/
.grp_wrap .grp_stand{font-size: 10px;line-height: 2.0em;position: absolute;top:10px;left: 11px;color: #c1c1c1;}/*그래프 기준*/
.grp_wrap .grp_unit{font-size: 10px;line-height: 2.0em;position: absolute;top:10px;right: 11px;color: #c1c1c1;}/*그래프 단위*/
.grp_wrap .grp_source{font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;right: 11px;color: #adadad;z-index: 999;}/*그래프 출처*/
.grp_wrap .grp_chart{font-size: 10px;width:100%;height: calc(100% - 70px);padding:0 10px;box-sizing: border-box;position: relative;}/*그래프 박스*/
.grp_wrap .grp_legend{font-size: 10px;line-height: 2.0em;color: #c5c5c5;z-index: 999;position: absolute;bottom:10px;left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}/*그래프 범례*/
.grp_wrap .grp_legend span{margin-right: 6px;}
.grp_wrap .grp_legend span i{width: 9px;height: 9px;display:inline-block;background: #53abff;margin-right: 2px;vertical-align: -1px;}

/*pie chart*/
.grp_wrap.pie{}
.grp_wrap.pie .grp_chart{font-size: 10px;width: 70%;height: calc(100% - 70px);padding:0 10px;box-sizing: border-box;position: relative;}/*그래프 박스*/
.grp_wrap.pie .grp_legend2{font-size: 10px;line-height: 2.0em;position: absolute;bottom: auto;top: 50%;right: 11px;width: 30%;height: auto;color: #c5c5c5;z-index: 999;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding-left: 10px;}/*그래프 범례*/
.grp_wrap.pie .grp_legend2 span{margin-right: 6px; display: block;}
.grp_wrap.pie .grp_legend2 span i{width: 9px;height: 9px;display:inline-block;background: #53abff;margin-right: 2px;vertical-align: -1px;}

/*grp_wrpa02*/
.grp_wrap02{width: 100%; height: 100%; display: block; position: relative;}
.grp_wrap02 .grp_title{width: 100%;height: 40px;text-align: left;font-size: 14px;padding: 15px 0 0 15px;box-sizing: border-box;}/*그래프 타이틀*/
.grp_wrap02 .grp_stand{font-size: 10px;line-height: 2.0em;position: absolute;bottom: 15px;left: 15px;color: #a8aaab;}/*그래프 기준*/
.grp_wrap02 .grp_unit{font-size: 10px;line-height: 2.0em;position: absolute;top: 15px;right: 15px;color: #a8aaab;}/*그래프 단위*/
.grp_wrap02 .grp_source{display: none; font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;left: 11px;color: #99a4be;z-index: 999;}/*그래프 출처*/
.grp_wrap02 .grp_chart{font-size: 10px;width:100%;height: calc(100% - 70px);padding:0 15px;box-sizing: border-box;position: relative;}/*그래프 박스*/
.grp_wrap02 .grp_legend{font-size: 10px;line-height: 2.0em;position: absolute;bottom:10px;left: 11px;color: #99a4be;z-index: 999;}/*그래프 범례*/
.grp_wrap02 .grp_legend span{margin-right: 6px;}
.grp_wrap02 .grp_legend span i{width: 9px;height: 9px;display:inline-block;background: #53abff;margin-right: 2px;vertical-align: -1px;}

/* =========================================================================== */
/* graph box style */
/* =========================================================================== */
/* graph_box 가로*/
ul.graph_box{width:100%; height:100%;}
ul.graph_box>li{float:left;box-sizing: border-box;width:100%;height:54.5%;border-top: solid 1px #165d8a;}
ul.graph_box>li:first-child{border-top:none; height: 45.5%;}
ul.graph_box:after{content: ''; display: block; clear: both;}

/* graph_box 세로*/
ul.graph_vbox{width:100%; height:100%;}
ul.graph_vbox>li{float:left;box-sizing: border-box;width:50%;height:100%;border-left: solid 1px #0664a0;}
ul.graph_vbox>li:first-child{border-left:none;}
ul.graph_vbox:after{content: ''; display: block; clear: both;}

/* graph_box 세로*/
ul.graph_vbox.v2{}
ul.graph_vbox.v2>li{width:40%;}
ul.graph_vbox.v2>li:nth-child(1){border-left:none;width:60%;}

/* graph_box 세로*/
ul.graph_vbox.noline>li{border-left:none;}
ul.graph_vbox.noline>li:nth-child(1){padding-left:10px;}

/* graph_3tbox - 3개일때 상단넓음 */
ul.graph_3box_top{width:100%; height:100%;}
ul.graph_3box_top>li{float:left; box-sizing: border-box; width:100%; height:45.5%;}
ul.graph_3box_top>li:nth-child(2){border-top: solid 1px #165d8a;width:50%;height: 54.5%;}
ul.graph_3box_top>li:nth-child(3){border-top: solid 1px #165d8a;border-left: solid 1px #165d8a;width:50%;height: 54.5%;}

/* graph_3tbox - 3개일때 하단넓음 */
ul.graph_3box_bottom{width:100%; height:100%;}
ul.graph_3box_bottom>li{float:left; box-sizing: border-box; width:50%; height:45.5%;}
ul.graph_3box_bottom>li:nth-child(2){border-left: solid 1px #165d8a;}
ul.graph_3box_bottom>li:nth-child(3){border-top: solid 1px #165d8a;width:100%;height: 54.5%;}

/* graph_4box - 4개일때 */
ul.graph_4box{width:100%; height:100%;}
ul.graph_4box>li{float:left; box-sizing: border-box; width:50%;height: 45.5%;}
ul.graph_4box>li:nth-child(even){border-left: solid 1px #165d8a;}
ul.graph_4box>li:nth-child(3),
ul.graph_4box>li:nth-child(4){border-top: solid 1px #165d8a;height: 54.5%;}

/* graph_6box - 6개일때 */
ul.graph_6box{width:100%; height:100%;}
ul.graph_6box>li{float:left; box-sizing: border-box; width:33.75%;height: 45.5%;}
ul.graph_6box>li:nth-child(1){border-top:solid 1px #57504a; width: 32.5%;}
ul.graph_6box>li:nth-child(2){border-left:solid 1px #57504a;}
ul.graph_6box>li:nth-child(3){border-left:solid 1px #57504a;}
ul.graph_6box>li:nth-child(4){border-top:solid 1px #57504a; width: 32.5%; height: 54.5%;}
ul.graph_6box>li:nth-child(5){border-top:solid 1px #57504a;border-left:solid 1px #57504a;height: 54.5%;}
ul.graph_6box>li:nth-child(6){border-top:solid 1px #57504a;border-left:solid 1px #57504a;height: 54.5%;}

/* graph_nbox - 여러개일때 */
ul.graph_nbox{width:100%; height:100%;}
ul.graph_nbox>li{float:left; box-sizing: border-box; width:50%; height:50%;}
ul.graph_nbox>li:nth-child(even){border-left:solid 1px #57504a;}

ul.graph_nbox>li:first-child:nth-last-child(2){width:100%; height:48.5%;}
ul.graph_nbox>li:first-child:nth-last-child(2) + li {width:100%;border-top: 1px solid #165d8a;height:51.5%;border-left: none;}

ul.graph_nbox>li:first-child:nth-last-child(3) + li{border-left:solid 1px #57504a;}
ul.graph_nbox>li:first-child:nth-last-child(3) + li + li{border-top:solid 1px #57504a;}

ul.graph_nbox>li:first-child:nth-last-child(4) + li,
ul.graph_nbox>li:first-child:nth-last-child(4) + li + li + li{border-left:solid 1px #57504a;}
ul.graph_nbox>li:first-child:nth-last-child(4) + li ~ li{border-top:solid 1px #57504a; height:50%;}

ul.graph_nbox>li:first-child:nth-last-child(5) + li,
ul.graph_nbox>li:first-child:nth-last-child(5) + li + li + li{border-left:solid 1px #57504a;}
ul.graph_nbox>li:first-child:nth-last-child(5) + li ~ li{border-top:solid 1px #57504a;}

ul.graph_nbox>li:first-child:nth-last-child(6) + li,
ul.graph_nbox>li:first-child:nth-last-child(6) + li + li + li{border-left:solid 1px #57504a;}
ul.graph_nbox>li:first-child:nth-last-child(6) + li ~ li{border-top:solid 1px #57504a;}

/* =========================================================================== */
/* 주요사업 메인 */
/* =========================================================================== */
/*주요사업 롤링포토박스*/
.majorbiz_photo {width: 100%; height: 50%;box-sizing: border-box;position: relative;}
.majorbiz_photo .inner_box_top{width: 100%;height: calc(100% - 74px);position: relative;}
.majorbiz_photo .inner_box_bottom{width: 100%;height: 74px;position: relative;overflow: hidden;/*border-top: 1px solid #42454d;border-bottom: 1px solid #42454d;*/box-sizing: border-box;}
.majorbiz_photo .photo_view{width: 100%; height: 100%;}
.majorbiz_photo .photo_view img{width: 100%; height: 100%;}
.majorbiz_photo .photo_list{margin-top: 0;position: relative;width: 100%;height:74px;padding:8px 5px;box-sizing: border-box;background:#092a3e;/*border-bottom:1px solid #42454d;border-top:1px solid #42454d;*/box-sizing: border-box;z-index:1000;overflow:hidden;}
.majorbiz_photo .photo_list ul{width: 100%;height:100%;box-sizing: border-box;position: relative;}
.majorbiz_photo .photo_list li{float:left;margin: 0 1%;height:100%;width:18%;cursor:pointer;}
.majorbiz_photo .photo_list li img{width:100%; height:100%; margin:0; padding:0;}
.majorbiz_photo .photo_list li.on img{border:solid 2px #5dabf5; width:calc(100% - 4px); height:calc(100% - 4px);  cursor:pointer}
.majorbiz_photo .photo_prev{position:absolute;top: 0px;left:0px;width: 30px;height: 100%;z-index:1005;cursor:pointer;}
.majorbiz_photo .photo_prev img{width: 100%;height: 100%;}
.majorbiz_photo .photo_next{position:absolute;top: 0px;right:0px;width: 30px;height: 100%;z-index:1005;cursor:pointer;}
.majorbiz_photo .photo_next img{width: 100%;height: 100%;}
.majorbiz_photo .movie_prev{position:absolute; top:0px; left:0px; z-index:1005; cursor:pointer}
.majorbiz_photo .movie_prev img{width:30px; height:82px;}
.majorbiz_photo .movie_next{position:absolute;  top:0px; right:0px; z-index:1005; cursor:pointer}
.majorbiz_photo .movie_next img{width:30px; height:82px;}

/*사진지도선택*/
.map_photo_select{position:absolute;bottom: 5px;left:5px;z-index:999999;margin-left:0;background: #45494b;border: 1px solid #383c3f;border-radius: 4px;padding: 2px;box-sizing: border-box;height: 33px;-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);}
.map_photo_select p{font-size: 12px;float:left;padding: 6px 10px;height: 100%;text-align:center;color: #b6b6b6;border: 1px solid rgba(0,0,0,0.0);border-radius: 4px;cursor:pointer;line-height: 1.0em;box-sizing:border-box;}
.map_photo_select p a{color:#fff !important;}
.map_photo_select p.on{color:#fff;background:#399aeb;border: 1px solid #276cad;}

a.more_map	{position: absolute; right: 10px; bottom: 10px; background: rgba(0,177,176,0.5); color: #fff; border-radius: 30px; font-size: 13px; padding: 8px 20px 10px;}

/*주요사업 상세 리스트*/
.majorbiz_list{height: 50%;padding: 10px;box-sizing: border-box;position: relative;}

/*주요사업 상세 태그*/
.majorbiz_tags{position:absolute;top: 15px;right: 30px;width:auto;}
.majorbiz_tags .tags_01,
.majorbiz_tags .tags_02{background: #151619ba;border: solid 2px #202225ba;border-radius: 4px;width: 124px;height: 29px;display: block;padding: 2px 5px 5px 7px;margin-bottom: 7px;box-sizing: border-box;position: relative;-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);}
.majorbiz_tags .tags_01 span,
.majorbiz_tags .tags_02 span{background: #3974a6;padding: 2px 2px;box-sizing: border-box;width: 54px;height: 100%;display: block;text-align: center;position: absolute;top: 0;right: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.majorbiz_tags .tags_01 span:before,
.majorbiz_tags .tags_02 span:before{position: absolute;left: -6px;top: calc(50% - 6px);width: 6px;height: 11px;background:url(../images/ic_mbiztg_arrow_01.png) 0 0 no-repeat;background-size: 100% 100%;display: block;content: '';}

.majorbiz_tags .tags_02 span{background: #368b70;}
.majorbiz_tags .tags_02 span:before{background:url(../images/ic_mbiztg_arrow_02.png) 0 0 no-repeat;background-size: 100% 100%;}

/*주요사업 리스트 위치정보마커*/
.marker2_biz00 img{width: 15px;}

/*주요사업상세 추진계획관련뉴스*/
.biz_view_news01	{width:100%; height:50%; padding:10px; border-bottom:1px solid #165d8a; box-sizing: border-box;}
.biz_view_news02	{width:100%; height:calc(50% - 40px); padding:10px; box-sizing: border-box;}
.biz_view_news03	{width:100%; height:calc(50% - 40px); padding:10px; box-sizing: border-box;}
.biz_view_news04	{width:100%; height:calc(50% - 40px); padding:10px; box-sizing: border-box;}

.main_section_tab.subpop_tab	{width: calc(100% + 2px); bottom:-1px; left:-1px;}
.table_in_news.scroll	{height:100%;}



/* =========================================================================== */
/* 공약사업 */
/* =========================================================================== */
/*공약사업통계*/
.biz_info{position: absolute;top: 60px;left: 0.4%;z-index: 999999;text-align: center;width: 298px;height: 470px;color:#d9dce2;font-size:20px;font-weight: 600;background: #554c48;background: #413c38;border-radius: 3px;padding: 17px 20px 20px 20px;box-sizing: border-box;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.biz_info>ul{height: 100%;}
.biz_info>ul>li{width: 100%;height: 27%;display: block;float: left;box-sizing: border-box;}
.biz_info>ul>li:nth-child(2){height: 73%;border-top: solid 1px rgba(255, 255, 255, 0.1);padding: 20px 0 0 0;}
.biz_info .pi_tit{letter-spacing: -0.04em;font-size: 20px;}
.biz_info .pi_tit .t_org{font-family: 'NanumSquare';font-size: 22px;}

.biz_info .pi_cnt{font-size: 11px;letter-spacing: -0.08em;margin-top: 13px;padding: 5px 0;}
.biz_info .pi_cnt .tit{font-size: 13px;width: 100%;height: 27px;display: inline-block;text-align: center;color: #8c8c8c;margin-top: 5px;}
.biz_info .pi_cnt .cnt{font-size: 20px;font-family: 'NanumSquare';}
.biz_info .pi_cnt>li{width: 25%;height: 30px;float: left;}
.biz_info .pi_cnt:after{content: ''; display: block; clear: both;}

.biz_info .pi_grp{padding: 20px 10px 10px 10px;padding-left: 50%;}
.biz_info .pi_grp>li{padding: 0;position: relative;height: 22px;box-sizing: border-box;}
.biz_info .pi_grp>li .txt{width: 100%;height: 10px;font-size: 10px;font-weight: 400;position: absolute;top: 0;left: -110%;text-align: right;}
.biz_info .pi_grp>li .grp_bar{position: absolute;top: 4px;left: 0;width: 100%;background: #a65a5d;height: 10px;}

.biz_info .pi_grp>li .grp_bar.c01{background: #6e80cf;}
.biz_info .pi_grp>li .grp_bar.c02{background: #5abcc5;}
.biz_info .pi_grp>li .grp_bar.c03{background: #c55456;}
.biz_info .pi_grp>li .grp_bar.c04{background: #81b707;}
.biz_info .pi_grp>li .grp_bar.c05{background: #e28d10;}
.biz_info .pi_grp>li .grp_bar.c06{background: #3c66d4;}

.biz_info .pi_grp>li .grp_bar.c07{background: #927663;}
.biz_info .pi_grp>li .grp_bar.c08{background: #3e7fc3;}
.biz_info .pi_grp>li .grp_bar.c09{background: #a980ff;}
.biz_info .pi_grp>li .grp_bar.c10{background: #b52a8f;}

/*공약사업리스트*/
.biz_wrap{position: relative;width: 82.85%;height: calc(100% - 90px);left: 17.05%;overflow: hidden;/* border: solid 1px #fff; */}

.biz_wrap .biz_tit{position: absolute;top: -30px;left: 0;text-align: center;width: 100%;color:#d9dce2;font-size:20px;font-weight: 600;}
.biz_wrap .biz_tit p{display: inline-block;}
.biz_wrap .biz_tit .t_gray{color:#d9dce2;}
.biz_wrap .biz_tit .t_01{color:#ffffff; font-size: 20px;}
.biz_wrap .biz_tit .t_01 span{color:#3391f3;}

.biz_wrap .biz_box_ul{position: absolute;top: 20px;left: -100.9%;left: 0;overflow: hidden;height: 500px;width: 9999%;}
.biz_wrap .biz_box_ul:after{content:''; display: block; clear: both;}

.biz_wrap .biz_box_ul .biz_box{cursor: pointer;position: relative;width: 298px;height: 470px;border-radius: 2px;float: left;margin-right: 20px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.biz_wrap .biz_box_ul .biz_box:first-child{margin-left: 0;}

.biz_wrap .biz_box_ul .biz_box .biz_box_tit{font-size: 24px;font-weight: 500;text-align: center;line-height: 1.3em;padding: 30px 0 0 0;width: 100%;height: 83px;box-sizing: border-box;color: #fff;letter-spacing: -0.04em;}
.biz_wrap .biz_box_ul .biz_box .biz_box_tit span{font-size: 16px;display: block;line-height: 1.0em;padding-bottom: 10px;font-weight: 400;}
.biz_wrap .biz_box_ul .biz_box .biz_total_cnt{font-size: 12px;font-weight: 500;text-align: center;line-height: 1.3em;margin: 17px 0;color: #fff;letter-spacing: -0.04em;}
.biz_wrap .biz_box_ul .biz_box .biz_total_cnt p{display: inline-block;color: #ccc;}

.biz_wrap .biz_box_ul .biz_box.m_box_1{background: url('../images/bg_promise01.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_2{background: url('../images/bg_promise02.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_3{background: url('../images/bg_promise03.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_4{background: url('../images/bg_promise04.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_5{background: url('../images/bg_promise05.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_6{background: url('../images/bg_promise06.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_7{background: url('../images/bg_promise07.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_8{background: url('../images/bg_promise08.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_9{background: url('../images/bg_promise09.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_10{background: url('../images/bg_promise10.png') no-repeat; background-size: 100% 100%;}
.biz_wrap .biz_box_ul .biz_box.m_box_11{background: url('../images/bg_promise11.png') no-repeat; background-size: 100% 100%;}

.biz_wrap .biz_box_ul .biz_box.m_box_1 .top_tit{color: #6e80cf !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_2 .top_tit{color: #5abcc5 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_3 .top_tit{color:#c55456 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_4 .top_tit{color:#81b707 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_5 .top_tit{color:#e28d10 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_6 .top_tit{color:#3c66d4 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_7 .top_tit{color:#927663 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_8 .top_tit{color:#3e7fc3 !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_9 .top_tit{color:#a980ff !important;}
.biz_wrap .biz_box_ul .biz_box.m_box_10 .top_tit{color:#b52a8f !important;}


.biz_wrap .biz_box p.flag{position:absolute; top:6px; left:0px; min-width:60px; height:18px; font-size:8px; color:#fff; line-height: 1.8em; padding-right: 7px; text-align: center; }

/*blue*/
.biz_wrap .biz_box.m_box_1 p.flag {background: url('../images/prom_flag_blue.png') no-repeat right top; background-size:67px;}
/*skyblue*/
.biz_wrap .biz_box.m_box_2 p.flag {background: url('../images/prom_flag_skyblue.png') no-repeat right top; background-size:67px;}
/*red*/
.biz_wrap .biz_box.m_box_3 p.flag {background: url('../images/prom_flag_red.png') no-repeat right top; background-size:67px;}
/*green*/
.biz_wrap .biz_box.m_box_4 p.flag {background: url('../images/prom_flag_green.png') no-repeat right top; background-size:67px;}
/*orange*/
.biz_wrap .biz_box.m_box_5 p.flag {background: url('../images/prom_flag_orange.png') no-repeat right top; background-size:67px;}
/*blue*/
.biz_wrap .biz_box.m_box_6 p.flag {background: url('../images/prom_flag_blue.png') no-repeat right top; background-size:67px;}
/*brown*/
.biz_wrap .biz_box.m_box_7 p.flag {background: url('../images/prom_flag_brown.png') no-repeat right top; background-size:67px;}
/*blue*/
.biz_wrap .biz_box.m_box_8 p.flag {background: url('../images/prom_flag_blue.png') no-repeat right top; background-size:67px;}

.biz_wrap .biz_box_ul .biz_box .biz_list_ul{width: calc(100% - 5px);height: 323px;padding: 0 4% 0 6%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li:before{content:'';position: absolute;top: -1px;right: -1px;background: url('../images/box_corner.png') no-repeat right top;background-size: 100%;width:10px;height:10px;/* border: solid 1px #fff; */}

.biz_wrap .biz_box_ul .biz_box .biz_list_ul li{position: relative;cursor: pointer;/* background: url('../images/box_bg.png') no-repeat center center; *//* background-size:100% 100%; */padding: 30px 6% 13px 6%;width: 100%;/* height: 75px; */margin-bottom: 7px;border-radius: 3px;border-top-right-radius: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;border: solid 1px rgba(255, 255, 255, 0.2);background: #433e3b;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .top_tit{position: absolute;top: 10px;left: 15px;color: rgba(255, 255, 255, 0.5);font-size: 10px;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .top_sts{position: absolute;top: 10px;right: 15px;color: rgba(255, 255, 255, 0.5);font-size:9px;}

.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .prom_tit{color: #ffffff;font-size:12px;font-weight: 500;letter-spacing: -0.04em;padding-right: 40px;line-height: 1.4em;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .prom_cnt{position: absolute;bottom: 10px;right: 15px;color: #fff;font-size:9px;line-height: 1.0em;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .prom_cnt span{font-size: 27px;color: #fff;font-weight: 600;}

.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .div{position: relative;width: 100%;display: inline-block;padding: 3px 0 4px 0;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .div .top_sts{position: absolute;top: 2px;right: 0;color: rgba(255, 255, 255, 0.5);font-size:9px;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .div .prom_tit{padding-left: 10px;text-indent: -8px;}
.biz_wrap .biz_box_ul .biz_box .biz_list_ul li .div .prom_tit:before{content:'';display: inline-block;margin-right: 5px;width: 3px;height: 3px;background: rgba(255, 255, 255, 0.5);vertical-align: 3px;}


/*left right btn*/
.biz_btn_pre,
.biz_btn_next{position:absolute;top: 45.5%;width:40px;height:40px;z-index:999999999;cursor:pointer;text-indent:-99999px;}
.biz_btn_pre{left: 17.3%;background: url('../images/ic_paging_pre.png') no-repeat 0 0;background-size:100%;}
.biz_btn_next{right: 0.7%;background: url('../images/ic_paging_next.png') no-repeat 0 0;background-size:100%;}

/*bottom_tab_area*/
.bottom_tab_area{width: 520px;height: 40px;z-index: 9999999;position:absolute;bottom: -3px;left: 53.2%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.bottom_tab_area ul{width:100%;height:100%;text-align: center;}
.bottom_tab_area ul>li{/* float:left; *//* width: calc(33.33% - 10px); */height: 40px;display: inline-block;box-sizing: border-box;text-align: center;font-size: 13px;font-weight: 400;margin: 0 10px;}
.bottom_tab_area ul>li:nth-child(4),
.bottom_tab_area ul>li:nth-child(5){width: calc(17% - 10px);}

.bottom_tab_area ul>li a{color:#fff;display: block;width: 100%;height: 100%;padding: 4px;box-sizing: border-box;}
.bottom_tab_area ul>li a i{border-radius: 30px;width: 36px;height: 36px;box-sizing: border-box;display: inline-block;vertical-align: -12px;margin-right: 5px;}
.bottom_tab_area ul>li a i.ic01{background:#42464c url(../images/ic_bottom_tab01.png) center center no-repeat; background-size:70%;}
.bottom_tab_area ul>li a i.ic02{background:#42464c url(../images/ic_bottom_tab02.png) center center no-repeat; background-size:70%;}
.bottom_tab_area ul>li a i.ic03{background:#42464c url(../images/ic_bottom_tab03.png) center center no-repeat; background-size:70%;}
.bottom_tab_area ul>li a i.ic11{background:#42464c url(../images/ic_bottom_tab11.png) center center no-repeat; background-size:70%;}

.bottom_tab_area ul>li.on a{color: #54b9ff;}
.bottom_tab_area ul>li.on a i.ic01{background:#0096ff url(../images/ic_bottom_tab01.png) center center no-repeat; background-size:70%;}
.bottom_tab_area ul>li.on a i.ic02{background:#0096ff url(../images/ic_bottom_tab02.png) center center no-repeat; background-size:70%;}
.bottom_tab_area ul>li.on a i.ic03{background:#0096ff url(../images/ic_bottom_tab03.png) center center no-repeat; background-size:70%;}
.bottom_tab_area ul>li.on a i.ic11{background:#0096ff url(../images/ic_bottom_tab11.png) center center no-repeat; background-size:70%;}

.bottom_tab_area.right_top	{left:unset; top:0; bottom:unset; right:0.5%;  transform:unset;}
.bottom_tab_area.right_top ul	{text-align:right;}

/*조직도 하단탭*/
.bottom_tab_area.org{left: 90%;height: 40px;bottom: auto;top: 1200px;}
.bottom_tab_area.org2{bottom: auto;top: 700px;left: 38%;}


/*주요사업=============================================*/
.biz_info.major .pi_grp{}
.biz_info.major .pi_grp{}
.biz_info.major .pi_grp>li{height: 30px;}
.biz_info.major .pi_grp>li .txt{}
.biz_info.major .pi_grp>li .grp_bar{}

.biz_info.major>ul>li{width: 100%;height: 25%;display: block;float: left;box-sizing: border-box;}
.biz_info.major>ul>li:nth-child(2){height: 75%;border-top: solid 1px rgba(255, 255, 255, 0.1);padding: 20px 0 0 0;}

.biz_wrap.major .biz_box_ul .biz_box.m_box_1{background: url('../images/bg_major01.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_2{background: url('../images/bg_major02.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_3{background: url('../images/bg_major03.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_4{background: url('../images/bg_major04.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_5{background: url('../images/bg_major05.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_6{background: url('../images/bg_major06.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_7{background: url('../images/bg_major07.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_8{background: url('../images/bg_major08.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_9{background: url('../images/bg_major09.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_10{background: url('../images/bg_major10.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_11{background: url('../images/bg_major11.png') no-repeat; background-size: 100% 100%;}

.biz_wrap.major .biz_box_ul .biz_box.m_box_1 .top_tit{color: #6e80cf !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_2 .top_tit{color: #5abcc5 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_3 .top_tit{color:#c55456 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_4 .top_tit{color:#81b707 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_5 .top_tit{color:#e28d10 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_6 .top_tit{color:#3c66d4 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_7 .top_tit{color:#927663 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_8 .top_tit{color:#3e7fc3 !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_9 .top_tit{color:#a980ff !important;}
.biz_wrap.major .biz_box_ul .biz_box.m_box_10 .top_tit{color:#b52a8f !important;}

/*국과별사업=================================================*/
.biz_info.dpt .pi_grp{}
.biz_info.dpt .pi_grp{}
.biz_info.dpt .pi_grp>li{height: 30px;}
.biz_info.dpt .pi_grp>li .txt{}
.biz_info.dpt .pi_grp>li .grp_bar{}

.biz_info.dpt>ul>li{width: 100%;height: 25%;display: block;float: left;box-sizing: border-box;}
.biz_info.dpt>ul>li:nth-child(2){height: 75%;border-top: solid 1px rgba(255, 255, 255, 0.1);padding: 20px 0 0 0;}

.biz_wrap.dpt .biz_box_ul .biz_box.m_box_1{background: url('../images/bg_dpt01.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_2{background: url('../images/bg_dpt02.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_3{background: url('../images/bg_dpt03.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_4{background: url('../images/bg_dpt04.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_5{background: url('../images/bg_dpt05.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_6{background: url('../images/bg_dpt06.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_7{background: url('../images/bg_dpt07.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_8{background: url('../images/bg_dpt08.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_9{background: url('../images/bg_dpt09.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_10{background: url('../images/bg_dpt10.png') no-repeat; background-size: 100% 100%;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_11{background: url('../images/bg_dpt11.png') no-repeat; background-size: 100% 100%;}

.biz_wrap.dpt .biz_box_ul .biz_box.m_box_1 .top_tit{color: #6e80cf !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_2 .top_tit{color: #5abcc5 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_3 .top_tit{color:#c55456 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_4 .top_tit{color:#81b707 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_5 .top_tit{color:#e28d10 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_6 .top_tit{color:#3c66d4 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_7 .top_tit{color:#927663 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_8 .top_tit{color:#3e7fc3 !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_9 .top_tit{color:#a980ff !important;}
.biz_wrap.dpt .biz_box_ul .biz_box.m_box_10 .top_tit{color:#b52a8f !important;}


/* =========================================================================== */
/* 주요사업*/
/* =========================================================================== */
/*주요사업통계*/
.major_info{position: absolute;top: 60px;left: 0.3%;z-index: 999999;text-align: center;width: 298px;height: 470px;color:#d9dce2;font-size:20px;font-weight: 600;background: #554c48;border-radius: 3px;padding: 20px;box-sizing: border-box;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.major_info>ul{height: 100%;}
.major_info>ul>li{width: 100%;height: 25%;display: block;float: left;box-sizing: border-box;}
.major_info>ul>li:nth-child(2){height: 75%;border-top: solid 1px rgba(255, 255, 255, 0.3);padding: 20px 0 0 0;}
.major_info .pi_tit{letter-spacing: -0.04em;font-size: 20px;}
.major_info .pi_tit .t_org{font-family: 'NanumSquare';font-size: 22px;}

.major_info .pi_cnt{font-size: 11px;letter-spacing: -0.08em;margin-top: 18px;}
.major_info .pi_cnt span{font-size: 20px;font-family: 'NanumSquare';}
.major_info .pi_grp{padding: 20px 10px 10px 10px;padding-left: 50%;}
.major_info .pi_grp>li{padding: 0;position: relative;height: 22px;box-sizing: border-box;}
.major_info .pi_grp>li .txt{width: 100%;height: 10px;font-size: 10px;font-weight: 400;position: absolute;top: 0;left: -110%;text-align: right;}
.major_info .pi_grp>li .grp_bar{position: absolute;top: 4px;left: 0;width: 100%;background: #a65a5d;height: 10px;}

.major_info .pi_grp>li .grp_bar.c01{background: #6e80cf;}
.major_info .pi_grp>li .grp_bar.c02{background: #5abcc5;}
.major_info .pi_grp>li .grp_bar.c03{background: #c55456;}
.major_info .pi_grp>li .grp_bar.c04{background: #81b707;}
.major_info .pi_grp>li .grp_bar.c05{background: #e28d10;}

/*주요사업리스트*/
.major_wrap{position: relative;width: 82.7%;height: calc(100% - 90px);left: 17%;overflow: hidden;}
/*.major_wrap:after{content:'';background: url(../images/shadow_bar_vertical.png) 0 0 no-repeat;background-size: 100% 100%;width: 70px;height: 438px;position: absolute;left: calc(99.5% - 40px);top: 60px;z-index: 99;}
*/
.major_wrap .major_tit{position: absolute;top: -30px;left: 44%;color:#d9dce2;position: absolute;top: -30px;left: 0;text-align: center;width: 100%;color:#d9dce2;font-size:20px;font-weight: 600;}
.major_wrap .major_tit p{display: inline-block;}
.major_wrap .major_tit .t_gray{color:#d9dce2;}
.major_wrap .major_tit .t_01{color:#ffffff;font-size: 20px;}
.major_wrap .major_tit .t_01 span{color:#3391f3;}

.major_wrap .major_box_ul_outer{display:block;width: calc(100% + 1%);margin-left: -0.5%;padding-left: 0.5%;/* overflow-x: scroll; */}
.major_wrap .major_box_ul_outer{overflow: hidden;overflow-x: scroll;overflow-y: hidden;padding-right:0px;} /* For the "inset" look only */
.major_wrap .major_box_ul_outer::-webkit-scrollbar {width:0px;} 
.major_wrap .major_box_ul_outer::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(69,74,77,0); -webkit-border-radius: 0px; border-radius: 0px;} 
.major_wrap .major_box_ul_outer::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(31,32,36,0.8); border:solid 0px rgba(69,74,77,0); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}

.major_wrap .major_box_ul_outer .major_box_ul{position: relative;left: 2.0%;width: 109%;}

.major_wrap .major_box_ul{position: absolute;top: 60px;left: 2.0%;overflow: hidden;height: 438px;width: 9999%;}
.major_wrap .major_box_ul:after{content:''; display: block; clear: both;}

.major_wrap .major_box_ul .major_box{cursor: pointer;position: relative;width: 298px;height: 470px;border-radius: 2px;float: left;margin-left: 20px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.major_wrap .major_box_ul .major_box:first-child{margin-left: 0;}

.major_wrap .major_box_ul .major_box .box_tit{font-size: 24px;font-weight: 500;text-align: center;line-height: 1.3em;margin-top: 22px;margin-bottom: 17px;color: #fff;}
.major_wrap .major_box_ul .major_box .box_tit{margin-top: 52px; letter-spacing: -0.5px;}

.major_wrap .major_box_ul .major_box .total_cnt{font-size: 12px;font-weight: 500;text-align: center;line-height: 1.3em;margin: 17px 0;color: #fff;letter-spacing: -0.04em;}
.major_wrap .major_box_ul .major_box .total_cnt p{display: inline-block;color: #ccc;}

.major_wrap .major_box_ul .major_box{cursor: unset;}

.major_wrap .major_box_ul .major_box.m_box_1{background:url('../images/bg_major01.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_2{background:url('../images/bg_major02.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_3{background:url('../images/bg_major03.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_4{background:url('../images/bg_major04.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_5{background:url('../images/bg_major05.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_6{background:url('../images/bg_major06.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_7{background:url('../images/bg_major07.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_8{background:url('../images/bg_major08.png') no-repeat; background-size: 100% 100%;}
.major_wrap .major_box_ul .major_box.m_box_9{background:url('../images/bg_major09.png') no-repeat; background-size: 100% 100%;}


.major_wrap .major_box p.flag{position:absolute; top:6px; left:0px; min-width:60px; height:18px; font-size:8px; color:#fff; line-height: 1.8em; padding-right: 7px; text-align: center; }

/*blue*/
.major_wrap .major_box.m_box_1 p.flag {background: url('../images/prom_flag_orange.png') no-repeat right top; background-size:67px;}
/*skyblue*/
.major_wrap .major_box.m_box_2 p.flag {background: url('../images/prom_flag_blue.png') no-repeat right top; background-size:67px;}
/*red*/
.major_wrap .major_box.m_box_3 p.flag {background: url('../images/prom_flag_skyblue.png') no-repeat right top; background-size:67px;}
/*green*/
.major_wrap .major_box.m_box_4 p.flag {background: url('../images/prom_flag_green.png') no-repeat right top; background-size:67px;}
/*orange*/
.major_wrap .major_box.m_box_5 p.flag {background: url('../images/prom_flag_blue.png') no-repeat right top; background-size:67px;}
/*blue*/
.major_wrap .major_box.m_box_6 p.flag {background: url('../images/prom_flag_blue.png') no-repeat right top; background-size:67px;}
/*brown*/
.major_wrap .major_box.m_box_7 p.flag {background: url('../images/prom_flag_skyblue.png') no-repeat right top; background-size:67px;}
/*blue*/
.major_wrap .major_box.m_box_8 p.flag {background: url('../images/prom_flag_brown.png') no-repeat right top; background-size:67px;}

.major_wrap .major_box_ul .major_box .list_ul{width: calc(100% - 5px);height:290px;padding: 0 4% 0 6%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.major_wrap .major_box_ul .major_box .list_ul li{position: relative;cursor: pointer;background: url('../images/box_bg.png') no-repeat center center; background-size:100% 100%;padding: 0 13% 0 8%;width: 100%;height: 80px;margin-bottom: 10px;border-radius: 3px;box-sizing: border-box;-webkit-box-sizing: border-box;}

.major_wrap .major_box_ul .major_box .list_ul li .top_tit{position: absolute;top: 10px;left: 15px;color: rgba(255, 255, 255, 0.5);font-size: 10px;}
.major_wrap .major_box_ul .major_box .list_ul li .top_sts{position: absolute;top: 10px;right: 15px;color: rgba(255, 255, 255, 0.5);font-size:9px;}
.major_wrap .major_box_ul .major_box .list_ul li .mj_tit{position: absolute;bottom: 10px;left: 15px;width: 90%;color: #ffffff;font-size:12px;font-weight: 500;letter-spacing: -0.04em;}
.major_wrap .major_box_ul .major_box .list_ul li .mj_cnt{position: absolute;bottom: 10px;right: 15px;color: #fff;font-size:9px;line-height: 1.0em;}
.major_wrap .major_box_ul .major_box .list_ul li .mj_cnt span{font-size: 27px;color: #fff;font-weight: 600;}



/*===========================================================================*/
/*btn_area*/
/*===========================================================================*/
/*select st01*/
.select_st01{margin-right: 4px;border-radius: 30px;cursor:pointer;display: inline-block;-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);/* position: absolute; *//* left: 1%; *//* bottom: 1%; */}
.select_st01 select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height: 34px;font-size: 12px;color: #ffffff;padding: 5px 15px;width: 120px;border: solid 0px #6f7679;border-radius:30px;background: #151619ba url(../images/select_arrow_up.png) no-repeat 90% 50%;background-size:30px;}
.select_st01 select::-ms-expand {display:none;}
.select_st01 select + select{margin-left:10px;}

/*select st01*/
.select_st02{margin-right: 4px;border-radius: 30px;cursor:pointer;display: inline-block;-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);/* position: absolute; *//* left: 1%; *//* bottom: 1%; */}
.select_st02 select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height: 34px;font-size: 12px;color: #ffffff;padding: 5px 15px;width: 120px;border: solid 0px #6f7679;border-radius: 3px;background: #433c38 url(../images/select_arrow_down.png) no-repeat 95% 50%;background-size:30px;}
.select_st02 select::-ms-expand {display:none;}
.select_st02 select + select{margin-left:10px;}

/*pag_btn*/
a.pag_btn_txt{color:#fff;display: inline-block;width: 30px;width: auto;height: 40px;border-radius: 40px;cursor:pointer;font-size: 12px;background: #151619ba;padding: 10px 17px;box-sizing: border-box;-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);}
.pag_btn_close{display:inline-block;width: 30px;height: 30px;margin-left: 2px !important;background: rgba(21, 22, 25, 0.7) url(../images/ic_ptz_list_close.png) center center no-repeat;background-size: 50%;border-radius: 40px;cursor:pointer;-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);text-indent: -999999px;}
.pag_btn_top{display: inline-block;width: 30px;height: 30px;margin-left: 2px !important;background: rgba(21, 22, 25, 0.7) url(../images/btn_top.png) no-repeat center center;background-size: 40%;border-radius: 40px;cursor:pointer;-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);text-indent: -999999px;}

/*pag_btn 좌우이동*/
.pag_btn_pre,
.pag_btn_next{width: 30px;height: 30px;position: absolute;top: 30%;display: block;text-indent: -99999px;z-index: 999999;cursor: pointer;}
.pag_btn_pre{left: -1.0%;background: url('../images/page_prv.png') no-repeat;background-size:100%;}
.pag_btn_next{right: 3.5%;background: url('../images/page_next.png') no-repeat;background-size:100%;}

.btn_top{display: block;width: 34px;height: 34px;background:#151619ba url(../images/btn_top.png) no-repeat center center;background-size: 40%;border-radius: 30px;cursor:pointer;-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);/* position: absolute; *//* right: 2%; *//* bottom: 2%; */text-indent: -9999px;}

.show-add-info-btn{width: 20px; height: 40px; position: absolute;top: 52px;display: block;text-indent: -99999px;z-index: 999999;cursor: pointer;}
.show-add-info-btn{right: 3.5%;background: url('../images/btn_weather_open.png') no-repeat;background-size:100%;}

.show-add-info-btn.close{width: 20px; height: 40px; position: absolute;top: 52px;display: block;text-indent: -99999px;z-index: 999999;cursor: pointer;}
.show-add-info-btn.close{right: 3.5%;background: url('../images/btn_weather_close.png') no-repeat;background-size:100%;}

.show-add-info-btn2 {width: 20px; height: 40px; position: absolute;top: 65px;display: block;text-indent: -99999px;z-index: 999999;cursor: pointer;}
.show-add-info-btn2{right: 3.5%;background: url('../images/btn_weather_open2.png') no-repeat;background-size:100%;}

.show-add-info-btn2.close{width: 20px; height: 40px; position: absolute;top: 65px;display: block;text-indent: -99999px;z-index: 999999;cursor: pointer;}
.show-add-info-btn2.close{right: 3.5%;background: url('../images/btn_weather_close2.png') no-repeat;background-size:100%;}

/*.btn_area01,
.btn_area02,
.btn_area03,
.btn_area04{border:solid 3px #fff;}*/

/*btn_area01*/
.btn_area01{position:absolute;bottom: 2%;left: 2%;/* width:calc(100% - 20px); */}
.btn_area01 .fl_left{float:left;}
.btn_area01 .fl_right{float:right;}
.btn_area01.left{left:2%;width: auto !important;}
.btn_area01.right{left: auto !important;right:2%;width: auto !important;}
.btn_area01:after{content: ''; clear: both; display: block;}

/*btn_area02*/
.btn_area02{position:absolute;bottom: 2%;left: 2%;/* width:calc(100% - 20px); */}
.btn_area02 .fl_left{float:left;}
.btn_area02 .fl_right{float:right;}
.btn_area02.left{left:2%;width: auto !important;}
.btn_area02.right{left: auto !important;right:2%;width: auto !important;}
.btn_area02:after{content: ''; clear: both; display: block;}

/*btn_area03*/
.btn_area03{position:absolute;bottom:10px;width:auto;}
.btn_area03 .fl_left{float:left;}
.btn_area03 .fl_right{float:right;}
.btn_area03.left{left:2%;}
.btn_area03.right{left:auto;right:2%;}
.btn_area03.center{left: calc(50% - 50px);width: 100px;}

/*btn_area04*/
.btn_area04{position:absolute;bottom: 46px;left: 3px;width: auto;}
.btn_area04.left{left:2%;}
.btn_area04.right{right:2%;left: auto;}
.btn_area04:after{content: ''; clear: both; display: block;}


/* =========================================================================== */
/* 재난 안전 */
/* =========================================================================== */
/*재난상세내용 가로버전*/
.disaster_state {position:relative;width: 100%;height: 100px;background: #0b334a;box-sizing: border-box;padding: 15px 10px 10px 10px;border-bottom: solid 1px #165d8a;}

/* 재난상황 타임라인 */
.disaster_state .time_line {width: 100%;margin-left:-30px;}
.disaster_state .time_line:after{clear: both; content: ''; display: block;}
.disaster_state .time_line>li{width: 12.5%;position:relative;float:left;height: 70px;padding:0;margin:0;}

.disaster_state .time_line>li{background: url(../images/timebar_off.png) repeat-x right 25px;background-size:150px;}
.disaster_state .time_line>li.on{background: url(../images/timebar_on.png) repeat-x right 25px;background-size:150px;}
.disaster_state .time_line>li:first-child{background: url(../images/timebar_off_first.png) repeat-x right 25px;background-size:150px;}
.disaster_state .time_line>li:first-child.on{background: url(../images/timebar_on_first.png) repeat-x right 25px;background-size:150px;}

.disaster_state .time_line>li .txt{position:absolute;top:0;right: -43%;width:100%;color:#999;text-align: center;}
.disaster_state .time_line>li .time{position:absolute;bottom:0;right: -44%;width:100%;color:#999;text-align: center;}
.disaster_state .time_line>li.on .txt,
.disaster_state .time_line>li.on .time{color:#fff;}

/*재난상세내용*/
.disaster_list.he2{height: calc(100% - 100px);}
.disaster_list{position:relative;width: 100%;height:100%;/* background: #2f3235; *//* box-sizing: border-box; */padding: 10px;/* background: #0d3c58; */box-sizing: border-box;}

/*재난상세내용 세로버전*/
.disaster_list02{float:left;width:calc(100% - 100px);height:100%;position:relative;background:#2d3745;box-sizing: border-box;padding: 10px;background:#222629;border-right:solid 1px #434749;box-sizing: border-box;}
.disaster_state02{float:left;width:100px;height:100%;position:relative;background:#2f3235;box-sizing: border-box;padding: 15px 10px 10px 10px;}

/* 재난상황 타임라인 */
.disaster_state02 .time_line {width: 100%;margin-left:-30px;}
.disaster_state02 .time_line:after{clear: both; content: ''; display: block;}
.disaster_state02 .time_line>li{width: 12.5%;position:relative;float:left;height: 70px;padding:0;margin:0;}

.disaster_state02 .time_line>li{background: url(../images/timebar_off.png) repeat-x right 25px;background-size:150px;}
.disaster_state02 .time_line>li.on{background: url(../images/timebar_on.png) repeat-x right 25px;background-size:150px;}
.disaster_state02 .time_line>li:first-child{background: url(../images/timebar_off_first.png) repeat-x right 25px;background-size:150px;}
.disaster_state02 .time_line>li:first-child.on{background: url(../images/timebar_on_first.png) repeat-x right 25px;background-size:150px;}

.disaster_state02 .time_line>li .txt{position:absolute;top:0;right: -43%;width:100%;color:#999;text-align: center;}
.disaster_state02 .time_line>li .time{position:absolute;bottom:0;right: -44%;width:100%;color:#999;text-align: center;}
.disaster_state02 .time_line>li.on .txt,
.disaster_state02 .time_line>li.on .time{color:#fff;}

/* =========================================================================== */
/* 균형발전 */
/* =========================================================================== */
/*균형발전메인 카드 컨텐츠================*/
.nwbizmain_wrap{position: relative;background:url(../images/nwbizmain_bg.png) center center no-repeat;background-size: 100% 100%;box-sizing:border-box;width:101%;height:calc(100% + 20px);margin-left:-0.5%;margin-top:-10px;padding: 10px 0.5% 10px 0.5%;}

.nwbizmain_wrap .card_area{position:relative;width: calc(100% - 90px);height: 620px;overflow: hidden;margin: 0 auto;}
.nwbizmain_wrap .card_area .inner_box{width:997.4358974358974%;height:100%;}

.nwbiz_card:first-child{margin-left:0px;}
.nwbiz_card {position:relative;display: block;float: left;width: 570px;height: 100%;margin-left: 50px;text-align:left;box-sizing: border-box;}
.nwbiz_card .hd_title.bg01{background: url(../images/nwbizmain_hdbg01.png) 98% 38% no-repeat;background-size: 53%;}
.nwbiz_card .hd_title.bg02{background:url(../images/nwbizmain_hdbg02.png) 98% 38% no-repeat;background-size:53%;}
.nwbiz_card .hd_title.bg03{background:url(../images/nwbizmain_hdbg03.png) 98% 38% no-repeat;background-size:53%;}

.nwbiz_card .hd_title{height: 170px;width:100%;padding: 22px 0 0 0;margin:0;color: #fff;box-sizing: border-box;}
.nwbiz_card .hd_title .tit{font-size: 41px;font-weight:400;text-align: center;letter-spacing: -0.08em;border-bottom: solid 5px #fff;padding-bottom: 0;line-height: 1.5em;width: 100%;}
.nwbiz_card .hd_title .tit.t01{letter-spacing: -0.04em;}
.nwbiz_card .hd_title .tit.t02{letter-spacing: -0.08em;}
.nwbiz_card .hd_title .tit.t03{letter-spacing: -0.06em;}
.nwbiz_card .hd_title .tit b{font-weight:600;}
.nwbiz_card .hd_title .txt{text-align: left;padding-top: 12px;font-size: 17px;letter-spacing: -0.05em;width: 100%;}
.nwbiz_card .ft_btn{text-align: center;width: 100%;margin-top: 10px;/* height: 30px; */}
.nwbiz_card .ft_btn a{color:#fff;font-size: 13px;border-bottom:solid 1px #fff;padding: 5px 0 3px 0;line-height: 1.0em;display: inline-block;}

.nwbiz_card .biz_box_wrap{position: relative;width:100%;height: 410px;padding:0;box-sizing: border-box;overflow: hidden;}
.nwbiz_card .biz_box_wrap:after{clear: both;display: block;content: '';}

/* 균형발전 메인 biz_box 시설물 단체 */
.nwbiz_card .biz_box{border:solid 1px rgba(255,255,255,0.9); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.nwbiz_card .biz_box{float:left;width:calc(33.33% - 10px);height:calc(33.33% - 10px);position:relative;box-sizing: border-box;margin:0 0 15px 15px;background: #0d0e13a8;text-shadow: 1px 1px 1px #2d3033;}
.nwbiz_card .biz_box:nth-child(3n+1){margin-left:0;}

.nwbiz_card .biz_box a{color:#fff; display:block; width: 100%; height: 100%;box-sizing:border-box;background:#383c3f;border:1px solid #42454d;}
.nwbiz_card .biz_box a:hover,
.nwbiz_card .biz_box a:active{border: solid 1px #90c9fe;color:#fff !important;}
.nwbiz_card .biz_box a:hover p.title,
.nwbiz_card .biz_box a:active p.title{color:#fff !important;}

.nwbiz_card .biz_box.on{color:#fff !important;}
.nwbiz_card .biz_box.on a{color:#fff !important;border: solid 1px #90c9fe;}
.nwbiz_card .biz_box.on p.title {color:#fff !important;}

.nwbiz_card .biz_box p.title {position:absolute;top: 64%;width:100%;font-size:13px;letter-spacing:-0.04em;color:#a8aaab;text-align:center;}
.nwbiz_card .biz_box p.count {position:absolute;bottom: 37%;width:100%;text-align:center;letter-spacing:-0.01em;color:#fff;}
.nwbiz_card .biz_box p.count span.cnt {font-size: 38px;font-weight:600;color:#fff;margin-right:2px;letter-spacing:-0.06em;}

.nwbiz_card .biz_box p.flag{position:absolute;top:6px;left: -4px;min-width:60px;height:25px;font-size:11px;color:#fff !important;background: url('../images/policy_flag_f00.png') no-repeat left top;background-size: 100% 100%;padding-right: 16px;line-height: 2.0em;padding-right: 16px;padding-left: 12px;text-align: left;box-sizing: border-box;}
.nwbiz_card .biz_box p.flag.f00{background: url('../images/policy_flag_f00.png') no-repeat left top;background-size: 100% 100%;}
.nwbiz_card .biz_box p.flag.f01{background: url('../images/policy_flag_f01.png') no-repeat left top;background-size: 100% 100%;}
.nwbiz_card .biz_box p.flag.f02{background: url('../images/policy_flag_f02.png') no-repeat left top;background-size: 100% 100%;}
.nwbiz_card .biz_box p.flag.f03{background: url('../images/policy_flag_f03.png') no-repeat left top;background-size: 100% 100%;}
.nwbiz_card .biz_box p.flag.f04{background: url('../images/policy_flag_f04.png') no-repeat left top;background-size: 100% 100%;}
.nwbiz_card .biz_box p.flag.f05{background: url('../images/policy_flag_f05.png') no-repeat left top;background-size: 100% 100%;}
.nwbiz_card .biz_box p.flag.f06{background: url('../images/policy_flag_f06.png') no-repeat left top;background-size: 100% 100%;}

/* 균형발전 메인 biz_box 공약사업추진현황 */
.nwbiz_card .biz_box02{border:solid 1px rgba(255,255,255,0.9); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.nwbiz_card .biz_box02{float:left;width:calc(50% - 8px);height:calc(33.33% - 11px);margin:0 0 16px 16px;position:relative;box-sizing: border-box;background: #0d0e13ab;text-shadow: 1px 1px 1px #2d3033;}
.nwbiz_card .biz_box02:nth-child(2n+1){margin-left:0;}

.nwbiz_card .biz_box02 a{color:#fff; display:block; width: 100%; height: 100%;box-sizing:border-box;background:#383c3f;border:1px solid #42454d;}
.nwbiz_card .biz_box02 a:hover,
.nwbiz_card .biz_box02 a:active{border: solid 1px #90c9fe;color:#fff !important;}
.nwbiz_card .biz_box02 a:hover p.title,
.nwbiz_card .biz_box02 a:active p.title{color:#fff !important;}

.nwbiz_card .biz_box02.on{color:#fff !important;}
.nwbiz_card .biz_box02.on a{color:#fff !important;border: solid 1px #90c9fe;}
.nwbiz_card .biz_box02.on p.title {color:#fff !important;}

.nwbiz_card .biz_box02 .title {position:absolute;top: 15px;left: 20px;font-size: 21px;font-weight: 600;letter-spacing:-0.04em;color: #ffffff;text-align:left;line-height: 1.2em;}
.nwbiz_card .biz_box02 .title .tit01 {font-size: 16px;font-weight: 400;letter-spacing:-0.04em;}
.nwbiz_card .biz_box02 .title .tit02 {font-size: 21px;letter-spacing:-0.04em;}

.nwbiz_card .biz_box02 .grp_bar {position:absolute;bottom: 13px;left: 15px;width: calc(100% - 30px);height: 28px;}
.nwbiz_card .biz_box02 .grp_bar .b_st01,
.nwbiz_card .biz_box02 .grp_bar .b_st02,
.nwbiz_card .biz_box02 .grp_bar .b_st03{text-align:center;display: block;float: left;height: 100%;width: 20%;padding-top: 5px;box-sizing: border-box;letter-spacing: -0.04em;font-size: 12px;}
/*.nwbiz_card .biz_box02 .grp_bar .b_st01{background: #5e64f0;}
.nwbiz_card .biz_box02 .grp_bar .b_st02{background: #ffa800;}
.nwbiz_card .biz_box02 .grp_bar .b_st03{background: #ff3d00;}*/
.nwbiz_card .biz_box02 .grp_bar .b_st01{background: #7f83f3;}
.nwbiz_card .biz_box02 .grp_bar .b_st02{background: #ffb830;}
.nwbiz_card .biz_box02 .grp_bar .b_st03{background: #fe831f;}

.nwbiz_card .biz_box02 .ic01,
.nwbiz_card .biz_box02 .ic02,
.nwbiz_card .biz_box02 .ic03,
.nwbiz_card .biz_box02 .ic04,
.nwbiz_card .biz_box02 .ic05,
.nwbiz_card .biz_box02 .ic06{position: absolute;right: 10px;bottom: 30px;display: block;width: 80px;height:80px;}
.nwbiz_card .biz_box02 .ic01{background: url(../images/ic_biz01.png) 0 0 no-repeat; background-size:100%;}
.nwbiz_card .biz_box02 .ic02{background: url(../images/ic_biz02.png) 0 0 no-repeat; background-size:100%;}
.nwbiz_card .biz_box02 .ic03{background: url(../images/ic_biz03.png) 0 0 no-repeat; background-size:100%;}
.nwbiz_card .biz_box02 .ic04{background: url(../images/ic_biz04.png) 0 0 no-repeat; background-size:100%;}
.nwbiz_card .biz_box02 .ic05{background: url(../images/ic_biz05.png) 0 0 no-repeat; background-size:100%;}
.nwbiz_card .biz_box02 .ic06{background: url(../images/ic_biz06.png) 0 0 no-repeat; background-size:100%;}

/*시설물리스트부가정보팝업*/
.nwbiz_popup{position:absolute;top: calc(45% + 66px);left: calc(50% - 200px);width: 400px;height: 196px;background:#383c3f;border: 3px solid #ababab87;overflow:hidden;box-sizing:border-box;z-index: 99999;}
.nwbiz_popup{-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.nwbiz_popup .tit{background:#2f3235;border-bottom: solid 1px #574f4a;position: relative;width: 100%;height: 30px;text-align: center;padding: 5px 0 0 0;box-sizing: border-box;}
.nwbiz_popup .info{width:calc(100% - 20px);height: calc(100% - 50px);margin: 10px;box-sizing: border-box;}
.nwbiz_popup .info table{border:1px solid #43484b; border-bottom:none;}
.nwbiz_popup .btn_close {position:absolute;z-index: 9999;bottom: 6px;right: 6px;width: 30px;height: 30px;background:url(../images/btn_tb_x.png) 0 0 no-repeat;background-size:100%;cursor:pointer;}
.nwbiz_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}
.nwbiz_popup pre{font-family:"Noto Sans KR", Dotum, "돋움", Arial, serif;}


/* =========================================================================== */
/* 기본현황 */
/* =========================================================================== */
/*하단탭*/

/*홍보================*/
.nwpride_bg{background:url(../images/nwpride_bg.png) center center no-repeat; background-size: 100% 100%;}

.nwpride_wrap{position: relative; background:url(../images/nwpride_bg.png) center center no-repeat; background-size: 100% 100%; width:101%; height:calc(100% + 20px); margin-left:-0.5%; margin-top:-10px; box-sizing:border-box;}
.nwpride_wrap .hd_title{padding: 24px 0 0 0;font-size: 28px;font-weight:300;text-align: center;letter-spacing: -0.08em;display: block;width: auto;position: relative;margin: 0 auto;height: 84px;box-sizing: border-box;}

.nwpride_card_wrap{width: calc(100% - 100px);margin: 0 auto;height: 490px;/* border:solid 1px #ccc; */box-sizing: border-box;display: block;}
.nwpride_card_wrap .inner_list{width: 997.4358974358974%;}
.nwpride_card {position:relative;display: block;width: 320px;height: 490px;margin-right: 50px;text-align:left;box-sizing: border-box;/* overflow: hidden; */float: left;}
.nwpride_card .card_box{position: relative;width:100%;height:100%;padding:0;box-sizing: border-box;/* background: rgba(0, 0, 0, 0.7); */border: solid 1px #6d6d6d;}
.nwpride_card .card_box{-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);}
.nwpride_card .card_box:before{content: '';display: block;position: absolute;top: -1px;left: -1px;height: 3px;width: calc(100% + 2px);background: #237bc6;}
.nwpride_card .card_box:after{clear: both;display: block;content: '';}

.nwpride_card .cd_title{font-size: 28px;font-weight:600;text-align: center;width: 100%;height: 70px;padding: 22px 0 0 0;margin:0;line-height: 1.4em;color:#fff;box-sizing: border-box;text-shadow: 1px 1px 1px #2d3033;}
.nwpride_card .cd_tab{width: calc(100% - 30px);margin: 0 auto;height: 33px;box-sizing: border-box;}
.nwpride_card .cd_tab a{display:block;width:50%;height: 100%;float: left;box-sizing: border-box;color: #ccc;background: #111314;text-align: center;box-sizing: border-box;padding: 9px 0 0 0;line-height: 1.0em;}
.nwpride_card .cd_tab a.on{color: #fff;background: #237bc6;}

.nwpride_card .cd_text{font-size: 16px;width:100%;padding: 10px 5px 0 5px;/* height:80px; */display:block;text-align:left;color: #827a76;overflow:hidden;/* margin-top: 10px; */line-height: 1.4em;}
.nwpride_card .cd_more{font-size:25px;width: 30px;height: 20px;text-align: center;color:#fff;padding:0;box-sizing: border-box;position: absolute;top: 7px;right: 10px;/* border: solid 1px #000; */background: url(../images/epbiz_card_more.png) center center no-repeat;background-size: 100%;}
.nwpride_card .cd_more a{display: block;width: 100%; height: 100%; text-indent: -9999px;}

/*주요지표리스트*/
.nwpride_card .cd_list{font-size: 14px;font-weight:400;width: calc(100% - 30px);height: calc(100% - 224px);padding: 0;margin: 12px auto;color:#fff;box-sizing: border-box;}
.nwpride_card .cd_list>li{position: relative;display:block;width: calc(50% - 5px);height: 106px;padding: 0;box-sizing: border-box;float: left;border: solid 1px #424445;margin: 0 10px 10px 0;background: #151717;text-align: center;}
.nwpride_card .cd_list>li:nth-child(even){margin: 0 0 10px 0;}
.nwpride_card .cd_list>li.on{border: solid 1px #32b0ef;}
.nwpride_card .cd_list a{color:#fff;display:block;width:100%;height: 100%;line-height: 1.4em;box-sizing: border-box;padding: 27px 0 0 0;}
.nwpride_card .cd_list .cnt{font-size: 13px;font-weight: 400;color: #ccc;}
.nwpride_card .cd_list .cnt span{font-size:30px;font-weight: 600;color: #fff;margin-right: 5px;}
.nwpride_card .cd_list .txt{font-size: 13px;font-weight: 400;color: #fff;margin-top: 5px;}
.nwpride_card .cd_list .medal{position: absolute;left: 0;top:0;width: 40px;height: 40px;background: url(../images/medal.png) 0 0 no-repeat;background-size: 100%;display: block;}

/*주요정책리스트*/
.nwpride_card .cd_list02{font-size: 14px;font-weight:400;width: calc(100% - 30px);height: calc(100% - 150px);padding: 10px 5px 0 15px;margin: 12px auto;color:#fff;box-sizing: border-box;border: solid 1px #424445;background: #151717;}
.nwpride_card .cd_list02>li{position: relative;display:block;width:100%;height: 59px;padding: 3px 10px 0 0;box-sizing: border-box;margin: 0 0 5px 0;}
.nwpride_card .cd_list02 a{color:#fff;display:block;width:100%;height: 100%;line-height: 1.4em;box-sizing: border-box;padding: 0 0 0 82px;}
.nwpride_card .cd_list02 .img{margin-top: 5px;display: block;background: #ccc;position: absolute;left: 0;top: 0;width: 72px;height: 50px;}
.nwpride_card .cd_list02 .img>img{width: 100%;height: 100%;}
.nwpride_card .cd_list02 .tit{font-size: 12px;font-weight: 600;color: #fff;margin-bottom: 2px;}
.nwpride_card .cd_list02 .txt{font-size: 10px;font-weight: 400;color: #fff;line-height: 1.4em;}

/*페이징*/
.nwpride_card .cd_paging{position:absolute;bottom: 12px;left:0;width: 100%;height:10px;text-align:center;}
.nwpride_card .cd_paging a{display: inline-block;width:8px;height:8px;background: #000;cursor:pointer;border-radius: 10px; margin:0 1px; text-indent: -99999px;}
.nwpride_card .cd_paging a.on{background: #42464c;width: 17px;}

/*자세히보기 팝업*/
.nwpride_card .cd_detail{position: absolute;left: -40px;top:0;width: 400px;height: 490px;z-index: 99;background: #252526;padding: 10px 7px 10px 15px;box-sizing: border-box;display:block;border: solid 3px #6e6e6e;overflow: hidden;}
.nwpride_card .cd_detail>.inner_box{height: calc(100% - 26px);width: 100%;box-sizing: border-box;}

.nwpride_card .dt_title{font-size: 15px;font-weight: 400;text-align: left;width: 100%;height: 40px;padding: 7px 0 0 0;margin:0;line-height: 1.4em;color:#ccc;box-sizing: border-box;/* border-bottom:solid 2px rgba(255,255,255,0.4); */}
.nwpride_card .dt_title .sp01{font-size: 25px;font-weight: 600;color:#fff;margin-right: 2px;}
.nwpride_card .dt_title .sp02{color:#fff;}
.nwpride_card .dt_photo{width: 100%;height: 180px;}
.nwpride_card .dt_photo>img{width: 100%;height:100%;}
.nwpride_card .dt_table{line-height: 1.0em;margin-top: 10px;}
.nwpride_card .dt_table + .dt_table{border-top: solid 1px #363636;margin-top:8px;padding-top:10px;}

.nwpride_card .dt_source{color: #b9babc;font-size: 11px;position: absolute;bottom: 10px;left: 15px; /*left:auto;right: 15px;*/}
.nwpride_card .dt_source span{color:#fff;margin-left: 18px;}

.nwpride_card .dt_close{opacity: 0.5;position:absolute;z-index: 999;bottom: 5px;right: 5px;box-sizing: border-box;width:30px;height:30px;background:url(../images/btn_tb_x2.png) 0 0 no-repeat;background-size:30px;cursor:pointer;}
.nwpride_card .dt_close a{text-indent: -999999px;display: block; width:100%; height:100%;}


.nwpride_card.cd01{background: #1e2022 url(../images/nwpride_bg01.png) 0 0 no-repeat; background-size: 100%;}

.nwpride_card.cd02{background: #1e2022 url(../images/nwpride_bg02.png) 0 0 no-repeat; background-size: 100%;}
.nwpride_card.cd02 .card_box:before{background: #8e54ce;}
.nwpride_card.cd02 .cd_tab a.on{background: #8e54ce;}
.nwpride_card.cd02 .cd_list>li.on{border: solid 1px #8e54ce;}

.nwpride_card.cd03{background: #1e2022 url(../images/nwpride_bg03.png) 0 0 no-repeat; background-size: 100%;}
.nwpride_card.cd03 .card_box:before{background: #824439;}
.nwpride_card.cd03 .cd_tab a.on{background: #824439;}
.nwpride_card.cd03 .cd_list>li.on{border: solid 1px #824439;}

.nwpride_card.cd04{background: #1e2022 url(../images/nwpride_bg04.png) 0 0 no-repeat; background-size: 100%;}
.nwpride_card.cd04 .card_box:before{background: #287933;}
.nwpride_card.cd04 .cd_tab a.on{background: #287933;}
.nwpride_card.cd04 .cd_list>li.on{border: solid 1px #287933;}

.nwpride_card.cd05{background: #1e2022 url(../images/nwpride_bg05.png) 0 0 no-repeat; background-size: 100%;}
.nwpride_card.cd05 .card_box:before{background: #a5311d;}
.nwpride_card.cd05 .cd_tab a.on{background: #a5311d;}
.nwpride_card.cd05 .cd_list>li.on{border: solid 1px #a5311d;}

/*대외평가=================*/
.nwawarded_wrap{position: relative; background:url(../images/nwawarded_bg.png) center center no-repeat; background-size: 100% 100%; box-sizing:border-box; width:101%; height:calc(100% + 20px); margin-left:-0.5%; margin-top:-10px; padding:10px 0 48px 0;}

.nwawarded{position:relative;float:left;width: 48.5%;margin: 0 0.75%;height:100%;box-sizing:border-box;}

.nwawarded_wrap .tit01{color:#fff;font-size:16px;font-weight: bold;letter-spacing: -0.04em;line-height: 1.2em;}
.nwawarded_wrap .tit01 span{color:#8fbfec;}
.nwawarded_wrap .tit02{color: #e0e0e0c2;/* color: #8fbfec; */font-size:11px;letter-spacing: -0.04em;margin:5px 0 4px 0;}
.nwawarded_wrap .tit03{color:#fff; font-size:16px; font-weight: bold; letter-spacing:-0.08em; line-height: 1.2em;}
.nwawarded_wrap .tit03 span{color:#8fbfec;}
.nwawarded_wrap .txt{color:#c1c2c3;font-size:9px;font-weight:300;letter-spacing:-0.06em;line-height: 1.3em;}
.nwawarded_wrap .img img{width:100%;}
.nwawarded_wrap .ic_acc{display: block;color: #e3e5cc;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-radius: 10px;padding: 2px 12px 3px 22px;background: #2b3d4bbf;/* position: absolute; *//* left: 10px; *//* top: 10px; */width: auto;font-size: 11px;letter-spacing: -0.04em;position: absolute;left: 10px;top: 8px;}
.nwawarded_wrap .ic_acc:before{content: '';background: url(../images/ic_acc1.png) 0 0 no-repeat;background-size: 32px;width: 34px;height: 40px;position: absolute;left: -12px;top: -10px;}

.nwawarded_wrap .ic_acc2{display: block;color: #c38a58;border-top-right-radius: 4px;border-bottom-right-radius: 4px;/* border-radius: 10px; */padding: 6px 12px 3px 5px;/* background: #1c1f17; *//* position: absolute; *//* left: 10px; *//* top: 10px; */width: auto;font-size: 13px;letter-spacing: 0.2em;position: absolute;left: 8px;top: 3px;}
.nwawarded_wrap .ic_acc2:before{content: '';background: url(../images/ic_acc2.png) 0 0 no-repeat;background-size: 28px;width: 30px;height: 30px;position: absolute;right: -17px;top: 0px;}

.nwawarded_wrap .ic_acc3{display: block;color: #bbddff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;/* border-radius: 10px; */padding: 5px 30px 3px 10px;/* background: #1c1f17; *//* position: absolute; *//* left: 10px; *//* top: 10px; */width: auto;font-size: 13px;letter-spacing: -0.04em;position: absolute;right: 7px;top: 5px;}
.nwawarded_wrap .ic_acc3:before{content: '';background: url(../images/ic_acc3.png) 0 0 no-repeat;background-size: 28px;width: 40px;height: 50px;position: absolute;right: -15px;top: -5px;}

.nwawarded_list{width: 100%; height:calc(100% - 40px); position: relative;}
.nwawarded_list>li{width:204px;height:144px;position:absolute;border:solid 1px #434749;padding: 37px 15px 0px 15px;box-sizing:border-box;background-color:rgba(39,42,46,0.5);-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);overflow: hidden;}

/*2018*/
.nwawarded.ver2018 .nwawarded_list .item1{width:210px;height: 120px;top:0;left:0;}
.nwawarded.ver2018 .nwawarded_list .item2{width:190px;height: 120px;top:0;left:220px;}
.nwawarded.ver2018 .nwawarded_list .item3{width: 204px;height: 120px;top:0;left: 420px;}
.nwawarded.ver2018 .nwawarded_list .item4{width: 143px;height: 120px;top:0;right: 154px;}
.nwawarded.ver2018 .nwawarded_list .item5{width: 143px;height: 120px;top:0;right:0px;}

.nwawarded.ver2018 .nwawarded_list .item6{width:210px;height: 130px;top: 130px;left:0px;}
.nwawarded.ver2018 .nwawarded_list .item7{width:190px;height: 130px;top: 130px;left:220px;}
.nwawarded.ver2018 .nwawarded_list .item8{width:204px;height: 130px;top: 130px;left:420px;}
.nwawarded.ver2018 .nwawarded_list .item9{width: 297px;height: 130px;top: 130px;right:0px;background: url(../images/nwawarded_img01.png) top right;background-size: 100% 100%;}
.nwawarded.ver2018 .nwawarded_list .item10{width:210px;height: 114px;top: 270px;left:0;}

.nwawarded.ver2018 .nwawarded_list .item11{width:190px;height: 114px;top: 270px;left:220px;}
.nwawarded.ver2018 .nwawarded_list .item12{width: 204px;height: 114px;top: 270px;left: 420px;background: rgba(41, 42, 44, 0.79);}
.nwawarded.ver2018 .nwawarded_list .item13{width: 146px;height: 114px;top: 270px;right: 150px;}
.nwawarded.ver2018 .nwawarded_list .item14{width: 140px;height: 114px;top: 270px;right: 0;}
.nwawarded.ver2018 .nwawarded_list .item15{width:210px;height: 140px;top: 396px;left:0;}

.nwawarded.ver2018 .nwawarded_list .item16{width:190px;height: 140px;top: 396px;left: 220px;}
.nwawarded.ver2018 .nwawarded_list .item17{width:204px;height: 140px;top: 396px;left: 420px;background: rgba(28, 32, 34, 0.65);}
.nwawarded.ver2018 .nwawarded_list .item18{width: 297px;height: 140px;top: 396px;right: 0;background: rgba(28, 32, 34, 0.65);}

/*2019년*/
.nwawarded.ver2019 .nwawarded_list .item1{width: 297px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2019 .nwawarded_list .item2{width:190px;height: 120px;top:0;left: 307px;}
.nwawarded.ver2019 .nwawarded_list .item3{width: 203px;height: 120px;top:0;left: 507px;}
.nwawarded.ver2019 .nwawarded_list .item4{width: 210px;height: 120px;top:0;right:0px;}
.nwawarded.ver2019 .nwawarded_list .item5{width: 297px;height: 130px;top: 130px;left: 0;}

.nwawarded.ver2019 .nwawarded_list .item6{width:190px;height: 130px;top: 130px;left: 307px;}
.nwawarded.ver2019 .nwawarded_list .item7{width: 424px;height: 130px;top: 130px;right: 0;background: url(../images/nwawarded_img03.jpg) top right no-repeat;background-size: 50% 100%;}
.nwawarded.ver2019 .nwawarded_list .item8{width: 297px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2019 .nwawarded_list .item9{width:190px;height: 266px;top: 270px;left: 307px;background: url(../images/nwawarded_img02.jpg) bottom left no-repeat;background-size: 100%;}
.nwawarded.ver2019 .nwawarded_list .item10{width: 203px;height: 266px;top: 270px;left: 507px;}

.nwawarded.ver2019 .nwawarded_list .item11{width: 210px;height: 114px;top: 270px;right: 0;}
.nwawarded.ver2019 .nwawarded_list .item12{width: 297px;height: 140px;top: 396px;left:0px;background: rgba(28, 32, 34, 0.65);}
.nwawarded.ver2019 .nwawarded_list .item13{width:210px;height: 140px;top: 396px;right: 0;padding-top: 15px;}
.nwawarded.ver2019 .nwawarded_list .item13 .tit01{width:78%;}

/*2019년 추가1*/
.nwawarded.ver2019 .nwawarded_list .item14{width:210px;height: 120px;top:0;left:0;}
.nwawarded.ver2019 .nwawarded_list .item15{width:190px;height: 120px;top:0;left:220px;}
.nwawarded.ver2019 .nwawarded_list .item16{width: 204px;height: 120px;top:0;left: 420px;}
.nwawarded.ver2019 .nwawarded_list .item17{width: 297px;height: 120px;top:0;right: 0;}

.nwawarded.ver2019 .nwawarded_list .item18{width:210px;height: 130px;top: 130px;left:0px;}
.nwawarded.ver2019 .nwawarded_list .item19{width:190px;height: 130px;top: 130px;left:220px;}
.nwawarded.ver2019 .nwawarded_list .item20{width:204px;height: 130px;top: 130px;left:420px;padding: 37px 45px 0px 15px;}
.nwawarded.ver2019 .nwawarded_list .item21{width: 297px;height: 130px;top: 130px;right:0px;/* background: url(../images/nwawarded_img01.png) top right; *//* background-size: 100% 100%; */}
.nwawarded.ver2019 .nwawarded_list .item22{width:210px;height: 114px;top: 270px;left:0;}

.nwawarded.ver2019 .nwawarded_list .item23{width:190px;height: 114px;top: 270px;left:220px;}
.nwawarded.ver2019 .nwawarded_list .item24{width: 204px;height: 114px;top: 270px;left: 420px;background: rgba(41, 42, 44, 0.79);}
.nwawarded.ver2019 .nwawarded_list .item25{width: 297px;height: 114px;top: 270px;right: 0;}
.nwawarded.ver2019 .nwawarded_list .item25 .tit01{width: 85%;}
.nwawarded.ver2019 .nwawarded_list .item26{width:210px;height: 140px;top: 396px;left:0;}

.nwawarded.ver2019 .nwawarded_list .item27{width:190px;height: 140px;top: 396px;left: 220px;}
.nwawarded.ver2019 .nwawarded_list .item28{width:204px;height: 140px;top: 396px;left: 420px;background: rgba(28, 32, 34, 0.65);}
.nwawarded.ver2019 .nwawarded_list .item29{width: 297px;height: 140px;top: 396px;right: 0;background: rgba(28, 32, 34, 0.65);}

/*2019년 추가2*/
.nwawarded.ver2019 .nwawarded_list .item30{width: 297px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2019 .nwawarded_list .item31{width:190px;height: 120px;top:0;left: 307px;}
.nwawarded.ver2019 .nwawarded_list .item32{width: 203px;height: 120px;top:0;left: 507px;}
.nwawarded.ver2019 .nwawarded_list .item33{width: 210px;height: 120px;top:0;right:0px;}
.nwawarded.ver2019 .nwawarded_list .item34{width: 297px;height: 130px;top: 130px;left: 0;}

.nwawarded.ver2019 .nwawarded_list .item35{width:190px;height: 130px;top: 130px;left: 307px;}
.nwawarded.ver2019 .nwawarded_list .item36{width: 424px;height: 130px;top: 130px;right: 0;background: url(../images/nwawarded_img04.png) no-repeat top left;background-size: 48% 100%;padding: 37px 15px 0px 220px;}
.nwawarded.ver2019 .nwawarded_list .item36 .tit01{width: 94%;}

.nwawarded.ver2019 .nwawarded_list .item37{width: 297px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2019 .nwawarded_list .item38{width:190px;height: 114px;top: 270px;left: 307px;/* background: url(../images/nwawarded_img02.jpg) bottom left no-repeat; *//* background-size: 100%; */}
.nwawarded.ver2019 .nwawarded_list .item39{width: 203px;height: 266px;top: 270px;left: 507px;/* background: url(../images/nwawarded_img05.jpg) bottom left no-repeat; *//* background-size: 100%; */}

.nwawarded.ver2019 .nwawarded_list .item40{width: 210px;height: 266px;top: 270px;right: 0;background: url(../images/nwawarded_img05.jpg) bottom left no-repeat;background-size: 100%;}
.nwawarded.ver2019 .nwawarded_list .item41{width: 297px;height: 140px;top: 396px;left:0px;background: rgba(28, 32, 34, 0.65);}
.nwawarded.ver2019 .nwawarded_list .item42{width: 190px;height: 140px;top: 396px;left: 307px;padding-top: 37px;}
.nwawarded.ver2019 .nwawarded_list .item42 .tit01{width: 93%;}

/*2020*/
.nwawarded.ver2020 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2020 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2020 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2020 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2020 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2020 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2020 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2020 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2020 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2020 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2020 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2020 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2021*/
.nwawarded.ver2021 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2021 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2021 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2021 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2021 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2021 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2021 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2021 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2021 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2021 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2021 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2021 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2022*/
.nwawarded.ver2022 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2022 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2022 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2022 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2022 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2022 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2022 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2022 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2022 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2022 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2022 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2022 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2023*/
.nwawarded.ver2023 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2023 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2023 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2023 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2023 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2023 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2023 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2023 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2023 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2023 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2023 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2023 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2024*/
.nwawarded.ver2024 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2024 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2024 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2024 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2024 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2024 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2024 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2024 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2024 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2024 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2024 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2024 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2025*/
.nwawarded.ver2025 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2025 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2025 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2025 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2025 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2025 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2025 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2025 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2025 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2025 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2025 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2025 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2026*/
.nwawarded.ver2026 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2026 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2026 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2026 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2026 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2026 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2026 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2026 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2026 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2026 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2026 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2026 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2027*/
.nwawarded.ver2027 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2027 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2027 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2027 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2027 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2027 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2027 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2027 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2027 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2027 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2027 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2027 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2028*/
.nwawarded.ver2028 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2028 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2028 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2028 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2028 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2028 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2028 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2028 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2028 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2028 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2028 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2028 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2029*/
.nwawarded.ver2029 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2029 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2029 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2029 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2029 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2029 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2029 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2029 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2029 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2029 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2029 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2029 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}

/*2030년*/
.nwawarded.ver2030 .nwawarded_list .item1{width: 303px;height: 120px;top: 0;left: 0px;}
.nwawarded.ver2030 .nwawarded_list .item2{width: 303px;height: 130px;top: 130px;left: 0;}
.nwawarded.ver2030 .nwawarded_list .item3{width: 303px;height: 114px;top: 270px;left:0;}
.nwawarded.ver2030 .nwawarded_list .item4{width: 303px;height: 140px;top: 396px;left:0px;}

.nwawarded.ver2030 .nwawarded_list .item5{width: 303px;height: 120px;top: 0;    left:313px;}
.nwawarded.ver2030 .nwawarded_list .item6{width: 303px;height: 130px;top: 130px;left:313px;}
.nwawarded.ver2030 .nwawarded_list .item7{width: 303px;height: 114px;top: 270px;left:313px;}
.nwawarded.ver2030 .nwawarded_list .item8{width: 303px;height: 140px;top: 396px;left:313px;}

.nwawarded.ver2030 .nwawarded_list .item9 {width: 303px;height: 120px;top: 0;    left:625px;}
.nwawarded.ver2030 .nwawarded_list .item10{width: 303px;height: 130px;top: 130px;left:625px;}
.nwawarded.ver2030 .nwawarded_list .item11{width: 303px;height: 114px;top: 270px;left:625px;}
.nwawarded.ver2030 .nwawarded_list .item12{width: 303px;height: 140px;top: 396px;left:625px;}


/* =========================================================================== */
/* 강화성과 */
/* =========================================================================== */
.pride_title{position:absolute;right: 30px;top: 75px;text-align:right;}
.pride_title h2{display: block;width: 341px;}
.pride_title h2 img{width: 100%;}
.pride_menu{padding: 20px 10px 10px 30px;}
.pride_menu>li{width: 100%;height: 30px;margin-bottom: 15px;}
.pride_menu>li a{display: block;width: 100%;height: 100%;color: #fff;vertical-align: top;line-height: 1.6em;font-size: 16px;}
.pride_menu>li i{display: inline-block;width: 30px;height: 30px;background: #ccc;vertical-align: top;border-radius: 30px;margin-right: 13px;}

.pride_menu>li i{display: inline-block;width: 30px;height: 30px;background: #6a5a51;border-radius: 40px;vertical-align: -10px;margin-right: 10px;}
.pride_menu>li .on i{background: #e88c22;}
.pride_menu>li:nth-child(1) i{background:#6a5a51 url(../images/pride_ic01.png) center center no-repeat;background-size: 80%;}
.pride_menu>li:nth-child(1) .on i{background:#e88c22 url(../images/pride_ic01.png) center center no-repeat; background-size: 80%;}
.pride_menu>li:nth-child(2) i{background:#6a5a51 url(../images/pride_ic02.png) center center no-repeat;background-size: 80%;}
.pride_menu>li:nth-child(2) .on i{background:#e88c22 url(../images/pride_ic02.png) center center no-repeat; background-size: 80%;}
.pride_menu>li:nth-child(3) i{background:#6a5a51 url(../images/pride_ic03.png) center center no-repeat;background-size: 80%;}
.pride_menu>li:nth-child(3) .on i{background:#e88c22 url(../images/pride_ic03.png) center center no-repeat; background-size: 80%;}
.pride_menu>li:nth-child(4) i{background:#6a5a51 url(../images/pride_ic04.png) center center no-repeat;background-size: 80%;}
.pride_menu>li:nth-child(4) .on i{background:#e88c22 url(../images/pride_ic04.png) center center no-repeat; background-size: 80%;}
.pride_menu>li:nth-child(5) i{background:#6a5a51 url(../images/pride_ic05.png) center center no-repeat;background-size: 85%;}
.pride_menu>li:nth-child(5) .on i{background:#e88c22 url(../images/pride_ic05.png) center center no-repeat; background-size: 85%;}

.pride_timeline{}

.pride_pdf{width: 100%; height: 100%; position: relative;display: block;}
.pride_pdf ul{width: 100%; height: 100%;}
.pride_pdf ul:after{content:''; display: block; clear: both;}
.pride_pdf ul>li{width: 50%;height: 100%;float: left;display: block;text-align: center;padding: 30px 10px 0 10px;box-sizing: border-box;}

/* =========================================================================== */
/* 핵심사업*/
/* =========================================================================== */
/*뉴스*/
.link_news.main{margin: 5px 0 0 0;height: calc(100% - 35px);}
.link_news {/* margin: 10px; *//* height: calc(100% - 20px); */margin: 15px 7px 15px 15px;height: calc(100% - 30px);}
.link_news ul{padding: 0 7px 0 0;}
.link_news ul>li{margin:10px 0 0 0;position:relative;padding: 0 65px 0 0;text-indent: 0;}
.link_news ul>li:first-child{margin-top: 1px;}
.link_news ul>li a{color:#fff;width: 70%;display: inline-block;}
.link_news ul>li span.press{font-weight:normal;font-size:11px;color: #ffffff;margin-left:3px;padding-left: 5px;display: inline-block;text-indent: 0;}
.link_news ul>li span.date{position:absolute;right:0;top:0;font-weight:normal;font-size:11px;color:#a8aaab;}
/*말줄임*/
.link_news ul>li a{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.link_news ul>li span.press{position: absolute;right: 68px;top: 1px;}


.link_news2{margin:15px 7px 15px 15px;height: calc(100% - 30px);}
.link_news2 ul{padding:0 7px 0 0;}
.link_news2 ul>li{margin:10px 0 0 0;position:relative;}
.link_news2 ul>li:first-child{margin-top: 1px;}
.link_news2 ul>li a{color:#fff;width: 70%;display: inline-block;}
.link_news2 ul>li a{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}/*말줄임*/
.link_news2 ul>li span.cate{font-weight: 400;font-size: 12px;color: #318ceb;margin-right: 7px;display: inline-block;padding: 0;box-sizing: border-box;/* text-align:left; */}
.link_news2 ul>li span.sts{position: absolute;right: 66px;top: 1px;font-weight:normal;font-size:11px;color: #ffffff;display: inline-block;width: 50px;text-align: center;}
.link_news2 ul>li span.date{position:absolute;right:0;top: 1px;font-weight:normal;font-size:11px;color:#a8aaab;display: inline-block;}

/*팝업내용*/
.link_news2_popup{width: calc(100% - 5px);margin-left: 5px;height: 100%;box-sizing: border-box;}
.link_news2_popup ul{width: 500px;height: 230px;display: block;margin: 0 auto;}
.link_news2_popup .question{width: 100%;margin: 0;color:#fff;font-size: 12px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.6em;padding: 2px 0 0 0;box-sizing: border-box;position: relative;border-bottom: 1px solid #185c8b;}
.link_news2_popup .question .q_title{font-size: 14px;font-weight: 500;padding-bottom: 10px;padding-right: 0;}
.link_news2_popup .question .q_text{font-size: 11px;font-weight: 400;padding: 0 20px 0 6px;margin: 10px 0;height: 276px;}
.link_news2_popup .question .q_text2{font-size: 11px;font-weight: 400;padding: 0 20px 0 6px;margin: 10px 0;height: 383px;}
.link_news2_popup .question .q_text3{font-size: 11px;font-weight: 400;padding: 0 20px 0 6px;margin: 10px 0;height: 137px;}
.link_news2_popup .question .q_photo{width: 200px; height: 110px;}
.link_news2_popup .question .h-30{height: 24px;}

.link_news2_popup .answer{width: 100%;margin-top: 15px;color:#ccc;font-size: 12px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.6em;box-sizing: border-box;position: relative;border-bottom: 1px solid #3c3634;}
.link_news2_popup .answer .a_title{font-size: 14px;font-weight: 500;padding: 0 0 10px 0;color: #ff9c00;}
.link_news2_popup .answer .a_text{font-size: 11px;font-weight: 400;padding: 0 20px 0 6px;margin: 10px 0;color: #fff;height: 169px;}

.link_news2_popup .info{width: 100%; margin-bottom: 10px;}
.link_news2_popup .info p{display: inline-block; padding-right: 10px; position: relative;}
.link_news2_popup .info p:before{content: '';display: block;width: 1px;height: 12px;background: #696969;position: absolute;left: -6px;top: 4px;}
.link_news2_popup .info p:first-child:before{content: '';display: block;width: 0px;height: 12px;background: #696969;position: absolute;left: -6px;top: 4px;}
.link_news2_popup .info2{position: absolute;right: 10px;top: 10px;}
.link_news2_popup .info2 span.sts{font-weight: 300;font-size: 12px;color: #ffffff;margin-right: 5px;display: inline-block;background: #4d92d6a3;border: solid 1px #5382b0;border-radius: 2px;padding: 2px 4px;height: 19px;line-height: 1.0em;min-width: 54px;box-sizing: border-box;text-align: center;}

a.file_link{color: #f49c00;text-decoration: underline;}

/*신문보도 - pdf*/
.link_news3{margin:5px 0 0 0;height: calc(100% - 35px);}
.link_news3 ul{margin: 0 0 0 2px;padding: 0 6px 0 0;border-top:solid 1px #434749;}
.link_news3 ul:first-child{border-top:solid 0px #434749;margin-bottom:14px;padding-top:0;}
.link_news3 ul>li{margin-bottom: 7px;position:relative;padding-bottom: 8px;text-indent: -5px;border-bottom: solid 1px #454a4d;}
.link_news3 ul>li:last-child{margin:0;}
.link_news3 ul>li .tit{font-weight:normal;font-size: 13px;color: #ffffff;margin-left:3px;margin-bottom: 6px;padding-left: 5px;line-height: 1.0em;display: inline-block;text-indent: 0;width: calc(100% - 100px);}
.link_news3 ul>li .tit:before{content: '·';display: inline-block;font-size: 25px;color: #b7b7b7;line-height: 0.6em;margin-right: 5px;vertical-align: -5px;}
.link_news3 ul>li .date{position:absolute;right:0;top: 6px;font-weight:normal;font-size:11px;color:#a8aaab;line-height: 1.0em;}
.link_news3 ul>li .file{font-weight:normal;font-size:11px;color:#a8aaab;margin-left: 13px;padding: 2px 0 3px 14px;line-height: 1.1em;background: url(../images/ic_file3.png) 2px 4px no-repeat;background-size:7px;text-indent: 0;width: auto;}
.link_news3 ul>li .file a{color:#a8aaab;}

/*신문보도 - pdf*/
.link_news3_popup{position:absolute;top: calc(49.7% + 40px);right: 0;height: calc(50.3% - 40px);margin: 0;padding: 10px;width: 32.8%;z-index:9999999999;box-sizing: border-box;}
.link_news3_popup{background:#383c3f;background:#232628; border:1px solid #42454d;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.link_news3_popup.full{height: calc(100% - 33px);}
.link_news3_popup.left{right: calc(33.6% + 1px);}
.link_news3_popup video{width: 500px;height: 230px;display: block;margin: 0 auto;}
.link_news3_popup .tit,
.link_news3_popup .cnt{width: 500px;display: block;margin: 4px auto 0 auto;color:#fff;font-size: 13px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.4em;}
.link_news3_popup .cnt{color:#ccc;line-height: 1.0em;font-size: 11px;margin: 2px auto 0 auto;position: absolute;right: 60px;top: 244px;width: auto;}
.link_news3_popup .btn_close {position:absolute;z-index: 9999;bottom: 4px;left: 5px;width: 30px;height: 30px;background:url(../images/btn_tb_x.png) 0 0 no-repeat;background-size:100%;cursor:pointer;}
.link_news3_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}

/*인터넷방송*/
.nw_broadcast {margin: 0;height: 100%;width: 100%;padding: 16px 10px 7px 25px;box-sizing: border-box;}
.nw_broadcast ul{width: 100%; height: 100%;}
.nw_broadcast ul>li{float: left;width: 25%;height: 51%;box-sizing: border-box;padding: 0 20px 0 0;}
.nw_broadcast ul>li video{width: 100%;height: 75px;}
.nw_broadcast ul>li .tit{color:#fff;font-size: 10px;font-weight: 400;letter-spacing: -0.08em;line-height: 1.4em;margin: -2px 0 0 2px;}
.nw_broadcast ul>li .cnt{color:#ccc;font-size: 10px;font-weight: 400;letter-spacing: -0.08em;line-height: 1.0em;margin: 2px 0 0 2px;}

/*의회방송*/
.broadcast_popup.assembly{top:calc(50% + 0px) !important;}
.broadcast_popup.assembly.left{left:0;}
.broadcast_popup.assembly.right{right:0;}
.broadcast_popup.assembly video{width: 500px;height: 245px;}
.broadcast_popup.assemblyfull{top:0 !important; width: 100% !important; height: 100% !important;}
.broadcast_popup.assemblyfull video{width: 1500px;height: 540px;}
.broadcast_popup.assemblyfull .btn_close{right: 196px;}
.broadcast_popup.assemblyfull .tit,
.broadcast_popup.assemblyfull .cnt{width: 1500px;}
.broadcast_popup.assemblyfull .cnt{right: 200px;}

/*인터넷방송팝업*/
.broadcast_popup{position:absolute;right: 0;left: auto;top: 40px;height: 258px;margin: 0;padding: 10px;width: 32.8%;z-index:9999999999;box-sizing: border-box;}
.broadcast_popup{background:#000;border: 1px solid #3c3834;border-radius: 5px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-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);}
.broadcast_popup{/* left: 0; */}/*3-1번영역으로 이동*/
.broadcast_popup.full{height: calc(100% - 33px);}
.broadcast_popup.left{right: calc(33.6% + 1px);}
.broadcast_popup video{width: 500px;height: 220px;display: block;margin: 0 auto;}
.broadcast_popup iframe{width: 500px !important;height: 245px !important;display: block;margin: 0 auto;border: 0px !important;}
.broadcast_popup .tit,
.broadcast_popup .cnt{width: 500px;display: block;margin: 4px auto 0 auto;color:#fff;font-size: 13px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.4em;}
.broadcast_popup .cnt{color:#ccc;line-height: 1.0em;font-size: 11px;margin: 2px auto 0 auto;position: absolute;right: 60px;bottom:10px;width: auto;}
.broadcast_popup .btn_close {position:absolute;z-index: 9999;bottom: 7px;right: 7px;width: 30px;height: 30px;background: url('../images/pop_x_btn.png') center center no-repeat;background-size:100%;cursor:pointer;}
.broadcast_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}

.broadcast_popup .btn_min {position:absolute;z-index: 9999;bottom: 7px;right: 230px;width: 30px;height: 30px;background: #141518 url('../images/cctv_zoom_min.png') center center no-repeat;background-size:50%;cursor:pointer;border-radius: 60px;}
.broadcast_popup .btn_max {position:absolute;z-index: 9999;bottom: 7px;right: 40px;width: 30px;height: 30px;background: #141518 url('../images/cctv_zoom_max.png') center center no-repeat;background-size: 50%;cursor:pointer;border-radius: 60px;}

.broadcast_popup .btn_min a,
.broadcast_popup .btn_max a{text-indent: -999999px;display: block; width:100%; height:100%;}

.main.broadcast_popup{position:absolute;top: 340px;left: 0.5%;height: calc(48.8% - 40px);max-height: 278px;margin: 0;padding: 10px;width: 32.8%;z-index:9999999999;box-sizing: border-box;}

/*인터넷방송팝업 container안에*/
.container .broadcast_popup{position:absolute;top: 0;left: auto;right: 0;height: 299px;padding: 20px 10px;}
.main_container .broadcast_popup{position:absolute;top: calc(50% + 24px);left: 0;height: calc(53% - 13px);width: 32.0%;padding: 10px;}

/*방송보도*/
.nw_broadcast02 {margin: 0;height: calc(100% - 20px);width: 100%;padding: 12px 0 8px 15px;box-sizing: border-box;overflow: hidden;}
.nw_broadcast02 ul{width: 100%; height: 100%;}
.nw_broadcast02 ul>li{float: left;width: 25%;height: 51%;box-sizing: border-box;padding: 0 20px 0 0;}
.nw_broadcast02 ul>li video{width: 100%;height: 75px;}
.nw_broadcast02 ul>li img{width: 100%;height: 75px;}
.nw_broadcast02 ul>li .tit{color:#fff;font-size: 10px;font-weight: 400;letter-spacing: -0.08em;line-height: 1.4em;margin: 0 0 0 2px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

/*방송보도팝업*/
.nw_broadcast02_popup{position:absolute;top: 40px;right: 0;height: calc(48.7% - 40px);margin: 0;padding: 10px;width: 32.8%;z-index:9999999999;box-sizing: border-box;}
.nw_broadcast02_popup{background:#383c3f;background:#232628; border:1px solid #42454d;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.nw_broadcast02_popup.full{height: calc(100% - 33px);}
.nw_broadcast02_popup.left{right: calc(33.6% + 1px);}
.nw_broadcast02_popup video{width: 500px;height: 220px;display: block;margin: 0 auto;}
.nw_broadcast02_popup .tit,
.nw_broadcast02_popup .cnt{width: 500px;display: block;margin: 4px auto 0 auto;color:#fff;font-size: 13px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.4em;}
.nw_broadcast02_popup .cnt{color:#ccc;line-height: 1.0em;font-size: 11px;margin: 2px auto 0 auto;position: absolute;right: 60px;bottom: 13px;width: auto;}
.nw_broadcast02_popup .btn_close {position:absolute;z-index: 9999;bottom: 4px;left: 5px;width: 30px;height: 30px;background:url(../images/btn_tb_x.png) 0 0 no-repeat;background-size:100%;cursor:pointer;}
.nw_broadcast02_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}

/*pdf뷰어 팝업*/
/*.popup_pdfview{width: 100%; height: 100%;}*/
.popup_pdfview{width: 100%;height: calc(100% - 13px);position: relative;text-align: center;padding: 45px 0 0 0;box-sizing: border-box;}
.popup_pdfview .pdf_title{position: absolute;left: 0;top:0;width: 100%;/* height: 40px; */box-sizing: border-box;/* border:solid 1px #fff; */z-index: 999;/* background: #2d3745; */font-size: 15px;padding: 10px 0;}
.popup_pdfview .btn_pre{position:absolute;top: 48%;left:0.2%;width:40px;height:40px;background: url('../images/page_prv.png') no-repeat 0 0;z-index:999999999;background-size: 70px;cursor:pointer;text-indent:-99999px;}
.popup_pdfview .btn_next{position:absolute;top: 48%;right:0.3%;width:40px;height:40px;background: url('../images/page_next.png') no-repeat 0 -133px;z-index:999999999;background-size: 70px;cursor:pointer;text-indent:-99999px;}
.popup_pdfview .paging{position: absolute;bottom: 15px;left: calc(50% - 20px);margin: 0 auto;background: rgb(43 42 44 / 0.5);color: rgb(255 255 255 / 0.8);font-size: 11px;padding: 5px 10px;border-radius: 30px;width: 40px;text-align: center;}
.popup_pdfview .pdf_img{overflow: auto;}
.popup_pdfview .pag_btn_pre{top:48%; left:0.5%;}
.popup_pdfview .pag_btn_next{top:48%; right:0.5%;}


/*보고서 팝업 크게/작게보기 버튼*/
.section03_popup.wide_popup .wide_btn{cursor: pointer;display:inline-block;background: url('../images/btn_plus.png') no-repeat center center;background-size:32px;position:absolute;width: 32px;height: 32px;bottom:5px;right:5px;}
.section03_popup.wide_popup.wide .wide_btn{cursor: pointer;display:inline-block;background: url('../images/btn_minus.png') no-repeat center center;background-size:32px;position:absolute;width: 32px;height: 32px;bottom:5px;right:5px;}

/*보고서 크게보기 창*/
.section03_popup.wide_popup.wide{left: 24.8%;width: 49.8%;}
.section03_popup.wide_popup.wide img{height: 1200px !important;}

/* =========================================================================== */
/* 기본현황 */
/* =========================================================================== */
.body_wrap.ptz{background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat top center;background-size: 1300px;}
.body_wrap.ptz .warp_detail01{overflow: visible;z-index: 0;border-top: solid 1px #0b0c12;}

/*포토존*/
.photozone_wrap:before{content: '';display: block;width: 100%;height: 117px;position: absolute;left: 0;top: 0;background: url(../images/ic_img/header_bg2.png) no-repeat top center;background-size: 1300px;}

.photozone_wrap{width: 101%;margin: 0;height: calc(100% + 87px);overflow: hidden;box-sizing: border-box;position: absolute;left: -0.5%;top: -67px;}
.photozone_wrap .photozone_photo{display: block; width: 100%; height:100%;}
.photozone_wrap .photozone_photo img{width: 100%; height: 100%;}

.photozone_wrap .hd_logo{position: absolute;top: 6px;left: 15px;width: 300px;display: block;}
.photozone_wrap .hd_logo img{width: 100%;}

.photozone_wrap .hd_tit{position: absolute;top: 70px;left: 0;width:100%;height:auto;padding: 0;margin-top: 30px;box-sizing: border-box;font-size: 30px;font-weight:600;letter-spacing: -0.04em;text-align: center;}
.photozone_wrap .hd_tit .txt01{font-size: 30px;font-weight:400;letter-spacing: -0.08em;color: #eaeaea;/*text-shadow:1px 1px 1px #333;*/width: 600px;/* height: 40px; */margin:0 auto;line-height: 1.0em;}
.photozone_wrap .hd_tit .txt01 img{width: 100%; height: 100%;}
.photozone_wrap .hd_tit .txt01 span{color:#fff;}

.photozone_wrap .hd_tit .txt02{font-size: 55px;font-weight:600;margin-top: 15px;color: #fff;/*text-shadow:2px 2px 2px #333;*/ /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/line-height: 1.0em;letter-spacing: -0.09em;}
.photozone_wrap .hd_tit .txt02 span{color: #fdae37;}

.photozone_wrap .hd_tit .txt03{font-size: 40px;font-weight:600;margin-top: 15px;color: #fff;/*text-shadow:2px 2px 2px #333;*/ /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/line-height: 1.0em;letter-spacing: -0.09em;}
.photozone_wrap .hd_tit .txt03 span{color: #fdae37;}

.photozone_wrap .hd_tit .txt04{font-size: 14px;font-weight: 400;letter-spacing: 0;margin-top: 40px;color: #fff;text-align:center;text-shadow:1px 1px 1px #333;}
.photozone_wrap .hd_tit .txt04 span{background: rgba(0, 0, 0, 0.5);display: inline;border-radius: 90px;padding: 10px 45px;line-height: 1.0em;}

.photozone_wrap .hd_tit .shadow{text-shadow:2px 2px 2px #333;}

.photozone_wrap .photozone_btn{position: absolute;left: 22px;bottom: 10px;width: 45px;height: 45px;background: rgba(0, 0, 0, 0.75);border-radius: 30px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.photozone_wrap .photozone_btn a{display: block;width: 100%;height: 100%;text-indent: -999999px;}
.photozone_wrap .photozone_btn a.open{background: url(../images/ic_ptz_list.png) center center no-repeat;background-size: 55%;}
.photozone_wrap .photozone_btn a.close{background: url(../images/ic_ptz_list_close.png) center center no-repeat;background-size:55%;}

.photozone_wrap .photozone_list{
	position: absolute;
	left: 20px;
	bottom: 60px;
	padding:10px;
	width:220px;
	height: 360px;
	background: #000000bf;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);
}
.photozone_wrap .photozone_list ul{height: 100%;padding: 0 7px 0 3px;box-sizing: border-box;}
.photozone_wrap .photozone_list ul>li{width: 100%;height: 63px;float: left;margin: 0 0 10px 0;padding: 0;color: #fff;text-align: center;position: relative;}
.photozone_wrap .photozone_list ul>li a{display: block;width: 100%;height: 100%;border: solid 1px rgba(204, 204, 204, 0.5);border-radius: 3px;}
.photozone_wrap .photozone_list ul>li img{width:100%;height:100%;border-radius: 3px;}
.photozone_wrap .photozone_list ul>li span{position: absolute;left: 7%;top: 40%;font-size: 13px;color: #fff;}
.photozone_wrap .photozone_list ul>li i{position: absolute;right: 7%;top: 40%;display: block;width: 15px;height: 15px;background:url(../images/checkbox_v.png) center center no-repeat;background-size: 70%;border:solid 1px #9599a0;text-indent: -99999px;border-radius: 30px;}

.photozone_wrap .photozone_list ul>li .on{border: solid 1px #3391f3;border-radius: 3px;}
.photozone_wrap .photozone_list ul>li .on i{background:#3391f3 url(../images/checkbox_v.png) center center no-repeat;background-size: 70%;border:solid 3px #3391f3;}

/* =========================================================================== */
/* 조직도 */
/* =========================================================================== */
.organization.popup_org{width: 101%;height: calc(100% + 20px);position: absolute;left: -0.5%;top: -10px;}
.organization{width: 100%;height:100%;background: url(../images/ic_img/org_bg.png) 0 0 no-repeat;background-size: 100% 600px;z-index: 999999;position:relative;box-sizing: border-box;}

.organization .section_title{padding: 10px 14px;box-sizing: border-box;height: 50px;}
.organization a{color:#fff;}
.organization .photo{width: 100px;height: 100%;position: absolute;left: 0;top: 0;}
.organization .photo img{width: 100%;height: 100%;}
.organization .pt{color: #02a3f6;display: inline-block;font-size: 12px;}
.organization .nm{color:#fff;font-size: 14px;font-weight: 500;display: inline-block;margin-left: 5px;}

.organization .org1 .pt{font-size: 15px;}
.organization .org2 .pt{font-size: 13px;}
.organization .org1 .nm{font-size: 18px;}
.organization .org2 .nm{font-size: 16px;}

.organization .org1{background: #0a446e;border: solid 1px #14629c;border-top: solid 4px #02a2f4;border-radius: 3px;position: relative;width: 180px;height: 60px;padding: 12px 0 0 0;box-sizing: border-box;text-align: center;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.organization .org1 .photo{width: 70px;}
.organization .org1.on{border:solid 4px #4084d1;}

.organization .org2{background: #0a446e;border: solid 1px #14629c;border-top: solid 4px #02a2f4;border-radius: 3px;position: relative;width: 180px;height: 52px;margin: 0 auto;margin-left: 50.5%;padding: 14px 0 0 0;box-sizing: border-box;text-align: center;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.organization .org2 .photo{width: 54px;height: 100%;}
.organization .org2.on{border: solid 4px #02a2f4;}

.organization .org3{background: #0a446e;border: solid 1px #14629c;border-top: solid 4px #02a2f4;border-radius: 3px;position: relative;width: 150px;height: 45px;display: block;padding: 8px 0 0 0;box-sizing: border-box;text-align: center;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.organization .org3.on{border: solid 12px #f6931e;}
.organization .org3 .photo{width: 50px;height: 100%;}
.organization .org4{background: #0a446e;border-bottom: solid 1px #14629c;position: relative;width: 100%;height: 37px;text-align: center;padding: 7px 0 0 0;box-sizing: border-box;}
.organization .org4 .photo{width: 50px;}

.organization .org5{background: #0b3756;border: solid 1px #14629c;position: relative;width:calc(100% - 20px);margin: 10px 0 0 10px;height: 32px;text-align: center;padding: 5px 0 0 0;box-sizing: border-box;}


/*직원목록사진영역*/
.org_nmphoto img{display: inline-block;margin-right: 10px;width: 40px;height: 48px;}
.org_nmphoto .nm{display: inline-block;}

/*직원정보상세팝업*/
.organization_popup{ position:absolute; top: 25%; left: 34.5%; width:580px; height:auto; background: #0a446e; border: 3px solid rgba(130,142,187,0.5); border-radius: 3px; overflow:hidden; box-sizing:border-box; z-index: 999999999; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); }
.organization_popup .tit{background: #0b3756;border-bottom: 1px solid rgb(20 98 156);position: relative;width: 100%;height: 30px;text-align: center;padding: 5px 0 0 0;box-sizing: border-box;}
.organization_popup .photo{width: 60px;height:70px;position: absolute;left:10px;top: 41px;}
.organization_popup .photo img{width: 100%;height: 100%;}
.organization_popup .info{width:100%;height: 100%;padding:10px 10px 10px 80px; box-sizing: border-box;}
.organization_popup .info table{border: 1px solid #14629c;border-bottom:none;}

.organization_popup .btn_close{position:absolute;bottom:8px;left:8px;width: 25px;height: 25px;border-radius: 5px;background: #0000002e url(../images/btn_x.png) center center no-repeat;background-size: 60%;cursor:pointer;}
.organization_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}

.organization_popup .appoint-list{max-height: 200px;}

.organization_popup .table01 tbody th{border-right: 0px solid #14629c;border-left:1px solid #14629c;border-bottom: 1px solid #14629c;background: #093f66;}
.organization_popup .table01 td{border-bottom: 1px solid #14629c;border-left: 1px solid #14629c;background: #0a446e;}

.organization_popup.pos2{position:absolute;top: 23%;left: 19%;width: 700px;}
.organization_popup.pos2 .info{width:100%;height: 320px;padding: 10px 10px 15px 15px;box-sizing: border-box;}

/*조직도 하단 탭*/
.orgz_tab_area{width: 800px;height: 30px;z-index: 9999999;position:absolute;bottom: 0px;left: 38.4%;-webkit-transform: translateX(-50%);transform: translateX(-50%);/* border: solid 1px #fff; */}
.orgz_tab_area ul{width:100%;height:100%;text-align: center;}
.orgz_tab_area ul>li{height: 30px;display: inline-block;box-sizing: border-box;text-align: center;font-size: 13px;font-weight: 400;margin: 0 3px;border: solid 1px #728da0;border-radius: 30px;min-width: 60px;}
.orgz_tab_area ul>li.on{border: solid 1px #54b9ff;background: #195782;}
.orgz_tab_area ul>li a{color: #abbac5;display: block;width: 100%;height: 100%;padding: 4px;box-sizing: border-box;padding: 7px 10px 2px 10px;line-height: 1.0em;display: block;}
.orgz_tab_area ul>li.on a{color: #54b9ff;color: #fff;}

/*전체-----------------------------------------*/
.organization .level1{display: block;width: 100%;height: 80px;box-sizing: border-box;position: relative;margin-top: -38px;}
.organization .level1 .org1{margin:0 auto;margin-left: 50.5%;}

.organization .level2{display: block;width: 100%;height: 224px;box-sizing: border-box;position: relative;}
.organization .level2 .org3.left{position: absolute;right: calc(41% + 130px);top: -20px;}
.organization .level2 .org3.left2{position: absolute;right: calc(41% + 130px);top: 50px;}
.organization .level2 .org3.left3{position: absolute;right: calc(54% + 130px);top: 50px;}

.organization .level2 .org3.right{position: absolute;left: calc(57% + 130px);top: -20px;}
.organization .level2 .org3.right2{position: absolute;left: calc(69.7% + 130px);top: -20px;}
.organization .level2 .org3.right3{position: absolute;left: calc(57% + 130px);top: 40px;width: 238px;}
.organization .level2 .org3.right4{position: absolute;left: calc(76.7% + 130px);top: 40px;}


.organization .level2 .org3_list{width: 150px;width: calc(100% + 2px);padding: 6px 0 6px 15px;box-sizing: border-box;border: solid 1px #14629c;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;background: #0b3756;position: absolute;top: 37px;left: -1px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.organization .level2 .org3_list>li{padding: 0px 0 2px 0;text-align: left;}
.organization .level2 .org3_list>li a{display: inline-block;font-size: 10px;}
.organization .level2 .org3_list>li a.on{color:#65a2e7;font-weight: 600;}
.organization .level2 .org3_list>li a:before{content: '';display:inline-block;width: 5px;height: 5px;background: #3e5e75;margin-right: 10px;vertical-align: 2px;}

.organization .level2 .org3_list.ver2>li{width: 50%; float: left;}


.organization .level3{display: block;width: 100%;/* height: 260px; */box-sizing: border-box;padding-left: 0;padding-right: 0;}
.organization .level3 .org4_list>li{float: left;/* width: 11.0%; */display: block;margin-left: 10px;}
.organization .level3 .org4_list:after{content: ''; display: block; clear: both;}
.organization .level3 .org4_box{border: solid 1px #14629c;border-top: solid 4px #02a2f4;border-radius: 3px;background: #0b3756;box-sizing: border-box;width: 132px;min-height: 243px;margin: 0 auto;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);position: relative;}
.organization .level3 .org4_box.on{border: solid 4px #02a2f4;}
.organization .level3 .org4_box.mh200{min-height: 161px;}
.organization .level3 .org4_box.mh100{min-height: 60px;}
.organization .level3 .org4_box.mh100{min-height: 30px;}

/*박스 가로사이즈*/
.organization .level3 .org4_list>li .org4_box{width: 117px;}
.organization .level3 .org4_list>li:nth-child(1) .org4_box{width: 228px;}
.organization .level3 .org4_list>li:nth-child(2) .org4_box{width: 138px;}
.organization .level3 .org4_list>li:nth-child(7) .org4_box{width: 156px;}
.organization .level3 .org4_list>li:nth-child(8) .org4_box{width: 189px;}


.organization .level3 .org5_box{border: solid 1px #14629c;border-radius: 3px;background: #0b3756;box-sizing: border-box;width: 132px;min-height: 243px;margin: 0 auto;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}

.organization .level3 .org5_list{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization .level3 .org5_list>li{padding: 0 0 6px 0;}
.organization .level3 .org5_list:after{content: ''; display: block; clear: both;}

.organization .level3 .org5_list.ver1{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization .level3 .org5_list.ver1>li{padding: 0 0 1px 0;}

.organization .level3 .org5_list.ver2{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization .level3 .org5_list.ver2>li{padding: 3px 0;width: 50%;float: left;}

.organization .level3 .org5_list.ver4{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization .level3 .org5_list.ver4>li{padding: 3px 0;width: 25%;float: left;}

.organization .level3 .org5_list>li a{display: inline-block;font-size: 12px;}
.organization .level3 .org5_list>li a.on{color:#65a2e7;font-weight: 600;}
.organization .level3 .org4_box.on .org5_list>li a:before{content: '';display:inline-block;width: 5px;height: 5px;background: #02a2f4;margin-right: 10px;vertical-align: 2px;}
.organization .level3 .org4_box .org5_list>li a:before{content: '';display:inline-block;width: 5px;height: 5px;background: #3e5e75;margin-right: 10px;vertical-align: 2px;}

.organization .org5_list .pt2{font-size: 10px;color:#fff;display: inline-block;font-weight: 400;}
.organization .org5_list .nm2{font-size: 12px;color:#fff; display: inline-block;}
.organization .org5_list .on .pt2,
.organization .org5_list .on .nm2{color: #f6931e;text-decoration-line: none;}

.organization a.go_link{background: rgba(0,0,0,0.5);border-radius: 30px;padding: 5px 9px 5px 9px;position: absolute;right: 6px;bottom: 6px;line-height: 1.0em;font-size: 10px;letter-spacing: -0.02em;}

/*행정1부지사-----------------------------------------*/
.organization.part1{background: url(../images/ic_img/org_bg_01.png) 0 0 no-repeat;background-size: 100% 600px;}

.organization.part1 .level1{display: block;width: 100%;height: 80px;box-sizing: border-box;position: relative;margin-top: -38px;}

.organization.part1 .level2{display: block;width: 100%;height: 167px;box-sizing: border-box;position: relative;}
.organization.part1 .level2 .org3.left{position: absolute;right: calc(41% + 130px);top: 69px;}
.organization.part1 .level2 .org3.right{position: absolute;left: calc(57% + 130px);top: 30px;width: 220px;}

.organization.part1 .level3{display: block;width: 100%;/* height: 260px; */box-sizing: border-box;padding-left: 0;padding-right: 0;}
.organization.part1 .level3 .org4_list>li{float: left;/* width: 11.0%; */display: block;margin-left: 10px;}
.organization.part1 .level3 .org4_list:after{content: ''; display: block; clear: both;}
.organization.part1 .level3 .org4_box{border: solid 1px #14629c;border-top: solid 4px #02a2f4;border-radius: 3px;background: #0b3756;box-sizing: border-box;width: 132px;min-height: 300px;margin: 0 auto;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.organization.part1 .level3 .org4_box.on{border: solid 4px #02a2f4;}
.organization.part1 .level3 .org4_box.mh200{min-height: 161px;}
.organization.part1 .level3 .org4_box.mh100{min-height: 117px;}

/*박스 가로사이즈*/
.organization.part1 .level3 .org4_list>li .org4_box{width: 117px;}
.organization.part1 .level3 .org4_list>li:nth-child(1) .org4_box{width: 228px;}
.organization.part1 .level3 .org4_list>li:nth-child(3) .org4_box{width: 216px;}
.organization.part1 .level3 .org4_list>li:nth-child(5){margin-left:30px;}
.organization.part1 .level3 .org4_list>li:nth-child(5) .org4_box,
.organization.part1 .level3 .org4_list>li:nth-child(6) .org4_box,
.organization.part1 .level3 .org4_list>li:nth-child(7) .org4_box,
.organization.part1 .level3 .org4_list>li:nth-child(8) .org4_box{width: 120px;}

.organization.part1 .level3 .org5_list{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization.part1 .level3 .org5_list>li{padding: 0 0 0px 0;}

.organization.part1 .level3 .org5_list.ver1{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization.part1 .level3 .org5_list.ver1>li{padding: 0 0 1px 0;}

.organization.part1 .level3 .org5_list.ver2{width: 100%;padding: 10px 0px 12px 15px;box-sizing: border-box;}
.organization.part1 .level3 .org5_list.ver2>li{padding: 0 0 4px 0;width: 50%;float: left;}

/* ==================================================================================== */
/* button */
/* ==================================================================================== */
/*기본버튼스타일*/
.btn_b01{cursor: pointer;height: 26px;line-height: 1.0em;letter-spacing: -0.04em;padding:2px 16px 3px 16px;box-sizing: border-box;background: #222629;border: solid 1px #434749;border-radius: 4px;font-size: 13px;color:#ffffff;vertical-align:top;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}

a.btn_b02{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;}

/*컬러별버튼*/
.btn_blue{height:20px !important; line-height:20px !important; padding:0px 10px 2px 10px !important; background:#7dd8e9; border:1px solid #7dd8e9; margin:0px 0px 3px 2px; font-size:9px; color:#ffffff;vertical-align:top;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}
.btn_blue2{height:20px !important;line-height: 2.0em;padding:0px 10px 2px 10px !important;background:#399aeb;border:1px solid #2373c0;margin: 0px 7px 0 0;font-size:9px;color:#ffffff;vertical-align: 2px;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}
.btn_green{height:20px !important; line-height:20px !important; padding:0px 10px 2px 10px !important; background:#2ebb2a; border:1px solid #36ab32; margin:0px 0px 3px 2px; font-size:9px; color:#ffffff;vertical-align:top;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}
.btn_yellow{height:20px !important; line-height:20px !important; padding:0px 10px 2px 10px !important; background:#ffba00; border:1px solid #e5ab10; margin:0px 0px 3px 2px; font-size:9px; color:#ffffff;vertical-align:top;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}
.btn_red{height:20px !important;line-height:20px !important;padding:0px 10px 2px 10px !important;background:#f90000;border:1px solid #cc1e1e;margin: 0 7px 0 0;font-size:9px;color:#ffffff;vertical-align: 2px;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}
.btn_gray{height:20px !important; line-height:20px !important; padding:0px 10px 2px 10px !important; background:#bebcbe; border:1px solid #bab9ba; margin:0px 0px 3px 2px; font-size:9px; color:#ffffff;vertical-align:top;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight:normal;}

/*btn_color small*/
.btn_blue_s{height:16px !important; line-height:16px !important; padding:0px 6px 1px 6px !important; background:#1a99ea; border:1px solid #1980c2; margin:0px 0px  0px 0px;  color:#ffffff; vertical-align:top;white-space:nowrap; display:inline-block;overflow:visible;position:relative; font-size:10px; font-weight:normal;}
.btn_green_s{height:16px !important; line-height:16px !important; padding:0px 6px 1px 6px !important; background:#30bc2b; border:1px solid #2a991a; margin:0px 0px 0px 0px;  color:#ffffff; vertical-align:top;white-space:nowrap; display:inline-block;overflow:visible;position:relative; font-size:10px; font-weight:normal;}
.btn_yellow_s{height:16px !important; line-height:16px !important; padding:0px 6px 1px 6px !important; background:#edb70b; border:1px solid #dea508; margin:0px 0px 0px 0px;  color:#ffffff; vertical-align:top;white-space:nowrap; display:inline-block;overflow:visible;position:relative; font-size:10px; font-weight:normal;}
.btn_red_s{height:16px !important; line-height:16px !important; padding:0px 6px 1px 6px !important; background:#e53d41; border:1px solid #c2363a; margin:0px 0px 0px 0px;  color:#ffffff; vertical-align:top;white-space:nowrap; display:inline-block;overflow:visible;position:relative; font-size:10px; font-weight:normal;}
.btn_gray_s{height:16px !important; line-height:16px !important; padding:0px 6px 1px 6px !important; background:#999ea4; border:1px solid #878b90; margin:0px 0px 0px 0px;  color:#ffffff; vertical-align:top;white-space:nowrap; display:inline-block;overflow:visible;position:relative; font-size:10px; font-weight:normal;}


/*재난팝업상태버튼*/
/*.popup_wrap .ict_btn{height:24px;line-height: 1.0em;padding: 5px 10px;box-sizing: border-box;border-radius: 15px;margin: 0 5px 0 0;font-size:9px;vertical-align: 3px;white-space:nowrap;display:inline-block;overflow:visible;position:relative;font-weight: 600;border:1px solid #cc1e1e;color: #cc1e1e;}
.popup_wrap .ict_btn.red{border:1px solid #cc1e1e !important; color:#cc1e1e !important;}
.popup_wrap .ict_btn.blue{border:1px solid #2373c0 !important; color:#2373c0 !important;}
.popup_wrap .ict_btn.gray{border:1px solid #8a8a8a !important; color:#636363 !important;}*/

.popup_wrap .ict_btn{line-height: 1.2em;padding: 0;box-sizing: border-box;margin: 0 10px 0 0;font-size: 15px;vertical-align: 1px;display:inline-block;position:relative;font-weight: 600;color: #cc1e1e;}
.popup_wrap .ict_btn:after{content: '';position: absolute;right: -7px;top: 3px;display: block;width: 1px;height: 13px;border-left: solid 1px #d7d7d7;}
.popup_wrap .ict_btn.red{/* border:1px solid #cc1e1e !important; */color:#cc1e1e !important;}
.popup_wrap .ict_btn.blue{color:#2373c0 !important;}
.popup_wrap .ict_btn.gray{border:1px solid #8a8a8a !important; color:#636363 !important;}
.popup_wrap .ict_btn.org{color: #e88c22 !important;}


/* ========================================================================= */
/* login */
/* ========================================================================= */
.wrap_login {background: #1f2429;background-size:5.34px;width:100%;height:100%;}
.wrap_login .container{margin:0;}
.wrap_login .contents {margin:0 auto; width:400px; padding-top:198px;}
.wrap_login .contents>ul>li {position:relative; padding:0; text-align:center;}

.wrap_login .contents .logo{}
.wrap_login .contents .logo h1{font-size: 31px;font-weight:500;letter-spacing: -0.03em;color:#fff;}
.wrap_login .contents .logo img{width:246px;}
.wrap_login .contents input.id{margin-top:40px; border:solid 1px #434749 !important; border-radius:0.3em; height:42px; width:300px; font-size:16px; background:#1b1d1f !important; padding:5px 10px;}
.wrap_login .contents input.pw{margin-top:14px; border:solid 1px #434749 !important; border-radius:0.3em; height:42px; width:300px; font-size:16px; background:#1b1d1f !important; padding:5px 10px;}
.wrap_login .contents .login_btn{margin-top:54px;border:solid 1px #3b84c9; border-radius:0.2em; height:30px; width:320px;  height:60px; font-size:16px; background:#5dabf5; color:#fff; font-weight:600; font-size:20px; text-shadow:1px 1px 1px #447cb1;}
.wrap_login .contents .login_pw_reset {position:absolute; right:50px; top:28px; z-index:1000;}
.wrap_login .contents .login_pw_reset img{width:27px;}

/*비밀번호 변경*/
.wrap_login.pwchg .contents {padding-top:60px;}
.wrap_login.pwchg .contents input.id2{margin-top:40px;border:solid 1px #434749 !important;border-radius:0.3em;height:42px;width:300px;font-size:16px;background: #282d31 !important;padding:5px 10px;}
.wrap_login.pwchg .contents .info_txt{color:#fff;font-size: 15px;font-weight: 400;padding:30px 0 0 0;/* text-align: left; *//* padding-left: 30px; */}
.wrap_login.pwchg .contents .btn_pw_cancel{margin-top: 40px;border: solid 1px #adadad;border-radius:0.2em;height:30px;width:100px;height:60px;font-size:16px;background: #adadad;color:#fff;font-weight:600;font-size:20px;text-shadow:1px 1px 1px #447cb1;}
.wrap_login.pwchg .contents .btn_pw_ok{margin-top: 40px;margin-left:10px;border:solid 1px #3b84c9;border-radius:0.2em;height:30px;width:210px;height:60px;font-size:16px;background:#5dabf5;color:#fff;font-weight:600;font-size:20px;text-shadow:1px 1px 1px #447cb1;}

/* ========================================================================= */
/* cctv */
/* ========================================================================= */
/*상세페이지 cctv*/
.cctv_box{padding: 15px;text-align:center;width: 100%;height: 100%;box-sizing: border-box;}
.cctv_box>li{position:relative; float:left;width: calc(50% - 3px);height:calc(50% - 10px);margin: 0 6px 16px 0px;color:#333;padding: 10px 0;box-sizing: border-box;}
.cctv_box>li:nth-child(2),
.cctv_box>li:nth-child(4){margin-right:0px;}
.cctv_box>li .video_tit{width: 100%;height: 30px;text-align: left;font-size:12px;line-height:2.5em;color:#fff;padding-left: 30px;background: url(../images/ic_cam.png) 3px 9px no-repeat;background-size: 20px;box-sizing: border-box;}
.cctv_box>li video{width:290px; height:208px;}

.cctv_box .no_cam	 {visibility:hidden; font-size:11px; position:absolute; top:30%; width:100%; color:rgba(255,255,255,0.5);}
.cctv_box .cctv_text	 {visibility:hidden; font-size:11px; position:absolute; top:50%; width:100%; color:rgba(255,255,255,0.5);}


/*지도위팝업 cctv*/
.cctv_popup{width: 290px;height: 260px;padding: 0px 15px 15px 15px;border-radius: 2px;border:1px solid #3b4145;background:#23252c;position:absolute;z-index: 99999999;box-sizing:border-box;}
.cctv_popup .cctv_title{text-align: left;font-weight:700;color:#ffffff;padding: 7px 0px 7px 0px;}
.cctv_popup .cctv_title span{/* display:block; *//* padding:6px 0px 2px 0px; */font-size: 14px;font-weight:normal;}

.cctv_popup .cctv_text{color:#ffffff; padding-bottom:7px;}
.cctv_popup .cctv_text .txt01{padding-right: 8px;box-sizing: border-box;margin-right: 4px;font-size: 11px;display:inline-block;font-weight: 600;color:#2d86e5;border-right: solid 1px #4a4c53;}
.cctv_popup .cctv_text .txt02{color:#999999;padding-left:10px;box-sizing: border-box;background: url(../images/cctv_ic01.png) no-repeat 0 57%;background-size:8px;font-size: 11px;display:inline-block;font-weight: 600;}

.cctv_popup .cctv_movie{padding:0;margin-left:0px;z-index:9999999;width:100%;height: calc(100% - 55px);overflow:hidden;background:#000;box-sizing: border-box;}

.cctv_popup .cctv_list{display: none; width: 85px;height: 100%;padding: 10px 10px 10px 10px;box-sizing: border-box;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);}
.cctv_popup .cctv_list>li{position:relative;width: 100%;/* height: 30px; *//* float: left; */text-align: center;padding: 5px 3px;box-sizing: border-box;border-bottom: solid 1px rgba(255, 255, 255, 0.2);}
.cctv_popup .cctv_list>li a{color: rgba(255, 255, 255, 0.5);display: block;width: 100%;height: 30px;/* border-bottom: solid 1px rgba(255, 255, 255, 0.2); *//* border-radius: 3px; *//* background: rgba(255, 255, 255, 0.1); */padding: 4px 0;box-sizing: border-box;}
.cctv_popup .cctv_list>li.on a{color: #fff;background: rgba(255, 255, 255, 0.3);}
.cctv_popup .cctv_list:after{display: block; clear: both; content: '';}

/*.cctv_popup .cctv_close{position:absolute;top:12px;right: 12px;width:19px;height:19px;z-index:1001;background: url(../images/popup_bt_close.png) 0 0 no-repeat;background-size:65%;}
.cctv_popup .cctv_close a {display: block; text-indent: -99999px;}*/

.cctv_btn_zoom{position:absolute;top: 12px;right: 38px;width:auto;text-align:left;}
.cctv_btn_zoom .all{display:inline-block; background:url(../images/cctv_zoom_all.png) no-repeat 0 4px;  background-size:100%; position:relative; width:36px; height:40px;}

.cctv_btn_zoom .in,
.cctv_btn_zoom .out,
.cctv_btn_zoom .x2,
.cctv_btn_zoom .x4{position:relative;width: 18px;height: 14px;border: solid 1px rgba(255, 255, 255, 0.5);border-radius: 3px;margin-left: 2px;}

.cctv_btn_zoom .in{display:inline-block;background: url(../images/cctv_zoom_in.png) no-repeat 0 0;background-size: 100%;}
.cctv_btn_zoom .out{display:inline-block;background: url(../images/cctv_zoom_out.png) no-repeat 0 0;background-size: 100%;}
.cctv_btn_zoom .x2{display:inline-block;background: url(../images/cctv_zoom_x2.png) no-repeat 0 0;background-size: 100%;}
.cctv_btn_zoom .x4{display:inline-block;background: url(../images/cctv_zoom_x4.png) no-repeat 0 0;background-size: 100%;}

.cctv_popup .cctv_close{position:absolute;z-index: 999;bottom: 0;left: 0;box-sizing: border-box;width: 100%;height: 33px;background: #2a2c33;border-top: solid 1px hsl(0, 0%, 30%);cursor:pointer;}
.cctv_popup .cctv_close a{display: block;width:100%;height:100%;color: #fff;padding: 5px 0 0 0;box-sizing: border-box;text-align: center;font-size: 13px;}
.cctv_popup .cctv_close a i{display: inline-block;width: 11px;height: 11px;background: url(../images/popup_bt_close.png) 0 0 no-repeat;background-size: 100%;margin-right: 5px;}

.cctv_popup.multi{width: 375px;padding: 5px 15px 15px 100px;}
.cctv_popup.multi .cctv_list{display: block;}



/*section03영역*/
.cctv_popup.pos1{left: 95%;top: 7%;width: 300px;height: 260px;}
.cctv_popup.pos2{left: 95%;top: 45%;width: 300px;height: 260px;}

.cctv_more,
.cctv_more2,
.cctv_more4,
.cctv_small{cursor: pointer;display:block;position:absolute;width: 22px;height: 16px;z-index:9999999;border: solid 1px rgba(255, 255, 255, 0.5);border-radius: 3px;}

.cctv_more {cursor: pointer;display:inline-block;background: url('../images/cctv_zoom_in.png') no-repeat center center;background-size:100%;bottom: 37px;right: 43px;}
.cctv_more2 {cursor: pointer;display:inline-block;background: url('../images/cctv_zoom_x2.png') no-repeat center center;background-size:100%;bottom: 37px;right: 70px;}
.cctv_more4 {cursor: pointer;display:inline-block;background: url('../images/cctv_zoom_x4.png') no-repeat center center;background-size:100%;bottom: 37px;right: 98px;}
.cctv_small {cursor: pointer;display:inline-block;background: url('../images/cctv_zoom_out.png') no-repeat center center;background-size:100%;bottom: 37px;right: 16px;}

.cctv_popup.wide{left:0px;top:0px;width:100%;height:560px;}

/*=============================================*/
/*보고서*/
/*=============================================*/
/*dimfull*/
.dimfull{position: fixed;width: 100%;height:auto;left: 0;top: 57px;background: rgba(0,0,0,0.5);z-index: 99999999;width: 100%;height: calc(100% - 87px);}

.report_list{z-index:9999999999;height:47.7% !important;top: 49.8% !important;}
.report_list{z-index:9999999999;height: 58% !important;top: 42% !important;border: solid 1px #fff !important;}
.report_list .section_title{margin: 0 0 10px 0; height: 30px; font-size: 20px;font-weight: 600; letter-spacing: -0.04em;}

.main_container .report_list{z-index:9999999999;height: 58% !important;top: 42% !important;border: solid 1px #fff !important;}
.main_container .report_list .section_title{margin: 0 0 10px 0; height: 30px; font-size: 20px;font-weight: 600; letter-spacing: -0.04em;}

/*보고서 팝업*/
.report_popup{position:absolute;top: 15px;left: 50%;margin: 0;padding: 10px;width: 25%;height: 600px;z-index:9999999999;box-sizing: border-box; background:#2d3745; background:#000; border:1px solid #343f4e; border-radius:3px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); -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);}
.report_popup img{width: 400px;display: block;margin: 0 auto;}
.report_popup .tit,
.report_popup .cnt{width: 500px;display: block;margin: 4px auto 0 auto;color:#fff;font-size: 13px;font-weight: 400;letter-spacing: -0.02em;line-height: 1.4em;}
.report_popup .cnt{color:#ccc;line-height: 1.0em;font-size: 11px;margin: 2px auto 0 auto;position: absolute;right: 60px;bottom:10px;width: auto;}
.report_popup .btn_close {position:absolute;z-index: 9999;bottom: 4px;left: 5px;width: 30px;height: 30px;background:url(../images/btn_tb_x.png) 0 0 no-repeat;background-size:100%;cursor:pointer;}
.report_popup .btn_close a{text-indent: -999999px;display: block; width:100%; height:100%;}

/*policy_btn 좌우이동버튼*/
.report_btn_pre{cursor: pointer;z-index: 999999;position: absolute;left: 0.5%;top: 46%;background: url('../images/page_prv.png') no-repeat;width: 40px;height: 40px;background-size: 100%;}
.report_btn_next{cursor: pointer;z-index: 999999;position: absolute;right: 0.5%;top: 46%;background: url('../images/page_next.png') no-repeat;width: 40px;height: 40px;background-size: 100%;}
.report_btn_next a,
.report_btn_pre a{width: 100%; height: 100%; display: block; text-indent: -99999px;}

/*워드클라우드 팝업*/
.wordcloud_popup{position:absolute;top: 310px;left: 60.5%;width: 360px;height: 306px;/* -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */border: solid 1px #1d252d;padding: 10px 10px 38px 10px !important;}
.wordcloud_popup .section_title{font-size: 15px;}
.wordcloud_popup .btn_close{position:absolute;z-index: 999;bottom: 0;left: 0;box-sizing: border-box;width: 100%;height: 40px;background: #27303b;border-top: solid 1px #343f4d;/* border-radius: 30px; */-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);cursor:pointer;}
.wordcloud_popup .btn_close a{display: block;width:100%;height:100%;background: url(../images/ic_ptz_list_close.png) 55% 50% no-repeat;background-size: 12px;color: #fff;padding: 10px 5% 0 0;box-sizing: border-box;text-align: center;font-size: 13px;}


/*text-color*/
.t_red{color:#f22626 !important;}
.t_green{color: #01a035 !important;}
.t_green2{color: #8ad019 !important;}
.t_yellow{color: #ff9c00 !important;}
.t_blue{color:#0d73f0 !important;}
.t_blue2{color:#00abad !important;}
.t_gray{color:#b9babc !important;}
.t_orange{color:#fd9b00 !important;}
.t_org{color:#fd9b00 !important;}
.t_highlight{color:#10b5af !important;}

/* =========================================================================== */
/* 물가동향 */
/* =========================================================================== */
.policy_wrap.price{width: 100%;height: calc(100% - 40px);}

/*가로4줄 물가*/
.policy_wrap.price .policy_list{width:100%; height:100%;}
.policy_wrap.price .policy_list>li{width: 100%;height: 100%;min-height: auto;margin-left: 0;}
.policy_wrap.price .policy_box{width: calc(25% - 8px);margin-right: 10px;height: 130px;/* height: 100%; */}
.policy_wrap.price .policy_box:nth-child( 4n ){margin-right:0px;}

.policy_wrap.price .policy_box p.count{bottom: 51%;top: auto;}
.policy_wrap.price .policy_box p.tit{top: 65%;}
.policy_wrap.price .policy_box .won{position:absolute; top:46%; width:100%; font-size:10px; letter-spacing:-0.04em; color:#e43d3c; text-align:center;}
.policy_wrap.price .policy_box .won.blue{color: #3184e9!important;}
.price .page_btn_pre,
.price .page_btn_next{top: 43%;}


/* =========================================================================== */
/* 물가동향 */
/* =========================================================================== */

.container .section01.tab_page{position: relative;}
.container .section01.tab_page .section01_01{width: 100%; height:100%;}

.container .section01.tab_page .section01_tab{width: 100%; height: 40px; box-sizing: border-box; position: absolute; left: 0; bottom: 0;}
.container .section01.tab_page .section01_tab ul{width: 100%;height: 100%;border-radius: 2px;background: #433b38;}
.container .section01.tab_page .section01_tab ul li{float: left;width: 50%;height: 100%; text-align: center; box-sizing: border-box; padding:8px 10px;}
.container .section01.tab_page .section01_tab ul li a{font-weight: 600; line-height: 1.8em; color:#fff; font-size: 14px; width: 100%; height: 100%; display: block;}
.container .section01.tab_page .section01_tab ul li.on{border-radius: 2px;background: #0d3c58;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.container .section01.tab_page .section01_tab ul li a .tab_date{font-weight: normal; font-size: 12px; color: #a8aab0;}

.section01.tab_page .policy_wrap .policy_list>li{width: calc(25% - 10px); height: 100%;}
.section01.tab_page .policy_wrap .policy_box{height: calc(25% - 8px);}
.section01.tab_page .policy_wrap .policy_box p.count{bottom: 51%;top: auto;}
.section01.tab_page .policy_wrap .policy_box p.tit{top: 65%;}
.section01.tab_page .policy_wrap .policy_box .won{position:absolute; top:46%; width:100%; font-size:10px; letter-spacing:-0.04em; color:#e43d3c; text-align:center;}
.section01.tab_page .policy_wrap .policy_box .won.blue{color: #3184e9!important;}
.section01.tab_page .page_btn_pre,
.section01.tab_page .page_btn_next{/* top: 43%; */}

.pagination{position: absolute; top: 2%; right: 0; z-index: 9999;}
.pagination .page{display: inline-block;cursor: pointer;width:10px;height: 10px;margin-left:3px;background: #0d3c58;border-radius: 10px;}
.pagination .page.active{background: #5d544f;width: 25px;}


/* =========================================================================== */
/* 재정현황 */
/* =========================================================================== */

.progress{width: 88%;height: 3px;position: absolute;bottom: 6%;left: 6%;border-radius: 10px;}
.progress_bar{position: relative;display: block;width:100%;height: 3px;border-radius: 10px;background: #3e3634;}
.bar{position: absolute;top: 0;left: 0;display: block;width: 40%;height: 3px;border-radius: 10px;background: #867971;}
.progress .per{position: absolute;top: -8px;left: 40%;display: block;background: rgb(56, 50, 46);border-radius:30px;/* border:solid 1px #867971; */padding: 0 5px 2px 5px;box-sizing: border-box;font-size: 10px;width: 32px;margin-left: -16px;}


.section01.tab_page .policy_wrap .policy_list.list02>li .policy_box .progress{width: 94%;left: 3%;}

.section01.tab_page .policy_wrap .policy_box .ctg{position:absolute;top: 41%;width:100%;font-size: 15px;letter-spacing:-0.04em;color: rgba(255, 255, 255, 0.8);text-align:center;}
.section01.tab_page .section01_01.public_finance .policy_wrap .policy_box .tit{font-size: 12px;top: 69%;color: rgba(255, 255, 255, 0.6) !important;}
.section01.tab_page .section01_02.public_finance .policy_wrap .policy_box .tit{font-size: 13px;top:74%;top: 69%;color: rgba(255, 255, 255, 0.7) !important;}

.policy_wrap .policy_list.list02{height: auto;}
.section01.tab_page .policy_wrap .policy_list.list02>li{width: 100%; height: 130px;}
.section01.tab_page .policy_wrap .policy_list.list02>li .policy_box{width: calc(50% - 6px);height: calc(100% - 11px);}
.section01.tab_page .policy_wrap .policy_list.list02>li .policy_box:nth-child(2n){margin-left: 12px;}

.section01.tab_page .policy_wrap.pol_02 .policy_list.list02>li .policy_box{width: calc(33.33% - 8px);margin-left: 12px;}
.section01.tab_page .policy_wrap.pol_02 .policy_list.list02>li .policy_box:first-child{margin-left:0px;}
.section01.tab_page .policy_wrap.pol_02 .policy_list.list02>li:first-child .policy_box{width: calc(50% - 6px);}

.section01.tab_page .section01_02 .policy_wrap .policy_list.list02>li{margin-left: 0;}
.container .section01.tab_page .section01_02{height: 100%; margin-top: 0;}


/*재정현황 세출*/
.policy_wrap.pol_01{height: calc(100% - 85px);}
.policy_wrap.pol_01 .policy_list.list02{height: 25%;}
.policy_wrap.pol_01 .policy_list.list02 .policy_box p.count span.cnt {font-size: 25px;}
.policy_wrap.pol_02 .policy_list.list02 .policy_box p.count span.cnt {font-size: 28px;}

.section01.tab_page .policy_wrap.pol_01 .policy_list.list02>li{height: 100%;}

.policy_wrap.pol_02{height: calc(100% - 85px);}
.policy_wrap.pol_02 .policy_list.list02{height: 100%;}
.section01.tab_page .policy_wrap.pol_02 .policy_list.list02>li{height: 25%;}

/* policy_wrap 세출*/
.section01.tab_page .policy_wrap.pol_01 .policy_list.list03{height: 75%;}
.section01.tab_page .policy_wrap.pol_01 .policy_list.list03 li{height: calc(33.333% - 9px); float: none; width: 100%; margin-left: 0; margin-bottom: 12px;}
.section01.tab_page .policy_wrap.pol_01 .policy_list.list03 li:last-child{margin-bottom: 0;}
.section01.tab_page .policy_wrap.pol_01 .policy_list.list03 li .policy_box {height: 100%; width: calc(25% - 9px); margin-left: 12px; margin-bottom: 0;}
.section01.tab_page .policy_wrap.pol_01 .policy_list.list03 li .policy_box:first-child{margin-left: 0;}


.container .section_title .title_arr{padding-left: 40px; display: inline-block; background: url('../images/tit_arrow.png') no-repeat 10% 50%; background-size:10px;}

.container .section_title .title_arr02{font-size: 21px; padding-left:23px; display: inline-block; background: url('../images/title_arr02.png') no-repeat 7px 0; background-size:10px;}

.container .section_title .tit01 .state{letter-spacing: -0.1em; margin-right: 9px;}

/*재정현황 팝업 추가*/
.tit01_01.w_btn{float: left;}
.pop_btn{/* width:95px; *//* height: 31px; *//* background:#2f374a; *//* border-radius: 31px; *//* box-sizing: border-box; *//* -webkit-box-sizing: border-box; *//* float: right; */}
.pop_btn a{font-size: 10px;color: #fff;display: inline-block;/* width: 100%; *//* height: 100%; */text-align: center;padding: 6px 10px 7px 10px;background: #4a423f;border-radius: 30px;}

.section01.tab_page .policy_wrap .policy_list>li{width: calc(25% - 10px); height: 100%;}
.section01.tab_page .policy_wrap .policy_box{height: calc(25% - 8px);}
.section01.tab_page .policy_wrap .policy_box p.count{bottom: 57%;}
.section01.tab_page .policy_wrap .policy_box p.tit{top: 65%;}
.section01.tab_page .policy_wrap .policy_box .won{position:absolute; top:46%; width:100%; font-size:10px; letter-spacing:-0.04em; color:#e43d3c; text-align:center;}
.section01.tab_page .policy_wrap .policy_box .won.blue{color: #3184e9!important;}
.section01.tab_page .page_btn_pre,
.section01.tab_page .page_btn_next{top: 51%;}



/*재정현황 팝업 추가*/
.tit01_01.w_btn{float: left;}
.pop_btn{/* width:95px; */height: 31px;/* background: #4a423f; *//* border-radius: 31px; */box-sizing: border-box;-webkit-box-sizing: border-box;float: right;}
.pop_btn a{}

.list_popup{display: none;width: 66.4%;/*height: 614px;*/height: 619px;z-index: 9999;background: #38322e;position: absolute;top: 0;right: 0;/* left: 713px; */}

.list_popup .tit01{display: block; width: 100%; font-size: 21px; font-weight: 600; margin-top: 0px; line-height: 1.4em; color: #fff; margin-bottom: 10px;}
.list_popup .title_arr02{ font-size: 21px; padding-left: 23px; display: inline-block; background: url(../images/title_arr02.png) no-repeat 7px 52%; background-size: 10px;}

.pop_list_area{width: 100%;/*height: 561px;*/height: calc(100% - 59px);background: #0d3c58;/* background: #4a423f; */box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);border-radius: 4px;}

.list_popup .search_table_wrap{overflow-y: hidden;height: calc(100% - 56px);padding:20px 20px 0 20px;/* margin-bottom: 26px; */box-sizing: border-box;-webkit-box-sizing: border-box;}
.list_popup .search_table_wrap .table01_top{color: #fff;}
.list_popup .search_table_wrap .table_sc_box3 { height: 100%;}

.list_popup .table01 tr td{border-bottom: 0;}
.list_popup .table01 tbody tr{border-bottom: 1px solid rgba(59, 52, 36, 0.7);}
.list_popup .table01 tbody tr:hover{border:1px solid #f22626;}
.list_popup .table01 tbody tr:hover th,
.list_popup .table01 tbody tr:hover td{border-top:1px solid #f22626;}
.list_popup .table01 tbody tr:hover td:nth-child(3){text-decoration: underline;}

.list_popup .table01.add tr td:last-child{color: #fff;}

.pop_btn_box{box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;padding: 0 15px;}
.pop_btn_box:after{content: ''; display: block; clear: both;}
.pop_btn_box .pop_x{width:31px;height: 31px;background: #59514d url(../images/pop_btn01.png) no-repeat center;background-size: 11px;border-radius: 31px;cursor: pointer;float: left;}
.pop_btn_box .pop_x.on{background: #22252e url(../images/pop_btn01.png) no-repeat center; background-size: 11px;}
.pop_btn_box select{float: left;margin-left: 7px;border:1px solid #59514d;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 31px;font-size: 10px;padding: 5px 15px;width: 204px;border-radius: 31px;color: #fff;background: #59514d url(../images/select_arrow_up.png) no-repeat 95% 50%;background-size: 30px;}
.pop_btn_box select.year{width: 100px;/* background: #59514d url(../images/select_arrow03.png) no-repeat 87% 50%; *//* background-size: 7px; */}
.pop_btn_box select:focus{outline: none; border:1px solid #fff; border-radius: 31px;}

.pop_search_box{float: left;background: #433b38;width: 242px;height: 31px;border-radius: 31px;margin-left: 7px;border: solid 1px #433b38;} 
.pop_search_box:hover,
.pop_search_box:focus,
.pop_search_box.on{border:1px solid #f22626;}

.pop_search_box .search_input{height: 31px;width: 85%;font-size: 10px;background: transparent;border-radius: 31px;margin-left: 5px;color: #fff;padding: 10px;box-sizing: border-box;border: none;float: left;}
.pop_search_box .search_input::-ms-input-placeholder {color:#a3a5aa; }
.pop_search_box .search_input::-webkit-input-placeholder { color:#a3a5aa;}
.pop_search_box .search_input::-moz-placeholder { color:#a3a5aa;}
.pop_search_box .search_input:focus{outline: none;}

.pop_search_box .search_btn{vertical-align: top;border: none;text-indent: -999999px;background: url(../images/ic_search.png)no-repeat center;background-size: 30px;width: 25px;height: 31px;box-sizing: border-box;cursor: pointer;}
.pop_search_box.on .search_btn{background: url(../images/footer_icon04_on.png)no-repeat center; background-size: 30px;}
.pop_search_box .search_btn:focus{outline: none;}

.pop_pagination{float: right; /*width: 383px;*/}
.pop_pagination ul{display:inline-block;vertical-align: top;}
.pop_pagination div{width:31px;height: 31px;border-radius: 31px;cursor: pointer;display: inline-block;/* float: left; */}
.pop_pagination div.first{background: #59514d url(../images/pop_btn03.png) no-repeat center;background-size: 13px;}
.pop_pagination div.prv{background: #59514d url(../images/pop_btn02.png) no-repeat center; background-size: 7px; margin-left: 5px;}
.pop_pagination div.next{background: #59514d url(../images/pop_btn04.png) no-repeat center; background-size: 7px; margin-left: 15px;}
.pop_pagination div.last{background: #59514d url(../images/pop_btn05.png) no-repeat center; background-size: 13px; margin-left: 5px;}
/*.pop_pagination div.first:hover{background: #59514d url(../images/pop_btn03_on.png) no-repeat center;background-size: 13px;}
.pop_pagination div.prv:hover{background: #59514d url(../images/pop_btn02_on.png) no-repeat center; background-size: 7px;}
.pop_pagination div.next:hover{background: #59514d url(../images/pop_btn04_on.png) no-repeat center; background-size: 7px;}
.pop_pagination div.last:hover{background: #59514d url(../images/pop_btn05_on.png) no-repeat center; background-size: 13px;}*/

.pop_pagination ul li{float: left; font-size: 12px; color: #a3a5aa; cursor: pointer; margin-left: 16px; margin-top: 6px;}
.pop_pagination ul li.on{color: #f22626; text-decoration: underline;}



/*=========== 도시현황팝업 */
.main_pop_L{position: absolute;width:614px;height:599px;background: #fff;border-radius: 3px;z-index: 9999999;top: 72px;right: 0.5%;/* left: 1488px; */box-sizing: border-box;-webkit-box-sizing: border-box;}
.main_pop_L .pop_x_btn{cursor: pointer; z-index: 999999; position: absolute; bottom: 1%; left: 1%; background: url('../images/pop_x_btn.png') no-repeat; width: 43px; height: 43px; background-size: 43px;}

/*progress 수정*/
.progress,
.section01.tab_page .policy_wrap .policy_list.list02>li .policy_box .progress{width: 100%;padding: 0 15px;left: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}

/*btn_area*/
.policy_btn_area select{float: left;margin-left:13px;border:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 32px;font-size: 10px;padding: 5px 15px;width: 183px;border-radius: 50px;color: #fff;background: #0d3c58 url(../images/select_arrow03.png) no-repeat 92% 48%;background-size: 10px;}
.policy_btn_area .color_btn{float: left;margin-left: 7px;/* width: 139px; */height: 32px;border-radius: 50px;background: #0d3c58;padding: 8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.policy_btn_area .color_btn li{width: 17px; height: 17px; float: left; margin-left: 7px; cursor: pointer;}
.policy_btn_area .color_btn .org{background: url('../images/org_off.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .org.on{background: url('../images/org_on.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .skyblue{background: url('../images/sky_off.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .skyblue.on{background: url('../images/sky_on.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .green{background: url('../images/green_off.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .green.on{background: url('../images/green_on.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .red{background: url('../images/red_off.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .red.on{background: url('../images/red_on.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .blue{background: url('../images/blue_off.png')no-repeat; background-size: 16px;}
.policy_btn_area .color_btn .blue.on{background: url('../images/blue_on.png')no-repeat; background-size: 16px;}

/*좌우버튼*/
.page_btn_pre{cursor: pointer;z-index: 999999;position: absolute;left: 0.5%;top: 50%;background: url('../images/page_prv.png') no-repeat;width: 43px;height: 43px;background-size: 100%;}
.page_btn_next{cursor: pointer;z-index: 999999;position: absolute;right: 0.5%;top: 50%;background: url('../images/page_next.png') no-repeat;width: 43px;height: 43px;background-size: 100%;}
.page_btn_next a,
.page_btn_pre a{width: 43px;height: 43px;display: block;text-indent: -99999px;}

.td_gray td{font-weight: 600;background: #574e4b;}
.td_red td{font-weight: 600;background: rgba(87, 78, 75, 0.3);color: #ff7100 !important;}


/*실시간도시현황 section03*/
.live_status_box{width: 100%;height: 100%;}
.live_status_box .tit{border-bottom: solid 1px #eee;color:#454545;width: 100%;height: 34px;padding: 7px 10px;box-sizing: border-box;font-weight: 600;}

.live_status_box .count{border-bottom: solid 1px #685f5a;color: #fff;box-sizing: border-box;}
.live_status_box .count>li {display:block;float:left;margin: 0;padding: 15px 0;width: 25%;height: 70px;text-align:center;box-sizing: border-box;}
.live_status_box .count>li.on{border-bottom:solid 3px #3184e9;}
.live_status_box .count>li span{line-height:1em;display: block;font-size: 20px;font-weight:600;letter-spacing:-0.08em;line-height:1.0em;}
.live_status_box .count>li span.text{font-size: 13px;font-weight:normal;letter-spacing:-0.01em;color: #c8c8c8;margin-top: 10px;}
.live_status_box .count>li span.unit{font-size: 10px;font-weight:normal;letter-spacing:-0.01em;color: #adb0b6;margin-bottom: 5px;}
.live_status_box .count>li a {color: #fff;display: block;border-left: solid 1px #342f2c;}
.live_status_box .count>li:first-child a{border-left:none;}
.live_status_box .count:after{display:block; content:''; clear:both;}

.live_status_box .count>li span.org{color: #ff9c00;font-weight: 600 !important;}
.live_status_box .count>li span.red{color: #e23d3c;font-weight: 600 !important;}

.live_status_box .alm_box{margin: 15px 10px 15px 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.live_status_box .alm_box .alm_list{width: 100%; height: 140px;-webkit-box-sizing: border-box; box-sizing: border-box;}
.live_status_box .alm_box .alm_list>li{font-size: 12px;color:#454545;padding:0 0 13px 0;box-sizing: border-box;position: relative;}
/*.live_status_box .alm_box .alm_list>li a{color:#fff; width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}*/
.live_status_box .alm_box .alm_list>li a{color:#fff; width: 165px;}
.live_status_box .alm_box .alm_list .date{color: #adb0b6;font-size: 10px;position: absolute;right: 3px; top:3px;}

.live_status_box .alm_box.grp_area{height: 183px; margin: 0;}

.live_status_box .chart_box{width:100%;height: calc(100% - 70px);padding: 10px;box-sizing: border-box;}

.live_status_box .btn_content{position:absolute;bottom:10px;right: 10px;background: rgba(0,0,0,0.3) url(../images/btn_content.png) no-repeat 50% 50%;background-size:50%;display: block;width: 30px;height: 30px;border-radius: 30px;}
.live_status_box .btn_content a{display: block;text-indent: -99999px;width: 100%;height: 100%;}
.live_status_box .btn_chart{position:absolute;bottom:10px;right:10px;background: rgba(0,0,0,0.6) url(../images/hover00.png) no-repeat 50% 50%;background-size:48%;display: block;width: 30px;height: 30px;border-radius: 30px;}
.live_status_box .btn_chart a{display: block; text-indent: -99999px;}

.live_status_box .btn_exit{position:absolute;bottom:10px;right:45px;background: rgba(0,0,0,0.6);display: block;width: 71px;height: 30px;border-radius: 30px;}
.live_status_box .btn_exit a{display: block; color: #fff; font-size: 10px; text-align: center; padding-top: 10%; width: 100%; height: 100%;}

/*live_status_box-재난안전*/
.live_status_box.safety .count>li.on{border-bottom:solid 3px #e43d3c;}
.live_status_box.safety .btn_chart:hover{background: rgba(0,0,0,0.6) url(../images/hover01.png) no-repeat 50% 50%;background-size:48%;}
.live_status_box.safety .btn_exit a:hover{color: #e43d3c;}

/*live_status_box-교통정보*/
.live_status_box.traffic .count>li.on{/* border-bottom: solid 3px #84bd07; */}
.live_status_box.traffic .btn_chart:hover{background: rgba(0,0,0,0.3) url(../images/hover02.png) no-repeat 50% 50%;background-size:48%;}
.live_status_box.traffic .btn_exit a:hover{color: #84bd07;}

/*live_status_box-대기환경*/
.live_status_box.air .count>li.on{border-bottom:solid 3px #1bafbc;}
.live_status_box.air .btn_chart:hover{background: rgba(0,0,0,0.3) url(../images/hover03.png) no-repeat 50% 50%;background-size:48%;}
.live_status_box.air .btn_exit a:hover{color: #1bafbc;}
.live_status_box.air .alm_box .alm_list>li a{width: 253px;}

.live_status_box.air .count>li span.cnt{font-size: 18px;}
/*.live_status_box.air .count>li span.text{font-size: 12px;margin-top: 9px;}
.live_status_box.air .count>li span.cnt{font-size: 18px;font-weight: 500;letter-spacing:-0.08em;line-height:1.0em;display: inline-block;}
.live_status_box.air .count>li span.unit{font-size: 5px;font-weight:normal;letter-spacing:-0.01em;margin-top: 5px;letter-spacing: 0.08em;}*/
.live_status_box.air .count>li span.unit{display: none;}

/*live_status_box-용수*/
.live_status_box.water .alm_box{margin: 13px 10px 30px 15px;height: 163px;}

.live_status_box.water .count>li span.cnt{font-size: 18px;padding-top: 3px;}
.live_status_box.water .btn_chart:hover{background: rgba(0,0,0,0.3) url(../images/hover04.png) no-repeat 50% 50%;background-size:48%;}
.live_status_box.water .btn_exit a:hover{color: #146be1;}
.live_status_box.water .alm_box .alm_list>li a{width: 253px;}
.live_status_box.water .count>li.on{border-bottom:solid 3px #146be1;}

.live_status_box .count.hd{border-bottom: solid 1px #685f5a;color: #fff;box-sizing: border-box;padding: 10px 30px 10px 7px;}
.live_status_box .count.hd > li{display:block;float:left;margin: 0;padding: 15px 0;width: 15%;height: 30px;text-align:center;box-sizing: border-box;border-left: solid 1px #342f2c;}
.live_status_box .count.hd > li:first-child{border-left:none;}

/*지도메뉴선택박스*/
/*수질*/
.map_ctmenu{position:absolute;bottom: 64px;left: 10px;width: 210px;height: 153px;box-sizing:border-box;border: solid 0px #fff;border-radius: 4px;color:#333;background:#fff;z-index:999999999;overflow: hidden;-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);}
.map_ctmenu .menu01{height: 36px;width: 64px;}
.map_ctmenu .menu01 a{text-align:center;width: 100%;height: 100%;color:#333;padding: 8px 5px;box-sizing: border-box;display: block;font-size: 12px;background: #f3f4f6;}
.map_ctmenu .menu01.on a{border: solid 1px #0079c2;color: #fff;background: #0079c2;}
.map_ctmenu .menu01_sub{display:none;position: absolute;left: 64px;top:0;width: calc(100% - 64px);height: 100%;border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #ffffff;padding: 0;box-sizing: border-box;}
.map_ctmenu .menu01_sub.on{display: block;}

/*대기*/
.map_ctmenu .menu02{height:39px;width: 64px;}
.map_ctmenu .menu02 a{text-align:center;width: 100%;height: 100%;color:#333;padding: 8px 5px;box-sizing: border-box;display: block;border-top: solid 1px #e5e5e5;font-size: 12px;background: #f3f4f6;}
.map_ctmenu .menu02.on a{border: solid 1px #1bafbc;color: #fff;border-left:0;background: #1bafbc;}
.map_ctmenu .menu02_sub{display:none;position: absolute;left: 64px;top:0;width: calc(100% - 64px);height: 100%;border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #ffffff;padding: 0;box-sizing: border-box;}
.map_ctmenu .menu02_sub.on{display: block;}

/*교통*/
.map_ctmenu .menu03{height:39px;width: 64px;}
.map_ctmenu .menu03 a{text-align:center;width: 100%;height: 100%;color:#333;padding: 8px 5px;box-sizing: border-box;display: block;border-top: solid 1px #e5e5e5;font-size: 12px;background: #f3f4f6;}
.map_ctmenu .menu03.on a{border: solid 1px #3184e9;color: #fff;border-left:0;background: #3184e9;}
.map_ctmenu .menu03_sub{display:none;position: absolute;left: 64px;top:0;width: calc(100% - 64px);height: 100%;border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #ffffff;padding: 0;box-sizing: border-box;}
.map_ctmenu .menu03_sub.on{display: block;}

/*재난*/
.map_ctmenu .menu04{height:39px;width: 64px;}
.map_ctmenu .menu04 a{text-align:center;width: 100%;height: 100%;color:#333;padding: 8px 5px;box-sizing: border-box;display: block;border-top: solid 1px #e5e5e5;font-size: 12px;background: #f3f4f6;}
.map_ctmenu .menu04.on a{border: solid 1px #e43d3c;color: #fff;border-left:0;background: #e43d3c;}
.map_ctmenu .menu04_sub{display:none;position: absolute;left: 64px;top:0;width: calc(100% - 64px);height: 100%;border-left:solid #e2e2e2 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: #ffffff;padding: 0;box-sizing: border-box;}
.map_ctmenu .menu04_sub.on{display: block;}

.map_ctmenu .list01{height: 69px;border-bottom: solid 1px #e5e5e5;overflow: hidden;padding: 13px 8px;box-sizing: border-box;}
.map_ctmenu .list01>li{padding-bottom:4px;float: left;width: 25%;box-sizing: border-box;text-align: center;letter-spacing: 0.02em;}
.map_ctmenu .list02{height: calc(100% - 20px);box-sizing: border-box;margin: 10px 10px 10px 16px;}
.map_ctmenu .list02>li{padding-bottom: 11px;float: left;width: 100%;display: block;font-size: 12px;}
.map_ctmenu .list02:after{content: ''; display: block; clear: both;}

.map_ctmenu .menu04_sub .list02>li{width: 100%;}
.map_ctmenu .list01.w_20 li{width: 20%;}

/*지도메뉴선택-아이콘버튼*/
.map_ctmenu .ico_btn{color:#333333;font-weight:600;font-size: 10px;display: block;width: 100%;height: 100%;}
.map_ctmenu .ico_btn.on{color:#0d73f0;}
.map_ctmenu .ico_btn .txt{padding-left:0;letter-spacing:-0.04em;}
.map_ctmenu .ico_btn .txt1{padding-left: 3px;letter-spacing: 0.2em;}
.map_ctmenu .ico_btn .txt2{padding-left: 0px;letter-spacing: -0.12em;}

/*아이콘*/
.map_ctmenu .ico_btn:before {content:'';display:block;border-radius:30px;border:solid 1px #e9e9e9;background:#fff;background-size:20px;height: 26px;width: 26px;cursor:pointer;vertical-align: 1px;margin: 0 auto 2px auto;}
.map_ctmenu .ico_btn.on:before {background:#5dabf5;/* background-size: 30px; */border: solid 1px #1a6fd6;}

/*재난*/
.map_ctmenu .ico_btn.ic11:before {content:'';background: #fff url(../images/marker/ico_btn11.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on.ic11:before {content:'';background: #e43d3c url(../images/marker/ico_btn11_on.png) no-repeat 50% 40%;background-size: 60%;border: solid 1px #ba1c1c;}
/*화재*/
.map_ctmenu .ico_btn.ic12:before {content:'';background: #fff url(../images/marker/ico_btn12.png) no-repeat 50% 40%;background-size: 60%;}
.map_ctmenu .ico_btn.on.ic12:before {content:'';background: #e43d3c url(../images/marker/ico_btn12_on.png) no-repeat 50% 40%;background-size: 60%;border: solid 1px #ba1c1c;}
/*구조*/
.map_ctmenu .ico_btn.ic13:before {content:'';background: #fff url(../images/marker/ico_btn13.png) no-repeat 50% 50%;background-size: 56%;}
.map_ctmenu .ico_btn.on.ic13:before {content:'';background: #e43d3c url(../images/marker/ico_btn13_on.png) no-repeat 50% 50%;background-size: 56%;border: solid 1px #ba1c1c;}
/*구급*/
.map_ctmenu .ico_btn.ic14:before {content:'';background: #fff url(../images/marker/ico_btn14.png) no-repeat 50% 45%;background-size: 60%;}
.map_ctmenu .ico_btn.on.ic14:before {content:'';background: #e43d3c url(../images/marker/ico_btn14_on.png) no-repeat 50% 45%;background-size: 60%;border: solid 1px #ba1c1c;}

.map_ctmenu .ico_btn.on.ic11,
.map_ctmenu .ico_btn.on.ic12,
.map_ctmenu .ico_btn.on.ic13,
.map_ctmenu .ico_btn.on.ic14{color: #f22626;}

/*교통*/
.map_ctmenu .ico_btn.ic21:before {content:'';background: #fff url(../images/marker/ico_btn21.png) no-repeat 50% 40%;background-size: 67%;}
.map_ctmenu .ico_btn.on.ic21:before {content:'';background: #3184e9 url(../images/marker/ico_btn21_on.png) no-repeat 50% 40%;background-size: 67%;border:solid 1px #2e7fe2;}

.map_ctmenu .ico_btn.ic22:before {content:'';background: #fff url(../images/marker/ico_btn22.png) no-repeat 50% 45%;background-size: 65%;}
.map_ctmenu .ico_btn.on.ic22:before {content:'';background: #3184e9 url(../images/marker/ico_btn22_on.png) no-repeat 50% 45%;background-size: 65%;border:solid 1px #2e7fe2;}

.map_ctmenu .ico_btn.ic23:before {content:'';background: #fff url(../images/marker/ico_btn23.png) no-repeat 50% 45%;background-size: 60%;}
.map_ctmenu .ico_btn.on.ic23:before {content:'';background: #3184e9 url(../images/marker/ico_btn23_on.png) no-repeat 50% 45%;background-size: 60%;border:solid 1px #2e7fe2;}

.map_ctmenu .ico_btn.ic24:before {content:'';background: #fff url(../images/marker/ico_btn24.png) no-repeat 55% 50%;background-size: 85%;}
.map_ctmenu .ico_btn.on.ic24:before {content:'';background: #3184e9 url(../images/marker/ico_btn24_on.png) no-repeat 50% 50%;background-size: 85%;border:solid 1px #2e7fe2;}


.map_ctmenu .ico_btn.on.ic21,
.map_ctmenu .ico_btn.on.ic22,
.map_ctmenu .ico_btn.on.ic23,
.map_ctmenu .ico_btn.on.ic24{color: #0d73f0;}

/*대기*/
.map_ctmenu .ico_btn.ic31:before {content:'';background: #fff url(../images/marker/ico_btn31.png) no-repeat center;background-size: 70%;}
.map_ctmenu .ico_btn.on.ic31:before {content:'';background: #1bafbc url(../images/marker/ico_btn31_on.png) no-repeat center;background-size: 70%;border: solid 1px #0f9da9;}

.map_ctmenu .ico_btn.ic32:before {content:'';background: #fff url(../images/marker/ico_btn32.png) no-repeat center;background-size: 70%;}
.map_ctmenu .ico_btn.on.ic32:before {content:'';background: #1bafbc url(../images/marker/ico_btn32_on.png) no-repeat center;background-size: 70%; border:solid 1px #0f9da9;}

.map_ctmenu .ico_btn.ic33:before {content:'';background: #fff url(../images/marker/ico_btn33.png) no-repeat center;background-size: 70%;}
.map_ctmenu .ico_btn.on.ic33:before {content:'';background: #1bafbc url(../images/marker/ico_btn33_on.png) no-repeat center;background-size: 70%; border:solid 1px #0f9da9;}

.map_ctmenu .ico_btn.ic34:before {content:'';background: #fff url(../images/marker/ico_btn34.png) no-repeat center;background-size: 55%;}
.map_ctmenu .ico_btn.on.ic34:before {content:'';background: #1bafbc url(../images/marker/ico_btn34_on.png) no-repeat center;background-size: 55%; border:solid 1px #0f9da9;}

.map_ctmenu .ico_btn.on.ic31,
.map_ctmenu .ico_btn.on.ic32,
.map_ctmenu .ico_btn.on.ic33,
.map_ctmenu .ico_btn.on.ic34{color: #1bafbc;}

/*수질*/
.map_ctmenu .ico_btn.ic41:before {content:'';background: #fff url(../images/marker/ico_btn43.png) no-repeat 50% 45%;background-size: 75%;}
.map_ctmenu .ico_btn.on.ic41:before {content:'';background: #84bd07 url(../images/marker/ico_btn43_on.png) no-repeat 50% 45%;background-size: 75%;border: solid 1px #75a707;}

.map_ctmenu .ico_btn.ic42:before {content:'';background: #fff url(../images/marker/ico_btn43.png) no-repeat 50% 50%;background-size: 66%;}
.map_ctmenu .ico_btn.on.ic42:before {content:'';background: #84bd07 url(../images/marker/ico_btn43_on.png) no-repeat 50% 50%;background-size: 66%;border: solid 1px #75a707;}

.map_ctmenu .ico_btn.ic43:before {content:'';background: #fff url(../images/marker/ico_btn43.png) no-repeat 50% 45%;background-size: 60%;}
.map_ctmenu .ico_btn.on.ic43:before {content:'';background: #84bd07 url(../images/marker/ico_btn43_on.png) no-repeat 50% 45%;background-size: 60%;border: solid 1px #75a707;}

.map_ctmenu .ico_btn.ic44:before {content:'';background: #fff url(../images/marker/ico_btn43.png) no-repeat 55% 47%;background-size: 65%;}
.map_ctmenu .ico_btn.on.ic44:before {content:'';background: #84bd07 url(../images/marker/ico_btn43_on.png) no-repeat 50% 47%;background-size: 65%;border: solid 1px #75a707;}

.map_ctmenu .ico_btn.ic45:before {content:'';background: #fff url(../images/marker/ico_btn43.png) no-repeat 55% 47%;background-size: 65%;}
.map_ctmenu .ico_btn.on.ic45:before {content:'';background: #84bd07 url(../images/marker/ico_btn43_on.png) no-repeat 50% 47%;background-size: 65%;border: solid 1px #75a707;}


.map_ctmenu .ico_btn.on.ic41,
.map_ctmenu .ico_btn.on.ic42,
.map_ctmenu .ico_btn.on.ic43,
.map_ctmenu .ico_btn.on.ic44{color: #77ab07;}


/*실국별보기--상세페이지*/
.department {position:relative;width: calc(100% - 20px);height: 50px;background: #6f6560;border: solid 1px #6f6560;border-radius: 3px;box-sizing: border-box;padding: 8px 20px;margin: 10px 10px 7px 10px;}
.department .hd{font-size:16px;}
.department .name{font-size: 21px;font-weight: 600;vertical-align: -1px;letter-spacing: 0.1em;margin-left: 10px;}
.department .btn{position: absolute; right:20px; top:20px;}
.department .tel{position: absolute;right:20px;top: 13px;font-size:15px;}
.department_list {position:relative;width: 100%;height: calc(100% - 70px);/* background:#2f3235; *//* background:#222629; *//* box-sizing: border-box; */padding: 3px 10px 10px 10px;/* margin-top: 10px; *//* border-top:solid 1px #434749; */box-sizing: border-box;}



/*.simple_map_wrap.facility a img[src$=".png"]{width:88px !important; height:88px !important;}*/

/*코로나 상황판*/
.covid19_iframe{width: 100%; height: 100%;}


/*=================실국별 시정과제 현황=======================*/
.organization10 { width: 100%; height: 100%; background: url(../images/ic_img/ic_org_bg10.png) 70px 75px no-repeat; background-size:92%; z-index: 999999; position: relative; box-sizing: border-box; } 
.organization10 .level1 { position: relative; display: block; width: 100%; height: 110px; box-sizing: border-box;} 
.organization10 .level2 { display: block; width: 100%; height: 250px; box-sizing: border-box; position: relative;} 
.organization10 .level3 { display: block; width: 100%; height: 200px; box-sizing: border-box; position: relative;} 
.organization10 .org_box	{ position: relative; width: 190px; height: 70px; text-align: center; background:#064367; border:1px solid #14629c; border-top: solid 2px #14629c; border-radius: 3px; box-sizing: border-box; -webkit-box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); }


/*공통*/
.organization10 div > a	{position: absolute; top:0; left:0; display:block; width:100%; height:100%;}
.organization10 .level2 .org_box.on	{border:3px solid #98ffff;}

.organization10 div > a .pt	{display:block; color:#1a9feb; font-size:12px; padding:10px 0 2px 60px;}
.organization10 div > a .nm	{display:block; color:#fff; font-size:16px; font-weight:600; padding-left:60px; letter-spacing:5px;}
.organization10 div > a .photo	{position:absolute; top:0px; left:1px; width:60px; height:100%; overflow:hidden;}
.organization10 div > a .photo img	{width:100%; height:100%}


/*첫째열*/
.organization10 .level1 .org1	{margin: 0 auto;}
.organization10 .level1 .org1 > a .pt	{font-size:16px; padding:5px 0 2px 70px;}
.organization10 .level1 .org1 > a .nm	{font-size:20px; padding:0 0 2px 70px;}
.organization10 .level1 .org1 > a .photo	{width: 75px; height: 100%;}

/*색상*/
.organization10 .level1 .org_box	{width: 220px; height: 80px; background-image:linear-gradient(to left, #007bc3, #0e5477); border: 1px solid #299bdc; border-top: solid 2px #40b9ff;}
.organization10 .level1 div > a .pt	{color:#90defb;}


.organization10 .level2 .org_box	{background:#009090; border: 1px solid #00aeae; border-top: solid 2px #00aeae;}
/*.organization10 .level2 .org_box.org2-6	{background:#064367; border: 1px solid #14629c; border-top: solid 2px #14629c;}*/
.organization10 .level2 div > a .pt	{color:#d7ffff;}


/*둘째열*/
.organization10 .level2 .org_box,
.organization10 .level2 .org_box_s,
.organization10 .level3 .org_box_s	{float:left;}

.organization10 .level2 .org2-1	{margin-left:20.8%;}
.organization10 .level2 .org2-2	{margin-left:40px;}
.organization10 .level2 .org2-3	{margin-left:65px; margin-top: 20px;}
.organization10 .level2 .org2-4	{margin-left:40px; margin-top: 20px;}
.organization10 .level2 .org2-5	{margin-left:40px; margin-top: 20px; background: #3e5e6f; border: 1px solid #577b8e; border-top: solid 2px #78afcc;}
.organization10 .level2 .org_box_s.org2-5 .pt	{color:#a0c6da}
.organization10 .level2 .org_box_s.org2-5 .org_list	{background:#2f4754; border-top:1px solid #577b8e}
.organization10 .level2 .org2-6	{margin-left:40px; margin-top: 20px;}
.organization10 .level2 .org2-6 a .pt	{color: #fff; font-size: 16px; font-weight: 600; padding: 20px 0 0;}


/*셋째열*/

/*행정부시장*/
.organization10.type1 {background: url(../images/ic_img/ic_org_bg10.png) 70px 75px no-repeat; background-size:92%;} 
.organization10 .level3 .org_box.org3-top1	{position:absolute; top:-150px; left:85px; background: #3e5e6f; border: 1px solid #577b8e; border-top: solid 2px #78afcc;}
.organization10 .level3 .org_box.org3-top1 .pt	{color:#a0c6da}
.organization10 .level3 .org_box.org3-top2	{position:absolute; top:-120px; right:240px;}
.organization10 .level3 .org_box_s.org3-1	{margin-left:30px;}
.organization10 .level3 .org_box_s	{margin-left:15px;}
/*.organization10.type1 .level3 .org_box_s.org3-3	{margin-top:15px; height:175px;}*/
.organization10 .level2 .org2-7	{margin-left:80px; margin-top: -50px; width: 190px;}


/*균형발전정무부시장*/
.organization10.type2 {background: url(../images/ic_img/ic_org_bg10-2.png) 70px 75px no-repeat; background-size:92%;} 
.organization10.type2 .level3 .org_box.org3-top1	{top: -130px; left: 500px;}
.organization10.type2 .level3 .org_box_s.org3-1	{margin-left:500px;}
/*.organization10.type2 .level3 .org_box_s.org3-3	{margin-top:0; height:190px;}*/

/*직속기관사업소*/
.organization10.type3 {background: url(../images/ic_img/ic_org_bg10-3.png) 70px 75px no-repeat; background-size:92%;} 
.organization10.type3 .level3 .org_box_s.org3-1	{margin-left: 31%;}

/*작은박스*/
.organization10 .org_box_s	{ position: relative; width: 140px; height: 190px; text-align: center; background: #0a446e; border: solid 1px #14629c; border-top: solid 2px #02a2f4; border-radius: 3px; box-sizing: border-box; -webkit-box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); }

.organization10 .org_box_s > a .pt	{font-size:9px; padding:2px 0 2px 45px;}
.organization10 .org_box_s > a .nm	{font-size:11px; padding-left:45px; letter-spacing:0;}
.organization10 .org_box_s > a .photo	{width:42px; height:42px;}

/*리스트박스*/
.organization10 .org_list	{margin-top:42px; width:100%; height:calc(100% - 42px); background:#043856; border-top:1px solid #0a6599; border-radius:0 0 3px 3px; box-sizing:border-box; padding:5px; overflow: auto;}
.organization10 .org_list li	{position:relative; text-align:left; overflow:hidden; padding:5px 0;}
.organization10 .org_list li a	{display:block; width:70%; overflow:hidden; color:#fff; white-space:nowrap; text-overflow:ellipsis; font-size:9px; line-height:1;}
.organization10 .org_list li a > span.c01	{color:#ffbd4b;}
.organization10 .org_list li a > span.c02	{color:#55f1ff;}
.organization10 .org_list li label.nd	{position:absolute; top:3px; right:0; color:#fff; background:#10b5af; height:10px; font-size:8px; padding:1px 5px 2px; border-radius:5px 0 5px 0; line-height:1; margin-left:10px;}


/*=================조직도=======================*/
.organization11 { width: 100%; height: 100%; background: url(../images/ic_img/ic_org_bg11.png) 0 75px no-repeat; background-size:100%; z-index: 999999; position: relative; box-sizing: border-box; } 
.organization11 .level1 {position: relative; display: block; width: 100%; height: 100px; box-sizing: border-box; margin: -30px 0 0 0;} 
.organization11 .level2 {display: block; width: 100%; height: 240px; box-sizing: border-box; position: relative; margin-top: 30px;} 
.organization11 .level3.right {display: block;width: 21%;height: 253px;box-sizing: border-box;position: absolute;bottom: 0;right: 0;} 
.organization11 .level3.left {display: block; width: 25.5%; height: 253px; box-sizing: border-box; position: absolute; bottom: 0; left:0;} 
.organization11 .level3.center {display: block; width: 44%; height: 253px; box-sizing: border-box; position: absolute; bottom: 0; left: 26.5%;} 
.organization11 .org_box	{position: relative; display: block; float: left;width: 110px; min-height: 50px; text-align: center; background:#064367; border:1px solid #14629c; border-top: solid 2px #1598e7; border-radius: 3px; box-sizing: border-box; -webkit-box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); }


/*공통*/
.organization11 div > a	{position: absolute; top:0; left:0; display:block; width:100%; height:100%; box-sizing:border-box;}
.organization11 div > a .pt	{display:block; color: #54c1ff; font-size:10px; padding:2px 0 0 40px;}
.organization11 div > a .pt2	{display:block; color: #54c1ff; font-weight:600;  font-size:14px; padding:12px 0;}
.organization11 div > a .nm	{display:block; color:#fff; font-size:14px; font-weight:600; padding-left:40px; letter-spacing:5px;}
.organization11 div > a .photo	{position:absolute; top:0px; left:1px; width:40px; height:47px; overflow:hidden; border-radius:2px 0 0 2px}
.organization11 div > a .photo img	{width:100%; height:100%}
.organization11 .org_box.no-top .org_list	{margin: 0; height: 168px;}

/*색상*/
.organization11 .level1 .org_box.org1-1	{width: 170px; height: 70px; background-image:linear-gradient(to left, #007bc3, #0e5477); border: 1px solid #299bdc; border-top: solid 2px #40b9ff;}
.organization11 .level1 .org_box.org1-2,
.organization11 .level1 .org_box.org1-3	{background: #32516b; border: 1px solid #3c6c94; border-top: solid 2px #638ca5;}
.organization11 .level2 .org_box.org2-1,
.organization11 .level3 .org_box.org2-2	{background: #32636b; border: 1px solid #3c8994; border-top: solid 2px #63a5a2; width:150px;}
.organization11 .level2 .org_box.org2-1 a .pt,
.organization11 .level3 .org_box.org2-2 a .pt	{color:#91d7e2;}

.organization11 .level3.left .org_box.org3-1 .pt,
.organization11 .level3.left .org_box.org3-2-1 .pt,
.organization11 .level3.left .org_box.org3-2-2 .pt,
.organization11 .level2 .org2-3 .pt	{color:#c5c5c5;}

.organization11 .level3.left .org_box.org3-1 .org_list,
.organization11 .level3.left .org_box.org3-2-1 .org_list,
.organization11 .level3.left .org_box.org3-2-2 .org_list,
.organization11 .level2 .org2-3 .org_list	{background:#2f3a40;border-top-color:#647379;}


/*첫째열*/
.organization11 .level1 .org_box	{width:150px;}
.organization11 .level1 .org1-1	{margin: 0 auto; float: none;}
.organization11 .level1 .org1-2	{margin: 0;position: absolute;left: 60%;top: 73px;width: 220px;}
.organization11 .level1 .org1-2 a .nm{letter-spacing: 0.0em;margin-top: 2px;}
.organization11 .level1 .org1-3	{margin: 0 0 0 690px;}

.organization11 .level1 .org_box.org1-1 > a .photo	{width: 64px; height: 100%;}
.organization11 .level1 .org_box.org1-1 > a .pt	{font-size: 12px;padding: 8px 0 0 64px;}
.organization11 .level1 .org_box.org1-1 > a .nm	{font-size: 18px;padding: 0 0 0 64px;}

/*둘째열*/
.organization11 .level2 .org_box	{float:left;width:120px;}


.organization11 .level2 .org2-1	{position:absolute; top:0; left: 390px;}
.organization11 .level2 .org2-1-1	{position:absolute; top: 80px; left: 258px; width:150px;}
.organization11 .level2 .org2-1-2	{position:absolute; top: 60px; left: 520px; width:150px;}

/*오른쪽끝 구조*/
/*.organization11 .level3.right .org3_top .org_box,
.organization11 .level3.right .org3_top .org_box_s	{float:left;}*/

.organization11 .level3.right .org3_top	{position:absolute; top:-150px; right:0; width:100%; height:100%;}
.organization11 .level3.right .org3_top .org_box	{width:150px;}
/*.organization11 .level3.right .org3_top .org2-1	{margin-left:23%;}
.organization11 .level3.right .org3_top .org2-2	{margin-left:40px;}
.organization11 .level3.right .org3_top .org2-3	{margin-left:220px;}
.organization11 .level3.right .org3_top .org2-4	{margin-left:40px;}
.organization11 .level3.right .org3_top .org2-5	{margin-left:40px;}*/

.organization11 .level3.right .org2-2	{position:absolute; top: -48px; left: 120px;}
.organization11 .level3.right .org2-2-1	{position:absolute; top: 7px; left:0;}
.organization11 .level3.right .org2-2-2	{position:absolute; top: 7px; right:10px;}
.organization11 .level3.right .org2-2-3	{position:absolute; top: 67px; left:0;}
.organization11 .level3.right .org2-2-4	{position:absolute; top: 67px; right:10px;}
.organization11 .level3.right .org2-2-5	{position:absolute; top: 127px; left:0;}
.organization11 .level3.right .org2-2-6	{position:absolute; top: 127px; right:10px;}


.organization11 .level2 .org2-3	{position:absolute; bottom: -172px; right:0; background: #43525a; border:1px solid #43525a; border-top: solid 2px #8c9194;}
.organization11 .level2 .org2-3 ul	{height: 195px;}


/*셋째열*/

.organization11 .level3.left .org_box	{margin-top:30px;}
.organization11 .level3.left .org_box.org3-2-1	{position:absolute; top:-60px; right:100px;}
.organization11 .level3.left .org_box.org3-2-2	{position:absolute; top:-60px; right:0; background: #43525a; border:1px solid #43525a; border-top: solid 2px #8c9194;}
.organization11 .level3.center .org_box.org3-3-8	{position:absolute;/* top: -30px; */bottom: 0;right:0;width: 130px;/* background: #43525a; *//* border:1px solid #43525a; *//* border-top: solid 2px #8c9194; */}

.organization11 .level3.left .org_box.org3-1		{position:absolute; top:-60px; left: 0; /*width:150px;*/background: #43525a; border:1px solid #43525a; border-top: solid 2px #8c9194;}
.organization11 .level3.left .org_box.org3-1-1		{position:absolute; top:43px; left: 0; margin-top:0;}
.organization11 .level3.left .org_box.org3-1-2		{position:absolute; bottom:0; left: 126px;}


.organization11 .level3.left .org_box.org3-2		{position:absolute; top:0; left:340px; width:150px;}
.organization11 .level3.left .org3-2-1	{margin:30px 20px 0 30px; background: #43525a; border:1px solid #43525a; border-top: solid 2px #8c9194;}
.organization11 .level3.left .org3-2-1 .pt	{color:#c5c5c5;}
.organization11 .level3.center .org_box.org3-3		{position:absolute; top: -20px; left: 433px; width:150px;}

/*.organization11 .level3.center .org3-3-1		{position:absolute; top:25px; left:300px;}
.organization11 .level3.center .org3-3-2		{position:absolute; top:25px; left:590px;}*/

.organization11 .level3.center .org3-3-3		{position:absolute; bottom:0; left:0;}
.organization11 .level3.center .org3-3-4		{position:absolute; bottom:0; left:120px;}
.organization11 .level3.center .org3-3-5		{position:absolute; bottom:0; left:240px;}
.organization11 .level3.center .org3-3-6		{position:absolute; bottom:0; left:360px;}
.organization11 .level3.center .org3-3-7		{position:absolute; bottom:0; left:480px;}
.organization11 .level3.center .org3-3-8		{position:absolute;/* bottom:0; */left:600px;}
.organization11 .level3.center .org3-3-9		{position:absolute;bottom:0;left: 740px;}
.organization11 .level3.center .org3-3-10		{position:absolute;bottom:0;left: 860px;}

.organization11 .level3.right .org3-1		{position:absolute; bottom:0; left:0; width:120px;}
.organization11 .level3.right .org3-2		{position:absolute; bottom:0; left:133px; width:120px;}
.organization11 .level3.right .org3-3		{position:absolute; bottom:0; left:266px; width:120px;}
/*.organization11 .level3.right .org3-4		{position:absolute; top:0;; left:390px; width:120px;}*/

/*리스트박스*/
.organization11 .org_list	{margin-top:47px; width:100%; height:160px; background:#043856; border-top:1px solid #0a6599; border-radius:0 0 3px 3px; box-sizing:border-box; padding:5px; overflow: hidden;}
.organization11 .org_list li	{position:relative; text-align:left; overflow:hidden; padding:4px 0 4px 10px;}
.organization11 .org_list li a:before { content: ''; display: block; width: 5px; height: 5px; background: #3e5e75; vertical-align: 2px; position:absolute; top:40%; left:0;}
.organization11 .org_list li a	{display:block; width:100%; overflow:hidden; color:#fff; font-size:9px; line-height:1;}



/*================= 조직도- 직속기관사업소 추가 =======================*/
.organization11.type2 {width: 100%; height: 100%; background: url(../images/ic_img/ic_org_bg11_2_1.png) 0 75px no-repeat; background-size:100%; z-index: 999999; position: relative; box-sizing: border-box; } 
.organization11.type2 .level1 {position: absolute; top:110px; left:1%; display: block; width: 16%; height: calc(100% - 100px); box-sizing: border-box; margin: 0;} 
.organization11.type2 .level2 {position: absolute; top:50px; left:18.5%; display: block; width: 30%; height: calc(100% - 50px); box-sizing: border-box; margin: 0;} 
.organization11.type2 .level3 {position: absolute; top:50px; right:0; display: block; width: 50%; height: calc(100% - 50px); box-sizing: border-box; margin: 0;} 

.organization11.type2 .level1 .org_box,
.organization11.type2 .level2 .org_box	{position: absolute; width:130px !important;}
.organization11.type2 .level3 .org_box	{position: absolute; width:125px !important;}
.organization11.type2 .level1 .org_box.org1	{top: 0; left: 50%; transform: translateX(-50%);}
.organization11.type2 .level1 .org_box.org2	{top: 110px;}
.organization11.type2 .level1 .org_box.org3	{top: 190px;}
.organization11.type2 .level1 .org_box.org4	{top: 270px;}

.organization11.type2 .level1 .org_box.org5	{top: 110px; right:0;}
.organization11.type2 .level1 .org_box.org6	{top: 190px; right:0;}

.organization11.type2 .level3 .org_box.org1-6 > a .pt,
.organization11.type2 .level3 .org_box.org1-7 > a .pt,
.organization11.type2 .level1 .org_box.org5 > a .pt,
.organization11.type2 .level1 .org_box.org6 > a .pt	{padding-left:0; font-size:13px; line-height: 3.0;}


.organization11.type2 .level2 .org_box.org1	{top:0; left:200px;}
.organization11.type2 .level2 .org_box.org2	{top:60px; left:200px;}
.organization11.type2 .level2 .org_box.org3	{top:100px; left:360px;}

.organization11.type2 .level2 .org_box.org4-1	{bottom:0; left:0;}
.organization11.type2 .level2 .org_box.org4-2	{bottom:0; left:146px;}
.organization11.type2 .level2 .org_box.org4-3	{bottom:0; left:292px;}
.organization11.type2 .level2 .org_box.org4-4	{bottom:0; right:0;}

.organization11.type2 .org_box .org_list	{height:315px;}


.organization11.type2 .level2 .org_box.org1	{background: #32636b; border: 1px solid #3c8994; border-top: solid 2px #63a5a2; width: 150px;}
.organization11.type2 .level2 .org_box.org1 > a .pt	{color: #91d7e2;}

.organization11.type2 .level2 .org_box.org3 > a .pt	{padding-left:0; font-size:14px; line-height: 2.8;}


.organization11.type2 .level3 .org_box.org1-1	{bottom:0; left:0;}
.organization11.type2 .level3 .org_box.org1-2	{bottom:0; left:135px;}
.organization11.type2 .level3 .org_box.org1-3	{bottom:0; left:270px;}
.organization11.type2 .level3 .org_box.org1-4	{bottom:0; left:405px;}
.organization11.type2 .level3 .org_box.org1-5	{bottom:0; left:540px;}
.organization11.type2 .level3 .org_box.org1-6	{bottom:0; left:675px;}
.organization11.type2 .level3 .org_box.org1-7	{bottom:0; left:810px;}


/*================= 조직도- 소방본부 추가 =======================*/
.organization11.type3 {width: 100%; height: 100%; background: url(../images/ic_img/ic_org_bg11_3.png) 0 75px no-repeat; background-size:100%; z-index: 999999; position: relative; box-sizing: border-box; } 
.organization11.type3 .level1 {position: absolute;top: 167px;left: 1.5%;display: block;width: 16%;height: calc(100% - 100px);box-sizing: border-box;margin: 0;} 
.organization11.type3 .level2 {position: absolute;top:50px;left: 12.5%;display: block;width: 87%;height: calc(100% - 84px);box-sizing: border-box;margin: 0;} 
.organization11.type3 .org_box .org_list{height: 280px;}

/*level1*/
.organization11.type3 .level1 .org_box{position: absolute;width: 150px !important;}
.organization11.type3 .level1 .org_list	{background:#2f3a40;border-top-color:#647379;margin-top: 60px;padding: 8px;}
.organization11.type3 .level1 .org_box{background: #43525a;border:1px solid #43525a;border-top: solid 2px #8c9194;height: 343px;width: 180px !important;}
.organization11.type3 .level1 .org_box .pt	{color:#c5c5c5;}
.organization11.type3 .level1 .org_box.org1-1 > a .pt{padding:8px 0 0 7px;}
.organization11.type3 .level1 .org_box.org1-1 > a .nm{padding:0 0 0 7px;}

/*level2*/
.organization11.type3 .level2 .org_box	{position: absolute;width: 140px !important;}
.organization11.type3 .level2 .org_box > a .pt	{padding-left:0; font-size:13px; line-height: 3.0;}
.organization11.type3 .level2 .org_box.org4-1	{bottom:0; left:0;}
.organization11.type3 .level2 .org_box.org4-2	{bottom:0; left:150px;}
.organization11.type3 .level2 .org_box.org4-3	{bottom:0; left:300px;}
.organization11.type3 .level2 .org_box.org4-4	{bottom:0; left:450px;}
.organization11.type3 .level2 .org_box.org4-5	{bottom:0; left:600px;}
.organization11.type3 .level2 .org_box.org4-6	{bottom:0; left:750px;}
.organization11.type3 .level2 .org_box.org4-7	{bottom:0; left:900px;}
.organization11.type3 .level2 .org_box.org4-8	{bottom:0; left:1050px;}
.organization11.type3 .level2 .org_box.org4-9	{bottom:0; left:1200px;}
.organization11.type3 .level2 .org_box.org4-10	{bottom:0; left:1350px;}
.organization11.type3 .level2 .org_box.org4-11	{bottom:0; left:1500px;}


/*4K추가*/
.container4k	{display:none;}

/*범례 구별인구현황*/
.map_lifeinfo03{display:block;position:absolute;bottom: 52px;left: 10px;width: 300px;height: auto;font-size: 11px;line-height: 1.6em;box-sizing:border-box;color:#333;z-index:999999999;overflow: hidden;letter-spacing: -0.04em;border-radius: 4px;-webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%);}
.map_lifeinfo03 .tit{font-size: 13px;font-weight: 600;padding-bottom: 8px;text-align: center;color: #2f2f2f; }
.map_lifeinfo03 .tit span { font-size: 11px; font-weight: 400; }
.map_lifeinfo03 .inner_box01,
.map_lifeinfo03 .inner_box02{padding: 8px 8px 9px 8px;box-sizing: border-box;border:none;background:#fff;border-radius: 4px;-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);}
.map_lifeinfo03 .inner_box01{height: 237px;padding: 5px 8px 8px 8px;}
.map_lifeinfo03 .inner_box02{height: 236px;}
.map_lifeinfo03 .inner_box02 .tit{ border-bottom:solid 1px #ccc; }
.map_lifeinfo03 .inner_box02 .ul_list{padding: 7px 3px 0 3px; margin-bottom: 10px;}
.map_lifeinfo03 .inner_box02 .ul_list>li:before{content: '·';display: inline-block;font-size: 24px;color: #656565;margin-right: 3px;vertical-align: -6px;}

.map_lifeinfo03 .bottom_tab{overflow: hidden; background: #fff;border-top: solid 1px #e2e2e2;border-radius: 5px;border-top-left-radius: 0;border-top-right-radius: 0;margin-top: -3px;z-index: 99999;-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);}
.map_lifeinfo03 .bottom_tab>li{float: left;width: 50%;text-align: center;padding: 0;box-sizing: border-box;}
.map_lifeinfo03 .bottom_tab>li a{display: block;width: 100%;height: 100%;display: block;padding: 5px 0;}
.map_lifeinfo03 .bottom_tab>li.on a{background: #399aeb;color: #fff;}

.grp_wrap.bgwt12 {background:none; height:63%;}
.grp_wrap.bgwt12 .grp_chart { background: #f2f2f2; font-size: 10px; width: 100%; height: 100%; padding: 5px 10px; box-sizing: border-box; position: relative; }
.grp_wrap.bgwt12 .grp_chart img {max-width:100%; max-height:100%;}

.grp_wrap.bgwt11 {background:none; height:63%;}
.grp_wrap.bgwt11 .grp_chart { background: #f2f2f2; font-size: 10px; width: 100%; height: auto; padding: 5px 10px; box-sizing: border-box; position: relative; }
.grp_wrap.bgwt11 .grp_chart img {max-width:100%; max-height:100%;}

/*관련서비스 팝업*/
.service_popup	{ position: absolute; right: 0; background: #0e3b58; border: 1px solid #165d8a; border-radius: 3px; overflow: hidden; padding: 15px; box-sizing: border-box; z-index: 999999999; width: 32.8%; height: 252px; top: 40px; -webkit-box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgb(0,0,0,0.7); }
.service_popup .service_box	{position:relative; height:100%;}
.service_popup .service_box .tit	{font-size:16px; text-align:center; font-weight:600; background: #0f4464; padding:10px 0; margin-bottom:15px;}
.service_popup .service_box .txt	{height:52%; overflow-y:scroll;}
.service_popup .service_box .date	{margin-top:23px; text-align:right; padding-right:18%;}
.service_popup .service_box .date span	{font-weight:600;}
.service_popup .link_more	{font-size:11px; color:#fff; display:inline-block; position:absolute; right:10px; bottom:10px; background:rgba(0,0,0,0.5); border-radius:30px; padding:9px 20px 11px;}

/*빅데이터*/
a.bigCount	{display:inline-block; position:absolute; background:rgba(0,0,0,0.7); color:#ffe68f; padding:0.5em; border-radius:50%; line-height:1;}

.big_tab	{display:block; position:absolute; top:10px; right:0;}
.big_tab a	{display:inline-block; font-size:10px; width:60px; padding:5px 10px 7px; line-height:1; color:rgba(255,255,255,0.5); background:#0b334a; border:1px solid #0e4669; margin-left:2px; text-align:center; border-radius:3px;}
.big_tab a.on	{color:#fff; background:#0f4464; border:1px solid #1f638c;}
/*열지도선택범례*/
.map_legend.heatmap	{width:150px;}
.map_legend.heatmap .leg_tit	{background: #0079c2; color: #fff; line-height: 1; padding: 10px;}
.map_legend.heatmap .leg_list ul>li	{display:block; width:100%; float:unset; text-align: left; margin-bottom:5px;}

/*월선택*/
.map_calendar	{/*float: left; margin-left: 4px; */position:absolute; bottom:10px; left:345px; border-radius: 4px; -webkit-box-shadow: 1px 1px 3px 0px rgb(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); }
.map_calendar > input[type="month"]	{width:100px; height: 30px; font-size: 11px; border: solid 1px #fff; padding:0 10px; border-radius: 4px;background:#fff; line-height:1.2;}


/*데이터선택범례*/
.map_legend.data_info	{width:240px; bottom:130px}
.map_legend.data_info .leg_tit	{background: #0079c2; color: #fff; line-height: 1; padding: 10px;}
.map_legend.data_info .leg_list ul>li	{display:block; width:100%; float:unset; text-align: left; margin-bottom:5px;}
.map_legend.data_info .leg_list ul>li>span	{display:inline-block; width:38%; text-align: left; }
.map_legend.data_info .leg_list ul>li>select	{border-radius:3px; padding:3px 5px; width:60%;}

/*설명팝업추가2021-08-26*/
.top_info_tb	 {height:100%; background:#154d6f;}
.top_info_tb	 .table03_2 td {padding:10px;}


/*인천e한눈에*/
.e_intro_wrap	{position:absolute; width:100%; height:calc(100% - 42px) !important; top:0; left:0; min-width: 1920px; background:url(../images/ic_img/e_bg.png) no-repeat center top; background-size:cover; color:#fff; z-index: 9999999; overflow:hidden;}
.e_intro_wrap:after	{display:block; content:''; clear:both;}
.e_info	{position:relative; margin:120px 0 0 5%; float:left; width:42%; height:60%;  font-size:14px;}
.e_info p	{font-size:14px; word-break: keep-all;}

.e_info p span	{color:#fff; font-weight: 600;}
.e_info h2.e_tit span	{display:block; font-family: 'SCoreDream'; font-size:30px;}
.e_info h2.e_tit span.e_logo	{display:block; height:55px; vertical-align:middle; font-size:0; background:url(../images/ic_img/ic_logo_2022.png) no-repeat center top; background-size:auto 100%; margin:10px 0 0 0;}
.e_info h2.e_tit	{text-align: center; white-space: nowrap; font-family: 'SCoreDream'; font-size:56px; color:#00efff; color:#fff; font-weight:500; margin-bottom:20px;}
/*.e_info .inner_info	{border: 1px solid rgba(255,255,255,0.5); padding: 40px;}*/
.e_box_list	{display:table; width: 100%; margin:40px 0;}
.e_box_list li	{font-family: 'SCoreDream'; display:table-cell; vertical-align: middle; width:32%; text-align: center; border:2px solid #fff; word-break: keep-all; background:rgba(0,0,0,0.3); padding:20px 15px 25px;; font-size:16px; font-weight:600; box-sizing:border-box;}

.e_box_list li.spacer	{border:none; background:none; width:10px; padding:0;}


.e_thum	{position:relative; margin:120px 0 0 5%; float:left; width:42%; height:60%; }
.e_thum h2.e_tit2	{font-size:0; width:100%; height:100px; background:url(../images/ic_img/e_logo.png) no-repeat center top; background-size:400px;}
.e_thum p	{font-size:14px; text-align:center; margin:30px 0; word-break: keep-all;}
.e_thum p span	{color:#fff; font-weight: 600;}
.e_thum .e_img	{width:100%;}
.e_thum .e_img li	{width:100%; display:none;}
.e_thum .e_img img	{width:100%;}

.ic_ebox_wrap	{position:relative; border:1px solid #3d4250; padding:20px 20px 0; background:rgba(0,0,0,0.3); box-sizing:border-box; margin-bottom:20px;}

.e_thum a.btn_pre	{position:absolute; top:42%; left:-40px; width: 35px; height: 35px; border-top:1px solid #00efff; border-left:1px solid #00efff; border-right:1px solid transparent; border-bottom:1px solid transparent; transform: rotate(-45deg); font-size: 0; cursor:pointer;}
.e_thum a.btn_next	{position:absolute; top:42%; right:-40px; width: 35px; height: 35px; border-top:1px solid #00efff; border-left:1px solid #00efff; border-right:1px solid transparent; border-bottom:1px solid transparent; transform: rotate(135deg); font-size: 0; cursor:pointer;}

.e_thum .e_pg2	{text-align:center;}
.e_thum .e_pg2 a	{display:inline-block; width:10px; height:10px; text-indent:-999px; overflow:hidden; border-radius:5px; margin:0 2px; background:#fff;}
.e_thum .e_pg2 a.on	{background:#00b7ee;}


/*20220407 omi ----------------*/
.section03.h-40{height: calc(100% - 40px) !important;}
.container .section03_popup.policy_info{top: 40px;height: 44%;}

.policy_info{padding: 20px; box-sizing: border-box;}
.policy_info .pop_title{background: #154866;padding: 10px 15px;border-radius: 3px;box-sizing: border-box;}
.policy_info .pop_content{ padding: 20px 20px 20px 20px; }
.policy_info .pop_content .tit{padding-left: 15px;position: relative;font-size: 15px;}
.policy_info .pop_content .tit:before{content: ''; display: block; width: 7px; height: 7px; border-radius: 100%; background: #ccc;/* margin-right: 6px; *//* vertical-align: 1px; */position: absolute;left: 0;top: 7px;}
.policy_info .pop_content .txt1,
.policy_info .pop_content .txt2{padding-left:13px;}

.policy_info .pop_content .text_right{ width: 100%; text-align: right;  margin-top: 10px;color: #98bcd2;}




/*범례열기 아이콘 추가 2022-07-11*/
.open_legend	{display:block; position:absolute; width:30px; height:30px; border-radius:4px; box-sizing: border-box; background:#fff; text-indent:-999999999px; font-size:0; -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); cursor:pointer}

.open_legend.ty01	{background:#fff url(../images/ic_img/lg_ico01.png) no-repeat center center; background-size: 18px;}
.open_legend.ty02	{background:#fff url(../images/ic_img/lg_ico02.png) no-repeat center center; background-size: 18px;}
.open_legend.ty03	{background:#fff url(../images/ic_img/lg_ico03.png) no-repeat center center; background-size: 18px;}
.open_legend.ty04	{background:#fff url(../images/ic_img/lg_ico04.png) no-repeat center center; background-size: 18px;}

.open_legend>a	{display:block; width:100%; height:100%;}
.open_legend.left_top1	{top:10px; left:10px;}
.open_legend.left_top2	{top:50px; left:10px;}
.open_legend.left_bm1	{bottom:50px; left:10px;}
.open_legend.left_bm2	{bottom:100px; left:10px;}
.open_legend.left_bm3	{bottom:50px; left:50px; width: 100px; color: rgba(1,1,1,1); font-size: 14px;text-indent:0em; text-align: center; vertical-align: middle;}
.open_legend.left_bm3 p	{padding-top:3%;}


/* 날씨 현황 범례 닫기 추가 */
.map_weather.type01 .leg_close {position:absolute;top: 10px;right:10px;width:16px;height:16px;background:url(../images/btn_leg_close.png) no-repeat 0px 0px;background-size:100%;display: block;}
.map_weather.type01 .leg_close a {text-indent: -999999px;display: block;}

/* 인구 현황 범레 닫기 추가 */
.map_ctmenu.type05.hSmall .leg_close {position:absolute;top: 10px;right:10px;width:16px;height:16px;background:url(../images/btn_leg_close.png) no-repeat 0px 0px;background-size:100%;display: block;}
.map_ctmenu.type05.hSmall .leg_close a {text-indent: -999999px;display: block;}


/*인천소개 2022-08-25 */
body.e_bg2022	{background-color: #0b2a3a; background-image: url(../images/ic_img/intro_bg.png); background-size: 100%; background-attachment: fixed; background-position:bottom; background-repeat:no-repeat;}
body.e_bg2022 .body_wrap	 {background-color:transparent;}
.ic_intro	{ text-align:center;}
.ic_intro > h3	{font-size:40px; font-family: 'SCoreDream'; font-weight:500; padding:30px 0 20px; word-break: keep-all;}
.ic_intro > h3 > span	{color:#00FFF6;}
.intro_txt	 {font-size:18px;}
.intro_txt > span	 {display:block; font-weight:300;}
.intro_sc	{background:rgba(0,0,0,0.2); color:rgba(255,255,255,0.75); margin:30px auto 60px; display:inline-block; padding:10px 20px; border-radius:30px;}

.intro_box	{display:flex;}
.intro_box li	{position:relative; width:20%; height:350px; margin-right:4%; border-radius:30px; background-size: 30% !important;}
.intro_box li:last-child	{width:20%; margin-right:0;}
.intro_box li:nth-child(1)	{background:rgba(0,0,0,0.5) url(../images/ic_img/intro_ico01.svg) no-repeat center 43%;}	
.intro_box li:nth-child(2)	{background:rgba(0,0,0,0.5) url(../images/ic_img/intro_ico02.svg) no-repeat center 43%;}	
.intro_box li:nth-child(3)	{background:rgba(0,0,0,0.5) url(../images/ic_img/intro_ico03.svg) no-repeat center 43%;}	
.intro_box li:nth-child(4)	{background:rgba(0,0,0,0.5) url(../images/ic_img/intro_ico04.svg) no-repeat center 43%;}	
.intro_box li:nth-child(5)	{background:rgba(0,0,0,0.5) url(../images/ic_img/intro_ico05.svg) no-repeat center 43%;}	

.intro_box li h4	{position: absolute; top: 15%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 20px; font-family: 'SCoreDream'; font-weight: 500;}
.intro_box li p	{font-size:14px; position:absolute; left:10%; bottom:20%; padding:0; text-align:center; width:80%; transform: translateY(50%); word-break: keep-all; }
.intro_box li p>b	{font-weight:400;}




.finance_scale	{}
.finance_scale dl	{}
.finance_scale dl dt	 {display:flex; padding: 10px 10px 12px;}
.finance_scale dl dd	{display:flex; padding: 20px 30px; align-items: center;}
.finance_scale dl dt	 {border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:15px;}
.finance_scale dl dt>p,
.finance_scale dl dd>p	{width:50%; font-size:18px;}
.finance_scale dl .tit	{font-size:15px;}
.finance_scale dl .cnt,
.finance_scale dl .ps	{width:50%; text-align:right; font-size:10px; color:rgba(255,255,255,0.5);}
.finance_scale dl .ps	{margin-top:4px;}
.finance_scale dl .cnt	{font-size:14px; white-space: nowrap;}
.finance_scale dl .cnt>b	{font-size:20px; color:#fd9b00}



.inner_tit2	{display: flex; justify-content: space-between; font-size: 15px; padding: 10px 10px 12px; border-bottom:1px solid rgba(255,255,255,0.2);}
.inner_tit2 .ps	{font-size: 10px; color: rgba(255,255,255,0.5); line-height: 2.2;}


.container.finance .grp_wrap .grp_title	{height: 45px; border-bottom:1px solid rgba(255,255,255,0.2); padding-top: 10px;}
.container.finance .grp_wrap .grp_unit,
.container.finance .grp_wrap .grp_stand	{top: 12px;}

.policy_wrap.col4 .policy_btn_pre,
.policy_wrap.col4 .policy_btn_next	{top:45%; width: 30px; height: 30px; background-size: 30px;}
.policy_wrap.col4 .policy_btn_pre a,
.policy_wrap.col4 .policy_btn_next a	{width:100%; height:100%;}	
.policy_wrap.col4 .policy_box	{width:calc(50% - 10px); margin:5px; height:100px;}


/*세출예산 집행액*/
/*세입예산*/
.policy_wrap.pol_01	 {}
.policy_wrap.pol_01 .policy_box.on a {border-color:#00dddc; background: #0b334a;}
.policy_wrap.pol_01 .policy_box .cnt01 {font-size:21px; font-weight:500;}
.policy_wrap.pol_01 .policy_box .cnt02 {font-size:12px; color: #c1c1c1;}
.policy_wrap.pol_01 .policy_box .cnt02 span.cnt {font-size:16px; color: #fff; margin-left:5px;}
.policy_wrap.pol_01 .policy_box .tit2 {font-size:12px;}

.sts_bar { width: 80%; height: 4px; border-radius: 20px; background: #199f9e; margin:10px 10% 0; }
.progess_span { width: 100%; display: block; position: relative; }
.sts_bar p { margin-left: -17px; width: 34px; height: 16px; border-radius: 30px; background: #008382; color: #fff; font-size: 8px; position: relative; top: -6px; }

/*세출예산*/
.policy_wrap02	{display: flex; flex-wrap: wrap; padding: 10px 5px 10px 10px; width: 100%; height: calc(100% - 85px); box-sizing: border-box;}
.policy_box2:nth-child(1),
.policy_box2:nth-child(2)	{width:calc(50% - 10px);}
.policy_box2	{width:calc(33.33% - 10px); margin:0 5px 5px;}
.policy_box2 dt	{text-align:center; font-size:12px; padding:8px 0; background:#0F4464; border-radius:4px;}
.policy_box2 dd	{text-align:center; margin-top:15px; font-size:20px; font-weight:600;}


/*재정지표*/
.policy_wrap.col3 .policy_box	{width:calc(33.33% - 10px); margin:5px; height:50px;}
.policy_wrap.pol_02	 {height: calc(100% - 50px); width: calc(100% - 8px); margin: 4px 0 0 4px;}
.policy_wrap.pol_02.co3 .policy_box	{height: auto; margin: 8px 4px 0 0; float: unset; display: inline-block;}
.policy_wrap.pol_02.co3 .policy_box a	{padding:5px 0;}
.policy_wrap.pol_02 .policy_box.on a {border-color:#00dddc; background: #0b334a;}
.policy_wrap.pol_02 .policy_box .cnt {font-size:12px; line-height: 1.2;}
.policy_wrap.pol_02 .policy_box .cnt b {font-size:18px; color: #fff; font-weight:500; margin-right:5px;}
.policy_wrap.pol_02 .policy_box .tit3 {font-size: 11px; margin: 3px 0 0;}
.container .section03_popup.bg3	{background-image: linear-gradient(to right, #09354c 10%, #0b2a3a 60%); border: none; box-shadow: none;}



/*공약현황 2023-07-17 kej*/
.pr_menu_container { width: 100%; height:70px; border-bottom:1px solid #165D8A; overflow: hidden;}
.pr_menu {position: relative; width: calc(100% - 60px); margin-left: 30px; height: 100%; white-space: nowrap; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none;}
.pr_menu::-webkit-scrollbar { display: none;}
.pr_menu ul {display:block;}
.pr_menu li {margin-left:0;}
.pr_menu li {display: inline-block; width:110px; margin-left:-3px;}
.pr_menu li > a {color: #fff; padding: 40px 5px 10px; display: block; text-align: center; border-right: 1px solid #165D8A;}
.pr_menu li.active,
.pr_menu li:hover	{background:#0079C2;}
.pr_menu li:nth-child(1)	{background-image:url(../images/ic_img/2023/pr_ic01.png); background-repeat:no-repeat; background-position: center 12px; background-size: 24px;}
.pr_menu li:nth-child(2)	{background-image:url(../images/ic_img/2023/pr_ic02.png); background-repeat:no-repeat; background-position: center 10px; background-size: 20px;}
.pr_menu li:nth-child(3)	{background-image:url(../images/ic_img/2023/pr_ic03.png); background-repeat:no-repeat; background-position: center 10px; background-size: 20px;}
.pr_menu li:nth-child(4)	{background-image:url(../images/ic_img/2023/pr_ic04.png); background-repeat:no-repeat; background-position: center 13px; background-size: 32px;}
.pr_menu li:nth-child(5)	{background-image:url(../images/ic_img/2023/pr_ic05.png); background-repeat:no-repeat; background-position: center 6px; background-size: 34px;}
.pr_menu li:nth-child(6)	{background-image:url(../images/ic_img/2023/pr_ic06.png); background-repeat:no-repeat; background-position: center 10px; background-size: 25px;}
.pr_menu li:nth-child(7)	{background-image:url(../images/ic_img/2023/pr_ic07.png); background-repeat:no-repeat; background-position: center 10px; background-size: 23px;}
.pr_menu li:nth-child(8)	{background-image:url(../images/ic_img/2023/pr_ic08.png); background-repeat:no-repeat; background-position: center 8px; background-size: 30px;}
.pr_menu li:nth-child(9)	{background-image:url(../images/ic_img/2023/pr_ic09.png); background-repeat:no-repeat; background-position: center 10px; background-size: 27px;}
.pr_menu li:nth-child(10)	{background-image:url(../images/ic_img/2023/pr_ic10.png); background-repeat:no-repeat; background-position: center 10px; background-size: 24px;}
.pr_menu li:nth-child(11)	{background-image:url(../images/ic_img/2023/pr_ic11.png); background-repeat:no-repeat; background-position: center 10px; background-size: 24px;}

.pr_menu_container .arrow_left,
.pr_menu_container .arrow_right {position:absolute; top:-1px; display:block; width: 30px; height: 70px; border:1px solid #165D8A; background-color: #0D3C58; color: #fff; font-size: 20px; line-height: 30px; cursor: pointer; font-size:0; text-indent:-99999px;}

.pr_menu_container .arrow_left	 {left:-1px; background:#0D3C58 url(../images/ic_img/2023/pr_ic_prev.png) no-repeat center center; background-size: 10px; border-radius:3px 0 0 0;}
.pr_menu_container .arrow_right {right:-1px; background:#0D3C58 url(../images/ic_img/2023/pr_ic_next.png) no-repeat center center; background-size: 10px; border-radius:0 3px 0 0;}
.pr_menu_container .arrow_right:hover,
.pr_menu_container .arrow_left:hover {background-color: #0B2A3A; }

.pr_contents	{position:relative; padding: 10px; height: calc(100% - 100px);}
.pr_contents .tit	{font-size: 16px; font-weight: 600; width: 82%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pr_contents .total	{display: block; position:relative; text-align:right; font-size: 12px; margin-bottom:5px; margin-top: -15px;}
.pr_contents .total b	{font-size: 14px;}


/*실천계획이행실적*/
.tabs_container	{position:relative; border: 1px solid transparent; width: 100%; height: 100%;}
.tab_buttons {position: absolute; top: 0; left: 0; z-index: 9;}
.tab_buttons li { display: inline-block; margin-right: 3px; width:150px; height: 39px; background:#0B2A3A; border:1px solid #165D8A; border-radius:3px 3px 0 0; }

.tab_buttons li a { display: block; padding: 8px 0; color: rgba(255,255,255,0.6); font-weight:300; text-align:center; font-size: 15px; }
.tab_buttons li.active	{height: 40px; border-bottom:none;}
.tab_buttons li.active a { color: rgba(255,255,255,1); font-weight:600; }
.tab_buttons li.active { background:#0D3C58; }

.tab_content { margin-top:40px; position: relative; width: 100%; height: calc(100% - 40px); background: #0d3c58; border: 1px solid #165d8a; overflow: hidden; box-sizing: border-box; border-radius: 0 3px 3px 3px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); }

.tab_pane {display:none; margin: 5px; height: calc(100% - 25px); padding: 5px;}
.tab_pane.active {display: block;}
.tab_pane .tit	{font-size:14px; font-weight:500; margin-bottom:5px;}
td .txt_right,
.tab_pane .txt_right	{font-size:10px; color:rgba(255,255,255,0.7); float:right; font-weight:400; margin-top:5px;}
.tab_pane .biz_view_news02	{border:1px solid #195c87}
.biz_view_news02 + .tit,
table + .tit	{margin-top:15px;}
a.link_down	{color: #00B1B0; background: url(../images/icon_down.svg) no-repeat 0 3px; background-size: 12px; padding-left: 18px; text-decoration: underline; cursor:pointer;}
a.link_down:hover	{color:#00B1B0;}


.pr_lb	 {border:1px solid #fff; font-size:11px; border-radius:99999px; display:inline-block; width:100px; padding:3px 0; text-align:center;}
.pr_lb.c01	 {border-color:#FFBF3E; color:#FFBF3E;}
.pr_lb.c02	 {border-color:#6E9FFF; color:#6E9FFF;}
.pr_lb.c03	 {border-color:#FF73A3; color:#FF73A3;}
.pr_lb.c04	 {border-color:#D8D8D8; color:#D8D8D8;}

.pr_contents .table01 tr.on td, 
.pr_contents .table01 tr.on a	{color:#fff; cursor:pointer;}

.pr_contents .table01 tr.on td	 {border-top:2px solid #00B1B0; border-bottom:2px solid #00B1B0;}
.pr_contents .table01 tr.on td:first-child {border-left:2px solid #00B1B0;}
.pr_contents .table01 tr.on td:last-child {border-right:2px solid #00B1B0;}

a.btn_pr_more	 {display:block; margin:0 auto; width:80px; color:#fff; font-size:12px; padding:3px 0; text-align:center; border-radius:9999px; border:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.2)}

.inner_tit2 + .h_li2	{height:calc(100% - 45px)}
.h_li2	 {display:flex; height:100%;}
.h_li2 > li	 {width:50%; height:100%;}

.pr_cnt	{margin: 80px 20px 0 10px;}
.pr_cnt > li	{display: flex; justify-content: space-between; align-items: center; margin-bottom:14px;}
.pr_cnt > li span	{font-size:12px;}
.pr_cnt > li span b	{font-size:18px; margin-right:5px;}

.pr_inbox	{height: calc(100% - 53px); margin: 5px; padding: 10px 5px 10px 10px}

/*팝업상세*/
.container .section03_popup .section_title .tit03	{font-size:15px; text-align:left; font-weight:500; border-bottom:1px solid #165d8a; padding:5px 0 5px 15px;}
.table05 td .bar	{border-radius:0; top:45%; width:100%; background:#f6931e;}
.container .section03_popup.bottom_tab	{width: 33.4%; height: calc(100% - 50px);}

/*공약차트 추가*/
.prm_bar	{margin-left:2%; width:95%; height:100%; padding:15px; box-sizing:border-box; background: url(../images/ic_img/prm_chart_bg.svg) no-repeat left bottom; background-size: 422px;}
.prm_bar ul	{display:flex; width:97%; height:82%; margin-left: 7%;}
.prm_bar ul li	{width:9.4%; position:relative;}
.prm_bar ul li .tit	{position: absolute; right:0; bottom: -15%; width: 43px; font-size: 10px; text-align: center; display: block; line-height:1.2; transform: rotate(320deg);}
.prm_bar ul li .bar	{left: 50%; top:0; width: 10px; height: 100%; border-radius: 3px; transform: translateX(-50%); background: rgba(0,0,0,0.1);}
.prm_bar ul li .bar .per	{display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #000; border-radius: 3px; border:1px solid rgba(255,255,255,0.5)}
.prm_bar ul li:nth-child(1) .bar .per	{background: rgba(55,169,156,0.7);}
.prm_bar ul li:nth-child(2) .bar .per	{background: rgba(55,94,169,0.7);}
.prm_bar ul li:nth-child(3) .bar .per	{background: rgba(85,55,169,0.7);}
.prm_bar ul li:nth-child(4) .bar .per	{background: rgba(133,55,169,0.7);}
.prm_bar ul li:nth-child(5) .bar .per	{background: rgba(169,55,117,0.7);}
.prm_bar ul li:nth-child(6) .bar .per	{background: rgba(85,169,55,0.7);}
.prm_bar ul li:nth-child(7) .bar .per	{background: rgba(146,169,55,0.7);}
.prm_bar ul li:nth-child(8) .bar .per	{background: rgba(169,103,55,0.7);}
.prm_bar ul li:nth-child(9) .bar .per	{background: rgba(162,170,169,0.7);}
.prm_bar ul li:nth-child(10) .bar .per	{background: rgba(169,55,55,0.7);}

/*주택종합시장동향 20241031 추가---------------*/
.map_houseSelect{position:absolute;left: 10px;bottom: 48px;z-index:1000;padding: 0;box-sizing: border-box;}
.map_houseSelect .select{float:left;margin-right: 4px;border-radius: 4px;-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);}
.map_houseSelect .select select {-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;font-size:11px;padding:5px 37px 5px 7px;min-width: 60px;border: solid 1px #fff;border-radius: 4px;background: #fff url(../images/select_arrow2_up.png) no-repeat 98% 50%;background-size: 30px;}
.map_houseSelect .select select::-ms-expand {display:none;}

.map_houseIndex{position: absolute;top: 10px;left: 10px;display: block;width: 240px;height: auto;box-sizing: border-box;padding: 10px;border: 0px solid #fff;border-radius: 4px;color: #333;background: #fff;z-index: 999999999;overflow: hidden;-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);}
.map_houseIndex.ty01{}
.map_houseIndex.ty02{left: 260px;}
.map_houseIndex .title{font-size: 14px;font-weight: 600;text-align: center;padding-bottom: 5px;border-bottom: dashed 1px #ccc;}
.map_houseIndex .date{font-size: 11px;text-align: right;position: absolute;right: 18px;top: 49px;/* margin-top: 5px; */color: #888888;}
.map_houseIndex .count{display: block;/* text-align: center; *//* margin-top: 5px; */margin: 5px 0 0 5px;}
.map_houseIndex .count .cnt{display: inline-block;font-size: 20px;font-weight: 600;color: #009fff;}
.map_houseIndex .count .cnt2{font-size: 14px;display: inline-block;text-align: left;font-family: 'NanumSquare';letter-spacing: -0.08em;font-weight: 500;color: #fff;line-height: 1.0em;vertical-align: 2px;}
.map_houseIndex .count .up{color: #ff4184;}
.map_houseIndex .count .down{/* color: #7ba6ff; */color: #008fff;}
.map_houseIndex .count .zero{color:#ccc;}
.map_houseIndex .count i{display: inline-block;width: 18px;height: 20px;margin: 0 0 0 0px;vertical-align: -4px;}
.map_houseIndex .count .up i  {background: url(../images/cnt_arrow_up.png) 0 2px no-repeat;background-size: 100%;}
.map_houseIndex .count .down i{background: url(../images/cnt_arrow_down.png) 0 1px no-repeat;background-size: 100%;}
.map_houseIndex .count .zero i{background: url(../images/cnt_arrow_zero.png) 0 1px no-repeat;background-size: 100%;}

/*주택종합시장동향 팝업*/
.popup_st51{width:350px;height:215px;font-size:11px;line-height:1.6em;box-sizing:border-box;padding:10px;background:#fff;color:#333;z-index:999999999;overflow:hidden;letter-spacing:-0.04em;border-radius:4px;-webkit-box-shadow:1px 1px 3px 0px rgb(0 0 0 / 30%);-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);box-shadow:1px 1px 3px 0px rgb(0 0 0 / 30%);position:absolute;}
.popup_st51 .title{font-size:13px;font-weight:600;padding-bottom:8px;text-align:center;color:#2f2f2f;}



/*--------------------------- common end 끝*/