@charset "utf-8";
main{}
main .section01{position: relative;}
main .section01 .swiper-slide{position: relative;}
main .section01 .swiper-slide  img{display: block;width:100%;}
main .section01 .swiper-slide .txt-box{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;max-width:1422px;display: flex;align-items: flex-end;justify-content: space-between;}
main .section01 .swiper-slide .txt-box h2{font-size: 86px;font-weight: bold;line-height: 1.35;letter-spacing: -2.15px;color: #fff;}
main .section01 .swiper-slide .txt-box em{position:relative;top:-41px;display: inline-block;width:100%;max-width:164px;height:2px;background: #fff;}
main .section01 .swiper-slide .txt-box span{position:relative;top:-22px;display: inline-block;font-size: 30px;font-weight: 500;letter-spacing: -0.75px;color: #fff;}
main .section01 .swiper-slide.item3 .txt-box em{max-width:67px;}
main .section01 .swiper-pagination{top:initial;left:0;right:initial;bottom:40px;width:100%;display:flex;justify-content: center;gap:15px;}
main .section01 .swiper-pagination .swiper-pagination-bullet{margin:0;width:80px;height:6px; border-radius: 3px;background: rgba(255,255,255,0.5);opacity: 1;}
main .section01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
main .section02{padding:160px 0 294px;background: url(/_public/images2/main/main_bg01.png) top center no-repeat;background-size: cover;}
main .section02 .layout{display: flex;justify-content: space-between;}
main .section02 .left{width:100%;max-width:440px;}
main .section02 .left .txt-box{position: sticky;top:150px;}
main .section02 .left .txt-box em{display: block;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #fff;}
main .section02 .left .txt-box h2{margin-top:40px;font-size: 60px;font-weight: bold;line-height: 1.27;letter-spacing: -1.5px;color: #fff;}
main .section02 .left .txt-box p{margin-top: 80px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.45px;color: #fff;}
main .section02 .right{width:100%;max-width:960px;display: flex;gap:100px;}
main .section02 .right ul{flex:1;}
main .section02 .right ul:first-child{margin-top: 300px;}
main .section02 .right ul li{padding:80px 60px 97px;position: relative; border-radius: 20px;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);background:rgba(255,255,255,0.2);}
main .section02 .right ul li + li{margin-top:100px;}
main .section02 .right ul li em{display: block;  font-size: 18px;font-weight: 600;letter-spacing: -0.45px;color: #fff;}
main .section02 .right ul li i{display: inline-block;margin-top: 50px;}
main .section02 .right ul li i img{display: block;}
main .section02 .right ul li h3{margin-top: 40px;font-size: 36px;font-weight: 600;line-height: 1.39;letter-spacing: -0.9px;color: #fff;}
main .section03{margin-top: 160px;}
main .section03 .box{padding-left: calc(50% - 710px);display: flex;justify-content: space-between;}
main .section03 .box .txt-box{width:440px;}
main .section03 .box .txt-box em{display: block;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #0092e5;}
main .section03 .box .txt-box h2{margin-top:40px;font-size: 60px;font-weight: bold;line-height: 1.27;letter-spacing: -1.5px;color: #1c1c1c;}
main .section03 .box .txt-box p{margin-top: 80px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.45px;color: #1c1c1c;}
main .section03 .box .txt-box a{margin-top:40px;display: flex;width:228px;height:45px; border-radius: 22px;border: solid 1px #001d61;background-color: #fff; font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #001d61;align-items: center;justify-content: center;gap:10px;transition:all 0.4s;}
main .section03 .box .txt-box a:after{content: "";display: block;width:15px;height:15px;background: url(/_public/images2/main/view.svg) no-repeat;background-size: cover;}
main .section03 .box .txt-box a:hover{background: #001d61;color:#fff;}
main .section03 .box .txt-box a:hover:after{background: url(/_public/images2/main/view_on.svg) no-repeat;background-size: cover;}
main .section03 .box .slide-box{position: relative;width:calc(100% - 400px);}
main .section03 .box .slide-box .swiper-slide{width:470px;padding: 60px;border-radius: 20px;background-color: #f6f9ff;}
main .section03 .box .slide-box .swiper-slide .img{}
main .section03 .box .slide-box .swiper-slide .img img{display: block;width:100%;}
main .section03 .box .slide-box .swiper-slide .txt{margin-top:40px;}
main .section03 .box .slide-box .swiper-slide .txt em{display: block; font-size: 16px;font-weight: 600;letter-spacing: -0.4px;color: #001d61;}
main .section03 .box .slide-box .swiper-slide .txt h3{margin-top:5px; font-size: 36px;font-weight: bold;letter-spacing: -0.9px;color: #1c1c1c;}
main .section03 .box .slide-box .swiper-scrollbar{position: relative;top:initial;left:initial;right:initial;bottom:initial;height:8px;margin-top: 60px;width:100%;max-width:980px;border-radius: 4px;background: #ebebeb;}
main .section03 .box .slide-box .swiper-scrollbar .swiper-scrollbar-drag{background: #001d61;}
main .section04{margin-top: 160px;padding-bottom: 180px;}
main .section04 em{display: block;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #0092e5;}
main .section04 .hgroup{margin-top:40px;display: flex;align-items:flex-end;justify-content:space-between;padding-right: 289px;}
main .section04 .hgroup h2{font-size: 60px;font-weight: bold;line-height: 1.27;letter-spacing: -1.5px;color: #1c1c1c;}
main .section04 .hgroup p{position:relative;top:-10px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.45px;color: #1c1c1c;}
main .section04 ul{margin-top:80px;display: flex;gap:40px;}
main .section04 ul li{position:relative;flex:1;overflow: hidden;border-radius: 20px;}
main .section04 ul li:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;  opacity: 0;border-radius: 20px;background-image: linear-gradient(to bottom, #0092e5, #001d61);transition: all 0.4s;}
main .section04 ul li img{display: block;width:100%;height:100%;}
main .section04 ul li .txt-box{position: absolute;top:0;left:0;width:100%;height:100%;padding:80px 60px;}
main .section04 ul li .txt-box h2{font-size: 36px;font-weight: bold;letter-spacing: -0.9px;color: #fff;}
main .section04 ul li .txt-box p{margin-top: 40px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.45px;color: #fff;min-height: 78px;transition: all 0.4s;opacity: 0;}
main .section04 ul li .txt-box .link{margin-top:70px; transition: all 0.4s;opacity: 0;}
main .section04 ul li .txt-box .link a{display: flex;align-items: center;padding: 0 10px;height:45px; font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #fff;border-bottom: 1px solid #fff;justify-content: space-between;}
main .section04 ul li .txt-box .link a:after{content: "";display: block;width:15px;height:15px;background: url(/_public/images2/main/view_on.svg) no-repeat;background-size: cover;}
main .section04 ul li .txt-box .link a + a{margin-top: 18px;}
main .section04 ul li i{position: absolute;right:40px;bottom: 40px;width:60px;height:60px;background: url(/_public/images2/main/plus.svg) no-repeat;background-size: cover;transition: all 0.4s;}
main .section04 ul li:hover:before{opacity: 0.8;}
main .section04 ul li:hover .txt-box p{opacity: 1;}
main .section04 ul li:hover .txt-box .link{opacity: 1;}
main .section04 ul li:hover i{opacity: 0;}
main .section05{padding:160px 0;background: #f6f9ff;}
main .section05 em{display: block;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #0092e5;}
main .section05 h2{margin-top:40px;font-size: 60px;font-weight: bold;line-height: 1.27;letter-spacing: -1.5px;color: #1c1c1c;}
main .section05 .box{margin-top: 70px;display: flex;gap:40px;}
main .section05 .box .col{flex:1;max-width: calc(50% - 20px);overflow: hidden;}
main .section05 .box .col .title{position:relative;}
main .section05 .box .col .title h3{padding-bottom: 10px;border-bottom: 2px solid #001d61;  font-size: 30px;font-weight: 600;letter-spacing: -0.75px;color: #1c1c1c;}
main .section05 .box .col .title .control{position:absolute;top:12px;right:0;display: flex;gap:15px;align-items: center;}
main .section05 .box .col .title .control .swiper-pagination{position: relative;margin:0;top:initial;bottom:initial;left:initial;right:initial;width:auto;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #a6a7a7;}
main .section05 .box .col .title .control .swiper-pagination span{display: inline-block; font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #a6a7a7;}
main .section05 .box .col .title .control .swiper-pagination .swiper-pagination-current{font-weight: bold;color: #001d61;}
main .section05 .box .col .title .control .swiper-button{position: relative;top:initial;left:initial;right:initial;bottom:initial;margin:0;width:20px;height:20px;}
main .section05 .box .col .title .control .swiper-button:after{display: none;}
main .section05 .box .col .title .control .swiper-button-prev{background: url(/_public/images2/icon/target_left.svg) no-repeat;background-size: cover;left:0;}
main .section05 .box .col .title .control .swiper-button-next{background: url(/_public/images2/icon/target_right.svg) no-repeat;background-size: cover;right:0;}
main .section05 .box .col .main-bbs{}
main .section05 .box .col .main-bbs ul{}
main .section05 .box .col .main-bbs ul li{}
main .section05 .box .col .main-bbs ul li + li{border-top:1px solid #cecece;}
main .section05 .box .col .main-bbs ul li a{display: flex;gap:35px;padding:20px 0;}
main .section05 .box .col .main-bbs ul li figure{width:100%;max-width:280px;}
main .section05 .box .col .main-bbs ul li figure img{display: block;width:100%;}
main .section05 .box .col .main-bbs ul li .txt{width:100%;max-width:calc(100% - 315px);}
main .section05 .box .col .main-bbs ul li .txt h4{font-size: 20px;font-weight: bold;line-height: 1.5;letter-spacing: -0.5px;color: #1c1c1c;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height:60px;}
main .section05 .box .col .main-bbs ul li .txt .t-bottom{margin-top:20px;}
main .section05 .box .col .main-bbs ul li .txt .t-bottom span{display: block;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #001d61;}
main .section05 .box .col .main-bbs ul li .txt .t-bottom p{margin-top: 46px;text-align: right;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #a6a7a7;}
main .section05 .box .col .slide-box{margin-top: 25px;}
main .section05 .box .col .slide-box .swiper-slide{position: relative;}
main .section05 .box .col .slide-box .swiper-slide .video-box{position: relative;padding-top: 56%;}
main .section05 .box .col .slide-box .swiper-slide .video-box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
main .section06{padding:210px 0;background: url(/_public/images2/main/main_bg02.png) top center no-repeat;background-size: cover;}
main .section06 .txt{text-align: center;}
main .section06 .txt h2{font-size: 48px;font-weight: bold;letter-spacing: -1.2px;text-align: center;color: #fff;}
main .section06 .txt p{margin-top: 20px;font-size: 30px;font-weight: normal;letter-spacing: -0.75px;text-align: center;color: #fff;}
main .section06 .txt p br{display: none;}
main .section06 .txt .btn{margin-top:80px;display: flex;justify-content: center;gap:40px;}
main .section06 .txt .btn a{display: flex;align-items: center;justify-content: center;gap:60px;width:330px;height:64px;border-radius: 32px;border: solid 1px #fff; font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #fff;transition:all 0.4s;}
main .section06 .txt .btn a:after{content: "";display: block;width:20px;height:20px;background: url(/_public/images2/main/view2.svg) no-repeat;background-size:cover }
main .section06 .txt .btn a:hover{border-color:#0092e5;background: #0092e5;}






@media all and (max-width:1760px) {

}

@media all and (max-width:1560px) {

}

@media all and (max-width:1460px) {
    main .section01 .swiper-slide .txt-box{padding:0 20px;}
    main .section01 .swiper-slide .txt-box h2{font-size:66px;}
    main .section01 .swiper-slide .txt-box span{font-size:26px;}

    main .section02{padding: 160px 40px 294px;}
    main .section03{padding-left: 40px;}
    main .section04{padding:0 40px 180px;}
    main .section05{padding:160px 20px;}
}

@media all and (max-width:1280px) {
    main .section01 .swiper-slide .txt-box{flex-direction: column;align-items: flex-start;gap:40px;}
    main .section01 .swiper-slide .txt-box h2{font-size:55px;}
    main .section01 .swiper-slide .txt-box em{display: none;}
    main .section01 .swiper-slide .txt-box span{font-size:24px;top:0;padding-left: 72px;}
    main .section01 .swiper-slide .txt-box span:before{content: "";position:absolute;top:16px;left:0;width:52px;height:2px;background: #fff;}
    main .section01 .swiper-pagination{bottom:30px;gap:10px;}
    main .section01 .swiper-pagination .swiper-pagination-bullet{width:60px;height:4px;}

    main .section02 .left .txt-box em{font-size: 18px;}
    main .section02 .left .txt-box h2{font-size:50px;}
    main .section02 .left .txt-box p{font-size:16px;margin-top:60px;}
    main .section02 .right{gap:50px;}
    main .section02 .right ul li{padding:60px 40px 77px;}
    main .section02 .right ul li + li{margin-top:80px;}
    main .section02 .right ul li i{margin-top:40px;width:100px;}
    main .section02 .right ul li h3{margin-top:30px;font-size: 32px;}


    main .section03 .box .txt-box em{font-size: 18px;}
    main .section03 .box .txt-box h2{font-size:50px;}
    main .section03 .box .txt-box p{font-size:16px;margin-top:60px;}
    main .section03 .box .txt-box a{margin-top:30px;font-size:16px;}
    main .section03 .box .slide-box .swiper-slide{width:360px;padding:50px;}
    main .section03 .box .slide-box .swiper-slide .txt{margin-top:30px;}
    main .section03 .box .slide-box .swiper-slide .txt h3{font-size:32px;}
    main .section03 .box .slide-box .swiper-scrollbar{margin-top:50px;max-width:calc(100% - 20px);}

    main .section04 em{font-size:18px;}
    main .section04 .hgroup{margin-top:30px;}
    main .section04 .hgroup h2{font-size:50px;}
    main .section04 .hgroup p{font-size:16px;}
    main .section04 ul{margin-top:60px;gap:30px;}
    main .section04 ul li{}
    main .section04 ul li .txt-box{padding:70px 50px;}
    main .section04 ul li .txt-box h2{font-size:32px;}
    main .section04 ul li .txt-box p{margin-top:30px;word-break: auto-phrase;font-size:16px;}
    main .section04 ul li .txt-box p br{display: none;}
    main .section04 ul li .txt-box .link{margin-top:50px;}
    main .section04 ul li .txt-box .link a{height:40px;font-size: 16px;}


    main .section05 em{font-size:18px;}
    main .section05 h2{margin-top:30px;font-size:50px;}
    main .section05 .box{margin-top:60px;}
    main .section05 .box .col .title h3{font-size: 26px;}
    main .section05 .box .col .main-bbs ul li a{gap:25px;}
    main .section05 .box .col .main-bbs ul li figure{max-width:200px;}
    main .section05 .box .col .main-bbs ul li .txt{max-width:calc(100% - 225px);}
    main .section05 .box .col .main-bbs ul li .txt h4{font-size:18px;height:55px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom{margin-top:15px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom span{font-size:16px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom p{margin-top:20px;font-size: 14px;}

    main .section06 .txt h2{font-size: 44px;}
    main .section06 .txt p{font-size:26px;}
    main .section06 .txt .btn{margin-top: 60px;}
    main .section06 .txt .btn a{height:55px;font-size:18px;}
}

@media all and (max-width:1024px) {
    main .section01 .swiper-slide .txt-box h2{font-size:50px;}
    main .section01 .swiper-slide .txt-box span{font-size:22px;}
    main .section01 .swiper-pagination{gap:5px;}

    main .section02{padding: 120px 20px 180px;}
    main .section02 .left{max-width:290px;}
    main .section02 .left .txt-box em{font-size: 16px;}
    main .section02 .left .txt-box h2{font-size:42px;}
    main .section02 .left .txt-box p{font-size:14px;margin-top:50px;}
    main .section02 .right{gap:30px;}
    main .section02 .right ul:first-child{margin-top:200px;}
    main .section02 .right ul li{padding:40px 30px 50px;}
    main .section02 .right ul li + li{margin-top:60px;}
    main .section02 .right ul li i{margin-top:30px;}
    main .section02 .right ul li h3{margin-top:20px;font-size: 28px;word-break: auto-phrase}
    main .section02 .right ul li h3 br{display: none;}

    main .section03{padding-left: 20px;margin-top:120px;}
    main .section03 .box{flex-direction: column;gap:60px;}
    main .section03 .box .txt-box em{font-size: 16px;}
    main .section03 .box .txt-box h2{font-size:42px;}
    main .section03 .box .txt-box p{font-size:14px;margin-top:50px;}
    main .section03 .box .txt-box a{margin-top:20px;font-size:14px;}
    main .section03 .box .slide-box{width:100%;}
    main .section03 .box .slide-box .swiper-slide{width:320px;padding:40px;}
    main .section03 .box .slide-box .swiper-slide .txt{margin-top:30px;}
    main .section03 .box .slide-box .swiper-slide .txt em{font-size:14px;}
    main .section03 .box .slide-box .swiper-slide .txt h3{margin-top:5px;font-size:25px;}
    main .section03 .box .slide-box .swiper-scrollbar{margin-top:40px;height:4px;}


    main .section04 em{font-size:16px;}
    main .section04 .hgroup{margin-top:20px;flex-direction: column;align-items: flex-start;gap:40px;padding:0;}
    main .section04 .hgroup h2{font-size:42px;}
    main .section04 .hgroup p{font-size:14px;top:0;}
    main .section04 ul{gap:20px;}
    main .section04 ul li{}
    main .section04 ul li .txt-box{padding:50px 40px;}
    main .section04 ul li .txt-box h2{font-size:28px;}
    main .section04 ul li .txt-box p{opacity:1;margin-top:20px;font-size:14px;min-height: 63px;}
    main .section04 ul li .txt-box .link{margin-top:40px;opacity: 1;}
    main .section04 ul li .txt-box .link a{height:36px;font-size: 14px;}
    main .section04 ul li .txt-box .link a + a{margin-top:10px;}
    main .section04 ul li i{display: none;}
    main .section04 ul li:before{display: none;}

    main .section05 em{font-size:16px;}
    main .section05 h2{margin-top:20px;font-size:42px;}
    main .section05 .box{flex-direction: column;gap:50px;}
    main .section05 .box .col{max-width:100%;}
    main .section05 .box .col .title h3{font-size: 24px;}
    main .section05 .box .col .main-bbs ul li a{gap:15px;}
    main .section05 .box .col .main-bbs ul li figure{max-width:200px;}
    main .section05 .box .col .main-bbs ul li .txt{max-width:calc(100% - 215px);}
    main .section05 .box .col .main-bbs ul li .txt h4{font-size:16px;height:49px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom{margin-top:15px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom span{font-size:14px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom p{margin-top:8px;font-size: 12px;}

    main .section06{padding:160px 20px;}
    main .section06 .txt h2{font-size: 40px;}
    main .section06 .txt p{font-size:22px;}
    main .section06 .txt .btn{margin-top: 60px;}
    main .section06 .txt .btn a{height:55px;font-size:18px;}
}

@media all and (max-width:768px) {
    main .section01 .swiper-wrapper {height:100vh;}
    main .section01 .swiper-slide .txt-box h2{font-size:42px;}
    main .section01 .swiper-slide .txt-box span{font-size:18px;padding-left: 62px;}
    main .section01 .swiper-slide .txt-box span:before{top:12px;width:42px;}

    main .section02{padding: 80px 20px;}
    main .section02 .layout{flex-direction: column;gap:60px;}
    main .section02 .left{max-width:100%;}
    main .section02 .left .txt-box h2{font-size:38px;}
    main .section02 .right{max-width:100%;}
    main .section02 .right ul li{padding:40px;}
    main .section02 .right ul li + li{margin-top:30px;}
    main .section02 .right ul li em{font-size:16px;}
    main .section02 .right ul li h3{margin-top:10px;font-size:25px;}

    main .section03{margin-top:0;padding:80px 20px;}
    main .section03 .box .txt-box h2{font-size:38px;}
    main .section03 .box .slide-box .swiper-scrollbar{max-width:100%;}

    main .section04{margin-top:0;padding:80px 20px;}
    main .section04 .hgroup h2{font-size:38px;}
    main .section04 ul{flex-direction: column;}
    main .section04 ul li{}
    main .section04 ul li img{display: block;width:100%;}
    main .section04 ul li .txt-box h2{font-size:25px;}
    main .section04 ul li .txt-box .link{margin-top:30px;}
    main .section04 ul li .txt-box .link a{height:36px;font-size: 14px;}
    main .section04 ul li .txt-box .link a + a{margin-top:10px;}
    main .section04 ul li i{display: none;}
    main .section04 ul li:before{display: none;}

    main .section05{padding:80px 20px;}
    main .section05 h2{font-size:38px;}
    main .section05 .box{flex-direction: column;gap:50px;}
    main .section05 .box .col{max-width:100%;}
    main .section05 .box .col .title h3{font-size: 22px;}
    main .section05 .box .col .main-bbs ul{display: flex;gap:20px;}
    main .section05 .box .col .main-bbs ul li{flex:1;}
    main .section05 .box .col .main-bbs ul li a{flex-direction: column;}
    main .section05 .box .col .main-bbs ul li figure{max-width:100%;}
    main .section05 .box .col .main-bbs ul li .txt{max-width:100%;}
    main .section05 .box .col .main-bbs ul li .txt h4{font-size:15px;height:47px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom{margin-top:10px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom span{font-size:14px;}
    main .section05 .box .col .main-bbs ul li .txt .t-bottom p{text-align: left;}
    main .section05 .box .col .title .control{top:3px;}
    main .section05 .box .col .title .control .swiper-pagination{font-size: 16px;}


    main .section06{padding:100px 20px;}
    main .section06 .txt h2{font-size: 32px;}
    main .section06 .txt p{margin-top:20px;font-size:18px;}
    main .section06 .txt p br{display: inline;}
    main .section06 .txt .btn{margin-top: 60px;flex-direction: column;gap:10px;}
    main .section06 .txt .btn a{height:50px;font-size:15px;width:100%;gap:0;position: relative;}
    main .section06 .txt .btn a:after{width:15px;height:15px;position: absolute;right:25px;}
}

@media all and (max-width:640px) {
}

@media all and (max-width:460px) {
    main .section02 .right{display: block;}
    main .section02 .right ul:first-child{margin-top:0;}
    main .section02 .right ul + ul{margin-top:20px;}
    main .section02 .right ul li + li{margin-top:20px;}
}