/* 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;}
.subpage br:not(.space){display: none;}

/* font size */
.fs_60 {font-size: 35px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px; text-align: center;}
.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_24 {font-size: 18px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.48px;}
.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: 20px; margin-bottom:20px;}
.arrow_tit::before {content: ''; display: block; width: 12px; height: 18px; background:url("../img/arrow_tit.png") 50%/cover no-repeat; position: absolute;
left: 0; top:6px; }

.dot_list > li {position: relative; padding-left:10px; 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:8px; border-radius: 50%;}

/*Content CSS*/
#sec1 {padding-bottom: 0;}
#sec1 .sub_tit {text-align: left; }
#sec1 .txt_box { padding: 20px; border:3px solid #ddd; text-align: left;background-color: #fff;}
#sec1 .txt_box h3 {font-weight: 400; flex-shrink: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; text-align: center;}
#sec1 .bot {background:url("../img/bu2_s1_bg.jpg") 50%/cover no-repeat; padding: 80px 0 50px; margin-top: -30px;}
#sec1 .bot .txt {width: calc(100% - 40px); margin: 0 auto; padding: 15px; position: relative; overflow: hidden;}
#sec1 .bot .txt::before {content: ''; display: block; width: 7%; max-width: 40px; min-width: 20px; height: 100%; border: solid 2px #fff; border-right: 0; position: absolute; top: 0; left: 0;}
#sec1 .bot .txt::after {content: ''; display: block; width: 7%; max-width: 40px;  min-width: 20px; height: 100%; border: solid 2px #fff; border-left: 0; position: absolute; top: 0; right: 0;}
#sec1 .bot p,
#sec1 .bot p b {color:#fff; }
#sec1 .bot h3 {color:#fff; font-weight: 400; margin-top: 20px; }

/* sec2 */
#sec2 .list {}
#sec2 .list > li {flex:1; border-top: 1px solid #ddd; padding: 20px;}
#sec2 .list > li:last-child {border-bottom: 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: 14px; font-weight: 600; color:#fff; line-height: 1; width: 40px; height: 20px;
background-color: #000; border-radius: 12px; margin: 15px auto 8px; font-family: 'Montserrat';}
#sec2 .list p  {margin-top: 10px;}
/* hover */
#sec2 .list i img {transform: scale(.7);}


/* sec3 */
#sec3 .list {border-top: 2px solid #000; text-align: left;}
#sec3 .list > li {border-bottom: 1px solid #ddd;  padding: 20px 0;}
#sec3 .list h3 {flex-shrink: 0; margin-bottom: 10px}
#sec3 .list p {position: relative; padding-left: 27px;}
#sec3 .list p::before {content: ''; display: block;width: 18px; height: 18px; background:url("../img/bu2_s3_arrow.png") 50%/contain no-repeat; position: absolute; left: 0; top:4px;}


/* sec4 */
#sec4 .list {}
#sec4 .list > li {border:1px solid #ddd; border-top: 3px solid #000; position: relative;}
#sec4 .list > li + li{margin-top: 10px;}
#sec4 .list h4 {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top:-3px; background-color: #000;
font-size: 20px; font-weight: 800; color:#fff; font-family: 'Montserrat'; z-index: 2;}
#sec4 .list .img {overflow: hidden;}
#sec4 .list .img img {width: 100%;}
#sec4 .list .txt {padding: 20px; text-align: center;  background-color: #fff;}
#sec4 .list .txt p {margin-top: 7px; }








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


}