@charset "utf-8";


/* default */
    /* swiper-main-1 - layout */
.swiper-main {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.swiper-main > div > .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* swiper js template code - Center slide text vertically { */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    /* } swiper js template code - Center slide text vertically */
    padding-top: var(--header_height);
    flex-direction: column;
}
.swiper-main > .swiper-wrapper > div.swiper-slide > span { font-size: 25px; font-weight: 500; color: #fff; }
.swiper-main > .swiper-wrapper > div.swiper-slide > p { font-size: 80px; font-weight: 700; color: #fff }
.swiper-main > .swiper-wrapper > div.swiper-slide > span + p { font-size: 60px; }
.swiper-main > .swiper-wrapper > div.swiper-slide > a { position:absolute; top: 70%; display: inline-block; width: 240px; height: 70px; line-height: 70px; font-size: 15px; font-weight: 700; color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: none; }
    /* swiper-main-1 - swiper-slide - background */
.swiper-main > .swiper-wrapper > div.swiper-slide { background-size: cover; background-repeat: no-repeat; }
.swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(1) { background-image: url(/img/bg_slider_1.jpg); }
.swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(2) { background: linear-gradient(to right, #fff 50%, #ebebeb 50%); }
.swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(3) { background-image: url(/img/bg_slider_3.jpg); }
.swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(4) { background-image: url(/img/bg_slider_4.jpg); }
    /* swiper-main-1 - pagination  */
.swiper-main .swiper-pagination1 { position: fixed; z-index: 9; top: calc(50% + (var(--header_height) / 2)); right:6.875%; }
.swiper-main .swiper-pagination1 .swiper-pagination-bullet {
    margin: 30px 0;
    width: 20px;
    height: 20px;
    background-image: url(/img/ico_slider-main-1_pagination.png);
    background-color: #00000000;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    opacity: 1;
}
.swiper-main .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(/img/ico_slider-main-1_pagination_active.png);
    background-size: 20px;
}
    /* swiper-main-1 - slider 1 - scroll img */
.slider-scroll-img {
    position:absolute;
    bottom: 0;
    width: 100%;
    max-width: 44px;
    max-height: 25vh;
}    
    /* swiper-main-1 - pagination - focus slide 2 */
.swiper-main.focus-slide2 .swiper-pagination1 .swiper-pagination-bullet {
    background-image: url(/img/ico_slider-main-1_pagination_black.png);    
}
.swiper-main.focus-slide2 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(/img/ico_slider-main-1_pagination_black_active.png);
}

    /* swiper-main-2 - layout */
.swiper-main-2 {
    position: relative;
    overflow: hidden;

    aspect-ratio: 1300 / 636;
    height: unset; 
    width: fit-content;
    min-width: 10%;
    max-width: var(--content-layout-width);
}
    /* swiper-main-2 - img */
.swiper-main-2 .swiper-slide .main-2-product {
    z-index: -1;
}
.swiper-main-2 .swiper-slide.slide1 .main-2-product {
    width: 39%;
}
.swiper-main-2 .swiper-slide.slide2 .main-2-product {
    width: 39%;
}
.swiper-main-2 .swiper-slide.slide3 .main-2-product {
    width: 39%;
}
.swiper-main-2 .swiper-slide.slide4 .main-2-product {
    width: 45%;
}

    /* swiper-main-2 - prd info */
.swiper-main-2 .slider_2_prd_info { position:absolute; top:30%; left:0; text-align: left;}
.swiper-main-2 .slider_2_prd_info p { font-size: calc(2vw + 2vh); font-weight: 700; color:#000; line-height: 1;}
.swiper-main-2 .slider_2_prd_info span { display: inline-block; margin:50px 0; font-size: calc(0.6vw + 1vh); font-weight: 400; color:#231f20; line-height: 1.3;}
.swiper-main-2 .slider_2_prd_info a { text-align: center; display: block; width: 240px; height: 70px; line-height: 70px; font-size: 15px; font-weight: 700; color: rgb(0, 0, 0); border-top: 2px solid rgb(0, 0, 0); border-bottom: 2px solid rgb(0, 0, 0); background: none; }
    /* swiper-main-2 - prd product */
.swiper-main-2 .main-2-product { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
    /* swiper-main-2 - pagination */
.swiper-main-2 .swiper-pagination-container { position:absolute; top:22.429%; width: var(--content-layout-width); height: 30px;  z-index: 9;}
.swiper-main-2 .swiper-pagination2 { width:100px; height:30px; z-index: 9; text-align: left;}
.swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet { margin:0; margin-right:7px; border-radius: 15px; background:#999999; transition: all 0.4s; }
.swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(1) { margin-left: 0;}
.swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active { width:29px; background:#000;  }
    /* swiper-main-2 - pagination - product */
.swiper-main-2 .swiper-pagination-custom-product { position: absolute; top:0; right:0; z-index: 9; height:100%; display: flex; flex-direction: column; justify-content: space-between; }
.swiper-main-2 .swiper-custom-product-list { width:145px; height:145px; background-color: #fff; }
.swiper-main-2 .swiper-custom-product-list > div { width: 100%; height:100%; background-size: contain; background-position: center; background-repeat: no-repeat; transform: scale(0.7); }
.swiper-main-2 .swiper-custom-product-list:nth-child(1) > div { background-image: url(/img/slider_2_prd_1.png); }
.swiper-main-2 .swiper-custom-product-list:nth-child(2) > div { background-image: url(/img/slider_2_prd_2.png); }
.swiper-main-2 .swiper-custom-product-list:nth-child(3) > div { background-image: url(/img/slider_2_prd_3.png); }
.swiper-main-2 .swiper-custom-product-list:nth-child(4) > div { background-image: url(/img/slider_2_prd_4.png); }
.swiper-main-2 .swiper-custom-product-list.active { border:2px solid #000;}



































/* 반응형 */
    /* 3 pc --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    @media screen and (min-width: 1301px) {

    
    
    }





























    
    
    /* 2 tab vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1580px) and (min-width:951px) {
    

        /* default */
            /* swiper-main-1 - layout */
        .swiper-main {
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        .swiper-main > div > .swiper-slide {
            text-align: center;
            font-size: 1.385vw;
            /* swiper js template code - Center slide text vertically { */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
            /* } swiper js template code - Center slide text vertically */
            padding-top: var(--header_height);
            flex-direction: column;
        }
        .swiper-main > .swiper-wrapper > div.swiper-slide > span { font-size: 1.923vw; font-weight: 500; color: #fff; }
        .swiper-main > .swiper-wrapper > div.swiper-slide > p { font-size: 6.154vw; font-weight: 700; color: #fff }
        .swiper-main > .swiper-wrapper > div.swiper-slide > span + p { font-size: 4.615vw; }
        .swiper-main > .swiper-wrapper > div.swiper-slide > a { position:absolute; top: 70%; display: inline-block; width: 18.462vw; height: 5.385vw; line-height: 5.385vw; font-size: 1.154vw; font-weight: 700; color: #fff; border-top: 0.154vw solid #fff; border-bottom: 0.154vw solid #fff; background: none; }
            /* swiper-main-1 - swiper-slide - background */
        .swiper-main > .swiper-wrapper > div.swiper-slide { background-size: cover; background-repeat: no-repeat; }
        .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(1) { background-image: url(/img/bg_slider_1.jpg); }
        .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(2) { background: linear-gradient(to right, #fff 50%, #ebebeb 50%); }
        .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(3) { background-image: url(/img/bg_slider_3.jpg); }
        .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(4) { background-image: url(/img/bg_slider_4.jpg); }
            /* swiper-main-1 - pagination  */
        .swiper-main .swiper-pagination1 { position: fixed; z-index: 9; top: calc(50% + (var(--header_height) / 2)); right:6.875%; }
        .swiper-main .swiper-pagination1 .swiper-pagination-bullet {
            margin: 2.308vw 0;
            width: 1.538vw;
            height: 1.538vw;
            background-image: url(/img/ico_slider-main-1_pagination.png);
            background-color: #00000000;
            background-repeat: no-repeat;
            background-size: 0.769vw;
            background-position: center;
            opacity: 1;
        }
        .swiper-main .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-image: url(/img/ico_slider-main-1_pagination_active.png);
            background-size: 1.538vw;
        }
            /* swiper-main-1 - slider 1 - scroll img */
        .slider-scroll-img {
            position:absolute;
            bottom: 0;
            width: 100%;
            max-width: 3.385vw;
            max-height: 25vh;
        }    
            /* swiper-main-1 - pagination - focus slide 2 */
        .swiper-main.focus-slide2 .swiper-pagination1 .swiper-pagination-bullet {
            background-image: url(/img/ico_slider-main-1_pagination_black.png);    
        }
        .swiper-main.focus-slide2 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-image: url(/img/ico_slider-main-1_pagination_black_active.png);
        }

            /* swiper-main-2 - layout */
        .swiper-main-2 {
            position: relative;
            overflow: hidden;

            aspect-ratio: 1300 / 836;
            height: unset; 
            width: fit-content;
            min-width: 30%;
            max-width: 74%;
        }
            /* swiper-main-2 - prd info */
        .swiper-main-2 .slider_2_prd_info { position:absolute; top:30%; left:0; text-align: left;}
        .swiper-main-2 .slider_2_prd_info p { font-size: 4.615vw; font-weight: 700; color:#000; line-height: 1;}
        .swiper-main-2 .slider_2_prd_info span { display: inline-block; margin:3.846vw 0; font-size: 1.538vw; font-weight: 400; color:#231f20; line-height: 1.3;}
        .swiper-main-2 .slider_2_prd_info a { text-align: center; display: block; width: 18.462vw; height: 5.385vw; line-height: 5.385vw; font-size: 1.154vw; font-weight: 700; color: rgb(0, 0, 0); border-top: 0.154vw solid rgb(0, 0, 0); border-bottom: 0.154vw solid rgb(0, 0, 0); background: none; }
            /* swiper-main-2 - prd product */
        .swiper-main-2 .main-2-product { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
            /* swiper-main-2 - pagination */
        .swiper-main-2 .swiper-pagination-container { position:absolute; top:22%; width: var(--content-layout-width); height: 2.308vw;  z-index: 9;}
        .swiper-main-2 .swiper-pagination2 { width:7.692vw; height:2.308vw; z-index: 9; text-align: left;}
        .swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet { margin:0; margin-right:0.538vw; border-radius: 1.154vw; background:#999999; transition: all 0.4s; }
        .swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(1) { margin-left: 0;}
        .swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active { width:2.231vw; background:#000;  }
            /* swiper-main-2 - pagination - product */
        .swiper-main-2 .swiper-pagination-custom-product { position: absolute; top:0; right:0; z-index: 9; height:100%; display: flex; flex-direction: column; justify-content: space-between; }
        .swiper-main-2 .swiper-custom-product-list { width:11.154vw; height:11.154vw; background-color: #fff; }
        .swiper-main-2 .swiper-custom-product-list > div { width: 100%; height:100%; background-size: contain; background-position: center; background-repeat: no-repeat; transform: scale(0.7); }
        .swiper-main-2 .swiper-custom-product-list:nth-child(1) > div { background-image: url(/img/slider_2_prd_1.png); }
        .swiper-main-2 .swiper-custom-product-list:nth-child(2) > div { background-image: url(/img/slider_2_prd_2.png); }
        .swiper-main-2 .swiper-custom-product-list:nth-child(3) > div { background-image: url(/img/slider_2_prd_3.png); }
        .swiper-main-2 .swiper-custom-product-list:nth-child(4) > div { background-image: url(/img/slider_2_prd_4.png); }
        .swiper-main-2 .swiper-custom-product-list.active { border:0.154vw solid #000;}



}











/* vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 951px) and (max-height:598px) {

    .main-2-product {
        display: none !important;
    }
    .swiper-pagination-custom-product {
        display: none !important;
    }
    .slider_2_prd_info {
        min-width: 100% !important;
    }
    .swiper-main-2 .slider_2_prd_info a {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
    }
}
/* vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 951px) and (max-height:550px) {

    .main-2-product {
        display: none !important;
    }
    .swiper-pagination-custom-product {
        display: none !important;
    }
    .slider_2_prd_info {
        min-width: 100% !important;
    }
    .swiper-main-2 .slider_2_prd_info a {
    }
}











    
    
/* 1.5 tab vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 950px) and (min-width:523px) {
    /* swiper-main-2 - img */
    .swiper-main-2 .swiper-slide .main-2-product {
        display: none !important;
    }
}
    







































    
    
/* 1 mobile vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 950px){



/* default */

    /* swiper-main-1 - layout */
    .swiper-main {
    }
    .swiper-main > div > .swiper-slide {
        font-size: 18px;
    }
    .swiper-main > .swiper-wrapper > div.swiper-slide > span {
        font-size: 4.375vw;
        display:inline-block;
        margin-bottom: 3.875vw; }
    .swiper-main > .swiper-wrapper > div.swiper-slide > p { 
        font-size: 8.75vw;
        line-height: 1.3;
     }
    .swiper-main > .swiper-wrapper > div.swiper-slide > span + p {
        font-size: 8.75vw;
    }
    .swiper-main>.swiper-wrapper>div.swiper-slide>a {
        top: 70%;
        width: 40vw;
        height: 10.375vw;
        line-height: 10.375vw;
        font-size: 2.5vw;
    }
        /* swiper-main-1 - swiper-slide - background */
    .swiper-main > .swiper-wrapper > div.swiper-slide { background-size: cover; background-repeat: no-repeat; }
    .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(1) { background-image: url(/img/bg_slider_1_mo.jpg); }
    .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(2) { background: linear-gradient(to bottom, #fff 60%, #ebebeb 40%); }
    .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(3) { background-image: url(/img/bg_slider_3_mo.jpg); }
    .swiper-main > .swiper-wrapper > div.swiper-slide:nth-child(4) { background-image: url(/img/bg_slider_4_mo.jpg); }
        /* swiper-main-1 - pagination  */
    .swiper-main .swiper-pagination1 {  }
    .swiper-main .swiper-pagination1 .swiper-pagination-bullet {    }
    .swiper-main .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {    }
        /* swiper-main-1 - slider 1 - scroll img */
    .slider-scroll-img {
        width: 100%;
        max-width: 12vw;
        max-height: 20vh;
    }    
        /* swiper-main-1 - pagination - focus slide 2 */
    .swiper-main.focus-slide2 .swiper-pagination1 .swiper-pagination-bullet {   }
    .swiper-main.focus-slide2 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {   }
    
        /* swiper-main-2 - layout */
    .swiper-main-2 {
        height: 84.1%;
        margin-bottom: 25%;
    }
        /* swiper-main-2 - img */
    .swiper-main-2 .swiper-slide .main-2-product {
        z-index: -1;
    }
    .swiper-main-2 .swiper-slide.slide1 .main-2-product {
        width: 65%;
    }
    .swiper-main-2 .swiper-slide.slide2 .main-2-product {
        width: 75%;
    }
    .swiper-main-2 .swiper-slide.slide3 .main-2-product {
        width: 75%;
    }
    .swiper-main-2 .swiper-slide.slide4 .main-2-product {
        width: 85%;
    }
        /* swiper-main-2 - prd info */
    .swiper-main-2 .slider_2_prd_info { top:9.25vw;}
    .swiper-main-2 .slider_2_prd_info p { font-size: 8.75vw; }
    .swiper-main-2 .slider_2_prd_info span { margin:7.5vw 0; font-size: 3.75vw; }
    .swiper-main-2 .slider_2_prd_info a { width: 37.25vw; height: 10.375vw; line-height: 10.375vw; font-size: 2.5vw; border-top: 0.25vw solid rgb(0, 0, 0); border-bottom: 0.25vw solid rgb(0, 0, 0); }
        /* swiper-main-2 - prd product */
    .swiper-main-2 .main-2-product { top:60%; max-height: 61.875vw; max-width: 100%; }
        /* swiper-main-2 - pagination */
    .swiper-main-2 .swiper-pagination-container { top:0; height: 3.75vw;}
    .swiper-main-2 .swiper-pagination2 { width:19.5vw; height:3.75vw; }
    .swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet { margin-right:1.25vw; border-radius: 1.875vw; }
    .swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(1) { }
    .swiper-main-2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active { width:5.125vw;   }
        /* swiper-main-2 - pagination - product */
    .swiper-main-2 .swiper-pagination-custom-product { 
        top: unset;
        bottom:0;
        width: 100%;
        height: 18.125vw;
        flex-direction: row;
        flex-wrap: nowrap;}
    .swiper-main-2 .swiper-custom-product-list { width:18.125vw; height:18.125vw; }
    .swiper-main-2 .swiper-custom-product-list > div { width: 100%; height:100%; background-size: contain; background-position: center; background-repeat: no-repeat; transform: scale(0.7); }
    .swiper-main-2 .swiper-custom-product-list:nth-child(1) > div { background-image: url(/img/slider_2_prd_1.png); }
    .swiper-main-2 .swiper-custom-product-list:nth-child(2) > div { background-image: url(/img/slider_2_prd_2.png); }
    .swiper-main-2 .swiper-custom-product-list:nth-child(3) > div { background-image: url(/img/slider_2_prd_3.png); }
    .swiper-main-2 .swiper-custom-product-list:nth-child(4) > div { background-image: url(/img/slider_2_prd_4.png); }
    .swiper-main-2 .swiper-custom-product-list.active { }


}