@charset "UTF-8";

.main_visual{position: relative;}
.main_visual::after{content: '';position: absolute;bottom: 0;left: calc(50% - 680px);width: 100%;height: 70px;background-color: #fff;z-index: 33;}
.main_visual .mv_img{position: relative;width: 100%;overflow: hidden;z-index: 11;}
.main_visual .mv_img .swiper-slide{width: 100%;height: 1070px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.main_visual .mv_img .swiper-slide.mv01{background-image: url(/html/img/main_visual01.jpg);}
.main_visual .mv_img .swiper-slide.mv02{background-image: url(/html/img/main_visual02.jpg);}
.main_visual .mv_img .swiper-slide.mv03{background-image: url(/html/img/main_visual03.jpg);}

.main_visual .inner{position: absolute;top: 50%;left: 50%;padding: 0 100px;max-width: 1560px;transform: translate(-50%, -50%);z-index: 22;}
.main_visual .mv_txt .swiper-slide h2{font-size: 65px;font-weight: 200;color: #274e45;line-height: 1.2;}
.main_visual .mv_txt .swiper-slide h2 b{font-weight: 700;}
.main_visual .mv_txt .swiper-slide p{font-size: 26px;font-weight: 300;color: #274e45;line-height: 1.5;margin-top: 50px;}
.main_visual .mv_txt .swiper-slide p b{font-weight: 500;}

.main_visual .mv_btn{display: flex;gap: 14px;margin-top: 70px;}
.main_visual .mv_btn button{background-color: transparent;border: unset;}
.main_visual .mv_pagi{position: absolute;top: 35%;left: 10px;transform: translateY(-50%);}
.main_visual .mv_pagi .mv_progress{position: absolute;top: 60px;left: -24px;width: 66px;height: 2px;background-color: rgba(39, 78, 69, 0.45);transform: rotate(-90deg);}
.main_visual .mv_pagi .mv_progress .swiper-pagination-progressbar-fill{background-color: #274e45;}
.main_visual .mv_pagi .mv_num{font-size: 14px;font-weight: 700;color: #274e45;}

@media screen and (max-width:1360px) {
  .main_visual::after{display: none;}
  .main_visual .mv_img .swiper-slide{height: 800px;}
}
@media screen and (max-width:1024px) {
  .main_visual .mv_img{opacity: 0.6;}
  .main_visual .mv_img .swiper-slide{background-position: center right 30%;}

  .main_visual .inner{padding: 0 20px;}
  .main_visual .mv_pagi{position: unset;transform: unset;display: flex;gap: 10px;align-items: center;margin-top: 20px;}
  .main_visual .mv_pagi .mv_num{width: fit-content;}
  .main_visual .mv_pagi .mv_progress{position: relative;top: unset;left: unset;width: 80px;transform: unset;}

  .main_visual .mv_txt .swiper-slide h2{font-size: 32px;}
  .main_visual .mv_txt .swiper-slide p{font-size: 18px;margin-top: 20px;}
  .main_visual .mv_btn{gap: 12px;margin-top: 40px;}
  .main_visual .mv_btn button{width: 45px;}
}





.main_wrap .sct01{padding: 120px 0 180px;}
.main_wrap .sct01 .inner{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.main_wrap .sct01 .left{width: 44%;}
.main_wrap .sct01 .right{width: 54%;}
.main_wrap .sct01 .left .eng{display: inline-block;font-size: 28px;font-weight: 300;color: #020910;}
.main_wrap .sct01 .left h2{font-size: 53px;font-weight: 700;color: #020910;margin-top: 28px;}
.main_wrap .sct01 .left p{font-size: 20px;font-weight: 400;color: #020910;line-height: 1.8;margin-top: 70px;}
.main_wrap .sct01 .left .name{display: inline-block;font-size: 22px;font-weight: 700;color: #020910;margin-top: 42px;}

@media screen and (max-width:1200px) {
  .main_wrap .sct01 .left h2{font-size: 48px;}
}
@media screen and (max-width:1024px) {
  .main_wrap .sct01{padding: 80px 0;}
  .main_wrap .sct01 .inner{gap: 40px;}
  .main_wrap .sct01 .left{width: 100%;}
  .main_wrap .sct01 .right{width: 100%;text-align: right;}
  .main_wrap .sct01 .right img{width: 100%;max-width: 480px;}
  .main_wrap .sct01 .left .eng{font-size: 20px;}
  .main_wrap .sct01 .left h2{font-size: 32px;margin-top: 18px;}
  .main_wrap .sct01 .left p{font-size: 16px;margin-top: 30px;}
  .main_wrap .sct01 .left .name{font-size: 18px;margin-top: 20px;}  
}
@media screen and (max-width:320px) {
  .main_wrap .sct01 .left p br{display: none;}
}
@media screen and (max-width:300px) {
  .main_wrap .sct01 .left h2{word-break: break-all;}
  .main_wrap .sct01 .left h2 br{display: none;}
}





.main_wrap .sct02{padding: 180px 0;background: url(/html/img/main_sct02_bg.jpg) no-repeat center/cover;}
.main_wrap .sct02 .top_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_wrap .sct02 .top_box h2{width: 25%;font-size: 40px;font-weight: 700;color: #faf7ea;line-height: 1.25;text-align: right;}
.main_wrap .sct02 .top_box p{width: 62.5%;font-size: 18px;font-weight: 400;color: #faf7ea;line-height: 1.8;}
.main_wrap .sct02 .specialty_list{display: flex;gap: 60px;align-items: start;max-width: 1840px;width: 100%;margin: 120px auto 0;padding: 0 20px;}
.main_wrap .sct02 .specialty_list > li h3{font-size: 27px;font-weight: 700;color: #faf7ea;}
.main_wrap .sct02 .specialty_list > li .eng{display: inline-block;font-size: 20px;font-weight: 300;color: #faf7ea;margin-top: 16px;}
.main_wrap .sct02 .specialty_list > li:nth-child(2),
.main_wrap .sct02 .specialty_list > li:nth-child(5){display: flex;flex-direction: column-reverse;}
.main_wrap .sct02 .specialty_list > li:nth-child(2) .img_box,
.main_wrap .sct02 .specialty_list > li:nth-child(5) .img_box{margin-top: 40px;}
.main_wrap .sct02 .specialty_list > li:nth-child(1) .txt_box,
.main_wrap .sct02 .specialty_list > li:nth-child(3) .txt_box,
.main_wrap .sct02 .specialty_list > li:nth-child(4) .txt_box{margin-top: 40px;}

.main_wrap .sct02 .specialty_list > li:nth-child(1){margin-top: 130px;}
.main_wrap .sct02 .specialty_list > li:nth-child(2){margin-top: 20px;}
.main_wrap .sct02 .specialty_list > li:nth-child(4){margin-top: 120px;}
.main_wrap .sct02 .specialty_list > li:nth-child(5){margin-top: 120px;}

@media screen and (max-width:1200px) {
  .main_wrap .sct02 .specialty_list{gap: 20px;}
}
@media screen and (max-width:1024px) {
  .main_wrap .sct02{padding: 80px 0;}
  .main_wrap .sct02 .top_box{gap: 20px;}
  .main_wrap .sct02 .top_box h2{width: 100%;font-size: 26px;text-align: left;}
  .main_wrap .sct02 .top_box p{width: 100%;font-size: 16px;}
  .main_wrap .sct02 .specialty_list{gap: 24px 16px;flex-wrap: wrap;align-items: end; margin: 40px auto 0;}
  .main_wrap .sct02 .specialty_list > li{width: calc(50% - 8px);}
  .main_wrap .sct02 .specialty_list > li h3{font-size: 18px;}
  .main_wrap .sct02 .specialty_list > li .eng{font-size: 15px;margin-top: 8px;}
  .main_wrap .sct02 .specialty_list > li:nth-child(2),
  .main_wrap .sct02 .specialty_list > li:nth-child(5){display: block;;}
  .main_wrap .sct02 .specialty_list > li:nth-child(2) .img_box,
  .main_wrap .sct02 .specialty_list > li:nth-child(5) .img_box{margin-top: 0;}
  .main_wrap .sct02 .specialty_list > li:nth-child(1) .txt_box,
  .main_wrap .sct02 .specialty_list > li:nth-child(3) .txt_box,
  .main_wrap .sct02 .specialty_list > li:nth-child(4) .txt_box{margin-top: 10px;}
  .main_wrap .sct02 .specialty_list > li .txt_box{margin-top: 10px;}
  
  .main_wrap .sct02 .specialty_list > li:nth-child(1){margin-top: 0;}
  .main_wrap .sct02 .specialty_list > li:nth-child(2){margin-top: 0;}
  .main_wrap .sct02 .specialty_list > li:nth-child(4){margin-top: 0;}
  .main_wrap .sct02 .specialty_list > li:nth-child(5){margin-top: 0;}

  .main_wrap .sct02 .specialty_list > li .img_box img{display: none;}
  .main_wrap .sct02 .specialty_list > li .img_box{height: 160px;background-repeat: no-repeat;background-position: center;background-size: cover;}
  .main_wrap .sct02 .specialty_list > li:nth-child(1) .img_box{background-image: url(/html/img/main_img02.jpg);}
  .main_wrap .sct02 .specialty_list > li:nth-child(2) .img_box{background-image: url(/html/img/main_img03.jpg);}
  .main_wrap .sct02 .specialty_list > li:nth-child(3) .img_box{background-image: url(/html/img/main_img04.jpg);}
  .main_wrap .sct02 .specialty_list > li:nth-child(4) .img_box{background-image: url(/html/img/main_img05.jpg);}
  .main_wrap .sct02 .specialty_list > li:nth-child(5) .img_box{background-image: url(/html/img/main_img06.jpg);}
}
@media screen and (max-width:480px) {
  .main_wrap .sct02 .top_box p br{display: none;}
}





.main_wrap .sct03{padding: 200px 0 120px;}
.main_wrap .sct03 .inner{max-width: 1590px;}
.main_wrap .sct03 h2{font-size: 53px;font-weight: 700;color: #020910;}
.main_wrap .sct03 .equip_list{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 70px 0;margin-top: 80px;}
.main_wrap .sct03 .equip_list > li{width: 31.29%;}
.main_wrap .sct03 .equip_list > li h3{position: relative;top: -45px;width: 79.4%;font-size: 25px;font-weight: 700;color: #020910;padding-top: 30px;background-color: #fff;}

@media screen and (max-width:1024px) {
  .main_wrap .sct03{padding: 80px 0;}
  .main_wrap .sct03 h2{font-size: 26px;}
  .main_wrap .sct03 .equip_list{gap: 30px 0;margin-top: 40px;}
  .main_wrap .sct03 .equip_list > li{width: 48.5%;}
  .main_wrap .sct03 .equip_list > li h3{top: -20px;width: 80%;font-size: 16px;padding-top: 6px;}
}





.main_wrap .sct04{padding-top: 120px;}
.main_wrap .sct04 .inner{max-width: 1590px;}
.main_wrap .sct04 .top_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_wrap .sct04 .top_box h2{width: 32.25%;font-size: 53px;font-weight: 700;color: #020910;}
.main_wrap .sct04 .top_box p{width: 59.35%;font-size: 18px;font-weight: 400;color: #020910;line-height: 1.8;}
.main_wrap .sct04 .prove_wrap{padding: 170px 0 190px;margin-top: 85px;background: url(/html/img/main_sct04_bg.jpg) no-repeat center/cover;}
.main_wrap .sct04 .prove_wrap .number{display: flex;justify-content: space-between;align-items: start;}
.main_wrap .sct04 .prove_wrap .number > li{display: flex;gap: 60px;flex-direction: column;}
.main_wrap .sct04 .prove_wrap .number > li .num{display: inline-block;background: linear-gradient(180deg,rgba(33, 187, 24, 1) 0%, rgba(7, 155, 63, 1) 100%);background-clip: text;color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 190px;font-weight: 500;line-height: 1.05;}
.main_wrap .sct04 .prove_wrap .number > li h3{font-size: 41px;font-weight: 700;color: #fff;}
.main_wrap .sct04 .prove_wrap .number > li p{font-size: 21px;font-weight: 400;color: #fff;margin-top: 30px;}
.main_wrap .sct04 .prove_wrap .number > li:nth-child(1){flex-direction: column-reverse;}
.main_wrap .sct04 .prove_wrap .number > li:nth-child(2){margin-top: 330px;}
.main_wrap .sct04 .prove_wrap .number > li:nth-child(3){margin-right: -120px;}
.main_wrap .sct04 .prove_wrap .number > li:nth-child(3) .num{position: relative;left: -280px;}

@media screen and (max-width:1300px) {
  .main_wrap .sct04 .top_box h2{font-size: 42px;}
  .main_wrap .sct04 .prove_wrap .number > li .num{font-size: 120px;}
  .main_wrap .sct04 .prove_wrap .number > li:nth-child(3){margin-right: 0;}
  .main_wrap .sct04 .prove_wrap .number > li:nth-child(3) .num{position: relative;left: -100px;}
}
@media screen and (max-width:1024px) {
  .main_wrap .sct04{padding-top: 80px;}
  .main_wrap .sct04 .top_box{gap: 20px;}
  .main_wrap .sct04 .top_box h2{width: 100%;font-size: 26px;}
  .main_wrap .sct04 .top_box p{width: 100%;font-size: 16px;}
  .main_wrap .sct04 .prove_wrap{padding: 80px 0;margin-top: 40px;}
  .main_wrap .sct04 .prove_wrap .number{flex-wrap: wrap;gap: 40px;}
  .main_wrap .sct04 .prove_wrap .number > li{width: 100%;gap: 10px;}
  .main_wrap .sct04 .prove_wrap .number > li .num{font-size: 60px;;}
  .main_wrap .sct04 .prove_wrap .number > li h3{font-size: 20px;}
  .main_wrap .sct04 .prove_wrap .number > li p{font-size: 16px;margin-top: 10px;}
  .main_wrap .sct04 .prove_wrap .number > li:nth-child(1){flex-direction: column;}
  .main_wrap .sct04 .prove_wrap .number > li:nth-child(2){margin-top: 0;}
  .main_wrap .sct04 .prove_wrap .number > li:nth-child(3){margin-right: 0;}
  .main_wrap .sct04 .prove_wrap .number > li:nth-child(3) .num{left: 0;}  
}