#location {max-width:1400px; margin:0 auto; overflow:hidden;}
#location img {vertical-align:top;}

#location .info {text-align: center; padding-top:50px; width:520px; margin:0 auto;}
#location .info .tel2 {font-size:60px; background:url(../img/tel_ico2.jpg)no-repeat left center; padding-left:90px;
font-weight:600;}
#location .info .time {font-size:42px; margin-top:45px; background:url(../img/time_ico.jpg)no-repeat left center;
padding:10px 0 10px 90px; font-weight:600; letter-spacing:-0.8px }
#location .info .time span {display: block; font-size:32px; }

#location .sns {width:80%; margin:100px auto 80px auto; clear:both; overflow:hidden; text-align:center;}
#location .sns ul li{width:33.333%; float:left; padding-top:50px; }

#location .loc {clear:both; text-align:center; margin-bottom:100px;}
#location .loc .txt1 {font-size:36px; padding-top:15px}
#location .loc .map {width:100%; margin:20px auto;}
#location .loc .map .root_daum_roughmap {width:100% !important; }

#location .head {position:relative;}
#location .head .cont {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; width:100%; text-align:center;}
#location .head .cont .txt {font-size:20px; padding-top:10px; line-height:28px; }
#location .list {padding:0 0px; }
#location .list { overflow:hidden; width:100%; margin-bottom:50px;}
#location .list .listBox {width:685px; float:left; border:1px solid #cccccc; box-sizing:border-box; }
#location .list .listBox2 {margin-top:40px;}
#location .list .listBox:nth-child(even) {float:right;}
#location .list .listBox h3 {font-size:35px;}
#location .list .listBox .floatL {width:250px; text-align:center; }
#location .list .listBox .floatR {width:423px; font-size:18px;}
#location .list .listBox .floatR .tel {font-weight:bold; padding:12px 0 ; font-size:20px;
background:url(../img/tel_ico.jpg)no-repeat left center; padding-left:30px; display:inline-block }
#location .list .listBox .floatR .kakao {display:inline-block; vertical-align: middle; padding-left:10px}
#location .list .listBox .clearB {padding:30px 0 20px 0 ;}
#location .list .listBox span {display:block; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#location .info { padding-top:20px; width:300px;}
#location .info .tel2 {font-size:35px; background:url(../img/tel_ico2.jpg)no-repeat left center; padding:10px 0 10px 50px;
font-weight:600; background-size:50px}
#location .info .time {font-size:25px; margin-top:5px; background:url(../img/time_ico.jpg)no-repeat left center;
padding:10px 0 10px 50px; font-weight:600; letter-spacing:-0.8px; background-size:50px }
#location .info .time span {display: block; font-size:20px; }

#location .sns {width:100%; margin:30px auto 30px auto; clear:both; overflow:hidden; text-align:center;}
#location .sns ul li{width:33.333%; float:left; padding-top:15px; }
#location .loc .tit img{height:50px;}

#location .loc .txt1 {font-size:18px; padding-top:10px}
#location .loc .map {width:100%; margin:10px auto;}	
	
	
#location .head .cont .tit {width:50%; margin:0 auto; }
#location .head .cont .txt {font-size:14px; padding-top:0px; line-height:16px;}
#location .head .cont .txt span {padding-top:10px;}	

#location .list {margin:0px 0px 0 0px; }
#location .list .listBox {width:100%; float:none; margin-bottom:50px;  }
#location .list .listBox:nth-child(even) {float:none;}

#location .list .listBox h3 {font-size:25px; padding-bottom:10px;}
#location .list .listBox .floatL {width:100%; text-align:left; }
#location .list .listBox .floatR {width:100%; font-size:18px;}
#location .list .listBox .clearB {padding:30px 20px 20px 20px ;}
#location .list .listBox .floatR .kakao {display:block; padding-left:0px; padding-bottom:10px}
#location .map .root_daum_roughmap {width:100% !important; }
.root_daum_roughmap .wrap_map {height:220px !important;}
#location .pdT160 {padding-top:0px;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

