/* 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:1200px;position: relative;}

/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#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/images/main_right.png) no-repeat;}
#mainSpot .swiper-button-prev{width: 50px; height: 50px; background: url(/design/hanwoo0501/images/main_left.png) no-repeat;}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after{opacity:0}

/* ¿¬°áÆäÀÌÁö02 */
.link_connect{padding: 45px 0 0;display:none;}
.link_connect ul { width: 1180px; 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; font-family: 'Noto Sans KR', sans-serif;}
.link_connect ul li a img{display: block; width: 100%; padding-bottom: 12px;}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.cateTit{  padding: 45px 0 20px; text-align: left; }
.cateTit h2{ color: #1c1c1c; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
.slick-slide a{ border: 0; outline:0}
.product-wrap { margin:0 auto; position:relative; width:1200px }
.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/images/left_arrow.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}
.product-wrap .item-wrap .slick-next { position: absolute; top: -40px; right: 0; width: 20px; height: 20px; background: url(/design/hanwoo0501/images/right_arrow.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}

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

/* ·Õ¹è³Ê */
.longbnnr{ width: 1200px; margin: 45px auto 0;}
.longbnnr img{width:100%}

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

/* ÅÇ »óÇ° ±â´É */
.tab_in_wrap.active{ border:0px !important;}
.tabarea{width: 100%; max-width: 1200px; margin: 20px auto 40px; text-align: center;}
.tabarea .tab{ display: inline-block; width:100%; max-width: 1200px;}
.tabarea .tab > li{float: left; margin: 0 40px 0 0;}
.tabarea .tab > li > span{ color: #757575; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;}
.tabarea .tab > li.live{}
.tabarea .tab > li.live > span{border-bottom: 2px solid #000; color:#000}
.tabarea .item_container{ padding: 15px 0;}
.tabarea .item_container .item-wrap{ display: none; position: relative; overflow: unset;}
.tabarea .morview{position: absolute; top: -30px; right: 0;}
.tabarea .morview a{color: #ff7777; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
.tabarea .item_container .item-wrap.active{ display: block;}
/*
.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: 1200px; 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; font-family: 'Noto Sans KR', sans-serif;}
.instaArea .sectionTit p{ float: left; margin: 4px 0 0 10px; color: #b0afaf; font-size: 14px; font-family: 'Noto Sans KR', sans-serif}
.instaArea .morview{ float: right; margin: 7px 0 0;}
.instaArea .morview a{color: #ff7777; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}


#mainBrand {width: 1200px;margin: 40px auto 70px;padding: 0 0 50px;box-sizing: border-box;}

#mainBrand .swiper-slide { 
    cursor: pointer;
    border-radius: 100%;
    overflow: hidden;
  transition: transform 0.3s ease;
}

#mainBrand .swiper-slide-active { 
  transform: scale(1.4); /* È°¼º ½½¶óÀÌµå¸¦ 1.2¹è·Î È®´ë */
}

#mainBrand .swiper-slide:hover{opacity:0.95;}
#mainBrand .swiper-slide img {
    width: 100%;
} 
#mainBrand .swiper-button-next{width: 50px;height: 50px;background: url(/design/hanwoo0501/images/main_right.png) no-repeat;top: 192px !important;right: 0 !important;}
#mainBrand .swiper-button-prev{width: 50px;height: 50px;background: url(/design/hanwoo0501/images/main_left.png) no-repeat;top: 192px !important;left: 0 !important;}
#mainBrand .swiper-button-next:after, #mainBrand .swiper-button-prev:after{opacity:0}

/* sec8 */
#sec8{margin:0 auto 0px ;width:1200px; }
#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;
    font-family: 'Noto Sans KR', sans-serif;
    color: #575757;
    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-family: 'Noto Sans KR', sans-serif;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}


/* sec9 */
#sec9{width: 1200px;margin: 80px auto 0;}
#sec9 .sec_inner{}
#sec9 .sec_inner .sec_cate{}
#sec9 .sec_inner .sec_cate h2{}
#sec9 .sec_inner .sec9_wrap{display: flex;justify-content: space-between;}
#sec9 .sec_inner .sec9_wrap .video_area{width: 1050px;}
#sec9 .sec_inner .sec9_wrap .video_area>ul{}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li{display: none;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li iframe{width: 900px !important;height: 518px !important;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li.show{display: block;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info{padding: 30px 0; display: flex; flex-direction: column; gap: 11px;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info h3{font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 600;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info p{font-family: 'Noto Sans KR', sans-serif;color: #aaaaaa; font-size: 18px; font-weight: 400;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area{/* width: 335px; */}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul{display: flex;flex-direction: column;height: 518px;justify-content:space-between;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li{width: 100%;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a{display: block;width: 100%; position: relative;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a>img{width: 100%;filter: brightness(.9);transition:  all .2s;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a p{font-family: 'Montserrat', sans-serif; position: absolute; max-width: 90%; z-index: 10; color: #fff; font-size: 18px; font-weight: 400; bottom: 20px; left: 18px;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a span.now{position: absolute; top: 12px; left: 2px;opacity: 0; transition:  all .2s; z-index: 10;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li.on>a>img{filter: brightness(1);}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li.on>a span.now{opacity: 1; left: 12px}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a span.now img{} 



.swiper {overflow:hidden;}
.tab-next-btn {
    position: absolute;
    top: 130px;
    right: -55px;
    width: 50px;
    height: 50px;
    background: url(/design/hanwoo0501/images/main_right.png) no-repeat;
    cursor: pointer;
}
.tab-prev-btn {
    position: absolute;
    top: 130px;
    left: -55px;
    width: 50px;
    height: 50px;
    background: url(/design/hanwoo0501/images/main_left.png) no-repeat;
    cursor: pointer;
} 
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */

