#map_01 {clear:both; overflow: hidden;}
#map_01 .map {position:relative; overflow:hidden}
#map_01 .bg { width:100%; text-align:center;}
#map_01 .item {position:absolute;  }
#map_01 img {vertical-align:top; }
#map_01 .map .item img {box-shadow: 0 0 15px #dfdfdf;}
#map_01 .item1 {right:100px; top:140px;}
#map_01 .item2 {right:260px; top:440px;}
#map_01 .item3 {left:60px; top:440px;}

#map_01 .mapBox {display:flex; }
#map_01 .mapBox .left {flex-basis: 50%;}
#map_01 .mapBox .right {background:#eef5f1; padding:60px 60px; flex-basis: 50%;  }
#map_01 .mapBox .right .tit{font-size:40px; font-weight:600}
#map_01 .mapBox .right .txt{font-size:20px; margin:20px 0 90px 0;}
#map_01 .mapBox .right .txt span {display:block;}
#map_01 .mapBox .right .btn a{display:block; font-size:20px; width:215px; border-radius:50px; border:1px solid #ccc;
 padding:18px 0px 18px 30px; background-image:url(../img/ico1.png); background-repeat:no-repeat; background-position: 50px center; 
 text-align:center; background-color:#fff;}

/*#map_01 > div.map {float:left; width:70%; }
#map_01 div.map2{float:right; width:25%;}
#map_01 div.map2 h3 {font-size:35px;  color:#82ca9c; padding-bottom:15px; padding-top:10px; }
#map_01 div.map2 { box-sizing:border-box;  padding:0px;  background-color:#fff;}
#map_01 div.map2 ul {padding:0; margin:0; list-style-type:none; font-size:15px; }
#map_01 div.map2 ul li span.tit {width:100%; font-size:20px; margin-top:15px; display:block; color:#aaa; line-height:45px; }
.root_daum_roughmap {width:100% !important;  box-sizing:border-box !important; border:0 !important;*/
padding:0 !important; border-radius:0 !important; } /*다음맵*/
#contentWrap #content #contentsArea iframe.map{ height:550px; }/*구글맵*/

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#map_01 .item {position:absolute;  }
#map_01 img {vertical-align:top; }
#map_01 .bg img{ width:80%; }
#map_01 .map .item img {width:100px; box-shadow: 0 0 15px #dfdfdf;}
#map_01 .item1 {right:0px; top:60px;}
#map_01 .item2 {right:20px; top:200px;}
#map_01 .item3 {left:0px; top:200px;}
	
#map_01 .mapBox {display:flex; flex-direction:column;  }
#map_01 .mapBox .left {flex-basis: 100%;}
#map_01 .mapBox .right {background:#eef5f1; padding:25px 25px 35px 25px; flex-basis: 100%;  }
#map_01 .mapBox .right .tit{font-size:25px; font-weight:600}
#map_01 .mapBox .right .txt{font-size:15px; margin:10px 0 20px 0;}
#map_01 .mapBox .right .txt span {display:block;}
#map_01 .mapBox .right .btn a{display:block; font-size:16px; width:160px;  padding:10px 0px 10px 30px; background-position: 30px center;}

 	
/*#map_01 > div.map {float:left; width:100%; }
#map_01 div.map2{float:right; width:100%;}*/
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}