@charset "utf-8";

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

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



/* ¾÷ü °Ë»ö */
.com_search_box{border:1px solid #ddd;padding:50px 60px;}
.com_search_box input,
.com_search_box label{margin:0;}
.com_search_box .search_option{display:flex;flex-wrap:wrap;align-items: flex-start;margin-bottom:30px;}
.com_search_box .search_option:last-child{margin-bottom:0;padding-top:40px;border-top:1px solid #ddd;}
.com_search_box .search_option .title_box{width:20%;font-size:18px;padding-right:20px;}
.com_search_box .search_option .title_box.pdT{padding-top:25px;}
.com_search_box .search_option .content_box{width:80%;font-size:16px;}
.com_search_box .search_option .check_box{display:flex;flex-wrap:wrap;align-items: flex-start;gap:15px 0;}
.com_search_box .search_option .check_box .ck_inline{width:14.28571428571429%;cursor:pointer;}
.com_search_box .search_option .check_box.check_box2 .ck_inline{width:33.3333%;}
.com_search_box .search_option .check_box.check_box3{gap:15px 35px;}
.com_search_box .search_option .check_box.check_box3 .ck_inline{width:auto;}
.com_search_box .search_option .check_box .ck_inline input{margin-top:-3px;}
.com_search_box .search_option .check_box .ck_desc{display:block;font-size:11px;color:red;margin-top:3px;}
.com_search_box .search_option .sub_search{position:relative;max-width:500px;}
.com_search_box .search_option .sub_search .inner_box input{width:100%;padding:0 100px 0 20px;border:2px solid #333;height:60px;}
.com_search_box .search_option .sub_search .inner_box button{position:absolute;top:0;right:0;width:84px;height:60px;background:#333;color:#fff;}
.com_search_box .search_option .sub_search .desc{font-size:14px;margin-top:10px;} 

.item-list .title{font-size:20px;line-height:1.4;}
.item-list .cate{font-size:16px;line-height:1.4;display:block;margin-top:10px;}
.item-list .img_box{position:relative;overflow:hidden;border:1px solid #ddd;}
.item-list .img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:auto;}
.item-list .img_box .hover_box{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s;}
.item-list .img_box .hover_box:hover{opacity:1;}
.item-list .img_box .hover_box .inner_box{width:100%;padding:0 15px;text-align:center;}
.item-list .img_box .hover_box .inner_box *{color:#fff;}
.item-list .img_box .hover_box .cate{margin-top:20px;}
.item-list .img_box .hover_box .view_btn{display:block;width:126px;height:34px;line-height:36px;border:1px solid #fff;font-size:16px;margin:40px auto 0;transition:all 0.3s;}
.item-list .img_box .hover_box .view_btn:hover{background:#fff;color:#333;font-weight:700;}
.item-list .txt_box{margin-top:25px;}

/* Æ÷Æ®Æú¸®¿À °Ë»ö */
.item_search_wrap .item-list{display:block;}
.item_search_wrap .item-list .title{display:block;/* overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:56px; */}
.item_search_wrap .item-list .info{display:flex;flex-wrap:wrap;font-size:16px;margin-top:15px;}
.item_search_wrap .item-list .info .compy{width:calc(100% - 110px);}
.item_search_wrap .item-list .info .date{width:110px;text-align:right;color:#777;}

/* ÅëÇÕ°Ë»ö */
.search_total{font-size:28px;position:relative;padding-right:150px;}
.search_total .more_btn{position:absolute;bottom:5px;right:0;}
.search_total .total_txt{font-weight:700;word-break: keep-all;}
.search_total .total_txt b{color:#b81c35;}
.search_total .total_txt strong{font-size:20px;}
.search_content{position:relative;}
.search_content .search_prev,
.search_content .search_next{width:64px;height:64px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-color:#fff;border:1px solid #ddd;position:absolute;top:40%;transform:translateY(-50%);z-index:1;font-size:0;}
.search_content .search_prev{background-image:url('/thema/Basic/img/search-prev.png');left:-10%;}
.search_content .search_next{background-image:url('/thema/Basic/img/search-next.png');right:-10%;}

@media all and (max-width:1500px){
	/* ÅëÇÕ°Ë»ö */
	.search_content .search_prev,
	.search_content .search_next{width:50px;height:50px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.search_content .search_prev{left:-10px;}
	.search_content .search_next{right:-10px;}
}
@media all and (max-width:1200px){
	/* ¾÷ü °Ë»ö */
	.com_search_box .search_option .check_box.check_box2 .ck_inline{width:50%;}
}
@media all and (max-width:1024px){
	body .list-wrap{margin-bottom:-40px;}
	body .list-wrap .item-list{margin-bottom:40px;}

	.list-page { margin-top:40px; }

	/* ¾÷ü °Ë»ö */
	.com_search_box{padding:40px 30px;}
	.com_search_box .search_option{margin-bottom:20px;}
	.com_search_box .search_option:last-child{padding-top:30px;}
	.com_search_box .search_option .title_box{width:120px;font-size:16px;}
	.com_search_box .search_option .title_box.pdT{padding-top:20px;}
	.com_search_box .search_option .content_box{width:calc(100% - 120px);font-size:14px;}
	.com_search_box .search_option .check_box .ck_inline{width:20%;}
	.com_search_box .search_option .sub_search .inner_box input{padding:0 85px 0 15px;height:50px;}
	.com_search_box .search_option .sub_search .inner_box button{width:70px;height:50px;}
	.com_search_box .search_option .sub_search .desc{font-size:13px;} 

	.item-list .title{font-size:18px;}
	.item-list .cate{font-size:14px;}
	.item-list .img_box .hover_box .cate{margin-top:10px;}
	.item-list .img_box .hover_box .view_btn{font-size:14px;margin-top:30px;}
	.item-list .txt_box{margin-top:20px;}

	/* Æ÷Æ®Æú¸®¿À °Ë»ö */
	/* .item_search_wrap .item-list .title{height:50px;} */
	.item_search_wrap .item-list .info{font-size:14px;margin-top:10px;}
	.item_search_wrap .item-list .info .compy{width:calc(100% - 95px);}
	.item_search_wrap .item-list .info .date{width:95px;}

	/* ÅëÇÕ°Ë»ö */
	.search_total{font-size:24px;padding-right:110px;}
	.search_total .total_txt strong{font-size:16px;}
}
@media all and (max-width:768px){
	body .list-wrap{margin-bottom:-30px;}
	body .list-wrap .item-list{margin-bottom:30px;}

	/* ¾÷ü °Ë»ö */
	.com_search_box{padding:30px;}
	.com_search_box .search_option .title_box{width:100%;margin-bottom:15px;}
	.com_search_box .search_option .title_box.pdT{padding-top:0;}
	.com_search_box .search_option .content_box{width:100%;}
	.com_search_box .search_option .check_box .ck_inline{width:33.3333%;}
	.com_search_box .search_option .check_box.check_box2{gap:15px 25px;}
	.com_search_box .search_option .check_box.check_box2 .ck_inline{width:auto;}
	.com_search_box .search_option .check_box.check_box3{gap:15px 25px;}

	.item-list .title{font-size:16px;}
	.item-list .img_box .hover_box .cate{margin-top:10px;}

	/* Æ÷Æ®Æú¸®¿À °Ë»ö */
	/* .item_search_wrap .item-list .title{height:43px;} */

	/* ÅëÇÕ°Ë»ö */
	.search_total{font-size:20px;padding-right:0;}
	.search_total .total_txt{display:block;margin-bottom:10px;}
	.search_total .total_txt strong{font-size:14px;}
	.search_total .more_btn{position:static;}
}
@media all and (max-width:380px){
	.responsive .list-wrap .item-row{width:100% !important;}

	/* ¾÷ü °Ë»ö */
	.com_search_box .search_option .check_box{gap:15px 25px;}
	.com_search_box .search_option .check_box .ck_inline{width:auto;}
	.com_search_box .search_option .check_box.check_box2 .ck_inline{width:100%;}

	/* Æ÷Æ®Æú¸®¿À °Ë»ö */
	/* .item_search_wrap .item-list .title{height:auto;} */
}