@charset "utf-8";

.location {}

/*상단 아이콘 부분*/
.location .loca_icon { display:flex; flex-wrap:wrap; justify-content: space-between; }
.location .loca_icon .iconCont{width:33.33333%; padding:0 15px;}
.location .loca_icon .iconCont img {width:80px;}
/*지도 바로가기 버튼*/
.location .locaBtn { width:100%; margin:1.5rem 0 0; font-size:1.4rem;}
.location .locaBtn .fa { font-size:1.5rem; padding-right:5px;}
.location .locaBtn a {padding:0.5rem 1.2rem; border:1px solid #ccc; color:#989898; font-weight:400;  transition: all 0.3s;}
.location .locaBtn a:hover {border:1px solid #073da8; color:#fff; background:#073da8;}

/*지도*/
.location .mapWrap {width:100%;}
.location .map{font-size:0;height:500px;}

/*오는방법*/
.location .way_wrap {display:flex; flex-wrap:wrap;}
.location .way_wrap .way { width:50%; padding-bottom:30px; padding-right:30px;}
.location .way_wrap .way .tit img {padding-right:5px;}
.location .way > ul li {position:relative; padding:5px 0 5px 12px;}
.location .way > ul li:before {content:""; position:absolute; top:16px; left:0; width:5px; height:5px; background-color:#222222; border-radius:50%; }


 @media(max-width:1024px){
  
 }
 @media(max-width:768px){
   .location .loca_icon {padding-bottom:0px; }
   .location .loca_icon .iconCont{width:100%; margin-bottom:50px;}
   .location .loca_icon .iconCont p img {width:60px;}

   .location .mapWrap .map {height:300px;}  
   .location .way_wrap .way { width:100%; padding-bottom:30px; padding-right:0px;}
 }
 @media screen and (max-width:560px){
   
 }