@charset "utf-8";

/*-------------------------------------------------------------------
    main page
-------------------------------------------------------------------*/

/* main visual */
.main_visual{position:relative;}
.main_visual_slide{position:relative;width:100%;height:100vh;min-height:900px;overflow:hidden; opacity:0; transition:opacity 0.3s;}
.main_visual_slide.slick-initialized{opacity:1; }
.main_visual_slide > div {overflow:hidden; height:100%; }

.main_visual_slide .slick-list{height:100%;}
.main_visual_slide .slick-track{height:100%;}
.main_visual_slide .img_wrap {width:100%; height:100%; display:block; position:relative;}
.main_visual_slide .img_wrap .thumb {width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_visual_slide .title{position:absolute;left:0%;top:0%; width:100%; height:100%;display:flex; align-items: center;justify-content: center; }
.main_visual_slide .title > div{flex-basis: 1440px; margin:0px auto; padding:0 40px; color:#2A2A2A;}
.main_visual_slide .title > div.white{color:#fff;}
.main_visual_slide .title p{padding:25px 0 30px;}
.main_visual_slide .title .btn_green{display:inline-block; width:145px;}

.main_visual .btn_group{position:absolute;left:0;bottom:9%;width:100%;height:38px; display:flex; align-items:center; justify-content:center; gap:24px; z-index:10;}
.main_visual .btn_group .btn_prev, .main_visual .btn_group .btn_next{width:28px;height:38px;padding:0;}
.main_visual .btn_group .btn_prev{background:url(/wp-content/uploads/image/main/ico_btn_prev.svg) no-repeat center/cover;}
.main_visual .btn_group .btn_next{background:url(/wp-content/uploads/image/main/ico_btn_next.svg) no-repeat center/cover;}
.main_visual .btn_page .slick-dots{display:flex; align-items:center; justify-content:center; gap:24px;}
.main_visual .btn_page .slick-dots li{ width:12px; height:12px; border-radius:100%;border:1px solid #fff; }
.main_visual .btn_page .slick-dots li.slick-active{background-color:#fff;}
.main_visual .btn_page .slick-dots li button{color:transparent; font-size:0;}

/* product */
.main_product{padding:200px 0 140px;}
.main_product h2{padding-bottom:50px; text-align:center;}
.main_product_wrap{display:flex; flex-wrap:wrap; gap:40px;}
.main_product_wrap > div{flex-basis:calc(33.333% - 28px);}
.main_product_wrap a{display:flex; flex-direction:column; justify-content: space-between;border-radius: 10px; overflow:hidden}
.main_product_wrap a .thumb{position:relative;}
.main_product_wrap a .thumb img{border-radius:0; object-fit: fill;}
.main_product_wrap .nm_product{position:absolute; top:0px; left:0px; width:100%; padding:30px 30px 0; display:flex; justify-content: space-between;}
.main_product_wrap .nm_product p{margin-top:5px; color:#575757;}
.main_product_wrap .nm_product span{color:#575757;}
.main_product_wrap a .info{display:flex; justify-content: space-between; align-items:center; padding:20px 30px; background:#F6F7F9; color:#000; line-height:23px;}
.main_product_wrap a .info i{display:inline-block; width:10px; height:23px;margin-left:10px; background:url(/wp-content/uploads/image/common/ico_arrow_b.svg) no-repeat center/ 10px 18px; vertical-align: top;}
.main_product_wrap a:hover .tit_t1, .main_product_wrap a:hover p, .main_product_wrap a:hover span{color:#fff;}
.main_product_wrap a:hover .info{background-color:#00B77F; color:#fff;}
.main_product_wrap a:hover .info i{background-image: url(/wp-content/uploads/image/common/ico_arrow_w.svg); background-size:16px 20px; }

/* feature */
.main_features{padding-top:60px;}
.main_features .cont{padding:140px 0;}
.main_features .bg{background-color:#F6F7F9;}
.main_features .bg .side_tab li{background-color:#FFF;}
.main_features .cont .side_tab_wrap{gap:40px;min-height:500px;}
.main_features .cont .thumb{flex-shrink: 0; width:57.15%;}
.main_features .cont .thumb img{height:100%;}
.main_features .cont .info{display:flex; flex-direction:column; gap:20px; padding-right:70px;}
.main_features .cont .reverse{flex-direction: row-reverse;}
.main_features .side_tab{display:flex; flex-direction:column; gap:16px;}
.main_features .side_tab li{ padding:22px; border-radius: 10px; background: #F6F7F9; cursor: pointer;}
.main_features .side_tab li.on{box-shadow: 0 0 0 1px #00B77F;}
.main_features .side_tab li h3{font-weight:500;}
.main_features .side_tab li p{padding-top:10px; color:#888B8B;}

/* video */
.main_video{position:relative; padding:400px 0; overflow:hidden;background:url(/wp-content/uploads/image/main/bg_video.webp) no-repeat center/cover;text-align:center; color:#fff;}
.main_video::before{content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);z-index:2;}
.main_video video{position:absolute; top: 50%; left: 50%;min-width: 100%;min-height: 100%; width:auto; height:auto;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:1;}
.main_video .container{position:relative;  z-index:3;}
.main_video a{margin-top:30px;}

/* 수상 */
.main_certif{padding:200px 0 140px; background:#DDE9E4;}
.main_certif .certif_wrap{display:flex; gap:40px;margin-bottom:50px;}
.main_certif .certif_wrap li{display:flex; flex-direction: column; align-items:center; gap:30px; flex:1; padding:47px 00px; border-radius: 10px; border: 1px solid #93AEA4; background: #C5D8D1;color:#0E523D; text-align:center;}
.main_certif .certif_wrap li .thumb{width:130px; height:130px;}
.main_certif .certif_info{display:flex;align-items: end;}
.main_certif .certif_info h2{padding-right:80px;}
.main_certif .certif_info div{padding:0px 28px;border-left:1px solid #989C9A;}
.main_certif .certif_info p{padding-bottom:20px;}

/* 레퍼런스 */
.main_reference{padding:200px 0 140px; text-align: center;}
.main_reference .company_slide_wrap {padding-top:85px; overflow:hidden;}
.main_reference .company_slide_wrap > div{display: flex;justify-content: flex-start; gap:24px; margin-bottom:60px; animation:partnerSlide 50s infinite linear;}
.main_reference .company_slide_wrap > div.partner_slide2 {animation-direction: reverse;}
.main_reference .company_slide_wrap ul {display:flex;}
.main_reference .company_slide_wrap li {min-width:180px; height: 70px;}

@keyframes partnerSlide {
  from   { transform: translateX(0%); }
  to { transform: translateX(-4500px); }
}

/* blog */
.main_blog{padding:200px 0 140px; background:#F6F7F9;text-align:center;}
.main_blog h2 + a{margin:20px 0 50px;}
.main_blog .flexbox{gap:40px;}
.main_blog .flexbox a{width:33%; display:block; border-radius: 10px; border: 1px solid #B9B9B9;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); overflow:hidden;}
.main_blog .flexbox .thumb{position:relative; height:248px; overflow:hidden;}
.main_blog .flexbox .thumb .flug{position:absolute; top:9px; left:9px; padding: 4px 16px;border-radius: 5px; background: #00B77F;color:#fff; font-size: 14px; line-height:20px; font-weight:500;}
.main_blog .flexbox .thumb img{height:100%; border-radius:0;}
.main_blog .flexbox .info{padding:20px; color: #575757; text-align:left;}
.main_blog .flexbox .info strong{color:#2A2A2A;}

/* trial */
.tiral_wrap{background-image:url(/wp-content/uploads/image/main/bg_trial_main.webp);}



/*hover*/
@media all and (min-width: 1025px) {
    .main_visual .btn_group .btn_prev:hover{background-image:url(/wp-content/uploads/image/main/ico_btn_prev_hover.svg);}
    .main_visual .btn_group .btn_next:hover{background-image:url(/wp-content/uploads/image/main/ico_btn_next_hover.svg);}
    .main_visual .btn_group .btn_prev:active{background-image:url(/wp-content/uploads/image/main/ico_btn_prev_active.svg);}
    .main_visual .btn_group .btn_next:active{background-image:url(/wp-content/uploads/image/main/ico_btn_next_active.svg);}
}

@media screen  and (max-width: 1200px) {
    .main_product_wrap a .info{justify-content:center; }
    .main_product_wrap a .info .bold{display:none;}
}

@media screen  and (max-width: 1024px) {
    .main_visual_slide{min-height:700px;}
    .main_visual_slide .img_wrap .thumb{background-position: 77% 50%;}
    .main_visual_slide .title{background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);}
    .main_visual_slide .title > div{text-align:center;color:#fff;}
    .main_visual .btn_group{bottom:8.4%;}

    /* product */
    .main_product{padding:140px 0 70px;}
    .main_product_wrap{gap:20px;}
    .main_product_wrap > div{flex-basis:calc(50% - 10px);}
    .main_product_wrap .nm_product{padding:20px 20px 0;}
    .main_product_wrap .nm_product p{margin-top:0px; font-size:14px;line-height:20px;}
    .main_product_wrap .nm_product span{font-size:14px;line-height:20px;}
    .main_product_wrap a .info{padding:15px 30px;}

    /* feature */
    .main_features{padding:70px 0 0;}
    .main_features .cont{padding:0px 0 140px;}
    .main_features .container{padding:0;}
    .main_features .cont .side_tab_wrap{flex-direction:column-reverse; min-height:auto;}
    .main_features .cont .thumb{width:100%; height:400px;}
    .main_features .cont .thumb img{ border-radius: 0px;}
    .main_features .cont .info{gap:20px; padding:0 75px;}
    .main_features .cont .reverse{flex-direction: column-reverse;}
    .main_features .side_tab{gap:20px;margin-top:20px;}

    /* video */
    .main_video::before{display:none;}
    .main_video a{margin-top:20px;}
    .main_video video{display:none;}

    /* 수상 */
    .main_certif{display:none;}

    /* blog */
    .main_blog .container{padding:0px 40px;}
    .main_blog h2 + a{margin:20px 0 60px;}
    .main_blog .flexbox{flex-direction:column; gap:50px;}
    .main_blog .flexbox a{width:100%;}
    .main_blog .flexbox a:nth-child(3){display:none;}
    .main_blog .flexbox .thumb{height:315px;}
    .main_blog .flexbox .thumb .flug{top:20px; left:20px;}

    .tiral_wrap{background-image:url(/wp-content/uploads/image/main/bg_trial_main_t.webp);}

}

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

    .main_visual_slide{min-height:640px;}
    .main_visual_slide .title p{padding:15px 0 30px;}
    .main_visual_slide .title .btn_green{width:115px;}
    .main_visual .btn_group{bottom:46px;height:26px; }
    .main_visual .btn_group .btn_prev, .main_visual .btn_group .btn_next{width:16px;height:26px;}
    .main_visual .btn_page .slick-dots{gap:14px;}
    .main_visual .btn_page .slick-dots li{ width:10px; height:10px;}

    /* product */
    .main_product{padding:100px 0 60px;}
    .main_product .container{padding:0px;}
    .main_product h2{padding:0px 40px 25px;}
    .main_product_wrap{position:relative; display:block; margin:0px 0px;}
    .main_product_wrap .slick-slide{padding:0px 10px; opacity:0.2;}
    .main_product_wrap .slick-current{opacity:1;}
    .main_product_wrap .slick-slide .tit_t1{font-size:14px; line-height:20px;}
    .main_product_wrap .slick-arrow{position:absolute;top:0%; width:12px; height:100%; background:url(/wp-content/uploads/image/common/ico_arrow_b.svg) no-repeat center/12px 20px; color:transparent; font-size:0}
    .main_product_wrap .slick-arrow.slick-prev{left:16px;transform: rotate(180deg);}
    .main_product_wrap .slick-arrow.slick-next{ right:16px;}
    .main_product_wrap .slick-arrow.slick-disabled{opacity:0;}
    .main_product_wrap .slick-dots{display:flex; align-items:center; justify-content:center; gap:14px; margin-top:25px; }
    .main_product_wrap .slick-dots li{width:10px; height:10px; background:#EFF3F2; border-radius: 10px; }
    .main_product_wrap .slick-dots li.slick-active{background:#00B77F;}
    .main_product_wrap .slick-dots li button{color:transparent; font-size:0}

     /* feature */
     .main_features{padding:100px 0 0;}
     .main_features .cont{padding:0px 0 120px;}
     .main_features .cont .thumb{height:225px;}
     .main_features .cont .info{gap:15px; padding:0 20px;}
     .main_features .cont .reverse{flex-direction: column-reverse;}
     .main_features .side_tab{gap:10px;margin-top:10px;}
     .main_features .side_tab li p{font-size: 14px; line-height: 20px;}

     /* video */
    .main_video{padding:160px 0; background-position: 60% 50%;}
    .main_video a{margin-top:25px;}

    /* 레퍼런스 */
    .main_reference{padding:120px 0;}
    .main_reference .company_slide_wrap {padding-top:25px;}
    .main_reference .company_slide_wrap > div{margin-bottom:30px; animation:partnerSlide 10s infinite linear;}
    .main_reference .company_slide_wrap li {min-width:100px; height: 38px;}
    .main_reference .company_slide_wrap li img{width:100%; height:auto;}
    @keyframes partnerSlide {
        from   { transform: translateX(0%); }
        to { transform: translateX(-640px); }
    }

    /* blog */
    .main_blog{padding:100px 0 60px;}
    .main_blog .container{padding:0px 20px;}
    .main_blog h2 + a{margin:25px 0;}
    .main_blog .flexbox{gap:20px;}
    .main_blog .flexbox .thumb{height:180px;}
    .main_blog .flexbox .thumb .flug{top:9px; left:10px;}
    .main_blog .flexbox .info{padding:14px 10px;font-size: 14px; line-height: 20px;}

    .tiral_wrap{background-image:url(/wp-content/uploads/image/main/bg_trial_main_m.webp);}
}