#location {width: 100%; padding:100px 0 0px 210px ;  background:#f7f7f3; }
#location .floatL{width:60%;}
#location .floatL h3{color:#cbd699; font-size:55px; font-family: 'Pretendard-Regular'; letter-spacing:-1px; padding-right:30px; }
#location .floatR{width:40%; padding-top:70px;}
#location .floatR .btn {display:inline-block; width:140px; text-align:center; margin: 0 5px;; }
#location .floatR .btn a {display: block;background:#bdcc62; color:#fff;padding:15px; border-radius:50px;  }
#location div.flex1{display:flex; justify-content:space-between; position:relative; width:100%; padding-top:85px; margin:0 auto; }
#location .tit_main {width:40%}
#location .item {width:60%; padding-left:20px;}
#location .tit_main .cont ul li {padding:0 0 35px 0px ; background-repeat:no-repeat; background-position:left center;
background-size:25px auto; font-size:20px;}
#location .tit_main .cont ul li span { font-weight:500; display:inline-block;}
#location .tit_main .cont ul li > span.tit{}
#location .tit_main .cont ul li > span.txt{ vertical-align:top; padding-left:50px;  }
#location .tit_main .cont ul li > span > span {width:120px;  padding-bottom:15px;}
#location  .tit_main .more {  margin-top:100px; }
#location .tit_main .more a {display:block; font-size:16px; width:180px; color:#333; text-align:center; padding:10px 0 12px 0; 
background-color:#fff; border:0 solid #888; border-radius:0px; font-weight:500}
.item .wrap_controllers {display:none !important;}
.item .map .root_daum_roughmap {border:0px solid #ccc; width:100% !important;}

#location .floatR .mb{display:none;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
#location {width: 100%; padding:100px 0 0px 110px ; }
}
@media (max-width: 1400px) {
#location {width: 100%; padding:60px 0 0px 60px ;  background:#f7f7f3; }	
#location .floatL{width:100%;}
#location .floatL h3{color:#cbd699; font-size:55px; font-family: 'Pretendard-Regular'; letter-spacing:-1px; }
#location .floatR{width:100%; padding-top:20px;}	
#location .tit_main .cont ul li {padding:0 0 15px 0px ; font-size:18px;}	
#location .tit_main .cont ul li span.tit {}
#location .tit_main .cont ul li span.tit,
#location .tit_main .cont ul li span.txt { display:block; padding:0 0 5px 0; }	
#location .tit_main .cont ul li > span.txt{ vertical-align:top; padding-left:0px; color:#888; }
#location .tit_main .cont ul li > span > span {width:120px;  padding-bottom:10px;}
}
@media (max-width: 1023px) {
#location div.flex1 {padding: 0 ;}	
#location {padding:50px 0 0 0; border-radius:0  }
#location .floatL h3{font-size:30px; padding:0; }
#location .clearB {padding: 0 20px;}
#location .floatR .btn {width:100px;  margin: 0 2px;; }
#location .floatR .btn a {padding:12px; font-size:14px; font-weight:500;}
#location .floatR{text-align:right; padding:25px 0 20px 0}
#location .tit {padding-top:0px; padding-bottom:30px; }	
#location .item {width:100%; padding:0;}
#location .tit_main .cont ul li {padding:0 0 15px 0px ; font-size:16px;}
#location .tit_main .cont ul li > span > span {width:120px;  padding-bottom:5px;}
#location .tit_main .cont ul li span.tit { font-weight:600; font-size:18px; }
	
#location .tit_main {padding:20px 20px; width:100%;}
#location .tit_main .txt ul {padding-top:20px;}
/*#location .tit_main .more {display:none; position:relative; margin-top:0; right:0;}*/
.item .map .root_daum_roughmap {width:100% !important; }
.item .map .wrap_map {height:300px !important;}

#location .floatR .mb{display:inline-block;}
#location .floatR .pc{display:none;}

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