@charset "utf-8";

/* Nav */
.list-nav { line-height:22px; margin-bottom:15px; }
.list-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .list-nav .page-nav { display:none; }
}

/* Ä«Å×°í¸® */
.list-category { margin-bottom:30px; }
.list-category .active a, .list-category .selected a { background:#266CD4 !important;  color:#fff; font-weight:bold !important; }

.tit {text-align:center; margin-bottom:30px;}
.list-category ul { list-style:none;display: flex; gap:15px;  justify-content: center;}

.tab-menu>li {font-size:16px;}
.tab-menu>li>a {border:2px solid #266CD4;border-radius: 22px; background:#f5f9ff;transition: 0.2s;}
.tab-menu>li>a:hover, .tab-menu>li>a:focus { text-decoration: none;background:#266CD4;  color:#fff;    outline: none; }

#slide-menu li a {font-size:16px; border:2px solid #266CD4;border-radius: 22px; background:#f5f9ff;transition: 0.2s;    padding: 10px 15px; white-space: nowrap;}
#slide-menu .slick-list {overflow: visible;}
#slide-menu li a:hover, #slide-menu li a:focus, #slide-menu li a:active { text-decoration: none;background:#266CD4;  color:#fff;    outline: none; }

/* Sort */
.list-sort ul { list-style:none; }


/* Sort ¼öÁ¤ */
.list-sort .on { font-weight:bold; color:#444 !important;}
.list-sort { margin:15px 0px 30px; line-height: 12px; font-size:16px;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; color:#888;}



/* »óÇ°Á¤·Ä¼ø */
.top-bar {display:flex;}
.top-bar li~li {border-left:1px solid #ddd;}

.label-btn {position: relative; margin: 0 !important; color:#444 !important;}
.dropdown-menu {min-width:auto; border: 1px solid #eee; border-radius:8px; margin-top:24px; padding:0; font-size:16px;}
.dropdown-menu>li>a {padding:14px 16px; margin:0 !important; display:block !important; color:#444;}
.list-sort .dropdown .on { font-weight: bold; color: #444 !important; background:#f5f5f5;}


@media (max-width:768px) {
	.list-sort { margin:15px 0px 60px; line-height: normal}
}


/* ¸ñ·Ï */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-text { font-size:12px; color:#888; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-btn { margin:30px 0px; }
.list-page .pagination { margin:0; }


/* ¸ñ·Ï ¼öÁ¤ */
.list-wrap .item-price b { font-size:16px; display:inline-block; }
.list-wrap .item-content { padding-top:18px;text-align:left; }

.list-wrap .item-name  a {display: -webkit-box; overflow: hidden; max-height: 44px; font-size: 18px; line-height: 22px; color: #222; font-weight: 500; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.list-wrap .item-price { margin-top:10px; line-height:22px; font-size:20px; font-weight:600; display: flex; align-items: baseline; gap:4px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.list-wrap .item-price p {color:#000; margin:0; font-weight:700;}
.list-wrap .item-sp {white-space:nowrap; color:#266CD4; font-size:18px;}
.list-wrap .item-price strike { color:#bbb; font-size:16px; display:inline-block; font-weight:500;text-overflow: ellipsis; overflow: hidden;}

.list-page { margin-bottom:15px; text-align:center; padding-top:20px;}


@media (max-width:768px) {
	.list-wrap .item-name a {font-size:17px;}
	.list-wrap .item-price {margin-top:8px; font-size:18px;line-height: 18px;}
	.list-wrap .item-sp {font-size:17px;}
	.list-wrap .item-price strike {display:none;}
}



/* »óÇ° À̹ÌÁö */
.img-wrap .img-item img {width:100%; border-radius:12px;}



.font-26 {font-size:26px;}