/* 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;}

/* 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_24 {font-size: 24px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.48px;}
.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%;}

/*Content CSS*/
#sec1 {padding-bottom: 0;}
#sec1 .sub_tit {text-align: left; }
#sec1 .txt_box {display: flex; align-items: center; padding: 50px 80px; border:3px solid #ddd; text-align: left; background-color: #fff; position: relative; z-index: 2;}
#sec1 .txt_box h3 {font-weight: 400; flex-shrink: 0; }
#sec1 .txt_box ul {border-left: 1px solid #ddd;  margin-left: 50px; padding-left: 50px;}
#sec1 .bot {background:url("../img/bu2_s1_bg.jpg") 50%/cover no-repeat; padding: 140px 0 110px; margin-top: -70px;}
#sec1 .bot .txt {width: 100%; max-width: 1100px; margin: 0 auto; padding: 15px 0; position: relative;}
#sec1 .bot .txt::before {content: ''; display: block; width: 55px; height: 201px; background:url("../img/bu2_s1_border1.png") 50% no-repeat; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
#sec1 .bot .txt::after {content: ''; display: block; width: 57px; height: 205px; background:url("../img/bu2_s1_border2.png") 50% no-repeat; position: absolute; right: 0; top: 50%;  transform: translateY(-50%);}
#sec1 .bot p,
#sec1 .bot p b {color:#fff; }
#sec1 .bot h3 {color:#fff; font-weight: 400; margin-top: 40px; }

/* sec2 */
#sec2 .list {display: flex;}
#sec2 .list > li {flex:1; border-left: 1px solid #ddd; padding: 30px 0;}
#sec2 .list > li:last-child {border-right: 1px solid #ddd;}
#sec2 .list i {display: inline-block; height: 71px; line-height: 71px; }
#sec2 .list h4 {display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 600; color:#fff; line-height: 1; width: 50px; height: 24px;
background-color: #000; border-radius: 12px; margin: 30px auto 15px; font-family: 'Montserrat';}
#sec2 .list p {margin-top: 15px;}
/* hover */
#sec2 .list i img {transition: transform .5s; }
#sec2 .list li:hover i img {transform: rotateY(180deg);}

/* sec3 */
#sec3 .list {border-top: 2px solid #000; text-align: left;}
#sec3 .list > li {border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; padding: 40px 0 35px;}
#sec3 .list h3 {flex-shrink: 0; margin-right: 35px; min-width: 225px;}
#sec3 .list p {position: relative; padding-left: 60px; padding-top: 3px;}
#sec3 .list p::before {content: ''; display: block;width: 28px; height: 28px; background:url("../img/bu2_s3_arrow.png") 50%/contain no-repeat; position: absolute; left: 0; top:6px;}


/* sec4 */
#sec4 .list {display: flex; justify-content: space-between; flex-wrap: wrap; }
#sec4 .list > li {border:1px solid #ddd; border-top: 3px solid #000; width: 635px; position: relative;}
#sec4 .list > li:nth-child(n+3) {margin-top: 30px;}
#sec4 .list h4 {width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top:-3px; background-color: #000;
font-size: 30px; font-weight: 800; color:#fff; font-family: 'Montserrat'; z-index: 2;}
#sec4 .list .img {overflow: hidden;}
#sec4 .list .img img {transition: transform .3s;}
#sec4 .list > li:hover .img img {transform: scale(1.05);}
#sec4 .list .txt {padding: 35px; text-align: left;  background-color: #fff;}
#sec4 .list .txt p {margin-top: 10px; }












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


}