/* BASIC css start */
.section{
    position:relative;
    overflow:hidden;
}

/*MD's pick ¼½¼Ç*/
.section.md-pick{
    position:relative;
    padding:100px 0;
}
.section.md-pick .inner-wrap{
    position:relative;
}
.section.md-pick .inner-wrap .left{
    position:absolute;
    top:0;
    left:0;
    width:930px;
    z-index:9;
}
.section.md-pick .inner-wrap .left > a{
    display:block;
    overflow:hidden;
}
.section.md-pick .inner-wrap .left > a > img{
    width:100%;
    vertical-align:top;
    transition:transform 0.3s ease-in-out;
}
.section.md-pick .inner-wrap .left > a:hover > img{
    transform:scale(1.02);
}
.section.md-pick .inner-wrap .right{
    position:relative;
    padding-top:0px;
    padding-left:980px;
    box-sizing:border-box;

}
.section.md-pick .inner-wrap .right .title-wrap h6{
    color:#3C3C3C;
    font-family:'NanumMyeongjo';
    font-size:24px;
    font-weight: regular;

}

.section.md-pick .inner-wrap .right .title-wrap h4{
    line-height:40px;
    color:#3C3C3C;
    font-family:'NanumMyeongjo';
    font-size:32px;
    font-weight: bold;

}
.section.md-pick .inner-wrap .right .title-wrap p{
    line-height:27px;
    color:#3C3C3C;
    font-family:'Noto Sans CJK KR';
    font-size:20px;
    margin-top:10px;
}
.section.md-pick .inner-wrap .right .list-wrap{
    position:relative;
    margin-top:40px;
    overflow:hidden;

}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li{
    width:166px;
    margin-bottom: 28px;


}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li:last-child{
    margin-right:0;
}

.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .item-thumb{
    margin-bottom:0;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .item-thumb a{
    display:block;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .item-thumb a img{
    width:100%;
    vertical-align:top;
}

.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .item-title-wrap{
    padding:8px 12px;
    box-sizing:border-box;
    background:#f3f0eb;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .item-title-wrap .name{
    height:40px;
    line-height:22px;
    font-family:'Lora';
    font-size:15px;
    color:#000000;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: normal; 
    word-wrap: break-word; 
    display: -webkit-box; 
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .btn-wrap{
    margin-top:11px;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .btn-wrap > a{
    position:relative;
    display:inline-block;
    vertical-align:top;
    line-height:21px;
    padding-right:20px;
    font-size:15px;
    font-family:'Lora';
    color:#000000;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .btn-wrap > a::before{
    content:'';
    width:15px;
    height:15px;
    background:url('/design/huit8/img/2020/pc/icon_shop_arr_1.png')no-repeat center right 3px;
    position:absolute;
    top:4px;
    right:0;
    transition:all 0.3s ease-in-out;
}
.section.md-pick .inner-wrap .right .list-wrap .item-list.swiper-container > ul > li .btn-wrap > a:hover::before{
    background-position: center right 0px;
}
.section.md-pick  .swiper-container-horizontal > .swiper-pagination-progressbar, 
.section.md-pick  .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    top:auto;
    bottom: 0 !important;
    height:5px;
}
.section.md-pick .swiper-pagination-progressbar{
    background:#e6e6e6;
    opacity:1 !important;
    top:auto;
    bottom:0 !important;
}
.section.md-pick .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#333333 !important;
}
/*Å×½ºÆ®*/
.review-area{
    position:relative;
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding-top: 80px;
}
.review-area .btn-review-more{
    position:absolute;
    font-size:0px;
    top:0;
    right:0;
    width:40px;
    height:40px;
    background:url('/design/huit8/img/mobile/btn_review_more.png')no-repeat center center;
    
}

.section{
    position:relative;
}
.section .inner-wrap-full{
    width:100%;
    min-width:1900px;
}
/*¸ÞÀκñÁÖ¾ó*/
.main-visual{
}
.main-visual .inner-wrap-full .main-visual-swiper{
    position:relative;
}
.main-visual .inner-wrap-full .main-visual-swiper ul{
    font-size:0px;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li{
    position:relative;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item{
    position:relative;
    font-size:0px;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item a .txt{
    position:absolute;
    bottom:136px;
    left:120px;
    text-align:left;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item a .txt h4{
    line-height:60px;
    color:#fff;
    font-family:'Noto Sans KR';
    font-size:50px;
    padding-bottom:19px;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item a .txt p{
    line-height:35px;
    color:#fff;
    font-size:18px;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item a{
    display:block;
    text-align:center;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item .img {
    height:700px;
    background-size:cover;
    text-align:center;
}
/*.main-visual .inner-wrap-full .main-visual-swiper ul li .item .img img {
    width:100%;
    vertical-align:middle;
}*/
.main-visual .inner-wrap-full .main-visual-swiper ul li.two .item{
    display:inline-block;
    width:50%;
    background:#e5e5e5;
    vertical-align:top;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item .video-container {
    position:absolute;
    top:120px;
    left:34%;
    z-index:1000;
    width:800px;
    background:black;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item .video-container .video {
    padding-bottom:56.25%;
}
.main-visual .inner-wrap-full .main-visual-swiper ul li .item .video-container .video video {
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:1001;
}


/*¸ÞÀκñÁÖ¾ó swiper ÄÁÆ®·Ñ*/
.main-visual-swiper .arrows {
    position:absolute;
    bottom:0;
    right:120px;
    font-size:0px;
}
.main-visual-swiper .arrows .next,.main-visual-swiper .arrows .prev {
    position: relative !important;
    top: auto !important;
    left:auto !important;
    right:auto !important;
    width:50px !important;
    height:50px !important;
    margin-top:0 !important;
    z-index: 10;
    cursor: pointer;
    display: inline-block !important;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    background:#fff;
}
.main-visual-swiper .arrows .prev {
    background:url('/design/huit8/img/2020/pc/swiper_prev_icon.jpg') no-repeat center center;
}
.main-visual-swiper .arrows .next {
    background:url('/design/huit8/img/2020/pc/swiper_next_icon.jpg') no-repeat center center;
    margin-left:1px;
}
.main-visual-swiper .arrows .next:before {
    position:absolute;
    top:0px;
    bottom:0px;
    left:-1px;
    width:1px;
    background:white;
    content:"";
}
.main-visual-swiper .arrows .next:after {
    position:absolute;
    bottom:14px;
    left:-1px;
    width:1px;
    height:20px;
    background:#e6e6e6;
    content:"";
} 
.swiper-button-prev:after {
    display:none !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
    cursor: auto;
    pointer-events: none;
}
/*¸ÞÀκñÁÖ¾ó swiper ÆäÀÌÁö³×À̼Ç*/

.main-visual-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0 !important;
    background: transparent !important;
    border:1px solid #fff;
    opacity: 1 !important;

}
.main-visual-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
}
.main-visual-swiper.swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0px 6.5px !important;
}
.main-visual-swiper.swiper-container-horizontal >.swiper-pagination-bullets, 
.main-visual-swiper .swiper-pagination-custom, 
.main-visual-swiper .swiper-pagination-fraction {
    bottom: 31px !important;
    left: 0;
    width: 100%;
}


/*º£½ºÆ® »óÇ° ¼½¼Ç*/
.best-product {
    position:relative;
}
.section-title {
    position:relative;
    padding-top:70px;
    padding-bottom:70px;
}
.section-title.top20 {
    padding-top:20px;
}
.section-title h4 {
    color:#333;
    font-size:50px;
    line-height:70px;
}
.section-title .more-btn {
    position:absolute;
    bottom:70px;
    right:0px;
}
.best-product .section-title .section-title-tabs{
    position:absolute;
    bottom:70px;
    right:0px;
    color:#333333;
    font-size:14px;
    line-height:36px;
}
.best-product .section-title .section-title-tabs ul{
    font-size:0px;
}
.best-product .section-title .section-title-tabs ul li{
    display:inline-block;
    padding-left:19px;
    vertical-align:middle;
}
.best-product .section-title .section-title-tabs ul li a{
    line-height:35px;
    display:inline-block;
    color:#333;
    font-size:16px;
}
.best-product .section-title .section-title-tabs ul li a.active{
    font-weight:800;
    border-bottom:1px solid #333;
}
.best-product .item-list-con{
    display:none;
}
.best-product .item-list-con.active{
    display:block;
}

/*¾î¹Ù¿ô,·èºÏ ¼½¼Ç*/
.mid-contents{
    padding-top:20px;
}
.mid-contents .inner-wrap > .container{
    margin:0px -15px;
    font-size:0px;
}
.mid-contents .inner-wrap > .container > div{
    position:relative;
    display:inline-block;
    width:50%;
    padding:0px 15px;
    box-sizing:border-box;
}
.mid-contents .inner-wrap > .container > div > a{
    display:block;
}
.mid-contents .inner-wrap > .container > div > a .img{

}
.mid-contents .inner-wrap > .container > div > a .img img{
    width:100%;
    vertical-align:middle;
}
.mid-contents .inner-wrap > .container > div > a .txt{
    position:absolute;
    bottom:82px;
    left:104px;
}
.mid-contents .inner-wrap > .container > div > a .txt h4{
    line-height:71px;
    font-family:'Noto Sans KR';
    color:#fff;
    font-size:50px;
}
.mid-contents .inner-wrap > .container > div > a .txt p{
    line-height:46px;
    color:#fff;
    font-size:18px;
}

/*¾î¹Ù¿ô,·èºÏ swiper ÆäÀÌÁö³×À̼Ç*/

.mid-contents .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0 !important;
    background: transparent !important;
    border:1px solid #fff;
    opacity: 1 !important;

}
.mid-contents .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
}
.mid-contents .swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0px 6.5px !important;
}
.mid-contents .swiper-container-horizontal >.swiper-pagination-bullets, 
.mid-contents .swiper-pagination-custom, 
.mid-contents .swiper-pagination-fraction {
    bottom: 25px !important;
    left: 0;
    width: 100%;
}

/*½Å»óÇ° ¼½¼Ç*/
.new-product{
}
.section-title h4 {
    color:#333;
    font-size:50px;
    line-height:70px;
}

/*our brand ¼½¼Ç*/
.our-brand {
    width:100%;
    min-width:1280px;
    background:#f8f8f8;
    padding-bottom:10px;
}
.our-brand .title{
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;    
}
.our-brand .title h4 {
    color:#333;
    font-size:60px;
    font-weight:normal;
    line-height:105px;    
}
.our-brand .swiper-pagination{
    position:relative;
    bottom:auto !important;
    left: 0px;
    right: 0px;
    font-size:0px;
}
.our-brand .our-brand-outer {
    width:100%;
    overflow:hidden;

}
.our-brand .our-brand-inner {
    margin-left:-10px;
    margin-right:-10px;
    
}
.our-brand .swiper-pagination-bullet{
position:relative;
bottom:40px;
margin: 0px 6.5px !important;
}
}
.our-brand-outer .common-navi-prev {
    left:120px;
    margin-top:0px;
    background-image: url(/design/huit8/img/2020/pc/swiper_prev_icon.jpg);
}
.our-brand-outer .common-navi-next {
    right:120px;
    margin-top:0px;
    background-image: url(/design/huit8/img/2020/pc/swiper_next_icon.jpg);
}
.our-brand-swiper {
    margin-left:-30px !important;
}
.our-brand-swiper .swiper-slide {
    position:relative;
    margin-top:40px;
    padding:10px !important;
    transition:all 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide img {
    width:100%;
    transform:scale(1);
    transition:all 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide .text-box {
    opacity:0;
    transition:opacity 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide-active {
    padding:0px !important;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:0px;
    z-index:10;
}
.our-brand-swiper .swiper-slide-active img {
    transform:scale(1.15);
    margin-bottom:80px;
}
.our-brand-swiper .swiper-slide-active .text-box {
    position:absolute;
    left:20px;
    bottom:120px;
    opacity:1;
}
.our-brand-swiper .swiper-slide-active .text-box h6 {
    color:white;
    font-size:42px;
    line-height:65px;
}
.our-brand-swiper .swiper-slide-active .text-box p {
    margin-top:8px;
    color:white;
    font-size:16px;
    line-height:24px;
    letter-spacing:-0.5px;
}
.our-brand-swiper .swiper-slide .info-box{
    display:none;
    opacity:0;
    transition:all 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide-active .info-box {
    display:block;
    opacity:1;
    background:#333;
    padding:24px 20px;
    box-sizing:border-box;
}
.our-brand-swiper > ul > li > a .item-thumb{
    margin-bottom:0px !important;
}
.our-brand-swiper > ul > li > a .item-title{
    color:#fff !important;
}
.our-brand-swiper > ul > li > a .item-price-wrap .item-price-discount{
    color:#fff !important;
}

/*·¹±ë½º ¼½¼Ç*/
.leggings-product{
    width:100%;
    background:#e3ccca;
    margin-bottom:150px;
    padding-top:124px;
    padding-bottom:100px;
}
.leggings-product .title{
    text-align:center;
    padding-bottom:42px;
}
.leggings-product .title h4 {
    line-height:92px;
    color:#333;
    font-size:74px;
    font-weight:normal;
}
.leggings-product .title p{
    line-height: 21px;
    color: #333;
    font-size: 16px;
    padding-top: 20px;
}
.leggings-product .swiper-pagination{
    position:relative !important;
    bottom:auto !important;
    padding-top:46px;
}
.leggings-product .leggings-product-outer {
    width:100%;
    overflow:hidden;

}
.leggings-product .leggings-product-inner {
    margin-left:-28px;
    margin-right:-28px;
    
}
.leggings-product .swiper-pagination-bullet{
    margin: 0px 6.5px !important;
}
.leggings-product-outer .common-navi-prev {
    left:0px;
    margin-top:-30px;
}
.leggings-product-outer .common-navi-next {
    right:0px;
    margin-top:-30px;
}
.leggings-swiper {
    margin-left:-28px !important;
}
.leggings-swiper .swiper-slide {
    padding:42px 28px 0px 28px !important;
    transition:all 0.3s ease-in-out;
}
.leggings-swiper .swiper-slide-active {
    margin:0px 28px;
    padding:0px !important;
}
.leggings-swiper .swiper-slide .info-box{
    display:none;
    opacity:0;
    transition:all 0.3s ease-in-out;
}
.leggings-swiper .swiper-slide-active .info-box {
    display:block;
    opacity:1;
    background:#333;
    padding:24px 20px;
    box-sizing:border-box;
}
.leggings-swiper > ul > li > a .item-thumb{
    margin-bottom:0px !important;
}
.leggings-swiper > ul > li > a .item-title{
    color:#fff !important;
}
.leggings-swiper > ul > li > a .item-price-wrap .item-price-discount{
    color:#fff !important;
}
/*ourstory ¼½¼Ç*/
.ourstory{
    padding-bottom:25px;
}
.ourstory ul{
    font-size:0px;
    margin:0px -15.5px;
}
.ourstory ul li{
    display:inline-block;
    vertical-align:top;
    width:33.333%;
    padding:0px 15.5px;
    box-sizing:border-box;
}
.ourstory ul li .img {
    padding-bottom:23px;
}
.ourstory ul li .img img{
    width:100%;
}
.ourstory ul li .txt h4{
    line-height:47px;
    color:#333;
    font-size:30px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
    padding-bottom:12px;

}
.ourstory ul li .txt p{
    line-height:25px;
    color:#333;
    font-size:16px;
    padding-bottom:26px;
}
.viewmore{
    display: inline-block;
    line-height: 28px;
    color: #333;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #333;
}
.viewmore2{
    display: inline-block;
    width:140px;
    height:50px;
    line-height: 50px;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    background:#d2a7a3;
    text-align:center;
}
/*»óÇ°¸®½ºÆ® À̹ÌÁö ŸÀÌƲ*/
.section-banner-title{
    padding-bottom:80px;
}
.section-banner-title .banner-title{
    width:100%;
    height:500px;
}
.section-banner-title .banner-title .txt{
    padding-top:109px;
    padding-left:120px;
}
.section-banner-title .banner-title .txt h4{
    line-height:109px;
    font-family:'Noto Sans KR';
    font-size:74px;
    color:#fff;
}
.section-banner-title .banner-title .txt p{
    line-height:25px;
    font-size:16px;
    color:#fff;
    padding-bottom:54px;
}
/*top itmes ¼½¼Ç*/
.top-items{
    padding-bottom:40px;
}
.section-banner-title .banner-title.top-items-banner{
    background:url('/design/huit8/img/pc/top_item_bg.jpg')no-repeat center;
    background-size:cover;
}
/*bottom itmes ¼½¼Ç*/
.bottom-items{
}
.section-banner-title .banner-title.bottom-items-banner{
    background:url('/design/huit8/img/pc/bottom_item_bg.jpg')no-repeat center;
    background-size:cover;
}
/*¿ÀÇÁ¶óÀÎ ¼¥ ¼Ò°³ ¼½¼Ç*/
.offline-shop{
    padding-bottom:130px;
}
.offline-shop-swiper{
    
}
.offline-shop-swiper ul li{
    display:block;
    width:100%;
    padding:120px 305px;
    box-sizing:border-box;
    background:#f7f7f7;
    font-size:0px;
}
.offline-shop-swiper ul li .inner{
    width:1280px;
    margin:0 auto;
}
.offline-shop-swiper ul li .inner > div{
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
}
.offline-shop-swiper ul li .inner .img{
    width:647px;
}
.offline-shop-swiper ul li .inner .img a{
    display:block;
}
.offline-shop-swiper ul li .inner .txt{
    width:633px;
    padding-left:144px;
    padding-top:42px;
}
.offline-shop-swiper ul li .inner .txt h3{
    line-height:21px;
    font-family:'Noto Sans KR';
    font-size:14px;
    color:#333;
    font-weight:normal;
    padding-bottom:34px;
}
.offline-shop-swiper ul li .inner .txt h4{
    line-height:60px;
    font-family:'Noto Sans KR';
    font-size:50px;
    color:#333;
    font-weight:normal;
    padding-bottom:20px;
}
.offline-shop-swiper ul li .inner .txt p{
    line-height:25px;
    font-size:16px;
    color:#333;
    padding-bottom:60px;
}
.offline-shop-swiper .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0 !important;
    background: transparent !important;
    border:1px solid #333;
    opacity: 1 !important;

}
.offline-shop-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #333 !important;
}
.offline-shop-swiper .swiper-pagination{
    bottom:62px !important;
}
/*¸®ºä ¼½¼Ç*/
.review-wrap{
    padding-bottom:50px;
}

/*ÀνºÅ¸ ¼½¼Ç*/
.insta-wrap{
    padding-bottom:100px;
}
.insta-wrap h5{
    line-height:66px;
    text-align:center;
    padding-bottom:54px;
}
.insta-wrap h5 a{
    display:inline-block;
    color:#333;
    font-size:50px;
    font-family:'Noto Sans KR';
}
.insta-wrap .insta-frame{
    text-align:center;
}
/*¸ÞÀÎ ¹ÙÅÒ ¹è³Ê*/
.main-bottom-banner{
    border-top:1px solid #e5e5e5;
    padding:95px 0px;
}
.main-bottom-banner ul{
    font-size:0px;
}
.main-bottom-banner ul li{
    display:inline-block;
    vertical-align:top;
    width:33.333%;
}
.main-bottom-banner ul li a{
    display:block;
    font-size:0px;
}
.main-bottom-banner ul li a > div{
    display:inline-block;
    vertical-align:middle;
    height:58px;
    line-height:58px;
}
.main-bottom-banner ul li a .img{
    width:36px;
    text-align:center;
}
.main-bottom-banner ul li a .txt{
    padding-left:30px;
}
.main-bottom-banner ul li a .txt h5{
    line-height:31px;
    color:#333;
    font-size:20px;
    font-weight:bold;
}
.main-bottom-banner ul li a .txt p{
    line-height:27px;
    color:#333;
    font-size:16px;
}
.abc{
position: absolute;
top: -82px;
right: 0px;
}

.icons {padding-top:10px;}
.icons img {padding-right:10px;}


.abcd span {display:inline-block; width:10px; height:10px; border:1px solid #dddddd;}
/* BASIC css end */