/*공통*/
.con_wrap {width: 100%;}
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 90px 0;}
.con1500 {width: 1500px; margin: 0 auto;}

.c_title h2 {font-family: 'NanumSquare',sans-serif; font-weight: 700; font-size: 17px; color:#0932a9; margin-bottom: 15px; }
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-weight: 900; font-size: 57px; color:#000;}
.c_title h3 {font-family: 'NanumSquare',sans-serif; font-size: 24px; color:#000; margin-top: 30px;}
.c_title p { font-size: 14px; font-weight: 300; color:#888; margin-top: 30px; line-height: 28px; word-break: keep-all;}


/*Content CSS*/
#location {text-align: center; overflow: hidden;}
#location .c_title p span {font-size: 24px; color:#000; position: relative; top: 5px;}

.down_arrow {margin: 25px auto; font-size: 30px;}

#location .article {display: flex; flex-direction: row; justify-content: center; text-align: center; position: relative;z-index: 3}
#location .article .box {flex: 1; border: 1px solid #ddd; margin-right: -1px; padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; background: #fff;  }
#location .article .box i {font-size: 30px; color:#000; transition: all 0.3s; vertical-align:middle; transition:transform 500ms}
#location .article .box h1::before {display: block; content: ""; width: 30px; height: 1px; background: #000; margin: 15px auto;}
#location .article .box h1 {font-size: 18px; font-family: 'NanumSquare',sans-serif; font-weight: 900; margin-bottom: 10px;}
#location .article .box p {font-size: 17px;font-family: 'NanumSquare',sans-serif; font-weight: 400;  color:#888}

#location .article .box:hover i {color:#fecd08; transform:rotateY(180deg); transition:transform 500ms}

#location .article .logo_img {background: #001144; border: 1px solid #001144}
#location .article .logo_img img {margin: 0 auto;}

#location .map {margin-top: -40px;}

.root_daum_roughmap .wrap_controllers {border: none!important;}

.locat_img {width: 1500px; margin: 50px auto 70px;}
.locat_img ul {width: 100%}
.locat_img ul {width: 100%; display: flex; flex-direction: row; justify-content:space-between;}
.locat_img ul li {width: 720px;}
.locat_img ul li .img { width: 100%; height: 400px; overflow: hidden; position: relative;}
.locat_img ul li:nth-child(1) .img {}
.locat_img ul li:nth-child(2) .img {}
/* .locat_img ul li img {width: 100%;} */
.locat_img ul li p {font-size: 18px; font-weight: 400; color:#333;}
.locat_img ul li p::before {content: ""; display: block; margin: 25px auto 5px; background: #333; width: 30px; height: 1px;}

.locat_img ul li:nth-child(1) .img::after {content:'';display:block;width: 100%;height:100%;position:absolute;background: url('../img/locat_img1.jpg')no-repeat 17% 50%;background-attachment: fixed;top:0;}
.locat_img ul li:nth-child(2) .img::after {content:'';display:block;width: 100%;height:100%;position:absolute;background: url('../img/locat_img2.jpg')no-repeat 82% 50%;background-attachment: fixed;top:0;}





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

}

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

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

}