@charset "utf-8";

/*button*/
		.zoombutton ul li{
			float:left; 
			width:44%; 
			margin:1%;  
			background:#f5f5f5;
			border:1px solid #ddd; 
			border-left:5px solid #005fca; 
			position:relative;
			padding:1%;
			line-height:110%
		}
		.zoombutton li a{
			display:block; 
			margin:2%; 
			padding:5px 2px; 
			font-weight:bold
		}

		/*image zoom*/
		.pinch-zoom-parent{ 
			background: #333 url("images/map.png") no-repeat center; 
			background-size : cover
		}
		.pinch-zoom-parent {
		  width:100vw; 
		  height:600px;
		}
		.pinch-zoom img {
		  width:100%; 
		}

		/* 반응형 */
		@media all and (max-width:680px){
			.pinch-zoom-parent {
			  width:100vw; height:374px;
			}
			.zoombutton ul li{
			  height: 9vh;
			}
		}
		@media all and (max-width:480px){
			.pinch-zoom-parent {
			  width:100vw; height:264px;
			}
			.zoombutton ul li{
			  font-size:12px;
			  padding:0;
			  width:98%;
			  height: 100%;
			}
		}
		@media all and (max-width:360px){
			.pinch-zoom-parent {
			  width:100vw; height:198px;
			}
		}