/* BASIC css start */
/* class-list */
#productClass .cate-wrap {text-align:center; overflow:hidden }
#productClass .cate-wrap .bcate {margin: 20px 0;
    color: #222222;
    font-size: 24px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    letter-spacing: -1px;}
#productClass .cate-wrap > .subcate{ margin-bottom: 20px; color: #a8a8a8;
    font-size: 15px;
    font-weight: normal !important;
    margin-top: 10px;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1px; }
#productClass .cate-wrap .class-list{margin:40px 0 }
#productClass .cate-wrap .class-list>ul { display:flex; flex-direction:column ; position:relative;padding:35px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd }

#productClass .cate-wrap .class-list>ul.main_m::before{display:none; position:absolute; top:50%; transform:translateY(-50%); left:0; width:7px; border-radius:20px;  height:100%; background:#f3f3f3; content:""; }
#productClass .cate-wrap .class-list>ul.main_m>li{align-items:center; margin-bottom:20px;}
#productClass .cate-wrap .class-list>ul.main_m>li>a::after{display:block; position:absolute;top:100%; transform:translateX(-50%); left:50%; width:1px; height:20px; z-index:-1; background:#fff; border:1px dashed #e9e9e9; content:""}
#productClass .cate-wrap .class-list>ul.main_m>li:last-child{margin-bottom:0}
#productClass .cate-wrap .class-list>ul.main_m>li:last-child>a::after{display:none}
#productClass .cate-wrap .class-list>ul.main_m>li>a{transition:all .1s; position:relative; padding:12px; background-color:#fff; border:1px solid #ddd; border-radius:30px; min-width:157px ; text-align:center; color:#919191 ; display:inline-block; margin-right:34px }





#productClass .cate-wrap .class-list ul.sub_m{display:flex; gap:34px;}
#productClass .cate-wrap .class-list ul.sub_m>li{}
#productClass .cate-wrap .class-list ul.sub_m>li>a{font-family: "Pretendard Variable", Pretendard, sans-serif;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { display:flex; }

#productClass .cate-wrap .class-list ul.main_m a{font-size:16px; font-weight:500;font-family: "Pretendard Variable", Pretendard, sans-serif;}
#productClass .cate-wrap .class-list ul.sub_m a.sel,#productClass .cate-wrap .class-list ul.sub_m a:hover{color:#49b182 !important; text-decoration:underline;}

.item-wrap .item-info .left{float:left}

#productClass .cate-wrap .class-list ul.main_m>li>a.sel,#productClass .cate-wrap .class-list ul.main_m>li>a:hover{
    border: 1px solid #49b182;
    background: #49b182; color:#fff}
    
#productClass .cate-wrap .class-list ul li.sel a{color:#fff !important;}

#productClass .cate-wrap .class-list ul li a { 
display:block; font-size:13px; color:#919191 }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

.prd-name span {float:right;}

.basic-list {
    position: relative;
    width: 360px !important;
    height: 352px !important;
    margin-right: 55px !important;
    margin-bottom: 190px;
    padding-right: 0 !IMPORTANT;
    box-sizing: border-box;
}
 
.basic-list:nth-child(3n){
    margin-right:0 !Important;
	padding-right: 0 !important;
}

.basic-list .cvr .prd-icon{margin-top: 15px;}
.basic-list .cvr .prd-icon img{margin:0 2px}

.basic-list .cvr {width: 359px;
	text-align: center;
	padding: 0 !important;
    box-sizing: border-box;}

#content .basic-list .prd-price {
    padding: 13px 0 20px;
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;

}
.item-wrap .item-cont .item-list .prd-price strike{color: #323232; font-size: 16px;}

.basic-list .thumb {
	position: relative;
	width: 100% !important;
	height: auto !important;
    border: 1px solid #eaeaea;

}
.basic-list .thumb p {
	position: absolute;
	top: 0;
	left: 0;
	width: 49px;
	height: 49px;
	line-height: 49px;
	background: #cacaca;
	font-size: 16px;
	font-family: roboto;
	color: #fff;
	font-weight: 900;
}
.basic-list .thumb img {
	width: 100% !important;
}
.basic-list dd.hover {
	display: none;
	position: absolute;
	top: 346px;
	left: 0;
	right: 0;
	height: 40px;
	width: 386px;
	color: #fff !important;
	background-color: rgba( 0, 0, 0, 0.3 );
}
.basic-list dd.hover .prd-info {
}
.basic-list dd.hover #slider {
zoom;
1;
	overflow: hidden;
	position: absolute;
	top: 75px;
	width: 1020px;
}
.basic-list dd.hover h2 {
	color: #333;
	font-size: 22px;
	text-align: center;
}
.basic-list dd.hover .prd-name {
	cursor: pointer;
	padding-top: 125px !important;
	font-size: 15px !important;
}
.basic-list dd.hover .prd-price {
	cursor: pointer;
	padding-top: 15px;
	font-family: malgun Gothic;
}
.basic-list dd.hover .prd-price s {
	font-size: 12px;
	font-family: roboto;
	font-weight: 400;
}
.basic-list dd.hover .prd-price strong {
	font-size: 14px;
	font-family: roboto;
	font-weight: 500;
}
.basic-list dd.hover .color {
	cursor: pointer;
	font-size: 17px;
	margin-top: 10px;
}
/*.basic-list ul.preview li {
	float: left;
	float: left;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: center;
	padding: 13px 0;
	border: 1px solid #eaeaea;
    box-sizing:border-box;
}
.basic-list ul.preview li:nth-of-type(1){
    border-right:0;
}

.basic-list ul.preview li:nth-child(1) {
	margin-left: -1px;
}
.basic-list ul.preview li:nth-child(2) {
	border-right: 0 !IMPORTANT;
}
.basic-list ul.preview li a {
	display: block;
	color: #8c8c8c;
}
.basic-list .preview {
    width: 359px;
}

.basic-list .preview li {
	float: left;
	width: 50%;
}
.basic-list .preview li a {
}*/

/* 미리보기 */
ul.preview {font-size: 0;}
ul.preview li { display: inline-block; vertical-align: middle; text-align: center; margin: 0 10px;}
ul.preview li a{outline: 0;}

/* 상품이름 */
.item-wrap .item-cont .item-list .prd-name{       padding-top: 12px; color: #323232;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Noto Sans KR', sans-serif;}
/* BASIC css end */

