@charset "utf-8";


main{padding:90px 0 140px;overflow: hidden;}
main .main-title{font-size: 36px;font-weight: bold;letter-spacing: -0.72px;color: #202020;line-height: 1;}
main section{position: relative;}
main section + section{margin-top:140px;}
main .section01{position: relative;z-index: 20;background: url(/_public/images2/main/main_banner.png) no-repeat;background-size: cover;}
main .section01 .layout{display: flex;gap:60px;padding:70px 0;}
main .section01 .layout .cont1{width:695px;}
main .section01 .layout .cont2{padding-top:40px;}
main .section01 .layout .cont2 h2{font-size: 40px;font-weight: 800;line-height: 1.35;letter-spacing: -0.8px;color: #fff;}
main .section01 .layout .cont2 h2 span{font-weight: normal;}

main .section01 .main-title{color:#fff;text-align:center;line-height:1.4;}
main .section01 .search-panel{margin-top:50px;}
main .section01 .search-panel.drop{margin-top:0;}

main .section02{margin-top:140px;}
main .section02 .slide1{margin-top:40px;}
main .section02 .slide1 .slick-track{float: left;}
main .section02 .slide1 .slick-slide{position: relative;margin:0 10px;}
main .section02 .slide1 .slick-slide a{position: relative;display: block;overflow: hidden;border-radius: 10px;}
main .section02 .slide1 .slick-slide .img{overflow: hidden;}
main .section02 .slide1 .slick-slide .img img{display: block;width:100%;transition: all 0.3s;}
main .section02 .slide1 .slick-slide .txt-box{position: absolute;top:0;left:0;padding:30px;display:block;width:100%;height:100%;}
main .section02 .slide1 .slick-slide .txt-box:before{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
main .section02 .slide1 .slick-slide .txt-box h3{position:relative;font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #fff;}
main .section02 .slide1 .slick-slide .txt-box .txt1{position:relative;margin-top:5px;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;color: #fff;}
main .section02 .slide1 .slick-slide .txt-box .txt2{position:relative;margin-top:5px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}
main .section02 .slide1 .slick-slide .txt-box i{position: absolute;right:30px;bottom:30px;width:60px;height:60px;display: flex;align-items: center;justify-content: center; border-radius: 10px;background-color:#057e54;color:#fff;font-size: 16px;font-weight: bold;}
main .section02 .slide1 .slick-slide:hover .img img{transform: scale(1.1);}
main .section02 .slide1 .slick-slide:hover .txt-box:before{opacity: 1}
main .section02 .slide1 .slick-arrow{position: absolute;top:45%;transform:translateY(-50%);width:40px;height:40px;font-size:0;z-index: 10;}
main .section02 .slide1 .slick-prev{left:-55px;background: url(/_public/images2/icon/ico_target_left.svg) no-repeat;background-size: cover;}
main .section02 .slide1 .slick-next{right:-55px;background: url(/_public/images2/icon/ico_target_right.svg) no-repeat;background-size: cover;}
main .section02 .slide1 .slick-dots{margin-top:30px;display: flex;justify-content: center;gap:7px;}
main .section02 .slide1 .slick-dots li{width:10px;height:10px;}
main .section02 .slide1 .slick-dots li button{display: block;width:100%;height:100%;border-radius: 100%;background: #bfbfbf;font-size:0;}
main .section02 .slide1 .slick-dots li.slick-active button{background: #057e54;}

main .section03{}
main .section03 .list{margin-top: 40px;}
main .section03 ul{display: flex;gap:30px;}
main .section03 ul li{position: relative;flex: 1;overflow: hidden;border-radius: 10px;}
main .section03 ul li a{display: block;position: relative;}
main .section03 ul li img{display: block;width:100%;transition: all 0.4s;}
main .section03 ul li .txt-box{position: absolute;top:0;left:0;width:100%;padding:30px;}
main .section03 ul li .txt-box h3{font-size: 22px;font-weight: bold;letter-spacing: -0.44px;color: #202020;}
main .section03 ul li .txt-box p{font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #202020;}
main .section03 ul li .txt-box i{margin-top:5px;display: inline-block;width:25px;height:25px;background: url(/_public/images2/main/view.svg) no-repeat;background-size: cover;}
main .section03 ul li:hover img{transform: scale(1.1);}

main .section04{}
main .section04 .event-slide{margin-top:40px;}
main .section04 .event-slide .slick-slide{position: relative;margin:0 15px;}
main .section04 .event-slide .slick-slide a{position: relative;display: block;overflow: hidden;border-radius: 10px;}
main .section04 .event-slide .slick-slide a img{display: block;width:100%;transition: all 0.4s;}
main .section04 .event-slide .slick-arrow{position: absolute;top:45%;transform:translateY(-50%);width:40px;height:40px;font-size:0;z-index: 10;}
main .section04 .event-slide .slick-arrow.slick-disabled{opacity: 0.3;}
main .section04 .event-slide .slick-prev{left:-55px;background: url(/_public/images2/icon/ico_target_left.svg) no-repeat;background-size: cover;}
main .section04 .event-slide .slick-next{right:-55px;background: url(/_public/images2/icon/ico_target_right.svg) no-repeat;background-size: cover;}
main .section04 .event-slide .slick-dots{margin-top:30px;display: flex;justify-content: center;gap:7px;}
main .section04 .event-slide .slick-dots li{width:10px;height:10px;}
main .section04 .event-slide .slick-dots li button{display: block;width:100%;height:100%;border-radius: 100%;background: #bfbfbf;font-size:0;}
main .section04 .event-slide .slick-dots li.slick-active button{background:#057e54;}
main .section04 .event-slide .slick-slide:hover a img{transform: scale(1.05);}


main .section05{}
main .section05 .slide-box{margin-top:40px;}
main .section05 .tip-slide .slick-track{float: left;}
main .section05 .tip-slide .slick-slide{position: relative;margin:0 15px;}
main .section05 .tip-slide .slick-slide a{position: relative;display: block;}
main .section05 .tip-slide .slick-slide .img{position:relative;overflow: hidden;border-radius: 10px;}
main .section05 .tip-slide .slick-slide .img img{display: block;width:100%;transition: all 0.3s;}
main .section05 .tip-slide .slick-slide .txt{margin-top:15px;}
main .section05 .tip-slide .slick-slide .txt em{display: block;font-size: 17px;font-weight: 500;letter-spacing: -0.34px;color: #707070;}
main .section05 .tip-slide .slick-slide .txt p{margin-top:5px;font-size: 20px;font-weight: 600;letter-spacing: -0.4px;color: #202020;}

main .section05 .tip-slide .slick-slide:hover .img:before{opacity: 1;}
main .section05 .tip-slide .slick-slide:hover .img img{transform: scale(1.1);}
main .section05 .tip-slide .slick-arrow{position: absolute;top:35%;transform:translateY(-50%);width:40px;height:40px;font-size:0;z-index: 10;}
main .section05 .tip-slide .slick-arrow.slick-disabled{opacity: 0.3;}
main .section05 .tip-slide .slick-prev{left:-55px;background: url(/_public/images2/icon/ico_target_left.svg) no-repeat;background-size: cover;}
main .section05 .tip-slide .slick-next{right:-55px;background: url(/_public/images2/icon/ico_target_right.svg) no-repeat;background-size: cover;}
main .section05 .tip-slide .slick-dots{margin-top:30px;display: flex;justify-content: center;gap:7px;}
main .section05 .tip-slide .slick-dots li{width:10px;height:10px;}
main .section05 .tip-slide .slick-dots li button{display: block;width:100%;height:100%;border-radius: 100%;background: #bfbfbf;font-size:0;}
main .section05 .tip-slide .slick-dots li.slick-active button{background: #057e54;}

main .section06{}
main .section06 .layout{}
main .section06 .customer-box{display: flex;gap:30px;}
main .section06 .customer-box > div{border-radius: 10px;box-shadow: 0 2px 8px 0 rgba(196, 52, 13, 0.12);border: solid 1px #e5e5e5;background-color: #fff;padding:40px;}
main .section06 .customer-box > div h3{line-height: 1;font-size: 20px;font-weight: 600;color: #202020;margin-bottom: 15px;}
main .section06 .customer-box .box1{width:100%;max-width:50%;}
main .section06 .customer-box .box1 strong{display: block;line-height: 1;font-size: 36px;font-weight: bold;color: #202020;}
main .section06 .customer-box .box1 dl{margin-top:30px;}
main .section06 .customer-box .box1 dl dt{width:43px;font-size: 16px;font-weight: 500;color: #707070;}
main .section06 .customer-box .box1 dl dd{padding:0 0 5px 43px;font-size: 16px;font-weight: normal;color: #202020;}
main .section06 .customer-box .box1 p{margin-top:5px;font-size: 16px;font-weight: normal;color: #202020;}
main .section06 .customer-box .box1 p.emergency {margin-top: 15px;font-weight:700;color:#057e54;}
main .section06 .customer-box .box1 p.emergency span {display:inline-block;margin-right:5px;font-weight:500;color:#5a5a5a;}
main .section06 .customer-box .box2{width:calc(100% - 450px);display: flex;}
main .section06 .customer-box .box2 .cont1{width:100%;/*border-right:1px solid #e5e5e5;*/}
main .section06 .customer-box .box2 .cont1 a{margin-top:30px;display: flex;width:100%;max-width:320px;align-items: center;padding:0 30px;height:55px;border-radius: 28px;background-color: #fd0;gap:10px;font-size: 20px;font-weight: bold;color: #000100;}
main .section06 .customer-box .box2 .cont1 a:before{content: "";position: relative;width:27px;height:29px;background: url(/_public/images2/icon/ico_kakao3.svg) no-repeat;background-size: cover;}
main .section06 .customer-box .box2 .cont1 p{margin-top:35px;font-size: 18px;font-weight: normal;line-height: 1.44;color: #202020;}
main .section06 .customer-box .box2 .cont2{width:42%;padding-left: 40px;display: flex;justify-content: space-between;}
main .section06 .customer-box .box2 .cont2 ul{margin-top:30px;}
main .section06 .customer-box .box2 .cont2 ul li{}
main .section06 .customer-box .box2 .cont2 ul li + li{margin-top:10px;}
main .section06 .customer-box .box2 .cont2 ul li a{display: block;font-size: 15px;font-weight: normal;color: #707070;}
main .section06 .list-wrap{display: flex;gap:10px;margin-top:60px;}
main .section06 .link-box{flex:1;border-radius: 10px;background-color: #f7f7f7;padding:30px;}
main .section06 .link-box h3{font-size: 20px;font-weight: 600;letter-spacing: -0.4px;color: #057e54;}
main .section06 .link-box ul{margin-top:20px;}
main .section06 .link-box ul li{}
main .section06 .link-box ul li + li{margin-top: 10px;}
main .section06 .link-box ul li a{display: block;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #202020;}
main .section06 .link-box ul li:hover a{text-decoration: underline;}

main .section07{margin-top:100px;}
main .section07 .single-slide{margin-top:40px;}
main .section07 .single-slide .slick-slide{position: relative;margin:0;}
main .section07 .single-slide .slick-slide a{position: relative;display: block;overflow: hidden;border-radius: 10px;}
main .section07 .single-slide .slick-slide a img{display: block;width:100%;transition: all 0.4s;}
main .section07 .single-slide .slick-arrow{position: absolute;top:45%;transform:translateY(-50%);width:40px;height:40px;font-size:0;z-index: 10;}
main .section07 .single-slide .slick-arrow.slick-disabled{opacity: 0.3;}
main .section07 .single-slide .slick-prev{left:-55px;background: url(/_public/images2/icon/ico_target_left.svg) no-repeat;background-size: cover;}
main .section07 .single-slide .slick-next{right:-55px;background: url(/_public/images2/icon/ico_target_right.svg) no-repeat;background-size: cover;}
main .section07 .single-slide .slick-dots{margin-top:30px;display: flex;justify-content: center;gap:7px;}
main .section07 .single-slide .slick-dots li{width:10px;height:10px;}
main .section07 .single-slide .slick-dots li button{display: block;width:100%;height:100%;border-radius: 100%;background: #bfbfbf;font-size:0;}
main .section07 .single-slide .slick-dots li.slick-active button{background:#057e54;}
main .section07 .single-slide .slick-slide:hover a img{transform: scale(1.05);}
main .section07 .list-box{margin-top:60px;}
main .section07 .list-box ul{display: flex;gap:20px;word-break:keep-all;}
main .section07 .list-box ul li{position:relative;flex:1;padding:30px 30px 25px 30px;border-radius: 10px;background: #f7f7f7;}
main .section07 .list-box ul li:before {content:"";display:block;width:45px;height:45px;position:absolute;top:30px;right:30px;}
main .section07 .list-box ul li:nth-child(1):before {background:url(/_public/images2/main/advantage_ico02.svg) no-repeat;background-size:cover;}
main .section07 .list-box ul li:nth-child(2):before {background:url(/_public/images2/main/advantage_ico03.svg) no-repeat;background-size:cover;}
main .section07 .list-box ul li:nth-child(3):before {background:url(/_public/images2/main/advantage_ico04.svg) no-repeat;background-size:cover;}
main .section07 .list-box ul li:nth-child(4):before {background:url(/_public/images2/main/advantage_ico01.svg) no-repeat;background-size:cover;}
main .section07 .list-box ul li i{display: inline-block;font-size: 17px;font-weight: 800;letter-spacing: -0.34px;color: #bebebe;}
main .section07 .list-box ul li em{display: block;margin-top:20px; font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #057e54;}
main .section07 .list-box ul li p{margin-top:12px;font-size: 28px;font-weight: 800;line-height: 1.29;letter-spacing: -0.56px;color: #202020;}
main .section07 .list-box ul li span{position:relative;margin-top:15px;display:block;font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #5a5a5a;padding-left: 28px;}
main .section07 .list-box ul li span:before{content: "";position: absolute;top:3px;left:0;width:20px;height:20px;background: url(/_public/images2/icon/ico_tel3.svg) no-repeat;background-size: cover;}





@media all and (max-width:1280px) {
    main .main-title{font-size: 26px;}
    main .section01{background: url(/_public/images2/main/main_banner.png) bottom right no-repeat;background-size: cover;}
    main .section01 .layout{gap:40px;padding:70px 20px;}
    main .section01 .layout .cont2 h2{font-size:36px;}
    main .section01 .search-panel{margin-top:30px;}


    main .section02{margin-top:140px;padding:0 20px;}
    main .section02 .slide1{margin-top:30px;}
    main .section02 .slide1 .slick-slide .txt-box{}
    main .section02 .slide1 .slick-slide .txt-box h3{font-size:20px;}
    main .section02 .slide1 .slick-slide .txt-box .txt1{font-size:15px;}
    main .section02 .slide1 .slick-slide .txt-box .txt2{font-size:14px;}
    main .section02 .slide1 .slick-slide .txt-box i{right:20px;bottom:20px;}
    main .section02 .slide1 .slick-dots{margin-top:20px;}

    main .section03{padding:0 20px;}
    main .section03 .list  ul{gap:20px;}
    main .section03 .list  ul li .txt-box{padding:20px;}
    main .section03 .list  ul li .txt-box h3{font-size:20px;}
    main .section03 .list  ul li .txt-box p{font-size:14px;}

    main .section04{padding:0 20px;}
    main .section04 .event-slide{margin-top:30px;}

    main .section05{padding:0 20px;}
    main .section05 .tip-slide .slick-prev{left:-10px;}
    main .section05 .tip-slide .slick-next{right:-10px;}
    main .section05 .tip-slide .slick-slide .img .title-box h3{font-size:20px;}
    main .section05 .tip-slide .slick-slide .price-box .price strong{font-size:20px;}


    main .section06{padding:0 20px;}
    main .section06 .customer-box > div{padding:30px;}
    main .section06 .customer-box > div h3{font-size:18px;}
    main .section06 .customer-box .box1 strong{font-size:32px;}
    main .section06 .customer-box .box2 .cont1 a{font-size: 18px;}
    /* main .section06 .customer-box .box2 .cont1{width:50%;padding-right: 20px;} */
    main .section06 .customer-box .box2 .cont1 p{font-size:16px;}
    main .section06 .customer-box .box2 .cont2{width:50%;padding-left: 20px;}
    main .section06 .link-box{padding:20px;}
    main .section06 .link-box h3{font-size:18px;}
    main .section06 .link-box ul li{}
    main .section06 .link-box ul li a{font-size:14px;}


    main .section07{margin-top:60px;}
    main .section07 .single-slide .slick-next{right:10px;}
    main .section07 .single-slide .slick-prev{left:10px;}
    main .section07 .list-box ul li i{font-size:15px;}
    main .section07 .list-box ul li em{margin-top:25px;font-size:15px;}
    main .section07 .list-box ul li p{font-size:24px;}
    main .section07 .list-box ul li span{font-size:16px;margin-top:15px;}
    main .section07 .list-box ul li span:before{top:1px;}


}

@media all and (max-width:1024px) {
    main{padding:43px 0 100px;}
    main .main-title{font-size:22px;}
    main section + section{margin-top:100px;}
    main .section01{background: none;}
    main .section01:before{content:"";position:absolute;top:0;left:0;width:100%;height:330px;background: url(/_public/images2/main/main_banner.png) bottom right no-repeat;background-size: cover;}
    main .section01 .layout{flex-direction: column-reverse;padding: 40px 20px 0;gap:30px;}
    main .section01 .layout .cont1{width:100%;}

    main .section01 .layout .cont2{padding-top: 0;}
    main .section01 .layout .cont2 h2{font-size: 32px;}
    main .section01 .search-panel.drop{margin-top:30px;}

    main .section02{margin-top:100px;}
    main .section02 .slide1 .slick-dots{margin-top:10px;gap:5px;}
    main .section02 .slide1 .slick-dots li{width:7px;height:7px;}

    main .section03{padding:0;}
    main .section03 .list{overflow-x: auto;white-space: nowrap;-ms-overflow-style: none;scrollbar-width: none;padding:0 20px;}
    main .section03 .list::-webkit-scrollbar{display: none;}
    main .section03 .list ul{}
    main .section03 .list ul li{flex: none;width:210px;}
    main .section03 .list ul li .txt-box h3{font-size:18px;}


    main .section04 .event-slide .slick-dots{margin-top:10px;gap:5px;}
    main .section04 .event-slide .slick-dots li{width:7px;height:7px;}

    main .section05 .special-tab{}
    main .section05 .special-tab button{font-size:16px;height:40px;}
    main .section05 .slide-box{margin-top:30px;}
    main .section05 .tip-slide .slick-slide{margin:0 10px;}
    main .section05 .tip-slide .slick-slide .txt em{font-size:15px;}
    main .section05 .tip-slide .slick-slide .txt p{font-size:18px;}

    main .section06 .customer-box{flex-direction: column;gap:20px;}
    main .section06 .customer-box .box1{max-width:100%;}
    main .section06 .customer-box .box2{width:100%;}
    main .section06 .customer-box > div{padding:20px;}
    main .section06 .customer-box > div h3{font-size:16px;}
    main .section06 .customer-box .box1 strong{font-size:28px;}
    main .section06 .customer-box .box1 dl{margin-top:20px;}
    main .section06 .customer-box .box1 dl dt{font-size:14px;}
    main .section06 .customer-box .box1 dl dd{font-size:14px;}
    main .section06 .customer-box .box1 p{font-size:14px;}
    main .section06 .customer-box .box2 .cont1 a{height:45px;font-size: 16px;padding:0 20px;margin-top:20px;}
    main .section06 .customer-box .box2 .cont1 a:before{width: 20px;height: 21px;}
    main .section06 .customer-box .box2 .cont1 p{margin-top:20px;font-size:14px;}
    main .section06 .customer-box .box2 .cont2 > div{flex:1;}
    main .section06 .customer-box .box2 .cont2 ul{margin-top: 20px;}
    main .section06 .customer-box .box2 .cont2 ul li a{font-size:14px;}
    main .section06 .list-wrap{margin-top:40px;flex-wrap: wrap;}
    main .section06 .link-box{flex: none;padding:20px;width:calc(33.3333% - 7px);}


    main .section07{padding:0 20px;}
    main .section07 .list-box{margin-top:40px;}
    main .section07 .list-box ul{flex-wrap: wrap;}
    main .section07 .list-box ul li{flex:none;width:calc(50% - 10px);padding:20px;}
    main .section07 .list-box ul li:before {width:40px;height:40px;top:25px;right:30px;}
    main .section07 .list-box ul li i{font-size:14px;}
    main .section07 .list-box ul li em{margin-top:20px;font-size: 14px;}
    main .section07 .list-box ul li p{font-size:20px;margin-bottom:5px;margin-top:12px;}
    main .section07 .list-box ul li span{font-size:14px;margin-top:15px;padding-left: 20px;}
    main .section07 .list-box ul li span:before{width:18px;height:18px;top:0;}
}


/* mobile */
@media all and (max-width:768px) {
    main .main-title{font-size:20px;padding:0 20px;}
    main section + section{margin-top:60px;}
    main .section01:before{height:320px;background: url(/_public/images2/main/m_main_banner.png) no-repeat;background-size: cover;}
    main .section01 .layout .cont2 h2{font-size:28px;}


    main .section02{margin-top:60px;padding:0;}
    main .section02 .slide1 .slick-slide .txt-box .txt2{margin-top:0;}

    main .section03 .list{margin-top:30px;}
    main .section03 .list  ul li .txt-box h3{font-size:16px;}
    main .section03 .list ul li{width:180px;}

    main .section04{padding:0;}
    main .section04 .event-slide .slick-slide a{border-radius: 0;}

    main .section05 .main-title{padding:0;}
    main .section05 .special-tab{gap:20px;}
    main .section05 .special-tab button{font-size:14px;}
    main .section05 .tip-slide .slick-slide{margin:0;font-size:0;}
    main .section05 .tip-slide .slick-slide > div + div{margin-top:20px;}
    main .section05 .tip-slide .slick-slide .txt em{font-size:14px;}
    main .section05 .tip-slide .slick-slide .txt p{font-size:16px;}
    main .section05 .tip-slide .slick-dots{margin-top:20px;gap:5px;}
    main .section05 .tip-slide .slick-dots li{width:7px;height:7px;}


    main .section06 .customer-box .box1 strong{font-size: 24px;}
    main .section06 .customer-box .box2{flex-direction: column;gap:20px;}
    main .section06 .customer-box .box2 .cont1{width:100%;/*padding: 0 0 20px;border-right:0;border-bottom:1px solid #e5e5e5;*/}
    main .section06 .customer-box .box2 .cont1 a {}
    main .section06 .customer-box .box2 .cont2{width:100%;}
    main .section06 .list-wrap {gap: 6px;display:none;}
    main .section06 .link-box{padding:15px;width:calc(33.333% - 4px);}
    main .section06 .link-box h3 {font-size: 16px;}
    main .section06 .link-box ul {margin-top:12px;}
    main .section06 .link-box ul li + li {margin-top:6px;}
    main .section06 .link-box ul li a {font-size:13px;}



    main .section06 .link-box ul{margin-top:15px;}
    main .section07 .list-box ul{gap:10px;}
    main .section07 .list-box ul li{width:calc(50% - 5px);}
    main .section07 .list-box ul li:before {width:30px;height:30px;top:20px;right:20px;}
    main .section07 .list-box ul li em{margin-top:10px;margin-bottom:-13px;}
    main .section07 .list-box ul li em.mo-non {display:none;}
    main .section07 .list-box ul li p{font-size:17px;margin-bottom:0px;margin-top:15px;}
    main .section07 .list-box ul li span {font-size:13px;margin-top:10px;padding-left:22px;}
    main .section02 .single-slide .slick-dots{margin-top:20px;gap:5px;}
    main .section07 .single-slide .slick-dots{margin-top:20px;gap:5px;}
    main .section07 .single-slide .slick-dots li{width:7px;height:7px;}
}

/* mobile */
@media all and (max-width:460px) {
    main .section01 .layout .cont2 h2{font-size:24px;}
}