@charset "utf-8";

.main-nav{position: fixed;top:50%;transform: translateY(-50%);right:40px;z-index: 10;}
.main-nav li{}
.main-nav li + li{margin-top:20px;}
.main-nav li a{position: relative;padding-left: 30px;font-size: 15px;font-weight: 500;color: #aaa;transition: all 0.4s;}
.main-nav li a i{position: absolute;left:0;display:inline-block;width:20px;height:20px;border-radius: 100%;border:1px solid #787878;transition: all 0.4s;}
.main-nav li a i:after{content: "";position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:10px;height:10px;display: block;border-radius: 100%;background: #959595;transition: all 0.4s;}
.main-nav li.on a{color:#fff;}
.main-nav li.on a i{border-color: #fff;}
.main-nav li.on a i:after{background: #fff;}


.main-sec02 {}
.main-sec02 .main-nav li a i{border-color: #f1f1f1;}
.main-sec02 .main-nav li a i:after{background: #ccc;}
.main-sec02 .main-nav li.on a{color:#00478b;}
.main-sec02 .main-nav li.on a i{border-color: #00478b;}
.main-sec02 .main-nav li.on a i:after{background: #00478b;}

.main-sec04 {}
.main-sec04 .main-nav li a i{border-color: #f1f1f1;}
.main-sec04 .main-nav li a i:after{background: #ccc;}
.main-sec04 .main-nav li.on a{color:#00478b;}
.main-sec04 .main-nav li.on a i{border-color: #00478b;}
.main-sec04 .main-nav li.on a i:after{background: #00478b;}

.main-sec05 {}
.main-sec05 .main-nav li a i{border-color: #f1f1f1;}
.main-sec05 .main-nav li a i:after{background: #ccc;}
.main-sec05 .main-nav li.on a{color:#00478b;}
.main-sec05 .main-nav li.on a i{border-color: #00478b;}
.main-sec05 .main-nav li.on a i:after{background: #00478b;}


main{}
main .layout{max-width: 1560px;}
main .section-title{position: relative;display: flex;gap:5px; font-size: 20px;font-weight: bold;letter-spacing: normal;color: #202020;line-height: 1;margin-bottom: 20px;}
main .section-title:after{content: "";display: inline-block;width:25px;height:15px;background: url(/_public/images2/icon/ico_title.svg) no-repeat;background-size: cover;}
main section{position: relative;}
main .section01{}
main .section01 .video-box{height:950px;}
main .section01 .video-box video{display: block;width:100%;height:100%;object-fit: cover;}
main .section01 .txt-box{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
main .section01 .txt-box .layout{height:100%;}
main .section01 .txt-box h2{position: absolute;top:50%;left:0;transform: translateY(-50%);width:100%; font-size: 70px;font-weight: bold;line-height: 1.3;letter-spacing: normal;color: #fff;text-align: center;}
main .section01 .txt-box h2:before{content: "";position: absolute;left: 0;top: 45px;width: calc(50% - 415px);height:1px;background: #ccc;}
main .section01 .txt-box h2 span{display: inline-block;}
main .section01 .txt-box h2 span br{display: none;}
main .section01 .txt-box h2 .txt1{animation: slide-in-bottom 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}
main .section01 .txt-box h2 .txt2{position: relative;left:80px;animation: slide-in-bottom 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.5s both;}
main .section01 .txt-box ul{position: absolute;bottom:95px;left:0;width:100%;display: flex;gap:100px;}
main .section01 .txt-box ul li{position:relative;flex:1;height:80px; border-radius: 20px;background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: space-between;padding:0 30px;}
main .section01 .txt-box ul li h3{display: flex;align-items: center;gap:10px;font-size: 25px;font-weight: 600;color: #fff;}
main .section01 .txt-box ul li h3 i{display: inline-block;width:22px;height:22px;background: url(/_public/images2/icon/ico_info.svg) no-repeat;background-size: cover;cursor: pointer;}
main .section01 .txt-box ul li span{font-size: 25px;font-weight: bold;text-align: right;color: #fff}
main .section01 .txt-box ul li span em{}
main .section01 .txt-box ul li:nth-child(1) span em{color:#00c2ff}
main .section01 .txt-box ul li:nth-child(2) span em{color: #00c2ff;}
main .section01 .txt-box ul li:nth-child(3) span em{color: #00ffdc;}
main .section01 .txt-box ul li p{position: absolute;top: -66px;left:0;width: calc(100% + 25px);background: #000;padding:15px 20px 15px 52px; font-size: 18px;font-weight: 500;letter-spacing: -0.36px;color: #fff;border-radius: 20px;display:none;}
main .section01 .txt-box ul li p:before{content: "";position: absolute;top:16px;left:20px;display: inline-block;width:22px;height:22px;background: url(/_public/images2/icon/ico_info.svg) no-repeat;background-size: cover;}
main .section01 .txt-box ul li p:after{content: "";position: absolute;left: 87px;bottom: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 5px 0px 5px;border-color: #000 transparent transparent transparent;}
main .section01 .txt-box ul li:nth-child(3) p{width:auto;}

main .section02{padding:140px 0 220px;}
main .section02 figure{margin-bottom: 100px;}
main .section02 figure img{display:block;width:100%;}
main .section02 figure img{display:block;width:100%;}
main .section02 .video-wrap{position: relative;height:760px;}
main .section02 .video-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images2/main/sec02_img01.png) no-repeat;background-size: cover;}
main .section02 .video-wrap iframe{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;opacity: 0;}
main .section02 .video-wrap button{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;gap: 20px;z-index: 10;}
main .section02 .video-wrap button span{display: inline-block;font-size: 20px;font-weight: 600;line-height: 1.6;text-align: center;color: #fff;}
main .section02 .video-wrap.on iframe{opacity: 1;z-index: 10;}
main .section02 .txt-box{margin-top: 220px;text-align: center;}
main .section02 .txt-box h2{font-size: 60px;font-weight: bold;line-height: 1.33;letter-spacing: -1.8px;text-align: center;color: #000;}
main .section02 .txt-box p{margin-top:40px; font-size: 30px;font-weight: bold;letter-spacing: -0.9px;text-align: center;color: #787878;}

main .section03{padding:186px 0 194px;background: url(/_public/images2/main/main_bg01.png) no-repeat;background-size: cover;}
main .section03 .layout{display: flex;gap:50px;}
main .section03 .txt-box{width:445px;}
main .section03 .txt-box .section-title{color:#fff;}
main .section03 .txt-box h2{margin-top:20px; font-size: 58px;font-weight: bold;line-height: 1.29;color: #fff;}
main .section03 .txt-box h2 span{position:relative;display: inline;margin-left:83px;}
main .section03 .txt-box h2 span:before{content: "";position: absolute;top: 31px;left: -70px;width:60px;height:1px;background: #fff;}
main .section03 .txt-box .tab-btn{margin-top: 60px;display: flex;gap:10px;}
main .section03 .txt-box .tab-btn button{display: flex;width:160px;height:50px;align-items: center;justify-content: center;border-radius: 25px;background-color: #26294d; font-size: 20px;font-weight: 600;color: #7e8891;}
main .section03 .txt-box .tab-btn button.on{color:#fff;background: #0745af;}
main .section03 .tab-conbox{width:calc(100% - 495px);}
main .section03 .tab-conbox .tab-cont{display:none;}
main .section03 .tab-conbox .tab-cont ul{display: flex;gap:13px;}
main .section03 .tab-conbox .tab-cont ul li{position: relative;flex:1;}
main .section03 .tab-conbox .tab-cont ul li a{position:relative;display: block;overflow: hidden;}
main .section03 .tab-conbox .tab-cont ul li a:before{content: "";position: absolute;left: 0;bottom:0;width:100%;height:50%;opacity: 0.5;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);z-index: 1;}
main .section03 .tab-conbox .tab-cont ul li img{display: block;width:100%;transition: all 0.4s;}
main .section03 .tab-conbox .tab-cont ul li .txt{position:absolute;left:0;bottom:-80px;padding:30px;width:100%;transition: all 0.4s;z-index: 2;}
main .section03 .tab-conbox .tab-cont ul li .txt h3{font-size: 30px;font-weight: bold;color: #fff;transition: all 0.4s;}
main .section03 .tab-conbox .tab-cont ul li .txt p{margin-top:15px;font-size: 20px;font-weight: bold;line-height: 1.5;color: #fff;word-break: auto-phrase;transition: all 0.4s;opacity: 0;}
main .section03 .tab-conbox .tab-cont ul li:hover a:before{height:100%;}
main .section03 .tab-conbox .tab-cont ul li:hover img{transform: scale(1.1);}
main .section03 .tab-conbox .tab-cont ul li:hover .txt{bottom:0;}
main .section03 .tab-conbox .tab-cont ul li:hover .txt h3{ font-size: 36px;}
main .section03 .tab-conbox .tab-cont ul li:hover .txt p{opacity: 1;}

main .section04{padding-top:220px;}
main .section04 .hgroup{text-align: center;}
main .section04 .hgroup em{display: block;font-size: 28px;font-weight: 500;letter-spacing: -0.84px;color: #202020;}
main .section04 .hgroup h2{margin-top: 25px;font-size: 60px;font-weight: bold;line-height: 1.33;letter-spacing: -1.8px;color: #202020;}
main .section04 ul{margin-top:120px;display:flex;}
main .section04 ul li{position:relative;flex:1;}
main .section04 ul li a{position: relative;overflow: hidden;display: block;}
main .section04 ul li a:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;  opacity: 0.3;background-color: #000;z-index: 1;}
main .section04 ul li img{display: block;width:100%;transition: all 0.4s;}
main .section04 ul li .txt{position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align: center;z-index: 2;}
main .section04 ul li .txt h3{font-size: 40px;font-weight: bold;text-align: center;color: #fff;transition: all 0.4s;}
main .section04 ul li .txt span{display: inline-block;transition: all 0.4s;margin-top:10px;font-size: 18px;font-weight: 600;color: #fff;}
main .section04 ul li:hover img{transform: scale(1.1);}
main .section04 ul li:hover .txt h3{font-size:30px;}
main .section04 ul li:hover .txt span{font-size:26px;}

main .section05{padding:220px 0 340px;}
main .section05:before{content: "";position: absolute;left:0;bottom:0;display:block;padding-top:18%;width:calc(50% - 180px);background: url(/_public/images2/main/before_img.png) no-repeat;background-size: cover; mix-blend-mode: luminosity;}
main .section05 .box1{position: relative;}
main .section05 .layout{display: flex;justify-content:space-between;gap:50px;}
main .section05  .l-cont{width:550px;}
main .section05  .l-cont .txt-box{position: sticky;top:140px;}
main .section05  .l-cont .txt-box h2{margin-top:20px; font-size: 58px;font-weight: bold;line-height: 1.29;color: #000;}
main .section05  .l-cont .txt-box p{margin-top:25px;font-size: 24px;font-weight: normal;letter-spacing: -0.72px;color: #202020;}
main .section05  .l-cont .txt-box a{margin-top:40px;display: flex;align-items:center;justify-content:center;width:180px;height:60px;border-radius: 30px;border: solid 2px #202020;background-color: rgba(38, 41, 77, 0);font-size: 20px;font-weight: 600;text-align: center;color: #202020;}
main .section05  .r-cont{width:100%;max-width:960px;}
main .section05  .r-cont ul{display: flex;flex-wrap: wrap;gap:220px 80px;}
main .section05  .r-cont ul li{position:relative;width:calc(50% - 40px);}
main .section05  .r-cont ul li:nth-child(odd){top:340px;}
main .section05  .r-cont ul li a{position: relative;display: block;overflow: hidden;z-index: 1;}
main .section05  .r-cont ul li a:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0.5;background-color: #000;}
main .section05  .r-cont ul li img{display: block;width:100%;transition: all 0.4s;}
main .section05  .r-cont ul li .txt{position: absolute;top:50%;left:0;transform: translateY(-50%);width:100%;text-align: center;}
main .section05  .r-cont ul li .txt h3{font-size: 24px;font-weight: bold;line-height: 1.25;text-align: center;color: #fff;}
main .section05  .r-cont ul li .txt span{margin-top:10px;display:block; font-size: 16px;font-weight: 600;text-align: center;color: #fff;}
main .section05  .r-cont ul li .txt i{position: relative;margin-top:-30px;display: inline-block;width:40px;heighT:40px;background: url(/_public/images2/icon/ico_plus2.svg) no-repeat;background-size: cover;transition: all 0.4s;opacity: 0;}
main .section05  .r-cont ul li:hover img{transform: scale(1.1);}
main .section05  .r-cont ul li:hover .txt i{margin-top:30px;opacity: 1;}
main .section05  .r-cont .btn-box{display: none;}
main .section05  .r-cont .btn-box a{display: flex;align-items: center;justify-content: center;height:50px;border-radius: 25px;border: solid 2px #202020;font-size: 17px;font-weight: bold;letter-spacing: -0.34px;text-align: center;color: #202020;}

main .section06{padding: 120px 0;background: url(/_public/images2/main/main_bg02.png) no-repeat;background-size: cover;}
main .section06 figure{margin-bottom: 100px;}
main .section06 figure img{display: block;width:100%;}
main .section06 .section-title{margin-bottom: 0;color:#fff;}
main .section06 h2{text-align: center;font-size: 60px;font-weight: bold;line-height: 1.33;letter-spacing: -1.8px;color: #fff;}
main .section06 ul{margin-top:70px;display: flex;flex-wrap:wrap;gap:40px;}
main .section06 ul li{width:calc(25% - 30px);}
main .section06 ul li a{position:relative;display: flex;align-items: center;justify-content: center;overflow: hidden;width:100%;height:100%;}
main .section06 ul li.li img{display: block;width:100%;transition: all 0.4s;}
main .section06 ul li .btn{display: flex;align-items: center;justify-content: center;padding:0 36px;height:60px; border-radius: 30px;border: solid 1px #fff;background-color: rgba(15, 167, 188, 0);font-size: 20px;font-weight: 600;color: #fff;transition: all 0.4s;}
main .section06 ul li .btn br{display: none;}
main .section06 ul li .txt{position: absolute;left:0;bottom:0;width:100%;padding:30px;}
main .section06 ul li .txt em{display: block;font-size: 16px;font-weight: 500;color: #ccc;}
main .section06 ul li .txt h3{margin-top:5px;font-size: 28px;font-weight: bold;line-height: 1.29;color: #fff;}
main .section06 ul li .btn:hover{background: #00478B;border-color:#00478B;}
main .section06 ul li.li:hover img{transform: scale(1.1);}

main .section07{padding:107px 0;background: #00040b;}
main .section07 .slide-box .swiper-wrapper {transition-timing-function: linear;}
main .section07 .slide-box .swiper-slide{width:auto;}
main .section07 .slide-box .swiper-slide img{display: block;}

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

@media all and (max-width:1560px) {
    main .section01 .txt-box h2{font-size:62px;}
    main .section01 .txt-box ul{padding:0 20px;gap:80px;}

    main .section02{}
    main .section02 .layout{padding:0 20px;}

    main .section03{padding:186px 20px 194px;}
    main .section03 .txt-box h2{font-size:50px;}
    main .section03 .txt-box h2 span:before{top:28px;}
    main .section03 .tab-conbox .tab-cont ul li .txt{bottom:-110px;}
    main .section03 .tab-conbox .tab-cont ul li .txt p{height:90px;}

    main .section04 .layout{padding:0 20px;}

    main .section05{padding:220px 20px 340px;}

    main .section06 .layout{padding:0 20px;}

}

@media all and (max-width:1400px) {
    main .section01 .txt-box h2{font-size:52px;}
    main .section01 .txt-box ul{gap:60px;}
    main .section01 .txt-box ul li{height:70px;}

    main .section03 .txt-box h2{font-size:46px;}
    main .section03 .txt-box h2 span:before{top:25px;}
    main .section03 .tab-conbox{width:calc(100% - 320px);}

    main .section05 .r-cont ul{gap:180px 40px;}
    main .section05 .r-cont ul li:nth-child(odd){top:295px;}
}

@media all and (max-width:1280px) {
    main .section-title{font-size:18px;}

    main .section01 .txt-box h2{font-size:42px;}
    main .section01 .txt-box ul{gap:40px;}
    main .section01 .txt-box ul li{height:60px;}
    main .section01 .txt-box ul li h3{font-size:22px;}
    main .section01 .txt-box ul li span{font-size:22px;}
    main .section01 .txt-box ul li p{font-size:16px;}

    main .section02 figure{margin-bottom: 80px;}
    main .section02 .video-wrap button span{}
    main .section02 .video-wrap button i{width:70px;}
    main .section02 .video-wrap button i img{display: block;}
    main .section02 .txt-box{margin-top:180px;}
    main .section02 .txt-box h2{font-size:46px;}
    main .section02 .txt-box p{font-size:30px;}

    main .section03 .txt-box h2{font-size:38px;}
    main .section03 .txt-box h2 span:before{top:21px;}
    main .section03 .txt-box .tab-btn{margin-top:40px;}
    main .section03 .tab-conbox .tab-cont ul li .txt h3{font-size:26px;}
    main .section03 .tab-conbox .tab-cont ul li .txt p{font-size:18px;}

    main .section04 .hgroup em{font-size: 24px;}
    main .section04 .hgroup h2{font-size:46px;}
    main .section04 ul{margin-top:100px;}
    main .section04 ul li .txt h3{font-size:36px;}

    main .section05{padding-bottom: 235px;}
    main .section05 .l-cont .txt-box h2{font-size:46px;}
    main .section05 .l-cont .txt-box p{font-size:22px;}
    main .section05 .l-cont .txt-box a{height: 50px;font-size:18px;}
    main .section05 .r-cont ul{gap:150px 40px;}
    main .section05 .r-cont ul li:nth-child(odd){top:235px;}
    main .section05 .r-cont ul li .txt h3{font-size:22px;}

    main .section06 figure{margin-bottom: 80px;}
    main .section06 h2{font-size:50px;}

    main .section06 ul li{width:calc(33.3333% - 27px);}
    main .section06 ul li .txt h3{font-size:24px;}
}

@media all and (max-width:1024px) {
    main .section-title{font-size:16px;}

    .main-nav{display: none;}
    main .section01 .txt-box{display: flex;flex-direction: column;align-items: center;justify-content:center;gap:162px;}
    main .section01 .txt-box h2{font-size:32px;top:40%;}
    main .section01 .txt-box h2 span br{display:inline;}
    main .section01 .txt-box h2 .txt2{left:0;}
    main .section01 .txt-box .layout{width:100%;padding-bottom: 40px;display: flex;flex-direction: column;justify-content: flex-end;}
    main .section01 .txt-box ul{position:relative;bottom:initial;flex-direction: column;gap:4px;}
    main .section01 .txt-box ul li{flex: none;border-radius: 10px;}
    main .section01 .txt-box ul li h3{font-size:20px;}
    main .section01 .txt-box ul li span{font-size:18px;}

    main .section02{padding:100px 0 180px;}
    main .section02 figure{margin-bottom: 50px;}
    main .section02 .video-wrap{height:auto;padding-top:50%;}
    main .section02 .video-wrap button span{font-size:16px;}
    main .section02 .video-wrap button i{width:50px;}
    main .section02 .txt-box{margin-top:140px;}
    main .section02 .txt-box h2{font-size:36px;}
    main .section02 .txt-box p{font-size:20px;}

    main .section03{padding:80px 20px 100px;}
    main .section03 .txt-box h2{font-size:34px;}
    main .section03 .txt-box h2 span:before{top:19px;}
    main .section03 .layout{flex-direction: column;}
    main .section03 .txt-box{width:100%;gap:30px;}
    main .section03 .txt-box .tab-btn{margin-top:20px;}
    main .section03 .tab-conbox{width:100%;}
    main .section03 .tab-conbox .tab-cont ul li .txt{padding:20px;}
    main .section03 .tab-conbox .tab-cont ul li .txt h3{font-size:22px;}
    main .section03 .tab-conbox .tab-cont ul li .txt p{font-size:16px;}

    main .section04{padding-top:100px;}
    main .section04 .hgroup em{font-size: 20px;}
    main .section04 .hgroup h2{font-size:36px;}
    main .section04 ul{margin-top:80px;}
    main .section04 ul li .txt h3{font-size:32px;}
    main .section04 ul li .txt span{font-size:16px;}

    main .section05{padding:100px 20px;}
    main .section05 .layout{flex-direction: column;}
    main .section05 .l-cont{width:100%;}
    main .section05 .l-cont .txt-box h2{font-size:36px;}
    main .section05 .l-cont .txt-box p{font-size:20px;}
    main .section05 .r-cont{max-width:100%;}
    main .section05 .r-cont ul{gap:100px 20px;}
    main .section05 .r-cont ul li{width:calc(50% - 10px);}
    main .section05 .r-cont ul li:nth-child(odd){top:0;}
    main .section05 .r-cont ul li .txt h3{font-size:18px;}
    main .section05 .r-cont ul li .txt span{font-size:14px;}

    main .section06{padding:80px 0;}
    main .section06 figure{margin-bottom: 50px;}
    main .section06 h2{font-size:40px;}
    main .section06 ul{gap:20px;}
    main .section06 ul li{width:calc(33.3333% - 14px);}
    main .section06 ul li .txt{padding:20px;}
    main .section06 ul li .txt em{font-size:14px;}
    main .section06 ul li .txt h3{font-size:20px;}
    main .section06 ul li .btn{height:50px;font-size:18px;}

    main .section07{padding:70px 0;}
    main .section07 .slide-box .swiper-slide img{max-width:70%;}
}

@media all and (max-width:768px) {
    main .section01 .video-box{position: relative;height:740px;}
    main .section01 .video-box video{position: absolute;top:0;left:0;}
    main .section01 .txt-box h2{}
    main .section01 .txt-box ul li{height:50px;}
    main .section01 .txt-box ul li h3{font-size:17px;}
    main .section01 .txt-box ul li span{font-size:17px;}

    main .section02{padding:50px 0 100px;}
    main .section02 .video-wrap button{width:100%;}
    main .section02 .video-wrap button i{width:40px;}
    main .section02 .video-wrap button span{font-size:14px;}
    main .section02 .txt-box{margin-top:100px;}
    main .section02 .txt-box h2{font-size:26px;}
    main .section02 .txt-box p{margin-top:10px;font-size:17px;}


    main .section03 .txt-box h2{font-size: 30px;}
    main .section03 .txt-box h2 span{margin-left:40px;}
    main .section03 .txt-box h2 span:before{width:30px;top:17px;left:-35px;}
    main .section03 .txt-box .tab-btn button{flex:1;width:100%;height:45px;font-size: 17px;}
    main .section03 .tab-conbox .tab-cont ul{flex-direction: column;}
    main .section03 .tab-conbox .tab-cont ul li{height:220px;}
    main .section03 .tab-conbox .tab-cont ul li a{height:220px;}
    main .section03 .tab-conbox .tab-cont ul li img{height:100%;object-fit: cover;}
    main .section03 .tab-conbox .tab-cont ul li .txt{bottom:0;}
    main .section03 .tab-conbox .tab-cont ul li .txt p{margin-top:5px;font-size:15px;opacity: 1;height:auto;}

    main .section04 .hgroup em{font-size: 17px;}
    main .section04 .hgroup h2{margin-top:10px;font-size:26px;}
    main .section04 ul{margin-top:50px;flex-direction: column;}
    main .section04 ul li a{height:240px;}
    main .section04 ul li img{height:100%;object-fit: cover;}
    main .section04 ul li .txt h3{font-size:28px;}
    main .section04 ul li .txt span{font-size:15px;}

    main .section05:before{display: none;}
    main .section05 .layout{gap:0;}
    main .section05 .l-cont{position:relative;padding-bottom: 45px;}
    main .section05 .l-cont:before{content: "";position: absolute;left: 0;bottom: 0;display: block;padding-top: 45%;width:100%;background: url(/_public/images2/main/before_img.png) no-repeat;background-size: cover;mix-blend-mode: luminosity;}
    main .section05 .l-cont .txt-box h2{font-size:26px;}
    main .section05 .l-cont .txt-box p{margin-top:15px;font-size:17px;}
    main .section05 .l-cont .txt-box a{display: none;}
    main .section05 .r-cont ul{gap:50px 10px;}
    main .section05 .r-cont ul li{width:calc(50% - 5px);}
    main .section05 .r-cont ul li a:before{display: none;}
    main .section05 .r-cont ul li .txt{margin-top:10px;position: relative;top:0;transform: none;}
    main .section05 .r-cont ul li .txt h3{font-size:15px;color:#202020;text-align: left;}
    main .section05 .r-cont ul li .txt span{margin-top:5px;font-size:14px;color:#787878;text-align: left;}
    main .section05 .r-cont .btn-box{display: block;margin-top:50px;}

    main .section06 h2{font-size:30px;margin-top:20px;}
    main .section06 ul{gap:10px;margin-top:40px;}
    main .section06 ul li{width:calc(50% - 5px);}
    main .section06 ul li .txt{padding:10px;}
    main .section06 ul li .txt em{font-size:12px;}
    main .section06 ul li .txt h3{font-size:17px;}
    main .section06 ul li .btn{width:100%;padding:5px;height:auto;font-size:15px;text-align: center;}
    main .section06 ul li .btn br{display:inline;}

    main .section07{padding:40px 0;}
}

@media all and (max-width:460px) {
    main .section04 ul li .txt h3{font-size:24px;}
}