/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 50px 0; position: relative; }
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.subpage > section article + article {margin-top: 50px;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 20px; }
.sub_tit {margin-bottom:30px;  }
.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: 35px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px; }
.fs_32 {font-size: 24px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.64px;}
.fs_27 {font-size: 22px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.54px;}
.fs_25 {font-size: 20px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.48px;}
.fs_24 {font-size: 18px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.48px;}
.fs_20 {font-size: 16px; font-weight: 400; color:#000; line-height: 1.7; letter-spacing: -.4px;}
.fs_18 {font-size: 15px; font-weight: 400; color:#333; line-height: 1.7; 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; }

/*Content CSS*/
.subpage .map_wr {margin:0 auto -30px; width: 100%; height: 250px; position: relative; z-index: 1; }
.subpage .map_wr .wrap_map {height: 250px;}
.subpage .list { width:calc(100% - 40px);  margin: 0 auto ; display: flex; flex-wrap: wrap; background:#0056c1; position: relative; z-index: 2 ; text-align: center;}
.subpage .list li {transition: background-color .3s; width: 50%;}
.subpage .list li:first-child{width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.subpage .list li:nth-child(2){ border-right: 1px solid rgba(255, 255, 255, .2);}
.subpage .list li:last-child {}
.subpage .list li .box { display: block; padding: 20px; height: 100%;}
.subpage .list i {color:#FFF; font-size: 30px; transition-property: transform; transition-duration: .5s;}
.subpage .list h2 {font-size:20px; color:#fff; font-weight: 700; margin:10px 0 5px; line-height: 1; font-family: 'Montserrat';}
.subpage .list p {font-size: 14px; color:rgba(255, 255, 255, 0.8); line-height:1.7; 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) {


}