@charset "utf-8";
@import url(default.css);

.loading_bg, .loading_bg2, .loading_bg3 {position: absolute; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 3000;}
.loading_bg div, .loading_bg2 div, .loading_bg3 div {width:140px; height:140px; border-radius:10px; background-color:rgb(0, 0, 0);}
.loading_bg div span, .loading_bg2 div span, .loading_bg3 div span {width:100px; height:100px; background:url(../images/loading.gif) no-repeat;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mapContainer {position: relative; width: 100%; height: 100%;}  /* JHJ-250227 */
.map {width: 100%; height: 100%;}  /* JHJ-250227 */
/* -------------------------------------------------------------------------------------------------------- 1. header ---------------------------------------------------------------------------------------------------------
h_language2 nation2 >> shadow(top)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header {position:relative; width:100%; height:33px; background-color:#fff; box-shadow:0 0 4px 2px rgba(0,0,0,0.33); z-index:1000;}  /* JHJ-250227 */
/* 유틸 */
.h_util {float:left; padding:8px 0 0 13px;}
.h_util li a {display:block; float:left; font-size:14px; color:#575757;}
.h_util li.logo a {padding: 1px 0 0 80px; font-weight: 600;}
.h_util li.company a {padding:5px 0 0 10px; background:url(../images/ico/company.png) no-repeat;}
.h_util li.add a {padding:5px 0 0 8px; background:url(../images/ico/add.png) no-repeat;}
.h_util li.service a {padding:5px 0 0 11px; background:url(../images/ico/service.png) no-repeat;}
.h_util li.app a {padding:4px 0 0 10px; background:url(../images/ico/app.png) no-repeat; font-size:12px !important;}
.h_util li.pipe {float:left; width:1px; height:11px; margin:6px 10px 0; background-color:#ababab;}
/* 지도 */
.h_map {float:left; padding:9px 12px 0 0; font-size:12px;}
.h_map li a.off, .h_map li a.on, .h_map li.dot {display:block; float:left; color:#575757}
.h_map li a.on {color:#048a46; font-weight: 600;}
.h_map li.dot {width:16px; height:12px; background:url(../images/ico/dot_map.png) 0 7px no-repeat;}
/* -------------------------------------------------------------------------------------------------------- 2. search ---------------------------------------------------------------------------------------------------------
m_search W >> l(12px)
s_section W >> r(13px) + l(12px)
s_section H >> t(88px) + b(29px)
s_section top >> result_word 의 padding-top:9px 로 처리(section height 중복 완화)
s_section left >> l(12px) 로 안에 들어가는 콘텐츠 padding-left:1px; 로 처리
result_num h2 >> class="s_section" 삭제로 인해 line-height:14px; 추가
l_size H >> t(82px) + b(40px)
l_size2 H >> t(50px) + b(40px)
btn_option H >> 마우스 오버로 인해 t(3px) + b(3px)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 검색 */
.m_search {position:absolute; top:10px; left:10px; width:281px; height:40px; padding-left:12px; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */   /* JHJ-250227 */
.m_search input[type="text"] {width:206px; padding:11px 0; border:none !important; font-size:15px; color:#171717;}  /* JHJ-250227 */
.m_search button.btn_search {position:absolute; top:0; right:0; width:40px; height:40px; border:none !important; background:url(../images/ico/search_search.png) no-repeat; cursor:pointer;}
.m_search button.btn_reset {position:absolute; top:0; right:40px; width:34px; height:40px; border:none !important; background-color:#fff !important; background:url(../images/ico/reset_search.png) no-repeat; cursor:pointer;}
/* 검색 - input placeholder 색상 */
.m_search input::-webkit-input-placeholder {font-family:'Pretendard', sans-serif; sans-serif; font-weight:600; color:rgba(0,0,0,0.27);} /* 크롬, 사파리 */
.m_search input::-moz-placeholder {font-weight:600; color:rgba(0,0,0,0.50);} /* 파이어폭스 */
.m_search input:-moz-placeholder {font-weight:600; color:rgba(0,0,0,0.50);} /* 파이어폭스 */
.m_search input:-ms-input-placeholder {font-weight:600; color:rgba(0,0,0,0.27);} /* ie */

/* 등산로 특화서비스 _ 20250221_KMK_검색결과 추가 */
.mt_section h2 {margin: 15px 0 10px 5px; font-size: 20px;}
.mt_section h2 span.mt_tit {padding: 10px 15px 0 28px; background: url(../images/ico/mt_tit.png) 0 100% no-repeat;}
.mt_section h3 span {
  padding: 0 17px 2px 22px;
  background-color: #fff !important;
  background: url(../images/ico/bul.png) 0 50% no-repeat;
  font-weight: 700;
  font-size: 15px;
  color: #333;
  letter-spacing: -1px;
}
.maside_close a {
  position: absolute;
  top: 19px;
  right: 0;
  width: 22px;
  height: 44px;
  border: 1px solid #8fc74c;
  border-right: none !important;
  border-radius: 5px 0 0 5px;
  background-color: #8fc74c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.43);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.maside_close a span {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
}
.category {
  padding: 5px 0px 0 3px;
}
.category li {
  float: left;
  height: 37px;
  margin: 4px 4px 0 0;
}
.category li span a {
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  padding-bottom: 1px;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  font-size: 13px;
  color: #333;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cw_size {
  width: calc(50% - 4px);
}

.category li.off span a:hover {  /* JHJ-250227 */
  border: 1px solid #409e4e;
  font-weight: 600;
  color: #409e4e;
}

.category li.on span a {  /* JHJ-250227 */
  background-color: #409e4e !important;
  font-weight: 600;
  color: #fff;
}
.category li.hold span a {  /* JHJ-250227 */
  background-color: #f8f8f8;
  font-weight: 600;
  color: #a2a2a2;
}

.mt_section .blank:first-child {
  padding-top: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mt_section .blank:first-child {
    padding-top: 1px;
  }
} /* 크롬 핵 */
.mt_section .blank {padding-top: 10px; position: relative;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mt_section .blank {
    padding-top: 10px;
  }
} /* 크롬 핵 */
.mt_section .blank:nth-last-child(1n) {
  padding-bottom: 10px;
}

.mt_section select {
  margin-top: 10px;
  padding: 3px;
  height: 35px;
  border-radius: 2px;
  font-size: 13px;
  border: 1px solid #c3c3c3;
}

/* 좌측상세 */
.mt_search_view {
  position: absolute;
  top: 58px;
  left: 355px;
  padding: 0;
  z-index: 1000;
  height: calc(100% - 87px);
}
.mt_view {
  width: 520px;
  padding: 0;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.33);
  height: 100%;
  float: left;
}
.mt_view .title {
  padding: 10px 8px 11px 12px;
  background-color: #f4f5f7;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mt_view .title {
      padding:10px 8px 11px 12px;
      background-color: #fff;
      font-family: 'Pretendard', sans-serif; sans-serif;
      font-size: 18px;
      border-bottom: 1px solid #d4d4d4;
      color: #16293f;
      line-height: 22px;
  }
}
.mt_view .title span.pointtext {
  padding: 3px 4px;
  font-size: 13px;
  font-weight: 500;
  background-color:#008239;
  border-radius: 3px;
  color: #fff;
}

.mt_view .title span.view_close a {
  float: right;
  display: block;
  width: 19px;
  height: 19px;
  background: url(../images/ico/close_tooltip.png) no-repeat;
}

.mt_view .info {
  padding: 0 10px 10px;
  height: calc(100% - 172px);
}

.mt_view .info table {
  width: 100%;
  margin-top: 7px;
}

.mt_view .info table td {
  height: 16px;
  padding: 10px 5px 8px;
  font-size: 12px;
  line-height: 20px;
}

.mt_view .info table td.txt {
  position: relative;
  width: 110px;
  color: #575757;
  font-weight: 600;
  background-color: #f6f7f7;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.mt_view .info table td.txt2 {
  color: #575757;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.mt_view .title {background-color: transparent;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.view .title {background-color: transparent;}} /* 크롬 핵 */

.mt_view {width: 500px;  word-break: break-word;}
.mt_view .view_title_txt {margin-top:10px; font-size: 14px; font-weight: 600; color: #333;}
.mt_view .view_title_txt span {background: url(../images/ico/ar_dot.png) 0 50% no-repeat; padding-left: 18px;}
.mt_view .title span.txt {color: #575757; font-size: 12px;}
.mt_view .info {padding: 0 10px 10px; height: calc(100% - 100px);}

.mt_view .info table td.txt3 {
	position: relative;
	width: 19%;
	color: #575757;
	background-color: #f4f5f7;
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
}
.mt_view .info table td.txt3 span {position:absolute; bottom:0; left:0; width:110px; height:35px;}

.mt_view .info table td.txt4 {
	width: 31%;
	color:#575757;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
}
.mt_view .info table td.txt4 span {background-color:#497baf; color:#fff;font-size:12px;}

.mt_view .info ul.con {margin-top: 7px;}
.mt_view .info ul.con li{display: block;}
.mt_view .info ul.con li.p8 {
	padding: 8px;
}

.mt_view .info .acenter{height: 100%;display: flex;align-items: center;}
.view .info .acenter span.txt{color: #16293f; font-size: 13px; font-weight: 800; word-break: break-all;}

/* 결과 */
.mt_section, .mt_section2 {position:absolute; top:58px; left:10px; width:313px; padding:0 13px 0 12px; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */  /* JHJ-250227 */
.mt_section {height:calc(100% - 87px);}
/* 문구 */
.mt_section .result_word, .mt_section2 .result_word {padding:9px 0 4px; font-size:13px; color:#676767; line-height:19px;} /* ex */
.mt_section2 .result_word {padding-right:28px;}
.mt_section .result_word span, .mt_section2 .result_word span {color:#409e4e;}
/* 탭 */
.mt_section ul.tab, .mt_section2 ul.tab {padding-left:1px; margin-bottom:10px;} /* ex */
.mt_section ul.tab li, .mt_section2 ul.tab li {float:left; position:relative; width:102px; height:40px; font-size:14px;}
.mt_section ul.tab li.off a, .mt_section ul.tab li.on a, .mt_section2 ul.tab li.off a, .mt_section2 ul.tab li.on a {display:block; position:absolute; top:0; width:100%; padding:11px 0 13px; text-align:center; z-index:1000;}
.mt_section ul.tab li.off a, .mt_section2 ul.tab li.off a {color:#b1b1b1;}
.mt_section ul.tab li.on a, .mt_section2 ul.tab li.on a {color:#409e4e;}
.mt_section ul.tab li.off .tab_line, .mt_section ul.tab li.on .tab_line, .mt_section2 ul.tab li.off .tab_line, .mt_section2 ul.tab li.on .tab_line {position:absolute; bottom:0; width:101px; height:11px;}
.mt_section ul.tab li.off .tab_line, .mt_section2 ul.tab li.off .tab_line {border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.mt_section ul.tab li.on .tab_line, .mt_section2 ul.tab li.on .tab_line {border-right:1px solid #409e4e; border-bottom:1px solid #409e4e;}
.mt_section ul.tab li.blank, .mt_section2 ul.tab li.blank {margin:0 3px;}
.mt_section .btn_close a, .mt_section2 .btn_close a {display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/ico/close_tab.png) no-repeat;}
/* 건수 */
.result_num {position:relative; margin-bottom:10px;}  /* JHJ-250304 */
.result_num .num_line {position:absolute; top:7px; width:100%; border-top:1px solid #dedede;}
.result_num h2 {position:relative; font-weight:normal !important; font-size:12px; line-height:14px;} /* ex */
.result_num h2 span.num {float:left; padding:0 4px; background-color:#fff !important; color:#474747;}
.result_num h2 span.num span {color:#409e4e;}
.result_num h2 span.more a {float:right; padding:0 9px 0 4px; background-color:#fff !important; background:url(../images/ico/arrow_more.png) 42px 3px no-repeat; color:#474747;}
/* 장소주소 리스트 */
.pa_list {left:0; width:100%;}
.pa_list .list {position:relative; margin-top:3px; padding:10px 13px;}
.pa_list .list:hover, .pa_list .on {position:relative; left:0; background-color:rgba(64,158,78,0.10); cursor:pointer;}
.pa_list .list .pin {float:left; padding-right:7px;}
.pa_list .list dl {float:left; width:244px;}
.pa_list .list dt {padding-bottom:8px; font-size:14px; font-weight: 600; color:#333; line-height:18px;}
.pa_list .list dd.txt {padding:0 0 4px 10px; border-left:1px solid #dedede; font-size:13px; color:#272727; line-height:17px;}
.pa_list .list dd.txt2 {padding:0 0 1px 10px; border-left:1px solid #dedede; font-size:12px; color:#777; line-height:16px;}
.pa_list .list dd.blank {padding-top:3px; border-left:1px solid #dedede;}
.pa_list .list dd.plus a, .pa_list .list dd.minus a {display:block; width:19px; height:19px;}
.pa_list .list dd.plus a {background:url(../images/ico/plus.png) no-repeat;}
.pa_list .list dd.minus a {background:url(../images/ico/minus.png) no-repeat;}
.pa_list .list dd.plus2 a, .pa_list .list dd.minus2 a {display:block; width:19px; height:19px; margin-top:7px;}
.pa_list .list dd.plus2 a {background:url(../images/ico/plus2.png) no-repeat;}
.pa_list .list dd.minus2 a {background:url(../images/ico/minus2.png) no-repeat;}
.pa_list .list .slist {float:left; padding:13px 0 0 34px;}
.pa_list .list .slist .blank {padding-bottom:7px;}
.pa_list .list .slist .pin {float:left; padding-right:7px;}
.pa_list .list .slist dl {float:left; width:210px;}
.pa_list .list .slist dl > dt {padding-bottom:4px; font-size:13px; color:#272727; line-height:17px;}
.pa_list .list .slist dl > dt:hover {text-decoration:underline;}
.pa_list .list .slist dl > dd {padding-bottom:4px; font-size:12px; color:#777; line-height:16px;}
.pa_list .list_no {margin:18px 13px 0; padding-top:26px; font-size:13px; color:#379445; text-align:center;}
/* 건물내 검색 */
.pa_list .l_search, .pa_list .l_search2 {padding:13px 0 0 13px;}
.pa_list .l_search input[type="text"], .pa_list .l_search2 input[type="text"] {float:left; padding:5px 7px 6px; border:1px solid #dedede; border-radius:2px; background-color:#f7f7f7; font-size:12px; color:#171717;}
.pa_list .l_search input[type="text"] {width:257px;}
.pa_list .l_search2 input[type="text"] {width:192px;}
.pa_list .l_search button[type="button"], .pa_list .l_search2 button[type="button"] {float:left; width:38px; height:27px; margin-left:1px; padding-bottom:1px; border:1px solid #409e4e; border-radius:2px; background-color:#409e4e; font-size:12px; color:#fff; text-align:center; cursor:pointer;}
.pa_list .l_search2 legend {display:none !important; overflow:hidden;}
.pa_list .l_search2 .select-script {float:left; margin-right:1px;}
.pa_list .l_search2 .select-script {position:relative; width:62px; height:25px; border:1px solid #dedede; border-radius:2px; background-color:#f7f7f7; font-size:12px; color:#171717;}
.pa_list .l_search2 .select-script label {position:absolute; top:0; left:0; width:59px; height:20px; padding:5px 0 0 3px;}
.pa_list .l_search2 .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:7px; font-size:10px; color:#d4d4d4; text-align:center;}
.pa_list .l_search2 .select-script select {width:100%; opacity:0;}
/* 발착지 */
.btn_option {position:absolute; top:7px; right:13px; width:34px; height:25px; background:url(../images/btn/option.png) no-repeat; font-size:0 !important; cursor:pointer;} /* ex */
.btn_option:hover .over {position:fixed; padding-left:41px; z-index:20000 !important;}
.btn_option:hover .over .o_arrow {position:absolute; top:6px; left:35px; width:6px; height:13px; background:url(../images/ico/arrow_option.png) no-repeat;}
.btn_option:hover .over ul {float:left; padding:3px 2px; border-radius:2px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33);} /* ex */
.btn_option:hover .over li a {display:block; float:left; margin:0 1px; padding:1px 5px 2px; border:1px solid #379445; border-radius:2px; font-size:12px; color:#379445; text-align:center;}
.btn_option .over li a:hover {background-color:#379445; color:#fff;}
/* 발착지 아이콘 */
.ico_start, .ico_via, .ico_arrival {position:absolute; top:10px; right:13px;  border-radius:2px; font-size:12px; color:#fff; text-align:center; cursor:default !important;} /* ex */
.ico_start span, .ico_via span, .ico_arrival span {display:block; padding:1px 5px 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.ico_start span, .ico_via span, .ico_arrival span {display:block; padding:1px 5px 2px;}} /* 크롬 핵 */
.ico_start {border:1px solid #da5a2d; background-color:#f86633;}
.ico_via {border:1px solid #779439; background-color:#94b847;}
.ico_arrival {border:1px solid #5957a7; background-color:#6b69ca;}
/* 리스트 사이즈 */
.l_size {height:calc(100% - 345px);} /* ex */  /* JHJ-250227 */
.l_size2 {height:calc(100% - 49px);} /* ex */  /* JHJ-250305 */
.l_size3 {height:calc(100% - 175px);} /* ex */  /* JHJ-250305 */
/* 닫기 사이즈 */
.c_size {padding-bottom:6px;}
.c_size2 {height:71px; border-bottom:1px solid #fff;}
/* --------------------------------------------------------------------------------------------------------- 3. route ---------------------------------------------------------------------------------------------------------
m_route2 H >> border-bottom:1px 로 인해 b(12px)
m_route2 input width >> r(24px)
m_route2 ico_chang W >> r(5px) + l(5px)
r_size H >> t(43px) + b(29px) + padding-bottom(13px)
r_size2 H >> 72px - margin-bottom(15px) + 2px
r_size H >> t(55px) + b(40px) - padding-bottom(13px)
m_route2 r_result W >> r(13px) + l(13px)
m_route2 path H >> border-bottom:1px 로 인해 b(16px)
m_route2 info W >> l(17px) + time(3px)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 길찾기 */
.m_route a {position:absolute; top:10px; left:308px; width:40px; height:40px; border-radius:3px; background-color:#fff !important; background:url(../images/ico/route.png) no-repeat; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
/* 길찾기2 */
.m_route2 {position:absolute; top:10px; left:10px; width:338px; padding-bottom:12px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */
/* 탭 */
.m_route2 ul.tab {margin-bottom:15px;} /* ex */
.m_route2 ul.tab li {float:left; position:relative; width:97px; height:40px; font-size:14px;}
.m_route2 ul.tab li.off a, .m_route2 ul.tab li.on a {display:block; position:absolute; top:0; width:100%; padding:11px 0 13px; text-align:center; z-index:1000;}
.m_route2 ul.tab li.off a {color:#b1b1b1;}
.m_route2 ul.tab li.on a {color:#409e4e;}
.m_route2 ul.tab li.off .tab_line, .m_route2 ul.tab li.on .tab_line {position:absolute; bottom:0; width:96px; height:11px;}
.m_route2 ul.tab li.off .tab_line {border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.m_route2 ul.tab li.on .tab_line {border-right:1px solid #409e4e; border-bottom:1px solid #409e4e;}
.m_route2 ul.tab li.blank {margin:0 3px;}
.m_route2 .btn_close a {display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/ico/close_tab.png) no-repeat;}
/* 탭2 */
.m_route2 ul.stab {margin:24px 13px 21px; border-bottom:1px solid #0a9346;}
.m_route2 ul.stab li {float:left; position:relative; width:70px; height:26px; font-size:14px;}
.m_route2 ul.stab li.off a, .m_route2 ul.stab li.on a {display:block; position:absolute; top:0; left:1px; width:68px; padding:5px 0; text-align:center; z-index:1000;}
.m_route2 ul.stab li.off a {color:#b1b1b1;}
.m_route2 ul.stab li.on a {border-bottom:1px solid #fff; color:#0a9346;}
.m_route2 ul.stab li.off .stab_line, .m_route2 ul.stab li.on .stab_line {position:absolute; bottom:0; width:68px; height:26px; border-bottom:none !important;}
.m_route2 ul.stab li.off .stab_line {border:1px solid #c4c4c4;}
.m_route2 ul.stab li.on .stab_line {border:1px solid #0a9346;}
.m_route2 ul.stab li.blank {margin:0 3px;}
/* 검색 */
.m_route2 .r_search {position:relative; padding-left:13px;}
.m_route2 .r_search form {display:block; margin-bottom:7px;}
.m_route2 .r_search input[type="text"], .m_route2 .r_search input[type="text"]:focus {width:260px; padding:6px 24px 7px 0; border:none; font-size:13px; color:#171717;} /* ex */
.m_route2 .r_search input[type="text"] {border-bottom:1px solid #dedede !important;}
.m_route2 .r_search input[type="text"]:focus {border-bottom:1px solid #409e4e !important;}
/* 검색 - input placeholder 색상 */
.m_route2 .r_search input::-webkit-input-placeholder {color:rgba(0,0,0,0.57);} /* 크롬, 사파리 */
.m_route2 .r_search input::-moz-placeholder {color:rgba(0,0,0,1.0);} /* 파이어폭스 */
.m_route2 .r_search input:-moz-placeholder {color:rgba(0,0,0,1.0);} /* 파이어폭스 */
.m_route2 .r_search input:-ms-input-placeholder {color:rgba(0,0,0,0.57);} /* ie */
/* 검색 아이콘 */
.m_route2 .r_search .ico_search a, .m_route2 .r_search .ico_reset a, .m_route2 .r_search .ico_del a {display:block; position:absolute; width:24px; height:28px;}
.m_route2 .r_search .ico_search a {top:0; right:41px; background:url(../images/ico/search_route.png) no-repeat;}
.m_route2 .r_search .ico_reset a {top:0; right:41px; background:url(../images/ico/reset_route.png) no-repeat;}
.m_route2 .r_search .ico_del a {right:13px; width:15px; height:15px; background:url(../images/ico/del.png) no-repeat;}
.m_route2 .r_search .ico_change a, .m_route2 .r_search .ico_del a {display:block; position:absolute; top:50%; transform:translateY(-50%);}
.m_route2 .r_search .ico_change a {right:9px; width:23px; height:26px; background:url(../images/ico/arrow_route.png) no-repeat;} /* ex */
/* 버튼 */
.m_route2 .r_btn {padding:6px 41px 0 13px;}
.m_route2 .r_btn li {float:left; padding-right:3px;}
/* 길찾기 사이즈 */
.r_size {height:calc(100% - 52px);} /* ex */
.r_size2 {height:59px;} /* ex */
/* 길찾기 스크롤 */
.s_size {overflow:auto; height:calc(100% - 82px);} /* ex */
/* 결과 */
.m_route2 .r_result {padding:13px 13px 0;} /* ex */
/* 경로 : 자동차 */
.m_route2 .r_result .path {position:relative; padding:13px 13px 1px; border-bottom:1px solid #eff7f0; border-radius:3px; background-color:#eff7f0;} /* ex */
.m_route2 .r_result .path .point {padding-bottom:12px; border-radius:3px; font-size:12px; color:#272727; line-height:18px;}
.m_route2 .r_result .path .point span.p_arrow {display:inline-block; width:10px; height:5px; margin:0 5px 1px 3px; background:url(../images/ico/arrow_route3.png) no-repeat;}
.m_route2 .r_result .path .option {float:left; width:85px;}
.m_route2 .r_result .path .option fieldset > span {display:block; padding:2px 0 17px;}
.m_route2 .r_result .path .option fieldset span > input[type="radio"] {margin-top:1px;}
.m_route2 .r_result .path .option fieldset span > label {float:left; padding-left:3px; font-size:12px; color:#575757;}
.m_route2 .r_result .path .info {float:left; width:177px; padding:2px 0 2px 22px; border-left:2px solid #409e4e;} /* ex */
.m_route2 .r_result .path .info li {display:list-item; float:left; width:100%;}
.m_route2 .r_result .path .info li fieldset > span {display:block; padding-left:3px;}
.m_route2 .r_result .path .info li fieldset span > label {float:left; padding-left:3px; font-size:12px; color:#575757;}
.m_route2 .r_result .path .info li.time {padding-top:5px; font-size:14px; color:#409e4e;}
.m_route2 .r_result .path .info li.time span {font-weight:600; font-size:24px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.m_route2 .r_result .path .info li.time span {font-family:'Pretendard', sans-serif; sans-serif; font-weight:600; font-size:24px;}} /* 크롬 핵 */
.m_route2 .r_result .path .info li.distance {padding:3px 0 5px 1px; font-size:14px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.m_route2 .r_result .path .info li.distance {padding:2px 0 5px 1px; font-size:14px; color:#409e4e;}} /* 크롬 핵 */
.m_route2 .r_result .path .info li.distance span {font-size:18px;}
.m_route2 .r_result .path .info li.fee {padding:5px 0 0 3px; font-size:12px; color:#575757;}
.m_route2 .r_result .path .set a {position:absolute; bottom:4px; right:5px; width:14px; height:14px; margin:1px 0 0 4px; background:url(../images/ico/set.png) no-repeat;}





/* 경로 : 도보 */
.m_route2 .path3 {position:relative; padding:13px 13px 16px; border-radius:3px; background-color:#eff7f0; height: 111px;} /* ex */
.m_route2 .path3 .point {padding-bottom:12px; border-radius:3px; font-size:12px; color:#272727; line-height:18px;}
.m_route2 .path3 .point span.p_arrow {display:inline-block; width:10px; height:5px; margin:0 5px 1px 3px; background:url(../images/ico/arrow_route3.png) no-repeat;}
.m_route2 .path3 .option {float:left; width:85px;}
.m_route2 .path3 .option fieldset > span {display:block; padding:2px 0 17px;}
.m_route2 .path3 .option fieldset span > input[type="radio"] {margin-top:1px;}
.m_route2 .path3 .option fieldset span > label {float:left; padding-left:3px; font-size:12px; color:#575757;}
.m_route2 .path3 .info {float:left; width:177px; padding:0 0 3px 22px; border-left:2px solid #409e4e;} /* ex */
.m_route2 .path3 .info li {display:list-item; float:left; width:100%;}
.m_route2 .path3 .info li fieldset > span {display:block; padding-left:3px;}
.m_route2 .path3 .info li fieldset span > label {float:left; padding-left:3px; font-size:12px; color:#575757;}
.m_route2 .path3 .info li.time {font-size:14px; color:#409e4e;}
.m_route2 .path3 .info li.time span {font-weight:600; font-size:24px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.m_route2 .path3 .info li.time span {font-family:'Pretendard', sans-serif; sans-serif; font-weight:600; font-size:24px;}} /* 크롬 핵 */
.m_route2  .path3 .info li.distance {padding:3px 0 5px 1px; font-size:14px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.m_route2 .path3 .info li.distance {padding:2px 0 5px 1px; font-size:14px; color:#409e4e;}} /* 크롬 핵 */
.m_route2 .path3 .info li.distance span {font-size:18px;}
.m_route2 .path3 .info li.txt {padding:5px 0 0 3px; font-size:12px; color:#575757; line-height:16px;}





/* 경로 리스트 */
.m_route2 .r_result .list {padding-top:3px;}
.m_route2 .r_result .list li {display:list-item; float:left; width:100%; padding:13px 0; border-bottom:1px solid #dedede; cursor:pointer;}
.m_route2 .r_result .list li:hover, .m_route2 .r_result .list li.on {background-color:#f7f7f7;}
.m_route2 .r_result .list li:last-child {border:none;}
.m_route2 .r_result .list li .ico {float:left; width:30px; margin-right:7px; text-align:center;}
.m_route2 .r_result .list li p, .m_route2 .r_result .list li p a {width:216px; padding-top:3px; font-size:12px; line-height:16px;}
.m_route2 .r_result .list li p a:hover {text-decoration:underline;}
.m_route2 .r_result .list li p a.txt {color:#272727;}
.m_route2 .r_result .list li p a.txt2 {color:#575757;}
.m_route2 .r_result .list li p.txt3 {color:#777777;}
.m_route2 .r_result .list li .direction {float:left; width:59px; font-size:12px; color:#575757; text-align:center;}
.m_route2 .r_result .list li .direction img {padding-bottom:2px;}
.m_route2 .r_result .list .list_no {width: 285px; margin:18px 13px 0; padding-top:26px; font-size:13px; color:#379445; text-align:center;}
/* 서비스 준비중 */
.m_route2 .prepare {padding:6px 0 9px; font-size:13px; color:#409e4e; text-align:center;}
/* -------------------------------------------------------------------------------------------------------- 4. nearby ---------------------------------------------------------------------------------------------------------
m_nearby2 1depth W >> ul(220px:전체), li(50%:좌우)
m_nearby2 2depth arrow >> 좌측으로 10px 이동
m_nearby2 2depth W >> l(10px)
m_nearby2 2depth H >> t(9px)
m_nearby2 2depth padding >> t(11px) + r(10px) + b(10px) + l(10px) 
m_nearby2 2depth 위치 >> 좌측으로 10px 이동 : 122px 기준 = 110px + l(12px)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 주변시설 */
.m_nearby, .m_nearby_on {position:absolute; top:10px; left:353px; width:40px; height:40px; border-radius:3px; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); cursor:pointer; z-index:1000;}
.m_nearby {background-color:#fff !important; background:url(../images/ico/nearby.png) no-repeat;}
.m_nearby_on {background-color:#409e4e !important; background:url(../images/ico/nearby_on.png) no-repeat;}

.mt_facility {
  width: 360px;
  overflow: hidden;
  border: 1px solid #d4d4d4;
  position: absolute;
  right: 50px;
  bottom: 50px;
  background-color: #fff;
  z-index: 1000;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.tab-menu {
  display: flex;
  cursor: pointer;
}

.tab {
  padding: 5px 16px;
  border-left: 1px solid #f1f1f1;
  border-bottom: none;
  font-size: 12px;
}

.tab.active {
  background: #fff;
  border-bottom: 2px solid #09782e;
  color: #09782e;
  font-weight: 600;
}

.close-btn {
  margin-left: auto;
  cursor: pointer;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.close-btn img {
  width: 14px;
  height: 14px;
}

.content-wrapper {
  width: 360px;
  overflow-y: auto;
  border: 1px solid #ddd;
}

.mt_list {
  display: none;
  padding: 10px;
}

.mt_list.active {
  display: block;
}

.icon-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  text-align: left;
}

.icon_symbol {
  display: flex;
  align-items: left;
  justify-content: left;
  font-size: 12px;
}

.icon_symbol img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

/* -------------------------------------------------------------------------------------------------------- 6. overlay --------------------------------------------------------------------------------------------------------
m_overlay W >> l(10px)
m_overlay H >> t(4px)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 오버레이 */
.m_overlay {position:absolute; top:10px; right:10px; width:60px; padding:4px 0 0 10px; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */
.m_overlay fieldset > span {display:block; padding:5px 0 4px;}
.m_overlay fieldset span > label {float:left; padding-left:3px; font-size:12px; color:#575757;}
.m_overlay fieldset span > label a {color:#575757;}
.m_overlay .o_tarrow {position:absolute; top:14px; right:7px; width:0; height:0; border-right:4px solid transparent; border-bottom:4px solid #5e5e5e; border-left:4px solid transparent;}
.m_overlay .o_barrow {position:absolute; top:14px; right:7px; width:0; height:0; border-top:4px solid #5e5e5e; border-right:4px solid transparent; border-left:4px solid transparent;}
/* 오버레이 사이즈 */
.o_size {height:29px;} /* ex */
.o_size2 {height:121px;} /* ex */
/* --------------------------------------------------------------------------------------------------- 7. area / distance -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 거리면적 */
.measure {position:absolute; right:10px; bottom:270px; width:29px; height:29px; border-radius:3px; background-color:#fff !important; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
/* .measure {position:absolute; right:10px; bottom:95px; width:29px; height:29px; border-radius:3px; background-color:#fff !important; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} */
.measure span {display:block; width:29px; height:29px; background:url(../images/ico/distance.png) no-repeat; cursor:pointer;}
/* 거리면적 오버 */
.measure2 {position:absolute; right:10px; bottom:270px; width:58px; height:29px; border-radius:3px; background-color:#fff !important; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
/* .measure2 {position:absolute; right:10px; bottom:95px; width:58px; height:29px; border-radius:3px; background-color:#fff !important; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} */
.measure2 li.area span.off a, .measure2 li.distance span.off a, .measure2 li.area span.on a, .measure2 li.distance span.on a {display:block; float:left; width:29px; height:29px;}
.measure2 li.area span.off a {background:url(../images/ico/area_off.png) no-repeat;}
.measure2 li.distance span.off a {background:url(../images/ico/distance_off.png) no-repeat;}
.measure2 li.area span.on a {background:url(../images/ico/area_on.png) no-repeat;}
.measure2 li.distance span.on a {background:url(../images/ico/distance_on.png) no-repeat;}
/* -------------------------------------------------------------------------------------------------------- 8. share ----------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 공유 */
.m_share a {position:absolute; right:10px; bottom:291px; width:29px; height:29px; border-radius:3px; background-color:#fff !important; background:url(../images/ico/share.png) no-repeat; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
/* ------------------------------------------------------------------------------------------------------- 9. location --------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 내위치 */
.m_location {position:absolute; right:10px; bottom:242px; width:29px; height:29px; border-radius:3px; background-color:#fff !important; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
.m_location span a {display:block; width:29px; height:29px;}
.m_location span.off a {background:url(../images/ico/location_off.png) no-repeat;}
.m_location span.on a {background:url(../images/ico/location_on.png) no-repeat;}
/* -------------------------------------------------------------------------------------------------------- 10. zoom ----------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 확대축소 */
.m_zoom {position:absolute; right:10px; bottom:29px; width:29px; height:61px; border-radius:3px; background-color:#fff !important; background:url(../images/btn/zoom.png) no-repeat; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
.m_zoom .z_plus a, .m_zoom .z_minus a {display:block; position:absolute; width:29px; height:29px;}
.m_zoom .z_plus a {top:0;}
.m_zoom .z_minus a {bottom:0;}
/* 레벨 */
.m_level {position:absolute; right:10px; bottom:32px; z-index:1000;}
/* ------------------------------------------------------------------------------------------------------- 11. tooltip --------------------------------------------------------------------------------------------------------
tooltip t_size W >> (각)px + r(7px) + l(7px)
tooltip info W >> r(13px) + l(13px)
tooltip info H >> (각)px + border-bottom:1px 로 인해 b(12px)
tooltip info >> 프로그램으로 인해 font-family 와 line-height 추가
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 툴팁 */
.mt_tooltip {position:relative; padding:7px 7px 14px;} /* ex */
/* 툴팁 박스 */
.mt_tooltip .t_bx {width:100%; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 0 2px 1px rgba(0,0,0,0.33);} /* ex */
.mt_tooltip .t_bx.opacity {border-bottom:none; background-color:rgba(255,255,255,0.83);}
/* 툴팁 내용 */
.mt_tooltip .t_bx .info {display:block; width:calc(100% - 26px); font-family:'Pretendard', sans-serif; sans-serif; line-height:16px;} /* ex */
.mt_tooltip .t_bx .info h3 {font-weight:600 !important; font-size:16px; line-height:20px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.mt_tooltip .t_bx .info h3 {font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:16px; line-height:20px !important;}} /* 크롬 핵 */
.mt_tooltip .t_bx .info h3 span.num {float:left; padding:1px 5px 2px 0;}
.mt_tooltip .t_bx .info h3 span.title, .mt_tooltip .t_bx .info h3 span.title2, .mt_tooltip .t_bx .info h3 span.title3 {float:left;}
.mt_tooltip .t_bx .info h3 span.title {padding-top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.mt_tooltip .t_bx .info h3 span.title {padding-top:2px;}} /* 크롬 핵 */
.mt_tooltip .t_bx .info h3 span.title2, .mt_tooltip .t_bx .info h3 span.title3 {padding-top:2px;}
.mt_tooltip .t_bx .info h3 span.title {width:calc(100% - 29px); color:#333;}
.mt_tooltip .t_bx .info h3 span.title2 {width:calc(100% - 29px); color:#f86633;}
.mt_tooltip .t_bx .info h3 span.title3 {color:#333;}
.mt_tooltip .t_bx .info h4 {font-weight:normal !important; font-size:13px; color:#272727; line-height:18px !important;}
.mt_tooltip .t_bx .info .con {margin-top:5px; padding:10px 0 7px; border-top:1px solid #d4d4d4; position:relative;}
.mt_tooltip .t_bx .info .con li {display:block; width:100%;}
.mt_tooltip .t_bx .info .con li.txt {padding-bottom:4px; font-size:13px; color:#272727; line-height:17px !important;}
.mt_tooltip .t_bx .info .con li.txt2, .mt_tooltip .t_bx .info li.txt3 {padding-bottom:4px; font-size:12px; color:#777;}
.mt_tooltip .t_bx .info .con li.txt3 a {color:#777;}
.mt_tooltip .t_bx .info .con li.txt3 a:hover {color:#409e4e;}
.mt_tooltip .t_bx .info .con li.txt3 span {color:#272727;}
.mt_tooltip .t_bx .info .con li.txt4 a {display:block; width:calc(100% - 4px); padding:0 0 1px 3px; border-bottom:1px dotted rgba(0,0,0,0.4); font-size:12px; color:#272727; line-height:24px;}
.mt_tooltip .t_bx .info .con li.txt4:last-child a {border-bottom:none;}
.mt_tooltip .t_bx .info .con li.txt4 a:hover {background-color:rgba(0,0,0,0.1);}
.mt_tooltip .t_bx .info .con li.fitw {width: calc(100% - 78px);}
.mt_tooltip .t_bx .info .t_btn {padding-bottom:7px;}
.mt_tooltip .t_bx .info .t_btn2 {float:left;}
.mt_tooltip .t_bx .info .t_btn2 li a {float:left; margin-right:2px}
.mt_tooltip .t_bx .info .t_btn3 {float:right;}
.mt_tooltip .t_bx .info .t_btn3 li a {float:left; margin-left:2px;}
.mt_tooltip .t_bx .info .t_btn4 {padding:5px 0 2px 1px;}
.mt_tooltip .t_bx .info .t_btn4 li a {float:left; margin:0 1px;}
.mt_tooltip .t_bx .info .t_btn5 {width:82px; margin:0 auto; padding-top:3px;}
.mt_tooltip .t_bx .info .t_btn5 li a {float:left; margin:0 1px;}
.mt_tooltip .t_arrow {position:absolute; bottom:0; left:50%; width:24px; height:14px; margin-left:-11px; background:url(../images/bg/arrow_tooltip.png) no-repeat;}
.mt_tooltip .t_arrow.opacity {background:url(../images/bg/arrow_tooltip.png) no-repeat; opacity:0.83; filter:alpha(opacity=83);}
.mt_tooltip .t_close {position:absolute; top:0; right:0; width:19px; height:19px; border-radius:25px; background-color:#fff !important; box-shadow:0 0 3px 1px rgba(0,0,0,0.33);}
.mt_tooltip .t_close span a {display:block; width:19px; height:19px; background:url(../images/ico/close_tooltip.png) no-repeat;}
/* 툴팁 사이즈 */
.t_size {width:350px;} /* width:364px; *//* ex */
.t_size2 {width:150px;} /* width:168px; *//* ex */
/* 툴팁 내용 사이즈 */
.i_size {padding:12px 13px;} /* ex */
.i_size2 {padding:8px 13px 12px;} /* ex */
.i_size3 {padding:10px 13px 9px;}
/* ---------------------------------------------------------------------------------------------------------- 12. pop ---------------------------------------------------------------------------------------------------------
p_copy W >> 350px
p_copy H >> border-bottom:1px
p_poc W >> border-right:2px + border-left:2px
p_poc H >> border-top:2px + border-bottom:2px
p_poc bx W >> border-right:1px + border-left:1px
p_poc bx H >> border-top:1px + border-bottom:1px
p_notice W >> r(10px) + l(13px)
p_notice H >> t(12px) + border-bottom:1px
p_feeset W >> r(13px) + l(13px)
p_feeset H >> t(12px) + border-bottom:1px
print W >> r(13px) + l(13px)
print H >> t(13px) + b(13px)
view info td.txt W >> 91px + r(10px) + l(5px) + 4px + right:10px; = 120px;
------------------------------------------------------------------------url(https://blog.naver.com/lazy_kei/222708107322)---------------------------------------------------------------------------------------------------------------------------------------------------- */
.pop_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.53); z-index:2000;}
.copy_pop_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.53); z-index:2000;}
/* 알림 */

/* JHJ-250227 */
/* .p_message {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:274px; height:139px; margin-left:-115px; padding:12px 13px 0 13px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_message {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:274px; height:140px; margin-left:-115px; padding:11px 13px 0 13px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}}
.p_message h5 {padding-bottom:8px; border-bottom:1px solid #bababa; font-weight:600 !important; font-size:14px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_message h5 {padding-bottom:9px; border-bottom:1px solid #bababa; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:14px; color:#409e4e;}}
.p_message h5 span a {display:block; float:right; width:11px; height:11px; margin-top:2px; background:url(../../images/ico/close_pop.png) no-repeat;}
.p_message .con {padding-top:13px; font-size:14px; line-height:19px; letter-spacing:-0.5px; text-align:center;}
.p_message .con p {color:#474747;}
.p_message .con .btn_E a {width:57px; height:19px; margin:20px auto 0; padding:0 !important; text-align:center;} */
/* 지도복사 */
.p_copy {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:350px; height:95px; margin-left:-175px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}
.p_copy h5 {padding:12px 0 0 12px; font-weight:600 !important; font-size:14px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy h5 {padding:11px 0 0 12px; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:14px; color:#409e4e;}} /* 크롬 핵 */
.p_copy h5 span a {display:block; float:right; width:11px; height:11px; margin:2px 13px 0 0; background:url(../images/ico/close_pop.png) no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy h5 span a {display:block; float:right; width:11px; height:11px; margin:3px 13px 0 0; background:url(../images/ico/close_pop.png) no-repeat;}} /* 크롬 핵 */
.p_copy .map_url {padding:8px 0 0 13px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .map_url {padding:9px 0 0 13px;}} /* 크롬 핵 */
.p_copy .map_url input[type="text"] {float:left; width:270px; padding:5px 7px 7px 6px; border:1px solid #bababa; border-radius:2px; font-size:12px; color:#474747;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .map_url input[type="text"] {float:left; width:270px; padding:5px 7px 6px 6px; border:1px solid #bababa; border-radius:2px; font-size:12px; color:#474747;}} /* 크롬 핵 */
.p_copy .map_url button[type="button"] {float:left; width:38px; height:27px; margin-left:1px; padding-bottom:1px; border:1px solid #409e4e; border-radius:2px; background-color:#409e4e; font-size:12px; color:#fff; text-align:center; cursor:pointer;}
.p_copy .copy_word {padding:7px 0 0 14px; font-size:12px; color:#878787;}
/* poc */
.p_poc {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:562px; height:418px; margin-left:-283px; border:2px solid #409e4e; border-radius:3px; background-color:#409e4e; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */
.p_poc .p_bx {width:560px; height:416px; border:1px solid #fff; border-radius:4px; background-color:#fff;} /* ex */
.p_poc .p_bx h5 {margin:11px 12px 0; padding-bottom:8px; border-bottom:1px solid #409e4e; font-weight:600 !important; font-size:16px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_poc .p_bx h5 {margin:10px 12px 0; padding-bottom:8px; border-bottom:1px solid #409e4e; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:16px; color:#409e4e;}} /* 크롬 핵 */
.p_poc .p_bx h5 span.txt {padding-left:8px; font-size:13px; color:#272727;}
.p_poc .p_bx h5 span.close a {display:block; float:right; width:15px; height:15px; margin-top:1px; background:url(../images/ico/close_poc.png) no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_poc .p_bx h5 span.close a {display:block; float:right; width:15px; height:15px; margin-top:2px; background:url(../images/ico/close_poc.png) no-repeat;}} /* 크롬 핵 */
.p_poc .p_bx h5 span.prev a {display:block; float:right; width:15px; height:15px; margin:1px 14px 0 0; background:url(../images/ico/arrow_poc.png) no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_poc .p_bx h5 span.prev a {display:block; float:right; width:15px; height:15px; margin:2px 14px 0 0; background:url(../images/ico/arrow_poc.png) no-repeat;}} /* 크롬 핵 */
.p_poc .p_bx ul {padding:13px 0 0 12px;}
.p_poc .p_bx li.ban a, .p_poc .p_bx li.ban2 a, .p_poc .p_bx li.ban3 a, .p_poc .p_bx li.ban4 a, .p_poc .p_bx li.ban5 a, .p_poc .p_bx li.ban6 a {display:block; float:left; text-align:center;}
.p_poc .p_bx li.ban a {width:177px; height:177px; background:url(../images/ban/poc.png) no-repeat;}
.p_poc .p_bx li.ban2 a {width:183px; height:177px; background:url(../images/ban/poc2.png) no-repeat;}
.p_poc .p_bx li.ban3 a {width:176px; height:177px; background:url(../images/ban/poc3.png) no-repeat;}
.p_poc .p_bx li.ban4 a {width:177px; height:176px; background:url(../images/ban/poc4.png) no-repeat;}
.p_poc .p_bx li.ban5 a {width:183px; height:176px; background:url(../images/ban/poc5.png) no-repeat;}
.p_poc .p_bx li.ban6 a {width:176px; height:176px; background:url(../images/ban/poc6.png) no-repeat;}
.p_poc .p_bx li a span {display:block; margin-top:143px; font-size:14px; color:#409e4e;}
.p_poc .p_bx .con {overflow:auto; height:353px; margin-top:13px; padding:0 12px;}
.p_poc .p_bx .con dl {display:inline-block; width:calc(100% - 22px); margin:6px 0; padding:6px 10px 7px; border:1px solid #409e4e; border-radius:3px;}
.p_poc .p_bx .con dt a {display:block; padding-bottom:3px; font-weight:600 !important; font-size:14px; color:#409e4e; line-height:20px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_poc .p_bx .con dt a {display:block; padding-bottom:3px; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:14px; color:#409e4e; line-height:20px;}} /* 크롬 핵 */
.p_poc .p_bx .con dt a:hover {text-decoration:underline;}
.p_poc .p_bx .con dd {padding-top:3px; font-size:12px; color:#474747; line-height:18px;}
.p_poc .p_bx .con dd span {color:#878787;}
/* 법적공지 */
.p_notice {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:427px; height:347px; margin-left:-225px; padding:12px 10px 0 13px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_notice {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:424px; height:348px; margin-left:-225px; padding:11px 13px 0; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}} /* ex *//* 크롬 핵 */
.p_notice h5 {margin:0 3px 3px 0; padding-bottom:8px; border-bottom:1px solid #bababa; font-weight:600 !important; font-size:14px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_notice h5 {margin:0 0 3px 0; padding-bottom:9px; border-bottom:1px solid #bababa; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:14px; color:#409e4e;}} /* 크롬 핵 */
.p_notice h5 span a {display:block; float:right; width:11px; height:11px; margin-top:2px; background:url(../images/ico/close_pop.png) no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_notice h5 span a {display:block; float:right; width:11px; height:11px; margin-top:3px; background:url(../images/ico/close_pop.png) no-repeat;}} /* 크롬 핵 */
.p_notice .con {font-size:12px; line-height:18px; letter-spacing:-0.2px; word-spacing:-0.5px;}
.p_notice .con p {padding-top:6px; color:#878787;}
.p_notice .con p span {display:block; margin-top:7px; color:#474747;}
/* 요금설정 */
.p_feeset {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:344px; height:339px; margin-left:-185px; padding:12px 13px 0 13px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;} /* ex */
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_feeset {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:344px; height:340px; margin-left:-185px; padding:11px 13px 0 13px; border-bottom:1px solid #fff; border-radius:3px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.33); z-index:1000;}} /* ex *//* 크롬 핵 */
.p_feeset h5 {margin-bottom:3px; padding-bottom:8px; border-bottom:1px solid #bababa; font-weight:600 !important; font-size:14px; color:#409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_feeset h5 {margin-bottom:3px; padding-bottom:9px; border-bottom:1px solid #bababa; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600 !important; font-size:14px; color:#409e4e;}} /* 크롬 핵 */
.p_feeset h5 span a {display:block; float:right; width:11px; height:11px; margin-top:2px; background:url(../images/ico/close_pop.png) no-repeat;}
.p_feeset .con {font-size:12px; line-height:18px;}
.p_feeset .con p {padding-top:6px; color:#878787;}
.p_feeset .con p span {display:block; margin-top:7px; color:#474747;}
.p_feeset .con .type {float:left; width:100%; padding:5px 0 14px;}
.p_feeset .con .type fieldset > span {display:block; padding-top:2px;}
.p_feeset .con .type fieldset span > input[type="radio"] {margin-top:3px;}
.p_feeset .con .type fieldset span > label {float:left; padding-left:3px; font-size:12px; color:#878787;}
.p_feeset .con .type fieldset span label > span {color:#474747;}
.p_feeset .con .oil {padding-top:10px;}
.p_feeset .con .oil li {float:left;}
.p_feeset .con .oil li.txt {padding-top:4px; font-size:12px; color:#878787;}
.p_feeset .con .oil li.txt span {color:#409e4e;}
.p_feeset .con .oil li legend {display:none !important; overflow:hidden;}
.p_feeset .con .oil li .select-script {float:left; margin:0 10px 0 7px;}
.p_feeset .con .oil li .select-script {position:relative; width:65px; height:25px; border:1px solid #bababa; border-radius:2px; background-color:#fff; font-size:12px; color:#409e4e;}
.p_feeset .con .oil li .select-script label {position:absolute; top:0; left:0; width:62px; height:22px; padding:3px 0 0 3px;}
.p_feeset .con .oil li .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:22px; padding-top:3px; font-size:10px; color:#474747; text-align:center;}
.p_feeset .con .oil li .select-script select {width:100%; opacity:0;}
.p_feeset .con .liter {padding-top:5px;}
.p_feeset .con .liter li {float:left;}
.p_feeset .con .liter li.txt {padding-top:4px; font-size:12px; color:#878787;}
.p_feeset .con .liter li.txt span {color:#409e4e;}
.p_feeset .con .liter input[type="text"] {width:73px; margin:4px 2px 0 6px; border:none; border-bottom:1px solid #409e4e !important; font-size:14px; color:#409e4e; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_feeset .con .liter input[type="text"] {width:73px; margin:3px 2px 0 6px; padding-bottom:1px; border:none; border-bottom:1px solid #409e4e !important; font-size:14px; color:#409e4e; text-align:center;}} /* 크롬 핵 */
.p_feeset .con .btn_E a {width:57px; height:19px; margin:19px auto 0; padding:0 !important; text-align:center;}

/* 프린트 */
.print {height:632px; padding:10px 13px 13px; border-top:3px solid #409e4e; background-color:rgba(247,148,29,0.05);}
@media screen and (-webkit-min-device-pixel-ratio:0) {.print {width:780px; height:632px; padding:10px 13px 13px; border-top:3px solid #409e4e; background-color:rgba(64,158,78,0.05);}} /* 크롬 핵 */
.print .logo {float:left; width:79px; height:17px; margin-top:3px; background:url(../images/ico/logo.png) no-repeat;}
.print .p_btn {float:right;}
.print .p_btn li a {float:left;}
.print .p_btn li.btn_E a {padding:2px 7px 3px 6px !important;}
.print .p_btn li.btn_B a {margin-left:2px; padding:2px 6px 3px !important;}
.print .p_map {width:778px; height:598px; margin:11px auto 0; border:1px solid #409e4e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.print .p_map {width:778px; height:598px; margin-top:11px; border:1px solid #409e4e;}} /* 크롬 핵 */
/* 지도범례 */
.legend {width:800px; min-height:100%; margin:0 auto; border-right:1px solid #409e4e; border-left:1px solid #409e4e;}
.legend .title {padding:10px 12px 11px; background-color:#409e4e; font-weight:600; font-size:18px; color:#fff; line-height:22px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.legend .title {padding:10px 12px 11px; background-color:#409e4e; font-family:'Pretendard', sans-serif; sans-serif; font-weight:600; font-size:18px; color:#fff; line-height:22px;}} /* 크롬 핵 */
.legend .title li {float:left;}
.legend .title li.off a, .legend .title li.on a {display:block; font-weight:normal !important; text-align:center;}
.legend .title li.off a:hover, .legend .title li.on a:hover {color:#fff;}
.legend .title li.off a {font-size:12px; color:rgba(255,255,255,0.70);}
.legend .title li.on a {font-size:14px; color:#fff;}
.legend .title li.pipe {margin:6px 13px 0; width:1px; height:11px; background-color:rgba(255,255,255,0.43);}
.legend .info {padding:0 13px 6px;}
.legend .info .layer {padding:11px 0 6px; border-bottom:1px solid #409e4e; font-size:16px; color:#409e4e; line-height:18px;}
.legend .info table {width:100%; margin-bottom:7px;}
.legend .info table td {height:17px; padding:12px 0 6px; font-size:12px; line-height:16px;}
.legend .info table td.blank {width:10px; height:1px;}
.legend .info table td.symbol {position:relative; width:71px; border-bottom:1px solid #dedede; text-align:center;}
.legend .info table td.symbol span.line {position:absolute; bottom:0; left:0; width:71px; height:8px; background:url(../images/bg/line_legend.png) no-repeat;}
.legend .info table td.symbol span.ico {display:block; width:60px; height:17px; margin:1px auto 0; margin-right:6px;}
.legend .info table td.symbol span.ico2 {display:block; width:58px; height:15px; margin:1px auto 0; margin-right:6px; border:1px; border-style:solid;}
.legend .info table td.symbol span.ico3 {display:block; width:58px; height:15px; margin:1px auto 0; margin-right:6px; border:1px; border-style:dashed;}
.legend .info table td.symbol span.ico4 {display:block; width:60px; height:22px; margin:1px auto 0; margin-right:6px;}
.legend .info table td.name {border-bottom:1px solid #dedede; color:#575757;}
/* ------------------------------------------------------------------------------------------------------- 13. footer ---------------------------------------------------------------------------------------------------------
footer W >> 유동을 위해 position 으로 처리
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {position:absolute; bottom:0; left:10px; padding:3px 6px 3px 0; border-radius:2px 2px 0 0; background-color:rgba(255,255,255,0.80); box-shadow:0 1px 3px 1px rgba(0,0,0,0.27); z-index:1001;}
/* 로고 */
h1 a {position:absolute; top:6px; left:7px; width:79px; height:17px; background:url(../images/ico/logo.png) no-repeat;} /* ex */  /* JHJ-250227 */
/* 카피라이트 */
.f_copyright {float:left; padding:2px 0 0 89px; font-size:11px; color:#272727;}
.f_copyright span {font-size:13px !important;}
/* 유틸 */
.f_util {float:left; padding:4px 0 0 1px;}
.f_util li a {display:block; float:left; font-size:11px; color:#272727;}
.f_util li a:hover {color:#409e4e; text-decoration:underline;}
.f_util li.pipe {float:left; width:1px; height:8px; margin:2px 7px 0 6px; background-color:rgba(0,0,0,0.37);}
/* ---------------------------------------------------------------------------------------------------------- ※ etc ----------------------------------------------------------------------------------------------------------
btn_A >> 리스트의 출발, 경유, 도착
btn_B >> 툴팁, line-height:16px
btn_C >> 툴팁(상세보기), line-height:16px
btn_D >> 길찾기
btn_E >> 길찾기(길찾기)
ico_close2 >> m_route2 H + border-bottom:1px
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 버튼 */
.btn_A a, .btn_B a, .btn_C a, .btn_D a, .btn_E a, .btn_del a {border-radius:2px; font-size:12px;} /* ex */
.btn_A a {padding:1px 5px 2px; border:1px solid #409e4e; background-color:#fff; color:#409e4e; text-align:center;} /* ex */
.btn_B a {padding:0 7px 1px; border:1px solid #a1a1a1; background-color:#fff; color:#575757 !important; text-align:center;} /* ex */
.btn_C a {width:61px; padding:0 0 1px 7px; border:1px solid #a1a1a1; background-color:#fff !important; background:url(../images/ico/arrow_more.png) 56px 4px no-repeat; color:#575757 !important;} /* ex */
.btn_D a {padding:2px 5px 3px; border:1px solid #ababab; background-color:#ababab; color:#fff; text-align:center;} /* ex */
.btn_E a {padding:2px 6px 3px 5px; border:1px solid #409e4e; background-color:#409e4e; color:#fff !important;} /* ex */
.btn_E a span {display:inline-block; width:5px; height:7px; margin-left:4px; background:url(../images/ico/arrow_route2.png) no-repeat;} /* ex */
.btn_del a {padding:2px 6px 3px 5px; border:1px solid #666; background-color:#fff; color:#666 !important;}

.t_btn .btn_C a {display: block;}

/* 페이지 */
.page {display:inline-block; font-size:12px;}
.page span {float:left; margin:0 2px;}
.page span.off a, .page span.off a:hover, .page span.on {display:inline-block; width:19px; padding:2px 0 3px; border-radius:2px; text-align:center;}
.page span.off a {border:1px solid #c4c4c4; background:#fff; color:#474747;}
.page span.off a:hover {border:1px solid #409e4e; background:#fff; color:#409e4e;}
.page span.arrow span a {color:#bababa !important;}
.page span.arrow span a:hover {color:#409e4e !important;}
.page span.on {border:1px solid #409e4e; background:#409e4e; color:#fff;}
/* 닫기 아이콘 */
.ico_close a, .ico_close2 a {position:absolute; right:13px; width:15px; height:17px; background:url(../images/ico/arrow_close.png) no-repeat;}

/* 열기 아이콘 */
.ico_open a, .ico_open2 a {position:absolute; right:13px; width:15px; height:17px; background:url(../images/ico/arrow_open.png) no-repeat;}
/* .ico_open a {top:50%; transform:translateY(-50%);} */

.ico_open a, .ico_close a {bottom:10px;}
.ico_close2 a, .ico_open2 a {bottom:9px;}


.i_size4 {width:100% !important; height:40px;}
.navi_right_btn a {padding:5px 10px; color: #575757 !important;}
.navi_right_btn:hover a {color: #409e4e !important; background-color: #F6F6F6; border-radius: 3px;}
.ico_size1 {float: left; width: 33%; height: 100%;}
.ico_size2 {float: left; width: calc(34% - 2px); height: 100%;}
.ico_size_blank {float: left; height: 100%;}
.ico_size_blank span {width:1px; height: 15px; background-color: #BDBDBD;}

.mt_img_list{margin-left: 4px;}
.mt_img_list:first-child{margin-left: 0;}
.mt_img_list img{height: 100%; border: 1px solid #c3c3c3;}


/* 산 주변시설 검색_KMK_2025-03-31 */
.btn_mt_nearby {
  position:absolute;
  top:7px;
  right:50px; 
  width:28px; 
  height:25px; 
  background:url(../images/btn/btn_mt_png.png) no-repeat; 
  font-size:0 !important; 
  cursor:pointer;
}
.btn_mt_nearby_on {
  position:absolute;
  top:7px;
  right:50px; 
  width:28px; 
  height:25px; 
  background:url(../images/btn/btn_mt2_png.png) no-repeat; 
  font-size:0 !important; 
  cursor:pointer;
}
.btn_mt_nearby:hover {
  background:url(../images/btn/btn_mt2_png.png) no-repeat;
}

.poi_search_info_detail_pop {max-height:300px !important; z-index:2000 !important; height:90% !important;}
.poi_search_info_detail_pop .mt_message .con_bg {width: 100%; height: calc(100% - 31px);}
.poi_search_info_detail_pop > .ui-dialog-titlebar {height:40px; font-size: 16px; font-weight: 600 !important; color: #333;}
.poi_search_info_detail_pop > .ui-dialog-content {height:calc(100% - 41px) !important;}

.mt_message {
  width: 420px; 
  height: calc(100% - 24px);
  margin: 12px;
}

.mt_message h5 {
  padding-bottom:8px; 
  border-bottom:1px solid #bababa; 
  font-weight:600 !important; 
  font-size:15px; 
  color:#333;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .mt_message h5 {
      padding-bottom:9px; 
      border-bottom:1px solid #bababa;
      font-weight:600 !important; 
      font-size:15px; 
      color:#333;
  }
}
.mt_message h5 span a {
  display:block; 
  float:right; 
  width:11px; 
  height:11px; 
  margin-top:2px; 
  background:url(../images/ico/close_pop.png) no-repeat;
}

.mt_message .con {
  display: flex;
  /*align-items: center;*/
  gap: 5px;
  flex-wrap: nowrap; 
  width: 100%;
  margin-bottom: 12px;
}

.mt_selBox {
  width: 110px;
  height: 40px;
  border-radius: 3px; 
  
}

.mt_selBox.sel {
  font-size:13px;
  color:#333; 
  line-height: 40px;
}

.mt_selBox .selectForm.typeA {
  position:relative;
  width:100px;
  height:40px;
  border:1px solid #c5c5c5;
  border-radius: 5px;
  background-color:#fff;
}
.mt_selBox .selectForm.typeA label {
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:100%;
}
.selectForm.typeA label span.txt {
  overflow:hidden; 
  width:100px;
  height:100%;
  font-size: 14px;
  white-space:nowrap;
}
.selectForm.typeA label span.arrow {
  position:absolute;
  top:0; 
  right:0; 
  width:28px; 
  height:100%; 
} /* <i>태그를 빼고 bg(이미지)로 대처 가능 */
.selectForm.typeA label span.arrow i {
  width:0; 
  height:0; 
  margin-top:5px; 
  border-style:solid; 
  border-width:5px; 
  border-color:#16293f transparent transparent transparent;
}
.selectForm.typeA select {
  width:100%; 
  height:100%; 
  opacity:0;
  font-size:14px;
}

.mt_search {
  flex-grow: 1;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  position: relative; /* 추가: absolute 제거 */
  margin: 0; /* 추가: 혹시 margin이 적용되었는지 확인 */
}

.mt_search input {
  width: 190px;
  border: none;
  font-size: 15px !important;
  padding: 5px;
  color: #171717;
  flex-grow: 1;
}

.mt_search button.btn_search {
  position:absolute; 
  top:0; 
  right:0;
  width:40px; 
  height:40px; 
  border:none !important; 
  background:url(../images/ico/search_search.png) no-repeat; 
  cursor:pointer;
}

.mt_search .btn_reset {
  position:absolute; 
  top:0; 
  right:40px; 
  width:34px; 
  height:40px; 
  border:none !important; 
  background-color:#fff !important; 
  background:url(../images/ico/reset_search.png) no-repeat; 
  cursor:pointer;
}

table.typeA {
  width:100%; 
  background-color:#fff;
}
table.typeA th {
  border-top:2px solid #409e4e;
}
table.typeA th, table.typeA td {
  border-left:1px solid #d0d0d0; 
  border-bottom:1px solid #d0d0d0; 
  text-align:center; 
  vertical-align:middle; 
  word-break:break-all;
}
table.typeA th:last-child, table.typeA td:last-child {
  border-right:1px solid #d0d0d0;
}
table.typeA th {
  padding:8px 5px 7px; 
  background-color:#ecf6ee; 
  font-weight:600 !important; 
  font-size:14px; 
  color:#121212; 
  line-height:16px;
}
table.typeA tbody tr {
  cursor: pointer;
}
table.typeA tbody tr:hover, table.typeA tbody tr.on {
  background-color: rgba(64,158,78,0.2);
}
table.typeA td {
  padding:5px; 
  font-size:12px; 
  color:#242424; 
  line-height:14px;
}
table.typeA td span.oneline {
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis; 
  display:block;
}
table.typeA td a {
  color:#242424;
}

.mt_message .con_bg .list_no {margin:18px 13px 0; padding-top:26px; font-size:13px; color:#379445; text-align:center;}




.view {width:726px; min-height:100%; margin:0 auto; border-right:1px solid #409e4e; border-left:1px solid #409e4e; background-color:rgba(64,158,78,0.10);}
.view .title {padding:10px 8px 11px 12px; background-color:#409e4e; font-weight:600; font-size:18px; color:#fff; line-height:22px;}
.view .info {padding:0 13px 13px;}
.view .info table {width:100%; margin-top:7px;}
.view .info table td {height:17px; padding:13px 5px 8px; font-size:13px; line-height:17px;}
.view .info table td.txt {position:relative; width:110px; color:#409e4e;}
.view .info table td.txt span {position:absolute; bottom:0; left:0; width:110px; height:11px; border-right: 1px solid #409e4e; border-bottom: 1px solid #409e4e;}
.view .info table td.txt2 {border-bottom:1px solid #c4c4c4; color:#575757;}
.view .info .v_map {width:698px; height:350px; margin-top:23px; border:1px solid #409e4e;}