@media (min-width:1200px) {

 
 
  /* ¸Ê Á¤º¸ */

  .map_wrapper{
	 width: 1400pX;
	 height:650px;
	 display:block;
	 margin:0 auto;
     position: relative;
	 z-index:1;
  }
  .map_wrap {
 	 position: relative;
 	 overflow: hidden;
 	 width: 100%;
	 height:100%;
  }


  .map_wrapper .radius_border {
 	 border: 1px solid #919191;
  }

  .map_wrapper .custom_typecontrol {
 	 position: absolute;
 	 top: 10px;
 	 left: 10px;
 	 overflow: hidden;
 	 width: 130px;
 	 height: 30px;
 	 margin: 0;
 	 padding: 0;
 	 z-index: 1;
 	 font-size: 12px;
  }

  .map_wrapper .custom_typecontrol span {
 	 display: block;
 	 width: 65px;
 	 height: 30px;
 	 float: left;
 	 text-align: center;
 	 line-height: 30px;
 	 cursor: pointer;
  }

  .map_wrapper .custom_typecontrol .btn {
 	 background: #fff;
 	 background: linear-gradient(#fff, #e6e6e6);
  }

  .map_wrapper .custom_typecontrol .btn:hover {
 	 background: #f5f5f5;
 	 background: linear-gradient(#f5f5f5, #e3e3e3);
  }

  .map_wrapper .custom_typecontrol .btn:active {
 	 background: #e6e6e6;
 	 background: linear-gradient(#e6e6e6, #fff);
  }

  .map_wrapper .custom_typecontrol .selected_btn {
 	 color: #fff;
 	 background: #425470;
 	 background: linear-gradient(#425470, #5b6d8a);
  }

  .map_wrapper .custom_typecontrol .selected_btn:hover {
 	 color: #fff;
  }

  .map_wrapper .custom_zoomcontrol {
 	 position: absolute;
 	 top: 50px;
 	 left: 10px;
 	 width: 36px;
 	 height: 80px;
 	 overflow: hidden;
 	 z-index: 1;
 	 background-color: #f5f5f5;
  }

  .map_wrapper .custom_zoomcontrol span {
 	 display: block;
 	 width: 36px;
 	 height: 40px;
 	 text-align: center;
 	 cursor: pointer;
  }

  .map_wrapper .custom_zoomcontrol span img {
 	 width: 15px;
 	 height: 15px;
 	 padding: 12px 0;
 	 border: none;
  }

  .map_wrapper .custom_zoomcontrol span:first-child {
 	 border-bottom: 1px solid #bfbfbf;
  }

  .map_wrapper .wrap {
 	 position: absolute;
 	 left: 0;
 	 bottom: 70px;
 	 width: 288px;
 	 height: 132px;
 	 margin-left: -144px;
 	 text-align: left;
 	 overflow: hidden;
 	 font-size: 12px;
 	 line-height: 1.5;
  }


  .map_wrapper .wrap .info {
 	 width: 286px;
 	 height: 120px;
 	 border-bottom: 2px solid #cee0e2;
 	 border-right: 1px solid #cee0e2;
 	 overflow: hidden;
 	 background: #fff;
  }

  .map_wrapper .wrap .info:nth-child(1) {
 	 border: 0;
 	 box-shadow: 0px 1px 2px #888;
  }

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

  .map_wrapper .wrap .info .title01 {
 	 padding: 5px 0 0 10px;
 	 height: 30px;
 	 
 	 background: #e4e4e4;
 	 border-bottom: 1px solid #ddd;
 	 font-size: 18px;
 	 font-weight: bold;
  }

  .map_wrapper .wrap .info .close {
 	 position: absolute;
 	 top: 10px;
 	 right: 10px;
 	 color: #888;
 	 width: 17px;
 	 height: 17px;
 	 background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');
  }

  .map_wrapper .wrap .info .close:hover {
 	 cursor: pointer;
  }

  .map_wrapper .wrap .info .body {
 	 position: relative;
 	 overflow: hidden;
  }

  .map_wrapper .wrap .info .desc {
 	 
 	 position: relative;
 	 margin: 13px 0 0 90px;
 	 height: 75px;
 	 white-space: initial;
  }

  .map_wrapper .wrap .info .desc p {
 	 margin-bottom: 5px;
 	 white-space: initial;
 	 word-break: keep-all;
 	 font-size: 13px;
  }

  .map_wrapper .wrap .info .desc a {
 	 color: #27579f;
 	 font-size: 15px;
  }

  .map_wrapper .wrap .info .img {
 	 position: absolute;
 	 top: 6px;
 	 left: 5px;
 	 width: 73px;
 	 height: 71px;
 	 line-height: 71px;
 	 border: 1px solid #ddd;
 	 color: #888;
 	 text-align: center;
  }

  .map_wrapper .wrap .info .img img {
 	 width: 80%;
 	 vertical-align: middle;
  }


  /* //¸Ê Á¤º¸ */

}

@media (max-width:1199px) {


	/* ¸Ê Á¤º¸ */
  .map_wrapper{
    width: 95%;
	margin: 0 auto;
	height:420px;
	margin: auto;
	position: relative;
	z-index:1;
  
  
  }
  .map_wrap {
 	 position: relative;
 	 overflow: hidden;
 	 width: 100%;
	 height:100%;
  }

  .map_wrapper .radius_border {
 	 border: 1px solid #919191;
  }

  .map_wrapper .custom_typecontrol {
 	 position: absolute;
 	 bottom: 10px;
 	 right: 10px;
 	 overflow: hidden;
 	 width: 100px;
 	 height: 20px;
 	 margin: 0;
 	 padding: 0;
 	 z-index: 1;
 	 font-size: 12px;
  }

  .map_wrapper .custom_typecontrol span {
 	 display: block;
 	 width: 50px;
 	 height: 20px;
 	 float: left;
 	 text-align: center;
 	 line-height: 20px;
 	 cursor: pointer;
 	 font-size: 11px;
  }

  .map_wrapper .custom_typecontrol .btn {
 	 background: #fff;
 	 background: linear-gradient(#fff, #e6e6e6);
  }

  .map_wrapper .custom_typecontrol .btn:hover {
 	 background: #f5f5f5;
 	 background: linear-gradient(#f5f5f5, #e3e3e3);
  }

  .map_wrapper .custom_typecontrol .btn:active {
 	 background: #e6e6e6;
 	 background: linear-gradient(#e6e6e6, #fff);
  }

  .map_wrapper .custom_typecontrol .selected_btn {
 	 color: #fff;
 	 background: #425470;
 	 background: linear-gradient(#425470, #5b6d8a);
  }

  .map_wrapper .custom_typecontrol .selected_btn:hover {
 	 color: #fff;
  }

  .map_wrapper .custom_zoomcontrol {
 	 position: absolute;
 	 bottom: 50px;
 	 right: 10px;
 	 width: 25px;
 	 height: 60px;
 	 overflow: hidden;
 	 z-index: 1;
 	 background-color: #f5f5f5;
  }

  .map_wrapper .custom_zoomcontrol span {
 	 display: block;
 	 width: 25px;
 	 height: 30px;
 	 text-align: center;
 	 cursor: pointer;
  }

  .map_wrapper .custom_zoomcontrol span img {
 	 width: 12px;
 	 height: 12px;
 	 padding: 10px 0;
 	 border: none;
  }

  .map_wrapper .custom_zoomcontrol span:first-child {
 	 border-bottom: 1px solid #bfbfbf;
  }

  .map_wrapper .wrap {
 	 position: absolute;
 	 left: 0;
 	 bottom: 70px;
 	 width: 288px;
 	 height: 132px;
 	 margin-left: -144px;
 	 text-align: left;
 	 overflow: hidden;
 	 font-size: 12px;
 	 line-height: 1.5;
  }

  .map_wrapper .wrap .info {
 	 width: 286px;
 	 height: 120px;
 	 border-bottom: 2px solid #cee0e2;
 	 border-right: 1px solid #cee0e2;
 	 overflow: hidden;
 	 background: #fff;
  }

  .map_wrapper .wrap .info:nth-child(1) {
 	 border: 0;
 	 box-shadow: 0px 1px 2px #888;
  }

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

  .map_wrapper .wrap .info .title01 {
 	 color: #393939;
 	 padding: 5px 0 0 10px;
 	 height: 30px;
 	 background: #e4e4e4;
 	 border-bottom: 1px solid #ddd;
 	 font-size: 18px;
 	 font-weight: bold;
  }

  .map_wrapper .wrap .info .close {
 	 position: absolute;
 	 top: 10px;
 	 right: 10px;
 	 color: #888;
 	 width: 17px;
 	 height: 17px;
 	 background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');
  }

  .map_wrapper .wrap .info .close:hover {
 	 cursor: pointer;
  }

  .map_wrapper .wrap .info .body {
 	 position: relative;
 	 overflow: hidden;
  }

  .map_wrapper .wrap .info .desc {
 	 color: #393939;
 	 position: relative;
 	 margin: 13px 0 0 90px;
 	 height: 75px;
 	 white-space: initial;
  }

  .map_wrapper .wrap .info .desc p {
 	 margin-bottom: 5px;
 	 white-space: initial;
 	 word-break: keep-all;
  }

  .map_wrapper .wrap .info .desc a {
 	 color: #27579f;
 	 font-size: 15px;
  }

 .map_wrapper .wrap .info .img {
 	 position: absolute;
 	 top: 6px;
 	 left: 5px;
 	 width: 73px;
 	 height: 71px;
 	 line-height: 71px;
 	 border: 1px solid #ddd;
 	 color: #888;
 	 text-align: center;
  }

  .map_wrapper .wrap .info .img img {
 	 width: 80%;
 	 vertical-align: middle;
  }

  /* //¸Ê Á¤º¸ */
  


}