@import url(./fonts/nanum.css); /* ³ª´® */
@import url(./css/leaflet.css);
@import url(./css/leaflet.measure.css);
@import url(./css/bootstrap.min.css);
@import url(./css/bootstrap-theme.min.css);
@import url(./css/font-awesome.min.css);
@import url(./css/leaflet.awesome-markers.css);
@import url(./css/leaflet.awesome.rotate.css);
@import url(./css/leaflet-beautify-marker-icon.css);
@import url(./css/main.css);


/* -------------------------------------------------------------- */
/* common */
/* -------------------------------------------------------------- */
body {
  width                       : 100%;
  height                      : 100%;
  margin                      : 0 auto;
	padding  				            : 0;
	overflow 				            : auto;
	background-color		        : #ffffff;
	text-align                  : center;
	font 				 	              : normal 12px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

body::-webkit-scrollbar {
  width                       : 5px;
}

body::-webkit-scrollbar-thumb {
  background-color            : #2f3542;
  border-radius               : 5px;
  background-clip             : padding-box;
  border                      : 1px solid transparent;
}

body::-webkit-scrollbar-track {
  background-color            : gray;
  border-radius               : 5px;
  box-shadow                  : inset 0px 0px 3px white;
}


#wrap {
  width                       : 1200px;
  height                      : 100%;
  margin                      : 0 auto;
}

#header {
  width                       : 100%;
  clear                       : both;
  margin                      : 0 auto;
}

#header div.head {
  float                       : left;
  width                       : 1200px;
  height                      : 80px;
  background-image            : url(./img/maple_head.jpg); 
  background-repeat           : no-repeat; 
	text-align                  : left;
  margin-bottom               : -10px;
  padding-left                : 20px;
  padding-top                 : 15px;
}

#header div.head a {
	font 				 	              : bold 32px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	color                       : #ffffff;
  text-decoration             : none;
  cursor                      : pointer;
}

#header div.head a:hover {
  text-decoration:none;
  color:red;
  cursor                      : pointer;
}

#header div.head img {
  
}

/* -------------------------------------------------------------- */
/* menu_table */
/* -------------------------------------------------------------- */
#top_menu { position:relative; width:100%; }

table.menu_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-left                 : 0px;
  margin-top                  : 0px;
  margin-bottom               : 25px;
}

table.menu_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 1px solid #aaa;
}

table.menu_table td.on {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color                       : red;
}

table.menu_table td a { text-decoration:none; }
table.menu_table td a:hover { text-decoration:none; color:red; }

/* -------------------------------------------------------------- */
/* maple_table */
/* -------------------------------------------------------------- */
#container {
  width                       : 100%;
  min-height                  : 800px;
  clear                       : both;
  position                    : relative;
  margin                      : 0 auto;
}

#maple_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
  position                    : relative;
  z-index                     : 9999;
	color                       : #000;
	font 				 	              : normal 18px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	margin-bottom               : 0px;
}

#maple_title span {
	font 				 	              : bold 24px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	color                       : blue;
}

#maple_title a {
  text-decoration             : none;
	color                       : #777;
}

#maple_title a:hover {
  text-decoration             : none;
	color                       : red;
}

#con_maple {
  float                       : left;
  width                       : 1520px;
  height                      : 880px;
  position                    : relative;
  top                         : 7px;
  left                        : -290px;
/*  border					            : 2px solid #aaa; */
}

#weather_fct {
  position                    : relative;
  width                       : 1520px;
  height                      : 880px;
/*  border					            : 2px solid #red; */
}


/* -------------------------------------------------------------- */
/* gallery */
/* -------------------------------------------------------------- */

#gallery_maple {
  float                       : left;
  width                       : 1200px;
  height                      : 1800px;
  position                    : relative;
  display                     : block;
  overflow                    : hidden;
/*	border					            : 2px solid #aaa; */
}

#gallery {
  float                       : left;
  width                       : 1200px;
  height                      : 1800px;
/*	border					            : 2px solid red; */
}


/* -------------------------------------------------------------- */
/* aws_table */
/* -------------------------------------------------------------- */
#aws_wrap { position:relative; width:100%; }

#aws_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
	color                       : #000;
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  margin-top                  : 30px;
  padding-left                : 20px;
	margin-bottom               : -10px;
}

table.aws_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-left                 : 0px;
  margin-top                  : 20px;
  margin-bottom               : 0px;
}

table.aws_table caption {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : end;
	caption-side                : top;
}
table.aws_table th {
	font 				 	              : bold 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 1px solid #aaa;
	background-color            : #efefef;
}

table.aws_table th span {
	font 				 	              : normal 12px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

table.aws_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	letter-spacing              : 0.15em;
	padding                     : 5px;
	border					            : 1px solid #aaa;
}

table.aws_table td.ll {
	text-align                  : left;
	padding-left                : 20px;
}

table.aws_table td.rr {
	text-align                  : right;
	padding-right                : 20px;
}

/* -------------------------------------------------------------- */
/* knps */
/* -------------------------------------------------------------- */

#knps_title {
  float                       : left;
  text-align                  : left;
  width                       : 100%;
  clear                       : both;
	color                       : #000;
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  margin-top                  : 20px;
  padding-left                : 20px;
	margin-bottom               : -10px;
}

table.knps_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear                       : both; 
  table-layout                : fixed;
  margin-left                 : 0px;
  margin-top                  : 20px;
  margin-bottom               : -10px;
}

table.knps_table caption {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : end;
	caption-side                : top;
}
table.knps_table th {
	font 				 	              : bold 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 5px;
	border					            : 1px solid #aaa;
	background-color            : #efefef;
}

table.knps_table th span {
	font 				 	              : normal 12px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
}

table.knps_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	letter-spacing              : 0.15em;
	padding                     : 5px;
	border					            : 1px solid #aaa;
}

table.knps_table td.ll {
	text-align                  : left;
	padding-left                : 20px;
}

table.knps_table td.rr {
	text-align                  : right;
	padding-right                : 20px;
}


/* -------------------------------------------------------------- */
/* mnt_info */
/* -------------------------------------------------------------- */

#graph { position:relative; width:100%; }

.graph_tt { 
  background-image:url(./img/16-square-green.png); 
  background-repeat:no-repeat; 
  background-position:0px 7px; 
  padding-left:25px; 
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
}

.graph_tt span { 
	font 				 	              : bold 20px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color:#009900;
}

.graph_text1 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
}
.graph_text2 {
  background-image:url(./img/16-em-check.png);
  background-repeat:no-repeat;
  padding-left:25px;
  padding-bottom:5px;
  margin-left:0px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
}

table.graph_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.graph_table td {
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 20px;
	border					            : 1px solid #aaa;
}

table.graph_table td img{
  width                       : 560px;
  border                      : 0px;
}

/* -------------------------------------------------------------- */
/* cctv */
/* -------------------------------------------------------------- */

#kcctv { position:relative; width:100%; }

.kcctv_tt {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
}
.kcctv_tt img {
  margin-top:-7px;
  height:30px;
  border:0px;
}
.kcctv_tt span {
	font 				 	              : bold 20px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color:#009900;
}

.kcctv_text1 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
	color                       : red;
}

.kcctv_text2 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
}

table.kcctv_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.kcctv_table td {
	font 				 	              : normal 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 20px;
	border					            : 1px solid #aaa;
}


/* -------------------------------------------------------------- */
/* drone */
/* -------------------------------------------------------------- */

#drone { position:relative; width:100%; }

.drone_tt { 
  background-image:url(./img/16-square-green.png); 
  background-repeat:no-repeat; 
  background-position:0px 7px; 
  padding-left:25px; 
	font 				 	              : bold 24px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : left;
}

.drone_tt span { 
	font 				 	              : bold 20px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  color:#009900;
}

.drone_text1 {
  background-image:url(./img/16-circle-green.png);
  background-repeat:no-repeat;
  background-position:0px 5px; 
  padding-left:25px;
  padding-bottom:0px;
  margin-left:20px;
  margin-top:5px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
	text-align                  : left;
}
.drone_text2 {
  background-image:url(./img/16-em-check.png);
  background-repeat:no-repeat;
  padding-left:25px;
  padding-bottom:5px;
  margin-left:0px;
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
  line-height:1.6em;
}

table.drone_table {
  width                       : 100%;
	border-collapse			        : collapse;
	border					            : 1px solid #aaa;
	color                       : #000;
  clear:both; 
  table-layout:fixed;
  margin-left:0px; margin-top:5px;
}

table.drone_table th {
	font 				 	              : bold 16px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 10px;
	border					            : 1px solid #aaa;
	background-color            : #fdf1ef;
}

table.drone_table td {
	font 				 	              : normal 14px NanumBarunGothicBold, NanumSquare, vernada, sans-serif;
	text-align                  : center;
	padding                     : 10px;
	border					            : 1px solid #aaa;
}

table.drone_table td img{
  width                       : 80px;
  border                      : 0px;
}



.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mbm10 { margin-bottom:-10px; }

.pl3 { padding-left:3px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pt3 { padding-top:3px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pr3 { padding-right:3px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }

.pt5p { padding-top:5%; }
.pt10p { padding-top:10%; }
.pt20p { padding-top:20%; }
.pt25p { padding-top:25%; }