@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:20px; }
.list-category ul { list-style:none; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; }
.list-sort ul { list-style:none; }
.list-sort .on { font-weight:bold; color:crimson !important;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* ¸ñ·Ï */
.list-wrap { overflow:hidden; }
.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-content { padding-top:10px; margin:0px 4px; text-align:center; }
.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-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
.list-wrap .item-text { font-size:12px; color:#888; }
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.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-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }


/*¸®½ºÆ® »ó´Ü*/
.sub_path,
.sub_top_tit{display:none;}
.shop_top_box .sub_path{display:flex;}
.shop_top_box .sub_top_tit{display:block;}

.product_top{display:flex;flex-wrap:wrap;align-items:flex-end;padding-bottom:40px;border-bottom:2px solid #333;}
.product_top .item_total{margin-right:auto;font-size:16px;line-height:1.2;font-weight:500;}
.product_top .item_total b{color:#333;margin-left:10px;}
.product_top .search_form{width:100%;max-width:445px;}
.product_top .search_box{display:flex;flex-wrap:wrap;align-items:center;}
.product_top .search_box select{width:125px;height:48px;margin-right:5px;padding:0 15px;font-size:16px;background-color:#fff;border:1px solid #ddd;box-shadow:none;padding-top:3px;}
.product_top .search_box .input_box{width:calc(100% - 130px);position:relative;}
.product_top .search_box .input_box input{width:100%;height:48px;padding:0 65px 0 15px;font-size:16px;border:1px solid #ddd;box-shadow:none;}
.product_top .search_box .input_box button{font-size:0;width:48px;height:48px;background:url('/thema/Basic/img/board_search.png') no-repeat center #333;position:absolute;top:0;right:0;}

/*¸®½ºÆ® »óÇ°*/
.item-row:nth-child(3n+1){clear:both;}
.item-row .item-list{display:block;}
.item-row .item-list .img_box{position:relative;overflow:hidden;}
.item-row .item-list .img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;}
.item-row .item-list .txt_box{margin-top:35px;}
.item-row .item-list .txt_box .title{font-size:20px;line-height:1.6;font-weight:500;margin-bottom:10px;}
.item-row .item-list .txt_box .price{display:flex;align-items:flex-end;}
.item-row .item-list .txt_box .price > b{font-size:24px;margin-right:auto;padding-right:15px;}
.item-row .item-list .txt_box .price > span{font-size:20px;}
.item-row .item-list .txt_box .price > span .dc{color:#349105;margin-left:10px;}

@media all and (max-width:1200px){
	/*¸®½ºÆ® »óÇ°*/
	.item-row .item-list .txt_box{margin-top:25px;}
	.item-row .item-list .txt_box .title{font-size:18px;margin-bottom:7px;}
	.item-row .item-list .txt_box .price > b{font-size:20px;}
	.item-row .item-list .txt_box .price > b.call{font-weight:500;}
	.item-row .item-list .txt_box .price > span{font-size:18px;}
	.item-row .item-list .txt_box .price > span .dc{margin-left:5px;}
}
@media all and (max-width:1024px){
	/*¸®½ºÆ® »ó´Ü*/
	.product_top{padding-bottom:30px;}
	.product_top .search_box select{width:110px;height:45px;padding-top:5px;}
	.product_top .search_box .input_box{width:calc(100% - 115px);}
	.product_top .search_box .input_box input{height:45px;}
	.product_top .search_box .input_box button{width:45px;height:45px;}

	/*¸®½ºÆ® »óÇ°*/
	body .list-wrap{margin-right:-20px;}
	body .list-wrap .item-list{margin-right:20px;margin-bottom:50px;}
	.item-row .item-list .txt_box{margin-top:20px;}
	.item-row .item-list .txt_box .title{font-size:16px;}
	.item-row .item-list .txt_box .price > b{font-size:18px;}
	.item-row .item-list .txt_box .price > span{font-size:16px;}
}
@media all and (max-width:768px){
	/*¸®½ºÆ® »ó´Ü*/
	.shop_top_box .sub_path{margin-bottom:0;}

	.product_top{padding-bottom:25px;}
	.product_top .item_total{font-size:14px;}
	.product_top .search_form{max-width:320px;}
	.product_top .search_box select{height:40px;font-size:14px;}
	.product_top .search_box .input_box input{height:40px;font-size:14px;}
	.product_top .search_box .input_box button{width:40px;height:40px;}

	/*¸®½ºÆ® »óÇ°*/
	body .list-wrap{margin-right:-15px;}
	body .list-wrap .item-list{margin-right:15px;margin-bottom:40px;}
	.item-row:nth-child(3n+1){clear:none;}
	.item-row:nth-child(2n+1){clear:both;}
	.item-row .item-list .txt_box .title{font-size:14px;}
	.item-row .item-list .txt_box .price > b{font-size:16px;}
	.item-row .item-list .txt_box .price > span{font-size:14px;}
}
@media all and (max-width:480px){
	/*¸®½ºÆ® »ó´Ü*/
	.product_top .item_total{width:100%;text-align:center;margin-bottom:10px;}
	.product_top .search_form{margin:0 auto;}
	.product_top .search_box select{width:100%;margin:0 0 10px;}
	.product_top .search_box .input_box{width:100%;}

	/*¸®½ºÆ® »óÇ°*/
	.item-row .item-list .txt_box .price > b,
	.item-row .item-list .txt_box .price > span .dc{display:none;}
	.item-row .item-list .txt_box .price > b.call{display:inline-block;}
}