@charset "utf-8";

:root {
    --max-width:1630px;
    --font-80:80px;
    --font-70:70px;
    --font-60:60px;
    --font-50:50px;
    --font-30:30px;
    --font-25:25px;
    --font-20:20px;
    --font-17:17px;
}
@media all and (max-width: 1200px) {
    :root {
        --font-80:70px;
        --font-70:60px;
        --font-60:50px;
        --font-50:40px;
        --font-30:25px;
        --font-25:20px;
        --font-20:18px;
        --font-17:16px;
    }
}
@media all and (max-width: 800px) {
        :root {
        --font-80:60px;
        --font-70:50px;
        --font-60:40px;
        --font-50:30px;
        --font-30:22px;
        --font-25:18px;
        --font-20:16px;
        --font-17:14px;
    }
}
@media all and (max-width: 600px) {
    :root {
        --font-80:40px;
        --font-70:35px;
        --font-60:30px;
        --font-50:25px;
        --font-30:20px;
        --font-25:17px;
        --font-20:15px;
        --font-17:13px;
    }
}


/* 메인 우측 고객사 슬라이드 */
.client_list_wrap {position: fixed;right: 30px;top: 50%;transform: translateY(-50%);z-index: 99999;background: rgba(255, 255, 255, .3);padding: 15px 7px;border-radius: 15px}
.testimonial { position: absolute;top: -90px;left: 50%;transform: translateX(-50%);}
.client_list_wrap .client_list {display: flex;flex-direction: column;align-items: center;gap: 30px;}
.client_list_wrap .client_list > ul  {display: flex;flex-direction: column;height: calc((27px * 3) + 40px);}
.client_list_wrap .client_list > ul > li  {height:27px;}
.client_list_wrap .swiper-button-next:after, .client_list_wrap .swiper-rtl .swiper-button-prev:after,
.client_list_wrap .swiper-button-prev:after, .client_list_wrap .swiper-rtl .swiper-button-next:after {display:none}
.swiper_btn {position: absolute;height: 175px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;top: 0;width: 62px;}
.client_list_wrap .swiper-button-prev, .client_list_wrap .swiper-rtl .swiper-button-next,
.client_list_wrap .swiper-button-next, .client_list_wrap .swiper-rtl .swiper-button-prev{position: relative;top: 0;width: auto;height: auto;color: #333;left: auto;right: auto;font-size:.7em}
.client_list_wrap .contact_wrap {    position: absolute;bottom: -90px;}
@media(max-width:768px) {
    .client_list_wrap {display:none}
}

/* 팝업 시작 */
#pop_custom{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999999;display: none;animation:pop_custom1 1s linear 0s forwards;}
#pop_custom.show{display: block;}
#pop_custom .wrap{position: absolute; top: 150%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); max-width: 450px; height: auto; background: #fff;padding-right: 50px;border-radius: 20px; overflow: hidden; animation:pop_custom2 0.3s linear 0s forwards;}
#pop_custom .wrap .pop_swiper{width: 100%;}
#pop_custom .wrap .pop_swiper .swiper-wrapper{width: 100%;}
#pop_custom .wrap .pop_swiper .swiper-wrapper .swiper-slide{width: 100%;padding: 10px 5px 0px 5px;}
#pop_custom .wrap .pop_swiper .swiper-wrapper .swiper-slide .img{width: 100%; height: auto;aspect-ratio: auto 1 / 1.3; background-repeat: no-repeat;background-position: center;background-size: contain;border-radius: 15px;}
#pop_custom .wrap .pop_swiper .swiper-pagination2{position: absolute; z-index: 1; bottom: 0; display: flex; justify-content: center; align-items: center; height: 30px;}
#pop_custom .wrap .pop_swiper .swiper-pagination2 span{width: 20px; height: 5px; border-radius: unset;background: #fff;}
#pop_custom .wrap .pop_swiper .swiper-pagination2 span.swiper-pagination-bullet-active{background: #000;}
#pop_custom .wrap .pop_swiper_btn_wrap{width: 100%; height: 50px; background: #fff; display: flex; justify-content: center; align-items: center;}
#pop_custom .wrap .pop_swiper_btn_wrap>div{width: 50px; height: 100%; display: flex; justify-content: center; align-items: center;}
#pop_custom .wrap .pop_swiper_btn_wrap>div img{height: 6px;}
#pop_custom .wrap .pop_swiper_btn_wrap>div:nth-child(1) img{transform: rotate(-90deg);}
#pop_custom .wrap .pop_swiper_btn_wrap>div:nth-child(2) img{transform: rotate(90deg);}
#pop_custom .wrap .btn_wrap{position: absolute; top: 0; right: 0; width: 50px;padding-right: 10px; height: 100%; z-index: 1; display: flex ; justify-content: space-between; flex-flow: column; padding: 10px 10px 20px 0; border-left: 1px solid #ddd;}
#pop_custom .wrap .btn_wrap p.close_pop{position: relative;top: 0;left: 0;width: 100%;height: 40px;cursor: pointer;}
#pop_custom .wrap .btn_wrap p.close_pop::after{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg); width: 2px;height: 50%;background: #000;}
#pop_custom .wrap .btn_wrap p.close_pop::before{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg); width: 2px;height: 50%;background: #000;}
#pop_custom .wrap .btn_wrap p.close_day{display: flex; flex-flow: column; justify-content: center; align-items: center;cursor: pointer;}
#pop_custom .wrap .btn_wrap p.close_day span{transform: rotate(90deg); font-size: 15px; line-height: 15px; font-weight: 500;}
#pop_custom .wrap .btn_wrap p.close_day b{display: block;height: 5px;}
@keyframes pop_custom1 {
    0%{background: #000;}
    100% {background: #0000009c;}
}
@keyframes pop_custom2 {
    0%{top: 150%;}
    100% {top: 50%;}
}
@media screen and (max-width:500px){
    #pop_custom .wrap{top: 30px; left: 50%; transform: translateX(-50%);}
    @keyframes pop_custom2 {
        0%{top: 100%;}
        100% {top: 30px;}
    }
}
/* 팝업 끝 */
#header{background:  rgba(0,0,0,0.3);}
#header.nav-down{background: rgba(0,0,0,0.3);}
#header.nav-down:hover{background:#fff;}
#header.nav-up{background: transparent;}
.header__nav .me-li a{color:#fff}
.header__nav .language__btn{color:#fff}
.header__nav .language__btn img{filter: brightness(0) invert(1);}
.header__nav .nav__btn a{filter: brightness(0) invert(1);}
#header:hover .header__nav .me-li a{color:#000}
#header:hover .header__nav .language__btn{color:#000}
#header:hover .header__nav .language__btn img{filter:unset;}
#header:hover .header__nav .nav__btn a{filter:unset;}
#main{}


.header__btn .searchbox__submit img {filter: brightness(0) invert(1);}
.header__btn .searchbox__btn img{filter: brightness(0) invert(1);}
#header:hover .header__btn .searchbox__btn img{filter: brightness(0) invert(0);}
#header:hover .hd_icon_btn .utube_img {background:url(../img/youtube_top.png) center center / cover no-repeat; width:33px; height:33px; }
#header:hover .hd_icon_btn .link_img {background:url(../img/linkedin_top.png) center center / cover no-repeat; width:33px; height:33px;}
.hd_icon_btn .utube_img {background:url(../img/youtube_w_top.png) center center / cover no-repeat; width:33px; height:33px; }
.hd_icon_btn .link_img {background:url(../img/linkedin_w_top.png) center center / cover no-repeat; width:33px; height:33px;}

/* #main #main_video{width: 100%;height: auto; aspect-ratio: auto 1.846153 / 1;max-height: 100vh;min-height: 300px; position:relative; top: 0;left: 0;} */
/* 영상 규격과 상관없이 화면 꽉채우게 수정요청 20250523 */
#main #main_video{width: 100%;height: 100vh; position:fixed; top: 0;left: 0;z-index: 3;}
#main #main_video.zin{z-index: 1;}
#main #main_video.fixxxx{z-index: -1;opacity: 0;}
#main #main_video .swiper01{width: 100%;height: 100%;}
#main #main_video .swiper01 .swiper-wrapper{display:none !important}/* 업체측 영상 변경으로 인해 일시 숨김처리 20250602 */
#main #main_video .swiper01 .swiper-wrapper .swiper-slide{position: absolute; top: 0; left: 0; display: flex ;justify-content: center;opacity: 0 !important;}
#main #main_video .swiper01 .swiper-wrapper .swiper-slide b{display: block; width: calc(100% - 100px); max-width: 1600px; margin: 0 auto; font-size: calc(var(--font-50) - 10px); line-height: var(--font-50);margin-top: 200px;}
#main #main_video .swiper01 .swiper-wrapper .swiper-slide .text_w{color: #fff;}
#main #main_video .swiper01 .swiper-wrapper .swiper-slide-active{opacity: 1 !important;}
#main #main_video .swiper01 .main_video{width: 100%;height: 100%;object-fit: cover !important;position: absolute;top: 0;left: 0;}
#main #main_video .swiper01 .bt_wrap{width: calc(100% - 100px); margin: 0 auto; max-width: 1600px; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; align-items: center;display: none !important;}/* 업체측 영상 변경으로 인해 일시 숨김처리 20250602 */
#main #main_video .swiper01 .bt_wrap .bar_wrap{width: 100%; height: 1px; display: flex;justify-content: space-between;align-items: flex-start;margin-right: 15px;}
#main #main_video .swiper01 .bt_wrap .bar_wrap>div{height: 100%;width: 20%; background: #ffffff7a; position: relative;top: 0;left: 0;display: flex;align-items: center}
#main #main_video .swiper01 .bt_wrap .bar_wrap>div p{position: absolute; width: 100%; text-align: center; color: #fff; font-size: var(--font-20); bottom: 20px;opacity: 0.3;}
#main #main_video .swiper01 .bt_wrap .bar_wrap>div p.atv{opacity: 1;}
#main #main_video .swiper01 .bt_wrap .bar_wrap>div>div{display:block;width:0%;height:100%;background:#fff;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar1{}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar1 .back1.main_video_bar{animation:5s back1 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar1 .back1.atv{width: 100%;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2{}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2 .back2.main_video_bar{animation:3s back2 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2 .back2.atv{width: 33.333333%;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2 .back3.main_video_bar{animation:3s back3 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2 .back3.atv{width: 33.333333%;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2 .back4.main_video_bar{animation:5s back4 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar2 .back4.atv{width: 33.333333%;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar3{}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar3 .back5.main_video_bar{animation:5s back5 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar3 .back5.atv{width: 50%;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar3 .back6.main_video_bar{animation:4s back6 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar3 .back6.atv{width: 50%;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar4{}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar4 .back7.main_video_bar{animation:5s back7 ease forwards;}
#main #main_video .swiper01 .bt_wrap .bar_wrap .bar4 .back7.atv{width: 100%;}
#main #main_video .swiper01 .bt_wrap .control{display: flex; align-items: center; column-gap: 10px;}
#main #main_video .swiper01 .bt_wrap .control .counts{display: flex; align-items: center; column-gap: 3px;}
#main #main_video .swiper01 .bt_wrap .control .counts span{font-size:15px;color:#fff;font-weight: 500;opacity: 0.8;}
#main #main_video .swiper01 .bt_wrap .control .video_start{ font-size: 12px; color: #fff;}
#main #main_video .swiper01 .bt_wrap .control .video_stop{width: 13px; height: 13px; display: flex; justify-content: space-around; align-items: center;}
#main #main_video .swiper01 .bt_wrap .control .video_stop span{height: 80%;width: 3px;background:#fff;}
#main #main_video .swiper01 .arrow_down{position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 10; width: 30px;animation: main_arrow_down 1s infinite;}
#main #main_video .swiper01 .arrow_down img{display: block;margin: 0 auto;filter: brightness(0) invert(1);opacity: 0.3;}
#main #main_video .swiper01 .arrow_down img:nth-child(1){width: 70%;}
#main #main_video .swiper01 .arrow_down img:nth-child(2){width: 100%;opacity: 1;}
#main #main_video .swiper01 .arrow_down img:nth-child(3){width: 70%;margin-top: 3px;}
#main #main_video .swiper01 .pagination{}
#main .section_title{padding: 0 10px;}
#main .section_title b{display: block; text-align: center; font-weight: 700; line-height: var(--font-30); font-size: var(--font-30); margin-bottom: 40px;}
#main .section_title p{font-size: var(--font-60); text-align: center; font-weight: 700; line-height: var(--font-60);}
#main .section_title span{font-size: var(--font-25); display: block; text-align: center; font-weight: 500; margin-top: 40px;}


#main .add1 {margin-top: 100vh; position: relative; z-index: 2;background: #fff;min-height:100vh; display:flex;justify-content: center;align-items: center;overflow: hidden;}
#main .add1 .wrap {background: url('../img/add1_bg.png') no-repeat center / cover; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; flex-flow: column; transition: all 1.2s ease-in-out;gap:100px}
#main .add1 .wrap .top, #main .add1 .wrap .bt {color: #fff; text-shadow: 0 0 8px #000000a6; transition: all 1s ease-in-out; font-weight: 700; max-width: 1600px; width: calc(100% - 100px); text-align: center;}
#main .add1 .wrap .top {font-size: var(--font-50); line-height: var(--font-50);}
#main .add1 .wrap .bt {font-size: var(--font-30); font-weight: 600;}
#main .add1 .wrap .bt span {font-size: var(--font-25); display: block;}
#main .add1 .wrap.active {width: 40vw; height: 40vw; border-radius: 50%; position: sticky; top: 20vh; margin: 20vh auto; clip-path: circle(50% at 50% 50%); justify-content: center; align-items: center; text-align: center; background-size: cover; z-index: 10; gap: 30px;}
#main .add1 .wrap.active .top, #main .add1 .wrap.active .bt {text-align: center;}
#main .add1 .active_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; transition: background 0.6s ease-in-out; z-index: 1;}
#main .add1 .active_bg.show {background: #fff;}
#main .add1 .txt_box {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; display: flex; justify-content: space-between; align-items: center; padding: 0 10vw; z-index: 5; pointer-events: none; opacity: 0; transition: opacity 0.6s ease;}
#main .add1 .txt_box .txt_left, #main .add1 .txt_box .txt_right {color: #000; font-size: 1.2rem; font-weight: bold; max-width: 20vw; text-align: center;}
#main .add1 .wrap.active ~ .txt_box {display: flex; gap: 50vw; top: 50%; left: 0; transform: translate(0);background: #fff;padding-bottom: 10vh;}
#main .add1 .wrap.active img  {max-width:30%}
#main .add1 .txt_box.active {opacity: 1; pointer-events: auto;}
#main .section2 {margin-top:0}
#main.sec2_mt .section2 {margin-top:10vh}

@media all and (max-width: 1100px) {
}
@media all and (max-width: 800px) {
    #main .add1 .wrap.active {width:100vw; height:100vh;border-radius: 0;clip-path: none;margin: 0 auto;}
    #main .add1 .active_bg.show, #main .add1 .wrap.active ~ .txt_box {display:none;}
    #main.sec2_mt .section2 {margin-top:0}
}
@media all and (max-width: 600px) {
}

#main .add2{background:#fff;height: 100vh;display: flex;justify-content: center;align-items: center;}
#main .add2 .wrap{width: calc(100% - 100px);max-width: 1600px;margin: 0 auto;}
#main .add2 .wrap .title{color: #000;font-size: var(--font-30);font-weight: 700;line-height: var(--font-50);text-align: center;}
#main .add2 .wrap .con{display: flex; align-items: center; justify-content: center; column-gap: 60%; position: relative;top: 0;left: 0;width: 100%;height: auto;aspect-ratio: auto 3.755868 / 1;margin-top: 50px;}
#main .add2 .wrap .con .count_wrap{width: 220px;position: relative;top: 0;left: 0;}
#main .add2 .wrap .con .count_wrap:last-child::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 200%; height: 200%; background-image: url('../img/add2_3.png'); background-repeat: no-repeat; background-position: right bottom; background-size: contain;}
#main .add2 .wrap .con .count_wrap>p{width: 100%;font-size: var(--font-25);font-weight: 600;margin-bottom: 10px;}
#main .add2 .wrap .con .count_wrap .num_count{display: flex; align-items: baseline; column-gap: 10px;}
#main .add2 .wrap .con .count_wrap .num_count b{display: block;font-size: var(--font-70);line-height: var(--font-70);}
#main .add2 .wrap .con .count_wrap .num_count span{font-size: var(--font-25);}
#main .add2 .wrap .con .img_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 100%;}
#main .add2 .wrap .con .img_wrap img:nth-child(1){position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .add2 .wrap .con .img_wrap img:nth-child(2){position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .section2{z-index:10; position:relative}
#main .section2 .wrap{width: 100%; height: 100vh; display: flex;align-items: center;}
#main .section2 .wrap>div{background-repeat: no-repeat; background-position: center; background-size: cover;width: 50%;height: 100%; display: flex; justify-content: center; align-items: center; flex-flow: column;position: relative;top: 0; left: 0;z-index: 1;}
#main .section2 .wrap>div::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000004d; z-index: -1;transition: 0.5s;}
#main .section2 .wrap .left{background-image: url('../img/main_section2_1.png');transition: 0.5s;}
#main .section2 .wrap .right{background-image: url('../img/main_section2_2.png');transition: 0.5s;}
#main .section2 .wrap>div p{color: #fff; font-size: var(--font-60); line-height:var(--font-60);}
#main .section2 .wrap>div span{color: #fff;font-size: var(--font-20); margin-bottom: 50px;}
#main .section2 .wrap>div a{font-size: 14px; font-weight: 600; color: #fff; display: block; width: 130px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #fff;}
#main .section2 .wrap>div:hover{width: 70%;}
#main .section2 .wrap>div:hover::after{opacity: 0;}
#main .section3{height: fit-content;position: relative;top: 0;left: 0;padding: 150px 0;z-index: 1;}
#main .section3 .bg_wrap{position: absolute;top: 0;left: 0;opacity: 0; width: 35%;height: 100%;background-repeat: no-repeat;background-position: left center;background-size: cover;background-image: url('../img/main_section3bg.png');border-radius: 0 100vh 100vh 0;z-index: -1;}
#main .section3 .wrap{width: calc(100% - 50px); margin: 0 auto; max-width: var(--max-width); display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
#main .section3 .wrap .name_wrap{position: relative;height: 600px;display: flex;flex-flow: column;}
#main .section3 .wrap .name_wrap .name-swiper-prev,
#main .section3 .wrap .name_wrap .name-swiper-next{margin-left: 40px; height: 50px; width: 70px; display: flex;justify-content: center;align-items: center;}
#main .section3 .wrap .name_wrap .name-swiper-prev img,
#main .section3 .wrap .name_wrap .name-swiper-next img{width: var(--font-25);}
#main .section3 .wrap .name_wrap .name-swiper-next img{transform: rotate(180deg);}
#main .section3 .wrap .name_wrap .name_swiper{width: 280px;height: 500px;overflow: hidden;}
#main .section3 .wrap .name_wrap .name_swiper_mo{display: none;}
#main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper{}
#main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide{display: flex;align-items: center;padding-left: 40px; cursor: pointer;}
#main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide p{color: #000;font-size: var(--font-20);}
#main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide-active p{color: #fff;font-size: var(--font-30);font-weight: 600;}
/* #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide-active::after{content:"#";position: absolute;top: 50%;transform: translateY(-50%); left: 0;color: #fff;font-size: var(--font-30);font-weight: 600;} */
#main .section3 .wrap .con_wrap{width: calc(100% - 330px);}
#main .section3 .wrap .con_wrap>div{width: 100%; }
#main .section3 .wrap .con_wrap>div .swiper{width: 100%;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper{}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide{ display: flex; justify-content: flex-end; align-items: flex-start;opacity: 0 !important;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide-active{opacity: 1 !important;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img{position: absolute; width: calc(50% - 50px); top: 50%; left: 0; transform: translateY(-50%);height: 100%;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img div{height: calc(100% - 50px);width: 100%;background-repeat: no-repeat; background-size: contain; background-position: left center;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img p{position: absolute;left:0;bottom: 0;font-size: var(--font-20);line-height: var(--font-25); color: #000;font-weight: 600;width: 100%;text-align: center;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text{width: 50%;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>b{font-size: calc(var(--font-60) - 5px); line-height: var(--font-70); display: block;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>p{font-size: calc(var(--font-30) + 10px); font-weight: 500; line-height: var(--font-50);}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>span{font-size: var(--font-20); line-height: var(--font-25); display: block; margin: 30px 0 0; color: #4f4f4f;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>a{font-size: 14px;font-weight: 600;color: #fff;display: block;width: 130px;height: 40px;text-align: center;line-height: 38px;border: 1px solid #000;background:#000;margin-top: 150px;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul{margin-top: 70px;display: flex; justify-content: space-between; align-items: flex-start;column-gap: 50px;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li{}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li img{height: var(--font-80); display: block; margin: 0 auto 20px;}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li .icon_warning{height: var(--font-80); display: flex; margin: 0 auto 20px; width: 100%; justify-content: center; align-items: center; color: #696969; font-size: var(--font-17);}
#main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li p{font-size: var(--font-17); line-height: var(--font-20); text-align: center;}
#main .section3 .wrap .con_pager{height: calc(100px + var(--font-50)); width: 640px;margin-left: 150px;}
#main .section3 .wrap .con_pager>div{height: 100%;display: flex;justify-content: space-between;align-items: center;}
#main .section3 .wrap .con_pager>div .swiper{height: 100%;width: calc(100% - 100px);}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper{height: 100%;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide{height: 100%;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide .img_wrap{height: calc(100% - var(--font-50));width: auto;aspect-ratio: auto 1 / 1;background: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;border: 1px solid #0b5b88;position: relative;top: 0;left: 0;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide .img_wrap .img{width: calc(100% - 20px);height: calc(100% - 20px);background-repeat: no-repeat;background-size: contain;background-position: center;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide>p{position: absolute; width: 100%; top: 107px; line-height: calc(var(--font-17) - 2px); font-size: calc(var(--font-17) - 2px);font-weight: 500; left: 50%; transform: translateX(-50%); opacity: 0;text-align: center;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide-thumb-active>p{opacity: 1;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide-thumb-active .img_wrap::after{content:"";position: absolute;width: 100%;height: 100%;box-shadow: 0 0 0 5px #000 inset;top: 0;left: 0;}
#main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide-thumb-active .img_wrap::before{content:"";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width: 0; height: 0; border-bottom: 10px solid #000; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}
#main .section3 .wrap .con_pager>div .pager-swiper-prev.swiper-button-disabled,
#main .section3 .wrap .con_pager>div .pager-swiper-next.swiper-button-disabled{display: none;}
#main .section3 .wrap .con_pager>div .pager-swiper-prev,
#main .section3 .wrap .con_pager>div .pager-swiper-next{display: block;height: calc(100% - var(--font-50)); width: 50px; display: flex;justify-content: center;align-items: center;margin-bottom: var(--font-50);}
#main .section3 .wrap .con_pager>div .pager-swiper-prev img,
#main .section3 .wrap .con_pager>div .pager-swiper-next img{width: var(--font-25);}
#main .section3 .wrap .con_pager>div .pager-swiper-prev img{transform: rotate(-90deg);}
#main .section3 .wrap .con_pager>div .pager-swiper-next img{transform: rotate(90deg);}




#main .section4{padding: 150px 0 0; background: #f5f5f5;}
#main .section4 .section_title{margin-bottom: 100px;}
#main .section4 .section_title span.mo_text{display: none;}
#main .section4 .marquee{width: calc(100% - 50px); margin: 0 auto; max-width: var(--max-width);overflow: hidden;position: relative;top: 0;left: 0;}
#main .section4 .marquee::after{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 20%; background: linear-gradient(to left, #00000000, #f5f5f5);z-index: 1;}
#main .section4 .marquee::before{content:""; position: absolute; top:0; right: 0; height: 100%; width: 20%; background: linear-gradient(to right, #00000000, #f5f5f5);z-index: 1;}
#main .section4 .marquee ul{display: flex; flex-wrap: nowrap; overflow: visible; width:400%;}
#main .section4 .marquee.left ul{animation: marquee_left 30s linear infinite;}
#main .section4 .marquee.right ul{animation: marquee_right 30s linear infinite;}
#main .section4 .marquee ul li{width: 20%; margin:0 25px; aspect-ratio: auto 1 / 1; align-items: center; display: inline-flex;border-radius: 20px;overflow: hidden;}
#main .section4 .marquee ul li img{display: block; width: 100%; height: 100%;}
#main .section4 .marquee ul li.sm img{scale: 0.8;}
#main .section4 .flowBox{width: 100%; background: #f5f5f5; height: var(--font-80); margin: 100px auto 5px; position: relative; top: 0; left: 0;}
#main .section4 .flowBox::after{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 20%; background: linear-gradient(to left, #00000000, #f5f5f5);z-index: 1;}
#main .section4 .flowBox::before{content:""; position: absolute; top:0; right: 0; height: 100%; width: 20%; background: linear-gradient(to right, #00000000, #f5f5f5);z-index: 1;}
#main .section4 .flowBox .track{width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; margin: 0 auto; height: var(--font-80);}
#main .section4 .flowBox .track .content{display: flex;align-items: center;position: absolute; white-space: nowrap;will-change: transform;animation: marquee 100s linear infinite;top: 50%; transform: translateY(-50%);}
#main .section4 .flowBox .track .content span{padding: 0 1.5vw; font-weight: 700; font-size: var(--font-80);line-height: var(--font-80); color: #000000; color: #ffff;}


#main .section5{padding: 0;}
#main .section5 .swiper.company_slide {width: 100%; height: 100vh; position:relative;}
#main .section5 .swiper.company_slide .slide_title{position: absolute;}
#main .section5 .swiper-slide {text-align: center;background: #fff; display: flex; justify-content: center; align-items: start; background:#1D3572;}
#main .section5 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
#main .section5 .slide1{background:url('../img/main/main_section5bg.png') no-repeat center / cover;}
#main .section5 .slide2{background:url('../img/main/main_section5bg_02.png') no-repeat center / cover;}
#main .section5 .slide3{background:url('../img/main/main_section5bg_03.png') no-repeat center / cover;}
#main .section5 .slide4{background:url('../img/main/main_section5bg_04.png') no-repeat center / cover;}
#main .section5 .section_title{color: #fff;padding-top: 100px;}
#main .section5 .section_title span.mo_text{display: none;}
#main .section5 .wrap{width:100%;position: relative;}
#main .section5 .wrap .cont_wrap{display: flex;justify-content: center;align-items: center;column-gap: 10vw;position: absolute;bottom:15%;left: 50%;transform: translateX(-50%);z-index: 10;}
#main .section5 .wrap .cont_wrap ul{display: flex;justify-content: center;align-items: center;column-gap: 10vw;}
#main .section5 .wrap .cont_wrap ul li{color: #fff;}
#main .section5 .wrap .cont_wrap ul:nth-child(1) li:nth-child(1){color: #02f4fd;}
#main .section5 .wrap .cont_wrap ul li p{display: block;font-size:var(--font-17);font-weight: 600;line-height: var(--font-17);text-align: center;}
#main .section5 .wrap .cont_wrap ul li b{display: block;font-size: var(--font-70);font-weight: 600;line-height: var(--font-70);text-align: center;margin: 30px 0 40px;}
#main .section5 .wrap .cont_wrap ul li span{display: block;font-size:var(--font-17);font-weight: 600;line-height: var(--font-17);text-align: center;}

#main .section6{}
#main .section6 .wrap{width: calc(100% - 50px); margin: 150px auto; max-width: var(--max-width);}
#main .section6 .section_title span{margin-top: 10px;}
#main .section6 .wrap>a{font-size: 14px; font-weight: 600; color: #000; display: block; width: 130px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #000;margin-left: auto;margin-right: 0;}
#main .section6 .wrap .flexx{display: flex; justify-content: space-between; align-items: center; height: fit-content; margin-top: 60px;width: 100%;}
#main .section6 .wrap .flexx .left{height: auto;width: 38%;aspect-ratio: auto 1.125673 / 1;}
#main .section6 .wrap .flexx .left .noti_wrap{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover; display: flex; justify-content: end; flex-flow: column; padding: 30px 40px;border: 1px solid #ddd;position: relative;top: 0;left: 0;z-index: 1;cursor: pointer;}
#main .section6 .wrap .flexx .left .noti_wrap::after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background:linear-gradient(to bottom, #00000000, #0000004a, #000000);z-index: -1;}
#main .section6 .wrap .flexx .left .noti_wrap p{color: #fff; font-size: var(--font-20); line-height: var(--font-25); margin-bottom: 15px; font-weight: 500;transition: 0.3s;}
#main .section6 .wrap .flexx .left .noti_wrap p:nth-child(1){margin-bottom: 10px;font-size: calc(var(--font-20) - 1px);}
#main .section6 .wrap .flexx .left .noti_wrap p:nth-child(2){width: fit-content; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 2px solid #fff;text-decoration: unset !important;}
#main .section6 .wrap .flexx .left .noti_wrap p:nth-child(3){overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .section6 .wrap .flexx .left .noti_wrap span{color: #fff;font-size: var(--font-17);font-weight: 300;}
#main .section6 .wrap .flexx .left .noti_wrap:hover p{text-decoration: underline;}
#main .section6 .wrap .flexx .left .noti_wrap:hover span{text-decoration: underline;}
#main .section6 .wrap .flexx .right{width:calc(62% - 70px);}
#main .section6 .wrap .flexx .right ul{width:100%;height: 100%;}
#main .section6 .wrap .flexx .right ul li{width: 100%;height: 33.333333%;border-bottom: 1px solid #eee;display: flex;align-items: center;padding: 2px;cursor: pointer;}
#main .section6 .wrap .flexx .right ul li:last-child{border-bottom: 1px solid #fff;}
#main .section6 .wrap .flexx .right ul li .img_wrap{height: 100%;width: auto;aspect-ratio: auto 1.333333 / 1;background-repeat: no-repeat;background-position: center;background-size: cover;border: 1px solid #ddd;}
#main .section6 .wrap .flexx .right ul li .text{padding-left: 50px;transition: 0.3s;}
#main .section6 .wrap .flexx .right ul li .text p{color: #000;}
#main .section6 .wrap .flexx .right ul li .text p:nth-child(1){font-weight: 500;font-size: calc(var(--font-20) - 1px); line-height: var(--font-20);}
#main .section6 .wrap .flexx .right ul li .text p:nth-child(2){font-weight: 600;font-size: var(--font-20); line-height: var(--font-25);margin: 10px 0 2.5vw;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#main .section6 .wrap .flexx .right ul li .text span{font-size: 15px; display: block; line-height: 15px; color: #9f9f9f; font-weight: 500;}
#main .section6 .wrap .flexx .right ul li:hover .text{text-decoration: underline;}



@media all and (max-width: 1700px) {
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li p br{display: none;}
}
@media all and (max-width: 1600px) {
    #main .section3 .bg_wrap{width: 330px;}
    #main .section3 .wrap{align-items: flex-start;}
    #main .section3 .wrap .con_wrap{height: fit-content;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide{flex-flow: column-reverse;row-gap: 20px;}
    
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img{position: relative; width: 100%; height: 500px; transform: unset;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text{padding-left: 0;width: 100%;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img p{text-align: left; transform: unset;}
    #main .section3 .wrap .con_pager{margin-top: 20px;margin-left: 305px;}
    #main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide .img_wrap{border: 1px solid #dfdfdf;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul{padding:0 80px}
}
@media all and (max-width: 1200px) {
    #main .add2 .wrap .con{column-gap: 55%;}
    #main .add2 .wrap .con .count_wrap{width: 188px;}
    #main .section2{height: auto;}
    #main .section2 .wrap{height: 600px;flex-flow: column;}
    #main .section2 .wrap>div{width: 100%;height:50%;}
    #main .section2 .wrap>div:hover{width: 100%;}
    #main .section2 .wrap>div span{margin-bottom: 30px;}
    #main .section3 .bg_wrap{width: 270px;}
    #main .section3 .wrap .name_wrap .name_swiper{width: 240px;}
    #main .section3 .wrap .con_wrap{width: calc(100% - 260px);}
    #main .section3 .wrap .con_pager{margin-left: 245px;}
    #main .section4 .section_title{margin-bottom: 20px;}
    #main .section4 .marquee ul{width:500%;}
    #main .section5 .wrap .cont_wrap ul{margin-top: 100px;}
    #main .section6 .wrap .flexx .left .noti_wrap{padding: 10px 20px;}
    #main .section6 .wrap .flexx .right{width: calc(62% - 40px);}
    #main .section6 .wrap .flexx .right ul li .text{padding-left: 20px;}
}
@media all and (max-width: 1000px) {
    #main #main_video .swiper01 .bt_wrap{bottom: 20px;}
    #main #main_video .swiper01 .arrow_down{display: none;}
    #main #main_video .swiper01 .swiper-wrapper .swiper-slide{align-items: center;}
    #main #main_video .swiper01 .swiper-wrapper .swiper-slide b{margin-top: 0;text-align: center;margin-bottom: 50px;}
    #main .add2 .wrap .con{column-gap: 40vw;}
    #main .section3 .wrap{width: calc(100% - 20px);align-items: center;}
    #main .section3 .wrap .name_wrap .name_swiper{width: 165px;}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide-active p{font-size: var(--font-20);}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide-active::after{font-size: var(--font-20);}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide{padding-left: 20px;}
    #main .section3 .wrap .con_wrap{width: calc(100% - 185px);}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>b{font-size: var(--font-50);line-height: var(--font-60);}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>p{font-size: var(--font-30);line-height: calc(var(--font-30) + 10px);padding-left: var(--font-50);}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>span{font-size: var(--font-17);line-height: var(--font-20);}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>a{margin-top: 30px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul{column-gap: 20px;margin-top: 30px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li img{height: var(--font-60);}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li .icon_warning{height: var(--font-60);}
    #main .section3 .wrap .con_pager{height: 70px;width: 490px;margin-left: 170px;}
    #main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide .img_wrap{height: 100%;}
    #main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide>p{display: none;}
    #main .section3 .wrap .con_pager>div .pager-swiper-prev,
    #main .section3 .wrap .con_pager>div .pager-swiper-next{margin-bottom: 0;height: 100%;}
    #main .section3 .bg_wrap{width: 180px;}
    #main .section5 .section_title{padding-top: 60px;}
    #main .section5 .wrap .cont_wrap{flex-flow: column;width: 100%;bottom: 100px;}
    #main .section5 .wrap .cont_wrap ul:nth-child(2){margin-top: 0;}
    #main .section5 .wrap .cont_wrap ul:nth-child(1) li{padding-bottom: 40px;border-bottom: 1px solid #ffffff26;}
    #main .section5 .wrap .cont_wrap ul:nth-child(2) li{padding-top: 40px;}
    #main .section5 .wrap .cont_wrap ul{column-gap: 0;width: 100%;}
    #main .section5 .wrap .cont_wrap ul li{width: 50%;}
    #main .section5 .wrap .cont_wrap ul li:nth-child(1){border-right:1px solid #ffffff26;}
    #main .section5 .wrap .cont_wrap ul li b{margin: 10px 0 20px;}
    #main .section6 .wrap>a{margin: 20px auto 0;}
    #main .section6 .wrap .flexx{flex-flow: column;margin-top: 50px;}
    #main .section6 .wrap .flexx .left{width: 100%;max-width: 500px;}
    #main .section6 .wrap .flexx .right{width: 100%;height: fit-content !important;margin-top: 50px;}
    #main .section6 .wrap .flexx .right ul li .img_wrap{height: auto;width: 200px;}
    #main .section6 .wrap .flexx .right ul li .text{width: calc(100% - 200px) !important;}
    #main .section6 .wrap .flexx .right ul li .text p:nth-child(2){margin: 15px 0 40px;}
    #main .section6 .wrap .flexx .right ul li:first-child{border-top: 1px solid #eee;}
    #main .section6 .wrap .flexx .right ul li:last-child{border-bottom: 1px solid #eee;}
}
@media all and (max-width: 800px) {
    #main #main_video .swiper01 .swiper-wrapper .swiper-slide b{font-size: calc(var(--font-50) - 5px);line-height: var(--font-60);}
    #main #main_video .swiper01 .bt_wrap .bar_wrap>div p{display: none;}
    #main .add2{height:fit-content;padding: 150px 0;}
    #main .add2 .wrap{width: calc(100% - 40px);}
    #main .add2 .wrap .con{justify-content: space-around; flex-flow: row wrap; column-gap: unset; height: fit-content; aspect-ratio: unset;}
    #main .add2 .wrap .con .img_wrap{ position: relative; top: 0; left: 0; transform: unset; width: 55%; height: auto; aspect-ratio: auto 1.5 / 1;margin-bottom: 50px;min-width: 250px;}
    #main .add2 .wrap .con .count_wrap{width: 50%;text-align: center;}
    #main .add2 .wrap .con .count_wrap .num_count{justify-content: center;}
    #main .section2 .wrap>div span{margin-bottom: 5px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide{row-gap: 50px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img{height: 200px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul{flex-flow: column; row-gap: 30px;padding:0}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li img{margin: 0 0 10px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li .icon_warning{margin: 0 0 10px;justify-content: unset;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li p{text-align: left;}
    #main .section4 .marquee ul{width:700%;}
    #main .section5 .section_title{padding-top: 100px;}
    #main .section5 .section_title span.pc_text{display: none;}
    #main .section5 .section_title span.mo_text{display: block;}

    
}
@media all and (max-width: 700px) {
    #main .section3 .wrap .con_pager{margin-left: 0;width: 100%;height: fit-content;}
    #main .section3 .wrap .con_pager>div .swiper .swiper-wrapper .swiper-slide .img_wrap{height: auto;}
}
@media all and (max-width: 600px) {
    #main .section3{padding: 50px 0;}
    #main .section3 .wrap{align-items: flex-start;}
    #main .section3 .wrap .name_wrap{height: calc(100vh - 200px);}
    #main .section3 .wrap .name_wrap .name_swiper{width: 130px;height: calc(100vh - 300px);}
    #main .section3 .bg_wrap{width: 150px;}
    #main .section3 .wrap .con_wrap{width: calc(100% - 150px);padding-top: 50px;}
    #main .section4 .marquee{width: calc(100% - 20px);}
    #main .section4 .marquee ul{width: 900%;min-width: 4000px;}
    #main .section6 .wrap{width: calc(100% - 20px);}
    #main .section6 .wrap .flexx .right{margin-top: 18px;}
    #main .section6 .wrap .flexx .right ul li .img_wrap{width: 100px;}
    #main .section6 .wrap .flexx .right ul li .text{width: calc(100% - 100px) !important;padding: 20px 0 20px 20px;}
    #main .section6 .wrap .flexx .right ul li .text p:nth-child(2){margin: 5px 0 10px;}
    #main .section6 .wrap .flexx .right ul li .text span{font-size: 13px;}
    #main .add1 .wrap .top,
    #main .add1 .wrap .bt{width: calc(100% - 80px);}
    #main .add1 .wrap .bt span br{display: none;}
}
@media all and (max-width: 450px) {
    #main .section3{padding: 100px 0;}
    #main .section3 .wrap{flex-flow: column;}
    #main .section3 .bg_wrap{width: 100%; height: 100%; border-radius: unset !important; opacity: 1 !important;}
    #main .section3 .wrap .name_wrap{height: fit-content;flex-flow: unset;width: 100%;align-items: center;height: fit-content;}
    #main .section3 .wrap .name_wrap .name_swiper{width: calc(100% - 60px);height: fit-content;}
    #main .section3 .wrap .name_wrap .name-swiper-prev img{transform: rotate(-90deg);filter: brightness(0) invert(1);}
    #main .section3 .wrap .name_wrap .name-swiper-next img{transform: rotate(90deg);filter: brightness(0) invert(1);}
    #main .section3 .wrap .name_wrap .name-swiper-prev,
    #main .section3 .wrap .name_wrap .name-swiper-next{margin-left: 0;width: 30px;height: 30px;}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide{width: fit-content;padding-left: 0;}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide-active{padding-left: 20px;}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide p{color: #ffffff66;}
    #main .section3 .wrap .name_wrap .name_swiper>.swiper-wrapper>.swiper-slide-active p{color: #fff;}
    #main .section3 .wrap .con_wrap{width: 100%;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>p{padding-left: 0;color: #cfcfcf;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>b{color: #fff;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>span{color: #cfcfcf;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul{row-gap: unset;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li{width: 100%;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ffffff5e;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: unset;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li img{height: 50px;margin: 0 auto 10px;filter: brightness(0) invert(0.8);}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text ul li p{color: #fff;text-align: center;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .text>a{background: #ffffff91;border: unset;width: 100%;margin-top: 50px;}
    #main .section3 .wrap .con_wrap>div .swiper .swiper-wrapper .swiper-slide .img div{height: 100%;background-position: center;}
    #main .section3 .wrap .con_pager>div .pager-swiper-prev img,
    #main .section3 .wrap .con_pager>div .pager-swiper-next img{filter: brightness(0) invert(1);}
    #main .section4 .section_title span.pc_text{display: none;}
    #main .section4 .section_title span.mo_text{display: block;}
}


@keyframes back1 {0% {width:0%} 100% {width:100%}}
@keyframes back2 {0% {width:0%} 100% {width:33.333333%}}
@keyframes back3 {0% {width:0%} 100% {width:33.333333%}}
@keyframes back4 {0% {width:0%} 100% {width:33.333333%}}
@keyframes back5 {0% {width:0%} 100% {width:50%}}
@keyframes back6 {0% {width:0%} 100% {width:50%}}
@keyframes back7 {0% {width:0%} 100% {width:100%}}
@-webkit-keyframes marquee_left {
    0% {transform: translate3d(0, 0, 0);}
    100% {transform: translate3d(-50%, 0, 0);}
}
@-webkit-keyframes marquee_right {
    0% {transform: translate3d(-50%, 0, 0);}
    100% {transform: translate3d(0, 0, 0);}
}
@keyframes marquee {
    from { transform: translate(0, -50%); }
    to { transform: translate(-50%, -50%); }
}
@keyframes main_arrow_down{
    0%{bottom: 24px;}
    50%{bottom: 30px;}
    100%{bottom: 24px;}
}
/* @-webkit-keyframes text-active-animation {
    0% {opacity: 0;filter: Alpha(opacity = 0);transform: translateY(100%);}
    100% {opacity: 1.0;filter: Alpha(opacity = 100);transform: translateY(0);}
}
@-webkit-keyframes text-opacity-animation {
    0% {opacity: 0;filter: Alpha(opacity = 0);}
    100% {opacity: 1.0;filter: Alpha(opacity = 100);}
}
@-webkit-keyframes text-img1-animation {
    0% {opacity: 0;filter: Alpha(opacity = 0);transform: translate(-60%, -60%);}
    100% {opacity: 1.0;filter: Alpha(opacity = 100);transform: translate(-50%, -50%);}
}
@-webkit-keyframes text-img2-animation {
    0% {opacity: 0;filter: Alpha(opacity = 0);transform: translate(-40%, -40%);}
    100% {opacity: 1.0;filter: Alpha(opacity = 100);transform: translate(-50%, -50%);}
} */