/* common */
.subpage {overflow: hidden; }
.subpage > section {padding: 100px 0;}
.sub_inner { width: 100%; max-width: 1420px; margin:0 auto; position: relative; padding:0 60px;}
.sub_p {font-size: 17px; font-weight:300; color:#555; line-height:30px; word-break: keep-all; letter-spacing: -.45px;}
.sub_p b {color:#0583f2;}
.sub_tit h2 {font-size: 45px; font-weight: 700; color:#000; line-height: 1; }
.sub_tit p {margin-top: 25px;}
.line_tit {position: relative; padding-left: 20px; display: flex; line-height: 1; align-items: center; }
.line_tit::before {content: ''; display: block; width: 3px; height: 32px; background: #0583f2; position: absolute; left:0; top:3px;}
.line_tit h3 {font-size: 35px; font-weight: 700; color:#000; letter-spacing: -.88px; margin-right: 20px; }
.line_tit p {font-size: 17px; font-weight: 400; color:#555; letter-spacing: -.4px; padding-top: 8px;}
.dot_tit {position: relative; padding-left: 20px;}
.dot_tit::before {content: ''; display: block; width:7px; height: 7px; background: #333; position: absolute; left:0; top:15px; border-radius: 50%; }
.dot_tit h3 {font-size: 26px; font-weight: 700; color:#000; letter-spacing: -.65px;}
.dot_list li {position: relative; text-align: left ; padding-left: 15px ;}
.dot_list li::before {content: ''; display: block; position: absolute; left:0; top:12px; width: 5px; height: 5px; background: #333; border-radius: 50%; }

/*Content CSS*/
#business2::after {content: ''; display: block; width: 100%; height: 400px; background:url("../img/b2_bg.jpg") 50%/cover no-repeat;}

#sec1 {position: relative; }

/* slider */
#his_slider {position: relative; }
#his_slider .slick-list::before {content: ''; width: 1300px; height: 1px; display: block; background: #ddd; margin:10px auto 0;}
#his_slider {width: calc(100% + 40px); position: relative; left: -20px; margin: 70px 0 0;}
#his_slider .box { position: relative; padding:50px 20px 20px;outline: none;}
#his_slider .box > div {background: #fff; box-shadow: 0 0 20px 0 rgba(0, 58, 110, 0.15); text-align: left; padding:35px; outline: none;  min-height: 520px;}
#his_slider .box .dot {content: ''; width: 20px; height: 20px; background: rgba(5,131,242,.28); position: absolute; top: -10px; left:50%; transform:translateX(-50%);
border-radius: 50%; }
#his_slider .box .dot::before {content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; left:5px ;top: 5px; background: #0583f2; }
#his_slider .box .top {margin-bottom: 20px ;padding-bottom: 20px ;border-bottom: 1px solid #ddd; }
#his_slider .box .top h3 {font-size:16px; font-weight: 600; color:#0583f2;  line-height: 1; font-family: 'Montserrat'; }
#his_slider .box .top h2 {font-size:36px; font-weight: 600; color:#000; margin-top: 15px; line-height: 1; font-family: 'Montserrat'; }
#his_slider .box .cont + .cont {margin-top: 20px;}
#his_slider .box .cont h4 {position: relative;padding-left: 15px; font-size: 18px; font-weight: 700; color:#0583f2; letter-spacing: -.45px; margin-bottom: 5px;}
#his_slider .box .cont h4::before {content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #0583f2; position: absolute; left:0; top:10px; }
#his_slider .box .cont ul {padding-left: 15px;}
#his_slider .box .cont ul li {position: relative; padding-left: 12px;}
#his_slider .box .cont ul li::before {content: '-'; position: absolute; left: 0; top:0; }


/* arrow */
#his_slider .slick-arrow {position:absolute; width:100%;z-index: 20; top:45%; font-size:0; width: 30px; border:0; height: 57px;  transition: all 0.2s ease; }
#his_slider .slick-arrow.slick-prev {position:absolute;left:-90px;  background: url('../img/prev.png') 50% 50% no-repeat;}
#his_slider .slick-arrow.slick-next {position:absolute;right:-90px; background: url('../img/next.png') 50% 50% no-repeat; }





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

}

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

}


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

}

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


}