/*공통*/
.con1280 {width: 100%; padding:0 15px;}
/*Content CSS*/

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

#location .article {display: flex; flex-direction: column; position: relative; z-index: 3; margin-top: 40px;}
#location .article .box {width: 100%; margin-left: -1px;  background: #fff; padding: 15px 15px; text-align: center; border-bottom: 1px solid #ddd;
display: block; display: flex; align-items: center;}
#location .article .box:first-child {border-top: 3px solid #0053dd; }
/* #location .article .box:nth-child(2n) {border-top: 3px solid #333} */
#location .article .box .icon {font-size: 24px; color:#333; transition: all 0.5s; }
#location .article .box h1 {font-size: 15px; font-family: 'Roboto',sans-serif; font-weight: 700; margin:0 15px;}
#location .article .box p {font-size: 14px; font-weight: 300; color:#777; word-break: keep-all; text-align: left;}

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

.map_box_wrap { margin-top: 40px;}
.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) {
}