/* BASIC css start */
#content {width:auto;}



/* [1] ÀüÃ¼ ÄÁÅ×ÀÌ³Ê ¹× ±âÃÊ ±¸Á¶ */
.fw-main-visual-v2 {
    position: relative;
    width: 100% !important;
    height: 780px !important; /* ¹è³Ê ³ôÀÌ */
    overflow: hidden !important;
    background: #fdfdfd !important;
    font-family: 'Pretendard', -apple-system, sans-serif !important;
    margin-bottom:50px;
}

.fw-slider-list-v2 { 
    width: 100% !important; 
    height: 100% !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* [2] °³º° ½½¶óÀÌµå ¾ÆÀÌÅÛ */
.fw-slide-item-v2 {
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important; 
    width: 100% !important; 
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 1;
}

.fw-slide-item-v2.active { 
    opacity: 1 !important; 
    z-index: 10 !important; 
}

/* [3] 1780px ±×¸®µå ´ëÀÀ ÀÌ³Ê ¹Ú½º */
.fw-v2-inner {
    position: relative !important;
    max-width: 1780px !important; /* ³×ºñ°ÔÀÌ¼Ç ³Êºñ ÀÏÄ¡ */
    height: 100% !important;
    margin: 0 auto !important; /* Áß¾Ó Á¤·Ä */
    padding: 0 40px !important;
    display: flex !important;
    align-items: center !important; /* ¼¼·Î Áß¾Ó */
    z-index: 20 !important;
    box-sizing: border-box !important;
}

/* ¹èÄ¡ ·ÎÁ÷: 1780px ³»¿¡¼­ ÁÂ/¿ì/Áß Á¤·Ä */
.fw-slide-item-v2.text-left .fw-v2-inner { justify-content: flex-start !important; text-align: left !important; }
.fw-slide-item-v2.text-right .fw-v2-inner { justify-content: flex-end !important; text-align: right !important; }
.fw-slide-item-v2.text-center .fw-v2-inner { justify-content: center !important; text-align: center !important; }

/* [4] °¡µ¶¼º ¿À¹ö·¹ÀÌ ¹× ¾Ö´Ï¸ÞÀÌ¼Ç */
.fw-slide-overlay-v2 {
    position: absolute !important;
    top: 0 !important; left: 0 !important; 
    width: 100% !important; height: 100% !important;
    z-index: 5 !important;
}

.fw-slide-content-v2 {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.0s 0.5s ease !important;
    max-width: 700px !important;
}

.fw-slide-item-v2.active .fw-slide-content-v2 {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* [5] Å¸ÀÌÆ÷±×·¡ÇÇ °øÅë ½ºÅ¸ÀÏ */
.fw-slide-script {
    display: block !important;
    font-family: 'Dancing Script', cursive !important;
    font-size: 72px !important;
    margin-bottom: 5px !important;
}

.fw-slide-title-v2 {
    font-size: 70px !important;
    line-height: 1 !important;
    font-weight: 200 !important;
    margin: 0 0 25px 0 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
}

.fw-slide-title-v2 strong { 
    display: block !important; 
    font-weight: 800 !important; 
    margin-top: 10px !important;
}

.fw-slide-desc-v2 {
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    margin-bottom: 45px !important;
    word-break: keep-all !important;
}

.fw-slide-link-v2 {
    display: inline-block !important;
    padding: 16px 50px !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    font-size: 13px !important;
    letter-spacing: 3px !important;
    transition: 0.3s !important;
}

/* [6] ¡Ú ´ÙÅ© Å×¸¶ (Èò»ö ±Û¾¾) - ÇÏÀ§ ¸ðµç ¿ä¼Ò °­Á¦ Àû¿ë ¡Ú */
.fw-slide-item-v2.dark-theme .fw-slide-content-v2,
.fw-slide-item-v2.dark-theme .fw-slide-content-v2 *,
.fw-slide-item-v2.dark-theme .fw-slide-script,
.fw-slide-item-v2.dark-theme .fw-slide-title-v2,
.fw-slide-item-v2.dark-theme .fw-slide-desc-v2 { 
    color: #ffffff !important; 
    text-shadow: 0 2px 15px rgba(0,0,0,0.3) !important; 
}
.fw-slide-item-v2.dark-theme .fw-slide-overlay-v2 { background: rgba(0,0,0,0.25) !important; }
.fw-slide-item-v2.dark-theme .fw-slide-link-v2 { border-color: #ffffff !important; color: #ffffff !important; }
.fw-slide-item-v2.dark-theme .fw-slide-link-v2:hover { background: #ffffff !important; color: #111111 !important; }

/* [7] ¡Ú ¶óÀÌÆ® Å×¸¶ (°ËÁ¤ ±Û¾¾) - ÇÏÀ§ ¸ðµç ¿ä¼Ò °­Á¦ Àû¿ë ¡Ú */
.fw-slide-item-v2.light-theme .fw-slide-content-v2,
.fw-slide-item-v2.light-theme .fw-slide-content-v2 *,
.fw-slide-item-v2.light-theme .fw-slide-script,
.fw-slide-item-v2.light-theme .fw-slide-title-v2,
.fw-slide-item-v2.light-theme .fw-slide-desc-v2 { 
    color: #111111 !important; 
    /*text-shadow: 0 2px 10px rgba(255,255,255,0.5) !important;*/
}
.fw-slide-item-v2.light-theme .fw-slide-overlay-v2 { background: rgba(255,255,255,0.1) !important; }
.fw-slide-item-v2.light-theme .fw-slide-script { color: #333333 !important; }
.fw-slide-item-v2.light-theme .fw-slide-desc-v2 { color: #444444 !important; }
.fw-slide-item-v2.light-theme .fw-slide-link-v2 { border-color: #111111 !important; color: #111111 !important; }
.fw-slide-item-v2.light-theme .fw-slide-link-v2:hover { background: #111111 !important; color: #ffffff !important; }

/* [8] ÀÎµðÄÉÀÌÅÍ (Dots) */
.fw-slider-dots-v2 {
    position: absolute !important;
    bottom: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 30 !important;
    display: flex !important;
    gap: 12px !important;
}
.fw-dot-v2 {
    width: 8px !important; height: 8px !important;
    background: rgba(128,128,128,0.4) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
}
.fw-dot-v2.active {
    width: 40px !important;
    border-radius: 10px !important;
    background: #111 !important;
}
/* ´ÙÅ©Å×¸¶ ½Ã Á¡ »ö»ó ¹ÝÀü */
.fw-slide-item-v2.active.dark-theme ~ .fw-slider-dots-v2 .fw-dot-v2.active { background: #ffffff !important; }

/* [9] ¹ÝÀÀÇü (¸ð¹ÙÀÏ ÃÖÀûÈ­) */
@media (max-width: 1800px) {
    .fw-v2-inner { max-width: 100% !important; padding: 0 60px !important; }
}
@media (max-width: 1024px) {
    .fw-main-visual-v2 { height: 600px !important; }
    .fw-slide-title-v2 { font-size: 52px !important; }
}
@media (max-width: 768px) {
    .fw-main-visual-v2 { height: 500px !important; }
    .fw-v2-inner { justify-content: center !important; text-align: center !important; padding: 0 25px !important; }
    .fw-slide-script { font-size: 38px !important; }
    .fw-slide-title-v2 { font-size: 34px !important; }
    .fw-slide-desc-v2 { font-size: 15px !important; }
    .fw-slide-link-v2 { padding: 12px 35px !important; font-size: 12px !important; }
}









/* ¼½¼Ç°øÅë */
section{width:100%}
section:not(:last-child){ margin-bottom:100px}
.sec_inner{width: 1780px; margin: 0 auto;}
section h2{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;margin-bottom: 25px; font-size: 32px; color: #000; font-weight: 500;}
section h2.en{font-weight:600}


/* ¼½¼Ç°³º° */
/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper{}
#sec1 .swiper .swiper-wrapper .swiper-slide{}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;text-align:center;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%; }
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:calc(50% - 890px)}
#sec1 .swiper .swiper_btn_next{right: calc((50% - 890px))}
#sec1 .swiper .swiper-pagination-bullet{opacity:1; background-color:#fff; width:10px; height:10px;}
#sec1 .swiper .swiper-pagination-bullet-active{ /*background-color: #000;*/width:100px; border-radius:10px;}

/* sec2 */
#sec2{}
#sec2 .sec_inner{width: 100%;}
#sec2 .sec_inner h2{width: 1780px; margin: 0 auto 25px;}
#sec2 .sec_inner .sec2_cont{}
#sec2 .sec_inner .sec2_cont .swiper{padding-bottom: 40px;}
#sec2 .sec_inner .sec2_cont .swiper ul{}
#sec2 .sec_inner .sec2_cont .swiper ul li{width: 22%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec{}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a{display: block;overflow:hidden}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a:hover>img{transform:scale(1.1)}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a img{width: 100%; transition:all .3s}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec{padding: 25px 0; width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p{font-family: 'Noto Sans KR', sans-serif; line-height: 1.2;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.big{font-size: 20px;color: #000; margin-bottom: 16px; font-weight: 600; letter-spacing:-1px;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.small{color: #8d8d8d; font-size: 13px; font-weight: 400;}
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}


/* sec3 */
#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner h2{}
#sec3 .sec_inner .sec3_cate{margin-bottom: 35px;}
#sec3 .sec_inner .sec3_cate ul{display:flex; gap:25px; }
#sec3 .sec_inner .sec3_cate ul li{}
#sec3 .sec_inner .sec3_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 16px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important;font-weight: 700; }
#sec3 .sec_inner .sec3_cate ul li a:hover{color:#333}
#sec3 .sec3_prd{}
#sec3 .sec3_prd>div{display: none; position:relative;}
#sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap}
#sec3 .sec3_prd>div.show{display: block;}



/* sec4 */
#sec4{}
#sec4 .sec_inner{}
#sec4 .sec_inner ul{display: flex; justify-content: space-between; flex-wrap: nowrap;}
#sec4 .sec_inner ul li{}
#sec4 .sec_inner ul li a{display: block;width: 100%;}
#sec4 .sec_inner ul li a img{width: 100%;}



/* sec5 */
#sec5{}
#sec5{width: 100%;}
#sec5 h2{width: 1780px; margin: 0 auto 25px;}
#sec5 .swiper{padding-bottom: 40px;}
#sec5 .swiper ul li{width:280px}
#sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}




/* sec10 */
#sec10{}
#sec10{width: 100%;background-color:#f5f5f5; padding-top:100px;}
#sec10 h2{width: 1780px; margin: 0 auto 25px;}
#sec10 .swiper{padding-bottom: 40px;}
#sec10 .swiper ul li{width:400px}
#sec10 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec10 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}






/* sec11 */
#sec11{}
#sec11{width: 100%;background-color:#f5f5f5; padding-top:100px;}
#sec11 h2{width: 1780px; margin: 0 auto 25px;}
#sec11 .swiper{padding-bottom: 40px;}
#sec11 .swiper ul li{width:400px}
#sec11 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec11 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}







/* sec6 */
#sec6{overflow:hidden; padding-top:160px; padding-bottom:50px;}
#sec6 .sec_inner{}
#sec6 .sec_inner .sec6_cont{display: flex; justify-content: space-between; flex-wrap: nowrap;gap: 80px;}
#sec6 .sec_inner .sec6_cont>div{width: calc((100% - 80px) / 2);}
#sec6 .sec_inner .sec6_cont>div .banner{}
#sec6 .sec_inner .sec6_cont>div .banner h3{ margin-bottom: 30px;font-family:'Montserrat','Noto Sans KR', sans-serif; font-size: 38px; font-weight: 700; color: #444; letter-spacing:-1px;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img{}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a{display: block; width: 100%;border-radius: 15px; overflow: hidden;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a img{width: 100%;}
#sec6 .sec_inner .sec6_cont>div .banner p{    margin: 40px 0 60px;letter-spacing:-.7px; font-family:'Noto Sans KR', sans-serif; font-size:19px; color:#000; font-weight:400; line-height:1.7;}
#sec6 .sec_inner .sec6_cont>div .swiper{padding-bottom: 20px;}
#sec6 .sec_inner .sec6_cont>div .swiper ul{}
#sec6 .sec_inner .sec6_cont>div .swiper ul li{}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .price{font-weight:500}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-scrollbar{height:2px; }
#sec6 .swiper :is(.swiper-button-next,.swiper-button-prev){ transition: filter .4s; filter: opacity(0);  background-color:#222; padding: 10px; width: 35px; height: 50px; transform: translateY(-50%); color:#fff;}
#sec6 .sec_inner .sec6_cont>div:hover :is(.swiper-button-next,.swiper-button-prev){ filter: opacity(1);}
#sec6 .swiper .swiper-button-next{right:0px}
#sec6 .swiper .swiper-button-prev{left: 0px}
#sec6 .swiper .swiper-button-next:after,#sec6 .swiper .swiper-button-prev:after{font-size: 15px;}


/* sec7 */
#sec7{background-color:#fff; padding:100px 0 50px}
#sec7 h2{}
#sec7 .sec7_review{}
#sec7 .sec7_review>div{width: 100%;}
#sec7 .sec7_review>div>ul{width: 100%; display:flex; justify-content:space-between; gap:20px; flex-wrap: wrap;}
#sec7 .sec7_review>div>ul>li{flex-grow:1}
#sec7 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec7 .li_review .rv_main .thumb{width:100%;}
#sec7 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec7 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0; max-width:280px}
#sec7 .li_review .rv_main .rv_main_cont .rv_cont{font-size:17px; letter-spacing:-.5px;  font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:300; color:#000; line-height:1.6; margin-bottom:15px}
#sec7 .li_review .rv_main .rv_main_cont .rv_info{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span{color:#acacac}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.date{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{}
#sec7 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:15px;margin-top:20px }
#sec7 .li_review .rv_mini .mini_thumb{width: 50px; height: 50px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden;}
#sec7 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec7 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;}
#sec7 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;}
#sec7 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec7 .li_review .rv_mini ul li span {font-family: 'Calibri', sans-serif; margin-right:10px;display:flex; align-items:center; color:#c7c7c7; font-size:12px; }
#sec7 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;}

/* sec8 */
#sec8 h2{margin-bottom:40px; letter-spacing:9px}
/* BASIC css end */

