/* BASIC css start */
#overlay_layer{display:none!important} 


 










/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
.new-slider-wrap2 {
    margin: 0 auto;
    text-align: center;
}
.new-slider-wrap2 > * {
    margin: 0 auto;
}
.item-wrap, .item-wrap .item-cont{width:100%;position: relative;}

.swiper{padding: 0 var(--spacing-md)}

.new-slider-wrap .slider-img img{width:100%}


/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot{width: 100%;margin: 30px auto 0;max-width: 1900px;}
#mainSpot img{width: 100%;/* height: 563px; */border-radius: 10px;}
#mainSpot .swiper-pagination{ top: auto; bottom: 33px; left: 50%; transform: translateX(-50%); width: 390px; height: 2px;}
#mainSpot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #030000;}
#mainSpot .swiper-button-next{width: 50px; height: 50px; background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat;}
#mainSpot .swiper-button-prev{width: 50px; height: 50px; background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg)) no-repeat; transform:rotate(180deg)}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after{opacity:0}


/*sec2*/
#sec2 {padding:0;}  
#sec2 .item-cont {}  
#sec2 .item-cont .swiper {padding:0; } 
#sec2 .item-cont .swiper>ul {display:flex;justify-content: space-evenly;gap:var(--spacing-lg);padding: var(--spacing-layout-1) var(--spacing-md);overflow:scroll;-ms-overflow-style: none;} 
#sec2 .item-cont .swiper>ul::-webkit-scrollbar{
  display:none;
}
#sec2 .item-cont .swiper>ul>li {width:62px;  display: flex; flex-direction: column; gap: 10px; align-items: center; } 
#sec2 .item-cont .swiper>ul>li>a { aspect-ratio: 1 / 1;
    background: var(--color-neutral-50);
    display: flex;
    width: 100%; 
    transition: all .1s;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid transparent;
    align-items: center;
    justify-content: center; }  
#sec2 .item-cont .swiper>ul>li>a>img { width: 85%; height:85%; transition: all .1s; } 
#sec2 .item-cont .swiper>ul>li>p { text-align: center; color:var(--color-neutral-500); font-size: var(--font-size-base); } 



/* ¿¬°áÆäÀÌÁö02 */
.link_connect{padding: 45px 0 0;display:none;}
.link_connect ul { width: 100%; margin: 0 auto; *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: 80px; margin: 0 19px; text-align: center;}
.link_connect ul li a{ color: #000; font-size: 15px; }
.link_connect ul li a img{display: block; width: 100%; padding-bottom: 12px;}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.slick-slide a{ border: 0; outline:0}
.product-wrap { margin:0 auto; position:relative; width:100% }
.product-wrap .item-wrap .item-cont .slick-list{margin: 0 -10px;}
.product-wrap .item-wrap .item-cont .item-list{padding-right:0; margin: 0 10px; border: 0; outline:0}
.product-wrap .item-wrap .item-cont .item-list:nth-child(4n) { margin: 0 10px !important;}

.product-wrap .item-wrap .item-cont .item-list .prd-info{padding-bottom:0}
.product-wrap .item-wrap .item-cont .item-list .prd-price{color: #D22525;}
.product-wrap .item-wrap .slick-prev{ position: absolute; top: -40px; right: 19px; width: 20px; height: 20px; background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat; background-size:contain; font-size: 0; z-index: 100; outline: 0; transform:rotate(180deg)}
.product-wrap .item-wrap .slick-next { position: absolute; top: -40px; right: 0; width: 20px; height: 20px; background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat; background-size:contain; font-size: 0; z-index: 100; outline: 0;}

/* ÇÑ¿ì°¡°ÝÇ¥ */
#priceChart { width: 100%; margin: 45px auto 0; }

/* ·Õ¹è³Ê */
.longbnnr{width: 100%;margin: 20px auto 28px;border-radius:16px;}/*260121 ¼öÁ¤*/
.longbnnr img{width:100%; }

/* À̹ÌÁö¹è³Ê */
.imgBanner{ width: 100%; margin: 80px auto 0; text-align: center;}
.imgBanner:after{content:''; display:block; clear:both}
.imgBanner div{ float: left; margin: 0 12px 12px 0;}
.imgBanner div:nth-of-type(2n){ margin-right: 0;}

/* ÅÇ »óÇ° ±â´É */
.tab_in_wrap.active{ border:0px !important;}
.tabarea{width: 100%; max-width: 100%; margin:0 auto;}

.tabarea .tab{ display: inline-block; width:100%; max-width: 100%; padding:0 var(--spacing-md) var(--spacing-md);}

.tabarea .tab{display: inline-block;width:100%;max-width: 100%;padding: 0  var(--spacing-md)  var(--spacing-lg) var(--spacing-md);display: flex;flex-wrap: nowrap;overflow: scroll;}
.tabarea .tab > li:last-child{padding-right:var(--spacing-md)}
.tabarea .tab > li{/* float: left; */margin: 0 var(--spacing-sm) 0 0;flex-shrink: 0;}
.tabarea .tab > li > span{ color: var(--color-neutral-500) ; font-size: var(--font-size-lg); cursor: pointer; background:var(--color-neutral-100);padding:var(--spacing-2xs) var(--spacing-lg); border-radius:100px; display:inline-block }
.tabarea .tab > li.live{}
.tabarea .tab > li.live > span{background:var(--color-primary-500); color:var(--color-white);font-weight:700}

.tabarea .item_container{}
.tabarea .item_container .item-wrap{ display: none; position: relative; overflow: unset;} 
.tabarea .item_container .item-wrap.active{ display: block;} 
[class^="swiper-wrapper"]:not(.closing-soon .swiper-wrapper, .rev_sec .swiper-wrapper){flex-wrap:wrap}
/*
.tabarea .item_container .item-wrap .item-cont .item-list{position: relative; width: 588px; padding: 0; margin: 0 20px 20px 0; border: 1px solid #efefef; border-radius: 10px;}
.tabarea .item_container .item-wrap .item-cont .item-list:nth-of-type(2n){margin-right:0}
.tabarea .item_container .item-wrap .item-cont .item-list a{display: block; padding: 20px;}
.tabarea .item_container .item-wrap .item-cont .item-list a:after{display:block; clear:both; content:'' }
.tabarea .item_container .item-wrap .item-cont .item-list .thumb{ width: 220px; float: left;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info{ width: 308px; float: left; padding: 20px 0 20px 20px;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-name{ color: #424242; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; line-height: 20px;}
.tabarea .item-wrap .item-cont .item-list .prd-brnd{ margin: 0px 0 8px; font-size: 16px;}
.tabarea .item-wrap .item-cont .item-list .prd-price{ position: absolute; bottom: 40px; color: #D22525; font-size: 16px;}
.tabarea .item-wrap .item-cont .item-list .prd-price .dc_per,
.tabarea .item-wrap .item-cont .item-list .prd-price .price{font-size: 20px;}
.tabarea .item-wrap .item-cont .item-list .prd-price strike{ font-size: 14px;}
.tabarea .item-wrap .item-cont .item-list .thumb a.preview {
    padding: 0;
    bottom: 28px;
    right: 28px;
    height: 33px;
    line-height: 33px;
    width: 33px;
}
.tabarea .item-wrap .item-cont .item-list .thumb a.preview img {
    width: 15px;
}
*/
/* ÀνºÅ¸¿µ¿ª */
.instaArea{ max-width: 100%; width: 100%; margin: 0 auto 100px;display:none;}
.instaArea .instaBox{margin:0 0 20px}
.instaArea .instaBox:after{display:block; clear:both; content:'' }
.instaArea .sectionTit{ float: left;}
.instaArea .sectionTit img{float: left;}
.instaArea .sectionTit h2{ display: inline-block; float: left; margin: 0px 0 0 10px; color: #000; font-size: 20px; }
.instaArea .sectionTit p{ float: left; margin: 4px 0 0 10px; color: #b0afaf; font-size: 14px; }
.instaArea .morview{ float: right; margin: 7px 0 0;}
.instaArea .morview a{color: #ff7777; font-size: 15px; }


/* #mainBrand {width: 100%;margin: 40px auto 70px;padding: 0 0 50px;box-sizing: border-box;} 
#mainBrand .swiper-button-next{width: 50px;height: 50px;background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat;background-size:contain; top: 232px !important;right: 22px !important;}
#mainBrand .swiper-button-prev{width: 50px;height: 50px;background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat;background-size:contain; top: 232px !important;left: 22px !important; transform:rotate(180deg)}
#mainBrand .swiper-button-next:after, #mainBrand .swiper-button-prev:after{opacity:0}

#mainBrand .brand-wrap{display:flex; } */
#mainBrand .cateTit{padding: var(--spacing-layout-1) 0 var(--spacing-xl) 0;}
#mainBrand {box-sizing: border-box;padding: 0 var(--spacing-md);position:relative;margin-bottom: var(--spacing-layout-4);overflow:visible}
#mainBrand .swiper-wrapper{gap:initial !important; flex-wrap:wrap; margin-top:calc(0px - var(--spacing-md)) } 
#mainBrand .swiper-slide{ aspect-ratio:1/1; margin-top:var(--spacing-md) !important; border-radius:var(--radius-regular); overflow:hidden;}
#mainBrand .swiper-slide img{width:100% }
#mainBrand .swiper-pagination{position:initial; display:flex; justify-content:center; margin-top:var(--spacing-lg); gap:var(--spacing-3xs); align-items:center; height:8px;}
#mainBrand .swiper-pagination span{width:6px; height:6px; background:var(--color-neutral-200); opacity:1; transition:.3s all ease-in-out;}
#mainBrand .swiper-pagination span.swiper-pagination-bullet-active{width:8px; height:8px; background:var(--color-primary-500)}

/* sec8 */
#sec8{margin:0 auto 0px ;width:100%; }
#sec8 .sec8_review{position: relative;}
#sec8 .sec8_review>div{width: 100%;padding-bottom: 25px;}
 
#sec8 .sec8_review>div>ul{width: 100%; display:flex; justify-content:space-between;}
/*#sec8 .sec8_review>div>ul>li{width: 315px;  }*/
 
#sec8 .li_review .rv_main{width: 100%;border: 1px solid #f2f2f2;display: flex;align-items: center;justify-content: space-between;padding: 0 10px 0 0;margin-bottom: 30px;box-sizing: border-box;}
#sec8 .li_review .rv_main .thumb{width: 160px;height: 160px;overflow: hidden;}
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec8 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{
cursor:pointer;width: calc(100% - 160px);/* margin: 20px 0; *//* text-overflow: ellipsis; *//* word-break: break-all; *//* -webkit-line-clamp: 4; *//* -webkit-box-orient: vertical; *//* display: -webkit-box; *//* overflow: hidden; *//* height: 91px; */box-sizing: border-box;padding-left: 10px;}
#sec8 .li_review .rv_main .rv_main_cont .rv_cont {
    font-size: 16px;  
    line-height: 1.4;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    height: 69px;
    box-sizing: border-box;
}
#sec8 .li_review .rv_mini{width: 100%;/* height: 100px; */display: flex;align-items: center;justify-content: left;/* padding:0 20px; */box-sizing: border-box;margin-top: 15px;}
#sec8 .li_review .rv_mini .mini_thumb{width: 65px;height: 65px;border-radius: 50%;display: inline-block;border: 1px solid #f2f2f2;overflow: hidden;}
#sec8 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec8 .li_review .rv_mini .mini_thumb a img{width: 100%;height: 100%;object-fit: cover;}
#sec8 .li_review .rv_mini ul {/* padding-left: 20px; */width: calc(100% - 80px);padding-left: 5px;}
#sec8 .li_review .rv_mini ul li {font-size: 16px;color: #656565;margin-bottom:4px;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;height: 41px;box-sizing: border-box;}
#sec8 .li_review .rv_mini ul li:nth-child(2){display:flex;align-items:center;margin-bottom: 0;height: auto;}
#sec8 .li_review .rv_mini ul li span {margin-right:10px;display:flex; align-items:center; color:#FFD700}
#sec8 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px; transform:scale(.9)}
#sec8 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:2px}
#sec8 .swiper-pagination{bottom: 0;z-index: 10;left: 0;right: 0;}
#sec8 .swiper-pagination-bullet{background-color: #000;transition: all .2s;margin: 0 3px;}
#sec8 .swiper-pagination-bullet-active{width: 25px; border-radius: 8px;}
#sec8 :is(.swiper-button-next, .swiper-button-prev){color: #fff; font-size: 30px;}
#sec8 .swiper-button-next{right: 48px;}
#sec8 .swiper-button-prev{left: 48px;}

#sec8 .sec8-swiper-button-next{width: 50px !important;height: 50px;background: url(/design/hanwoo0501/images/main_right.png) no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: -60px;z-index: 2;padding-bottom: 0 !important;cursor: pointer;}

#sec8 .sec8-swiper-button-prev{width: 50px !important;height: 50px;background: url(/design/hanwoo0501/images/main_left.png) no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left: -60px;z-index: 2;padding-bottom: 0 !important;cursor: pointer;}
#sec8 .sec8-swiper-button-next:after, #sec8 .sec8-swiper-button-prev:after{opacity:0}

/* sec6 */
#sec6{/* margin-top:110px; */} 
#sec6 .tabarea{position:relative; padding:0}
#sec6 .tabarea .cateTit{padding: var(--spacing-layout-3) var(--spacing-md) var(--spacing-xl) var(--spacing-md)}
#sec6 .tabarea .rev_sec{overflow:scroll; -ms-overflow-style: none; padding: 0 var(--spacing-md);}
#sec6 .tabarea .rev_sec::-webkit-scrollbar{
  display:none;
}}
#sec6 .tabarea .rev_sec .swiper-wrapper{width:fit-content;}
#sec6 .tabarea .rev_sec .swiper-wrapper ul{display:flex; gap: var(--spacing-md); width:fit-content; padding-right:var(--spacing-md)}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li{position:relative; height: 280px; aspect-ratio:3/4; border-radius:var(--radius-regular); overflow:hidden; flex-shrink: 0;} 
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a{height:100%; width:100%; display:inline-block; position:relative; img{ transition:.3s all ease;}}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .thumb{width:100%; height:100%; position:relative}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .thumb:before{content:''; width:100%; height:100%; background:linear-gradient(360deg, black, transparent); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
/*#sec6 .tabarea .rev_sec .swiper-wrapper ul li a:hover{
     img{scale:1.1;}
}*/
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .thumb img{width: 100%; height: 100%; object-fit: cover;position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%); 
    object-fit: cover; 
    object-position: center;} 
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont{box-sizing:border-box; padding:var(--spacing-md); position:absolute;bottom:0;left:0; color:var(--color-white); display:flex; flex-flow:column; gap:var(--spacing-3xs); z-index:1; width:100%}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont p{}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .prdname{font-size: var(--font-size-lg); font-weight: 700; white-space: nowrap; overflow:hidden; text-overflow: ellipsis }
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .cont{font-size: var(--font-size-lg); font-weight: 300;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-overflow: ellipsis; 
  max-height: calc(1.4 * 1em * 2);
  word-break: break-all;}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .score{order:-1;}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .score img{display:inline-block; vertical-align: middle; margin-top:-4px; } 
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .score span{font-weight: 800;font-size: var(--font-size-xl);} 
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .info span{display:block; font-size:var(--font-size-base);opacity:.5;}
#sec6 .tabarea .rev_sec .swiper-wrapper ul li a .rv_cont .info span:first-child{margin-bottom:var(--spacing-3xs);}
#sec6 .swiper_btn_prev{width:50px; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:50px; position:absolute; right:50px !important; top:0px; z-index:14; cursor:pointer}
#sec6 .swiper_btn_next{width:50px; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:50px; position:absolute; right:0  !important; top:0px; z-index:14; cursor:pointer; border-left:none !important}
#sec6 .swiper_btn_prev img,#sec6 .swiper_btn_next img{transform:translateY(-2px)}


/* video sec */
#video { 
    margin: var(--spacing-layout-2) 0;
}
#video .video_wrap{  
    padding:var(--spacing-md);
    background:var(--color-neutral-50);
    border-radius:var(--radius-regular);
    margin:0 var(--spacing-md);
}
#video .video_area{
    margin-bottom: var(--spacing-xl);
    
    
    h3{
        font-size: var(--font-size-xl);
        color: var(--color-neutral-500);
        font-weight:700;
        margin-bottom: var(--spacing-3xs);
    }
    p{
        font-size: var(--font-size-xl);
        color: var(--color-neutral-400);
    }
}
#video .video_area iframe{
    width:100%;  
    border-radius:var(--radius-regular);
    aspect-ratio: 98/55;
    margin-bottom: var(--spacing-md);
}
#video .item_area{} 
#video .product-slider-area { width: 100%; overflow: hidden; }
#video .prd-view-window { width: 100%; overflow: hidden; }
 
#video .prd-wrapper { 
    display: flex !important; 
    flex-direction: row !important; 
    flex-wrap: nowrap !important;
    width: 100%; 
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); 
} 
 
.prd-slide-group {
    width: 100% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important; 
}
 
#video .prd-row { 
    width: 100%; 
    height: 110px;
    background: #f1f1f1;
    border-radius: 20px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    box-sizing: border-box;
}

/* ÄÁÆ®·Ñ·¯ */
.slider-controls { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 25px; }
.ctrl-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ddd; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.pagination-dots { display: flex; gap: 8px; }
.dot { width: 4px; height: 4px; border-radius: 50%; background: #ccc; cursor: pointer; transition: 0.3s; }
.dot.active { background: #f07d00; scale:1.6; border-radius: 10px; }

/* //video sec */

.swiper {overflow:hidden;}
.tab-next-btn {
    position: absolute;
    top: 130px;
    right: -72px;
    width: 50px;
    height: 50px;
    background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat;
    cursor: pointer;
    background-size: contain;
}
.tab-prev-btn {
    position: absolute;
    top: 130px;
    left: -72px;
    width: 50px;
    height: 50px;
    background: url(/design/hanwoo0501/pc/assets/common/btn_arrow.svg) no-repeat;
    cursor: pointer;
    background-size: contain;
    transform:rotate(180deg);
} 
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */