html, body {margin: 0; padding: 0; width: 100%; height: 100%;overflow-y:hidden;overflow-x:hidden}

#search_map{ width:100vw; height:100vh; position:relative;}
#smap_left{ float:left;position:absolute; top:0px; left:0px; width:100%; height:100%;}
#smap_left_td{ float:left; border-right:1px solid #e1e8ee; position:absolute;  top:0px; left:0px; background:#ffffff; width:355px; height:100%;}
#smap_top{ padding:20px 10px; border-bottom:1px solid #e1e8ee;}
#smap_top h1{float:left;}
#smap_top h1 img{ max-height:40px; }

/*smap_tab*/
#smap_tab{ float:right;}
#smap_tab ul{ margin:25px 0 0 0;}
#smap_tab ul li{ float:left; margin-left:5px;}
#smap_tab ul li a{ display:block; color:#000000; font-size:14px; font-weight:600; width:40px; text-align:center; border-bottom:3px solid #ffffff; opacity:0.5; padding-bottom:5px;}
#smap_tab ul li a:hover{ border-bottom:3px solid #000000; opacity:1;}

#smap_top p{ float:right; text-align:right;}
#smap_sum{ clear:both;}
.smap_call{ color:#2078b9; font-size:20px;}

#smap_list{ clear:both; margin-top:10px; }
#smap_list > ul > li{ clear:both; margin-bottom:0px; padding-bottom:0px; padding-left:10px; padding-right:10px; padding-top:10px;}

#smap_right_td{ float:right; position:absolute; top:0px; left:355px;  height:100%;}
#triger{ position:absolute; right:-32px; top:50%; border:1px solid #e1e8ee; border-radius:0 8px 8px 0; text-align:center; height:60px; line-height:60px; width:30px; background:#ffffff;}
#triger a{ display:block; color:#1c354f;}
#triger a:hover{ color:#2a77f3;}

#smap_search{ position:absolute; top:10px; left:20px; width:740px; background:#ffffff; padding:5px 25px 5px 0px; background:#f9f9f9; border-radius:5px; border:1px solid #1c354f;}
#smap_search ul li{ float:left;}
#smap_search h5{ color:#4a4a4a; font-size:14px; line-height:160%; font-weight:500; border-right:1px solid #c3c3c3; margin:0 20px 0 20px; padding-right:20px;}

#smap_right{ float:right;top:0px; right:0px; width:100%; height:100%;}

#smap_sort{ padding:10px; border-bottom:1px solid #e1e8ee;}
.st_left{ float:left; line-height:180%;}
.st_right{ float:right;}
.st_right select{ padding:5px; border-radius:3px;}

#infobulle_pop_wrap{ text-align:left;}
#infobulle_pop{border-radius:3px; float:left;}
#ifp_wrap{ padding:3px 5px 5px 5px;}

#ifp_title{ border-bottom:1px solid #d1d1d1; padding-bottom:3px;}
#ifp_title h1{ font-size:13px; float:left; line-height:140%;}
.ifpt_b{ color:#324ea1;}
.ifpt_c{ color:#757575;}
#ifp_close{ float:right;}
#ifp_close a{ display:block; text-indent:-99999px; width:18px; height:18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
	}
#ifp{ clear:both; margin:5px 0;}
#ifp_pic{ float:left;}
#ifp_pic img{ border-radius:3px;}
#ifp_info{ float:left; margin:0 0 0 5px;}
#ifp_info >li{ font-size:13px; margin:0px 0px;}
.ifp_g_price{ background:#1c354f; color:#ffffff; font-size:11px; padding:0 3px; border-radius:3px; height:14px; line-height:14px;}
.ifp_c_price{ background:#dd3781; color:#ffffff; font-size:11px; padding:0 3px; border-radius:3px; height:14px; line-height:14px;}
.ifp_w_price{ color:#dd3781;}
.ifp_date{ color:#535353;}

#ifp_sns{}
#ifp_sns ul{}
#ifp_sns ul li{ float:left; margin-right:5px; text-indent:-99999px;}
#ifp_sns ul li a{ display:block; width:55px; height:22px; line-height:22px;}

.ifp_sns01{ background:url(../images/map_icons01.png) no-repeat center;}
.ifp_sns02{ background:url(../images/map_icons02.png) no-repeat center;}
.ifp_sns03{ background:url(../images/map_icons03.png) no-repeat center;}
.ifp_sns04{ background:url(../images/map_icons04.png) no-repeat center;}

#infobulle{ float:left; color:#000000; padding:0px; font-size:12px; letter-spacing:-1px; border-radius:3px; position:relative;}
.ifb01{ background:#369b1e; color:#ffffff; padding:5px 10px; text-align:center;}
.ifb02{ padding:5px 10px; text-align:center;}
.ifb03{ background:#324ea1; color:#ffffff; padding:5px 10px; text-align:center;}

#infobulle_circle{ position:absolute; background:#369b1e; border-radius:30px; text-align:center; color:#ffffff; padding:5px 5px; right:-10px; top:-10px;}

.infobulle_box {
	position: relative;	background: #ffffff; border: 1px solid #369b1e;
}
.infobulle_box:after, .infobulle_box:before {
	top: 100%;	left: 25%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;
}

.infobulle_box:after {
	border-color: rgba(255, 255, 255, 0);	border-top-color: #ffffff;	border-width: 5px;	margin-left: -5px;
}
.infobulle_box:before {
	border-color: rgba(54, 155, 30, 0);	border-top-color: #369b1e;	border-width: 6px;	margin-left: -6px;
}

.infobulle_box2 {
	position: relative;	background: #ffffff; border: 1px solid #324ea1;
}
.infobulle_box2:after, .infobulle_box2:before {
	top: 100%;	left: 25%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;
}

.infobulle_box2:after {
	border-color: rgba(255, 255, 255, 0);	border-top-color: #ffffff;	border-width: 5px;	margin-left: -5px;
}
.infobulle_box2:before {
	border-color: rgba(50, 78, 161, 0);	border-top-color: #324ea1;	border-width: 6px;	margin-left: -6px;
}

#ifb_wide{}
#ifb_wide > li{ float:left;}
.ifb04{ background:#369b1e; color:#ffffff; padding:7px 10px; text-align:center;}

.bubblez {
	position: relative;
	background: #ffffff;
	border: 1px solid #b6c5d1; border-radius:20px;
}
.bubblez:after, .bubblez:before {
	top: 100%;
	left: 48%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;border: 1px solid #b6c5d1;
}

.bubblez:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.bubblez:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #b6c5d1;
	border-width: 11px;
	margin-left: -11px;
}

.mc_cal_scroll { 
	-ms-overflow-style: none;
    scrollbar-width: none;
}
.mc_cal_scroll::-webkit-scrollbar {
    display: none;
}
#category {position:absolute;top:10px;left:0px;width:50px;border-radius: 5px; border:1px solid #909090;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);background: #fff;overflow: hidden;z-index: 2;}
#category li {list-style: none;width:50px;border-right:1px solid #acacac;padding:6px 0;text-align: center; cursor: pointer;font-size:0.8em}
#category li.on {background: #eee;}
#category li:hover {background: #ffe6e6;border-left:1px solid #acacac;margin-left: -1px;}
#category li:last-child{margin-right:0;border-right:0;}
#category li span {display: block;margin:0 auto 3px;width:27px;height: 28px;}
#category li .category_bg {background:url("../images/mapside.png") no-repeat;}
#category li .bank {background-position: -8px 0px;}
#category li .mart {background-position: -8px -36px;}
#category li .pharmacy {background-position: -8px -72px;}
#category li .oil {background-position: -8px -108px;}
#category li .cafe {background-position: -8px -144px;}
#category li .store {background-position: -8px -180px;}
#category li.on .category_bg {background-position-x:-44px;}
.placeinfo_wrap {position:absolute;bottom:28px;left:-150px;width:300px;}
.placeinfo {position:relative;width:100%;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url("https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png")}
.placeinfo a, .placeinfo a:hover, .placeinfo a:active{color:#fff;text-decoration: none;}
.placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;}
.placeinfo .title {font-weight: bold; font-size:14px;border-radius: 6px 6px 0 0;margin: -1px -1px 0 -1px;padding:10px; color: #fff;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.placeinfo .tel {color:#0f7833;}
.placeinfo .jibun {color:#999;font-size:11px;margin-top:0;}