@charset "UTF-8";

.main_wrap{margin-top: 130px;}

.main_tit{text-align: center;}
.main_tit .eng{display: inline-block;font-size: 24px;font-weight: 600;color: #00a0e9;letter-spacing: 0.45em;}
.main_tit h2{font-size: 60px;font-weight: 600;color: #000;margin-top: 50px;}

@media screen and (max-width:1024px) {
  .main_wrap{margin-top: 80px;}

  .main_tit .eng{font-size: 20px;}
  .main_tit h2{font-size: 40px;margin-top: 30px;}
}
@media screen and (max-width:768px) {
  .main_tit .eng{font-size: 16px;letter-spacing: 0.35em;}
  .main_tit h2{font-size: 32px;margin-top: 20px;}
}




/* Main Visual */
.main_visual{height: calc(100vh - 130px);max-height: 800px;min-height: 550px;}
.main_visual .mv_wrap{position: relative;height: 100%;}
.main_visual .mv_wrap .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.main_visual .mv_wrap .swiper-slide.mv01{background-image: url(/html/img/main_visual01.jpg);}
.main_visual .mv_wrap .swiper-slide.mv02{background-image: url(/html/img/main_visual02.jpg);}
.main_visual .mv_wrap .swiper-slide.mv03{background-image: url(/html/img/main_visual03.jpg);}
.main_visual .mv_wrap .swiper-slide .inner{height: 100%;}
.main_visual .mv_wrap .swiper-slide .txt_box{position: absolute;top: 50%;left: 50%;width: calc(100% - 40px);transform: translate(-50%, -50%);}
.main_visual .mv_wrap .swiper-slide .txt_box h2{font-size: 58px;font-weight: 300;color: #313131;text-align: center;}
.main_visual .mv_wrap .swiper-slide .txt_box h2 b{font-weight: 600;}
.main_visual .mv_wrap .mv_pagi{position: absolute;bottom: 64px;left: 50%;transform: translateX(-50%);z-index: 1;text-align: center;}
.main_visual .mv_wrap .mv_pagi .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background-color: #00a0e9;margin: 0 8px;}
.main_visual .mv_wrap .mv_pagi .swiper-pagination-bullet-active{background-color: #fff;}

@media screen and (max-width:1024px) {
  .main_visual{height: 600px;max-height: unset;min-height: unset;}
  .main_visual .mv_wrap .swiper-slide .txt_box h2{font-size: 36px;}
}
@media screen and (max-width:768px) {
  .main_visual{height: 320px;}
  .main_visual .mv_wrap .swiper-slide .txt_box h2{font-size: 26px;}
  .main_visual .mv_wrap .mv_pagi{bottom: 20px;}

}



/* Main sct01 */
.main_sct01{padding: 200px 0;background-color: #f4f8fd;}
.main_sct01 .inner{max-width: 1640px;}
.main_sct01 .doc_intro{display: flex;gap: 110px;flex-wrap: wrap;margin-top: 120px;}
.main_sct01 .doc_intro .left{width: calc(40% - 55px);}
.main_sct01 .doc_intro .right{width: calc(60% - 55px);}
.main_sct01 .doc_intro .right .category{display: inline-block;font-size: 30px;font-weight: 600;color: #fff;background-color: #00a0e9;padding: 4px 15px;margin-top: 40px;}
.main_sct01 .doc_intro .right h3{font-size: 40px;font-weight: 300;color: #434343;}
.main_sct01 .doc_intro .right h3 b{font-size: 60px;font-weight: 600;color: #000;}
.main_sct01 .doc_intro .right p{font-size: 28px;font-weight: 300;color: #000;margin-top: 20px;}
.main_sct01 .doc_intro .right .history{margin-top: 60px;}
.main_sct01 .doc_intro .right .history > li{font-size: 28px;font-weight: 300;color: #434343;}
.main_sct01 .doc_intro .right .history > li:nth-child(n + 2){margin-top: 15px;}

@media screen and (max-width:1200px) {
  .main_sct01 .doc_intro .right .category{font-size: 30px;}
  .main_sct01 .doc_intro .right h3{font-size: 36px;}
  .main_sct01 .doc_intro .right h3 b{font-size: 40px;}
  .main_sct01 .doc_intro .right p{font-size: 24px;}
  .main_sct01 .doc_intro .right .history{margin-top: 80px;}
  .main_sct01 .doc_intro .right .history > li{font-size: 24px;}
  .main_sct01 .doc_intro .right .history > li:nth-child(n + 2){margin-top: 12px;}
}
@media screen and (max-width:1024px) {
  .main_sct01{padding: 120px 0 140px;}
  .main_sct01 .doc_intro{gap: 60px;margin-top: 80px;}
  .main_sct01 .doc_intro .left,
  .main_sct01 .doc_intro .right{width: calc(50% - 40px);}
  .main_sct01 .doc_intro .right .category{font-size: 24px;}
  .main_sct01 .doc_intro .right h3{font-size: 30px;}
  .main_sct01 .doc_intro .right h3 b{font-size: 36px;}
  .main_sct01 .doc_intro .right p{font-size: 20px;}
  .main_sct01 .doc_intro .right .history{margin-top: 40px;}
  .main_sct01 .doc_intro .right .history > li{font-size: 20px;}
  .main_sct01 .doc_intro .right .history > li:nth-child(n + 2){margin-top: 10px;}
}
@media screen and (max-width:768px) {
  .main_sct01{padding: 80px 0;}
  .main_sct01 .doc_intro{gap: 40px;margin-top: 40px;}
  .main_sct01 .doc_intro .left,
  .main_sct01 .doc_intro .right{width: 100%;}
  .main_sct01 .doc_intro .left{text-align: center;}
  .main_sct01 .doc_intro .left img{width: 80%;max-width: 640px;}
  .main_sct01 .doc_intro .right .category{font-size: 20px;margin-top: 0;padding: 6px 10px;}
  .main_sct01 .doc_intro .right h3{font-size: 24px;margin-top: 20px;}
  .main_sct01 .doc_intro .right h3 b{font-size: 32px;}
  .main_sct01 .doc_intro .right p{font-size: 16px;}
  .main_sct01 .doc_intro .right p br{display: none;}
  .main_sct01 .doc_intro .right .history > li{font-size: 16px;}
}



/* Main sct02 */
.main_sct02{padding: 150px 0;}
.main_sct02 .inner{max-width: 1040px;}
.main_sct02 .subject_list{display: flex;flex-wrap: wrap;margin-top: 100px;}
.main_sct02 .subject_list > li{width: 33.333%;border: #d2d2d2 solid 2px;padding: 40px 20px;}
.main_sct02 .subject_list > li:nth-child(n + 2){border-left: 0;}
.main_sct02 .subject_list > li:nth-child(n + 4){border-top: 0;}
.main_sct02 .subject_list > li:nth-child(3n + 1){border-left: #d2d2d2 solid 2px;}
.main_sct02 .subject_list > li .icon{text-align: center;}
.main_sct02 .subject_list > li .icon img{max-width: 160px;width: 100%;}
.main_sct02 .subject_list > li h3{position: relative;font-size: 36px;font-weight: 500;color: #000;text-align: center;margin-top: 48px;padding-top: 25px;}
.main_sct02 .subject_list > li h3::before{content: '';position: absolute;top: 0;left: 50%;width: 35px;height: 2px;background-color: #00a0e9;transform: translateX(-50%);}

@media screen and (max-width:1024px) {
  .main_sct02{padding: 120px 0;}
  .main_sct02 .subject_list{margin-top: 80px;}
  .main_sct02 .subject_list > li{width: 50%;padding: 40px 20px;}
  .main_sct02 .subject_list > li:nth-child(n + 2){border-left: #d2d2d2 solid 2px;}
  .main_sct02 .subject_list > li:nth-child(n + 4){border-top: #d2d2d2 solid 2px;}
  .main_sct02 .subject_list > li:nth-child(3n + 1){border-left: #d2d2d2 solid 2px;}
  .main_sct02 .subject_list > li:nth-child(n + 3){border-top: 0;}
  .main_sct02 .subject_list > li:nth-child(2n){border-left: 0;}
  .main_sct02 .subject_list > li h3{font-size: 32px;margin-top: 30px;padding-top: 20px;}
  .main_sct02 .subject_list > li h3::before{width: 30px;}
}
@media screen and (max-width:768px) {
  .main_sct02{padding: 80px 0;}
  .main_sct02 .subject_list{margin-top: 60px;}
  .main_sct02 .subject_list > li{padding: 20px;}
  .main_sct02 .subject_list > li .icon img{width: 90%;max-width: 160px;}
  .main_sct02 .subject_list > li h3{font-size: 20px;margin-top: 20px;padding-top: 10px;}
}



/* Main sct03 */
.main_sct03{position: relative;padding-bottom: 80px;}
.main_sct03::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 48.88%;background-color: #00a0e9;}
.main_sct03 .test_wrap{display: flex;gap: 90px;flex-wrap: wrap;padding-left: calc(50vw - 870px);}
.main_sct03 .test_wrap .left{width: 540px;}
.main_sct03 .test_wrap .right{width: calc(100% - 630px);overflow: hidden;}

.main_sct03 .test_wrap .left .main_tit{text-align: left;}
.main_sct03 .test_wrap .left .main_tit h2{font-size: 53px;}
.main_sct03 .test_wrap .left .test_navi{display: flex;margin-top: 90px;}
.main_sct03 .test_wrap .left .test_navi button{background-color: transparent;border: unset;}
.main_sct03 .test_wrap .left .test_navi button img{transition: filter 0.3s;}
.main_sct03 .test_wrap .left .test_navi button:hover img{filter: brightness(0.2);}
.main_sct03 .test_wrap .right .test_list{margin-top: 180px;}
.main_sct03 .test_wrap .right .test_list .swiper-slide h3{font-size: 36px;font-weight: 700;color: #fff;margin-top: 40px;letter-spacing: -0.05em;}
.main_sct03 .test_wrap .right .test_list .swiper-slide p{font-size: 24px;font-weight: 200;color: #fff;margin-top: 20px;}

@media screen and (min-width:1920px) {
  .main_sct03 .test_wrap .right .test_list .swiper-slide{width: 590px;}
}
@media screen and (max-width:1780px) {
  .main_sct03 .test_wrap{padding-left: 20px;}
}
@media screen and (max-width:1440px) {
  .main_sct03 .test_wrap{gap: 60px;}
  .main_sct03 .test_wrap .left{width: 400px;}
  .main_sct03 .test_wrap .right{width: calc(100% - 460px);}

  .main_sct03 .test_wrap .left .main_tit .eng{font-size: 24px;}
  .main_sct03 .test_wrap .left .main_tit h2{font-size: 36px;}
  .main_sct03 .test_wrap .right .test_list .swiper-slide h3{font-size: 36px;margin-top: 40px;}
  .main_sct03 .test_wrap .right .test_list .swiper-slide p{font-size: 24px;margin-top: 20px;}
  .main_sct03 .test_wrap .right .test_list .swiper-slide p br{display: none;}
}
@media screen and (max-width:1024px) {
  .main_sct03{padding-bottom: 100px;}
  .main_sct03 .test_wrap{gap: 40px;padding: 0 20px;}
  .main_sct03 .test_wrap .left{width: 100%;}
  .main_sct03 .test_wrap .right{width: 100%;}
  
  .main_sct03 .test_wrap .left .test_navi{margin-top: 40px;}
  .main_sct03 .test_wrap .right .test_list{margin-top: 0;}
}
@media screen and (max-width:768px) {
  .main_sct03{padding: 80px 0 60px;}
  .main_sct03 .test_wrap .right{overflow: visible;}

  .main_sct03 .test_wrap .left .test_navi{margin-top: 20px;}
  .main_sct03 .test_wrap .left .test_navi button{width: 50px;}
  .main_sct03 .test_wrap .left .main_tit .eng{font-size: 16px;}
  .main_sct03 .test_wrap .left .main_tit h2{font-size: 32px;}
  .main_sct03 .test_wrap .right .test_list .swiper-slide h3{font-size: 24px;margin-top: 30px;}
  .main_sct03 .test_wrap .right .test_list .swiper-slide p{font-size: 16px;margin-top: 10px;}
}



/* Main sct04 */
.main_sct04{margin-top: 115px;}
.main_sct04 .inner{display: flex;align-items: center;flex-wrap: wrap;border-bottom: #a9a9a9 solid 2px;}
.main_sct04 .inner::before{content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background-color: #a9a9a9;transform: translateX(-50%);}
.main_sct04 .left{width: 50%;padding: 20px 40px 20px 50px;}
.main_sct04 .right{width: 50%;padding: 30px 90px 70px 70px;}

.main_sct04 .left .info > li{display: flex;}
.main_sct04 .left .info > li:nth-child(n + 2){margin-top: 90px;}
.main_sct04 .left .info > li .icon{margin-top: 10px;}
.main_sct04 .left .info > li h2{font-size: 28px;font-weight: 500;color: #313131;margin-left: 30px;margin-top: 15px;}
.main_sct04 .left .info > li .num{font-size: 50px;font-weight: 700;color: #00a0e9;margin-left: 50px;}
.main_sct04 .left .info > li .time_list{margin-left: 50px;margin-top: 16px;}
.main_sct04 .left .info > li .time_list > li{display: flex;gap: 30px;}
.main_sct04 .left .info > li .time_list > li:nth-child(n + 2){margin-top: 22px;}
.main_sct04 .left .info > li .time_list > li .tit{display: flex;justify-content: space-between;width: 95px;font-size: 28px;font-weight: 500;color: #313131;}
.main_sct04 .left .info > li .time_list > li .time{width: calc(100% - 125px);font-size: 28px;font-weight: 200;color: #313131;letter-spacing: -0.05em;}
.main_sct04 .left .info > li .time_list > li .time span{font-size: 20px;font-weight: 200;color: #a9a9a9;white-space: nowrap;}

.main_sct04 .right .txt_box{display: flex;gap: 30px;margin-top: 30px;}
.main_sct04 .right .txt_box h2{width: 115px;font-size: 33px;font-weight: 700;color: #313131;letter-spacing: -0.05em;}
.main_sct04 .right .txt_box p{width: calc(100% - 145px);font-size: 28px;font-weight: 500;color: #313131;letter-spacing: -0.05em;}

@media screen and (max-width:1600px) {
  .main_sct04 .left,
  .main_sct04 .right{padding: 30px;}

  .main_sct04 .left .info > li:nth-child(n + 2){margin-top: 40px;}
  .main_sct04 .left .info > li .icon{margin-top: 5px;}
  .main_sct04 .left .info > li .icon img{width: 40px;}
  .main_sct04 .left .info > li h2{font-size: 24px;margin-left: 30px;margin-top: 8px;}
  .main_sct04 .left .info > li .num{font-size: 36px;margin-left: 50px;}
  .main_sct04 .left .info > li .time_list{margin-left: 50px;margin-top: 10px;}
  .main_sct04 .left .info > li .time_list > li .tit{width: 82px;font-size: 24px;}
  .main_sct04 .left .info > li .time_list > li .time{width: calc(100% - 112px);font-size: 24px;}
  .main_sct04 .left .info > li .time_list > li .time span{font-size: 16px;}  

  .main_sct04 .right .txt_box h2{width: 83px;font-size: 24px;}
  .main_sct04 .right .txt_box p{width: calc(100% - 113px);font-size: 20px;margin-top: 3px;}
}
@media screen and (max-width:1024px) {
  .main_sct04{margin-top: 100px;}
  .main_sct04 .inner{gap: 40px;}
  .main_sct04 .inner::before{display: none;}
  .main_sct04 .left{width: 100%;padding: 0;}
  .main_sct04 .right{width: 100%;padding: 0 0 100px 0;}
}
@media screen and (max-width:768px) {
  .main_sct04{margin-top: 80px;}
  .main_sct04 .right{padding: 0 0 80px 0;}

  .main_sct04 .left .info > li{gap: 20px;}
  .main_sct04 .left .info > li:nth-child(n + 2){margin-top: 20px;}
  .main_sct04 .left .info > li .icon{display: none;}
  .main_sct04 .left .info > li h2{width: 60px;font-size: 18px;margin-left: 0;margin-top: 0;}
  .main_sct04 .left .info > li .num{width: calc(100% - 80px);font-size: 20px;margin-left: 0;}
  .main_sct04 .left .info > li .time_list{width: calc(100% - 80px);margin-left: 0;margin-top: 0;}
  .main_sct04 .left .info > li .time_list > li{gap: 10px;}
  .main_sct04 .left .info > li .time_list > li:nth-child(n + 2){margin-top: 12px;}
  .main_sct04 .left .info > li .time_list > li .tit{width: 60px;font-size: 18px;}
  .main_sct04 .left .info > li .time_list > li .time{width: calc(100% - 70px);font-size: 18px;}
  .main_sct04 .left .info > li .time_list > li .time span{font-size: 15px;}  

  .main_sct04 .right .txt_box{flex-wrap: wrap;gap: 10px;}
  .main_sct04 .right .txt_box h2{width: 100%;font-size: 20px;}
  .main_sct04 .right .txt_box p{width: 100%;font-size: 18px;margin-top: 0;}
}