@charset "utf-8";
/* 새글 스킨 (latest) */
.main-visual{position: relative;}
.main_banner_slider{position:relative;}
.main_banner_slider .lt_img{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:100%;height:100vh;height:100svh;background:#433c3a;overflow:hidden;}
.main_banner_slider .lt_img img{width:100%;height:100vh;height:100svh;min-height:100vh;min-height:100svh;margin:0;object-fit: cover;}
.main_banner_slider .lt_img .no_img{max-width:60%;}

.banner_wrap{position:relative;width:100%;height:100%;height:100vh;height:100svh;overflow:hidden;}

.main_banner_slider .banner_inner{
    display:flex;
    flex-flow:row nowrap;
    justify-content: space-between;
    align-items:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    width:92%;
    max-width:1400px;
    padding-top:calc(90px / 2);
}
.main_banner_slider .banner_inner > div{width:50%;}

.main_banner_slider .banner_txt{
    display:flex;
    flex-flow:column nowrap;
    gap:16px;
    color:#fff;
}
.main_banner_slider .banner_txt h2{
    font-size:clamp(24px,3.6vw,56px);
}
.main_banner_slider .banner_txt .bn_content{
    font-size: 18px;
    line-height: 1.4;
}
.main_banner_slider .banner_txt .bn_content > p{
    word-break: keep-all;
}

.main_banner_slider .bn_point3{display:flex;flex-flow:row nowrap;gap:50px;margin:40px 0;}
.main_banner_slider .bn_point3 li{display:flex;flex-flow:column nowrap;gap:10px;justify-content:center;align-items:center;position:relative;}
.main_banner_slider .bn_point3 li:after{content:'';position:absolute;top:50%;right:-26px;transform:translate(0,-50%);width:1px;height:100%;background:#fff;}
.main_banner_slider .bn_point3 li:last-child:after{display:none;}
.main_banner_slider .bn_point3 li h3{font-size:24px;}
.main_banner_slider .bn_point3 li p{font-size:16px;}

.main_banner_slider .bn_btn_wr{display:flex;flex-flow:row nowrap;gap:20px;}
.main_banner_slider .bn_btn_wr a{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:16px 28px;font-size:15px;font-weight:600;color:#fff;border-radius:50px;transition:0.2s;}
.main_banner_slider .bn_btn_wr a:nth-child(1){background:#00bafe;border:1px solid #00bafe;}
.main_banner_slider .bn_btn_wr a:nth-child(2){background:#0000004f;border:1px solid #fff;}
.main_banner_slider .bn_btn_wr a:nth-child(1):hover{color:#181818;background:#fff;border:1px solid #fff;}
.main_banner_slider .bn_btn_wr a:nth-child(2):hover{color:#181818;background:#fff;}

.main_banner_slider .banner_product img{width:100%;max-width:600px;}



.mainbanner_btn_mod{position: absolute;bottom: 80px;right: 10px;z-index:2;}
.mainbanner_btn_mod a{display: inline-block;padding: 8px 16px;background: #e8e8e8;}






/* Image Parallax */
.main_banner_slider .banner_item{
    overflow:hidden;
}
.main_banner_slider .lt_img img{
    width:100%;
    display:block;
    transform:scale(1.12);
    transition:transform 6000ms linear;
}

.main_banner_slider.loaded .slick-current .lt_img img{
    transform:scale(1);
    transition: transform 6000ms linear;
    opacity:0.8;
}


/* text Parallax */
.main_banner_slider .banner_txt h2{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}
.main_banner_slider.loaded .slick-current .banner_txt h2{
    opacity:1;
    transform:translateX(0);
}


.main_banner_slider .banner_txt .bn_content{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}
.main_banner_slider.loaded .slick-current .banner_txt .bn_content{
    opacity:1;
    transform:translateX(0);
    transition-delay:.3s;
}



/* point3 Parallax */
.main_banner_slider .bn_point3{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}
.main_banner_slider.loaded .slick-current .bn_point3{
    opacity:1;
    transform:translateX(0);
    transition-delay:.5s;
}


/* btn Parallax */
.main_banner_slider .bn_btn_wr{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}
.main_banner_slider.loaded .slick-current .bn_btn_wr{
    opacity:1;
    transform:translateX(0);
    transition-delay:.7s;
}


/* product Parallax */
.main_banner_slider .banner_product img{
    opacity:0;
    transform:translateY(120px);
    transition:all 1.5s ease;
}
.main_banner_slider.loaded .slick-current .banner_product img{
    opacity:1;
    transform:translateY(0);
    transition-delay:.2s;
}




@media all and (max-width:1260px){
    .main_banner_slider .bn_point3{gap:20px;}
    .main_banner_slider .bn_point3 li:after{right:-11px}
    .main_banner_slider .bn_point3 li h3{font-size:18px;}
    .main_banner_slider .bn_point3 li p{font-size:14px;}
    .main_banner_slider .bn_btn_wr a{padding:8px 16px;font-size:13px;}
    .main_banner_slider .banner_product{padding-left:40px;}
}

@media all and (max-width:980px){
    .banner_wrap{height:auto;padding:calc(56px + 100px) 24px 100px;}
    .main_banner_slider .banner_inner{flex-direction:column;gap: 50px;position:static;transform:translate(0,0);margin:0 auto;padding-top:0;text-align:center;}
    .main_banner_slider .banner_inner > div{width:90%;}
    .main_banner_slider .bn_point3{justify-content:center;margin:20px auto;}
    .main_banner_slider .bn_btn_wr{justify-content:center;}
    .main_banner_slider .banner_product{padding-left:0px;}
    .main_banner_slider .banner_product img{max-width:360px;margin: 0 auto;}

}

@media all and (max-width:540px){
    .banner_wrap{padding: calc(56px + 50px) 14px 50px;}
    .main_banner_slider .banner_txt .bn_content{font-size:15px;}
    .main_banner_slider .bn_point3{gap:12px;}
    .main_banner_slider .bn_point3 li:after{right:-7px;}
    .main_banner_slider .bn_point3 li h3{font-size:16px;}
    .main_banner_slider .bn_point3 li p{font-size:12px;letter-spacing:-0.2px;}
}