@charset "utf-8";

.search-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.label-sp { margin-right:10px; }

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

/* Sort */
.list-sort { margin:10px 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; line-height:1.4; }
.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:10px 0 0; text-align:left; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:1.4; height:20px; margin-bottom:4px; }
.list-wrap .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:left; font-size:18px; height:auto !important;}

.list-wrap .item-name b {display: -webkit-box; -webkit-line-clamp: 2; /* Ç¥½ÃÇÏ°íÀÚ ÇÏ´Â ¶óÀÎ ¼ö */-webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}

.list-wrap .item-text { font-size:14px; color:#888; margin:5px 0;}
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:24px; display:inline-block; margin:0px;  }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px 0 0; font-size:16px; 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-btn { margin:30px 0px; }
.list-page { margin:20px 0 15px; }
.list-page .pagination { margin:0; }

/*°Ë»öâ*/
.search-box .form-control, select.input-sm{background-color: #ebebeb; box-shadow: none;border: 0;}
.search-box .item-sfl{padding:0;}
.search-box .btn {border-radius: 30px !important;}
.search-box  .input-group-addon {border:0;}
.search-box .form-control, select.input-sm { height: 40px !important; border-radius: 25px !important;padding: 5px 20px !important;}
.search-box  .col-sm-5 .input-group-addon {background: transparent;}
.search-box  .input-group .input-group-addon2 {/* position: absolute; */ z-index: 2; right: -20px;}
.search-box .input-group-addon:first-child {background: transparent; padding:5px !important;}
.at-container, .at-container a, .at-container .btn, .at-container input{}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn, .search-box .form-control, select.input-sm {font-size: 16px;color:#333;font-family:'SpoqaHanSansNeo-Light','Noto Sans KR', sans-serif !important;}
.search-box .form-control-static {word-break: keep-all;font-family:'SpoqaHanSansNeo-Light','Noto Sans KR', sans-serif !important;}
.search-box .form-group{margin-bottom:20px;display: flex; align-items: center;}
.form-horizontal .checkbox-inline {padding-top: 0;}
.form-horizontal .control-label {padding-top:0;}
.search-box input[type=checkbox] {position: static;margin:-4px 0 0;}
select.input-sm:focus {box-shadow:none;}
.filter_box{ margin:0 auto;}
.filter_box .col-sm-3:last-child{margin-left: 20px;}
.filter_box .col-sm-3:first-child{margin-right: -20px;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #111; transition: .3s;}

@media screen and (max-width:767px){
	.filter_box .col-sm-3:last-child{margin-left: -20px;}
	.list-wrap .item-name{font-size:16px;}
	.list-wrap .item-price b{font-size:20px;}
}


@media (max-width: 991px){
	.search-box .form-group {display: block;}
}

/*Èıâ*/
.list-wrap .item-info span {color: #999; transition:color 0.2s}
.list-wrap .item-info span:hover {color: #006A5B;}

/* Àû¸³¶óº§ */
.list-wrap .item-sp {position:absolute; z-index: 9; bottom: 0px; padding: 4px 10px !important;  font-size:11px; margin:0;}