/* 공통 */
.sub_con {width: 1300px; margin:0 auto;}
.sub_title h2 {font-size:18px; font-weight: 700; color:#1f9fae; letter-spacing: 6.3px; text-transform: uppercase; margin-bottom: 25px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:48px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}

/*Content CSS*/
#location {text-align: center; padding:80px 0 120px;}
#location .sub_con {width: 1200px; }


#loc_sec1{text-align: left;}
.loca_list{display: flex; flex-wrap: wrap; margin-top: 70px;}
.loca_list > li{width: calc(50% - 20px); margin-right: 40px;}
.loca_list > li:nth-child(2n){margin-right: 0;}
.loca_list > li:nth-child(n+3){margin-top: 90px;}
.loca_list .tit{border-bottom: solid 1px #ddd; padding-bottom: 25px; margin-bottom: 30px; display: flex; justify-content: space-between;}
.loca_list .tit a{display: flex; align-items: center; justify-content: center; width: 110px; height: 35px; background-color: #fff; border: solid 1px #ccc; transition: .3s;}
.loca_list .tit a:hover{border-color: #1f9fae; background-color: #1f9fae;}
.loca_list .tit a span{font-size: 15px; color: #999; font-family: 'NanumSquare',sans-serif; transition: .3s;}
.loca_list .tit a:hover span{color: #fff;}
.loca_list .tit a i{width: 6px; height: 10px; display: block; background: url('../img/loca_arrow2.png') 50% / cover no-repeat; transition: .3s; margin-left: 9px;}
.loca_list .tit a:hover i{background-image: url('../img/loca_arrow1.png');}
.loca_list .img{border: solid 1px #c7c3c4; overflow: hidden; height: 350px;}
.loca_list .img img{transition: .3s;}
.loca_list > li:hover .img img{transform: scale(1.1);}
.loc_h{font-size: 24px; font-weight: 800; color: #1f9fae;  font-family: 'NanumSquare',sans-serif; display: flex; }
.loc_h span{display: inline-block; margin-left: 13px;}
.fs_17{font-size: 17px; color: #666; font-weight: 400;  font-family: 'NanumSquare',sans-serif;}

.loc_list span{color:#1f9fae; font-weight: 800;}
.loc_list li{margin-bottom: 20px;}
.loc_list li:nth-child(1){color: #333;}
.loc_list li:last-child{margin-bottom: 40px;}



@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}