/*공통*/
.sub_con_wrap {width:100%; }
.sub_con_gray {width:100%; background: #f7f7f7;}
.sub_con {width: 100%; margin: 0 auto; padding: 50px 15px;}

/*Content CSS*/
#location {width: 100%;}
#location_logo {text-align: center; width: 100%;}
#location_logo img {width: 70%; max-width: 400px;}
.location_line {width: 1px; height: 50px; background: #ddd; margin: 30px auto 15px auto;}
.location_blet {width: 11px; height: 11px; background: #ddd;margin: 0 auto 30px auto;}

.location_txt {position: relative; z-index: 4;}
.location_txt ul {width: 100%; margin: 30px auto 0 auto;display: flex; flex-direction: row; flex-wrap: wrap;}
.location_txt ul li {width:50%; padding: 30px; text-align: center; border: 1px solid #ddd;  margin-left: -1px; margin-top: -1px; background: #fff;}
.location_txt ul li:nth-child(2), .location_txt ul li:nth-child(3) {background: #f7f7f7}
/* .location_txt ul li {width:320px;  padding: 50px 30px; text-align: center; border: 1px solid #ddd; border-left: none; border-bottom: 0;} */
/* .location_txt ul li:last-child { border-right: none;} */
/* .location_txt ul li:nth-child(1) { border-top: 1px solid #cc0111; border-right: 1px solid #cc0111; border-left: 1px solid #cc0111;}
.location_txt ul li:nth-child(2) {  }
.location_txt ul li:nth-child(3) { border-top: 1px solid #cc0111; border-right: 1px solid #cc0111; }
.location_txt ul li:nth-child(4) {  }
.location_txt ul li:nth-child(2n) { border-bottom: 1px solid #cc0111; border-right: 1px solid #cc0111; background: #fcfcfc } */
.location_icon {color:#ccc; transition: all 0.3s;}
.location_txt ul li h2 {font-size: 16px; margin: 10px 0; font-weight: 500; margin: 0 20px;}
.location_txt ul li p {font-size: 14px; font-weight: 300; color:#666; line-height: 22px; word-break: keep-all; }

.map_box {width: 100%; margin-top: -80px;}

.location_txt ul li:hover .location_icon {color:#cc0111;}
@media screen and (max-width:1200px) {

}

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

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