@charset "utf-8";
/************************************************************************
 * 파일명      : default.css
 * 설명         : 기본
 * 작성일      : 2020.10
 * 버   전      : 1.0
************************************************************************/

.kros_wrap { overflow:hidden;  position:relative}
.container { width:100%; height:100vh; position:relative}
.map_info_box { position:relative; display:inline-block; width:350px; height:100vh; border-right:1px solid #328714; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%), 5px 0 15px 0 rgb(0 0 0 / 10%); background-color:#e9ecef}
.map_view_box { display:inline-block; width:100%; left:350px; height:100%; position:absolute; background-color:#CCC}
.short {width: calc(100% - 350px); }
.infoheader { position:relative; min-height:110px; background: #39ba0c url(../images/img_top_bg.png) 260px -10px no-repeat; background-size:25%; border-bottom:2px solid #328714}
.infoheader .kros_mapTitle { position:absolute; left:10px; top:16px; font-size:17px; font-weight:bold; color:#FFF}
.info_container { display:block; overflow:hidden; padding:5px; }
.headSearchAree { display:block; overflow:hidden; padding:60px 5px 5px 5px; position:relative; }
.lnb { display:block; max-height:800px; }

/* 검색메뉴 */
.searchMenuBox { overflow:hidden; margin-bottom:4px;}
.sel_type1:after { position:absolute; right:10px; top:14px; width:9px;height:5px; }
.sel_type1 select {vertical-align: middle; border: 2px solid #2c7613 !important; background-color:#FFF; height: 32px; padding: 0 25px 0 5px; font-size: 13px !important; color: #222; width:338px; border-radius:4px  }
.sel_type1:after {content:"";display:inline-block;background: url(../images/form_icon_all.png) -190px -7px no-repeat}


/* 검색결과영역 */
.Resulttitle { display:block; overflow:hidden; position:relative; background-color:#FFF; border-bottom:1px solid #ced5dc }
.desc_search { padding:10px 5px; font-size:14px; }
.desc_search em { font-weight:bold; color:#2c7613; padding-right:5px; }
.descdearch_clear { overflow: hidden; position: absolute; top: 2px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: url(../images/ico_roadsearch.png) no-repeat 0 -100px;   text-indent: -9999px;}

/* tab_all */
.tab_type01 { background-color:#fff;border-bottom:2px solid #328714}
.tab_type01 ul {display:table;width:100%;table-layout:fixed}
.tab_type01 ul li {position:relative;display:table-cell;vertical-align:bottom}
.tab_type01 ul li button {display:block;width:100%;height:40px;padding:0 0 2px 0;font-size:14px; line-height:18px; letter-spacing:-1px; text-align:center; color:#aaa; border:1px solid #ddd; border-bottom:none; background-color:#fff; cursor: pointer;}
.tab_type01 ul li ~ li button {border-left:none}
.tab_type01 ul li button.active {color:#253982;background-color:#fff;padding-bottom:0;border:2px solid #328714 !important;border-bottom:none !important; font-weight:bold }
.tab_type01 ul li button.active:after {content:'';position:absolute;height:5px;left:2px;bottom:-2px;right:2px;background-color:#fff}
.layerSearch { display:block; overflow:hidden; position:relative}
.layerSearch .mapsearch { width: 275px; height: 40px; line-height: 34px; text-indent: 10px; border: 3px solid #2c7613; border-radius: 5px ; font-size: 14px;
}

.button_mapsearch { width: 60px; height: 40px; position: absolute; top: 0; right: 0; background: #2c7613 url(../images/ico_search.png) no-repeat center; text-indent: -9999px; border-radius: 5px;}

.placelist_box { display:block; overflow:hidden; background-color:#FFF; }
.placelist_box li { overflow: hidden; float: left; width: 100%;}
.placelist_box .PlaceItem{ float: left; width: 100%; text-decoration: none; position:relative}
.placelist_box .utile_item {display:block;padding:12px 12px 12px;font-size:12px;color:#08080A; border-bottom:1px solid #ced5dc}
.placelist_box .utile_item .Tit_subject {display:block; overflow:hidden;padding-bottom:3px;font-weight: bold;font-size:15px;color:#2D2D37;line-height:18px;white-space:nowrap;text-overflow:ellipsis; padding-right:45px;}
.placelist_box .utile_item .seb_tx01 {display:block; overflow:hidden;padding-bottom:3px; font-size:13px;color:#333;line-height:19px;white-space:nowrap;text-overflow:ellipsis; padding-right:45px;}
.ico_poiimg { position:absolute; right:10px; top:12px; width:40px; height:40px;  border:1px solid #ced5dc; background: url(../images/icn_poi.png) no-repeat center; border-radius:4px; background-size:20px }
.depo_cont { display:block; overflow-y:auto; background-color:#FFF; max-height: 560px;}

/* 주소 */
.map_LocalInfo {position:absolute; top:10px; left:20px; }
.localinfomap { height:38px; padding:2px 15px 4px 15px; white-space:nowrap; background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px;}
.localinfomap .locArea {display: inline-block; position: relative; margin-top: 9px; padding-right: 14px; background: url(../images/ico_more.png) no-repeat 100% 1px; vertical-align: top; }
.localinfomap .county {display: inline-block; position: relative; margin: 9px 0 0 8px; padding-right: 14px; background: url(../images/ico_more.png) no-repeat 100% 1px; vertical-align: top; }
.localinfomap .town {display: inline-block; position: relative; margin: 9px 0 0 8px; padding-right: 14px;  vertical-align: top;  }
.localinfomap .locArea .prTx, 
.localinfomap .county .prTx, 
.localinfomap .town  .prTx { display:block; margin-top:-1px; font-size:13px; line-height:16px; color:#333 }
.ol-control { opacity: 0px !important; border-radius:inherit !important; background-color: rgba(255,255,255,-3.6) !important; }
.ol-zoom { position: absolute !important; top:48px !important; right: 15px !important; left:inherit !important; border: 1px solid #000; opacity:10 !important; width: 36px !important;  }
.ol-control button { margin:5px 0 5px; color: #000 !important; font-size: 18px !important; background-color: #fff !important; border-radius: 0px !important; width: 36px !important; height: 36px !important; font-family: 'SCDream' !important; font-weight: bold;}


/* 일반지도 */
.map_general {position:absolute; top:6px; right:51px; z-index: 2 }
.box_general { position:relative;  background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.btn_general { overflow: hidden; position: absolute; top: 4px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: #FFF   url(../images/ico_roadsearch.png) no-repeat -57px -80px;   text-indent: -9999px;}
.btn_general:hover { background-color:#e9ecef !important; }
.btn_general.on, btn_satellite.on { border:1px solid #39ba0c  !important; background-color:#e1fadd }

/* 위성지도 */
.map_satellite {position:absolute; top:6px; right:10px; z-index: 2 }
.box_satellite { position:relative;  background-color:#FFF;  }
.btn_satellite { overflow: hidden; position: absolute;  border:1px solid #ced5dc; top: 4px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: #FFF   url(../images/ico_roadsearch.png) no-repeat -26px -56px;   text-indent: -9999px;}
.btn_satellite:hover { background-color:#e9ecef !important; }
.btn_general:hover { background-color:#e9ecef !important; }
.btn_general.on, .btn_satellite.on, .btn_access.on { border:1px solid #39ba0c  !important; background-color:#e1fadd }

/* 현위치 */
.map_access {position:absolute; top:6px; right:93px;  z-index: 2 }
.box_access { position:relative;  background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.btn_access { overflow: hidden; position: absolute; top: 4px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: #FFF   url(../images/ico_roadsearch.png) no-repeat 7px -56px;   text-indent: -9999px;}

.zoom_in { position:absolute; top:45px; right:10px;  }
.box_zoom_in { position:relative;  background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.btn_zoom_in {  overflow: hidden; position: absolute; top: 4px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: #FFF   url(../images/ico_roadsearch.png) no-repeat 6px 6px;   text-indent: -9999px; }

.zoom_out { position:absolute; top:84px; right:10px;  }
.box_zoom_out { position:relative;  background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.btn_zoom_out {  overflow: hidden; position: absolute; top: 4px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: #FFF   url(../images/ico_roadsearch.png) no-repeat 6px -26px;   text-indent: -9999px; }
.btn_access:hover,
.btn_zoom_in:hover,
.btn_zoom_out:hover { background-color:#e9ecef !important; }

/*POI 길정보*/
.mpoi_sizepoi { min-width:200px; max-width:300px; }
.checkBox li { display:block; overflow:hidden; padding:2px 0 2px; }
.checkBox li span { font-size:12px; font-weight:300; line-height:18px; padding-left:5px;}
.point001, .point002, .point003, .point004, .point005, .point006, .point007, .point008, .point009, .point010 {position:relative; font-size:16px; height:38px; font-weight:500; line-height:42px; padding-left:44px; letter-spacing:-1px; overflow:hidden;  }
.point001:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_st.png) no-repeat; background-size:38px;}
.point002:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_tl.png) no-repeat; background-size:38px;}
.point003:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_tr.png) no-repeat; background-size:38px;}
.point004:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_bl.png) no-repeat; background-size:38px;}
.point005:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_sk.png) no-repeat; background-size:38px;}
.point006:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_bbl.png) no-repeat; background-size:38px;}
.point007:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_dk.png) no-repeat; background-size:38px;}
.point008:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_frc_ut.png) no-repeat; background-size:38px;}
.point009:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_wd.png) no-repeat; background-size:38px;}
.point010:before { content: ''; display: block; position: absolute; left:0px; top: 0; width: 40px; height: 40px; background:url(../images/icon_pk.png) no-repeat; background-size:38px;}
.pointBox { display:block; overflow:hidden; padding:4px; border:1px solid #CCC; background-color: #e9ecef;}

/* POI지도정보 */
.map_poi_cont { position:absolute;}
.mpoi_size { min-width:300px; max-width:450px; }
.map_poi_box { background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.map_poi_head { border-bottom:1px solid #ced5dc; position:relative}
.map_poi_head h2.bulh2 { margin-left:5px;  background: url(../images/bullet_ty01.png) no-repeat left 11px; padding:5px 0 5px 10px; font-size:15px;line-height:28px; color:#0f3d64; font-weight:500 }
.mappop_clear { overflow: hidden; position: absolute; top: 0px; right: 5px; width: 36px; height: 36px; font-size: 0; line-height: 0; background: url(../images/ico_roadsearch.png) no-repeat 0 -98px;   text-indent: -9999px;}
.mappop_doc {  overflow:hidden; padding:10px; position:relative}
.content_place { min-height: 62px; padding-right: 109px;}
.content_place:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: '';}
.placehead { font-size:14px; font-weight:600; line-height:18px; padding-bottom:4px }
.placecontent { font-size:13px; line-height:16px; padding-bottom:4px}
.placedate { font-size:12px; line-height:14px;}
.thumb_place { position: absolute;  top: 14px; right: 15px; width: 70px; height: 70px; border:1px solid #CCC; background:url(../images/img_thumb.png) no-repeat }
.thumb_place img { display:block; width:70px; height:70px}

/* POI지도추가정보 */
.addiTion { margin-top:5px; padding: 12px 10px 10px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background-color:#f9f9f9}
.addiTion:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: '';}
.addiTion strong { display:block; height: 20px; font-size: 14px; line-height: 15px; color: #2c7613 ; margin-bottom:5px}
.addiTion  dl+dl { margin-top: 5px; }
.addiTion dl:after { content: ''; display: block; clear: both; }
.addiTion dt { border-radius: 3px; background: #e1e1e1; float: left; font-size: 13px; width: 60px; height:26px; color: #0f3d64; font-weight: 500; text-align: center; margin-right: 9px; line-height: 26px; }
.addiTion  dd { font-size: 13px; line-height: 26px; color: #888; overflow: hidden; padding: 3px 0; }

/* 범례 */
.layer_legend { position:absolute; right:10px; bottom:20px; }
.legend_box { background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.legend_head { border-bottom:1px solid #ced5dc; width:292px; }
.legend_head h2.bulh2 { margin-left:5px;  background: url(../images/bullet_ty01.png) no-repeat left 8px; padding:5px 0 5px 10px; font-size:14px;line-height:20px; color:#0f3d64; font-weight:500 }
.legend_doc {overflow:hidden;font-size:12px;padding:10px;}
.tool_legend_grp {float:left;width:128px;margin: -1px 4px;}
.tool_legend_grp.r_line{border-right: 1px solid #ccc;}
.legend_doc .tool_legend_grp dl {position: relative;margin-top: 5px;padding-right: 20px;line-height: 20px;}
.legend_doc .tool_legend_grp dl:first-child {margin-top: 0;}
.legend_doc .tool_legend_grp dt {color: #333; }
.legend_doc .tool_legend_grp dd {position: absolute; top: 0; right: 0;}
.legend_doc .tool_legend_grp dd > span {display: inline-block; width: 30px; height: 10px; }
.legend_grbtn01 { background-color:#b22222}
.legend_grbtn02 { background-color:#c34c26}
.legend_grbtn03 { background-color:#d46e27}
.legend_grbtn04 { background-color:#e39026}
.legend_grbtn05 { background-color:#f9c416}
.legend_grbtn06 { background-color: #45be71}
.legend_grbtn07 { background-color:#2b788e}

.legend_grbtn08 { background-color:#3d0000}
.legend_grbtn09 { background-color:#910000}
.legend_grbtn10 { background-color:#da0000}
.legend_grbtn11 { background-color:#440154}
.legend_grbtn12 { background-color: #345564}
.legend_grbtn13 { background-color: #0c384d}

.colorBox {display: inline-block; width: 90px; height: 15px;}

/*
.layer_legend { position:absolute; right:10px; bottom:20px; }
.legend_box { background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.legend_head { border-bottom:1px solid #ced5dc; width:200px; }
.legend_head h2.bulh2 { margin-left:5px;  background: url(../images/bullet_ty01.png) no-repeat left 8px; padding:5px 0 5px 10px; font-size:14px;line-height:20px; color:#0f3d64; font-weight:500 }
.legend_doc { overflow:hidden; font-size:13px; padding:10px;}
.legend_doc .tool_legend_grp dl {position: relative; margin-top: 5px; padding-right: 20px;}
.legend_doc .tool_legend_grp dl:first-child {margin-top: 0;}
.legend_doc .tool_legend_grp dt {color: #333; }
.legend_doc .tool_legend_grp dd {position: absolute; top: 0; right: 0;}
.legend_doc .tool_legend_grp dd > span {display: inline-block; width: 50px; height: 10px; }
.legend_grbtn01 { background-color:#F30}
.legend_grbtn02 { background-color:#636}
.legend_grbtn03 { background-color:#390}
.legend_grbtn04 { background-color:#FC0}
.legend_grbtn05 { background-color:#316262}
.legend_grbtn06 { background-color: #00C}
*/

/*poi 범례 정보*/
.layer_poi { position:absolute; right:315px; bottom:20px; }
.poi_box { background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; }
.poi_head {border-bottom:1px solid #ced5dc;width: 344px;}
.poi_head h2.bulh2 { margin-left:5px;  background: url(../images/bullet_ty01.png) no-repeat left 8px; padding:5px 0 5px 10px; font-size:14px;line-height:20px; color:#0f3d64; font-weight:500 }
.poi_doc { overflow:hidden; font-size:12px; padding:10px; }
.tool_poi_grp{ float: left; overflow: hidden; margin: -1px 4px; width: 100px;}
.tool_poi_grp.r_line{border-right: 1px solid #ccc;}
.poi_doc .tool_poi_grp dl {position: relative;/* padding-right: 13px; */width: 90px;margin-right: 18px; line-height: 24px;}
.poi_doc .tool_poi_grp dl:first-child {margin-top: 0;}
.poi_doc .tool_poi_grp dl:last-child{margin-right: 0px;}
.poi_doc .tool_poi_grp dt {color: #333; margin-right: 10px;}
.poi_doc .tool_poi_grp dd {position: absolute; top: 1px; right: 0;}
.poi_doc .tool_poi_grp dd > span {display: inline-block; width: 22px; height: 22px; }
.poi_icon01 {background: url(../images/poi_icon01.png) no-repeat; width:22px; height: 22px;}
.poi_icon02 {background: url(../images/poi_icon02.png) no-repeat; width:22px; height: 22px;}
.poi_icon03 {background: url(../images/poi_icon03.png) no-repeat; width:22px; height: 22px;}
.poi_icon04 {background: url(../images/poi_icon04.png) no-repeat; width:22px; height: 22px;}
.poi_icon05 {background: url(../images/poi_icon05.png) no-repeat; width:22px; height: 22px;}
.poi_icon06 {background: url(../images/poi_icon06.png) no-repeat; width:22px; height: 22px;}
.poi_icon07 {background: url(../images/poi_icon07.png) no-repeat; width:22px; height: 22px;}
.poi_icon08 {background: url(../images/poi_icon08.png) no-repeat; width:22px; height: 22px;}
.poi_icon09 {background: url(../images/poi_icon09.png) no-repeat; width:22px; height: 22px;}
.poi_icon10 {background: url(../images/poi_icon10.png) no-repeat; width:22px; height: 22px;}
.poi_icon11 {background: url(../images/poi_icon11.png) no-repeat; width:22px; height: 22px;}
.poi_icon12 {background: url(../images/poi_icon12.png) no-repeat; width:22px; height: 22px;}
.poi_icon13 {background: url(../images/poi_icon13.png) no-repeat; width:22px; height: 22px;}
.poi_icon14 {background: url(../images/poi_icon14.png) no-repeat; width:22px; height: 22px;}
.poi_icon15 {background: url(../images/poi_icon15.png) no-repeat; width:22px; height: 22px;}
.poi_icon16 {background: url(../images/poi_icon16.png) no-repeat; width:22px; height: 22px;}
.poi_icon17 {background: url(../images/poi_icon17.png) no-repeat; width:22px; height: 22px;}
.poi_icon18 {background: url(../images/poi_icon18.png) no-repeat; width:22px; height: 22px;}
.poi_icon19 {background: url(../images/poi_icon19.png) no-repeat; width:22px; height: 22px;}
.poi_icon20 {background: url(../images/poi_icon20.png) no-repeat; width:22px; height: 22px;}
.poi_icon21 {background: url(../images/poi_icon21.png) no-repeat; width:22px; height: 22px;}


/* 지도정보 */
.list_mountain { border-top:1px solid #eee; position:relative}
.list_mountain .sutit_mn { display: block; padding: 13px 10px; position: relative; font-weight: 600; font-size: 12px; letter-spacing: -0.05em; color: #222; cursor: pointer;}
.sutit_mn .bulh3 { margin-left:5px;  background: url(../images/icon_mountain.png) no-repeat left 0px; padding:8px 0 5px 35px; font-size:15px;line-height:20px; color:#0f3d64; font-weight:500 }
.list_mountain .sutit_mn .se_arr {background: url(../images/ico_menu_updw_arrows.png) no-repeat;}
.list_mountain .sutit_mn .se_arr { display: block; position:absolute; width: 10px; height: 5px; position: absolute; top: 50%; right: 20px; margin-top: -2px;  background-position: 0 0;   }
.list_mountain .sutit_mn .on { background-position: 0 -7px !important;   }
.list_mountain .mn_type_ul { padding: 0px 0px 0px 0px; border-top: 1px solid #eee; background-color: #fafafa; overflow:hidden}

.mn_type_ul .row_mn_sub li { float: left; width: 100%; min-height: 20px;margin-right: 10px; border-bottom:1px solid #ced5dc }
.mn_type_ul .row_mn_sub li:hover { background-color:#eaefdf }
.mn_sub03_con ul li a{display: block;overflow: hidden;font-size: 12px;padding:10px 10px 10px 32px; background: #fff;}
.mn_sub03_con ul li a:hover{color:#2c7613; font-weight: 500;}
.mn_sub03_con ul li a.active{color:#2c7613; font-weight: 500;}
.mn_sub03_con ul li:first-child{border-top: 1px solid #ced5dc;}
.mn_sub03_con ul li:last-child{border-bottom: none;}
.mn_sub03_con ul li:before{content: '';width: 6px;height: 2px;background: #2c7613;position: absolute;margin-top: 17px;left: 20px;}
.row_mn_sub { list-style:none; list-style-type:none; word-break: break-all; }
.row_se_list01:after { content: ""; display: table; }
.su_menu { display:block; overflow:hidden; font-size:14px; padding:10px 0 10px 20px}

/*지도정보 2depth*/
/* .list_mountain_src{width:554px; overflow: hidden; left: 2%; top: 3%; background: #fff; border: 1px solid #ced5dc; position: absolute; padding: 0px 10px;} */
/* .list_mountain_head { border-bottom:1px solid #ced5dc; position:relative} */
/* .list_mountain_head h2.bulh2 { margin-left:5px;  background: url(../images/bullet_ty01.png) no-repeat left 11px; padding:5px 0 5px 10px; font-size:15px;line-height:28px; color:#0f3d64; font-weight:500 } */

/* .src_box {width: 100%; overflow: hidden;} */
/* .src_box .list_search { width: 86%; height: 40px; line-height: 34px; text-indent: 10px; border: 1px solid #0f3d64; border-radius: 5px ; font-size: 14px; float: left; margin-right: 10px;} */
/* .list_searchbtn { width: 60px; height: 40px; position: relative; float: left; background: #014ba1  url(../images/ico_search.png) no-repeat center; text-indent: -9999px; border-radius: 5px;} */

/* .list_mountain_src .src_cons{clear: both; width: 100%; overflow: hidden;} */
/* .list_mountain_src .src_cons ul li{float: left; margin-right: 10px; } */
/* .list_mountain_src .src_cons ul li:last-child{margin-right: 0px;} */
/* .list_mountain_src .src_cons ul li a{padding: 5px; border: 1px solid #ced5dc; display: block; background: #fff;} */
/* .list_mountain_src .src_cons ul li a:hover{background:#0f3d64; color:#fff; font-weight: 600;} */
/* .list_mountain_src .src_cons ul li a.active{background:#0f3d64; color:#fff; font-weight: 600;} */

/* .list_mountain_src .src_list{width: 100%; background: #f7f7f7; overflow: hidden; padding: 5px; max-height: 200px;} */
/* .list_mountain_src .src_list li{float: left; margin-right: 5px;} */
/* .list_mountain_src .src_list li a{display: block; padding: 5px; border: 1px solid #dedede; background: #fff;} */
/* .list_mountain_src .src_list li a:hover{color:#0f3d64; border: 1px solid #0f3d64; font-weight: 500;} */

/*지도정보 2depth 클릭사 나오는 리스트*/
.src_sub_tit{font-weight: bold; font-size: 14px;}
.src_sub_tit span{color:#2c7613;}
.list_mountain_src .src_sub_con .src_sub_list{width: 100%; background: #f7f7f7; overflow: hidden; padding: 8px 10px; }
.list_mountain_src .src_sub_con {width: 100%; overflow: hidden; border-top:1px solid #ccc;}
.src_sub_list ul li:before{content: ''; width: 4px;  height: 4px; background: #2c7613;  position: absolute;  margin-top: 12px;}
.src_sub_list ul li a{line-height: 30px; font-size: 14px; padding-left: 10px;}
.src_sub_list ul li a:hover{ color:#2c7613; font-weight: 500;}
.src_sub_list ul li a.active{ background-color: #74992e; color:#ffffff; font-weight: 500;}

.mn_type_ul .row_mn_sub li { float: left; width: 100%; min-height: 20px;margin-right: 10px; border-bottom:1px solid #ced5dc }
.mn_type_ul .row_mn_sub li:hover { background-color:#eaefdf }
.mn_sub03_con ul li a{display: block;overflow: hidden;font-size: 12px;padding:10px 10px 10px 32px; background: #fff;}
.mn_sub03_con ul li a:hover{color:#2c7613; font-weight: 500;}
.mn_sub03_con ul li:first-child{border-top: 1px solid #ced5dc;}
.mn_sub03_con ul li:last-child{border-bottom: none;}
.mn_sub03_con ul li:before{content: '';width: 6px;height: 2px;background: #2c7613;position: absolute;margin-top: 17px;left: 20px;}
.row_mn_sub { list-style:none; list-style-type:none; word-break: break-all; }
.row_se_list01:after { content: ""; display: table; }
.su_menu { display:block; overflow:hidden; font-size:14px; padding:10px 0 10px 20px}

 /* 페이징 */
.paging_wrap { text-align:center; display:block; overflow:hidden; height:45px; padding:5px; }
.paging_wrap [class*="btn_page_"] { overflow: hidden; position: relative; width: 35px; height: 33px; text-align: left; text-indent: -10000em; vertical-align: middle; border: 1px solid #cdcdcd; background-color:#FFF; cursor:pointer;  }
.paging_wrap [class*="btn_page_"]:before {content: ''; display: block; position: absolute; top: 10px; left: 50%; width: 15px; height: 11px; margin-left: -6px; background: url(../images/btn_all_01.png) no-repeat; }
.paging_wrap .btn_page_first:before { background-position: -94px -30px; }
.paging_wrap .btn_page_last:before { background-position: -184px -30px; }
.paging_wrap .btn_page_prev { margin-left:3px; margin-right:3px}
.paging_wrap .btn_page_next { margin-left:3px;}
.paging_wrap .btn_page_last { margin-left:3px;}
.paging_wrap .btn_page_prev:before { width: 10px; margin-left: -3px; background-position: -124px -30px; }
.paging_wrap .btn_page_next:before { width: 10px; margin-left: -3px; background-position: -153px -30px; }
.paging_wrap a { display: inline-table ; vertical-align: middle; margin-top:1px;  min-width: 25px;  font-size: 13px; color: #444; line-height: 18px; color:#123461; text-align:center; border:1px solid #ebebeb; padding:8px 2px 6px; cursor:pointer; }
.paging_wrap button.current, .paging_wrap a.current { color: #26334f; font-weight: 500; text-decoration: underline; background-color:#FBFBFB;  /*cursor: not-allowed; */ }

/* 콘텐츠 없음 */
.page_none { display:block; overflow:hidden; padding:5px; border:1px solid #ced5dc; background:url(../images/ico_pagenone.png) center no-repeat; background-size:50px; background-position: center 10px; height:100px; margin:5px; }
.page_none p { text-align:center; font-size:14px; padding-top:65px;}

/*사이드바*/
.side_mountain_con{position: absolute; left: 100%; width: 350px; height: 100%;  background: #fff; top: 0px; padding: 10px; box-shadow: 2px 2px 2px #cdcdcd;}
.side_mountain_con .list_mountain_head .mappop_clear{top:-4px;}
.list_mountain_head { border-bottom:1px solid #ced5dc; position:relative}
.list_mountain_head h2.bulh2 {padding:5px 0px 5px 0px; font-size:18px;line-height:28px; color:#0f3d64; font-weight:500 }
.src_box {width: 100%; overflow: hidden;}

.src_box .list_search { width: 78%; height: 40px; line-height: 34px; text-indent: 10px; border: 1px solid #0f3d64; border-radius: 5px ; font-size: 14px; float: left; margin-right: 10px;}
.list_searchbtn { width: 60px; height: 40px; position: relative; float: left; background: #014ba1  url(../images/ico_search.png) no-repeat center; text-indent: -9999px; border-radius: 5px;}

.src_cons{clear: both; width: 100%; overflow: hidden;}
.src_cons ul{overflow: hidden;}
.src_cons ul li{float: left; margin-right: 10px; font-size: 16px;}
.src_cons ul li:last-child{margin-right: 0px;}
.src_cons ul li a{padding: 5px 10px; border: 1px solid #ced5dc; display: block; background: #fff;}
.src_cons ul li a:hover{background:#0f3d64; color:#fff; font-weight: 600;}
.src_cons ul li a.active{background:#0f3d64; color:#fff; font-weight: 600;}

.src_list_con{max-height: 700px;}
.src_list{width: 100%; background: #f7f7f7; padding: 5px 0px 0px 5px; max-height: 200px;  overflow-y:auto;}
.src_list li{float: left; margin-right: 5px; margin-bottom: 5px;}
.src_list ul li a{display: block; padding: 5px; border: 1px solid #dedede; background: #fff;}
.src_list ul li a:hover{color:#0f3d64; border: 1px solid #0f3d64; font-weight: 500;}
.src_list ul li a:active{ background-color: #0f3d64; color:#ffffff;  border: 1px solid #0f3d64; font-weight: 500;}
.src_list ul li a:focus{ background-color: #0f3d64; color:#ffffff;  border: 1px solid #0f3d64; font-weight: 500;}

.src_sub_tit{font-weight: bold; font-size: 16px;}
.src_sub_tit span{color:#2c7613;}
.src_sub_con .src_sub_list{width: 100%; background: #f7f7f7; overflow: hidden; padding: 8px 10px; }
.src_sub_con {width: 100%; overflow: hidden; border-top:1px solid #ccc;}
.src_sub_list ul li:before{content: ''; width: 4px;  height: 4px; background: #3e84bf;  position: absolute;  margin-top: 12px;}
.src_sub_list ul li a{line-height: 30px; font-size: 14px; padding-left: 10px;}
.src_sub_list ul li a:hover{ color:#3e84bf; font-weight: 500;}

/* 푸터정보 */
.footer { position: absolute; width:349px; bottom:0px;  overflow: hidden; min-height: 22px; padding: 10px 0 8px; border-top: 1px solid #ddd; font-size: 12px; line-height: 22px; background-color: #f5f5f5; text-align: center; white-space: nowrap;}
.footer_title { font-size:13px; line-height:20px; font-weight:bold }
.footer_infor { font-size:12px; line-height:18px; }


/* 숲길POI추가 */
.layer_mapcont { position:absolute; right:370px; bottom:20px; }
.mapcont_box { background-color:#FFF; border:1px solid #ced5dc; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius:4px; height:250px; }
.mapcont_head { border-bottom:1px solid #ced5dc; width:200px; }
.mapcont_head h2.bulh2 { margin-left:5px;  background: url(../images/bullet_ty01.png) no-repeat left 8px; padding:5px 0 5px 10px; font-size:14px;line-height:20px; color:#0f3d64; font-weight:500 }
.mapcont_doc { display:block; overflow:hidden; font-size:13px; padding:10px; }
.mapcont_doc .check_maps_grp ul {position: relative; margin-top: 5px; padding-right: 20px;}
.mapcont_doc .check_maps_grp ul:first-child {margin-top: 0;}
.mapcont_doc .check_maps_grp li {color: #333; margin:8px 0 3px}
.check_maps_grp ul .mapcont_menu03_con{display: none;}
.check_maps_grp ul .mapcont_menu li{ padding-left:21px;}
.mapcont_menu .mapcon_btn{background:#0f3d64; width:16px; height: 16px; }
.mapcont_menu .mapcon_btn{background: #0f3d64 url(../images/mapcont_plus.png) no-repeat; width: 16px; height: 16px; background-position: 2px 2px;}
.mapcon_btn_close {background: #0f3d64 url(../images/mapcont_minus.png) no-repeat;  width: 16px;  height: 16px; background-position: 2px 2px;}

.check_maps_grp ul li a{display: block; }
.check_maps_grp ul li a span:hover{color:#0f3d64; font-weight:500;}
.check_maps_grp ul li .menu03 li a{padding-left: 21px;}
.check_maps_grp ul li .menu03 li a:hover{text-decoration: underline;}
.maps_check { display:block; overflow:hidden; height:180px;}
.maps_check label {font-size: 13px;}
.maps_check label:first-child { margin-right: 20px; cursor:pointer; }
.maps_check label input[type="checkbox"] { width:16px;height: 16px;vertical-align:-2px; margin-right:5px; }