/* BASIC css start */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


.gnb ul li a.black{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:700;
}
.gnb ul li a.bold{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:600;
}
.gnb ul li a.semibold{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
}
.gnb ul li a.medium{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
}
.gnb ul li a.regular{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:300;
}
.gnb ul li a.semilight{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:200;
}
.gnb ul li a.light{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:100;
}
.cate-img-title{
    position:relative;
    width:100%;
    min-width:1600px;
    margin-bottom:80px;
    font-size:0px;
   
}
#catebanner{
    height: 300px;
    background-size: cover !important;}

#catebanner1{
    height: 300px;
    background-size: cover !important;
    margin-bottom: 80px;
    height: 300px;background-size: cover !important;}
 
//.cate-img-title img{
//    width:auto;
//}
.cate-img-title h3{
    position:absolute;
    bottom:50px;
    left:120px;
    color:#fff;
    font-size:60px;
    font-weight:normal;
}
.cate-best-wrap{
    padding-bottom:58px;
}
.cate-best-wrap .cate-best-title{
    line-height:39px;
    color:#b2b2b2;
    font-size:20px;
    padding-bottom:16px;
}
.cate-best-swiper .swiper-pagination{
    position:relative;
    top:auto !important;
    bottom:auto !important;
}
.cate-best-swiper ul li{
    margin-bottom:40px !important;
}

.cate-best-wrap .common-navi-prev {
    background-image: url(/design/huit8/img/2020/pc/swiper_prev_icon.jpg);
}
.cate-best-wrap .common-navi-next {
    background-image: url(/design/huit8/img/2020/pc/swiper_next_icon.jpg);
}
.cate-best-wrap .common-navi-prev, .common-navi-next {
    margin-top: -95.5px !important;
    transform: translateY(-50%) !important;
}
.cate-list-title{
    position:relative;
    height:70px;
    line-height:70px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:60px;
    text-align:center;
}
.cate-list-title .cate1{
    position:absolute;
    top:0;
    left:0;
    text-align:left;
    height:70px;
    line-height:70px;
    font-size:40px;
    color:#333;
}
.cate-list-title .cate-filter{
    position:absolute;
    top:0;
    right:0;
    text-align:left;
    height:70px;
    line-height:70px;
}
.cate-tabs ul{
    font-size:0px;
}
.cate-tabs ul li{
    display:inline-block;
    height:57px;
    line-height:57px;
    padding:0px 20px;
    vertical-align:bottom;
}
.cate-tabs ul li a{
    display:inline-block;
    height:57px;
    line-height:57px;
    font-size:16px;
    color:#333;
    border-bottom:1px solid transparent;
    margin-bottom:-1px;
}
.cate-tabs ul li a.sel{
    font-weight:bold;
    border-bottom:1px solid #333;
}
.cate-filter .sort-wrap{
    position:relative;
}
.cate-filter .sort-wrap a.sort-select{
    display:inline-block;
    height:58px;
    line-height:58px;
    border:0px !important;
    border-bottom:1px solid #333;
    padding:0px;
    padding-right:17px !important;
    background:url('/design/huit8/img/pc/select_arr.png')no-repeat center right;
    font-size:13px;
    color:#333;
}
.cate-filter .sort-wrap .sort-modal{
    display:none;
    position:absolute;
    top:58px;
    right:0px;
    width:100px;
    border:1px solid #e5e5e5;
    text-align:center;
    z-index:66;
    padding:13px 0px;
    background:#fff;
}
.cate-filter .sort-wrap .sort-modal.active{
    display:block;
}
.cate-filter .sort-wrap .sort-modal a{
    display:block;
    height:30px;
    line-height:30px;
    color:#333;
    font-size:13px;
    background:#fff;
}
.cate-filter .sort-wrap .sort-modal a:hover{
    background:#d2a7a3;
    color:#fff;
}
.cate-filter .sort-wrap .sort-modal a.active{
    background:#d2a7a3;
    color:#fff;
}


.cate-item-list .pagination-wrap{
    padding-top:0px;
}
.cate-item-list{
    padding-bottom:170px;
}
.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 */