.map_wrap {overflow:hidden;height:400px}
/* 지도위에 로드뷰의 위치와 각도를 표시하기 위한 map walker 아이콘의 스타일 */
.MapWalker {position:absolute;margin:-26px 0 0 -51px}
.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;
    height:39px;background:url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/roadview_minimap_wk_2018.png) -298px -114px no-repeat}
.MapWalker .angleBack {width:102px;height:52px;background: url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/roadview_minimap_wk_2018.png) -834px -2px no-repeat;}
.MapWalker.m0 .figure {background-position: -298px -114px;}
.MapWalker.m1 .figure {background-position: -335px -114px;}
.MapWalker.m2 .figure {background-position: -372px -114px;}
.MapWalker.m3 .figure {background-position: -409px -114px;}
.MapWalker.m4 .figure {background-position: -446px -114px;}
.MapWalker.m5 .figure {background-position: -483px -114px;}
.MapWalker.m6 .figure {background-position: -520px -114px;}
.MapWalker.m7 .figure {background-position: -557px -114px;}
.MapWalker.m8 .figure {background-position: -2px -114px;}
.MapWalker.m9 .figure {background-position: -39px -114px;}
.MapWalker.m10 .figure {background-position: -76px -114px;}
.MapWalker.m11 .figure {background-position: -113px -114px;}
.MapWalker.m12 .figure {background-position: -150px -114px;}
.MapWalker.m13 .figure {background-position: -187px -114px;}
.MapWalker.m14 .figure {background-position: -224px -114px;}
.MapWalker.m15 .figure {background-position: -261px -114px;}

.MapWalker.m16 .figure {background-position: -520px -114px;}
.MapWalker.m17 .figure {background-position: -631px -114px;}
.MapWalker.m18 .figure {background-position: -668px -114px;}
.MapWalker.m19 .figure {background-position: -594px -114px;}

.MapWalker.m0 .angleBack {background-position: -834px -2px;}
.MapWalker.m1 .angleBack {background-position: -938px -2px;}
.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
.MapWalker.m8 .angleBack {background-position: -2px -2px;}
.MapWalker.m9 .angleBack {background-position: -106px -2px;}
.MapWalker.m10 .angleBack {background-position: -210px -2px;}
.MapWalker.m11 .angleBack {background-position: -314px -2px;}
.MapWalker.m12 .angleBack {background-position: -418px -2px;}
.MapWalker.m13 .angleBack {background-position: -522px -2px;}
.MapWalker.m14 .angleBack {background-position: -626px -2px;}
.MapWalker.m15 .angleBack {background-position: -730px -2px;}
 
 #mapWrapper {width:100%;height:100%;position:relative; padding: 0px;}

/* #container {overflow:hidden;height:500px;position:relative;} */
#btnRoadview,  #btnMap {position:absolute;top:5px;left:5px;padding:7px 12px;font-size:14px;border: 1px solid #dbdbdb;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 1px rgba(0,0,0,.04);z-index:1;cursor:pointer;}
#btnRoadview:hover,  #btnMap:hover{background-color: #fcfcfc;border: 1px solid #c1c1c1;}

#btnRoadview2 {position:absolute;top:5px;left:70px;padding:7px 12px;font-size:14px;border: 1px solid #dbdbdb;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 1px rgba(0,0,0,.04);z-index:1;cursor:pointer;}
#btnRoadview2:hover{background-color: #fcfcfc;border: 1px solid #c1c1c1;}



#containerRoad.roadview #mapWrapper {z-index: 10;width:100%;height:100%;}
#containerRoad.view_map #btnMap {display: none;}

/* #containerRoad.view_roadview #mapWrapper {position:absolute !important;top:calc( 100% - 40%+30px);left:65px;padding:7px 12px; height:25%; width:20%;padding: 3px;} */
#containerRoad.view_roadview #mapWrapper {position:absolute !important;bottom:47px;left:1px;padding:7px 12px; height:33%; width:20%;padding: 3px;}
/* .default {position:absolute !important;top:calc( 100% - 40% - 10px );left:5px;padding:7px 12px; height:25% !important; width:20% !important;padding: 3px;} */
.fulldefault {z-index: 10;width:100% !important;height:100% !important; top:0px !important;}


#containerRoad.view_roadview_ #roadviewMap {position:relative;top:0px;left:5px;width:100%;height:100%;}
#containerRoad.view_roadview #mapWrapper #roadviewMove {position:absolute !important;top:-3px;right:-4px;width:40px;height:40px; z-index: 30;cursor: nesw-resize; resize: both; background-size : 200px auto; background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/roadview/ico_roadview22x_190625.png) no-repeat;background-position : -100px -218px; background-size : 200px;}
#roadviewMove:hover { pointer: nesw-resize;}
#containerRoad.view_roadview #roadviewClose {position:absolute !important;top:55px;right:30px;width:36px;height:36px; z-index: 30;background: url(../../img/search-box-close.png) center no-repeat, 
linear-gradient(45deg, transparent 50.5%, #fff 50.5%, #fff 56.5%, transparent 56.5%) top left,    
linear-gradient(-45deg, transparent 49.5%, #fff 49.5%, #fff 56.5%, transparent 56.5%) top right,    
linear-gradient(-135deg, transparent 49.5%, #fff 49.5%, #fff 56.5%, transparent 56.5%) bottom left,    
linear-gradient(135deg, transparent 49.5%, #fff 49.5%, #fff 56.5%, transparent 56.5%) bottom right}
#containerRoad.view_roadview #btnRoadview {display: none;}
#containerRoad.view_roadview #btnRoadview2 {display: none;}

.customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;margin-top: 33px;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}

.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden; background: #fff;/*background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center; */}
.customoverlay .title {display:block;text-align:center;background:#fff;padding:10px 15px;font-size:14px;font-weight:bold;}

.customoverlay .a1 {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title1 {display:block;text-align:center;background:#fff;margin-right:35px;padding:0px 15px;font-size:14px;font-weight:bold;}

.customoverlay .a0 {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;  -webkit-transform: rotate(180deg)}
.customoverlay .title0 {display:block;text-align:center;background:#fff;margin-right:35px;padding:0px 15px;font-size:14px;font-weight:bold;  -webkit-transform: rotate(180deg)}

.cc :after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px; background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png') }


/* .movePoint.check {
    background-color: #f47320;
    border: 1px solid #f47320;
    color: #fff;
    font-weight: 400;
    position: relative;
    transition: all .2s ease
    
} */


#rview_info {  
  white-space: nowrap;
  display: none;
  position: absolute;
  padding: 4px 4.3px;
  /* top: 50%; */
  transform: translateY(-135%);
  /* right: 41px; */
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.24px;
  color: #fff;
  word-break: keep-all;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
  }
  
#rview_info:before{  
  content: "";
  position: absolute;
  top: 124%;
  transform: translateY(-50%);
  left: 49%;
  width: 0;
  height: 0;
  border-bottom: 6.5px solid transparent;
  border-top: 6.5px solid rgba(0, 0, 0, 0.4);
  /*border-left: 6px solid rgba(0, 0, 0, 0.4);*/
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  }
  
a:hover #rview_info  {
  display: inline-block;
  }