/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.section {padding: 100px 0;}
.s_title h2 {font-size:18px ;font-weight: 700; color:#0000ff; text-transform: uppercase; }
.s_title h1 {font-size:42px; font-weight: 700; color:#000; margin-top: 10px;}
.s_title.wh h2, .s_title.wh h1 {color:#fff;}

/*Content CSS*/
#location {padding:100px 0 120px; }
/* section */
#location .title {text-align: center;}
#location .title h1 {font-size: 36px; font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#000; margin-top: 35px;}

#location .article {display: flex; justify-content: center; flex-direction: column; position: relative; z-index: 3; width: 600px; margin:40px auto 0; }
#location .article .box {width: 100%; margin-left: -1px; border: 1px solid #ddd; background: #fff; padding: 30px 30px; border-top: 2px solid #0000ff;
display: block; display: flex; align-items: center; text-align: left; }
#location .article .box:nth-child(2n) {border-top: 2px solid #333}
#location .article .box .icon {font-size: 30px; color:#333; transition: all 0.5s; }
#location .article .box h1 {font-size: 18px; font-family: 'Roboto',sans-serif; font-weight: 700; margin:0 20px; width: 80px;}
#location .article .box p {font-size: 15px; font-weight: 300; color:#777; word-break: keep-all;}

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

.map_box_wrap { margin-top: -40px; border-bottom: 1px solid #ddd; }
.map_box_wrap .wrap_controllers {display: none!important;}

/* c1  */
#loc_c1 .article_wr {display: flex; justify-content: space-between;}
#loc_c1 .article_wr  > div {width: 630px;}
/* c2 */
#loc_c1 .arti2 .article .box {border-top-color:#3abfff;}
#loc_c1 .arti2 .article .box:hover .icon {color: #3abfff; }
#loc_c1 .arti2 .article .box:nth-child(2n) {border-top-color: #333; }







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

}


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

}

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

}