.s2 .title {position: relative; display: flex; max-width: 1920px; margin: 0 auto;}
.s2 .title .bg_img{display: flex; margin: 0 auto; width: 100%; max-width: 1920px; overflow: hidden;}
.s2 .title .bg_img img{width: 100%;}
.s2 .title .text_box{position: absolute; top: 0; width: 100%; padding-top: 7rem; max-width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.s2 .title .text_box p{font-size: 40px; letter-spacing: -2px; color: white;}
.s2 .title .text_box h1{font-size: 110px; letter-spacing: -2px; color: white;}
.s2 .cont{display: flex; width: 100%; align-items: center; justify-content: space-between; max-width: 1920px; margin: 0 auto;}
.s2 .cont .left{width: 40%;}
.s2 .cont .left .text_box{padding-left: 12rem;}
.s2 .cont .left .text_box h3{font-size: 50px; color: #6440B3; letter-spacing: -1px; overflow: hidden; }
.s2 .cont .left .text_box p{font-size: 20px; line-height: 1.5; padding: 3rem 0; letter-spacing: -1px;width: 66%; overflow: hidden; }
.s2 .cont .left .text_box a{ overflow: hidden; font-size: 20px;color: #6440B3; font-weight: 700; display: flex; gap: 0.5rem ; align-items: center;}
.s2 .cont .left .text_box a span{font-size: 30px; display: inline-block;}
.s2 .cont .right{width: 60%;}
.s2 .cont .right .img_box{display: flex;}

.s3 .cont{flex-direction: column; align-items: flex-start;width: 1500px; margin: 0 auto;padding: 10rem 0;}
.s3 .cont .title h2{font-size: 50px; color: #6440B3; padding-bottom: 2rem;}
.s3 .cont .map{width: 100%; height: 900px;}
.s3 .cont .cont_wrap {width: 100%;}

.s3 .cont .cont_wrap .cont_box{display: flex; padding: 4rem 5rem; border-bottom: 1px solid #6440B3;}
.s3 .cont .cont_wrap .cont_box:last-child{border: 0;}

.s3 .cont .cont_wrap .cont2 p{ line-height: 2; color: #333;}
.s3 .cont .cont_wrap .cont_box p span{font-weight: 700;}

.s3 .cont .cont_wrap .cont_box h1{width: 50%; font-size: 50px; color: #6440B3;}
.s3 .cont .cont_wrap .cont_box h1 span{display: block; font-size: 25px; color: #b2b2b2;}
.s3 .cont .cont_wrap .cont_box2{align-items: center;}
.s3 .cont .cont_wrap .cont_box2 h1{align-items: center; color: #333;}
.s3 .cont .cont_wrap .cont_box .gird_box{width: 50%; display: flex; flex-direction: column; gap: 2rem;}
.s3 .cont .cont_wrap .cont_box .gird_box .flex_box{display: flex;}
.s3 .cont .cont_wrap .cont_box .gird_box .flex_box div{width: 20%; font-size: 20px; font-weight: 700; line-height: 1.7;}
.s3 .cont .cont_wrap .cont_box .gird_box .flex_box p {width:80%; font-size: 20px; color: #333; line-height: 1.7;}
.s3 .cont .cont_wrap p{font-size: 20px; line-height: 1.7; letter-spacing: -1px;}

@media screen and (max-width:1350px) {
  .s2 .title .bg_img img{width: 100%;}
  .s2 .title .text_box p{font-size: 3vw;}
  .s2 .title .text_box h1{font-size: 7vw;}
  .s2 .cont .left .text_box{padding-left: 4rem;}
  .s2 .cont .left .text_box h3{font-size: 4vw;}
  .s2 .cont .left .text_box p{font-size: 1.5vw;}
  .s2 .cont .left .text_box a{font-size: 1.5vw;}
  .s3 .cont{width: 95%;}
  .s3 .cont .cont_wrap .cont_box{padding: 4rem 3rem;}
  .s3 .cont .cont_wrap .cont_box h1{font-size: 4vw;}
  .s3 .cont .cont_wrap .cont_box h1 span{font-size: 2vw;}
  .s3 .cont .cont_wrap .cont_box .gird_box .flex_box div{font-size: 1.5vw;width: 20%;}
  .s3 .cont .cont_wrap .cont_box .gird_box .flex_box p{font-size: 1.5vw;width: 80%;}
  .s3 .cont .cont_wrap .cont2 p{font-size: 1.5vw;}
  .s3 .cont .cont_wrap .cont_box p {font-size: 1.5vw;}
}

@media screen and (max-width:900px) {
  .s2 .title .bg_img img{width: initial;position: relative;left: 0;}
  .s2 .title .bg_img{height: 500px;}
  .s2 .title .text_box{max-width: 90%; padding-top: 2rem; text-align: center;}
  .s2 .cont .left .text_box p{font-size: 13px;width: 70%;}
  .s2 .cont .left .text_box a{font-size: 13px;}
  .s2 .cont .left .text_box a span{font-size: 20px;}
  .s2 .cont{flex-direction: column; width: 90%; padding-bottom: 5rem;}
  .s2 .cont .left{width: 100%; padding: 3rem 0;}
  .s2 .cont .left .text_box{padding: 0;}
  .s2 .cont .right{width: 100%;}
  .s3 .cont .cont_wrap .cont_box .gird_box .flex_box div{font-size: 13px;}
  .s3 .cont .cont_wrap .cont_box .gird_box .flex_box p{font-size: 13px;letter-spacing: -2px;}
  .s3 .cont .cont_wrap .cont_box{padding: 4rem 2rem;}
  .s3 .cont .cont_wrap .cont_box p{font-size: 13px;}
  .s3 .cont .cont_wrap .cont_box h1{width: 45%;}
  .s3 .cont .cont_wrap .cont_box .gird_box{width: 55%;}

}

@media screen and (max-width:500px) {
  .s2 .title .text_box p{font-size: 1.2rem;}
  .s2 .title .text_box h1{font-size: 2.5rem;}
  .s2 .cont .left .text_box h3{font-size: 2rem;}
  .s2 .cont .left .text_box p{font-size: 1rem;}
  .s2 .cont .left .text_box a{font-size: 1rem;}
  .s3 .cont .map{height: 315px;}
  .s3 .cont .cont_wrap .cont_box{padding: 4rem 3px;width: 100%; flex-direction: column;}
  .s3 .cont .cont_wrap .cont_box h1{width: 100%; font-size: 2rem; padding-bottom: 1rem;}
  .s3 .cont .cont_wrap .cont_box h1 span{font-size: 0.8rem;}
  .s3 .cont .cont_wrap .cont_box .gird_box{width:100%;}
}