.stpoint{position:absolute;top:50%;left:50%;z-index:1000;margin-top:-50px;margin-left:-38px;}
.map-wrapper{position:relative;}

.mapcontainer {
    position:fixed;
	bottom:0px;
	z-index:10;
	width: 100%;
    padding: 0px;
	background:#fff;
	/*border-top:2px solid #ed1c24*/;
}

.mypin {
position:absolute;
top:20px;
right:470px;
z-index:11;
background:#fff;
/*width:33px;
height:33px;*/
border-radius:33px;
padding:7px;
line-height:0rem;
}
.distance{
font-size:1.5rem;
font-weight:500;
}

.distanceoriprice{
font-size:1rem;
font-weight:400;
}

.discountbox{
font-size:0.7rem;
}

.distanceprice{
font-size:1.25rem;
font-weight:500;
}
.delibox {width:100%;text-align:center;margin:10px 0;display:none;position:relative;}
.delibox .btn_submit {width:100%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
.delibox .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#fff}
.mapcontainer .btn_list {width:49%;height:45px;padding:7px 30px;font-weight:bold;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#fff}
.mapcontainer .btn_ready {width:49%;height:45px;padding:7px 30px;font-weight:bold;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#ed1c24;color:#fff;}
.mapcontainer .btn_iconk {width:24%;height:45px;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#f7e111}
.mapcontainer .btn_iconc {width:24%;height:45px;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#2bc47a}
.mapcontainer .btn_iconk .kakaoicon {width:45px;height:45px;}
.mapcontainer .btn_iconc .kakaoicon {width:45px;height:45px;}
.locate_title {
	display: inline-block;
    padding: 0 0 7px;
    border: 0;
	font-size:0.9rem;
    text-decoration: none;
    vertical-align: top;
}

.mapcontainer .togglebtn {
position:absolute;
top:10px;
right:10px;
width:24px;
height:24px;
display:none;
z-index:11;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rotated180 { 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.wflip {
transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}

.deli_list_distance{
font-size:0.9rem;
}

.list_button {
position:fixed;
<?php if(G5_IS_APP){ ?>
bottom:30px;
<?php } else { ?>
bottom:90px;
<?php } ?>

width:80%;
text-align:center;
background-color:#fff;
border-radius:30px;
padding:10px;
left:50%;
margin-left:-40%;
font-size:1rem;
z-index:11;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.15);

}
    .wrap {position: absolute;left: -3px;bottom: 38px;width: 288px;height: 172px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;line-height: 1.5;}
    .wrap * {padding: 0;margin: 0;}
    .wrap .info {width: 286px;height: 160px;border-radius: 10px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
    .info .title {padding: 6px 0 5px 10px;background: #fff;border-bottom: 1px solid #ddd;font-size: 1rem;font-weight: 400;line-height:1.5rem;}
    .info .close {position: absolute;top: 9px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
    .info .close:hover {cursor: pointer;}
    .info .body {position: relative;overflow: hidden;}
    .info .descs {position: relative;margin: 7px 0 0 90px;height: 75px;padding-right:5px;line-height:1rem;white-space:normal}
    .descs .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .descs .jibun {font-size: 11px;color: #888;margin-top: 2px;}
    .info .img {position: absolute;top: 7px;left: 7px;width: 73px;height: 71px;border-radius: 5px; border: 1px solid #ddd;color: #888;overflow: hidden;}
    .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .info .link {color: #5085BB;}


.popup_list {
width:450px;
height:calc(100% - 120px);
background-color:#fff;
z-index:11;
position:fixed;
overflow-x:hidden;
overflow-y:auto;
top:120px;
right:0;

opacity:0;
}
@media(max-width: 768px){
.popup_list {
width:100%;
height:100%;
background-color:#fff;
z-index:2000;
position:fixed;
overflow:auto;
top:0px;
bottom:-70px;
left:0;
padding:10px 15px;
opacity:0;
display:none;
}
.mypin {
position:absolute;
top:20px;
right:20px;
z-index:11;
background:#fff;
/*width:33px;
height:33px;*/
border-radius:33px;
padding:7px;
line-height:0rem;
}
}

.addr_title {
	font-size:1.5rem;
}

.searchbox{
position:fixed;
background:#fff;
z-index:12;
padding:15px 20px;
}
.searchinbox {
padding:10px 20px;
}