@charset "UTF-8";
/* reset style */
/* 초기화, 기본설정, 글로벌CSS  */
/* local */
html *{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed,
figure, figcaption, header, footer, menu, nav, section, summary, audio, video {
    margin: 0; padding: 0; border: 0; line-height:inherit; -webkit-text-size-adjust:none; /* -webkit-text-size-adjust:100%; */ -webkit-print-color-adjust:exact;
}
article,aside,details,figcaption,figure,footer,hgroup,header,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; }

body{
    position:relative;
    font-size:17px;
/*     font-weight:300; */
    line-height:1em;
    color:#444;
    font-family:"PretendardGOV", sans-serif;
    letter-spacing: -0.05em;
}

img, fieldset, object{ vertical-align:middle; border:0 none; margin: 0; padding: 0; }
figure, figcaption{ margin:0;padding:0 }
b, strong{ font-weight: 300; }
i, em, dfn, cite, address, optgroup{ font-style: normal; }
table tbody td i, table tbody td span, table tbody td em, table tbody td strong{ vertical-align: middle;}
hr{display:none;}
audio, canvas, progress, video{ display:inline-block; vertical-align:baseline; }
mark{background-color: #ff0; color: #000;}
small{font-size: 80%;}
sup,sub{ position: relative; font-size: .9em; line-height: 0; vertical-align: baseline; }
sub{ bottom: -0.25em; }
sup{ top: -0.5em; }
del{ text-decoration: line-through; }
ol, ul, li { list-style:none;}
table, thead, tbody {border-collapse:collapse; border-spacing:0;}
legend, caption { position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
button{box-shadow:none; border:none; vertical-align:top; border-radius:0; background:none;}
button:hover,
button:active,
button:focus{cursor:pointer;}
a { color:#444; text-decoration:none; background-color:transparent;} /** * IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a:hover{ text-decoration:underline;}
a[href^="tel"]{color:inherit; text-decoration:none;}
label{ cursor:pointer; vertical-align:middle;}
input, button, select{vertical-align:middle;}

/* 입력 form */
input, select, textarea{
    color:#444; background:#fff;
}
select, input[type="number"], input[type="text"], input[type="file"], input[type="password"] {
    line-height:35px; padding:0 0 0 10px;  border:1px solid #d5d5d5;
}
select, textarea, input[type="text"], input[type="file"], input[type="password"] {
    max-width: 100%;
}

/* 한글우선 */
textarea, input[type="text"]{
    ime-mode:active;
    -webkit-ime-mode:active;
    -moz-ime-mode:active;
    -ms-ime-mode:active;
}

/*********************  Global Style ***************************/

/* hidden Text */
.sr-only, .skip { position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}

.clearfix{}
.clearfix:after { content:" "; display:block; clear:both; height:0;}
.clear{clear:both; width:100%;}

/*정렬*/
.taC{ text-align:center;}
.taL{ text-align:left;}
.taR{ text-align:right;}

.fL {float:left;}
.fR {float:right;}

.red{ color: #e52601;}
.bold{ font-weight: 700;}

/* width %*/
.w100 {width: 100%;}

/* margin */
.mt5 {margin-top: 5px;}
.mt8 {margin-top: 8px;}

/* select */
select {
    padding-right: 32px;
    background: url(/images/common/ico_select_arr.png) no-repeat 90% 50%;
/*     background-color: #fff; */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 6px;
    font-size: 17px;
    width: 160px;
    margin: 0;
}
select.sel_ie {
    padding-right:0;
    background-color: #fff;
    background-image: none;
}
/*marker 공통*/
/* .marker { display: block; width: 36px; height: 47px; background: url(/images/share_map/marker_off.png) no-repeat center center; }
.marker .in_txt { display: inline-block; width: 100%; margin-top: 8px; font-size: 16px; font-weight: bold; color: #0fa3de; text-align: center; }
.marker.on { background-image: url(/images/share_map/marker_on.png); }
.marker.on .in_txt { color: #e30070;} */

/*=============================== 공유지도 ==============================================*/

html,body{ width: 100%; height: 100%;}

.wsize{ max-width: 94%; margin: 0 auto; }
.wrap{ position: relative; width: 100%; height: 100%;}


/*====== map 컨텐츠 ======*/
#share_map_cnt{ position: fixed; z-index: 999; top:0; right: 0; width: 392px; height: 100%; background: #eef2f5; transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.12);}/*컨텐츠 전체 bg*/ /*20210103 수정*/

#share_map_cnt .aside_bar{ position: absolute; top: 0; left: 0; width: 10px; height: 100%; box-shadow: 4px 5px 13px rgba(0, 0, 0, 0.7); }
/* #share_map_cnt .aside_bar .bar_shadow{ position: relative; z-index: 1; display: block;  width: 100%; height: 100%; background: url(/images/share_map/map_shadow.png) repeat-y 0 0; } */
#share_map_cnt .aside_bar .bar_btn{ position: absolute; top: 15px; left: -20px; z-index: 0; display: block;  width: 20px; height: 32px; background: #fff; border-radius: 5px 0 0 5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.38); border: 1px solid #C6C6C6;}
#share_map_cnt .aside_bar .bar_btn:before{ content: ""; margin-left: -4px; display: inline-block; width: 8px; height:8px; border: 2px solid #006aee; border-left: 0px; border-top: 0px; transform: rotate(-45deg); transition: transform 0.3s; }
#share_map_cnt .aside_bar .bar_btn.closed:before{ transform: rotate(135deg); margin-left: 8px;}

@media screen and ( max-width:768px){
    #share_map_cnt .aside_bar{ display: none;}
}

/*상단로고*/
/*#share_map_cnt*/ .cnt_title{ position: relative; padding: 14px 0; background:#003caa; z-index: 999; }/*헤더 bg*/
/*#share_map_cnt*/ .cnt_title .logo{line-height: 33px; padding-left: 40px; background: url(/images/share_map/emb.png) no-repeat 0 0; background-size: contain; font-size: 18px; font-weight: 700;  color: #fff; letter-spacing:-0.05em;}
/*#share_map_cnt*/ .cnt_title .logo .sb_txt{ margin-left: 7px; font-size: 17px; font-weight: 500; letter-spacing: -0.05em; }
/*#share_map_cnt*/ .cnt_title .go_home{ position: absolute; top: 10px; right: 15px; width: 40px; height: 35px; border-radius: 50px; background: url(/images/share_map/map_ico_home.png) no-repeat center center; background-size: 22px auto; background-color: #235297; }
/*#share_map_cnt*/ .cnt_title .go_home:hover{ background-color: #1765d4; }
.cnt_title .util_top {padding: 10px 0;}
.cnt_title .util_top li {float:left;}
.cnt_title .util_top li + li {margin-left: 20px; border-left: 1px solid #fff; padding-left: 20px;}
.cnt_title .util_top li a { padding: 10px 0;  font-size: 15px; color:#fff; line-height: 10px; }


@media screen and ( max-width:768px){
    #share_map_cnt{ width: 100%; height: auto; }
    /*상단로고*/
    #share_map_cnt .cnt_title{}
    #share_map_cnt .cnt_title .logo{ /*height: 24px; line-height: 24px; padding-left: 28px; font-size: 16px;*/  }
    #share_map_cnt .cnt_title .logo .sb_txt{ margin-left: 5px; font-size: 14px;}
}



/*======검색영역=====*/
/*자원검색*/
/*#share_map_cnt .search_group{}*/
.search_group{  background: #fff;  }/*검색기능 전체 bg*/
.search_group .sch_info{ position: relative; padding: 20px 0 10px; background: #4773b4; }/*자원검색 bg*/
.search_group .sch_info .ti{ font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px; color: #fff;}
.search_group .sch_info .sm_toggle{ display: none; } /*==== 모바일제어=====*/
.search_group .sch_info .sec_list{}
.search_group .sch_info .sec_list > li{ float: left; width: 33.33%;}
.search_group .sch_info .sec_list > li+li{ padding-left: 5px;}
.search_group .sch_info .sec_list > li > select{ width: 100%; border: none;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
}
.search_group .sch_info .sch_bg_box{ position: relative; height: 35px; padding: 3px; margin-top: 5px;  padding-right: 60px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
}
.search_group .sch_info .sch_bg_box .s_txt{ width: 100%; height: 100%; border: none;}
.search_group .sch_info .sch_bg_box .s_btn{ position: absolute; top: 3px; right: 0; width: 60px; height: 30px; background: url(/images/share_map/ico_srch.png)no-repeat center center; background-size: 22px auto;}
.search_group .sch_info .sch_bg_box .s_btn:hover{background-color: #f3f3f3;}
.search_group .sch_info .curr_check{ padding: 3px 0; color: #fff; }
.search_group .sch_info .curr_check input{ width: 17px; height: 17px; border: none; background: #fff;}
/* .mapAddr{margin-top: 20px; } */

@media screen and ( max-width:768px){
    .search_group{  background: #fff; }
    .search_group .sch_info{ position: relative; padding: 0px 0 10px;}
    .search_group .sch_info .ti{ display: none;}
    .search_group .sch_info .sm_toggle{ display: block; text-align: right; padding: 5px 0px; } /*==== 모바일제어=====*/
    .search_group .sch_info .sm_toggle .sm_btn{ position: relative; display: inline-block; padding: 5px 25px 5px 10px ; font-size: 12px; letter-spacing: -0.05em; color: #fff; border: 1px solid #8dafe0; border-radius: 30px; }
    .search_group .sch_info .sm_toggle .sm_btn.on{ background: #173869;}
    .search_group .sch_info .sm_toggle .sm_btn:after{ content: ""; position: absolute; top: 7px; right: 10px; display: inline-block; width: 5px; height: 5px; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg); transition: transform 0.3s;}
    .search_group .sch_info .sm_toggle .sm_btn.on:after{ top: 10px; transform: rotate(-135deg);}
    .search_group .sch_info .sm_toggle .sm_btn:hover{ text-decoration: none;}
    .search_group .sch_info .sm_toggle .sm_btn.bt2{  display: inline-block;}
    .search_group .sch_info .sec_list{ display: block; }
    .search_group .sch_info .sec_list > li{ float: left; width: 33.33%;}
    .search_group .sch_info .sec_list > li+li{ padding-left: 5px;}
    .search_group .sch_info .sec_list > li > select{ width: 100%;}
    .search_group .sch_info .sch_bg_box{ }
    .search_group .sch_info .sch_bg_box .s_txt{ width: 100%; height: 100%; border: none;}
    .search_group .sch_info .sch_bg_box .s_btn{ }
    .mapAddr{ margin-top: 180px; }

    .result_group .result_top #hideBtn{ content: ""; position: absolute; top: 7px; right: 10px; display: inline-block; width: 15px; height: 15px; border: 2px solid black; border-top: none; border-left: none; transform: rotate(45deg); transition: transform 0.3s; top: 30%; left: 77%;}
    .result_group .result_top #hideBtn.on { content: ""; position: absolute; top: 7px; right: 10px; display: block; width: 15px; height: 15px; border: 2px solid black; border-bottom: none; border-right: none; transform: rotate(45deg); transition: transform 0.3s; top: 40%; left: 77%;}
}


/*주변탐색*/
.search_group .around_info { padding: 20px 0; background: #d9e7fa;}
.search_group .around_info .ti{ color: #000; font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px;}
.search_group .around_info .list { }
.search_group .around_info .list > li{ float: left; padding-right: 3px; padding-bottom: 5px;}
.search_group .around_info .list > li > a{
    display: inline-block;
    padding: 6px 10px;
    font-size: 13px; color: #000;
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
}
.search_group .around_info .list > li > a:hover{ text-decoration: none; background-color: #0c6bfa; color: #fff;}
.search_group .around_info .list > li.on > a{ background-color: #0c6bfa; color: #fff;}

.search_group .around_info .option_group{}
.search_group .around_info .option_group .option_dl{ position: relative; height: 35px; padding-left: 80px; margin-bottom: 5px;}
.search_group .around_info .option_group .option_dl:last-child{  margin-bottom: 15px;}

.search_group .around_info .option_group .option_dl > dt{ position: absolute; top:0; left: 0; width: 80px; height: 100%; background: #4773b4; color: #fff; padding-left: 10px; line-height: 35px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.search_group .around_info .option_group .option_dl > dt > label{ vertical-align: baseline;}
.search_group .around_info .option_group .option_dl > dd{ width: 100%; height: 100%;}

.search_group .around_info .option_group .option_dl.addr > dd > input{ width: 100%;  border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: none;}
.search_group .around_info .option_group .option_dl.addr > dd > button{position: absolute; top: 3px; right: 0; width: 60px; height: 30px; background: url(/images/share_map/ico_srch.png)no-repeat center center; background-size: 22px auto;}
.search_group .around_info .option_group .option_dl.addr > dd > button:hover{background-color: #f3f3f3;}
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list{ width: 100%;  height: 100%; padding-left: 8px; padding-top: 5px; background: #fff;   border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list > li{ float: left;}
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list > li + li{ margin-left: 8px;}
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list > li > input{ width: 17px; height: 17px;}

@media screen and ( max-width:768px){
    .search_group .around_info { display: none; margin-top: 0px; }
    .search_group .around_info .ti{ display: none; }
    .search_group .around_info .list { }
    .search_group .around_info .list > li{ float: left; padding-right: 3px; padding-bottom: 3px;}
    .search_group .around_info .list > li > a{ display: inline-block; padding: 5px 10px; border-radius: 50px; background: #fff; font-size: 13px; color: #000;}
}

/*설맞이 주차장 검색 - 기존 주변검색에 케스케이딩*/
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list{}
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list > li{ float: left; width: 50%;}
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list > li+li{ padding-left: 5px;}
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list > li > select{ width: 100%; border: none; border-radius: 3px;  background-color: #fff; }

.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box{ position: relative; height: 35px; padding: 3px; margin-top: 5px;  padding-right: 60px; border-radius: 3px; background-color: #fff;}
.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box .s_txt{ width: 100%; height: 100%; border: none;}
.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box .s_btn{ position: absolute; top: 3px; right: 0; width: 60px; height: 30px; background: url(/images/share_map/ico_srch.png)no-repeat center center; background-size: 22px auto;}
.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box .s_btn:hover{background-color: #f3f3f3;}

.search_group .around_info.parking_type .parking_sch_btn{ text-align: center;}
.search_group .around_info.parking_type .parking_sch_btn .btn{ display: inline-block; width: 50%; background: #e52601; padding: 10px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8; text-align: center;}
.search_group .around_info.parking_type .parking_sch_btn .btn:hover{ opacity: 1;}

@media screen and ( max-width:768px){
    .search_group .around_info.parking_type { display: block; margin-top: 0px; }
}


/*======결과영역=====*/
/*#share_map_cnt .result_group{}*/
.result_group{ /*display: none;*/ position: relative; background: #fff;  }
.result_group .result_top{ position: relative; padding:16px 10px; height: 55px; } /*기본 부모가 display:none 라서 자신의 높이값은 지정해 주어야 함*/
.result_group .result_top .ti{ color: #444; font-weight: 500; font-size: 15px; letter-spacing: -0.05em;}
.result_group .result_top .sm_close_btn{ position: absolute; top: 10px; right: 10px;  display: inline-block; border: 1px solid #dedede; width: 30px; height: 30px; background: #fff;}
.result_group .result_top .sm_close_btn:before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) rotate(45deg); margin-top: -2px; display: inline-block; width: 23px; height: 3px; background: #444;}
.result_group .result_top .sm_close_btn:after{ content: "";  position: absolute; top: 50%; left: 50%; transform: translateX(-50%) rotate(-45deg); margin-top: -2px; display: inline-block; width: 23px; height: 3px; background: #444;}
.result_group .result_top .r_txt{font-size: 15px; color: #000; padding: 5px 0;}

.result_group .result_list_wrap{ height: 500px; overflow-y: scroll; padding: 0 16px 15px;}
.result_group .result_list_wrap .list{}
/* .result_group .result_list_wrap .list > li{ border-bottom: 1px solid #d9d9d9; } */
.result_group .result_list_wrap .list > li > .inner{ position: relative; padding: 30px 20px; } /*20210103 수정*/
.result_group .result_list_wrap .list > li > .inner .marker{ position: absolute; top: 20px; left: 20px; } /*20210103 수정*/
.result_group .result_list_wrap .list > li:hover > .inner{ background: #eff7ff;}
.result_group .result_list_wrap .list > li.on > .inner{ background: #eff7ff;}

.result_group .result_list_wrap .list > li > .inner a:hover{ text-decoration: none;}
.result_group .result_list_wrap .list > li > .inner .sbj{ display: inline-block; margin-bottom: 8px; padding-left: 44px; font-size: 19px; font-weight: 500; color: #222; line-height: normal;}
.result_group .result_list_wrap .list > li > .inner .sbj .char_txt{ margin-right: 5px; font-size: 17px;  font-weight: 700; color: #2636fd;}
.result_group .result_list_wrap .list > li > .inner .etc_list{ font-size: 12px;}
.result_group .result_list_wrap .list > li > .inner .etc_list > li{ position: relative;
    padding-left: 76px;
    line-height: 24px;
    font-size: 16px;
    color: #555;
    letter-spacing: -0.6px;}
/* .result_group .result_list_wrap .list > li > .inner .etc_list > li:after{ content: ""; position: absolute; top: 5px; left: 0px; width: 2px; height: 2px; background: #484848;  } */
.result_group .result_list_wrap .list > li > .inner .etc_list > li + li {
    margin-top: 4px;
}
.result_group .result_list_wrap .list > li > .inner .etc_list > li .s_ti{ position: absolute;
    left: 0;
    display: inline-block;
    margin-right: 8px;
    width: 65px;
    line-height: 24px;
    background: #EFF5FF;
    border-radius: 4px;
    color: #1D56BC;
    font-weight: 600;
    font-size: 15px;
    text-align: center;}
    
.result_group .result_list_wrap .list > li > .inner .etc_list > li .tel{ color: #4f740a;}
.result_group .result_list_wrap .list > li > .inner.on{ background: #c8effb;}
.result_group .result_list_wrap .list > li > .inner.on.active{ background: #adced9;}
.overlay_list.on{ background: #adced9;}

@media screen and ( max-width:768px){
    .result_group{ position: fixed; z-index: 999; width: 100%; bottom: 0; left: 0; }
    .result_group .result_top{ height: 50px; padding:15px 0 10px; border: none; background: #f0f0f0;}
    .result_group .result_top .ti{ /* display: none; */ /*font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px;*/} /* 20201229 */
    .result_group .result_top .sm_close_btn{ top: 10px; right: 15px;}
    .result_group .result_top .r_txt{ font-size: 15px; color: #000; padding: 5px 80px 0px 0px; white-space: normal;}

    .result_group .result_list_wrap{ height: 160px !important; width: 100%; overflow-y:scroll; }
    .result_group .result_list_wrap .list{ }
    .result_group .result_list_wrap .list > li{  }
    .result_group .result_list_wrap .list > li > .inner{  padding: 8px 10px 8px 50px; }
    .result_group .result_list_wrap .list > li > .inner .sbj{ display: inline-block; margin-bottom: 5px; font-size: 15px; font-weight: 700; color: #000;}
    .result_group .result_list_wrap .list > li > .inner .sbj .char_txt{ margin-right: 5px; font-size: 17px;  font-weight: 700; color: #2636fd;}
    /* .result_group .result_list_wrap .list > li > .inner .etc_list{ margin-left:20px } */ /* 20201226 */ /* 20201229 삭제 */
    .result_group .result_list_wrap .list > li > .inner .etc_list > li{ margin-bottom: 2px;}

    .search_group_temp {max-width:calc(100% - 15px); margin-left:15px} /* 20201226 */
    .mapAddr {margin:0 !important; left:auto !important; right:5px; transform:none !important; bottom:270px} /* 20201226 */
}

/* 스크롤바 */
.result_group .result_list_wrap::-webkit-scrollbar {width:15px; height:100%}
.result_group .result_list_wrap::-webkit-scrollbar-thumb {width:8px;background:rgba(29, 86, 188, 0.3);border:3px solid #fff;border-radius:999px}
.result_group .result_list_wrap::-webkit-scrollbar-track {background:transparent;}
.result_group .result_list_wrap::-webkit-scrollbar-track-piece {margin:6px 0}


/* page_nav */
.page_nav{clear:both; width:100%; margin:20px 0 20px; text-align:center; font-size: 0;}
.page_nav a{ position: relative; display:inline-block; width:30px; height:30px; line-height:30px; margin:0 1px 5px 0; border:1px solid #e0e0e0; font-size:15px; vertical-align:middle; text-align:center; transition:0.3s; background: #fff; text-decoration: none;}

.page_nav .start,
.page_nav .prev,
.page_nav .next,
.page_nav .end{font-size:0; text-indent:-999px; background:url(/images/share_map/ico_board.png) no-repeat; background-color: #fff;}
.page_nav .start{background-position:10px -70px;}
.page_nav .prev{background-position:10px -120px;}
.page_nav .next{background-position:12px -171px;}
.page_nav .end{background-position:10px -220px;}

.page_nav a:hover,
.page_nav a:focus {border:1px solid #0b397f; background-color:#f5faff; text-decoration: none;}
.page_nav a.on{color:#fff; font-weight:bold; background:#0b397f; border:1px solid #0b397f;}



@media screen and ( max-width:768px){
    .page_nav{ margin:20px 0 30px;}
    .page_nav a{ font-size:15px; }

}



/*======지도영역=====*/
#map_application{ position: absolute; top: 60px; left: 0; width: 100%; height: 100%; }
/*지도위 마커*/
#map_application .marker{ position: absolute; top: 0; left: 0; z-index: 777; cursor: pointer;}

/*마커 상세정보 레이어*/
#map_application .div_layer{ position: absolute; z-index: 888; top: 0px; left: 0px; width: 260px; height: 315px; padding: 15px; background: #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.22); border-radius:4px;}
#map_application .div_layer:before{ content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 21px; height: 11px; background: url(/images/share_map/box_bottom_arrow.png) no-repeat  0 0;}

#map_application .div_layer .close{ position: absolute; top: -10px; right: -10px;  display: inline-block;width: 25px; height: 25px; background: #444; border-radius: 50%;}
#map_application .div_layer .close:before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); display: inline-block; width: 16px; height: 1px; background: #fff;}
#map_application .div_layer .close:after{ content: "";  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); display: inline-block; width: 16px; height: 1px; background: #fff;}

/* #map_application .div_layer .close:hover{ background: #262626; border-color:#262626;}
#map_application .div_layer .close:hover:before,
#map_application .div_layer .close:hover:after{  background: #fff;} */


/*마커 기본 - 레이어*/
#map_application .div_layer.detail{  top: -360px; left:-128px;  z-index:999;}
#map_application .div_layer.detail .top_img{ height: 120px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#map_application .div_layer.detail .body_txt{     white-space: normal;}
#map_application .div_layer.detail .body_txt .ti{ display: block; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #222; letter-spacing: -0.05em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em;}
#map_application .div_layer.detail .body_txt .etc > li{ font-weight: 400; position: relative;  margin-bottom: 5px; padding-left: 85px; color:#666;}
#map_application .div_layer.detail .body_txt .etc > li:before{ content: ""; position: absolute; top: 12px; left: 0px; width: 2px; height: 2px; background: #666;  }
#map_application .div_layer.detail .body_txt .etc > li > .sti{ position: absolute; left: 9px; width: 72px; color:#444;}
#map_application .div_layer.detail .bottom_bt{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px 12px; font-size: 0;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap{ display: inline-block; width: 50%; padding: 0 3px;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn{ display: inline-block; width: 100%; border:1px solid #003caa; padding: 9px; color: #003caa; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn:hover{ background: #003caa; color: #fff;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn.go_reg{ border:1px solid #e52601; color:#e52601}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn.go_reg:hover{ background: #e52601; color:#fff; }

/*마커 주차장 시설(이지미,예약버튼 없는경우) -  레이어*/
#map_application .div_layer.detail.simple_type{top: -360px; left:-128px;  z-index:999;/* height: 180px;  */}
#map_application .div_layer.detail.simple_type .top_img{ height: 120px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#map_application .div_layer.detail.simple_type .body_txt{ white-space: normal; line-height: 15px; overflow-x:hidden;  overflow-y:auto; max-height: 230px;}
#map_application .div_layer.detail.simple_type .body_txt .ti{ display: block; margin-bottom: 15px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.05em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em; padding-left: 20px; background: url(/images/share_map/ico_title.png) no-repeat 0 0;}
#map_application .div_layer.detail.simple_type .body_txt .etc{ font-size: 12px; }
#map_application .div_layer.detail.simple_type .body_txt .etc > li{ position: relative;  margin-bottom: 5px; padding-left: 5px;}
#map_application .div_layer.detail.simple_type .body_txt .etc > li:before{ content: ""; position: absolute; top: 5px; left: 0px; display:inline-block; width: 2px; height: 2px; background: #484848;  }
#map_application .div_layer.detail.simple_type .body_txt .etc > li > .sti{ color: #000; font-weight: 700; }
#map_application .div_layer.detail.simple_type .body_txt .etc > li > .stxt{ line-height: 1.4em; }
#map_application .div_layer.detail.simple_type .body_txt .etc > li > .stxt.stxt-block{ display: block; margin-top: 2px;}
#map_application .div_layer.detail.simple_type .bottom_bt{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px 12px; font-size: 0; text-align: center;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap{ display: inline-block; width: 50%; padding: 0 3px;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap > .btn{ display: inline-block; width: 100%; background: #0c6bfa; padding: 10px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap > .btn:hover{ opacity: 1;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap > .btn.go_reg{ background: #e52601; }


/*마커 무장애길 시설(이지미,예약버튼 없는경우) -  레이어*/
#map_application .div_layer.detail.mujang {  top: -535px; left:-122px;  z-index:999; width:240px; height:470px;}
#map_application .div_layer.detail.mujangover { 
  position: inherit;
  background: #FFF;
  border-radius: .4em;
  top: -480px; left:115px;
  border:3px solid #666;
 }
 
 #map_application .div_layer.detail.mujangover:before{ 
  width:0px;
  height:0px;
 }
 
 #map_application .div_layer.detail.mujangover h2{ 
  text-align:center; margin-bottom:20px; font-size: 16px;	font-weight:500;
 }
 
 #map_application .div_layer.detail.mujangover .pcon{ 
  	width:220px;
  	height:100%;
  	white-space : normal;
  	line-height: 15px;
  	font-size:13px;
  	font-weight:400;
 }
 
 #map_application .div_layer.detail.mujangover p{ 
  	text-align:left;
  	width:100%;
  	color:#666;
 }
    
 
#map_application .div_layer.detail.mujang .top_img{ height: 220px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#map_application .div_layer.detail.mujang .body_txt{     white-space: normal; margin-bottom:50px;}
#map_application .div_layer.detail.mujang .body_txt .ti{ display: block; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #222; letter-spacing: -0.05em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em;}
#map_application .div_layer.detail.mujang .body_txt .etc > li{ font-weight: 400; position: relative;  margin-bottom: 5px; padding-left: 70px; color:#666;}
#map_application .div_layer.detail.mujang .body_txt .etc > li:before{ content: ""; position: absolute; top: 5px; left: 0px; width: 2px; height: 2px; background: #666;  }
#map_application .div_layer.detail.mujang .body_txt .etc > li > .sti{ position: absolute; left: 9px;color:#444; font-weight:800;}
#map_application .div_layer.detail.mujang .body_txt .etc > li > p{margin-left: 10px; line-height:16px;}
#map_application .div_layer.detail.mujang .bottom_bt{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px 12px; font-size: 0; text-align:center;}
#map_application .div_layer.detail.mujang .bottom_bt > .bt_wrap{ display: inline-block; width: 50%; padding: 0 3px;}
#map_application .div_layer.detail.mujang .bottom_bt > .bt_wrap > .btn{ display: inline-block; width: 100%; border:1px solid #003caa; padding: 9px; color: #003caa; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8;}
#map_application .div_layer.detail.mujang .bottom_bt > .bt_wrap > .btn:hover{ background: #003caa; color: #fff;}
#map_application .div_layer.detail.mujang .bottom_bt > .bt_wrap > .btn.go_reg{ border:1px solid #e52601; color:#e52601}
#map_application .div_layer.detail.mujang .bottom_bt > .bt_wrap > .btn.go_reg:hover{ background: #e52601; color:#fff; }



/* 마커 교육강좌 - 레이어.*/
 #map_application .div_layer.lecture{  top: -360px; left:-128px; z-index:999; height: 280px;}
#map_application .div_layer.lecture .top{ position: relative; height: 40px;}
#map_application .div_layer.lecture .top .ti{ display: block; padding-top: 6px; padding-right: 60px; font-size: 16px; font-weight: 700; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em; letter-spacing: -0.05em; padding-left: 20px; background: url(/images/share_map/ico_title.png) no-repeat 0 6px;}
#map_application .div_layer.lecture .btn.go_road{ position: absolute; top: 0; right: 0; display: inline-block; width: 60px; border:1px solid #003caa; padding: 7px 5px; color: #003caa; font-size: 14px; border-radius: 4px;}
#map_application .div_layer.lecture .btn.go_road{ background: #003caa; color: #fff;}
#map_application .div_layer.lecture .body_txt{ border: 1px solid #e5e5e5;}
#map_application .div_layer.lecture .body_txt .list{ height: 185px;  overflow-y: scroll;}
#map_application .div_layer.lecture .body_txt .list li{ position: relative; padding: 5px 10px; padding-right: 80px; border-bottom: 1px solid #e5e5e5; }
#map_application .div_layer.lecture .body_txt .list li .lec_name{
    display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: #000;  letter-spacing: -0.05em;
    text-overflow: ellipsis; overflow: hidden; white-space: normal;
    height: 2.8em; line-height: 1.4em;
    word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    display: table-cell;
    vertical-align: middle;
}

#map_application .div_layer.lecture .body_txt .list li .btn.go_reg{ position: absolute; top: 8px; left: 135px; display: inline-block; width: 70px;min-height: 33px; border:1px solid #e52601; padding: 4px 4px; color: #e52601; font-size: 14px; border-radius: 4px;}
#map_application .div_layer.lecture .body_txt .list li .btn.go_reg:hover {background: #e52601;color:#fff;}
#map_application .div_layer.lecture .body_txt .list li .btn.go_reg > i{ display: block; margin-top: 2px;}





@media screen and ( max-width:768px){
#map_application .div_layer.lecture .body_txt .list li .btn.go_reg{ left: 150px;}
	/*
    #map_application .div_layer{  width: 200px; height: 260px; padding: 10px;}
    #map_application .div_layer.detail .top_img{ height: 100px; margin-bottom: 10px;}
    #map_application .div_layer.detail .body_txt .ti{ margin-bottom: 10px; font-size: 14px; background-size: auto 1em;}
    #map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn{ padding: 6px; font-size: 14px;}

    #map_application .div_layer.lecture .top{ position: relative; height: 30px;}
    #map_application .div_layer.lecture .top .ti{padding-top: 6px; padding-right: 50px; font-size: 14px; background-size: auto 1em;}
    #map_application .div_layer.lecture .btn.go_road{  width: 45px; font-size: 13px; background: #0c6bfa; padding: 5px 0px;  }
    #map_application .div_layer.lecture .body_txt{ padding: 8px 5px; }
    #map_application .div_layer.lecture .body_txt .list{ height: 190px;}
    #map_application .div_layer.lecture .body_txt .list li{ padding-right: 50px; margin-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
    #map_application .div_layer.lecture .body_txt .list li .btn.go_reg{  width: 40px;  padding: 4px 4px; font-size: 13px;}

    #map_application .div_layer.detail.simple_type{top: -320px; left:-97px;  z-index:999;}
    #map_application .div_layer.lecture{  top: -320px; left:-97px; z-index:999; }
    #map_application .div_layer.detail{  top: -320px; left:-97px;  z-index:999;}
*/
}


/*지도*/
#map_application .root_daum_roughmap{ width: 100%; height: 100%; border: none; padding: 0;}
#map_application .root_daum_roughmap .wrap_map { height: 100% !important; }

/* 공유누리 고도화 사업 (2020-11) */
.ul_form:after {content:'';display:block;clear:both;}
.ul_form.col3 {
/* 	vertical-align: middle; */
	display: flex;
    flex-wrap: wrap;
    gap: 4px;}
.ul_form.col3 > li { width: calc(50% - 2px)}


.detail_srch_wrap {margin-top: 20px;}
.search_group_temp .around_info .list_tepm {margin-top: 20px;}
.detail_srch .article {padding: 16px 16px 0 16px;}
.detail_srch .article + article {
    padding-top: 32px;
}
.detail_srch .article:last-child {
    padding-bottom: 16px;
}
.detail_srch .article .sub_tit {font-size: 17px; padding-bottom: 12px; font-weight: 500;display: block;}

.mapAddr {display: flex;  background-color: #fff; border: 1px solid #555; border-radius: 12px;}
.mapAddr .sch_locate{flex: 1; padding: 0 26px 0 16px; border: none; line-height: 54px;}
/* .mapAddr .sch_locate.ctrd{} */
/* .mapAddr .sch_locate.signgu_nm{width:138px} */
.mapAddr .sch_locate select:invalid {color:#767676;}


/* 컨트롤 버튼 */
/* .control_list_wrap > div + div{margin-top: 10px;} */
/* .control_list_wrap .Connecting a{} */
/* .control_list_wrap .roadview {} */
/* .control_list_wrap .lv .lv-accessibility {} */
/* .control_list_wrap .lv .layerMenu {} */


.control_list_wrap .roadview {z-index: 13; float: right; top: 5px; left: 5px;  cursor: pointer;
    background:  url(/images/share_map/ico_btn_ctrl_sprite.png) no-repeat 100% 0%; vertical-align: middle;}
.control_list_wrap .roadview:hover{background-position: 0% 0%;}
.control_list_wrap .roadview.active {background-position: 50% 0%; background-color:#006aee ! important}

#roadviewclose {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#roadviewclose .img {display: block;background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}

/* .control_list_wrap .accessLocation{ border-radius: 4px;box-shadow: 0 0 4px 0px rgba(0, 0, 0, .5);} */
.control_list_wrap .coach_accessLocation {display: none;overflow: hidden;font-size: 0;line-height: 0;display: block;text-indent: -9999px;border-radius: 4px;
    background: url(/images/share_map/ico_btn_location.png) no-repeat 50% 50%;}


.dot {
    overflow: hidden;
    float: left;
    width: 12px;
    height: 12px;
    background:
        url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');
}

.dotOverlay {
    position: relative;
    bottom: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
    font-size: 12px;
    padding: 5px;
    background: #fff;
}

.dotOverlay:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}

.number {
    font-weight: bold;
    color: #ee6152;
}

.dotOverlay:after {
    content: '';
    position: absolute;
    margin-left: -6px;
    left: 50%;
    bottom: -8px;
    width: 11px;
    height: 8px;
    background:
        url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')
}

.distanceInfo {
    position: relative;
    top: 5px;
    left: 5px;
    list-style: none;
    margin: 0;
    width: 130px;
}

.distanceInfo .label {
    display: inline-block;
    width: 50px;
}

.distanceInfo:after {
    content: none;
}

.info {
    position: relative;
    top: 5px;
    left: 5px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    font-size: 12px;
    padding: 7px 3px;
    background: #fff;
    list-style: none;
    margin: 0;
    width: 130px;
}

.info:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}

.info .label {
    display: inline-block;
    width: 50px;
}

.number {
    font-weight: bold;
    color: #00a0e9;
}

/*주변탐색*/
.search_group .around_info {
    padding: 20px 0;
    background: #d9e7fa;
}

.search_group .around_info .ti {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.05em;
    margin-bottom: 10px;
}

.search_group .around_info .list_tepm {

}

.search_group .around_info .list_tepm>li {
    float: left;
    padding-right: 3px;
    padding-bottom: 5px;
}

.search_group .around_info .list_tepm>li>a {
    display: inline-block;
    padding: 6px 10px;
    font-size: 13px;
    color: #000;
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15);
}

.search_group .around_info .list_tepm>li>a:hover {
    text-decoration: none;
    background-color: #0c6bfa;
    color: #fff;
}

.search_group .around_info .list_tepm>li.on>a {
    background-color: #0c6bfa;
    color: #fff;
}

.viewbuttons {
    position: absolute;
    top: 11px;
    right: 171px;
    z-index: 420;
}

.viewbuttons .lv .layerMenu {
    /*     display: none;  */
    overflow: hidden;
    position: absolute;
    top: 45px;
    right: -121px;
    width: 224px;
    height: 100px;
    padding: 2px 30px 18px;
    background: #ffffff;
}

.MapControlView {
    position: absolute;
    top: 149px;
    right: 9px;
    z-index: 420;
    width: 38px;
}

.MapControlView .zoom_control {
    position: relative;
    width: 32px;
    margin: 7px auto 0;
    border-radius: 3px;
}

#map_container {
    position: relative;
    overflow: hidden;
    height: 100%;
}

#mapWrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
}

#rvWrapper {
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

#map_container.view_roadview #mapWrapper {
    width: 50%;
}

#map_container.view_roadview #mapWrapper #map_application {
    width: 50% !important;
}

.search_group_temp {
    position: absolute;
    z-index: 12;
    width: 380px;
/*     background-color: #FFFFFF; */
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 10px;
    transition: left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
/*     box-shadow: 0 0 4px 0px rgba(0, 0, 0, .5); */
}

/* .search_group_temp .navigation { */
/*     height: 50px; */
/*     background-color: #006aee; */
/*     position: relative; */
/*     border-radius: 10px 10px 0 0; */
/* } */

.search_group_temp .navigation .map_tab {display:flex; border:none; border-radius:0}

.search_group_temp .navigation .map_tab>li {
    flex:none; height:40px; border-radius:6px; font-size: 17px;
}
.search_group_temp .navigation .map_tab>li + li {margin-left:8px; border:none}

/* .search_group_temp .navigation .map_tab li.on { */
/*     font-weight: 1000; */
/* } */

/* .search_group_temp .navigation .map_tab li.on:before { */
/*     content: ""; */
/*     position: absolute; */
/*     top: 23px; */
/*     left: 50%; */
/*     display: block; */
/*     width: 40%; */
/*     height: 2px; */
/*     background: #fff; */
/*     transition: all 0.3s; */
/*     transform: translateX(-50%) */
/* } */
.search_group_temp .navigation .map_tab>li>a {
    padding: 0 12px;
    width: 84px;
    line-height: 40px;
    border-radius: 6px;
    color: #444;
    display: block;
}
.search_group_temp .navigation .map_tab li.on a {
    background: #063A74;
    color: #fff;
}
.search_group_temp .navigation .btn_detail {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    border: none;
    font-size: 0;
    background: url(/images/share_map/icon_sort.png) no-repeat center / 24px auto;

}

.search_group_temp .navigation .btn_detail.on {
        filter: hue-rotate(90deg);
}

.search_group_temp .sch_bg_box {
    height: 58px;
    margin-top: 12px;
    padding-right: 48px;
    line-height: 48px;
    background: #EEF2F7;
    border-radius: 999px;
    overflow: hidden;
}

.search_group_temp .sch_bg_box .s_txt {
    font-size: 17px;
    padding: 0 8px 0 16px;
    width: 100%;
    background: #EEF2F7;
    border: none;
    border-radius: 999px;
    margin: 0;
    box-sizing: border-box;
    line-height: 42px;
}

.search_group_temp .sch_bg_box .s_btn {
    position: absolute;
    right: 0;
    width: 60px;
    height: inherit;
    background: url(/images/share_map/ico_srch.png) no-repeat center center;
    background-size: 22px auto;
}

.search_group_temp .tit_recent {
    font-size: 15px;
    color: #222;
    font-weight: 600;
}

.search_group_temp .search_recent {
    padding: 20px 20px;
}

.recent_list {
    margin-top: 20px;
}

.recent_list li+li {
    margin-top: 15px;
}

.recent_list .search_img {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border: 0;
}

.recent_list span {
    vertical-align: middle;
}

.search_group_temp .around_info {
    padding: 7px 0 15px;
}

.search_group_temp .around_info .list_tepm {

}

.search_group_temp .around_info .list_tepm>li {
    float: left;
    padding-right: 3px;
    padding-bottom: 5px;
}

.search_group_temp .around_info .list_tepm>li>a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 13px;
    color: #444;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    letter-spacing: -0.05em;
}

.search_group_temp .around_info .list_tepm>li>a:hover {
    text-decoration: none;
    background-color: #0c6bfa;
    color: #fff;
}

.search_group_temp .around_info .list_tepm>li.on>a {
    background-color: #0c6bfa;
    color: #fff;
}

.search_group_temp #detail_srch {
    padding: 20px 20px;
    /* display: none;  =====주석 처리 =====*/
}

.search_group_temp #detail_srch .sec_list>li {
    float: left;
    /* padding: 6px 5px; */
}

.search_group_temp #detail_srch .radio_list {
    margin-top: 5px;
}

.search_group_temp #detail_srch .radio_list>li {
    float: left;
    padding: 6px 0;
}

.search_group_temp #detail_srch .radio_list>li+li {
    padding-left: 5px;
}

.search_recent {
    display: none;
}

.search_recent .recent_list ul>li {
    padding: 3px;
}

.control_list_wrap {
    right: 400px;
    position: absolute;
    z-index: 420;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    bottom: 10px;
    transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 컨트롤 버튼 _ 공통 */
/* .control_list_wrap>div { */
/*     box-shadow: 0 0 4px 0px rgba(0, 0, 0, .5); */
/*     border-radius: 4px; */
/* } */

/* .control_list_wrap>div>a:not(:first-child) { */
/*     border-top: 1px solid #e5e5e5 */
/* } */

/* .control_list_wrap>div>a:first-child { */
/*     border-radius: 4px 4px 0 0 */
/* } */

/* .control_list_wrap>div>a:last-child { */
/*     border-radius: 0 0 4px 4px */
/* } */

.control_list_wrap .btn_ctrl {
    width: 36px;
    height: 36px;
    background-color: #fff ! important;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
}

/* 연계정보 */
/* .control_list_wrap .Connecting { */
/*     top: 11px; */
/*     width: 69px; */
/*     padding: 0; */
/*     background: #fff; */
/* } */

/* .control_list_wrap .Connecting.checked { */
/*     background-position: -290px -350px; */
/* } */

.control_list_wrap .Connecting a {
    display: block;
    overflow: hidden;
    width: 69px;
    padding: 9px 0 11px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #1f8cff;
    text-align: center;
}

.control_list_wrap .Connecting.checked a {
    display: inline-block;
    padding: 0 8px;
    line-height: 36px;
    background: #1D54B7;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
}

/* .control_list_wrap .tools { */
/*     float: right; margin-top: 11px; padding: 1px 7px 5px;
/*     background:url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png) no-repeat 0 -170px;  */
/* } */

.control_list_wrap .tools a {
    display: inline-block;
    position: relative;
    /* width: 24px;
	height: 24px; */
    /* background:
		url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png)
		no-repeat; */
    background: url(/images/share_map/ico_btn_ctrl_sprite.png) no-repeat;
}

.control_list_wrap .tools .distance {
    background-position: 100% 35%;
}

.control_list_wrap .tools .distance:hover {
    background-position: 0% 35%;
}

.control_list_wrap .tools .distance.active {
    background-position: 50% 35%;
}

.control_list_wrap .tools .area {
    background-position: 100% 45%;
}

.control_list_wrap .tools .area:hover {
    background-position: 0% 45%;
}

.control_list_wrap .tools .area.active {
    background-position: 100% 45%;
}

.control_list_wrap .tools .erase {
    background-position: 100% 55%;
}

.control_list_wrap .tools .erase:hover {
    background-position: 0% 55%;
}

.control_list_wrap .tools .area.active {
    background-position: 50% 45%;
}

.control_list_wrap .drawing_tools {
    float: right;
    /*padding: 1px 7px 5px;
	 background:
		url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png);
	background-position: 0px -60px; */
}

.control_list_wrap .drawing_tools a {
    display: inline-block;
    position: relative;
    /* width: 24px;
	height: 24px;
	margin: 2px;*/
    background: url(/images/share_map/ico_btn_ctrl_sprite.png) no-repeat;
}

.control_list_wrap .drawing_tools .drawing_rectangle {
    background-position: 100% 67.5%;
}

.control_list_wrap .drawing_tools .drawing_rectangle:hover {
    background-position: 0% 67.5%;
}

.control_list_wrap .drawing_tools .drawing_rectangle.active {
    background-position: 50% 67.5%;
}

.control_list_wrap .drawing_tools .drawing_circle {
    background-position: 100% 77.5%;
}

.control_list_wrap .drawing_tools .drawing_circle:hover {
    background-position: 0% 77.5%;
}

.control_list_wrap .drawing_tools .drawing_circle.active {
    background-position: 50% 77.5%;
}

.control_list_wrap span {
    display: none;
}

.control_list_wrap .lv {
    float: right;
}

.control_list_wrap .lv>a {
    display: inline-block;
    cursor: pointer;
}

.control_list_wrap .lv-accessibility {
    top: 0;
    background: url(/images/share_map/ico_btn_ctrl_sprite.png) no-repeat
        100% 13%;
}

.control_list_wrap .lv-accessibility:hover {
    background-position: 0% 13%;
}

.control_list_wrap .lv.active .lv-accessibility {
    background-position: 50% 13%;
    background-color: #006aee ! important;
}

.control_list_wrap .lv-overlap {
    background: url(/images/share_map/ico_btn_ctrl_sprite.png) no-repeat
        100% 22%;
}

.control_list_wrap .lv-overlap:hover {
    background-position: 0% 22%;
}

.control_list_wrap .lv-overlap.active {
    background-position: 50% 22%;
    background-color: #006aee ! important;
}

.control_list_wrap .lv .layerMenu {
    /* display: none; */
    position: absolute;
    top: -230px;
    left: 50px;
    width: 170px;
    padding: 15px 15px;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, .5);
    border-radius: 4px;
    background: #fff;
}

.control_list_wrap .lv .layerMenu .tit {
    font-size: 15px;
    color: #222;
    font-weight: 400;
}

.control_list_wrap .lv .list_map_setting {
    /* overflow: hidden;
	margin: 0 -8px 10px; */

}

.control_list_wrap .lv .list_map_setting li {
    float: left;
    width: 50%;
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
}

.control_list_wrap .lv .list_map_setting i {
    margin: 0 auto 10px;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #e5e5e5 url(/images/share_map/ico_layer_ctrl.png) no-repeat;
}

.control_list_wrap .lv .list_map_setting .checked i {
    background-color: #006aee;
}

.control_list_wrap .lv .list_map_setting .traffic i {
    background-position: 0% 100%;
}

.control_list_wrap .lv .list_map_setting .terrain i {
    background-position: 0% 33.3%;
}

.control_list_wrap .lv .list_map_setting .bike i {
    background-position: 0% 66.6%;
}

.control_list_wrap .lv .list_map_setting .traffic:hover i {
    background-position: 50% 100%;
}

.control_list_wrap .lv .list_map_setting .terrain:hover i {
    background-position: 50% 33.3%;
}

.control_list_wrap .lv .list_map_setting .bike:hover i {
    background-position: 50% 66.6%;
}

.control_list_wrap .lv .list_map_setting .usedistrict:hover i {
    background-position: 50% 0%;
}

.control_list_wrap .lv .list_map_setting .checked .traffic i {
    background-position: 100% 100%;
}

.control_list_wrap .lv .list_map_setting .checked .terrain i {
    background-position: 100% 33.3%;
}

.control_list_wrap .lv .list_map_setting .checked .bike i {
    background-position: 100% 66.6%;
}

.control_list_wrap .lv .list_map_setting .checked .usedistrict i {
    background-position: 100% 0%;
}

.control_list_wrap .lv .layerMenu .close, .control_list_wrap .emoji .emoji_layer .close
    {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    width: 12px;
    height: 12px;
}

.control_list_wrap .lv .layerMenu .close:before, .control_list_wrap .emoji .emoji_layer .close:before
    {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    margin-top: -2px;
    display: inline-block;
    width: 15px;
    height: 1px;
    background: #555;
}

.control_list_wrap .lv .layerMenu .close:after, .control_list_wrap .emoji .emoji_layer .close:after
    {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    margin-top: -2px;
    display: inline-block;
    width: 15px;
    height: 1px;
    background: #555;
}

.control_list_wrap .emoji {
    position: relative;
    float: right;
}

.control_list_wrap .btn_emoji {
    background:
        url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png)
        no-repeat;
    cursor: pointer;
    background-position: -50px -450px;
}

.control_list_wrap .emoji .emoji_layer {
    display: none;
    position: absolute;
    padding: 15px 15px;
    left: -140px;
    top: -230px;
    overflow: hidden;
    width: 240px;
    background: #fff;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, .5);
    border-radius: 4px;
}

.control_list_wrap .lv .layerMenu>.tit, .control_list_wrap .emoji .emoji_layer>.tit
    {
    font-weight: bold;
    font-size: 15px;
    color: #222;
}

.control_list_wrap .emoji .emoji_list {
    margin-top: 20px;
}

.control_list_wrap .emoji .emoji_list li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.control_list_wrap .emoji .emoji_list li:nth-child(4),
    .control_list_wrap .emoji .emoji_list li:nth-child(5),
    .control_list_wrap .emoji .emoji_list li:nth-child(6) {
    margin-top: 20px;
}

.control_list_wrap .emoji .emoji_list i {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background:
        url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png)
        no-repeat;
}

.control_list_wrap .emoji .emoji_list .img_bike i {
    background: url(/images/share_map/btn_img_bike.png) no-repeat center
        center;
}

.control_list_wrap .emoji .emoji_list .img_car i {
    background: url(/images/share_map/btn_img_car.png) no-repeat center
        center;
}

.control_list_wrap .emoji .emoji_list .img_flag i {
    background: url(/images/share_map/btn_img_flag.png) no-repeat center
        center;
}

.control_list_wrap .emoji .emoji_list .img_smile i {
    background: url(/images/share_map/btn_img_smile.png) no-repeat center
        center;
}

.control_list_wrap .emoji .emoji_list .img_star i {
    background: url(/images/share_map/btn_img_star.png) no-repeat center
        center;
}

.control_list_wrap .emoji .emoji_list .img_x i {
    background: url(/images/share_map/btn_img_x.png) no-repeat center center;
}

.rsrc_list_img {
    float: right;
    width: 87px;
    height: 87px;
}

.btn_fav {
    width: 30px;
    height: 30px;
    background: url(/images/common/ico_fav_sprite.png) no-repeat 0 0;
    position: absolute;
    display: block;
}

.btn_fav.checked {
    background-position: 0px -40px;
}

.result_group .result_navigation.top {
    background-color: #006aee;
    position: relative;
    text-align: center;
}

.result_group .result_navigation .result_tab {
    display: inline-block;
    margin: 5px;
}

.result_group .result_navigation .result_tab>li {
    position: relative;
    display: inline-block;
    padding: 14px 5px;
    font-size: 14px;
    font-weight: 300;
    color: #f5f5f5;
    vertical-align: middle;
}

.result_group .result_navigation .result_tab li.on {
    font-weight: 500;
    color: #fff;
}

.result_group .result_navigation .result_tab li.on:before {
    content: "";
    position: absolute;
    top: 33px;
    left: 50%;
    display: block;
    width: 80%;
    height: 2px;
    background: #fff;
    transition: all 0.3s;
    transform: translateX(-50%)
}

.result_group .result_navigation .result_tab>li>a {
    color:#fff;
}

.result_group .result_navigation.tab {
    background-color: #c3deff;
    min-height: 40px;
}

.result_group .result_navigation .result_tab_msg {
    background-color: #c3deff;
    width: 100%;
    text-align: center;
}

.result_group .result_navigation .result_tab_msg>li{
    float: left;
    padding: 14px 0;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle;
    color: #003CAA;
}
.result_group .result_navigation .result_tab_msg>li>a{
    color: #003CAA;
}

.result_group .result_navigation .result_tab_msg .on {
    font-weight: bold;
    background: #fff;
}

.marker_img {
    width: 35px;
}

.detail_img {
    width: 87px;
    height: 87px;
    overflow: hidden;
    position: absolute;
}

#toast {
    position: fixed;
    min-width: 500px;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 420;
}

#toast .toastWrap {
    /* margin: 6px 0 0;
    padding: 18px 0 15px; */
    display: none;
}

.toast {
    border: 1px solid #235297;
    color: #fff;
    background:#555555;
    padding: 15px 30px;
    font-family: arial;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

#toast b {
    display: none;
}

.detailToolClose {
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background:
        url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/tool/btn_close_s.png)
        no-repeat;
    text-indent: -9999px;
}

.ui-autocomplete {
    position: absolute;
    top: 105px;
    left: 410px;
    width: 350px;
    z-index: 100;
    background-color: #ffffff;
    padding: 5px;
}

.ctrl_zoom .btn_zoom_in {
    background: #fff url(/images/share_map/btn_zoom.png) no-repeat 100% 0%;
}

.ctrl_zoom .btn_zoom_in:hover {
    background: #fff url(/images/share_map/btn_zoom.png) no-repeat 0% 0%;
}

.ctrl_zoom .btn_zoom_out {
    background: #fff url(/images/share_map/btn_zoom.png) no-repeat 100% 100%;
}

.ctrl_zoom .btn_zoom_out:hover {
    background: #fff url(/images/share_map/btn_zoom.png) no-repeat 0% 100%;
}
.cluster_label{
    width: 60px;
    height: 60px;
    color: #ffffff;
    border-radius: 50%;
    text-align:center;
    line-height : 60px;
    font-weight : bold;
    opacity : 0.9;
}
.cluster_label.lv1{
	background-color: #184EB0;
	fontWeight: 'bold';
}
.cluster_label.lv2{
	background-color: #1776EC;
	fontWeight: 'bold';
}
.cluster_label.lv3{
	background-color: #E83B19;
	fontWeight: 'bold';
}

.result_group .result_list_wrap .rsrc_list_wrap:after {display:block; content:""; clear:both} /*20210103 추가*/
.result_group .result_list_wrap .list > li > .inner {padding-bottom:30px; border: 1px solid #c6c6c6; border-radius: 12px; } /*20210103 추가*/
.result_group .placesList_link {position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%; height:100%} /*20210103 추가*/

.result_group .result_list_wrap .list > li + li {
    margin-top: 16px;
}

.zoomControl_wrap {z-index:1000 !important} /*20210103 추가*/
.zoomControl {z-index:1000 !important} /*20210103 추가*/

.marker_count{
	background-color: red;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    bottom: 33px;
    left: 10px;
    position: inherit;
    z-index : 500;
}
/* 20201229 Start */
.result_group .bar_btn_mo {display:none}

@media screen and ( max-width:768px ){
    .control_list_wrap {z-index:1000}

    .search_group_temp {/*overflow-y:auto; max-height:calc(100% - 60px);*/ width: 100%; top: 80px !important;}
    .result_group .result_list_wrap .list .placesList_link {display:block; position:absolute; top:0; left:0} /*20210103 수정*/
    .result_group .result_list_wrap .list > li > .inner {padding:10px;}
    .result_group .result_list_wrap .list > li > .inner .marker {display:inline-block; position:static; margin: 5px 10px;} /*20210103 수정*/
    .result_group .result_list_wrap .list > li > .inner .etc_list {padding-right:100px}
    .result_group .result_list_wrap .list > li > .inner .sbj {min-height:30px; margin:0 0 5px 0; }
    .result_group .rsrc_list_wrap:after {display:block; content:""; clear:both}
    .result_list_wrap .list .marker_img {width:32px}
    .result_list_wrap .rsrc_list_img {width:75px; height:75px; margin-top:-10px}
    .result_list_wrap .detail_img {width:75px; height:75px}
    .result_list_wrap .page_nav:empty {margin:0}

    .result_group .bar_btn_mo {position:absolute; top:-24px; left:50%; overflow:hidden; display:block; width:32px; height:24px; margin-left:-17px; background: #fff; border-radius:5px 5px 0 0; box-shadow:2px 2px 4px rgba(128, 61, 61, 0.38); border:1px solid #eee}
    .result_group .bar_btn_mo:before {content:""; position:relative; top:-4px; display:inline-block; width:10px; height:10px; border:2px solid #006aee; border-left:0px; border-top:0px; transform:rotate(45deg); transition: transform 0.3s;}
    .result_group.mo_hidden .result_group_cont {display:none}
    .result_group.mo_hidden .bar_btn_mo:before {transform:rotate(-137deg); top:1px}

     /* 20210103 Start */
    .result_group .result_top .ti {padding-left:25px}
    #map_container .mapAddr {bottom:25px}
    #map_container.resultBoxStateShow .control_list_wrap {bottom:auto; top:127px}
    #map_container.resultBoxStateShow .control_list_wrap > div + div {margin-top:5px}
    #map_container.resultBoxStateShow .control_list_wrap .accessLocation {margin-top:5px}
    #map_container.resultBoxStateShow .zoomControl {top:251px !important}
/*     #map_container.resultBoxStateShow .mapAddr {bottom:270px} */
    #map_container.resultBoxStateShow.loadFirst .control_list_wrap {bottom:auto; top:193px}
    #map_container.resultBoxStateShow.loadFirst .zoomControl {top:317px !important}
    /* 20210103 End */
}
/* 20201229 End */

.mapTabSrch {position:relative; margin-top:8px; padding:8px; background:#fff; border:1px solid #C6C6C6; border-radius:12px}
.detail_srch {top:-1px; left:-290px; margin-right:24px; width:290px; height:100%; background:#fff; border-right:1px solid #C6C6C6; box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.12); transition:left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); position: absolute; z-index: 999;}
.detail_srch > strong {display:block; line-height:60px; background:#EEF2F7; border-bottom:3px solid #1D56BC; font-weight:500; font-size:19px; text-align:center; color:#1D56BC; letter-spacing:0.5px}
.detail_srch > button {position:absolute; top:15px; right:-24px; display:block; width:24px; height:32px; background:#1D54B7 url("/images/share_map/icon_arrow_w.png") no-repeat center / 20px auto; border:none; border-radius:4px 0 0 4px; font-size:0; transform:rotate(180deg)}
.detail_srch > button.on {transform:rotate(0deg); border-radius: 0 4px 4px 0;}
.checkBoxArea {display:flex; flex-wrap:wrap; gap:4px}
.checkBoxArea > li {display: inline-block; position: relative; margin: 10px;}
.checkBoxArea > li > input {transform: scale(1.5);}
.checkBoxArea > li > a {padding: 2px 11px; background: #EFF5FF; border-radius: 999px; font-size: 15px; letter-spacing: 0.4px;}
.checkBoxArea > li.on > a {background: #1D56BC; color: #fff; }
 .mapTabSrch .btn_detail_2 {display:none;}

@media screen and (max-width:768px){
 .detail_srch {left:0; width:100%; height: auto; border-right:none; box-shadow:3px 0 15px 5px rgba(0, 0, 0, 0.3)}
 .detail_srch > button {top:auto; bottom:-28px; left:50%; transform:translateX(-50%) rotate(-90deg); width:24px; height:32px; border-radius:4px 0 0 4px}
 .detail_srch > button.on {transform:translateX(-50%) rotate(90deg); border-radius:0 4px 4px 0}
 .mapTabSrch .btn_detail_2 {position:absolute; bottom:-26px; right:1%; width:30px; height:30px; display:block; background:#FFF url(/images/share_map/ico_board.png) no-repeat center / auto; background-position:12px -171px; font-size:0; transform:translateX(-50%) rotate(270deg); border: 1px solid #ccc; border-radius:4px;}
 .mapTabSrch .btn_detail_2.on {bottom:-20px; transform:rotate(90deg); border: 1px solid #555; border-radius: 4px;}
 .mapTabSrch.off {height:0px; padding:0px; border:none;}
/*  .detail_srch .selectArea > div > div.roundChck {gap:8px} */
/*  .detail_srch .selectArea > div > div p select {background-size:20px auto; font-size:16px} */
/*  .detail_srch .selectArea {height:0; transition:height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)} */
}