@import url("sub.css");





.location_cont {}
.location_cont .location_map {height:500px;}
.location_cont .location_map iframe {width:100%; height:100%;}
.location_cont .location_info {padding:50px; box-sizing:border-box; background:var(--grayBg); display:flex; flex-wrap:wrap; gap:0 100px;}
.location_cont .location_info .fs30 {flex-shrink:0;}
.location_cont .location_info .info_in {flex:1;}
.location_cont .location_info .info_in ul {margin:0 0 60px;}
.location_cont .location_info .info_in ul li {display:flex; align-items:flex-start;}
.location_cont .location_info .info_in ul li b {display:flex; align-items:center; color:var(--black); flex-shrink:0;}
.location_cont .location_info .info_in ul li b::before {font-size:24px; font-family:var(--icon); color:var(--main); font-weight:400; margin-right:6px; display:block; line-height:1;}
.location_cont .location_info .info_in ul li b.address::before {content:'\e0c8';}
.location_cont .location_info .info_in ul li b.tel::before {content:'\e0b0';}
.location_cont .location_info .info_in ul li b.bus::before {content:'\e530';}
.location_cont .location_info .info_in ul li b.subway::before {content:'\f462';}

.location_cont .location_info .info_in ul li b::after {content:''; width:1px; height:10px; background:var(--border); margin:0 15px;}
.location_cont .location_info .info_in ul li+li {margin:12px 0 0;}









/*******************************************************************************
@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) {

}
/*******************************************************************************
@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) {

}
/*******************************************************************************
@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) {


.location_cont .location_info {padding:30px;}
.location_cont .location_info .fs30 br {display:none;}
.location_cont .location_info .info_in {flex:none; width:100%; margin:30px 0 0;}
.location_cont .location_info .info_in ul li b::before {position:relative; top:1px;}


}
/*******************************************************************************
@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {


.location_cont .location_map {height:280px;}
.location_cont .location_info {padding:20px;}
.location_cont .location_info .info_in {margin:15px 0 0;}
.location_cont .location_info .info_in ul {margin:0 0 30px;}
.location_cont .location_info .info_in ul li {flex-wrap:wrap;}
.location_cont .location_info .info_in ul li b {width:100%; margin:0 0 5px;}
.location_cont .location_info .info_in ul li b::before {font-size:18px;}
.location_cont .location_info .info_in ul li b::after {display:none;}



}