.txt_wrap {color: #222;}
.txt_wrap.center {text-align: center; color: #222;}
.txt_wrap.fff {color: var(--white);}
.txt_wrap .main_title_50 {font-size: var(--font50); margin-bottom: 15px; font-weight: var(--semi);}
.txt_wrap .main_title_48 {font-size: var(--font48); font-weight: var(--semi); margin-bottom: 15px;}
.txt_wrap .main_desc {font-size: var(--font20); line-height: 145%;}

#main .main_swiper_prev {left: 0; background: url(/img/footer_prev.png) no-repeat center center; background-size: 15px; filter: brightness(0.8); -webkit-filter: brightness(0.8);}
#main .main_swiper_next {right: 0; background: url(/img/footer_next.png) no-repeat center center; background-size: 15px; filter: brightness(0.8); -webkit-filter: brightness(0.8);}
#main .main_swiper_prev,
#main .main_swiper_next {width: 70px; height: 70px;}
#main .main_swiper_prev::after,
#main .main_swiper_next::after {display: none;}

.more_btn {
    margin-top: 80px;
    width: 216px;
    height: 68px;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--font20);
    font-weight: var(--medi);
    color: var(--white);
    background: var(--red);
    border: 1px solid var(--red);
    box-sizing: border-box;
    position: relative;
    -webkit-transition: background 0.5s, color 0.5s;
    transition: background 0.5s, color 0.5s;
}
.more_btn * {position: relative; z-index: 2;}
.more_btn:hover {background-color: #D9D9D9; color: var(--red);}
.more_btn img {transition: filter .3s; filter: brightness(10);}
.more_btn:hover img {filter: brightness(1);}
.txt_wrap.center .more_btn {margin-left: auto; margin-right: auto;}

.mainSec1 .mainBannerSwiper .swiper-slide figure {aspect-ratio: 1920 / 957;}
.mainSec1 .mainBannerSwiperMo {display: none;}
.mainSec1 .mainBannerSwiperMo .swiper-slide figure {aspect-ratio: 360 / 667;}
.mainSec1 .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

.mainSec2 {background: var(--white); padding: 150px 0 125px;}
.mainSec2 .slider_btn_wrap {max-width: 1585px; width: 100%; margin: 0 auto; padding: 0 70px; position: relative;}
.mainSec2 .slider_btn_wrap .wrapper {padding: 0;}
.mainSec2 .programSwiper {max-width: 1440px; width: 100%; margin: 0 auto; margin-top: 80px; position: static;}
.mainSec2 .programSwiper .swiper-slide a {width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 280 / 378;}
.mainSec2 .programSwiper .swiper-slide a img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.mainSec3 {height: 900px; background: url(/img/main/sec3_bg.jpg) no-repeat 45% center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.mainSec4 {height: 900px; background: url(/img/main/sec4_bg.jpg) no-repeat left 25% center; background-size: cover;}
.mainSec4 .wrapper {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right;}
.mainSec4 .more_btn {margin-top: 90px; margin-left: auto;}
.mainSec4 .sec4_interview {margin-top: 90px; text-align: center;}

.mainSec5 {padding: 190px 0 200px;}
.mainSec5 ul {margin-top: 70px; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 70px; column-gap: 20px; align-items: center; text-align: center;}
.mainSec5 ul li {width: calc(16.66666% - 20px); height: 36px; display: flex; align-items: center; justify-content: center;}
.mainSec5 .swiper-button-prev {left: 0; display: none;}
.mainSec5 .swiper-button-next {right: 0; display: none;}

.mainSec6 {background: #ebebeb;}
.mediaSwiper {width: 100%; position: relative;}
.mediaSwiper .swiper-slide {width: 100%; cursor: move; display: -webkit-box; display: -ms-flexbox; display: flex;}
.mediaSwiper .swiper-slide:not(.swiper-slide-visible) {opacity: 0;}
.mediaSwiper .mediaSwiper .swiper-slide-visible {opacity: 1;}

.mediaSwiper .swiper-button-prev,
.mediaSwiper .swiper-button-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    opacity: 0 !important;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.mediaSwiper .swiper-button-prev {left: 0;}
.mediaSwiper .swiper-button-next {right: 0;}
.mediaSwiper:hover .swiper-button-next {opacity: 1 !important;}
.mediaSwiper:hover .swiper-button-prev {opacity: 1 !important;}

.mediaSwiper .left_bg {width: 50%; height: 900px; transition-duration: 0.4s !important;}
.mediaSwiper .left_bg01 {
  background: url("/img/main/sec6_1.jpg") no-repeat center top;
  background-size: cover;
}
.mediaSwiper .left_bg02 {
  background: url("/img/main/sec6_2.jpg") no-repeat center top;
  background-size: cover;
}
.mediaSwiper .left_bg03 {
  background: url("/img/main/sec6_3.jpg") no-repeat center top;
  background-size: cover;
}
.mediaSwiper .left_bg04 {
  background: url("/img/main/sec6_4.jpg") no-repeat center top;
  background-size: cover;
}

.mediaSwiper .right_text {width: 50%; padding: 0 20px 0 140px; display: flex; align-items: center; background: #ebebeb;}
.mediaSwiper .right_text .semi {margin: 5px 0 0;}
.mediaSwiper .right_text .more_btn {margin-top: 35px; margin-bottom: 100px;}
.mediaSwiper .right_text .txt_wrap {animation-duration: 0.3s !important;}
.mediaSwiper .swiper-slide-active .right_text .txt_wrap {
  -webkit-animation-name: fadeInRight !important;
  animation-name: fadeInRight !important;
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-backface-visibility: hidden;
}

.mediaSwiper .swiper-pagination-fraction {width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: var(--font20); font-weight: var(--medi); left: calc(50% + 140px); top: calc(50% + 125px);}
.mediaSwiper .swiper-pagination-current {color: #222; margin-right: 10px;}
.mediaSwiper .swiper-pagination-total {color: #a6a6a6; margin-left: 10px;}

.mainSec7 {padding: 130px 0 140px; position: relative; overflow: hidden;}
.mainSec7 .mainSec7_bg { position: absolute; top: 0; left: 0; transform-origin: center; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 2s; -webkit-transition: transform 2s; -moz-transition: transform 2s; -ms-transition: transform 2s; -o-transition: transform 2s; background: url(/img/main/sec7_bg.jpg) no-repeat 55% center; background-size: cover; width: 100%; height: 100%;}
.mainSec7 .mainSec7_bg.active { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.mainSec7 .txt_wrap {position: relative; z-index: 2;}
.mainSec7 .more_btn {margin-top: 25px;}


@media screen and (max-width: 1240px) {
    .txt_wrap .main_title_50 {font-size: var(--font42);}
    .txt_wrap .main_title_48 {font-size: var(--font38);}
    .txt_wrap .main_desc {font-size: var(--font18);}
    
    .more_btn {margin-top: 60px; width: 195px; height: 60px; font-size: var(--font18);}

    .mainSec3 {align-items: flex-start; padding-top: 90px;}

    .mainSec4 {height: 700px; background-position: left 45% center;}
    .mainSec4 .more_btn {margin-top: 70px;}

    .mainSec5 {padding: 150px 0 170px;}
    .mainSec5 ul {row-gap: 50px; column-gap: 30px;}
    .mainSec5 ul li {width: calc(33.3333% - 20px);}

    .mediaSwiper .left_bg {height: 620px;}
    .mediaSwiper .right_text {padding: 0 20px 0 70px;}
    .mediaSwiper .swiper-pagination-fraction {font-size: var(--font18); left: calc(50% + 70px); top: calc(50% + 115px);}
    .mediaSwiper .swiper-pagination-current {margin-right: 7px;}
    .mediaSwiper .swiper-pagination-total {margin-left: 7px;}

    .mainSec7 {padding: 120px 0 130px;}
}

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

}

@media screen and (max-width: 768px) {
    #main .main_swiper_prev, 
    #main .main_swiper_next {width: 40px; height: 40px; background-size: 12px;}

    .txt_wrap .main_title_50 {font-size: var(--font38);}
    .txt_wrap .main_title_48 {font-size: var(--font36);}
    .txt_wrap .main_desc {font-size: var(--font17);}

    .more_btn {margin-top: 40px; width: 150px; height: 48px; padding: 0 10px; font-size: var(--font16);}
    .more_btn img {width: 24px;}

    .mainSec2 {padding: 120px 0;}
    .mainSec2 .slider_btn_wrap {padding: 0 40px;}
    .mainSec2 .programSwiper {margin-top: 60px;}

    .mainSec3 {height: 700px; background: url(/img/main/sec3_bg_mo.jpg) no-repeat center bottom; background-size: cover; text-align: center;}
    .mainSec3 .more_btn {margin-left: auto; margin-right: auto;}

    .mainSec4 {height: 450px; background-position: left 45% center;}
    .mainSec4 .more_btn {margin-top: 40px;}
    .mainSec4 .sec4_interview {margin-top: 50px;}
    .mainSec4 .sec4_interview img {margin: 0 auto;}

    .mainSec5 {padding: 120px 0 140px;}
    .mainSec5 .wrapper {padding: 0;}
    .mainSec5 .slider_btn_wrap {padding: 0 40px;}
    .mainSec5 ul {margin-top: 50px; flex-wrap: nowrap; row-gap: 0; column-gap: 0;}
    .mainSec5 .swiper-button-prev { display: block; background-color: var(--white) !important; filter: brightness(1) !important; -webkit-filter: brightness(1) !important; }
    .mainSec5 .swiper-button-next {display: block; background-color: var(--white) !important; filter: brightness(1) !important; -webkit-filter: brightness(1) !important;}

    .mainSec6 {padding: 80px 40px;}
    .mediaSwiper .swiper-slide {flex-direction: column;}
    .mediaSwiper .left_bg {width: 100%; height: 0; padding-bottom: 94%;}
    .mediaSwiper .right_text {width: 100%; padding: 50px 0 0 0;}
    .mediaSwiper .right_text .more_btn {margin-top: 80px; margin-bottom: 0;}
    .mediaSwiper .swiper-pagination-fraction {font-size: var(--font17); left: auto; right: 0; top: auto; bottom: 0;}
    .mediaSwiper .swiper-pagination-current {margin-right: 5px;}
    .mediaSwiper .swiper-pagination-total {margin-left: 5px;}
    .mediaSwiper .swiper-button-prev, 
    .mediaSwiper .swiper-button-next {display: none;}

    .mainSec7 {padding: 90px 0;}
}

@media screen and (max-width: 540px) {
    .txt_wrap .main_title_50 {font-size: var(--font30);}
    .txt_wrap .main_title_48 {font-size: var(--font32);}
    
    .more_btn {margin-top: 25px; width: 130px; height: 40px; padding: 0 7px; font-size: var(--font14);}
    .more_btn img {width: 17px;}

    .mainSec1 .mainBannerSwiper {display: none;}
    .mainSec1 .mainBannerSwiperMo {display: block;}

    .mainSec2 {padding: 90px 0;}
    .mainSec2 .programSwiper {margin-top: 50px;}

    .mainSec3 {height: 500px; padding-top: 65px;}

    .mainSec4 {height: 400px;}
    .mainSec4 .more_btn {margin-top: 30px;}
    .mainSec4 .sec4_interview {margin-top: 20px;}

    .mainSec5 {padding: 70px 0;}
    .mainSec5 ul {margin-top: 30px;}
    .mainSec5 ul li {height: 40px;}
    .mainSec5 ul li img {max-height: 100%;}

    .mainSec6 {padding: 35px 20px;}
    .mediaSwiper .right_text {padding: 25px 0 0 0;}
    .mediaSwiper .right_text .more_btn {margin-top: 60px;}
    .mediaSwiper .swiper-pagination-fraction {font-size: var(--font17);}

    .mainSec7 {padding: 70px 0;}
}