/* BASIC css start */
/* BASIC css start */
/* class-list */
#productClass .cate-wrap { margin: 0 auto 40px; overflow: hidden; }
#productClass .cate-wrap .bcate { margin-bottom: 40px; font-size:28px; font-weight: 600; color:var(--black03); text-align:center; }
#productClass .cate-wrap .class-list ul { text-align:center; }
#productClass .cate-wrap .class-list ul li { width: auto; }
#productClass .cate-wrap .class-list ul li:last-of-type { margin-right: 0; }
#productClass .cate-wrap .class-list ul li a { display:block; height: 36px; font-size:16px; font-weight: 400; letter-spacing: -0.7px; line-height: 36px; padding: 0 16px; border: 1px solid var(--gray04); box-sizing: border-box; border-radius:50px; }
#productClass .cate-wrap .class-list ul li.sel a,
#productClass .cate-wrap .class-list ul li:hover a { border-color: var(--red); background-color: var(--red); color: var(--white); }
#productClass .cate-wrap .class-list.depth02Cate,
#productClass .cate-wrap .class-list.sameLineCate { margin-bottom: 40px; }
#productClass .cate-wrap .class-list.sameLineCate.depth03,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 { margin-bottom: 0; }
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li { margin-right: 50px !important; position: relative; top: 0; left: 0; }
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li::after,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li::after { content: ""; display: block; width: 1px; height: 10px; background-color: var(--gray05); position: absolute; top: 0; right: 0; transform: translate(25px, 13px); }
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li:last-of-type,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li:last-of-type { margin-right: 0 !important; }
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li:last-of-type::after,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li:last-of-type::after { display: none; } 
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li:hover a,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li:hover a { color: var(--red); }
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li.sel a,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li.sel a { color: var(--red); }
#productClass .cate-wrap .class-list.sameLineCate.depth03 ul li a,
#productClass .cate-wrap .class-list.sameLineCate + .depth01 ul li a { padding: 0; border-color: transparent; background-color: transparent; }
#productClass .cate-wrap .class-list.depth03 ul { justify-content: center; }



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

.best_sec{margin-bottom:60px; padding:100px 0 30px; }

.best_sec_inner{ margin:0 auto;position:relative; }
.best_sec .swiper{padding-bottom:40px;}
.best_sec .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
.best_sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;}

#productClass .item-wrap { margin-top: 60px; }

#wrap #contentWrapper #productClass .page-body > img:first-of-type,
#wrap #contentWrapper #productClass .page-body > a:first-of-type img { display: block; width: 100%; height: auto; margin-bottom: 60px; max-width:1200px }
/* BASIC css end */


/* BASIC css end */