@charset "utf-8";

/*검색을 정의*/
.searchCon{width:100%;margin:0px auto;padding:25px 40px;}
.searchCon > div{display:flex;align-items:center;justify-content:center;}
.searchCon select  , .searchCon[type='text']{width:auto;display:inline-block;}
.searchCon .searchform , .searchCon .searchdate{margin-bottom:10px;}
.searchCon .searchdate button.btn-primary{color:white;border:1px solid #005cbf}
.searchCon .btn{border-radius:0px;}
/*리스트 정의*/

.searchList{width:980px;margin:20px auto 50px auto;}

.searchList .list_title{margin-bottom:20px;font-size:23px;font-weight:700;}
.searchList .list_title .cnt{font-size:17px;font-weight:400;}
.searchList > ul{margin:0px;padding:0px;}
.searchList > ul.newsList{border-top:2px solid #aaa;}

.searchList > ul li{padding:15px 10px;border-bottom:1px solid #ccc;}
.searchList > ul li.webzin{display:flex;}
.searchList > ul li.webzin .wzimage{width:180px;margin-right:30px;text-align:center;}
.searchList > ul li.webzin .wzimage img{max-width:100%;}
.searchList > ul li.webzin .wztext{padding-top:5px; width:calc(100% - 210px);}
.searchList > ul li.webzin > div > div > a{display:inline-block;}
.searchList >  ul li.webzin > div > .wzSubject a .category{font-weight:500;margin-right:5px;}
.searchList >  ul li.webzin > div > .wzSubject a {margin-bottom:7px;font-size:20px;font-weight:700;color:#333;}
.searchList > ul li.webzin > div > .wzContent a{font-size:18px;line-height:28px;font-weight:400;color:#555;}

.searchList > ul li.textList > div > a{display:block;}
.searchList > ul li.textList > div.tlSubject > a {margin-bottom:7px;font-size:20px;font-weight:700;color:#333;}
.searchList > ul li.textList > div.tlContent > a {font-size:18px;line-height:28px;font-weight:400;color:#555;}

.searchList > ul li.textList > div.tlSubject span.category{font-weight:500;margin-right:5px;}

.sch_word{background-color:yellow;}

.photoList{display:flex;flex-wrap:wrap;padding:0px;margin:0px;}
.photoList li{width:calc(33.3% - 16px);padding:0px;margin:15px 8px;border:1px solid #ccc;}
.photoList li .image{position:relative;margin-bottom:10px;width:100%;max-height:150px;height:18vw;border-bottom:1px solid #ccc;}

.photoList li .image a{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:no-repeat center center;background-size:cover;}

.photoList .text a{display:block;}
.photoList .text .photoSubject a {width:100%;height:50px;line-height:25px;margin-bottom:7px;font-size:19px;font-weight:700;color:#333;overflow:hidden;}

.photoList .text .photoContent a {font-size:18px;height:66px;line-height:22px;font-weight:400;color:#333;overflow:hidden;}

.photoList .text .photoSubject a span.category{font-weight:500;margin-right:5px;}

@media (max-width: 500px) {
	
	/*검색을 정의*/
	.searchCon{padding:20px 0px;}
	
	/*리스트 정의*/

	.searchList{width:100%;padding:10px 15px;letter-spacing:0.0em;}
	.searchList .list_title{margin-bottom:10px;}
	.searchList > ul li{padding:8px 3px;}
	.searchList > ul li.webzin .wzimage{width:100px;padding-top:3px;margin-right:15px;}
	.searchList > ul li.webzin .wztext{padding-top:0px;width:calc(100% - 115px);}
	.searchList > ul li.webzin > div > .wzSubject a {margin-bottom:3px;font-size:18px;line-height:25px;max-height:50px;overflow:hidden;}
	.searchList > ul li.webzin > div > .wzContent a{font-size:17px;line-height:25px;max-height:50px;overflow:hidden;}

	.searchList > ul li.textList > div > a{display:block;}
	.searchList > ul li.textList > div.tlSubject > a {margin-bottom:5px;font-size:18px;}
	.searchList > ul li.textList > div.tlContent > a {font-size:18px;line-height:25px;max-height:50px;overflow:hidden;font-weight:400;}

	.pagination .page-item{font-size:18px;}
	ul.pagination .page-item a , ul.pagination .page-item span {padding:0.8rem;border-radius:0px !important;}

		

	.photoList{width:100%;margin:0px;;}
	.photoList li{width:100%;margin:0px 0px 20px 0px;}
	.photoList li .image{max-height:200px;height:60vw;}

	.photoList .text .photoSubject a {margin-bottom:7px;font-size:18px;height:auto;}
	.photoList .text .photoContent a {padding:0px 5px;font-size:17px;height:44px;line-height:22px;}

}