@charset "utf-8";
/* 전체검색결과 스킨 */
#search_result{margin-bottom: 10rem;}
.tit_box{display: flex; justify-content: space-between; align-items: flex-end;padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ebebeb;}
.tit_box ul{display: flex;}
.tit_box li{font-size: 0.9rem;}
.tit_box li + li::before{content:"\f105"; font-weight: 900; display: inline-block; clear: both; font-family: "Font Awesome 6 Pro"; margin: 0 10px; color: #ccc;}

/* 검색조건 */
.sr1_001{padding: 20px; padding-top: 0; border-bottom: 1px solid #ebebeb; margin-bottom: 20px;}
.terms_box > div{display: flex; align-items: center;}
.terms_box > div + div{margin-top: 1rem;}
.terms_box > div > b{display: block; width: 160px; font-weight: 500;}
.terms_box .ul_group{gap: 20px;}
.terms_search{position: relative; width: calc(100% - 160px);}
.terms_search input[type=text]{display: block; width: 100%; border: 2px solid #1a1a1a; padding: 0.5rem 1rem; border-radius: 1.5rem; font-size: 0.9rem; line-height: 1.5rem; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);}
.terms_search input[type=submit]{position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; background: url("./img/search_icon.svg") no-repeat center / contain;}

/* 검색결과 */
.sr2_001{}
.sr2_001 .tit{font-weight: 500;}
.art_list_all{border-top: 2px solid #1a1a1a; margin-top: 20px;}
.art_list_all > li{border-bottom: 1px solid #ebebeb;}
.art_list_all > li > a{display: flex; align-items: center;}
.art_list_all .img{width: 25%; max-width: 210px; aspect-ratio: 3/2; overflow: hidden;}
.art_list_all .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.art_list_all .text{width: 75%; padding: 10px;}
.art_list_all .text b{display: block; font-size: 1.2rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.art_list_all .text p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; height: 2.6em; font-size: 0.9rem; margin-top: 10px;}
.art_list_all .text .name{display: block; font-size: 0.85rem; margin-top: 10px; color: #999;}

/* 결과 없음 */
.empty_list{width: fit-content; margin: 10rem auto 0 auto;}
.empty_list p{margin-top: 20px; line-height: 2; font-size: 0.9rem; color: #999;}

/* 페이징 */
.paging{display: flex; align-items: center; justify-content: center; gap: 1rem; }
.btn_pagenum a {color: #888;}
.btn_pagenum a + a{margin-left: 1rem;}
.btn_pagenum a.on{font-weight: 600; color: #000;}

.pg_start, .pg_end{display: inline-block; text-indent: -9999px; width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-position: center;}
.pg_start{background-image: url("./img/arrow_left.svg");}
.pg_end{background-image: url("./img/arrow_right.svg");}


@media screen and (max-width: 640px){
	.sr1_001{padding-left: 0.5rem; padding-right: 0.5rem;}
	.terms_box > div + div{margin-top: 1rem;}
	.terms_box > div > b{width: 80px; font-size: 0.9rem;}
	.rdo_list li{font-size: 0.9rem;}
	.rdo_list input[type=checkbox]{width: 1.2rem; height: 1.2rem; vertical-align: sub;}
	.sr2_001 .tit{font-size: 1rem; line-height: 1.3;}
	.terms_box > div.terms_2 > b{display: none;}
	.terms_search{width: 100%;}

	.art_list_all .img{aspect-ratio: 1/1;}
	.art_list_all .text b{font-size: 1rem;}
	.art_list_all .text p, .art_list_all .text .name{font-size: 0.8rem;}
}

@media screen and (max-width: 425px){
	.sr1_001{padding-left: 0; padding-right: 0;}
	.terms_box .ul_group{gap: 10px;}
	.rdo_list input[type=checkbox]{margin-right: 0;}
}