/* BASIC css start */
#prdBrand .title { font-weight: 500; font-size: 32px; color: #111; line-height: normal; margin-bottom: 20px; }

/*³×ºñ°ÔÀÌ¼Ç (ºê·¹µåÅ©·³)*/
#prdBrand .loc-navi { margin-top: 40px; padding: 0 0 64px; }
#prdBrand .loc-navi dd { margin: 0;  font-size: 14px; color: #8f8f8f; line-height: normal; display: flex; align-items: center; gap: 4px; }
#prdBrand .loc-navi dd a { color: #8f8f8f; }
#prdBrand .loc-navi dd a:last-of-type { color: #111; }

/*º£½ºÆ® »óÇ° ¼½¼Ç*/
.best-section .swiper-wrapper { transition-timing-function: linear; }
.best-section .prd-wrap .pr-info .bottom{border-top: none; padding-top: 0;}
#prdBrand .best-section { padding: 0 0 64px; }

#prdBrand .best-swiper .swiper-slide { width: 280px !important; }
#prdBrand .best-swiper .prd-wrap .pr-info .pr-price{display: flex; justify-content: space-between; align-items: center;}
#prdBrand .best-swiper .prd-wrap .pr-info .pr-price > div > *{display: inline-block;}
#prdBrand .best-swiper .prd-wrap .pr-info .pr-price > div .strike{margin-left: 4px;}

/* º£½ºÆ® - ¼øÀ§ ¹èÁö (CSS counter) */
#prdBrand .best-swiper .swiper-wrapper { counter-reset: rank; }
#prdBrand .best-swiper .prod_thumb .rank { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: #fff; display: flex; align-items: center; justify-content: center;  font-size: 20px; color: #111; counter-increment: rank; }
#prdBrand .best-swiper .prod_thumb .rank::before { content: counter(rank); }

/* display none*/
.item-wrap .item-info{display: none;}

.title_ban_wrap{margin-bottom:60px;}
.title_ban_wrap img{width:100%}

/* ÁßºÐ·ù ¸®½ºÆ® */
.cate-wrap{margin-bottom: 20px;}
.cate-wrap .cate_mid ul{display: flex; gap: 8px; align-items: center;}
.cate-wrap .cate_mid li {font-size: 15px; font-weight: 500; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 50px;}
.cate-wrap .cate_mid li a{color: #aaa; padding: 9px 16px; display: block;}
.cate-wrap .cate_mid li.now{border-color: #000; background-color: #000; }
.cate-wrap .cate_mid li.now a{color: #fff;}

/*ºÐ·ù »ó´Ü ¹è³Ê*/
.pr_list_b_01{position: relative; overflow: hidden; margin-bottom: 120px;}
.pr_list_b_01 .swiper-button-prev,.pr_list_b_01 .swiper-button-next{color: #fff;}
.pr_list_b_01 .swiper-button-prev{left: 24px;}
.pr_list_b_01 .swiper-button-next{right: 24px;}
.pr_list_b_01 .swiper-button-prev::after,.pr_list_b_01 .swiper-button-next::after{font-size: 28px;}


/*º£½ºÆ® ½½¶óÀÌµå ÆäÀÌÁö³×ÀÌ¼Ç*/
.best-section{position:relative;}
.best-section .swiper-button-next{right:-60px;}
.best-section .swiper-button-prev{left:-60px;}

.best-section .swiper-button-next,
.best-section .swiper-button-prev { width: 36px; height: 36px; background: rgba(0,0,0,0.4); border-radius: 10px; }


.best-section .swiper-button-next::after,
.best-section .swiper-button-prev::after { font-size: 16px; color: #fff; }

.hoverBtn02{opacity: 0; transition: 0.3s;}
.hoverBtn02.active{opacity: 1; transition: 0.3s;}
/* BASIC css end */

