/* common */
.sub_h1 { font-size:50px; font-weight: bold; line-height: 1; margin-bottom: 60px }
.sub_h2 { font-size:16px; font-weight: bold; letter-spacing: 1.6px; color: #1f4de5; margin-bottom: 20px; line-height: 1; text-transform: uppercase; }
.sub_p { font-size:18px; line-height: 1.83; color: #636363; font-weight: 300; }
.sub_p ~ .sub_p { margin-top: 20px; }



/* contents */
#location { padding:35px 0 110px; text-align: center; overflow: hidden; }
.txt { margin:10px 0 50px; font-size: 24px; font-weight: 300; }
.txt i { display: inline-block; margin-right: 18px; font-size:32px; color:#1f4de5; position:relative; top:3px; }
.txt b { font-weight: 500; }
.txt span {  font-weight: 300; color: #666; }
.txt .arrow { display: inline-block; margin:0 18px; position:relative; top:-2px; }

#location .flex { display: flex; justify-content: space-between; }
#location .flex .img {width: 720px; border:1px solid #ddd; display: flex; align-items: center; justify-content: center; }

.loca_list { position:relative;  display: flex; align-items: center; justify-content: space-between;; flex-wrap: wrap; width: 540px ;}
/* .loca_list:before { content:""; position:absolute; left:50%; transform: translateX(-50%); top:0; width:1px; height: 50px; background-color: #191d29; } */
.loca_list li {  width:260px; height: 260px; border: solid 3px #ddd; padding:40px 30px; transition: all .3s; }
.loca_list li:first-child {width: 100%;margin-bottom: 20px; }
.loca_list li:last-child { margin-right: 0; }

.loca_list li img { transition: all .6s; }
.loca_list li h3 { margin:30px 0 18px; font-size: 18px; color: #333; line-height: 1; font-weight: bold; }
.loca_list li p { font-size: 18px; color: #666; line-height: 1.7; font-weight: 300; }
.loca_list li p b {font-weight: 700; }
.loca_list li:last-child p { font-size: 14px; }

.loca_list li:hover { border-color: #1f4de5; }
.loca_list li:hover img { transform: rotateY(180deg);}