@charset "utf-8";

/* 모바일기기 */
@media only screen and (max-width: 320px) {
#map-canvas { clear:both;;margin-bottom:20px;width:100%; height:250px }
#roadview { width:100%;height:250px;}
}

/* 모바일기기 + 태블릿 */
@media only screen and (min-width: 321px) and (max-width: 768px){
#map-canvas { clear:both;margin-bottom:20px;width:100%; height:250px }
#roadview { width:100%;height:250px;}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
#map-canvas { clear:both;margin-bottom:20px;width:100%; height:400px }
#roadview { width:100%;height:400px;}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
#map-canvas { clear:both;margin-bottom:20px;width:100%; height:400px }
#roadview { width:100%;height:400px;}
}