@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}
body {font-family:'Noto Sans KR',sans-serif; background: white; letter-spacing: -0.4px; color:#202020; }
body, div , input, p, th, td{margin: 0; padding: 0; }/*ul ,ol, li,*/
/* ul,ol {list-style:none;} */
.ul_rt{list-style:none;margin: 0; padding: 0; }
.subm{list-style:none;margin: 0; padding: 0; }
.sideMenu {list-style:none;margin: 0; padding: 0; }
a {text-decoration: none; color: inherit;}
table {border-collapse: collapse}
select {border:1px solid #ccc; color:#666; font-size:12px; padding:0 5px;}
.txt ul{
    padding-inline-start: 40px;
}
.txt ol{
    padding-inline-start: 40px;
}
/*---사이드메뉴--- */
.sideMenu div ul li{
	font-size: 20px;
	padding: 10px;
}
/*---선택됐을시---  */
.on{
	background-color: #87827d;
}

/*---헤더---*/
.header {height: 127px; background:#17366e; color:#fff; }
.header .wrap {width: 100%; margin: 0 auto; display:inline-block; }


/*헤더 첫줄*/
/*.header .hd_top { float: right; height: 35px; width: 66.5%; margin: 0 auto; border-bottom: 1px solid #2e4c80; letter-spacing: 0px;}*/
.header .hd_top { width: 100%; margin: 0 auto;  border-bottom: 1px solid #102244; letter-spacing: 0px; position:relative; /*padding:15px 30px;*/}
.header .hd_top .logo_area {width:300px; margin:15px 30px;}
.header .hd_top .logo_area a{display:inline-block; }
.header .hd_top .logo_area img.logo1 {width:120px; display:inline-block; margin-right:15px; }
.header .hd_top .logo_area img.logo2 {display:inline-block; width:120px;}				    

.header .hd_top ul.ul_rt {position:absolute; top: 3px; right:30px; overflow:auto;}
.header .hd_top ul.ul_rt li a.name {display:block; background:none!important; color:#cccccc;cursor: default; line-height:35px; font-size:15px; margin-top:-10px; margin-right:10px;}
.header .hd_top ul.ul_rt li a.name span {color:#fff;  font-size:15px;}
.header .hd_top ul.ul_rt li a.name:hover {color:#cccccc;}

.header .hd_top ul.ul_rt li {line-height: 15px; float: left; /*border-right: 1px solid #5a7098;*/ margin-left:5px; cursor: pointer; font-size: 13px;font-weight: 400; }
.header .hd_top ul.ul_rt li a {display:block; background:#102244; padding:10px; color:#cccccc;}
.header .hd_top ul.ul_rt li a:hover {color:#fff;}
.header .hd_top ul.ul_rt li:last-child {border-right: none;}



/*헤더 둘째줄*/

.header .hd_bt {/*width: 1300px; margin: 0 auto; color:#fff;*/}
.header .hd_bt p {float: left; margin-top: 18px; margin-right: 25px; margin-left: 5px; width: 200px; }
.header .hd_bt p img.t2 {margin-top:6px;}
.header .hd_bt span {font-size: 10px; letter-spacing: 0.3px; font-weight: 300;}
.header .hd_bt ul {margin:0 auto; text-align:center; padding-top:15px;}
.header .hd_bt ul li {/*float: left;*/ display:inline; border:0px solid red;letter-spacing: -0.2px; padding: 15px 50px; font-size: 17px; cursor: pointer; text-align: center; position: relative;}
.header .hd_bt ul li:hover {color:#abc927; }


.header .hd_bt ul li:hover > ul {display: block;}
.header .hd_bt ul li > ul {/*border:1px solid #d8d8d8;*/border-top:0px;position: absolute;width:100%; z-index: 100000; top:56px; left:-33px; background: #0d2048;display:none;border-top: 0px solid #229af6;padding-top:0px;}
.header .hd_bt ul li > ul.sub2 {left:-4px;}
.header .hd_bt ul li > ul.sub3 {left:-4px;}
.header .hd_bt ul li > ul.sub4 {left:0px;}
.header .hd_bt ul li > ul > li { display:block; float: none; color:#ededf5;  font-size: 15px; margin-right: 0; margin-top: 0; height: 47px; line-height: 47px; font-weight: 500; padding: 0;border:solid 0px red;}
.header .hd_bt ul li > ul > li:hover {color:#abc927; background: #051430; }
.header .hd_bt ul li:last-child {margin-right: 0px;}
.header .hd_bt ul li > ul > li:last-child {margin-right:0;}


/*---내용--- */
.content {/*background: #f5f5f5; height: 697px;*/  overflow:auto;}
.content .wrap {width: 1050px; margin: 0 auto;}

/*메인 비주얼*/
.content .main_con_wrap {width:1200px; margin:0 auto; overflow:auto; margin-top:60px;}
.content .main_con_wrap .visual_area {width:588px; height:652px; float:left; margin-right:20px; border-radius:10px; box-shadow: 5px 5px 15px #d9dfe2; position:relative;}
.content .main_con_wrap .visual_area li { border-radius:10px; position:relative; }
.content .main_con_wrap .visual_area li h3 {color:#fff; font-size:20px; position:absolute; bottom:30px; left:30px;}
.content .main_con_wrap .visual_area li h3 span{color:#abc927; }
.content .main_con_wrap .visual_area img{border-radius:10px; }


.swiper-container-horizontal > .swiper-pagination-bullets {width:550px; /* padding-bottom:20px; */ }

.swiper-pagination-fraction, .swiper-pagination-custom, 
.swiper-container-horizontal > .swiper-pagination-bullets {text-align:right; }

.swiper-pagination-bullet {width:10px;height:10px;border:solid 3px #abc927;background:none;}
.swiper-pagination-bullet-active {background:#abc927;}




/*메인 아이콘*/
.content .main_con_wrap .main_icon {width:165px; float:left; margin-right:20px;}
.content .main_con_wrap .main_icon ul {}
.content .main_con_wrap .main_icon ul li{line-height:1.3; text-align:center; /*height:196px;*/   margin-bottom:20px;}
.content .main_con_wrap .main_icon ul li a { vertical-align:middle; display:block; padding:30px 10px 40px; font-size:16px; color:#313131; font-weight:500; border:1px solid #abc927; border-radius:10px; background:#fff; box-shadow: 5px 5px 15px #d9dfe2;}
.content .main_con_wrap .main_icon ul li a:hover{border:1px solid #8ca617; color:#8ca617;}
.content .main_con_wrap .main_icon ul li img {margin-bottom:10px;}

 /*메인 공지*/
.content .main_con_wrap .main_notice {width:405px; height:652px; float:right; background:#fff; border-radius:10px; box-shadow: 5px 5px 15px #d9dfe2;}
.content .main_con_wrap .main_notice .notice_title {width:100%; background:#0d2147; color:#fff; text-align:center; display:block; border-radius:10px 10px 0px 0px; padding:20px 0px; position:relative;}
.content .main_con_wrap .main_notice .notice_title h3 {font-size:20px;}
.content .main_con_wrap .main_notice .notice_title .more {position:absolute; right:20px; top:20px;}
.content .main_con_wrap .main_notice .notice_tb {}
.content .main_con_wrap .main_notice .notice_tb th {padding:11px 25px; width:71.6%;}
.content .main_con_wrap .main_notice .notice_tb th:last-child{font-size:13px; color:#aaaaaa; font-weight:300; letter-spacing:0px;}

.notice_tb tr{border-bottom: 1px solid #f5f5f5;}
.notice_tb tr th{width: 84%;height: 35px;	text-align: left!important;}
.notice_tb tr td{width: 20%;}



/* 공지팝업*/

.notice-table {border-collapse: collapse;  width:90%; margin:25px auto; text-align : center; height : 13px; border-top:3px solid #a8c139;}
.notice-table th {	background-color : #f5f6fa;	font-size:13px;	padding:10px;	color:#17366e;	border-bottom : 1px solid #bfc2d9; text-align:center;	}
.notice-table td {	padding:10px; font-size:13px; color:#666;}
.notice-table tr {border-bottom : 1px solid #ddd;	}

.notice-table1 {border-collapse: collapse;  width:100%; margin:25px auto; text-align : center; height : 13px; border-top:3px solid #a8c139;}
.notice-table1 th {	background-color : #f5f6fa;	font-size:13px;	padding:10px;	color:#17366e;	border-bottom : 1px solid #bfc2d9;	}
.notice-table1 td {	padding:10px; font-size:13px; color:#666;}
.notice-table1 tr {border-bottom : 1px solid #ddd;	}
	

.notice-table2 {border-collapse: collapse;  width:100%; margin:25px auto; text-align : center; height : 13px; border-top:3px solid #a8c139;}
.notice-table2 th {	background-color : #f5f6fa;	font-size:12px;	padding:10px;	color:#17366e;	border-bottom : 1px solid #bfc2d9;	}
.notice-table2 td {	padding:10px; font-size:12px; color:#666; text-align: left;}
.notice-table2 tr {border-bottom : 1px solid #ddd;	}


.btn-primary { height:35px; margin-bottom:20px; width:80px; border: none;  background: #17366e;  color:#fff;  border-radius: 3px; font-size: 12px;  cursor : pointer; margin-left : 450px;}
.btn-primary_pop { height:35px; margin-bottom:20px; width:80px; border: none;  background: #17366e;  color:#fff;  border-radius: 3px; font-size: 12px;  cursor : pointer;}
.btn-primary_edit { height:35px; margin-bottom:20px; width:80px; border: 1px solid #2a54a0; color:#29539f;  border-radius: 3px; font-size: 12px;  cursor : pointer; background:none; font-weight:bold;}
.btn-primary_del { height:35px; margin-bottom:20px; width:80px; border: 1px solid #f13d3d ; color:#f13d3d;  border-radius: 3px; font-size: 12px;  cursor : pointer; background:none; font-weight:bold;}
.btn-primary_visible  { height:35px; margin-bottom:20px; width:80px; border: 1px solid #666; color:#666;  border-radius: 3px; font-size: 12px;  cursor : pointer; background:none; font-weight:bold;}
.btn-primary_del_table { height:35px;width:80px; border: 1px solid #f13d3d; color:#f13d3d;  border-radius: 3px; font-size: 12px;  cursor : pointer; background:none; font-weight:bold;}

#fileNm {}
#noticeContent {margin-top : 3px;	width : 90%; padding:5px; font-size:12px; color:#666; border:1px solid #ddd; height : 300px;	resize : none;}
#noticeName {width : 90%; border:1px solid #ddd; padding:5px; font-size:12px; color:#666;}
#noticeFile {display : none;} 

select.user-input {width : 93%;}
.user-input {width : 90%; border:1px solid #ddd; padding:5px; font-size:12px; color:#666;}
.user-input_id {width : 68%; border:1px solid #ddd; padding:5px; font-size:12px; color:#666;}



/*나의 검색내역*/
.list_left_box {width: 48%; min-height: 645px; float:left; border:5px solid #eee; padding:30px;padding-top:10px; padding-bottom:10px; margin-right:20px;}
.list_left_box .sear_box {width: 100%; height: 10%; margin:0 auto;}
.list_left_box .sear_box select {height: 36px; background: #fff url('../img/sel_bg.jpg') no-repeat; background-position-x: right;    vertical-align: top;    outline: transparent;    -webkit-appearance: none;    -moz-appearance: none;}
.list_left_box .sear_box .id_box {height: 34px; margin-left: 5px; border:1px solid #ccc; font-size:12px;}

.list_right_box{width: 38%; min-height: 470px; float:left; border:5px solid #eee; padding:30px; padding-top:10px; padding-bottom:10px;}
.list_right_box .map {width: 100%; height: 460px; float:left; margin-left:0px!important;}
.list_right_box #lookup_img {width: 100%; height: 100%;}
.list_right_box .look_area{width: 100%; min-height: 175px; float:left; margin-left:0px; background:#f7f7f7; margin-top:10px;}
.list_right_box .look_area .lookupTable {text-align:left;  margin-left: 65px;}
.list_right_box .look_area .lookupTable td{text-align:left; font-size:13px; color:#666;}
.list_right_box .look_area .lookupTable td:first-child{color:#17366d; font-weight:500;}




/*---풋터--- */
/* .footer {height: 110px; background:#000000; font-size: 12px; color:#9e9e9e; text-align:center; position:relative; margin-top:40px;} */
/* .footer .wrap {width: 1200px; margin: 0 auto; text-align:center; overflow:auto; padding-top:10px;} */
/* .footer .ft_lt {float: left;margin-top: 20px;} */
/* .footer p {line-height: 1.5;} */
/* .footer p.cr {margin-top: 10px; color:#9e9e9e;} */
/* .footer .ft_rt {float: right; margin-top: 20px;} */
/* .footer .ft_rt select {width: 150px; height: 26px;} */
/* .footer .ft_rt button {padding:4.3px 0; width: 50px; border:none; background: #9ca2a6; color:#fff; border-radius: 3px; cursor: pointer;} */

/*---2021.01.28 풋터 수정--- */
.footer {height: 80px; background:#000000; font-size: 12px; color:#9e9e9e; text-align:center; position:relative; margin-top:30px;}
.footer .wrap {width: 1200px; margin: 0 auto; text-align:center; overflow:auto; padding-top:10px;}
.footer .ft_lt {/*float: left; *//*margin-top: 20px;*/}
.footer p {line-height: 1.5;}
.footer p.cr {margin-top: 5px; color:#9e9e9e;}
.footer .ft_rt {float: right; margin-top: 20px;}
.footer .ft_rt select {width: 150px; height: 26px;}
.footer .ft_rt button {padding:4.3px 0; width: 50px; border:none; background: #9ca2a6; color:#fff; border-radius: 3px; cursor: pointer;}

/*프로젝트조회 팝업*/
.pop_area {margin : 25px;}
.pop_tit {font-size : 18px; font-weight : bold;}
.project-table {border-top:3px solid #a8c139; text-align : center; width:100%;}
.project-table th{ background-color:#f5f6fa; padding:10px; color:#17366e; border-bottom:1px solid #bfc2d9;}
.project-table td{ padding:10px; color:#666; font-size:13px; }
.project-table tr { border-bottom:1px solid #ddd;}




/*그룹관리자설정*/
.group-table {border-top:3px solid #a8c139; text-align : center; width:40%; border-collapse: collapse;
}
.group-table th{ background-color:#f5f6fa; padding:10px; color:#17366e; border-bottom:1px solid #bfc2d9;}
.group-table td{ padding:10px; color:#666; font-size:13px; }
.group-table tr { border-bottom:1px solid #ddd;}




/* 소개-메뉴 */
.sideMenu {width:145px; background:#0d2147 url('../img/side_bg.jpg')bottom no-repeat; }
.sideMenu .side_tit {background:#abc927; display:block; height:170px;  text-align:center; vertical-align:middle;}
.sideMenu .side_tit h3{text-shadow: 3px 3px 5px #98b320; font-size:16px; color:#fff; padding-top:35px; font-weight:600;}
.sideMenu div ul li{ font-size: 14px; padding: 15px 0px; border-bottom:1px solid #050e21; color:#ffffff; text-align:center;}
.sideMenu div ul li:hover{background-color: #050e21; color:#abc927!important;}
.on{background-color: #050e21; color:#abc927!important;}

.sub_content{width:1200px; padding-top:50px; margin:0 auto; /*margin-bottom:40px;*/}
.sub_content .title_area{margin-bottom:30px;}
.sub_content .title_area h2{font-size:35px; color:#3c4047; font-weight:600;}
.sub_content .txt {background:#f5f6fa; padding:40px; margin-bottom:30px;}
/* .sub_content .txt h3 {font-size:28px; line-height:1.3; font-weight:400; color:#17366e; margin-bottom:30px;} */
/* .sub_content .txt h3 span{color:#abc927;} */
/* .sub_content .txt p {font-size:16px; color:#666666; line-height:1.7;} */


.sub_content .board_txt {position:relative; min-height:600px;}

.notice { border-collapse: collapse; width: 100%;  text-align : center; }
.notice tr th.left_round {border-radius:10px 0px 0px 0px; }
.notice tr th.right_round {border-radius:0px 10px 0px 0px;}
.notice th {background:#17366e; color:#fff!important; padding:20px!important; font-size:16px; font-weight:400;}

.notice th, td { text-align: center; padding: 8px;}

.notice tr:nth-child(odd){background-color: #f5f6fa}
.notice tr:nth-child(even){background-color: #fafbfd}
.notice tr a:hover{color:#000;}
.notice tr td{padding:15px!important; font-size:15px; color:#666666;}

/* old : .num , new : #num*/
.num {position:relative;text-align:center;width: 100%; border:0px solid blue; margin:30px auto;}
.num span {display:inline-block;padding:5px 10px;background:none;display:inline-block;}
.num span.on {background:#abc927;color:#fff !important; border-radius:5px;}


.sear {width:30%!important; padding:0px; position:absolute; top:200px; right:60px; /*bottom:0px;*/}
.sear .sel { border:1px solid #ccc;  }
.sear select {background: #fff url('../img/sel_bg.jpg') no-repeat; background-position-x: right;    vertical-align: top;    outline: transparent;    -webkit-appearance: none;    -moz-appearance: none;}

.main { list-style: none;}
.main  p { margin-left : 10px;}
.main>li { margin-right:5px; position: relative; float: left;  width: 100px;  height: 30px;   box-sizing: border-box;
   line-height: 30px;  text-align: left;  background: white; font-size:13px;}

.main>li:hover .sub li {border-bottom : 1px solid #eee;}
.main>li:hover .sub li:hover {	color : blue;	text-decoration: underline;         }
          
.subOn {  display: block;  width  : 100px;  border : 1px solid #eee; text-align:center; background: white;}
.subOn li:hover {color : blue;	text-decoration: underline;}
.subOn li {	border-bottom : 1px solid #eee;list-style:none;}

.sear .txtinput {width:150px; height:30px; padding-left:10px; border : 1px solid #ccc;}

.sub {  display: none;  position: absolute;  top: 30px;  left: 0;  z-index: 1;  width: 100px;  background: white;  opacity: 1;}


.noti_btn-primary { margin-right : 10px;   width: 50px;  height: 32px; border: none; background: #17366e;  color:#fff; 
  border-radius: 3px;   font-size: 13px;  cursor : pointer;}

.topMenu {display : flex; float : right;}
.topMenu li {position : relative;padding: 0 100px; 	float: left;}
.topMenu li:hover > ul {display : block;}
.topMenu li > ul {	position : absolute;	z-index : 1000;	display : none;}
.topMenu li > ul > li {	float : none; padding : 0;}

.notice-table tr {background-color : white;}
.notice-table tr:hover {background-color : #fafbfd;}


/*
.ul1_menu1{		font-size: 18px;}
.ul1_menu1 .on{	background-color: #d9d9d9;	color:white;}
.ul1_menu1 .on .ul1_menu2{	font-size: 15px;}
.ul1_menu1 .on .ul1_menu2 .on{	background-color: #d9d9d9;	color:#229AF6;}
*/
.leaflet-left {left:50px; top:120px;}


#sidebar_menu {/* width: 145px; */width:165px; height: 842px; /*float:left;*/ padding:0px 20px; /* border-right:1px solid #7c869e;  */ /* background:url('../img/data_bg.jpg'); */  position:absolute; z-index:10000;}
#sidebar_menu h4 {padding-top:35px; margin-bottom:30px;font-size:17px!important; color:#17366e;}
#sidebar_menu label{display : block; font-size : 15px; font-weight : bold; margin-top : 10px;}

#sidebar_menu select {border:none; padding:5px 10px; width:140px; display:block; margin-top:5px; margin-bottom:10px; background: #fff url('../img/sel_bg.jpg') no-repeat; background-position-x: right;    vertical-align: top;    outline: transparent;    -webkit-appearance: none;    -moz-appearance: none;}

#sidebar_click1 {position: absolute;width: 20px;height: 25px;margin-left: 205px;margin-top: 400px;z-index: 1000;}
#sidebar_click2 {position: absolute; width: 20px; height: 25px; margin-top: 400px; z-index: 1000; display: none;}

#sidebar_menu input {border:none; padding:5px 10px; width:120px;margin-top:5px;  margin-bottom:10px;}

#sidebar_menu h5 {margin-top:20px; font-size:15px!important; display:block;}

.select_th{	width: 100%; text-align: center; margin-top:10px;}
.select_tb{	width: 100%; text-align: center;}
.select_th tr{}
.select_th tr th{height: 30px; line-height:30px; background:#17366e; font-weight:normal; font-size:13px; color:#fff;}
#sidebar_menu .cont {font-size:13px; overflow:scroll; background:#fff; overflow-x : hidden; width:100%; height: 350px; margin : 0 auto; }
#sidebar_menu .cont table td{padding:3px; border-bottom:1px solid #ddd;}


/* .open_bar {width:250px; height:500px; position:absolute; z-index: 1000; right:225px;  margin-top: 0em; } */
.open_bar { position:absolute; z-index: 1000; right:250px;  margin-top: 0em; }
#sidebar_content {width: 89%; height: 100%;  float:left; background-color: #0d2147; color:#fff; border-radius:10px 0px 0px 10px;}
#sidebar_content h4 {color:#abc927; margin:20px 0px 0px 20px; font-size:16px;}
#sidebar_content .info_img {width: 80%; height:33%; margin:0 auto; margin-top:20px;}
#sidebar_content .info_txt {width: 80%; margin:0 auto;  font-size:13px; text-align:left; }
#sidebar_content .info_txt table td{ font-size:13px; text-align:left;}


/* content left */

.content .ct_lt { float: left; width: 505px; background: #fff; height: 665px; margin-top: 15px; border:1px solid #e4e4e4; }
.content .ct_lt .tt {height: 50px; border-bottom: 1px solid #e4e4e4; text-align: center;}
.content .ct_lt .tt .arrow {float:left; width: 34px; height: 34px; border:1px solid #d8d8d8; display: inline-block; text-align: center;line-height: 36px; margin-top: 7px; margin-left: 9px; cursor: pointer;}
.content .ct_lt .tt .arrow.rt {float: right; margin-right: 9px;}
.content .ct_lt .tt .txt {font-size: 18px; font-weight: 600; line-height: 50px;}
.content .ct_lt .map {position: relative;}
.content .ct_lt .map .legend {position: absolute; right: 10px; bottom: 12px;}

/* content right */

/* content right >> 퀵메뉴 */
.content .ct_rt {float: right; margin-top: 15px;}
.content .ct_rt .qmu {border: 1px solid #e4e4e4; background: #fff; height: 190px;  }
.content .ct_rt .qmu ul li {float: left; width: 173px; height: 190px; border-right: 1px solid #e4e4e4; text-align: center; font-size: 18px; letter-spacing: -1.3px; font-weight: 500; cursor: pointer;}
.content .ct_rt .qmu ul li:last-child {border-right: none;}
.content .ct_rt .qmu ul li img {margin-top: 25px; margin-bottom: 10px;}
.content .ct_rt .qmu.content .ct_lt .tt .txt ul li:last-child {border-right: none;}

			/* content right >> 지자체조회 */
.content .ct_rt .bd {height: 310px; border: 1px solid #e4e4e4; margin-top: 10px; background: #fff; padding:0 14px;   }
.content .ct_rt .bd.sc {height: 140px;}
.content .ct_rt .bd.sc .bd_ct {margin-top: 12px;}
.content .ct_rt .bd.sc .bd_ct button {width: 120px; height: 35px; border: none; background: #17366e; color:#fff; border-radius: 3px; font-size: 14px; cursor: pointer;}
.content .ct_rt .bd.sc .bd_ct table { width: 98%; margin: 0 auto;}
.content .ct_rt .bd.sc .bd_ct table tr td {text-align: left; height: 40px; font-size: 14px; }
.content .ct_rt .bd.sc .bd_ct table tr td select {width: 49%; height: 35px;}
.content .ct_rt .bd.sc .bd_ct table tr td input {width: 17px; height: 17px;vertical-align: -4px; margin-right: 3px; margin-left: 15px;}
.content .ct_rt .bd.sc .bd_ct .scb {vertical-align: -3px; margin-right: 3px;}

/* content right >> 공지사항 */
.content .ct_rt .bd .bd_tt {height: 48px; border-bottom: 1px solid #dcdcdc;}
.content .ct_rt .bd .bd_tt ul li {float: left; line-height: 46px; text-align:center; padding: 0 15px; font-size: 16px; color:#c0c0c0; letter-spacing: -1px; cursor: pointer;}
.content .ct_rt .bd.sc .bd_tt ul li {cursor: default;}
.content .ct_rt .bd .bd_tt ul li.active { font-weight: bold; color:#202020; border-bottom: 3px solid #229af6;}
.content .ct_rt .bd .bd_tt span {float: right; width: 30px; height:30px; display: inline-block; border: 1px solid #d8d8d8; text-align: center; line-height: 30px; margin-top: 8px; cursor: pointer;}
.content .ct_rt .bd .bd_ct {padding: 0 5px;}
.content .ct_rt .bd .bd_ct table {font-size: 13px; width: 100%; margin-top: 2px; }
.content .ct_rt .bd .bd_ct table tr {cursor: pointer;}
.content .ct_rt .bd .bd_ct table tr th {text-align: left; height:34px; font-weight: 500; }
.content .ct_rt .bd .bd_ct table tr td {text-align: right;}


/*----------------표출도구------------------*/

.top_area {position:absolute;width:100%;}
/*--프로젝트선택(어드민)--*/
.adm_btnarea {position:relative;z-index:9999;top:0px;width:100%; background:#edeef6; /* text-align:center; */ padding:16px 0px;}
.adm_btnarea label {font-size:15px; color:#333333; margin-right:10px;margin-left:30px;}
.adm_btnarea select {padding:5px 10px; width:600px; border:0px; background: #fff url('../img/sel_bg.jpg') no-repeat; background-position-x: right;    vertical-align: top;    outline: transparent;    -webkit-appearance: none;    -moz-appearance: none;}


/* tabMenu on */
#tabMenu {display:flex; position:relative;z-index:9999;}
#tabMenu li {width:33.333%; border-right:1px solid #e6e8f2; border-bottom:1px solid #e6e8f2;  text-align: center; font-size: 17px; font-weight: bold; display:inline-block; background:#fff; height:50px; line-height:50px;}
#tabMenu li a {color:#333333; font-size:17px; padding:10px; font-weight:normal; }
#tabMenu li.tabOn{border-bottom:2px solid #0d2147;}
#tabMenu li.tabOn a{color:#17366e; font-size:17px; font-weight:bold; }

#tabMenu1 {display:flex;position:relative;z-index:9999;}
#tabMenu1 li {width:50%; border-right:1px solid #e6e8f2; border-bottom:1px solid #e6e8f2;  text-align: center; font-size: 17px; font-weight: bold; display:inline-block; background:#fff; height:50px; line-height:50px;}
#tabMenu1 li a {color:#333333; font-size:17px; padding:10px; font-weight:normal; }
#tabMenu1 li.tabOn{border-bottom:2px solid #0d2147;}
#tabMenu1 li.tabOn a{color:#17366e; font-size:17px; font-weight:bold; }

#tabMenu2 {display:flex;position:relative;z-index:9999; }
#tabMenu2 li {width:17%; border-right:1px solid #e6e8f2; border-bottom:1px solid #e6e8f2;  text-align: center; font-size: 17px; font-weight: bold; display:inline-block; background:#fff; height:50px; line-height:50px;}
#tabMenu2 li a {color:#333333; font-size:17px; padding:10px; font-weight:normal; }
#tabMenu2 li.tabOn{border-bottom:2px solid #0d2147;}
#tabMenu2 li.tabOn a{color:#17366e; font-size:17px; font-weight:bold; }


.total_map {width:100%;position:relative;overflow:hidden;}

/* #map, */#tabMenu,#tabMenu1,#tabMenu2,.adm_btnarea {margin-left:186px;}

/*--아이콘영역--*/
.top_btnbox {width: 180px; height: 40px; position:absolute; right:25px; top:130px; z-index:10000; background:#fff; padding:10px; border-radius:10px;border:1px solid #bfc2d9;}
.top_btnbox img {width: 20px; height: 20px;}


/*--종확산모형--*/

#diffusion_all {display:flex; width:1200px; margin:0 auto; }
#diffusion_menu {margin : 0 auto; /*padding-top : 40px;*/}


.ul1_menu1{	/* padding:10px; */	font-size: 18px; width:135px;}
.ul1_menu1 .on{	background-color: #050e21;	color:white;}	
.ul1_menu1 .on .ul1_menu2{font-size: 15px; color:#b1b7c2;}	
.ul1_menu1 .on .ul1_menu2 .on{	color:#fff; text-decoration:underline;}
.ul1_menu2 #sidebar_nm2 {color:#fff;}
.ul1_menu2 a{color:#b1b7c2; font-size:13px;}
.ul1_menu2 li{padding:3px!important;}


.diffusion_img {width  : 140px; height : 180px;	bottom : 20px; margin-top : 0; border:1px solid #bebfcd;box-sizing:border-box;	border-radius:0px 0px 10px 10px;}
.diffusion_text {border:1px solid #0d2147;box-sizing:border-box; background-color:#0d2147; color: white; border-radius:10px 10px 0px 0px; border:none;
	padding:8px 0px; text-align:center;	}
.diffusion_bigImg {	width : 600px; height : 595px;/*  margin-top:50px; */}

#diffusion_name {font-weight : bold;	font-size : 20px;}
/* #diffusion_menu li {margin-top : 10px; padding-right : 3%;} */

.diffusion_textOn { border:1px solid #abc927;box-sizing:border-box; background-color:#abc927; color: white; border-radius:10px 10px 0px 0px; border:none;
	padding:8px 0px; }

.diffusion_imgOn { border:1px solid #abc927; box-sizing:border-box; border-radius:0px 0px 10px 10px;	}

.species_text {
	width : 60px;
	background:#0d2147;
	color:#fff;
	text-align:center;
	border-radius:10px 10px 0px 0px;
	border : 1px solid #0d2147;
	font-size:10px;
}

.species_ul li{width:60px; /*margin:10px auto;*/ float:left; margin-bottom:10px;}



.species_textOn {
	width : 60px;
	color : white;
	border : 1px solid rgb(171 , 201 , 39);
	background-color : rgb(171 , 201 , 39);
	border-radius:10px 10px 0px 0px;
}

/*
.species_ul li{width:80px; margin:10px auto; }

.species_textOn {
	width : 80px;
	color : white;
	border : 1px solid rgb(171 , 201 , 39);
	font-weight : bold;
	background-color : rgb(171 , 201 , 39);
	border-radius:10px 10px 0px 0px;
}
.species {
	width : 125px;
	height : 260px;
	background:#fff;
	padding:10px;
	margin-bottom : 25px;
	overflow:auto;
	margin-top:15px;
}


.species_img {
	width : 80px;
	height : 80px;
	border-right : 1px solid black;
	border-left : 1px solid black;
	border-bottom : 1px solid black;
	opacity : 0.4;
}


*/

.species {
	width : 150px;
	height : 260px;
	background:#fff;
	padding:10px;
	margin-bottom : 25px;
	overflow:auto;
	margin-top:15px;
}

.species_img {
	width : 60px;
	height : 60px;
	border-right : 1px solid black;
	border-left : 1px solid black;
	border-bottom : 1px solid black;
	opacity : 0.4;
}
.species_img:hover {
	opacity : 1.0;
}

.species_ul {
	margin-top : 8px;
	list-style:none;
}

/*
.species_ul li:nth-child(even) {
	margin-right : 10px; border:1px solid white;
}*/

.species_ul li:nth-child(odd) {
	margin-right : 13px;
}

.species_imgOn {
	opacity : 1.0;
	border-right : 1px solid rgb(171 , 201 , 39);
	border-left : 1px solid rgb(171 , 201 , 39);
	border-bottom : 1px solid rgb(171 , 201 , 39);
}

#option_menu li {
}


.selectBox {
	width : 105px;
}

/*#diffusion_all .half_layout {width : 50%; height:100%; float:left; margin-top:40px;}*/
#diffusion_all .half_layout {width : 45%; height:100%; float:left; height:720px; margin-top:40px; border:3px solid #eee; padding:30px; margin-right:3%;}
#diffusion_all .half_layout p.tit {font-size:20px; text-align:left; color:#17366e;}


/*맵-도시*/
.tab_loca {position:absolute; top:130px; left:300px; z-index:10000; background:#fff; border-radius:10px;}
.tab_loca table {text-align: center; }
.tab_loca table td{border-right:1px solid #eee; font-size:13px; padding:15px;}
.tab_loca table td.last {border:none;}

/*--헤더--*/
.map_hd {height: 80px; background: #17366e; }
.map_hd .map_logo {float: left; margin-left: 60px; margin-top: 14px;}
.map_hd .map_logo span {color:#fff; font-size: 16px; font-weight: bold; vertical-align: 20px; margin-left: 20px;}
.map_hd .map_mnu {float: right;}
.map_hd .map_mnu ul {border:1px solid #5a7097; height: 53px; margin-top: 13px; margin-right: 13px;}
.map_hd .map_mnu ul li {float: left; width: 57px; text-align: center; border-right: 1px solid #5a7097; cursor: pointer;}
.map_hd .map_mnu ul li.active {background:#001d51; }
.map_hd .map_mnu ul li:last-child {border-right: none;}

/*--내용(탭메뉴)--*/
.map_ct {height: 905px; border-top: 3px solid #2b8eff; position: relative;}
.map_ct .tapmn {width: 60px; height: 100%; background: #243f70; float: left; z-index: 100; padding-bottom: 20px; position: absolute; top:-3px; left: 0; }
.map_ct .tapmn ul li {text-align: center; border-bottom: 1px solid #4a6087; height: 71px;cursor: pointer;}
.map_ct .tapmn ul li.active {background: #fff;}

/*--내용(좌측 레이어-검색&결과)--*/
.map_ct .lf_mn {width: 300px; height: 100%; border-right: 1px solid #e4e4e4; background: #fff;  padding: 10px; position: absolute; top:-3px; left: 60px;}
.map_ct .lf_mn .icon img {position: absolute; right: -12px; top:390px; cursor: pointer;}
.map_ct .lf_mn .search {background: #f5f5f5; border:1px solid #e4e4e4;padding-top: 8px;  }
.map_ct .lf_mn table {width:100%; }



/*--툴팁--*/
.tooltip {
	position: absolute;
	width: 100px;
	height: 50px;
	top:125px;
	right:-95px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
}
.tooltip:after, .tooltip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
.tooltip:before {
	border-color: rgba(235, 235, 235, 0);
	border-right-color: #b9b9b9;
	border-width: 9px;
	margin-top: -9px;
}


.map_ct .lf_mn .search table tr th {text-align: left; letter-spacing: -1.5px; padding-left: 8px; height: 30px;}
.map_ct .lf_mn .search table tr th img {margin-right: 3px;}
.map_ct .lf_mn .search table tr td {text-align:left; padding-right: 8px;}
.map_ct .lf_mn .search table tr td img {vertical-align: -5px;}
.map_ct .lf_mn .search table select {width: 155px; height: 25px;}
.map_ct .lf_mn .search table select.wd {width: 132px;}
.map_ct .lf_mn .search table input[type="text"] {width: 123px; padding:3px 0; text-indent: 2px;}
.map_ct .lf_mn .search table button {float: right;width:100px; padding:5px 0; background: #0077ff; color:#fff; border:none; cursor: pointer;}

.map_ct .lf_mn .result {margin-top: 25px;}
.map_ct .lf_mn .result img {margin-left: 5px;}
.map_ct .lf_mn .result span.tt {font-size: 16px; font-weight: bold; letter-spacing: -1.5px;}
.map_ct .lf_mn .result span {width: 195px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;display: block;}
.map_ct .lf_mn .result table {margin-top: 5px; border-top: 1px solid #e5e5e5;}
.map_ct .lf_mn .result table tr th {height: 35px; background: #f5f5f5;  border-bottom: 1px solid #e5e5e5; letter-spacing: -1px;}
.map_ct .lf_mn .result table tr td {border-bottom: 1px solid #e5e5e5; text-indent: 10px;}

/*--내용(지도)--*/
.map_ct .map .map_tt {height: 50px; background: #f0f0f0; text-align: center;  line-height: 48px; text-indent: 380px;}
.map_ct .map .map_tt span {font-size: 18px; font-weight: bold;}
.map_ct .map .map_tt input[type="range"] {width: 65px; float: right; margin-right: 10px; margin-top: 13px;}
.map_ct .map .map_img {background: url(../img/map_img.jpg); height: 872px; width:100%;}
.map_ct .map .map_img .map_legend { position: absolute; right: 15px; bottom:-5px;}

/*--내용(팝업) & 메인 지자체 조회 팝업--*/
.popup { background: #fff; position: absolute; top:250px; left: 42%; }
.popup.sc {left: 125px; box-shadow: 0 0 5px 0 #545454; top:60px;}
.popup .pop_tt {height:44px; background: #243f70; border: 1px solid #375386; border-bottom: none; width: 600px; color: #fff; line-height: 44px; }
.popup.sc .pop_tt {height: 40px; line-height: 40px;}
.popup .pop_tt span {font-size: 18px; font-weight: 500; margin-left: 5px; letter-spacing: -1px;}
.popup .pop_tt span.cls {float: right; margin-right: 10px; cursor: pointer; }
.popup.sc .pop_tt {width: 800px;}
.popup.sc .pop_ct {width: 800px; height: auto; padding-top: 1px; border:none;}
.popup.sc .pop_ct .lf_pc {font-size: 12px; margin-left: 15px; width: 27%; float: left; margin-top: 15px; margin-bottom: 15px; overflow-y: scroll; height: 500px; letter-spacing: -0.3px;border: 1px solid #e6e6e6; background: #f7f7f7;padding-left: 10px;}
.popup.sc .pop_ct .lf_pc dt {font-size: 15px; font-weight: bold; margin-bottom: 3px; border-bottom: 1px solid #e1e1e1; padding-bottom: 3px; text-indent: 5px;    margin-right: 10px; color:#243f70;}
.popup.sc .pop_ct .lf_pc dl dd {line-height: 1.7; cursor: pointer;margin-left: 20px; font-size: 13px;}
.popup.sc .pop_ct .lf_pc dl dd:hover {color:#31a1f6;}
.popup.sc .pop_ct .rt_pc {float: right; width: 66%; margin-top: 15px;overflow-y: scroll; height: 500px; margin-right: 15px;}
.popup.sc .pop_ct .rt_pc img {width: 95%; margin-left: 10px; }
.popup.sc .pop_ct .rt_pc .rt_tt {}
.popup.sc .pop_ct .rt_pc .rt_tt h2 {font-size: 16px; margin:1px 15px 5px 0; text-indent: 5px; }
.popup.sc .pop_ct .rt_pc h4 { margin:5px 0 10px 0;; text-indent: 10px;}
.popup.sc .pop_ct .rt_pc .rt_ct {margin-top: 10px;}
.popup .pop_ct {height: 385px; background: #fff; width: 600px; border:1px solid #c7c7c7; border-top:none; padding-top: 8px; }
.popup .pop_ct table {width: 100%;}
.popup .pop_ct table.sc {height: 25px; }
.popup .pop_ct table.sc input[type="text"] {height: 24px; width: 135px; text-indent: 2px;}

.popup .pop_ct .graph {float: left; width: 355px; height: 330px; background: #f5f5f5; border:1px solid #e4e4e4; margin-left: 12px; margin-top: 8px;}
.popup .pop_ct .graph img {margin-top: 13px; margin-left: 5px;}
.popup .pop_ct .tb {float: right; margin-top: 8px; margin-right: 10px;}
.popup .pop_ct .tb table.tt {width: 210px;}
.popup .pop_ct .tb table.tt tr th {height: 35px; background: #f5f5f5; border-top:1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; color:#17366e;}
.popup .pop_ct .tb table tr th {height: 30px; background: #fafafa; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.popup .pop_ct .tb table tr td {border-bottom: 1px solid #e4e4e4; text-align: right; padding-right: 10px;}



/*----------------통합평가 플랫폼------------------*/
.map_ct.pf {height: 869px;}
.map_ct.pf .map .map_img {height: 836px;}
.map_ct .tapmn.pf {width: 65px;}
.map_ct .lf_mn.pf {left: 65px;}
.map_ct .map .map_tt {text-indent: 385px;}
.lf_mn.pf .pf_top {border-bottom: 1px solid #dfdfdf; margin: 0 8px; padding-bottom: 10px; margin-bottom: 20px;}
.lf_mn.pf table.pf_tb {width: 100%;}
.lf_mn.pf table.pf_tb tr th {padding-left: 5px;}
.lf_mn.pf table.pf_tb tr td {padding-right: 0;}
.lf_mn.pf table.pf_tb tr td select {width: 170px;}
.lf_mn.pf .tt {margin-left: 10px;}
.lf_mn.pf .pf_li {padding: 0 8px; margin-left: 5px; height: 25px; line-height: 25px; margin-top: 8px;}
.lf_mn.pf .pf_li li {float: left; font-weight: bold;}
.lf_mn.pf .pf_li li.i {float: right; cursor: pointer; margin-right: 5px;}
.lf_mn.pf .tb {background: #fff; border:1px solid #e5e5e5; margin-left: 8px; margin-right: 8px; margin-top: 3px;}
.lf_mn.pf .tb table {width: 90%; margin: 8px 0 8px 18px;}
.lf_mn.pf .tb table tr th {height: 33px; padding-left: 0;}
.lf_mn.pf .tb table tr td.btn {text-align: right; cursor: pointer;}
.lf_mn.pf .tb table tr td input[type="checkbox"] {width: 16px; height: 16px; vertical-align: -3px;}
.lf_mn.pf .tt {font-size: 16px; font-weight:bold; letter-spacing: -1px;}
.lf_mn.pf .btn {text-align: right; margin-right: 8px; margin-top: 20px; margin-bottom: 10px; }
.lf_mn.pf button {width:100px; padding:5px 0; background: #0077ff; color:#fff; border:none; cursor: pointer;}
.lf_mn.pf .help {position: absolute; bottom: 10px;}
.lf_mn.pf .help button {background: #8d8d8d;}


/*----------------서브페이지------------------*/
/*--메뉴--*/
.content .sub {width: 1050px; margin: 0 auto; padding-top: 15px;}
.content .left {width:218px; background: #fff; height: 665px; border:1px solid #e4e4e4; float: left; }
.content .left .menu-t {text-align: center; font-size: 22px; padding: 40px 0; border-bottom: 1px solid #e4e4e4; font-weight: bold; letter-spacing: -0.8px;}
.content .left .menu-t img {vertical-align: -4px; margin-right: 8px;}
.content .left ul li.sub-m {height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px solid #e4e4e4; font-weight: 500; text-indent: 30px; cursor: pointer;}
.content .left ul li.sub-m.active {background: #229af6; color: #fff; margin-bottom: 195px;}
.content .left ul li.sub-m span.rt {float: right;margin-right: 25px; vertical-align: -1px;}
.content .left ul li.sub-m ul { color:#807f7f;border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 10px 0; font-size: 14px; text-indent: 45px; background: #fbfbfb;}
.content .left ul li.sub-m ul li {line-height: 1.8; cursor: pointer; font-weight: 400;}
.content .left ul li.sub-m ul li.active {font-weight: bold; color:#17366e;}
.content .left ul li.sub-m ul li:hover {color:#17366e; font-weight: bold;}
.content .right {width: 808px; height: 665px; background: #fff; border:1px solid #e4e4e4; float: right;}
.content .right .ct_t {margin: 30px; margin-top: 25px; margin-bottom: 0; padding-bottom: 10px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #e4e4e4;}
.content .right .ct_t img {vertical-align: 2px; margin-right: 4px;}
.content .right .ct_t .tr {float: right; font-size: 12px;font-weight: 400; color:#282828; margin-top: 12px;}
.content .right .ct_t .tr span {margin: 0 10px; color:#909090; }
.content .right .ct {margin: 0 30px;}
.content .right .ct dl {text-indent: 3px; margin: 10px 0;}
.content .right .ct dl dt {font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.content .right .ct dl dt span {font-size: 18px; color:#203e74; margin-right: 3px;}
.content .right .ct dl dd {margin-left: 5px; line-height: 1.7; color:#353535;}
.content .right .ct dl dd span {font-size: 12px;}
.content .right .ct dl dd.box {width: 430px; height: 250px; margin-left: 0; border:1px solid #e4e4e4; border-radius: 3px; float: left; margin-top: 3px; margin-bottom: 12px; text-align: center; padding-top: 10px;}
.content .right .ct dl dd.box2 {width: 310px; height:250px; margin-left: 0; border:1px solid #e4e4e4; border-radius: 3px; float:right; margin-top: 3px;margin-bottom: 12px; text-align: center; padding-top: 10px;}
.content .right .ct dl.bt {clear: both;}
.content .right .ct dl.bt dd {text-align: center;}
.content .right .ct dl dd button {width: 210px; height: 38px; background: #229af6; border-radius: 5px; border:none; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer;}
.content .right .ct dl dd button img {vertical-align: -5px; margin-right: 5px;}


/* 추가부분 */

.leaflet-bottom.leaflet-left {top:580px;left:10px;}
.sideMenu{cursor:pointer;}

/*ul 스타일 없앤 부분*/
.main_list{	list-style:none;}
.swiper-wrapper li {list-style:none;}
#diffusion_menu ul {list-style:none;}
.distribution_result_ul {list-style:none;}
#option_menu {list-style:none;}

/*----font----*/


/* trOn */
.trOn {background-color : #acc4ee !important;}

.notice .notice_content {cursor:pointer;}

/* 로딩바 */
.ui.loadingCircle {display:none; width: 100%; height: 100%;}
.ui.loadingCircle .ui.dimmer {background:rgba(0,0,0,0.4);}
.ui.loadingCircle .ui.active.dimmer {height:100% !important;}

.ui.text.loader {
	position: absolute;
	font-size: 25px;
	left: 47%;
	top: 50%;
	color: white;
}

@font-face {font-family:nr;font-weight:100;src:url('../font/notokr-thin.eot');src:local(※),url('../font/notokr-thin.woff2') format('woff2'),url('../font/notokr-thin.woff') format('woff');}
@font-face {font-family:nr;font-weight:300;src:url('../font/notokr-light.eot');src:local(※),url('../font/notokr-light.woff2') format('woff2'),url('../font/notokr-light.woff') format('woff');}
@font-face {font-family:nr;font-weight:400;src:url('../font/notokr-regular.eot');src:local(※),url('../font/notokr-regular.woff2') format('woff2'),url('../font/notokr-regular.woff') format('woff');}
@font-face {font-family:nr;font-weight:500;src:url('../font/notokr-medium.eot');src:local(※),url('../font/notokr-medium.woff2') format('woff2'),url('../font/notokr-medium.woff') format('woff');}
@font-face {font-family:nr;font-weight:700;src:url('../font/notokr-bold.eot');src:local(※),url('../font/notokr-bold.woff2') format('woff2'),url('../font/notokr-bold.woff') format('woff');}
@font-face {font-family:nr;font-weight:900;src:url('../font/notokr-black.eot');src:local(※),url('../font/notokr-black.woff2') format('woff2'),url('../font/notokr-black.woff') format('woff');}