/* BASIC css start */
/* class-list */
#productClass .cate-wrap { margin-bottom:5px; }
#productClass .cate-wrap .bcate { font-family: "Pretendard Variable", Pretendard, sans-serif;padding:0px 0 5px;  font-size:28px; color:#111111; font-weight:600; text-align:center; }
#productClass .cate-wrap .bcate .title{position:absolute; top:76px; left:40px;}
#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap; gap:5px 15px; padding:5px; justify-content:left; align-items:center; box-shadow: 0 0 0 2px rgba(0,119,255,0.07);}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { }
#productClass .cate-wrap .class-list ul li a {position:relative; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight:500; display:block; font-size:16px; color:#3A3A3A;  padding:10px 10px; transition:all .1s; /*background-color:#f9f9f9;*/ border-radius:30px}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{font-size:16px; color:#fff; background-color:var(--main-color)}
#productClass .cate-wrap .class-list ul .active{background-color:var(--main-color); !important; font-weight: 700;  color:#fff; }
#productClass .cate-wrap .class-list .cate3 .active{background-color:#f9f9f9; !important; font-weight: 700;  color:var(--main-color); }
#productClass .cate-wrap .class-list .cate3 li a {position:relative; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight:500; display:block; font-size:16px; color:#3A3A3A;  padding:10px 10px; transition:all .1s; /*background-color:#f9f9f9;*/ border-radius:30px}
#productClass .cate-wrap .class-list .cate3 {border-top:0px solid #ddd; margin-top:15px;}
/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }





.prd-class-hd{position:absolute; left:20px;}




/* BASIC css end */