@charset "utf-8";#Search .searchbox {
	border:1px solid #bbb;
	box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);
	background-color:#f5f6f7;
	padding:5rem 1rem;
	text-align:center;
	border-radius: 1rem;

	background: linear-gradient(135deg,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	background: linear-gradient(135deg,  #f6f8f9 0%,#eef3f5 45%,#e6edf1 55%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
#Search .searchbox h2 {
	font-size: 4rem;
	text-shadow: -1px -1px rgba(255,255,255,.75);
}
#Search .searchbox FORM {
	margin:3rem auto;
	padding:0;
}
#Search .searchbox FORM FIELDSET {
	position: relative;
	display: inline-block;

}
#Search .searchbox FORM INPUT {
	width:40rem;
	max-width:100%;
	height:5rem;
	padding:0 2rem;
	vertical-align: middle;
	border: 1px solid #aaa;
	border-radius: 0.5rem;
}
#Search .searchbox FORM BUTTON.search {
	border:0;
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;

}
#Search .searchbox FORM BUTTON.search::after {
    content: "\e97a";
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3rem;
    color: #222;
}

#Search .searchbox FORM ~ STRONG {
	display:block;
	font-size:2.4rem;
	margin-top:3.5rem;
}
#Search .searchbox FORM ~ STRONG:has(+.keyword_rangk:empty) ,
#Search .searchbox FORM ~ .keyword_rangk:empty {
	display:none;
}


#Search .keyword_rangk {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	padding:2rem 0;
}
#Search .keyword_rangk > LI {
	padding:1rem 0.5rem;
}
#Search .keyword_rangk > LI A.tags {
	font-size:1.5rem;
	border:1px solid #aaa;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background-color: #fafafa;
}
#Search .keyword_rangk > LI A.tags:hover {
	border-color:#222;
	box-shadow:0 0 3px 2px rgba(0,0,0,.15);
	background:#fff;
}
#Search .keyword_rangk > LI A.tags::before {
	content:'#';
	display:inline-block;
}


#Search h4.null {
	border:1px solid #bbb;
	padding:5rem;
	text-align:center;
	color:#c00;
	margin:3rem 0;
}




.totalSearch_header { margin-top:5rem; }
.totalSearch_header h4 {font-size:1.25em; }
.totalSearch_header h4 > big { color:#3378C1; }
.totalSearch_header table { margin-top:1rem; }
.totalSearch_header th ,
.totalSearch_header td { padding:1.5rem 3rem; }
.totalSearch_header td {  }

.totalSearch_header UL > LI  { float: left; margin-right:20px; }
.totalSearch_header UL > LI > EM { margin-left:5px; font-style: normal; color:#1F9ED4; font-weight:400;}

.search_result {
	padding-top:40px;
}
.search_result +.search_result {
	margin-top:40px;
	border-top:1px solid #aaa;
}

.search_result h4 {font-size:2.4rem;  }
.search_result h4 > small { display: inline-block;  vertical-align: top; margin-left:1rem;  padding-top: 0.6rem; font-size: 1.6rem; color:#666; }
.search_result .search_more { text-align:right; padding-top:5rem; }
.search_result .search_more > a { display:inline-block;   text-underline-position : under; font-weight:bold; color:#1F9ED4; }
.search_result .search_more > a::after {
	content: "\e93f";
	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3rem;
	color:#1F9ED4;
	vertical-align: -0.6rem;
}

.search_result h4::after { content:''; display:block; clear:both; }

.search_result H4 + UL { margin-top:1rem; }
.search_result > UL > LI { padding:2rem 0; border-top:1px dashed #ccc; }
.search_result > UL > LI:first-child {  border-top:0; }
.search_result > UL > LI > P { margin:0.8rem 0;}
.search_result .cate { display:inline-block; border:1px solid #1F9ED4; color:#1F9ED4;  padding:0.1rem 1.35rem; font-size:1.35rem; border-radius:0.3rem;}
.search_result .cate:hover { border:1px solid #1F9ED4; background-color:#4bb4e1; color:#fff; text-shadow:-1px -1px rgba(0,0,0,.1); }
.search_result .date { color:#999; font-size:1.4rem; margin-left:1rem;}
.search_result .title { display:inline-block; padding-top:0.5rem; font-weight:bold; font-size:1.15em;}
.search_result .cont { display:inline-block; }

.search_result .themeList .listBox p.img > img {
	min-height:154px;
	max-height:154px;
}



/* 검색결과 없음 */
.search_result.null {
    text-align: center;
    font-size: 3rem;
    padding: 10rem;
	color: #777;
}



/* 카테고리 검색 */
.search_result.cate UL {
	list-style-type: disc;
	padding-left:1rem;
}
.search_result.cate UL > LI {
	padding: 0.5rem 0;
	border-top-width: 0;
}
.search_result.cate .cate {
	border-color: transparent;
	color: #222;
	font-size: 100%;
	padding:0;
}
.search_result.cate .cate:hover {
	border-color: transparent;
	border-bottom:1px solid #222;
	background-color: transparent;
	color: #222;
	text-shadow: none;
}

.search_result UL:has(>LI.null) {
	list-style: none;
	padding:0;
}
.search_result UL > LI.null {
	padding: 3rem 0;
	color:#999;

}


/* 관광지 검색 */
.search_result.tour UL {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
}
.search_result.tour UL > LI {
	width: calc(100% / 4);
	padding:1.5rem;
	border-top-width:0;
}

@media (max-width: 1023px) {
	.search_result.tour UL > LI {
		width: calc(100% / 3);
	}

}
@media (max-width: 767px) {
	.search_result.tour UL > LI {
		width: calc(100% / 2);
		padding:1rem;
	}

}

.search_result.tour UL > LI A {
    display: block;
    height: 100%;
    width: 100%;
}


.search_result .search_cube {
	width: 100%;
    height: 100%;
	border:1px solid #ccc;
	padding:1.5rem;
}
.search_result .search_cube DT {
	width:100%;
	height:20rem;
}
.search_result .search_cube IMG {
	width:100%;
	height:100%;
	object-fit:cover;
}

.search_result .search_cube DD {
	padding-top:2rem;
}
.search_result .search_cube .cate + STRONG {
	margin-top:1rem;
}

.search_result .search_cube STRONG {
	display:block;
    font-weight: bold;
    font-size: 1.8rem;
}
.search_result .search_cube .con {
	padding:1rem 0;
	font-size:1.5rem;
	color:#666;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow: hidden;

	white-space: normal;
    line-height: 1.5;
    text-align: left;
    word-wrap: break-word;
	-webkit-line-clamp: 2;
	
	max-height:5.5rem;
	margin-bottom:1rem;
}