@charset "utf-8";

/* ----------------------------------------------
 * Generated by Animista on 2025-4-14 16:17:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */

@keyframes slide-top {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}


main{overflow: hidden;}
main .layout{max-width:1600px;}
main .main-hgroup em{display:block;font-size: 20px;font-weight: 600;color: #78bc28;}
main .main-hgroup h2{margin-top:20px; font-size: 70px;font-weight: bold;line-height: 1.09;color: #202020;}
main .main-hgroup h2 span{display: inline;color: #488402;}
main .section01{}
main .section01 .slide-box{position: relative;}
main .section01 .slide-box .swiper-slide{position: relative;}
main .section01 .slide-box .swiper-slide img{display: block;width:100%;}
main .section01 .slide-box .swiper-slide .txt{position: absolute;left:0;top:50%;transform: translateY(-50%);width:100%;}
main .section01 .slide-box .swiper-slide .txt p{font-size: 84px;font-weight: normal;line-height: 1;text-align: center;color: #fff;}
main .section01 .slide-box .swiper-slide .txt h2{margin-top:10px;font-size: 108px;font-weight: 800;text-align: center;color: #fff;}
main .section01 .slide-box .swiper-slide.swiper-slide-active .txt p{animation: slide-top 0.8s ease-in-out 0.5s both;}
main .section01 .slide-box .swiper-slide.swiper-slide-active .txt h2{animation: slide-top 0.8s ease-in-out 1s both;}
main .section01 .slide-box .swiper-pagination{position: absolute;left:0;bottom:40px;width:100%;display: flex;justify-content: center;gap:10px;}
main .section01 .slide-box .swiper-pagination .swiper-pagination-bullet{display:block;margin:0;width:12px;height:12px;border-radius: 100%;background: rgba(255,255,255,0.5);opacity: 1;}
main .section01 .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #78bc28;}

main .section02{margin-top:160px;}
main .section02 .layout{display: flex;align-items:center;justify-content: space-between;gap:40px;}
main .section02 .layout .cont1{}
main .section02 .layout .cont1 ul{display: flex;gap:10px;}
main .section02 .layout .cont1 ul li{}
main .section02 .layout .cont1 ul li img{display: block;}
main .section02 .layout .cont2{width:100%;max-width: 540px;}
main .section02 .layout .cont2 p{margin-top: 50px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;color: #202020;}

main .section03{margin-top: 210px;padding-left: calc(50% - 800px);}
main .section03 .inner{display: flex;gap:40px;justify-content: space-between;}
main .section03 .inner .cont1{width:445px;}
main .section03 .inner .cont1 p{margin-top: 50px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;color: #202020;}
main .section03 .inner .cont1 ul{margin-top:25px;display: flex;flex-wrap: wrap;gap:5px;}
main .section03 .inner .cont1 ul li{position:relative;width:calc(50% - 3px);padding:10px 10px 10px 40px; border-radius: 10px;background: #f8f8f8;font-size: 16px;font-weight: 500;color: #488402;}
main .section03 .inner .cont1 ul li:before{content: "";position: absolute;top:19px;left:10px;width:15px;height:2px;background: #78bc28;display: block;}
main .section03 .inner .cont2{width:calc(100% - 580px);}
main .section03 .inner .cont2 .slide-box{position: relative;}
main .section03 .inner .cont2 .slide-box .control{position: relative;display: flex;justify-content: flex-end;gap:10px;margin-bottom: 20px;padding-right: calc(50% - 440px);}
main .section03 .inner .cont2 .slide-box .control .swiper-button{position: relative;top:initial;right:initial;left:initial;bottom:initial;margin:0;width:50px;height:50px;}
main .section03 .inner .cont2 .slide-box .control .swiper-button:after{display: none;}
main .section03 .inner .cont2 .slide-box .control .swiper-button-prev{background: url(/_public/images2/icon/target_left.svg) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .control .swiper-button-next{background: url(/_public/images2/icon/target_right.svg) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide{position: relative;width:390px;height:480px;overflow: hidden;border-radius: 40px 0 40px 0;}
main .section03 .inner .cont2 .slide-box .swiper-slide a{display: block;width:100%;height:100%;transition:all 0.2s;position: relative;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item01 a{background: url(/_public/images2/main/sec03_img01.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item02 a{background: url(/_public/images2/main/sec03_img02.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item03 a{background: url(/_public/images2/main/sec03_img03.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item04 a{background: url(/_public/images2/main/sec03_img04.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item05 a{background: url(/_public/images2/main/sec03_img05.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide .txt{position:absolute;top:0;left:0;width:100%;height:100%;padding: 60px;display: flex;flex-direction: column;justify-content: space-between;}
main .section03 .inner .cont2 .slide-box .swiper-slide .txt h3{ font-size: 28px;font-weight: bold;color: #fff;transition: all 0.3s;}
main .section03 .inner .cont2 .slide-box .swiper-slide .txt p{font-size: 16px;font-weight: 500;line-height: 1.63;letter-spacing: -0.4px;color: #fff;transition: all 0.3s;opacity: 0;padding-right: 70px;}
main .section03 .inner .cont2 .slide-box .swiper-slide .txt i{position:absolute;right:60px;bottom:60px;display:block;width:50px;height:50px;background:url(/_public/images2/icon/ico_view.svg) no-repeat;background-size: cover; transition: all 0.3s;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item01:hover a{background: url(/_public/images2/main/sec03_img01_on.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item02:hover a{background: url(/_public/images2/main/sec03_img02_on.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item03:hover a{background: url(/_public/images2/main/sec03_img03_on.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item04:hover a{background: url(/_public/images2/main/sec03_img04_on.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide.item05:hover a{background: url(/_public/images2/main/sec03_img05_on.png) no-repeat;background-size: cover;}
main .section03 .inner .cont2 .slide-box .swiper-slide:hover .txt h3{ font-size: 36px;font-weight: 800;font-stretch: normal;}
main .section03 .inner .cont2 .slide-box .swiper-slide:hover .txt p{opacity: 1;}
main .section03 .inner .cont2 .slide-box .swiper-slide:hover .txt i{background:url(/_public/images2/icon/ico_view2.svg) no-repeat;background-size: cover;}

main .section04{margin-top:160px;}
main .section04 ul{margin-top:30px;display: flex;gap:20px;}
main .section04 ul li{flex:1;height:580px;}
main .section04 ul li a{position:relative;display: block;overflow: hidden;border-radius: 80px 0 80px 0;padding:60px;width:100%;height:100%;transition: all 0.2s;}
main .section04 ul li:nth-child(1) a{background: url(/_public/images2/main/service_img01.png) no-repeat;background-size: cover;}
main .section04 ul li:nth-child(2) a{background: url(/_public/images2/main/service_img02.png) no-repeat;background-size: cover;}
main .section04 ul li:nth-child(3) a{background: url(/_public/images2/main/service_img03.png) no-repeat;background-size: cover;}
main .section04 ul li a .txt{position: absolute;left:0;bottom:-116px;transition: all 0.3s;width:100%;padding:60px;}
main .section04 ul li a .txt h3{font-size: 28px;font-weight: bold;color: #fff;transition: all 0.3s;}
main .section04 ul li a .txt p{margin-top:40px;font-size: 18px;font-weight: normal;line-height: 1.44;color: #fff;transition: all 0.3s;opacity: 0;}
main .section04 ul li a span{position:absolute;right:60px;bottom:60px;display:block;width:50px;height:50px;background:url(/_public/images2/icon/ico_view.svg) no-repeat;background-size: cover; transition: all 0.3s;}
main .section04 ul li:hover a .txt{bottom:0;}
main .section04 ul li:hover a .txt h3{font-size:36px;font-weight: bold;}
main .section04 ul li:hover a .txt p{opacity: 1;}
main .section04 ul li:hover a span {background:url(/_public/images2/icon/ico_view2.svg) no-repeat;background-size: cover;}
main .section04 ul li:nth-child(1):hover a{background: url(/_public/images2/main/service_img01_on.png) no-repeat;background-size: cover;}
main .section04 ul li:nth-child(2):hover a{background: url(/_public/images2/main/service_img02_on.png) no-repeat;background-size: cover;}
main .section04 ul li:nth-child(3):hover a{background: url(/_public/images2/main/service_img03_on.png) no-repeat;background-size: cover;}

main .section05{margin-top:240px;padding-bottom: 160px;}
main .section05 .layout{display: flex;gap:40px;justify-content: space-between;}
main .section05 .cont1{width:calc(100% - 600px);}
main .section05 .cont1 .map-cont{height:605px;}
main .section05 .cont1 .root_daum_roughmap .wrap_map{height:100% !important;}
main .section05 .cont2{width:500px;}
main .section05 .cont2 .info-box{margin-top:40px;}
main .section05 .cont2 .info-box h3{position:relative;display: flex;align-items:center;height:60px;padding: 0 10px 0 65px;border-radius: 40px 0 0 0;background: #488402;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #fff;}
main .section05 .cont2 .info-box h3:before{content: "";position: absolute;top:19px;left:30px;width:25px;height:25px;display: block;background: url(/_public/images2/icon/ico_marker.svg) no-repeat;background-size: cover;}
main .section05 .cont2 .info-box .inbox{position:relative;margin-top:10px;padding:35px 105px 35px 45px;border:1px solid #78bc28;border-radius: 0 0 40px 0;}
main .section05 .cont2 .info-box .inbox:before{content: "";position: absolute;top:40px;right:45px;width:60px;height:60px;background: url(/_public/images2/icon/customer_icon.svg) no-repeat;background-size: cover;}
main .section05 .cont2 .info-box .inbox h4{font-size: 24px;font-weight: 600;color: #202020;}
main .section05 .cont2 .info-box .inbox dl{margin-top:30px;padding-bottom: 30px;border-bottom: 1px solid #dedede;}
main .section05 .cont2 .info-box .inbox dl dt{width:80px;font-size: 18px;font-weight: 500;color: #78bc28;}
main .section05 .cont2 .info-box .inbox dl dd{padding: 0 0 10px 80px;font-size: 18px;font-weight: 600;color: #202020;}
main .section05 .cont2 .info-box .inbox ul{margin-top:25px;}
main .section05 .cont2 .info-box .inbox ul li{position: relative;padding-left: 43px;font-size: 16px;font-weight: 500;color: #202020;}
main .section05 .cont2 .info-box .inbox ul li + li{margin-top:5px;}
main .section05 .cont2 .info-box .inbox ul li em{position: absolute;left:0;color: #8e8e8e;}


main .section06{padding: 150px 0;background: url(/_public/images2/main/bg.png) no-repeat;background-size: cover;}
main .section06 .layout{display: flex;align-items: flex-end;justify-content: space-between;}
main .section06 .main-hgroup h2{color:#fff;}
main .section06 .cont1 p{margin-top:60px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;color: #fff;}
main .section06 .cont2{}
main .section06 .cont2 .btn-box{display: flex;gap:20px;}
main .section06 .cont2 .btn-box a{display: flex;align-items: center;padding:0 30px;justify-content: space-between;width:300px;height:56px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #fff;border-radius: 28px;line-height: 1;transition:all 0.2s;}
main .section06 .cont2 .btn-box a:after{content: "";position: relative;display: inline-block;width:20px;height:20px;}
main .section06 .cont2 .btn-box a:hover {border:1px solid #488402;background:#488402;color:#fff;}
main .section06 .cont2 .btn-box .btn01{border:1px solid #fff;}
main .section06 .cont2 .btn-box .btn01:after{background: url(/_public/images2/icon/ico_view3.svg) no-repeat;background-size: cover;}
main .section06 .cont2 .btn-box .btn02{background: #78bc28;}
main .section06 .cont2 .btn-box .btn02:after{background: url(/_public/images2/icon/ico_download_w.svg) no-repeat;background-size: cover;}
main .section06 .cont2 .btn-box .btn02:hover {border:none;}


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

}


@media all and (max-width:1600px) {
    main .main-hgroup h2{font-size:65px;}
    main .section01 .slide-box .swiper-slide .txt p{font-size:80px;}
    main .section01 .slide-box .swiper-slide .txt h2{font-size:92px;}

    main .section02{padding:0 40px;}

    main .section03{padding-left: 40px;}
    main .section03 .inner .cont2{width:calc(100% - 485px);}
    main .section03 .inner .cont2 .slide-box .control{padding-right: 40px;}

    main .section04{padding:0 40px;}
    main .section05{padding:0 40px 160px;}
    main .section06{padding:150px 40px;}
}


@media all and (max-width:1460px) {
    main .main-hgroup h2{font-size:60px;}
    main .section01 .slide-box .swiper-slide .txt p{font-size:70px;}
    main .section01 .slide-box .swiper-slide .txt h2{font-size:82px;}
}


@media all and (max-width:1280px) {
    main .main-hgroup h2{font-size:55px;}
    main .section01 .slide-box .swiper-slide .txt p{font-size:60px;}
    main .section01 .slide-box .swiper-slide .txt h2{font-size:72px;}

    main .section02{margin-top:100px;padding:0 20px;}
    main .section02 .layout{gap:20px;}
    main .section02 .layout .cont1{width:calc(100% - 470px);}
    main .section02 .layout .cont2{width:450px;}

    main .section03{margin-top:160px;padding-left: 20px;}
    main .section03 .inner .cont2 .slide-box .control{padding-right: 20px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide{width:340px;height:450px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt{padding:40px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt h3{font-size:24px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt i{right:40px;bottom:40px;}

    main .section04{padding:0 20px;}
    main .section04 ul li{height:500px;}
    main .section04 ul li a{padding:50px;}
    main .section04 ul li a i{width:70px;}
    main .section04 ul li a .txt{padding:50px;bottom:-7px;}
    main .section04 ul li a .txt h3{font-size:26px;}
    main .section04 ul li a .txt p{display: none;}
    main .section04 ul li a span{right:50px;bottom:50px;}
    main .section04 ul li:hover a .txt{bottom:-7px;}
    main .section04 ul li:hover a .txt h3{font-size:26px;}


    main .section05{padding:0 20px 100px;margin-top:200px;}
    main .section05 .cont1{width:calc(100% - 470px);}
    main .section05 .cont2{width:430px;}
    main .section05 .cont2 .info-box h3{font-size:18px;}
    main .section05 .cont2 .info-box .inbox{padding:30px;}
    main .section05 .cont2 .info-box .inbox:before{top:30px;right:30px;}
    main .section05 .cont2 .info-box .inbox h4{font-size:22px;}
    main .section05 .cont2 .info-box .inbox dl dt{font-size:16px;}
    main .section05 .cont2 .info-box .inbox dl dd{font-size:16px;}

    main .section06{padding:100px 20px;}
    main .section06 .layout{gap:40px;}
    main .section06 .cont2{width:50%;}
    main .section06 .cont2 .btn-box a{font-size:18px;}
}


@media all and (max-width:1024px) {
    main .main-hgroup em{font-size:18px;}
    main .main-hgroup h2{font-size:50px;}
    main .section01{height:100vh;}
    main .section01 .slide-box{height:100%;}
    main .section01 .slide-box .mainSwiper{height:100%;}
    main .section01 .slide-box .swiper-slide img{height:100%;object-fit: cover;}
    main .section01 .slide-box .swiper-slide .txt p{font-size:50px;}
    main .section01 .slide-box .swiper-slide .txt h2{font-size:62px;}

    main .section02{margin-top:60px;}
    main .section02 .layout .cont1{width:60%}
    main .section02 .layout .cont2{width:40%;}
    main .section02 .layout .cont2 p{font-size:16px;}


    main .section03{margin-top:120px;}
    main .section03 .inner{flex-direction: column;gap:40px;}
    main .section03 .inner .cont1{width:100%;padding-right: 20px;}
    main .section03 .inner .cont1 p{margin-top:40px;font-size:16px;}
    main .section03 .inner .cont2{width:100%;}
    main .section03 .inner .cont2 .slide-box .control{justify-content: flex-start;gap:5px;}
    main .section03 .inner .cont2 .slide-box .control .swiper-button{width:40px;height:40px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt i{right:30px;bottom:30px;width:40px;height:40px;}

    main .section04{margin-top:120px;}
    main .section04 ul li{height:400px;border-radius: 60px 0 60px 0;}
    main .section04 ul li a{padding:40px;}
    main .section04 ul li a i{width:70px;}
    main .section04 ul li a .txt{padding:40px;bottom:-7px;}
    main .section04 ul li a .txt h3{font-size:24px;}
    main .section04 ul li a span{right:40px;bottom:40px;width:40px;height:40px;}
    main .section04 ul li:hover a .txt{bottom:-7px;}
    main .section04 ul li:hover a .txt h3{font-size:24px;}

    main .section05{margin-top:160px;padding:0 20px 60px;}
    main .section05 .cont1{width:60%;}
    main .section05 .cont2{width:40%;}
    main .section05 .cont2 .info-box{margin-top:30px;}
    main .section05 .cont2 .info-box h3{height:50px;padding:0 10px 0 50px;font-size: 16px;border-radius: 30px 0 0 0;}
    main .section05 .cont2 .info-box h3:before{top:15px;left:20px;width:20px;height:20px;}
    main .section05 .cont2 .info-box .inbox{border-radius: 0 0 30px 0;}
    main .section05 .cont2 .info-box .inbox:before{width:50px;height:50px;}
    main .section05 .cont2 .info-box .inbox h4{font-size:20px;}
    main .section05 .cont2 .info-box .inbox dl{margin-top:25px;padding-bottom: 25px;}
    main .section05 .cont2 .info-box .inbox dl dt{font-size:15px;width:65px;}
    main .section05 .cont2 .info-box .inbox dl dd{font-size:15px;padding:0 0 5px 65px;}
    main .section05 .cont2 .info-box .inbox ul{margin-top:20px;}
    main .section05 .cont2 .info-box .inbox ul li{font-size:14px;padding-left: 35px;}

    main .section06{padding:80px 20px;}
    main .section06 .layout{flex-direction: column;align-items: flex-start;}
    main .section06 .cont1 p{margin-top:50px;font-size:16px;}
    main .section06 .cont2{width:100%;}
    main .section06 .cont2 .btn-box{gap:10px;}
    main .section06 .cont2 .btn-box a{height:50px;font-size:16px;width:100%;}

}



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

    main .main-hgroup h2{margin-top:10px;font-size:45px;}
    main .section01 .slide-box .swiper-slide .txt p{font-size:40px;}
    main .section01 .slide-box .swiper-slide .txt h2{font-size:52px;}

    main .section02{}
    main .section02 .layout{flex-direction:column-reverse;gap:50px;align-items: flex-start;}
    main .section02 .layout .cont1{width:100%}
    main .section02 .layout .cont1 ul{flex-direction: column;}
    main .section02 .layout .cont1 ul img{display: block;width:100%;}
    main .section02 .layout .cont2{width:100%;}
    main .section02 .layout .cont2 p{margin-top:40px;font-size:15px;}

    main .section03 .inner .cont1 p{font-size:15px;}
    main .section03 .inner .cont1 ul{margin-top:20px;}
    main .section03 .inner .cont1 ul li{font-size:14px;padding:5px 5px 5px 28px;}
    main .section03 .inner .cont1 ul li:before{width:10px;top:13px;left:10px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide{width:280px;height:320px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide.item01 a{background: url(/_public/images2/main/sec03_img01_on.png) no-repeat;background-size: cover;}
    main .section03 .inner .cont2 .slide-box .swiper-slide.item02 a{background: url(/_public/images2/main/sec03_img02_on.png) no-repeat;background-size: cover;}
    main .section03 .inner .cont2 .slide-box .swiper-slide.item03 a{background: url(/_public/images2/main/sec03_img03_on.png) no-repeat;background-size: cover;}
    main .section03 .inner .cont2 .slide-box .swiper-slide.item04 a{background: url(/_public/images2/main/sec03_img04_on.png) no-repeat;background-size: cover;}
    main .section03 .inner .cont2 .slide-box .swiper-slide.item05 a{background: url(/_public/images2/main/sec03_img05_on.png) no-repeat;background-size: cover;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt{padding:30px 40px;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt p{opacity: 1;font-size:15px;word-break: auto-phrase;}
    main .section03 .inner .cont2 .slide-box .swiper-slide .txt p br{display: none;}

    main .section04 ul{flex-direction: column;gap:10px;}
    main .section04 ul li{height:240px;flex: none;}
    main .section04 ul li:nth-child(1) a{border-radius: 60px 0 0 0;}
    main .section04 ul li:nth-child(2) a{border-radius: 0;}
    main .section04 ul li:nth-child(3) a{border-radius: 0 0 60px 0;}

    main .section05{margin-top:120px;}
    main .section05 .layout{flex-direction: column-reverse;gap:30px;}
    main .section05 .cont1{width:100%;}
    main .section05 .cont1 .map-cont{height:240px;}
    main .section05 .cont2{width:100%;}

    main .section06 .cont1 p{font-size:15px;word-break: auto-phrase;}
    main .section06 .cont2 .btn-box{flex-direction: column;}

}

@media all and (max-width:460px) {
    main .section02 .layout .cont2 p .br{display: none;}

    main .section06 .cont1 p br{display: none;}
}