/*공통*/
.con1280 {width: 1280px; margin: 0 auto;}
/*Content CSS*/

#location .title {text-align: center;}
#location .title h1 {font-size: 36px; font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#000; margin-top: 15px;}

#location .article {display: flex; justify-content: center; position: relative; z-index: 3; margin-top: 40px;}
#location .article .box {width: 25%; margin-left: -1px; border: 1px solid #ddd; background: #fff; padding: 50px 30px; border-top: 3px solid #0053dd; text-align: center;
display: block;}
#location .article .box:nth-child(2n) {border-top: 3px solid #333}
#location .article .box .icon {font-size: 30px; color:#333; transition: all 0.5s; margin-bottom: 15px;}
#location .article .box h1 {font-size: 18px; font-family: 'Roboto',sans-serif; font-weight: 700;}
#location .article .box p {font-size: 15px; font-weight: 300; color:#777; margin-top: 7px;}

#location .article .box:hover .icon {color: #0053dd; transform: rotateY(180deg);}

.map_box_wrap { margin-top: -70px;}
.map_box {width :100%!important;}
.wrap_controllers {display: none!important;}












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

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

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