/* smartphones, touchscreens 
 * 검색 결과창 스크롤바 숨기기 
 */
/*@media (hover: none) and (pointer: coarse) {
	.scrollbar{
		-ms-overflow-style: none !important; 
		scrollbar-width: none;
	}
	.scrollbar::-webkit-scrollbar {display: none;}
}*/
@media (max-width: 640px){
	.wh_search_page .container-fluid{
		padding: 0px 15px 50px 15px !important;
	}
}
/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse){
    #searchForm > div {
        /* width: 90%; */
        width: 100%;
    }
    .wh_search_button {
        /* display: none; */
        display: block;
		margin-bottom: 4px
    }
    
	.wh_search_textfield:focus {
		border-radius: 0;	 
		background-color: #ffffff;
		transition: width 0.2s ease-in-out;
	}

	.wh_search_page .container-fluid{
		padding: 0px 15px 50px 15px !important;
	}
	.wh-search-pagination .next.page-link:hover,
	.wh-search-pagination .prev.page-link:hover{
		border: .5px solid; 
		color: #05141F;
	}
}

/*
 * search page > content 영역 최대 크기/위치 설정
 */
.wh_search_page .container-fluid {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 63px 15px 50px 15px;
}
.wh_search_container {
	padding: 0;
    border-bottom: 2px solid #000000;
    height: 77px;
    width: 100%;	
}
.wh_search_input {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
.header-right-container {
	display: flex;
	/* display: none; */
    align-items: center;
}
/* qrg용_LSU */
.header-right {
	/* padding-inline-start: 16px; */
}
/* 돋보기 아이콘  */
#searchForm{
	padding-top: 0.3em;
    margin: 0;
    display: none;
}
#searchForm > div {
    width: auto;
    height: 2em;
}
/*
 * 서치박스 
 */
/* textfield내의 글자색 */
::placeholder {
    color: #CCD0D3;
}
.wh_search_textfield {
    border: 1px solid #CCD0D3;
    width: 0;
	margin-inline-end: 0;
	opacity: 1; 
	max-width:220px;
	display:none;
	transition: width 0.2s ease-in-out;
	position: absolute;
	right: -5px;
	top: -5px;
}
/* border가 둘다 있어야함.. */
.wh_search_textfield.show {
    display:inline;	
}
.wh_search_textfield:focus {
	padding-inline-end: 30px;
	margin-inline-start: 10px;
	display:inline;
	border-radius: 4px;	 
	/*background-color: #eeeeee;*/
	width: 220px;
	top: -5px;
	border: 1px solid #05141F;
}
.wh_search_textfield.activeTextfield {
	padding-inline-end: 54px;
	display:inline !important;
	/*background-color: #eeeeee;*/
	
}

.wh_search_button {
	background-image: url("images/icon_search.svg");
	background-repeat: no-repeat;
	background-color: transparent;
	/* background-position: center; */
	border: 0;
	position: relative;
    padding: 0;	
	height: 20px;
    width: 20px;
	margin-top: 2px;
	display: block;
}
.wh_search_rm_button {
	background-image: url("images/icon_remove_txt.svg");
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	position: relative;
	height: 16px;
    width: 16px;
	padding: 0 12px 0 12px;
	margin-top: 4px;
}
/*
.wh_search_rm_button {
	content: url("images/icon_remove_txt.svg");
	position: relative;
	padding: 0 12px 0 12px;
	margin-top: 4px;
}
*/
.wh_search_rm_button:hover {
	cursor: pointer;
}

button:focus{
	border: none;
	outline: none;
}
.wh_search_button:after {
    content: none;
}

.searchresult li::marker{
    content: none;
}

.scrollbar{
	overflow-y: auto;
}
/* 검색결과페이지 하단 */
.pagination {
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #697278;
}
.wh_search_results .searchresult a:hover{
	text-decoration:underline
}
#wh-search-pagination > ul > li.active > a{
	z-index: 0;
	background-color: #697278;
    border-color: #697278 !important;
}
.page-link{
	color: #05141F;
	border:0;
}
/*
 * 자체 css 막기 
 */
.page-link:focus{
	box-shadow: none;
}
.page-link:hover{
	z-index:unset; 
	background-color: unset;
	color: #05141F;
}
#star .star{
	display: none; 
}
.page-link a{
	color: #9BA2A9;
}
.page-link font:first-child{
	font-weight: bold;
}
.page-link font:not(:first-child){
	color: #9BA2A9;

}
/* 검색 결과창 디자인 */
.searchresult li a{
	color: #4367F6;
}
.search-breadcrumb li a{
	background: none;
	padding: 0;
}
.search-breadcrumb li .title:not(:first-child):before, 
.search-breadcrumb li:not(:last-child) .title:after{
	content: ">"; 
	padding: 2px 5px;
	
} 
.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after{
	border:none;
}
.search-breadcrumb li{
	margin-inline-start:0;
}
.next.page-link{
	content: url(images/search_arrowForward.svg);
	margin: 0.5rem 14px;
	padding: unset;
	cursor: pointer;
}
.prev.page-link{
	content: url(images/search_arrowBack.svg);
	margin: 0.5rem 14px;
	padding: unset;
	cursor: pointer;
}


.next.page-link.disable_link{
	content: url(images/search_arrowForward_dis.svg);
}
.prev.page-link.disable_link{
	content: url(images/search_arrowBack_dis.svg);
}