@charset "utf-8";

.search-box { border:1px solid #E2E5EB; background:#fff; padding:30px 15px 13px; margin-bottom:15px; border-radius:10px;}
.label-sp { margin-right:10px; }

/* »ó´Ü ¿©¹é */
.at-body {margin-top:30px;}

/* ¸ñ·Ï */
.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 { font-size:18px; 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 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:30px 0px; }
.list-page .pagination { margin:0; }


/* ¸ñ·Ï ¼öÁ¤ */
.list-wrap .item-content { padding-top:18px; text-align:left; }
.list-wrap .item-name {padding-right:1px; text-align:left; font-size:18px; 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; 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;}


@media (max-width:768px) {
	.list-wrap .item-name {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;}
}




/* 230918 °Ë»öâ style¼öÁ¤ */
 .search-box .control-label {font-size:16px; font-weight: 600;}
 .search-box .form-control {border:1px solid #E2E5EB;  box-shadow: none; border-radius:10px !important;height: 40px; padding: 5px 20px;font-size:16px; color:#333;}
 .search-con select.input-sm{background-color: #fff; box-shadow: none;border: 0;height: 35px;font-size:16px; color:#333; } 

.search-box .btn{border-radius: 10px !important; padding: 8px 20px !important;height: 40px; color: #f5f9ff;background: #266CD4;}
.search-box .btn span {font-size:16px;}
.search-box .col-sm-1 {padding: 0;}
.search-box  .input-group-addon {border:0; font-size:16px;}
.search-box  .col-sm-5 .input-group-addon {background: transparent;}
.search-box .input-group-addon:first-child {background: transparent;}


.search-box .form-control-static {word-break: keep-all; }


.search-box input[type=checkbox] {position: static;margin:-4px 0 0;}
select.input-sm:focus {box-shadow:none;}

.filter_box{ margin:0 auto; display:flex;justify-content: space-between;}
.filter_box .input-group-addon {display:none;}


.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #111; transition: .3s;} */


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

 @media screen and (max-width:767px){
	.search-box .col-sm-1 {padding: 0 15px;}
}

/* ÆäÀÌ¡ */
.pagination>li>a, .pagination>li>span{border:0; padding:3px 10px; font-size:16px; margin:0 5px;}

@media screen and (max-width:767px){
	.pagination>li>a, .pagination>li>span{padding:3px 8px;  font-size:12px; margin:0;}
} 

.sub_tit {margin-bottom:60px; text-align: center;}
.sub_tit h2 { font-weight:700; margin-top: 30px;}
.sub_tit span {color:#266CD4;}

@media screen and (max-width:991px){
	.sub_tit {margin-bottom:30px;}
	.sub_tit h2 {margin: 0;}
}