/* BASIC css start */
.dn{display:none;}

body{overflow-x: auto !important;}
#contents .SP_layoutMin {width:1600px !important;}
#contents .SP_layoutFix {width: 1600px !important;}

/* 카테고리 */
.SP_subContHeader .SP_subCateTopBanner_list {
    font-size: 30px;
    font-weight: 600;
    color: #222222;
    margin-top: 100px;
    margin-bottom: 50px;
}

.SP_subContHeader .cate_list {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom:50px;
}

.SP_subContHeader .cate_list ul {
    display: inline-block;
}

.SP_subContHeader .cate_list ul::after {content: "";display: block;clear: both;}


.SP_subContHeader .cate_list li {
    float: left;
    text-align: center;
    margin-right: 35px;
    line-height:40px;
}

.SP_subContHeader .cate_list li:last-child {
    margin-right: 0;
}

.SP_subContHeader .cate_list a {
    font-size: 20px;
    font-weight: 300;
    color: #9fa0a0;
    line-height:1;
}

.SP_subContHeader .cate_list a.now {
    font-weight: 500;
    color: #222;
}

.SP_subContHeader .cate_list a.now::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #00ff2f;
    vertical-align: top;
    margin-left: 4px;
}

/* 추천상품 */
.SP_listbrand_section {
    padding-bottom:200px !important;
    position:relative;
}

.SP_listbrand_section .section_title {
    font-size: 35px;
    font-weight: 500;
    color: #222;
    padding-bottom: 50px;
}

.SP_listbrand_section .SP_brandLinkBn_inr .slick-arrow.slick-prev {
    left: -40px;
}

.SP_listbrand_section .SP_brandLinkBn_inr .slick-arrow.slick-next {
    right: -40px;
}

.SP-button-next {
    right: 100px !important;
    background:url(/design/sillajewel/img/ico_arrow_next.png) 0 0 no-repeat;
}

.SP-button-prev {
    left: 100px !important;
    background:url(/design/sillajewel/img/ico_arrow_prev.png) 0 0 no-repeat;
}

.SP-button-next, .SP-button-prev {
    width:33px !important;
    height:60px !important;
}

.SP-button-next::after, .SP-button-prev::after {
    display:none;
}


/* 상품 리스트 */
.SP_listSection .SP_prdList_wrap .SP_prdList_item {
    width:300px;
    margin-right:20px;
    min-height: 510px;
    margin-bottom: 20px;
}

.SP_listSection .SP_prdList_wrap .SP_prdList_item:nth-child(5n) {
    margin-right:0;
}

.SP_listSection .SP_prdList_wrap .SP_prdList_item img.MS_prod_img_m {
    width:100%;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform:translateY(40px);
}

.SP_listSection .SP_prdList_wrap .prd-info li {
    display: block;
    text-align: left;
    margin: 0;
    line-height: 1.75;
}

.SP_listSection .SP_prdList_wrap li.prd-ico {
    margin: 0;
}

.SP_listSection .SP_prdList_wrap li.prd-ico > div {
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.SP_listSection .SP_prdList_wrap li.prd-ico .brand {
    font-size: 15px;
    font-weight: 400;
    color: #222;
}

.SP_listSection .SP_prdList_wrap li.prd-name {
    margin-top: 10px;
    margin-bottom: 10px;
}

.SP_listSection .SP_prdList_wrap li.prd-name a {
    font-size: 15px;
    font-weight: 300;
    color: #727171;
    white-space:nowrap;
}

.SP_listSection .SP_prdList_wrap li.prd-price-info .prd-consumer {
    font-size: 15px;
    font-weight: 300;
    display: block;
    color: #727171;
    line-height:1.25em;
}

.SP_listSection .SP_prdList_wrap li.prd-price-info .prd-price {
    font-size: 20px;
    font-weight: 500;
    color: #222222;
    margin-right: 15px;
    display: inline-block;
    line-height:1.25em;
}

.SP_listSection .SP_prdList_wrap li.prd-price-info .prod_percent {
    display: inline-block;
}

.SP_listSection .SP_prdList_wrap li.prd-price-info #intDCP {
    font-size: 20px;
    font-weight: 400;
    color: #00ff2f;
}


/* 상품개수 및 분류*/
.SP_listAlignSort_wrap {
    margin-bottom: 60px;
}

.SP_listAlignSort_wrap .align_sort_wrap {
    height: auto;
    line-height: 1;
}

.SP_listAlignSort_wrap .sort_wrap {
    float: right;
    position: relative;
    display: inline-block;
}

.SP_listAlignSort_wrap .prd_list_count > span {
    font-size: 20px;
    font-weight: 300;
    color: #222;
}

.SP_listAlignSort_wrap .sort_wrap li {
    float: left;
    margin-right: 50px;
}

.SP_listAlignSort_wrap .sort_wrap li a {
    font-size: 15px;
    font-weight: 300;
    color: #222;
    line-height:1;
}

.SP_listAlignSort_wrap .sort_wrap li a.now {
    font-weight: 500;
    color: #222;
}

.SP_listAlignSort_wrap .sort_wrap li a.now::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #00ff2f;
    vertical-align: top;
    margin-left: 4px;
}

.SP_listAlignSort_wrap .sort_wrap li:last-child {
    margin-right: 0;
}

#contents .SP_pagenation_wrap a {
    font-size: 20px;
    font-weight: 400;
    color: #727171;
    display: inline-block;
    vertical-align: middle;
}

/* page */
.bbs-btm {
    padding-top: 50px;
}
.bbs-btm .bbs-paging a {
    font-size: 20px;
    font-weight: 400;
    color: #727171;
    display: inline-block;
    vertical-align: middle;
}
.bbs-btm .bbs-paging a.now {
    font-weight:600;
    color:#022222;
}
.bbs-link {
    text-align: right;
    margin-bottom:20px;
}
.bbs-link a {
    width: 140px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    background: #222;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}


.prodThumb {position:relative;}
.prodThumb .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.05)}
.prodThumb .bg:hover {background:none;}


.prodThumb {
    width: 300px;
    background:#fff;
    background-position: center !important;
    background-size: cover !important;
    margin-bottom:10px;
    padding-top: calc(300px / 4*5);
}


.SP_slide_li .prodThumb {
    width: auto !important;
    background:#fff;
    background-position: center !important;
    background-size: cover !important;
    margin-bottom:10px;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cateBn>img{width:100%;}


/* BASIC css end */