﻿html,body { position:relative !important; margin:0px !important; }

/********** 공통 **********/
.widget_shopintromap_skin { position:relative; overflow:hidden; line-height:normal; font-size:13px; color:#555;}
.widget_shopintromap_skin ul,.widget_shopintromap_skin ol,.widget_shopintromap_skin li{
  padding:0px; margin:0px; list-style:none;
}
.widget_shopintromap_skin a {
  color:#555; text-decoration:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}
.widget_shopintromap_skin a:hover {text-decoration:none; }


/********** 검색 조건 설정 **********/



/* 좌측 지도 영역 */
.widget_shopintromap_skin .map_area { position:relative; margin-right:350px; overflow:hidden; }

.widget_shopintromap_skin .map_area .map_canvas { position:relative; width:100%; height:500px; overflow:hidden; }
.widget_shopintromap_skin .map_area #form_place_search { position:absolute; top:10px; right:10px; display:inline-block; z-index:2; }
.widget_shopintromap_skin .map_area #form_place_search .place_search_box {width:170px; height:30px; padding:0px 10px; border:1px solid #ccc; border-radius:3px; display:inline-block; }
.widget_shopintromap_skin .map_area #form_place_search .btn_place_search {height:32px !important;}

.widget_shopintromap_skin .map_list_area { position:absolute; top:0px; right:0px; width:350px; }
.widget_shopintromap_skin .map_list_area .map_list { position:relative; width:100%; height:500px; overflow:hidden; }

/* 우측 목록 상단 */
.widget_shopintromap_skin .map_list_area .map_list .serch_count {position:absolute; top:0px; left:0px; width:100%; padding:0 20px; height:40px; background:#4386FB; z-index:2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.widget_shopintromap_skin .map_list_area .map_list .serch_count ul li {float:left; width:70%; text-align:right; color:#fff; line-height:40px;}
.widget_shopintromap_skin .map_list_area .map_list .serch_count ul li select { border:0px; }
.widget_shopintromap_skin .map_list_area .map_list .serch_count ul li.search_result {width:30%; text-align:left; font-weight:bold; }

/* 우측 목록 */
.widget_shopintromap_skin .map_list_area .map_list .serch_list_wrap {
  position:relative; padding:40px 0px 40px 0px; height:100%; overflow:hidden; display:none; z-index:1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget_shopintromap_skin .map_list_area .map_list .serch_list { position:relative; height:100%; overflow-x:hidden; overflow-y:scroll;}
.widget_shopintromap_skin .map_list_area .map_list .serch_list li { position:relative; border:1px solid #ccc; border-bottom:0px; display:block; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li:first-child { border-top:0px; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li .map_latitude { display:none; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li .map_longitude { display:none; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link { padding:10px; display:block; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link:hover { background:#F7FAFC; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .thumbnail {float:left; display:inline-block; position:absolute; top:10px; left:10px; width:100px; height:75px; } /*2017-11-28 width:120px; height:105px; */
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area { position:relative; padding-left:130px; height:75px;} /*2017-11-28 height:105px; */

.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area .title_area { position:relative; padding:5px 0px; overflow:hidden; float:left; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area .title_area .title { font-size:16px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area .title_area .title .icon_shop_category { height:1.2em; vertical-align:middle; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area .title_area .extra_list { margin-top:5px; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area .title_area .extra_list li { font-size:12px; padding:0px; margin:0px 0px 0px 0px; border:0px; white-space:nowrap; display:block; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li a.link .text_area .title_area .extra_list li .evalue a { display:inline-block; display:none; }

.widget_shopintromap_skin .map_list_area .map_list .serch_list li .zzim_area { position:absolute; top:15px; right:10px; display:none;} /* 2017-12-14 display:none; */
.widget_shopintromap_skin .map_list_area .map_list .serch_list li .zzim_area .btn_zzim { padding:1px 2px 0px 3px; border-radius:3px; display:block; background:#eee; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li .zzim_area .btn_zzim:hover { color:#555; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li .zzim_area .btn_zzim_on { color:#fff; background:#FF3E02; }
.widget_shopintromap_skin .map_list_area .map_list .serch_list li .zzim_area .btn_zzim_on:hover { color:#fff; background:#FF3E02; }


/* 우측 목록 페이지 네비게이션 */
.widget_shopintromap_skin .map_list_area .map_list .page_navigation {
  position:absolute; left:0px; bottom:0px; width:100%; height:40px; border:1px solid #ccc; text-align:center; background:#fff; z-index:3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.widget_shopintromap_skin .map_list_area .map_list .page_navigation .btn_page { width:20px; height:20px; margin:9px 2px 0px 2px; border:1px solid #4386FB; line-height:20px; color:#4386FB; display:inline-block; }
.widget_shopintromap_skin .map_list_area .map_list .page_navigation .btn_page:hover { color:#fff; background:#4386FB; }
.widget_shopintromap_skin .map_list_area .map_list .page_navigation .btn_page_on { color:#fff; background:#4386FB; }

.widget_shopintromap_skin .map_list_area .list_preload { position:absolute; top:0px; left:0px; width:100%; height:100% !important; opacity: 0.5; filter:alpha(opacity=50); background:#fff url(../images/loading.gif) no-repeat center center; display:none; z-index:5; }


.widget_shopintromap_skin .map_preload { position:absolute; top:0px; left:0px; width:100%; height:100% !important; opacity: 0.5; filter:alpha(opacity=50); background:#fff url(../images/loading.gif) no-repeat center center; display:none; z-index:9; }

