/* 공통 */
.sub_con {width:100%; margin:0 auto;}
.con1300 {width: 1300px; margin: 0 auto;}

/*Content CSS*/
#contact {text-align: center; padding:0 0 150px; position: relative; z-index: 1; overflow: hidden; }
#contact .sub_title::after {content: ''; display: block; width:2px; height:100px; margin:34px auto -60px; background: #c90000;}
.contact_box {width:1300px; display: flex; background: #fff; margin: 0 auto;box-shadow: 10.6px 15.8px 19.7px 4.3px rgba(14, 26, 41, 0.06);}
.con_map {width:50%; overflow: hidden;}
.con_map .root_daum_roughmap .wrap_controllers {display: none;}
.con_info {text-align: left; width: 50%; padding: 50px 75px;}
.con_info h1 {font-size:44px; font-weight: 500; color:#fff; font-family: 'Montserrat'; }
.con_info ul {width:100%; margin-top:50px;}
.con_info ul li {padding:20px 0;  border-top:1px solid #dfe3ed;}
.con_info ul li h2 {font-size:16px; font-weight: 500; color:#222; font-family: 'Montserrat'; margin-bottom:12px;}
.con_info ul li h2 i {font-size:18px; color:#3f5aab; margin-right:10px;}
.con_info ul li h3 {font-size:15px; font-weight: 400; color:#777;  font-family: 'Montserrat'; padding-left:27px;}
.con_info ul li p {font-size:15px; font-weight: 300; color:#777; letter-spacing: -.5px; padding-left:27px;}

.contact_bg {width:100%; height:600px; background: url('../img/location_bg.jpg') 50% 50% no-repeat; background-size:cover; background-attachment: fixed; position: absolute; z-index: -1; left:0; bottom:0;}


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

}

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

}

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

}

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

}