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

.s_title h2 {font-size:18px; font-weight: 400; color:#0900cb; letter-spacing: 7.2px; font-family: 'Play', sans-serif; text-transform: uppercase; }
.s_title h1 {font-size:35px; font-weight: 500; color:#000; line-height: 48px; margin:15px 0 0;}

.blet_list li {position: relative; padding-left: 16px; font-size: 16px; word-break: keep-all; line-height: 26px; color:#666; font-family: 'Nanum Gothic',sans-serif; text-align: left; margin-bottom: 5px;}
.blet_list li::before {display: block; position: absolute; top: 9px; left: 0; width: 5px; background: #58391c; height: 5px; content: "";}

.blet_box span {display: block; width: 10px; height: 10px; border-radius: 50%; background: #15116f; margin: 0 auto 17px;}
.blet_box span:nth-child(1) {opacity: 0.2;}
.blet_box span:nth-child(2) {opacity: 0.5;}
.blet_box span:nth-child(3) {opacity: 1;}

/*Content CSS*/
#location .con1300 {text-align: center; }
#location .con1300 > h1 { font-size: 22px; color:#333; margin-bottom: 30px; font-weight: 600; margin-top:20px; }

#location .con1300 p span {color:#15116f; font-size: 21px; margin-right: 6px; position: relative; top: 4px;}

#location .article {width: 100%; display: flex; flex-direction: row; justify-content: center; position: relative; z-index: 3; margin-top: 50px;}
#location .article .box {width: 25%; border: 1px solid #d9e6e9; margin-left: -1px; text-align: center; padding: 55px 15px; background: #fff;}
#location .article .box.logo {}
#location .article .box.logo img {}

#location .article .box .icon {color:#15116f; font-size: 30px;vertical-align:middle; transition:transform 500ms}
#location .article .box h1 {color:#333; font-size: 18px; font-weight: 700; margin: 15px 0 10px 0; font-family: 'Play', sans-serif; text-transform: uppercase;}
#location .article .box p { font-weight: 400; color: #777; font-size: 15px;}
#location .article .box:hover .icon {transform:rotateY(180deg); transition:transform 500ms}

.locat_map {margin-top: -40px!important;}
.wrap_controllers  {display: none;}
@media screen and (max-width:1200px) {

}

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

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