/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.subpage > section article + article {margin-top: 90px;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_tit {margin-bottom:50px; text-align: left; }
.sub_tit.flex {display: flex; }
.sub_tit.flex h2 {flex-shrink: 0; margin-right: 40px;}
.sub_tit.flex p {padding-top: 20px;}

/* font size */
.fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px;}
.fs_32 {font-size: 32px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.64px;}
.fs_27 {font-size: 27px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.54px;}
.fs_25 {font-size: 25px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.48px;}
.fs_24 {font-size: 24px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.48px;}
.fs_20 {font-size: 18px; font-weight: 400; color:#000; line-height: 1.7; letter-spacing: -.4px;}
.fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; letter-spacing: -.36px;}

.arrow_tit {text-align: left; position: relative; padding-left: 28px; margin-bottom:35px;}
.arrow_tit::before {content: ''; display: block; width: 16px; height: 24px; background:url("../img/arrow_tit.png") 50%/contain no-repeat; position: absolute;
left: 0; top:8px; }

.dot_list > li {position: relative; padding-left:11px; margin-bottom:5px; text-align: left; }
.dot_list > li:last-child {margin-bottom: 0;}
.dot_list > li::before {content: ''; display: block; width: 5px; height: 5px; background-color: #0056c1; position: absolute; left: 0; top:12px; border-radius: 50%;}

.num_list {border-top: 2px solid #000; text-align: left; }
.num_list > li {display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 35px 0;}
.num_list h4 {display: flex; align-items: center; flex-shrink: 0; margin-right: 40px; min-width: 310px;}
.num_list h4 i {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #0056c1; margin-right: 16px;
font-size: 25px; font-weight: 700; color:#fff; letter-spacing: -.5px; font-family: 'Montserrat'; font-style: normal;}
/* .num_list p {padding-top: 4px;} */
.num_list > li:nth-child(even) h4 i {background-color: #ffb100; }
.num_list > li{display: flex; align-items: center;}

/*Content CSS*/
.subpage .map_wr {margin:0 auto -90px; width: 100%; height: 650px; position: relative; z-index: 1; }
.subpage .map_wr .wrap_map {height: 650px;}
.subpage .list { width:100%; max-width: 1100px; margin: 0 auto ; display: flex; background:#0056c1; position: relative; z-index: 2 ; text-align: center;}
.subpage .list li { flex:1; transition: background-color .3s; padding: 40px 0;}
.subpage .list li:last-child {border:0;}
.subpage .list li .box {padding: 5px 20px; display: block;  border-right: 1px solid rgba(255, 255, 255, .2); height: 100%;}
.subpage .list i {color:#FFF; font-size: 40px; transition-property: transform; transition-duration: .5s;}
.subpage .list h2 {font-size:25px; color:#fff; font-weight: 700; margin:18px 0; line-height: 1; font-family: 'Montserrat';}
.subpage .list p {font-size: 16px; color:rgba(255, 255, 255, 0.8); line-height:1.56; font-weight: 300; letter-spacing: -.4px;}
/* hover */
.subpage .list li:hover {background-color: rgba(255,255,255,.1);}
.subpage .list li:hover i {transform: rotateY(180deg); }








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


}