@charset "utf-8";
* {padding:0; margin:0;}
html { width:100%;height: 100%; -webki-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width:100%; height: 100%;line-height:normal;    font-size: 13px; font-family:Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;  color:#555;  overflow-x:auto; }
body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px;}
fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,menu { list-style: none; }
legend { position: absolute;visibility: hidden;height: 0;line-height: 0;font-size: 1px;  }
q:before, q:after { content:''; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
/*html 5 type*/
header, footer, article, section, aside, details, figure, figcaption, nav, hgroup { display: block; margin: 0; padding: 0; }
table caption { display: none; }

/* common */
.blod_t { font-weight: bold; }
.mgr_0 { margin-right: 0px !important; }
.mgb_0 { margin-bottom: 0px !important; }
.mgb_5 { margin-bottom: 5px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0; }
.select_type { border:1px solid #aaa; height: 33px; border-radius: 4px; padding-left: 5px;}
.full_size { width:99.8%;}

.input_type {
    border: 1px solid #aaa;
    height: 33px;
    width: 99.8%;
    color: #90a1b0;
    border-radius: 4px;
}
.input_type:focus {color: #333;}
.al_center { text-align: center !important; }



/* button  */
.gray_bt { background: #f3f3f3; border:1px solid #c2b9b9; text-align: center; padding: 0 16px; line-height: 30px; display: inline-block; }
.gray_bt:hover { background:#fff; }
.navy_bt { background: #0760b4; text-align: center; padding: 0 14px; line-height: 26px;display: inline-block;color: #fff; border:0px; font-size: 13px; }
.navy_bt:hover { background: #2276b3;}

.add_icon span { display: inline-block; padding: 0 0 0 20px; }
.add_icon .search_icon { background: url(../img/background/search_icon.png) no-repeat 0 8px;}

.tbl_gray_bt { background: #f3f3f3; border:1px solid #d7d7d7;color: #3386bb; text-align: center; padding: 0 10px; line-height: 22px;display: inline-block;font-size: 13px; }
.tbl_gray_bt:hover { background: #fff; }

.wrapper { background: url(../static/main_visual_bg3.jpg) no-repeat 50% 0; position: relative;}

.wrapper:before,
.wrapper:after { content: ''; display: block; clear: both; position: absolute;  transition: all 0.3s ease;    }

.wrapper:before { width:350px; height: 263px; background: url(../static/mv_img_left.png) no-repeat 0 0px;  left: 12%; top:110px;  }
.wrapper:after { width:425px; height: 347px; background: url(../static/mv_img_right.png) no-repeat 0 0px;  right: 8%; top:82px; }



.header_wrap { background:url(../static/sub_visual_bg.jpg) repeat 0 0; background-attachment: fixed}

.header_box {  width: 1100px; margin: 0 auto; overflow: visible; height: 120px; }
.header_box:after { content: ''; display: block; clear: both;    }
.header_box h1 { float: left;  font-size: 2em;}



.top_search_wrap { float: left; margin: 18px 0 0 54px;}

.gnav_box { float: right; margin: 22px 0 0 0;}
.gnav_box ul li { float: left; position: relative; }

.gnav_box a { display: inline-block;  background: url(../img/background/gnav_line.gif) no-repeat left 11px; margin-left: 10px; padding-left: 10px; line-height: 30px; height: 30px; color: #fff;}
.gnav_box a:hover,
.gnav_box a:hover em { text-decoration: underline;   }
.gnav_box a.first_text { background: none; margin-left:0px; padding-left:0px} 
.gnav_box .my_login {  background: url(../img/background/login_member.png) no-repeat 0 0; display: inline-block;  padding: 0 0 0 38px;} 


.mydata_info { position: relative;  margin-bottom: 10px;}
.mydata_info span  { position: absolute; right: 10px; }
.mydata_info span strong { font-weight: bold; color:#de6308; }

.my_bt_box  {margin-bottom: 20px;  }
.my_bt_box a { background: none; text-align: center; width:77px; border:1px solid #c8c8c8; height: 22px; line-height: 22px; display: inline-block;    margin: 0px 0 0 -1px;    padding-left: 0px;  color: #555;}

.login_popup {
    padding: 20px 14px 14px 14px;
    width: 180px;
    height: 120px;
    background: url(../img/background/login_popup_bg.png) no-repeat 0 0;
    position: absolute;
    left: -52px;
    top: 32px;
    z-index: 9999;
    display:none;
} 

.login_popup .logout_box { text-align: right;   border-top: 1px solid #c2c0c0;    width: 177px;
    margin: 0 0 0 -13px; padding: 6px 0 0 0; }
.login_popup .logout_box a{ display: inline-block; color: #526ac1;  background: url(../img/background/icon_logout.png) no-repeat 46px 6px; padding: 0 30px 0 0; margin: 0; line-height: 22px;height: 22px;  }

.top_search_box {
    position: relative;
    height: 30px;
    width: 450px;
    background: #fff;
    padding: 0 50px 0 8px;
    margin-bottom: 4px;
    border-radius: 4px;
}

.top_search_box .search_bt {
	position: absolute;
	right: -1px;
	top: -2px;
	width: 38px;
	height: 33px;
	background: url(../img/background/m_search_icon.png) no-repeat 11px 9px;
	display: block;
	border: 0px;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 9999;
}

.main_search_int {   outline: none; height: 25px;border: 0px;font-size: 14px;font-weight: bold;width: 99.8%; }
.ms_int_shadow  {box-shadow: 0 2px 32px 0 #2446a5, 0 2px 5px 0 transparent;  transition: box-shadow 250ms ease;  }
 

.top_link a { display: inline-block; background: url(../img/background/top_link_line.png) no-repeat left 4px; margin-left: 10px; padding-left: 10px;  color: #fff; }
.top_link a.first_text { background: none; margin-left:0px; padding-left:0px} 
.top_link a:hover { text-decoration: underline; }


.page_nav { background: #fff; overflow: hidden; border-radius: 6px; }
.page_nav .page_nav_inner {  text-align: right;  }
.page_nav .page_nav_inner a { line-height: 22px; height: 22px;  color: #7b7b7b; }
.page_nav .page_nav_inner .home_text { display: inline-block; background: url(../img/background/icon_home.png) no-repeat 0 12px; padding: 0 0 0 15px }
.page_nav .page_nav_inner .bold_text { font-weight: bold; }


.contents_wrap {   width: 1100px; margin: -30px auto 40px auto; min-height: 600px; background: #fff; border-radius: 6px;  padding: 0 20px;}
.contents_wrap h2 { color: #3f4950; font-weight: bold; font-size: 24px;  margin-bottom: 10px;}


.list_tbl_wrap { margin-top:-32px; }
.list_tbl { border-top:2px solid #4171a9; width:100%; margin-bottom: 10px;}
.list_tbl thead th { border-bottom: 1px solid #b8b8b8; background: #f3f3f3; font-size: 13px; color: #3f4950; padding: 8px 0;}
.list_tbl thead th a{ display: inline-block;    padding: 0 16px 0 0; }
.list_tbl thead th .sort_asc { background: url(../img/background/sort_asc.png) no-repeat right 7px;   }
.list_tbl thead th .sort_desc { background: url(../img/background/sort_desc.png) no-repeat right 7px; }





.list_tbl tbody td { border-bottom: 1px solid #c1c1c1; padding: 7px 0; text-align: center; font-size: 13px; }
.list_tbl tbody td .num_link {  color: #4963c7; text-decoration: underline;  }
.list_tbl tbody .link_text {  text-align: left;  padding: 8px }
.list_tbl tbody .link_text a:hover { text-decoration: underline;  }
.list_tbl tbody .add_star a{ background: url(../../mng/img/background/icon_star.png) no-repeat right 50%; padding: 0px 26px 0px 0;}

/* .view_title  {background: url(../img/background/icon_round_arrow.png) no-repeat 0 6px; padding: 0 0 0 22px; margin-bottom: 30px } */
.view_title {background: url(../img/background/icon_round_arrow.png) no-repeat 0 20px; padding:10px 0 18px 18px; margin-bottom : 15px;}
.view_title .vt_text  {display: inline-block; font-size: 20px;  color: #222;}

.view_sub_title { background:#f3f3f3 url(../img/background/bullet_h4.png) no-repeat 10px 12px; padding: 0 0 0 23px;line-height: 30px;height: 30px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;font-weight: bold; font-size: 14px;margin-bottom: 20px}
.view_inner { margin: 0 0 0 20px;}
.view_map { float: right; width:400px; height: 300px; margin: 40px 0 20px 20px;}
.md_table { margin-bottom: 10px;padding-left: 15px; position: relative; }
.md_table h5{ font-size: 14px; background: url(../img/background/bullet_h5.png) no-repeat 0 8px;margin-bottom: 5px;padding: 0 0 0 18px; }
.md_table p{  font-size: 14px; margin: 0 0 0 18px; line-height: 26px;}
.row_type { position: relative; overflow: hidden; }
.row_type:after { content: ''; display: block; clear: both; }
.row_type h5{ float: left; margin-right: 20px;line-height:26px; font-weight:bold}
.row_type p a{ color: #254ab4; display: inline-block; cursor:pointer;}
.row_type p .gray_c { color: #313131; display: inline-block; }
.row_type p a:hover{ text-decoration: underline;  }
.row_type p .icon_link{ background: url(../img/background/icon_link_view.png) no-repeat right 7px; padding: 0 20px 0 0;   }
.row_type p .icon_zoom{ background: url(../img/background/icon_zoom_view.png) no-repeat right 5px;  padding: 0 22px 0 0;  }




.cc_box { border-bottom: 1px solid #bfbfbf; text-align: right; margin-bottom: 30px;}

.view_bottom_box { }
.view_bottom_box { padding: 0 0 0 22px; }
.view_bottom_box .blue_text {display: inline-block; color: #254ab4; font-size: 14px;  }
.view_bottom_box .gray_bt { height: 22px; line-height: 22px;   }
.view_bottom_box ul li  {color: #254ab4; font-size: 14px; line-height: 22px;   }

/* .list_topinfo { position: relative; }
.list_topinfo .l_map_bt { position: absolute; right:10px; top:0;} */

.list_topinfo { position: relative; line-height: 32px;padding: 0 0 0 32px;border-top: 2px solid #4171a9; border-bottom: 1px solid #b8b8b8;background: #f3f3f3 url(../img/background/icon_round_arrow02.png) no-repeat 14px 12px; height: 34px; }
.list_topinfo strong { color:#3f4950;  }
/* .list_topinfo .navy_bt { float: right; margin: 3px 0 0 0;} */
.list_topinfo .l_map_bt { position: absolute; right:10px; top:0; padding: 4px 0 0 0;}
.list_topinfo .navy_bt {   float: right; }


.list_tbl02 { width:100%;  margin-bottom: 10px;}
.list_tbl02 tbody td {text-align: center; border-bottom: 1px solid #d7d7d7;  padding: 14px;}
.list_tbl02 tbody .link_td { text-align: left;   }
.list_tbl02 tbody .link_td a{display: block; font-size: 15px; color: #24497b;margin-bottom: 8px; }
.list_tbl02 tbody .link_td a:hover{ text-decoration: underline;   }

.td_data { overflow: hidden;  font-size: 14px; margin-bottom: 6px}
.td_data:after {content: ''; display: block; clear: both;   }
.td_data span{display: block; float: left; background:  url(../img/background/bullet_box.gif) no-repeat 3px 9px;color: #777; padding: 0 0 0 10px; }
.td_data em{ display: block; margin: 0 0 0 120px; }




/* main */
.wrapper  {  min-height: 100%;  margin: 0px 0 -76px;  } /* 하단 고정 footer */
.main_header {   background: none;    border-bottom: 0px;    margin-bottom: 0px; } 
.main_wrap {  margin: 36px auto 38px auto;   width:482px;  padding: 0 0 0px 0; }
.main_wrap h1 {text-align: center;  margin-bottom: 40px;}
.main_wrap .top_search_box  { 
	margin: 0 0 20px 0;
    padding: 0px 0 0 10px;
    width: 480px;
    position: relative;
    height: 30px;
    background: #fff;
    border-radius: 4px;
}
.main_header_box {  width: 1100px; margin: 0 auto; overflow: visible; height: 81px; }

.main_bt a {
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
    width: 230px;
    margin-right: 13px;
}
.main_bt a:hover { background: #2792f3;  border:1px solid #2792f3; }


.main_bt a em { display: inline-block; padding: 0 0 0 24px; line-height: 28px; color: #fff; }
.main_bt a .main_icon01 { background:  url(../img/background/icon_main_bt01.png) no-repeat 0 7px;  }
.main_bt a .main_icon02 { background:  url(../img/background/icon_main_bt02.png) no-repeat 0 7px;  }
.main_bt a .main_icon03 { background:  url(../img/background/icon_main_bt03.png) no-repeat 0 7px;  }



/* footer */
.footer {
    border-top: 2px solid #0c385a;
    clear: both;
}
.footer_wrap { border-top:2px solid #0c385a; clear: both; }
.footer_inner { width: 1100px; margin: 0 auto;  overflow: hidden;  padding: 5px 0 0 0; height:54px;}
.footer_inner:after { content: ''; display: block; clear: both;    }
.footer_inner h2 { float: left; margin-top:6px; display: none; }
.footer_inner .address_box  { color: #6a4c4c;  float: left;   font-size: 12px;line-height: 20px; }
.footer_inner .term_bt { float: right;display: block; }

/* .main_footer { position: absolute; bottom:0; width:100%; } */


/* 페이지 스타일  */
.paging_nav { text-align: right;  position: relative; }
.paging_nav span a,
.paging_nav span strong { display: inline-block; width:22px;text-align: center; line-height: 20px; height: 21px; font-size: 12px; }
.paging_nav span a:hover {   text-decoration: underline; }
.paging_nav span strong { border:1px solid #0760b4; color: #fff; background: #0760b4;  }
.paging_nav .page_select {vertical-align: top; display: inline-block;  background: url(../img/background/pagenav_bg.png) no-repeat 0 0;   height: 23px; width:24px; }
.paging_nav .page_select em {display:  none; }
.paging_nav .first_page { width:24px; }
.paging_nav .prev_page { background-position: -24px 0; }
.paging_nav .next_page { background-position: -52px 0; }
.paging_nav .last_page { background-position: -76px 0; }

/*modal_area*/
#modal_area { position: fixed;z-index: 99;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity: .5;filter:alpha(opacity=50); }
.modal_layer {position: absolute; background: #fff;z-index: 9999;   }

/*.popup_box{ border:1px solid #ddd; width:700px; height:550px; }*/
.popup_box{ border:1px solid #ddd; width:1024px; height:650px; }
.registrant_header {background:#0e3a5b url(../img/background/diagonal_line02.png) repeat 0 0; padding: 0px;}
.registrant_header .modal-title  { background: url(../img/background/popup_member.png) no-repeat 14px 12px; color: #fff;display:inline-block; padding: 0 0 0 43px;line-height: 40px; font-size:14px;}
.registrant_header .modal-title button {position:absolute; right: 0px;     top: 3px;}
.popup_inner { padding: 20px; }
.popup_tbl {  width:100%;}
.popup_tbl tbody th {background: #f3f3f3;  border-bottom:1px solid #ddd; text-align: left; padding: 8px;  }
.popup_tbl tbody td {  border-bottom:1px solid #ddd; padding: 8px; }
.popup_tbl tbody td .popup_int {  border:1px solid #ddd; width: 99.8%; height: 21px;  }
.bt_box { text-align: right; }

.h4_title { background: url(../img/background/icon_round_arrow.png) no-repeat 0 8px;font-size: 18px;padding: 0 0 0 18px;color: #3f4950; margin-bottom: 10px; }
.write_tbl { width: 100%;border-top:2px solid #4171a9; }
.write_tbl tbody th {text-align: left;padding: 6px 3px 6px 14px; background:#f3f3f3;font-size: 14px;font-weight: bold;color: #3f4950;   }
.write_tbl tbody td {padding: 6px 0 6px 10px;   }
.write_tbl tbody .tbl_gray_bt {
    color: #333;
    margin-left: 10px;
    height: 30px;
    padding-top: 3px;
}
.write_tbl tbody .add_line  { border-bottom: 1px solid #c8c8c8;}

.calendar_box { float: left;  position: relative; }
.calendar_box .input_type { width: 94px;}
.calendar_box .calendar_bt {position: absolute; right:0;top:0; display: block; width: 23px;height: 23px;background: url(../img/background/calendar_icon.png) no-repeat 50% 50%;text-indent: -9999px;  }
.st_em { display: block; line-height: 23px; float: left; margin: 0 10px;}

.ad_wrap { overflow: hidden; }
.ad_wrap:after {content: ''; display: block; clear: both; }
.search_trem { float: left;width:602px; }
.right_map {float: right; width:430px; } 
.compass_box {float: right; width:430px;background: url(../img/background/compass_box_bg.png) repeat 0 0px;border-top:2px solid #747474; } 

.coverage_title { position: relative; }
.coverage_title .zoom_bt { position: absolute; right:0;top:0; }
.map_view { border:1px solid #a6a6a6; border-top:2px solid #4171a9; /* background: url(../img/common/map_img01.png) no-repeat 0 0px; */ height: 300px;}


.p_map_tool { position: absolute; left:10px; top:10px;}

.tool_shadow_box{  background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(72,72,72,0.7);  float: left; }
.tool_shadow_box:after {clear: both; }
.tool_shadow_box:after,
.tool_shadow_box:before { display: table;content: " "; }

.p_tool_bt_g li { float: left; }
.p_tool_bt_g li a {display: block; height: 44px; width: 44px;  }
.p_tool_bt_g li a:hover  { background-color: #f3f3f3; }
.p_tool_bt_g li .terrain_bt{     background: url(../img/background/terrain_icon.png) no-repeat 50% 50%;  border-radius: 4px 0 0 4px; }
.p_tool_bt_g li.on .terrain_bt{ background:#1e75bf url(../img/background/terrain_on_icon.png) no-repeat 50% 50%;   }
.p_tool_bt_g li .roadmap_bt{     background: url(../img/background/roadmap_icon.png) no-repeat 50% 50%;  border-radius: 4px 0 0 4px; }
.p_tool_bt_g li.on .roadmap_bt{ background:#1e75bf url(../img/background/roadmap_on_icon.png) no-repeat 50% 50%;   }
.p_tool_bt_g li .satellite_bt{   background: url(../img/background/satellite_icon.png) no-repeat 50% 50%;  }
.p_tool_bt_g li.on .satellite_bt{   background:#1e75bf url(../img/background/satellite_on_icon.png) no-repeat 50% 50%;  }
.p_tool_bt_g li .zoom_in_bt{   background: url(../img/background/p_map_zoom_in.png) no-repeat 50% 50%;  }
.p_tool_bt_g li .zoom_out_bt{   background: url(../img/background/p_map_zoom_out.png) no-repeat 50% 50%;  }
.p_tool_bt_g li:last-child a{ border-radius: 0px 4px 4px 0;}
.p_tool_bt_g li .map_search_bt { background: url(../img/background/map_search_icon.png) no-repeat 50% 50%;   }

.p_tool_bt_g li .polygon_bt{     background: url(../img/background/map_polygon_icon.png) no-repeat 50% 50%;  border-radius: 4px 0 0 4px; }
.p_tool_bt_g li.on .polygon_bt{ background:#1e75bf url(../img/background/map_polygon_on_icon.png) no-repeat 50% 50%;   }

.p_fullscreen_box { position: absolute; right:10px; top:10px;  box-shadow: 0 2px 8px rgba(72,72,72,0.7);}
.p_fullscreen_box button { display: block;  background:#fff url(../img/background/p_map_fullscreen.png) no-repeat 50% 50%; width: 44px; height: 44px; border:0px; border-radius: 4px;  }
.p_fullscreen_box button:hover {background-color: #f3f3f3;  }

.tooltip_type { position: relative; }
.tooltip_type em { text-indent: -9999px;  display: block; width: 44px; height: 44px;  }
.tooltip_type:hover em{ position: relative;   }
.tooltip_type:hover em:after{background-color: #000; 
	-webkit-border-radius: 5px; text-align: center;  
	-moz-border-radius: 5px;
	border-radius: 5px;text-indent:0;
	color: #fff !important;
	font-size: 12px;
	content: attr(aria-label);
  margin-bottom: 10px;
  top: 46px;
	left: 50%;    
	position: absolute;
	opacity: 0.6;
	padding: 7px 12px;
	margin: 0 auto; word-break: break-word; white-space: nowrap; 

	z-index: 9999;   margin-left: -35px; width: 70px;  }
	
.top_set_bt:hover em:after{ margin-left: -25px; width: 50px;   }  /*  설정 툴팁 */

.tool_point_box { float: left; margin: 0 0 0 10px; position: relative; }
.tool_point_t { line-height: 44px; display: block; height: 44px; padding: 0 0 0 15px; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(72,72,72,0.7); width: 140px; position: relative; }
.tool_point_t:after { content: ''; display: block; clear: both; width: 10px;height: 4px;  background:url(../img/background/tool_drop_arr.png) no-repeat 0 0; position: absolute; right:10px; top: 20px; }
.tool_point_box ul { display:none; position: absolute;width: 140px;  border-radius: 4px; box-shadow: 0 2px 8px rgba(72,72,72,0.7);  background: #fff; }
.tool_point_box ul li a{ display: block; line-height: 36px;padding: 0 0 0 35px;  background:url(../img/background/tool_point_icon.png) no-repeat 16px 12px;  }
.tool_point_box ul li .tool_line_icon { background:url(../img/background/tool_line_icon.png) no-repeat 10px 8px;  }
.tool_point_box ul li .tool_polygon_icon { background:url(../img/background/tool_polygon_icon.png) no-repeat 10px 9px;  }
.tool_point_box ul li a:hover { background-color: #f9f9f9;  }

.tool_point_box:hover ul { display: block; background: #fff;  }




.zoom_bt_p { text-align: right;margin-top: -32px; }
.zoom_bt_p a{display: inline-block;padding: 0 40px 0 0; line-height: 31px;background: url(../img/background/zoom_icon.png) no-repeat right 0px; }
.zoom_bt_p a:hover{background: url(../img/background/zoom_icon.png) no-repeat right -37px;  }

.compass_int_box {float: left; width: 373px; background: url(../img/background/compass_bg.png) no-repeat 50% 50%;  height: 216px;position: relative;   }
.compass_int_box input { width:100px; position: absolute;   }
.compass_int_box .north_int {top: 24px; left: 136px; }
.compass_int_box .east_int { right:10px;  top: 94px;   }
.compass_int_box .south_int {  bottom:22px; left: 136px;}
.compass_int_box .west_int {  left: 22px; top: 94px;    }


.compass_bt_box { float: right;background: url(../img/background/compass_bt_box_bg.png) repeat-y 0 0px;width:56px; border-bottom: 1px solid #b6b6b6;height: 216px;  }
.compass_bt_box a{display: block;   background: url(../img/background/compass_bt_over.png) no-repeat 0 -37px;}
.compass_bt_box a em { display: block; text-indent: -9999px;width:54px;height:37px; }
.compass_bt_box a:hover {  background: url(../img/background/compass_bt_over.png) no-repeat 0 bottom;}
.compass_bt_box .select_int em{ background: url(../img/background/compass_bt_bg01.png) no-repeat 20px -25px;}
.compass_bt_box .select_int.on { background: url(../img/background/compass_bt_over.png) no-repeat 0 0}
.compass_bt_box .select_int.on em{ background: url(../img/background/compass_bt_bg01.png) no-repeat 19px 12px;}
.compass_bt_box .crop_int em{ background: url(../img/background/compass_bt_bg02.png) no-repeat 22px -27px;}
.compass_bt_box .crop_int.on { background:#fff url(../img/background/compass_bt_over.png) no-repeat 0 0;}
.compass_bt_box .crop_int.on em{ background: url(../img/background/compass_bt_bg02.png) no-repeat 22px 10px;}

.compass_bt_box .clear_bt {text-align: center;background: #f3f3f3;line-height: 38px; width:54px;height:38px;margin: 0 1px;}
.compass_bt_box .clear_bt:hover{background: #fff; color: #222; }

/* 지도 확대 screen zoom */
.wide_box .search_trem{margin: 20px 0 0 0;  }
.wide_box .right_map{ float: none; width:100%; }
.wide_box .right_map .map_view {  height: 479px;  background: url(../img/common/map_img02.png) no-repeat 0 0px;}
.wide_box .zoom_bt_p a {  background: url(../img/background/zoom_icon02.png) no-repeat right 0px;  } 
.wide_box .zoom_bt_p a:hover  {  background: url(../img/background/zoom_icon02.png) no-repeat right -37px;  } 

/* 로그인 */
.login_type {     margin: 80px auto 10px auto; }
.login_wrap { width:455px;height: 300px;padding:94px 127px 0 60px;   background: url(../img/background/login_bg.png) no-repeat 0 0; margin: 50px;}
.login_wrap .int_p { border:1px solid #c6c6c6; padding:5px 10px;  margin-top: -1px;  background: #fff;}
.login_wrap .int_p .input_type {  border:0px;   }
.login_wrap .m_login_bt {margin: 10px 0; display: block;background:#3a5368;height: 32px;line-height: 32px; text-align: center; color: #fff; border:0px; width:100%;}
.login_wrap .login_alert {  background: url(../img/background/round_arrow.png) no-repeat 0 2px;padding: 0 0 0 18px;  }
.login_type h1 { margin-bottom: 20px; }
.pw_int_bg {  background:  url(../img/background/pw_int_bg.png) no-repeat 0 0; }
.terms_search_bt { line-height: 26px;display: inline-block; font-size:12px; padding: 0 16px 0 30px; border:0px;    background: #0760b4 url(../img/background/search_icon.png) no-repeat 12px 7px; color: #fff;}
.terms_search_bt:hover{ background: #2276b3 url(../img/background/search_icon.png) no-repeat 12px 7px; }


.tbl_top { overflow: hidden;  background: #f3f3f3;border-top: 1px solid #ddd; padding: 10px; }
.tbl_top:after {content: ''; display: block;  clear: both; }
.in_select { font-size: 14px; width: 99.8%; background: #fff; border: none;  height: 22px;   }
.tbl_right_box { float: right; }
.tbl_right_box .int_search {width:150px; }


.tbl_left_box { float: left;  }
.tbl_left_box strong { color: #ff9900; }
.tbl_left_box .list_num  {display: inline-block;  background: url(../img/background/em_line.gif) no-repeat left 50%; margin-left: 10px; padding-left: 10px; }
.tbl_left_box .result_text  {display: inline-block;  background: url(../img/background/num_arrow.png) no-repeat 0 4px; padding: 0 0 0 17px; }




.page_number { height: 22px;padding: 0 0 0 24px; display: inline-block; border:1px solid #c2c2c2;background: url(../img/background/tbl_list_icon.png) no-repeat 5px 50%; }
.page_number em {display: inline-block; border-left: 1px solid #c2c2c2;height: 22px;  padding: 0 6px;  }
.int_span { display: inline-block;border:1px solid #c2c2c2; height: 22px;  padding: 0 4px;background: #fff; }
.int_search { display: inline-block; position: relative; padding: 0 30px 0 3px;border:1px solid #c2c2c2; height: 22px;background: #fff   }
.int_search .in_int  {border:none; height: 22px; width: 99.8%;  }
.int_search .serach_bt {display: block; position: absolute; right:0;top:0; width:22px; height: 22px;background: url(../img/background/tbl_search_icon.png) no-repeat 50% 3px;  text-indent: -9999px;  }

.tbl_left_box .int_span {width:60px; } 
.tbl_left_box .int_search {width:150px; } 

.textarea_type {
    width: 99.8%;
    border: 1px solid #cacaca;
    border-radius: 5px;
    webkit-border-radius: 5px;
    font-size: 12px;
}

.bt_box { text-align: right;  position: relative }
.bt_box .left_bt {position: absolute; left:0;top:0;   }

.btn-primary {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #0d8aee;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 2px;
    user-select: none;
    transition: all;
    transition-duration: 300ms;
    border: 0;
    text-transform: uppercase;
}

.bgm-gray {
    background-color: #9e9e9e !important;
}

.btn[class*="bgm-"] {
    color: #fff;
}

.h3_title {
    font-size: 14px;
    font-weight: normal;
    color: #7b4d4d;
    background: url(../../mng/img/background/h3_arrow.png) no-repeat 0 3px;
    padding: 0 0 0 16px;
    margin-bottom: 10px;
}



.view_title p { font-size: 15px; color: #777;}
.view_top_btbox { text-align: right;  border-bottom: 1px solid #ddd; background: #fff; padding: 4px; margin-bottom: 10px;}



.modal_bt_box  { text-align:right; padding:10px 0 0 0;}


/* 0614 */

.main_list_wrap {/*  border-top: 1px solid #e7e7e7; */  overflow: hidden; /* padding-bottom: 76px; */ }
.main_list_inner {
	margin: 0 auto; /* border:1px solid #e1e1e1; */
	background: #fff;
	width: 1200px;
	padding: 25px 30px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
}

.main_list_inner h3 {background: url(../img/background/title_line_bg.png) repeat-x 0 bottom; margin-bottom: 10px;}
.main_list_inner h3 span { display: block;  position: relative;   font-size: 14px;font-weight: bold; color: #292b6d; padding: 0 0 12px 19px;  background: url(../img/background/ml_icon.png) no-repeat 0 3px;    line-height: 20px;  }
.main_list_inner h3 span:after {  display: block;  content: ''; display: block; width:30px; height: 1px; background: #0b314f; position: absolute; left: 0;bottom:0;  }
.ml_more {text-indent: -9999px; overflow: hidden;  position: absolute; right:0px; top:0px; width:20px; height: 20px;  border:1px solid #aaa; background: url(../img/background/ml_plus.png) no-repeat 50% 50%;    display: block; }
.ml_more:hover  { border:1px solid #777; background: #f9f9f9 url(../img/background/ml_plus.png) no-repeat 50% 50%;  }

.ml_box { background:  url(../img/background/ml_dotted.png) repeat-x 0 bottom;   position: relative;  padding: 0 0 12px 0; margin-bottom: 10px; }
.ml_box div { display: inline-block; }
.ml_box .ml_title { padding: 0 20px 0 0;}
.ml_box .ml_title a{ display: block;  color: #292b6d; font-size: 14px;  margin-bottom: 5px;     text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width:auto;
    max-width: 220px;
}
.ml_box .ml_title a:hover{  text-decoration: underline; }
.ml_box .ml_country {
    float: right;
    display: inline-block;
    margin: 0 180px 0 0;
    min-width: 110px;
    width: auto;
}

.ml_country .list-country{
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
.ml_box .ml_text span { display: inline-block; vertical-align: top;  font-size: 12px;   color: #555;    }

.dt_r { display: inline-block;  text-overflow: ellipsis;white-space: nowrap; word-wrap: normal; overflow: hidden;  width: 70px; }

.ml_box .ml_text {  position: absolute; right:0;top:2px;padding: 0 0 0 7px;     background: url(../img/background/ml_bullet.png) no-repeat 0 50%;    }

.ml_box .ml_text .ml_line  { padding: 0 0 0 7px; background: url(../img/background/ml_col_line.png) no-repeat  0 50%; margin-left: 6px; }
.ml_box .ml_text .ml_line em { color: #111; display: inline-block;  vertical-align: top; }
.ml_writer {
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.ml_date {  padding: 0 0 0 10px; background: url(../img/background/ml_bullet.png) no-repeat 0 50%; display: inline-block;  }

.ml_last_box { margin-bottom: 0; background: none; padding-bottom: 0px; }







.submit_info_box { border:1px solid #e2e2e2;  background:#f7f7f7; padding-bottom: 30px;border-top:1px solid #0f385a;   }

/*
		
.mc_box { background: #fff;  border-radius: 2px;box-shadow: 0 2px 5px 0 #d8d8d8, 0 2px 5px 0 transparent;   transition: box-shadow 250ms ease;  }
.mc_box:hover  {  box-shadow: 0 2px 12px 0 #c4c4c4, 0 2px 5px 0 transparent;  }
*/




.submit_info_box p{  font-size: 16px; text-align: center; margin-bottom: 30px;   padding: 80px 0 26px 0; line-height: 24px;   }
.submit_info_box .s_mail_icon { background:#fff url(../img/background/info_mail_icon.png) no-repeat 50% 26px;    }
.submit_info_box .s_check_icon { background:#fff url(../img/background/info_check_icon.png) no-repeat 50% 26px;    }


.info_t_box  { margin-bottom: 30px;  padding: 0 30px; }
.info_t_box  ul li { padding: 0 0 0 10px; background: url(../img/background/info_bullet.png ) no-repeat 0 8px;  margin-bottom: 6px;  }
.info_t_box  ul li:last-child  { margin-bottom: 0;  }


.search_check_box {padding:10px;}

            	
            	
            	
.arrow_line_bt { display: inline-block; text-align: center; background:#fff url(../img/background/bt_arrow01.png) no-repeat right 50%;      height: 32px;line-height: 32px; width:260px; border:1px solid #c6c6c6; }
.arrow_line_bt:hover { border:1px solid #888;}

.box_list { margin-bottom: 20px; }
.box_list ul li {  padding: 0 0 0 10px; background: url(../img/background/info_bullet.png ) no-repeat 0 8px;   margin-bottom: 5px; }
.box_list ul li:last-child { margin-bottom: 0} 

.al_right { text-align: right; }


.sm_box_bt { background: url(../img/background/sm_bt_arrow.png ) no-repeat right 8px; padding: 2px 10px 0 0;color: #555; font-weight: bold; display: inline-block; font-weight: normal;}  



.view_data_box { border-top:1px dashed #e3e3e3; padding: 12px 0 0 0;  margin-top: 14px;  overflow: hidden; }
.view_data_box {  content: ''; display: block; clear: both; }



.score_text { float: left;  font-size: 13px; color: #777; font-weight: bold;  margin-right: 8px;}
.score_data { float: left;  margin-right: 40px;}
.score_num { font-weight: bold; display: inline-block; font-size: 18px; color: #111; margin-top:-3px; width: 30px;}
.vd_left {  float: left; }
.vd_right {  float: right;}
.vd_right span { display: inline-block;   color: #777;  margin: 0 5px 0 20px; vertical-align: middle; }
.vd_right em { display: inline-block;  font-size: 15px; font-weight: bold; color: #222;vertical-align: middle; }

.cc_img_box { float: right; width:110px; height: 38px; margin: 0 0 20px 20px; }


.data_link_icon {  display: inline-block; padding: 0 18px 0 0;  background: url(../img/background/data_link_icon.png ) no-repeat right 2px; color: #254ab4}
.data_link_icon:hover  {  text-decoration: underline; }

.vt_shape {padding: 3px 6px; color: rgba(255, 255, 255, 0.901961); background-color: #607D8B; font-size: 12px; vertical-align: top; line-height: 29px; border-radius: 4px; font-weight: bold;}

/* 18.08.27 add */
.top_help_box { border:1px solid #e3e3e3;     padding: 10px 20px 10px 20px; position: relative;  margin-bottom: 20px;}
.top_help_box:after  {content: ''; display: block; clear: both; position: absolute; top:-1px; left:18px; height: 3px; background: #4171a9; width:26px;  }
.top_help_box ul li { padding: 0 0 0 11px;background: url(../img/background/help_arrow.png) no-repeat 0 8px;   line-height: 20px;}


.l_map_bt span {  background: url(../img/background/gnav_line.gif) no-repeat right 9px;  float: left;  margin: 0px 10px 0 0; padding: 0 10px 0 0;}  
.l_map_bt span button { display:block; float: left; background: #fff;border:1px solid #3671b5; color: #222; padding: 0 10px;height: 24px; line-height: 22px;   margin-right: 4px;}
.l_map_bt span button:hover {  border:1px solid #000; color: #2e67c5;} 
.l_map_bt span button:last-child  {    margin-right: 0px;} 
.sub_search_int {   outline: none; height: 25px;border: 0px;font-size: 14px;font-weight: bold;width: 99.8%; }


.footer_logo {
    display: block;
/*	width: 180px;*/
	height: 44px;
	float: right;
	#background: url(../../static/footer_logo.png) no-repeat 0 0;
	#text-indent: -9999px;
	#overflow: hidden;
}

/* 0925 */
.main_chart_area {   position: relative; float: right; width: 45% ; min-height: 340px}
.main_chart_area .r_view_bt { position: absolute; right:0; top:0;   }
.main_chart_area .chart_area {min-height:540px;}
.ml_left_box { float: left;  width: 45%; position: relative;    }



.main_list_inner .main_chart_area h3 span  {  background: url(../img/background/m_chart_icon.png) no-repeat 0 4px;  }
.country_name {
    background: url(../img/background/ml_col_line.png) no-repeat 0 64%;
    margin-left: 6px;
    padding-left: 5px;
}
.list-country {width:20px; border: 1px solid; margin-left: 5px; margin-top: -2px;}

.add_file_area {  position: relative; padding: 0 100px 0 0; min-height: 20px;}
.add_file_area .addfile_bt_box { position: absolute;right:0;top:0;}

.ccop_link {text-align: center; margin-bottom: 10px; background: url(../img/background/ccop_logo_line.png) no-repeat 50% bottom; padding-bottom: 12px;   }
.ccop_link a { display: block;  }

.sub_ccop_link img { width:50px; }


.ml_box .ml_text .ml_line em {width:60px;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;overflow: hidden;}


@media all and (max-width :1500px)  {
.wrapper:before {   left:5%; width:283px; height: 213px; background-size: 100% auto; top:135px;}
.wrapper:after {  right:3%;  width:344px; height: 281px; background-size: 100% auto; top: 110px; }
.wrapper { min-width: 1200px; }
.main_list_inner { width:1140px; }

}

.submit_nav ul li a {padding: 0 0 0 30px}


/* 2020.06.22 추가 - 에러페이지 CSS*/
.error_wrap { position:relative; width: 261px; height: 196px; padding: 94px 60px 0 60px; background: url(../img/background/error_box_bg.png) no-repeat 0 0; margin: 0 auto;}
.error_msg {text-align: center; font-size: 20px; }
.error_wrap .info_t_box  { padding: 0; margin: 0; }
.error_go_home { position: absolute; bottom: 20px; right: 40px; }


.modal-select {
  cursor: pointer;
  padding: 6px 8px;
  border: 1px solid #ccc;
  background-color: aliceblue;
  border-radius: 4px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

span.code-code {
  width: 10%;
  padding: 3px 6px;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

#map_title { font-size: 15px; padding: 10px; }
.modal { z-index: 99999; }

.hidden { display: none;}
.code-note {
	color: #D87D2C;
}

.disable_btn{
	color: #c8c8c8;
}

.modal-content .close {
	color : #000;
}
 
.gm-ui-hover-effect {display: none;}


.view-left{
	float: left;
}
.view-right{
	float: right;
    height: 50px;
}
.qrcode{
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
}
.qrcode img {
    width: 20px;
    margin: 10px 3px;
}

.view_meta_container_title {
    background: #f3f3f3 url(../img/background/bullet_h4.png) no-repeat 10px 12px;
    padding: 0 0 0 23px;
    line-height: 30px;
    height: 30px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
}

.view_meta_container_sub_title {
    background: #e1e1e1 /*url(../img/background/bullet_h4.png) no-repeat 10px 12px*/;
    padding: 0 0 0 30px;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}


.search_wrap {
    overflow-x: auto;
}


.list_topinfo{
    border: unset;
    padding: 0 0 0 20px;
    background: url(../img/background/icon_round_arrow02.png) no-repeat 0px 11px;
}

.write_tbl {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-top: 2px solid #3e6b8b;
}

.write_tbl tbody tr{
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 1;
}
.write_tbl tbody tr.fade-out {
    opacity: 0;
    transform: translateY(10px);
}

.write_tbl th, td {
    padding: 5px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.write_tbl th {
    background: #f3f3f3;
    border-bottom: 1px solid #cdcdcd;
    font-weight: bold;
}

.write_tbl tr:nth-child(even) {
    background-color: #f9f9f9;
}

.write_tbl tr:hover {
    background-color: #f1f1f1;
}

.write_tbl .init-inner-td{
    text-align: center;
    font-weight: bold;
    height: 100px;
}
.filter{
    width: 97%;
    padding: 2px;
    line-height: 21px !important;
}
.filter::placeholder{
    color: #999;
    font-style: italic;
}

.filter:focus{
    border: 1px solid #808080
}

.data-sort{
    cursor: pointer;
}

.page_link{
    cursor: pointer;
}