@font-face { font-family: 'NEXON Lv2 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff'); font-weight: normal; font-style: normal; }


html, body { height: 100%; margin: 0; padding: 0; font-family:'NEXON Lv2 Gothic' !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.hand { cursor:pointer; }
#map { width:100%; height:100%; position:relative; overflow:hidden; }
#map button { outline:none; }
.wrap { position: fixed; top: 700px; width: 375px; min-height: 108px; text-align: left; font-size: 12px; line-height:1.5; display: none; z-index: 9999}
.wrap.on {display: block;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {
    /*width: 350px;
    min-height: 158px;*/
    width: 98%;
    margin: 0 auto;
    min-height: 108px;
    border-radius:5px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgb(0, 0, 0);
    -moz-box-shadow: 0 1px 3px rgb(0, 0, 0);
    box-shadow: 0 1px 3px rgb(0, 0, 0);
}

.bold { font-weight:bold; }
.info .title { padding:10px; color:#0666CA; background: #eee; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: bold; display: flex; align-items: center}
.info .close {position: absolute; top:15px; left:initial; right: 20px; color:#555; width:17px; height: 17px;background: url('../img/overlay_close.png');border:0px; display: none;}
.info .close:hover {cursor: pointer;}
.wrap.on .info .close {display: block;}
.info i { color:#dd6666; font-size:14px; }
.info .fa-fax { padding-left:10px; }
.info .address { width:100%; color:#555; }
.info .telno { width:100%; color:#555; }
.info .body {position: relative;overflow: hidden; padding-right:10px;  display: none}
.wrap.on .info .body {display: block}
.info .desc {position: relative;margin: 8px; height: 45px;}
.desc .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.desc .jibun {font-size: 11px;color: #888;margin:4px 0px 3px 0px;}
.info .img { position:absolute; top:0px; left:0px; width:90px; height:90px; border:0px; overflow:hidden;}
.info .t-img { position: relative; width: 30px; height: 30px; margin-right: 10px;}
.info .t-img img {width: 100%;}
/*.info:after { content: '';position: absolute;margin-left: -12px; left: 50%;bottom: -10px;width: 22px;height: 12px;background: url('../img/vertex_white.png')}*/
.info .link { color: #5085BB; }
.info .btns { padding:5px 0px 8px 5px; }
.info button.useBtn { border:0px; width:82px; background:#777; color:#fff; border-radius:3px; margin-right:3px; padding:5px 0px; cursor:pointer; }
.info button:hover { background:#dd6666; }

#map_wrap { position:relative;overflow:hidden;width:375px;height:812px; margin: 0 auto;}

/* 로드뷰를 위한 CSS 시작 */
#mapWrapper {width:100%; height:100%; z-index:1;}
#rvWrapper{ display:none; width:100%; height:65%; bottom:0; right:0; position:absolute; z-index:0; }
#map_wrap.view_roadview #mapWrapper { width: 100%; height:35%; }


#roadviewControl {position:absolute;top:105px;right:7px;width:42px;height:42px;z-index: 1;cursor: pointer; background: url('../img/img_search.png') 0 -450px no-repeat;}
#roadviewControl.active {background-position:0 -350px;}
#roadmapclose {position: absolute;padding: 4px;top: 30px;left: 10px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888; z-index:2;}
#roadmapclose .img {display: block;background: url('../img/rv_close.png') no-repeat;width: 14px;height: 14px;}
/* 로드뷰를 위한 CSS 끝 */

.radius_border { border:1px solid #919191; border-radius:5px; }
.custom_typecontrol2 { position:absolute; bottom:10px; right:10px; overflow:hidden; width:auto; height:30px; margin:0; padding:0; z-index:1; font-size:12px; }
.custom_typecontrol2 span { display:block; width:70px; height:30px; float:left; text-align:center; line-height:30px; cursor:pointer;}
.custom_typecontrol2 .ebtn { background:#fff; background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol2 .xbtn { background:#fff; background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol2 .xbtn:hover { background:#dd6666; background:linear-gradient(#dd6666, #dd1111); color:#fff; }
.custom_typecontrol2 .ebtn:hover { background:#dd6666; background:linear-gradient(#dd6666, #dd1111); color:#fff; }
.custom_typecontrol2 .ebtn:active { background:#e6e6e6; background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol2 .selected_btn { color:#fff; background:#425470; background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol2 .selected_btn:hover {color:#fff;}
.btn_active { color:#fff; background:linear-gradient(#0565C9, #0E8CE8) !important; }

.custom_typecontrol3 { position:absolute; border-bottom:1px solid #919191; top:0px; left:0px; overflow:hidden; width:240px; height:30px; margin:0; padding:0; z-index:1; font-size:12px; }
.custom_typecontrol3 span { display:block; width:80px; height:30px; float:left; text-align:center; line-height:30px; cursor:pointer;}
.custom_typecontrol3 .abtn { background:#fff; background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol3 .abtn:hover { background:#f5f5f5; background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol3 .abtn:active { background:#e6e6e6; background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol3 .selected_btn { color:#fff; background:#dd6666; background:linear-gradient(#dd6666, #dd1111);}
.custom_typecontrol3 .selected_btn2 { color:#fff; background:linear-gradient(#0565C9, #0E8CE8);}
.custom_typecontrol3 .selected_btn:hover {color:#fff;}

.custom_zoomcontrol {position:absolute; top:145px; right:262px; width:36px;height_:490px;height:auto;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block; width:36px; height:40px; line-height:40px; text-align:center; cursor:pointer; border-bottom:1px solid #bfbfbf;}
.custom_zoomcontrol span:last-child{border-bottom:0px solid #bfbfbf;}
.custom_zoomcontrol .mypoint { font-size:22px; }

.searchlist { position:absolute; overflow:hidden; top:10px; right:10px; width:242px; height:95%; z-index:1; padding: 35px 5px 20px 5px; }
.searchlist ul { height:87%; overflow:hidden; overflow-y:auto; }
.searchlist li { cursor:pointer; padding:8px 5px 10px 0px; border-bottom:1px solid #ccc; }
.searchlist li:hover { background:#dd6666; color:#fff; border-radius:3px;}
.searchlist li span { display:block; font-size:11px; width:100%; padding:3px 5px 3px 8px;}
.searchlist li span.name { font-size:14px; font-weight:bold; }

#sch { position:absolute; width:100%; text-align:center; height:45px; border-radius:5px; overflow:hidden; margin-bottom:10px; top: 5px; z-index: 99; }
#sch input { border: 0;
    padding: 8px 10px;
    width: 90%;
    box-shadow: 0 0 3px 1px #d2d2d2; }
#sch input:focus { border:0px !important; outline:none !important; background:#FFEDDB;}
#sch .btn_submit { position:absolute; top:0px; right:0px; padding:8px 10px; background:#dd3333; outline:none; display: none;}

.searchlist_bg { position:absolute; top:10px; right:10px; width:242px; height:95%; background:#fff; z-index:1; opacity:0.9; border-radius:5px; padding: 50px 10px 20px 10px; }

.hAddr {position:absolute;left:10px;top:10px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:10px;}
#centerAddr {display:block;margin-top:2px;font-weight: normal;}
.bAddr { padding:8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:14px}
.bAddr span { display:block; width:100%; padding:4px 0px; }

/*
* 검색 관련 시작
*/
#menu_wrap_ {position:absolute;top:0;left:0;bottom:0;width:250px;margin:10px 0 30px 10px;padding:5px;overflow-y:auto;background:rgba(255, 255, 255, 0.95);z-index: 1;font-size:12px;border-radius: 10px;}
#menu_wrap_ hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#placesList li {list-style: none;}
#placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;}
#placesList .item span {display: block;margin-top:4px;}
#placesList .item h5, #placesList .item .infol {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#placesList .item .infol {padding:10px 0 10px 0px;}
#placesList .infol .gray {color:#8a8a8a;}
#placesList .infol .jibun {padding-left:26px;background:url('../img/places_jibun.png') no-repeat;}
#placesList .infol .tel {color:#009900;}
#placesList .item .marker_1 {background-position: 0 -10px;}
#placesList .item .marker_2 {background-position: 0 -56px;}
#placesList .item .marker_3 {background-position: 0 -102px}
#placesList .item .marker_4 {background-position: 0 -148px;}
#placesList .item .marker_5 {background-position: 0 -194px;}
#placesList .item .marker_6 {background-position: 0 -240px;}
#placesList .item .marker_7 {background-position: 0 -286px;}
#placesList .item .marker_8 {background-position: 0 -332px;}
#placesList .item .marker_9 {background-position: 0 -378px;}
#placesList .item .marker_10 {background-position: 0 -423px;}
#placesList .item .marker_11 {background-position: 0 -470px;}
#placesList .item .marker_12 {background-position: 0 -516px;}
#placesList .item .marker_13 {background-position: 0 -562px;}
#placesList .item .marker_14 {background-position: 0 -608px;}
#placesList .item .marker_15 {background-position: 0 -654px;}
#placesList .noData { display:block; width:100%; text-align:center; font-weight:bold; color:#dd6666; padding-top:20px;  }

#map_level { background:#465874; color:#FFFF00; font-weight:bold; font-size:16px; }

#total_count { width:100%; padding:0px 0px 5px 5px; font-weight:bold; }
#total_count .tcnt { color:red; }

#__zoomIn:hover { background: linear-gradient(#dd6666, #dd1111); color:#fff; }
#__zoomOut:hover { background: linear-gradient(#dd6666, #dd1111); color:#fff; }
.custom_zoomcontrol span:hover { background: linear-gradient(#dd6666, #dd1111); color:#fff; }

#pagination { padding:10px 0px; text-align: center; width:100%; position:absolute; bottom:0px; left:0px; background:#fff; }
#pagination a {display:inline-block;margin:0px 3px 0px 0px; width:25px; height:25px; line-height:22px; background:#eee; border:1px solid #ccc;}
#pagination .on {font-weight:bold; cursor: default; background:#dd6666; color:#fff;}
/*
* 검색 관련 끝
*/

.id_none { display:none; }

#category_search {
    position: absolute;
    top: 50px;
    left: 50%;
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 1;
    font-size: 12px;
    transform: translate(-50%, 0);
}
/*#category_search span {
    padding: 5px 15px;
    background: #ec4242;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    margin-right: 10px;
}
#category_search span:hover {
    cursor: pointer;
    background: #ee9090;
}*/

@media only screen and (max-width: 600px) {
    #map_wrap {width: 100%; height: 100%;}
    .wrap { position: fixed; top: initial; bottom: 10px; width: 100%; min-height: 108px; text-align: left; font-size: 12px; line-height:1.5; display: none; z-index: 9999}
    #rumipopup {width: 100% !important}
}