/* 전체 검색 페이지 컨테이너 */
.search-page {
	min-height: 100vh;
	background: #fff;
}

/* PC에서 메인 영역 센터 정렬 */
.search-main {
	max-width: 1000px; /* 필요에 따라 950~1200 사이로 조절 */
	margin: 0 auto;	
}

/* PC용 타이틀 */
.page-title {
	font-size: 24px;
	font-weight: 700;
	margin: 20px 20px 20px 0px;
}

.page-divider {
	border: 0;
	border-top: 1px solid #E4E8EB;
	margin: 0 0 36px;
}

/* 검색 입력줄 */
.search-bar-line {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0 4px;
	border-bottom: 2px solid #000000;
	margin-bottom: 32px;
}

.search-bar-line .ico-search {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	flex: none;
	background:transparent;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('/templets/guide/img/05Ic/Mob/40/Search.svg'); 
}

.search-bar-line input {
	flex: 1;
	border: 0;
	outline: 0;
	font-size: 16px;
	padding: 2px 0;
}

.search-bar-line input::placeholder {
	color: #444444;
}

.search-clear {
	width: 40px;
	height: 40px;
	background:transparent;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('/templets/guide/img/05Ic/40/Clear.svg'); 
	flex: none;
	cursor: pointer;
	border:0px;	
	display:none;
}

.search-input-inner:not(:placeholder-shown) + .search-clear {
    display: block;
}

/* 상단 정보 박스 */
.search-info {
	margin-bottom: 32px;
	padding: 20px;
	border-radius: 10px;
	background: #F2F8FD;
	font-size: 16px;
	text-align: center;
	font-family: NotoSansKR-Medium !important;
	font-weight: 500;
}

.search-keyword {
	color: #067FD9;
	font-weight: 500;
}

.search-count {
	font-weight: 500;
	color: #067FD9;
}

/* 섹션 공통 */
.section-block {
	margin-bottom: 40px;
}

.section-title-row {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 9px;
	font-family: NotoSansKR-Bold;
	font-size: 22px;
	color: #067FD9;
	letter-spacing: -0.5px;
	line-height: 34px;
	font-weight: 700;
}



/* 결과 리스트 */
.result-list {
	border-top: 1px solid #D9D9D9;
	padding-top:24px;
}

.result-item {
	padding: 12px 0;
}

.result-breadcrumb {
	font-size: 13px;
	color: #6b7280;
	margin-bottom: 6px;
}

.result-breadcrumb a {
	color: #111;
	text-decoration: none;
}

.result-breadcrumb a.highlight {
	color: #0080ff;
	border-bottom: 1px solid #0080ff;
	padding-bottom: 1px;
}

.result-title {
	font-size: 16px;
	color: #2B2B2B;
	letter-spacing: -0.5px;
	line-height: 24px;
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset : 4px;
}

.result-title b {
	color: #0080ff;
	padding-bottom: 1px;
}

/* 컨텐츠 요약문 */
.result-snippet {
	font-size: 16px;
	color: #2B2B2B;
	letter-spacing: -0.5px;
	line-height: 24px;
	font-weight: 400;
	margin-top: 16px;
}

.result-snippet b{
	color: #0080ff;
}

/* FAQ */
.faq-item {
	border-top: 1px solid #e5e7eb;
}

.faq-header {
	padding: 12px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	cursor: pointer;
}

.faq-q {
	font-weight: 700;
	padding-right: 16px;
}

.faq-toggle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e5e7eb; /* 화살표 자리 */
	flex: none;
}

/* 검색 결과 없음 */
.search-empty-box {
	margin-top: 24px;
	padding: 24px 20px;
	border-radius: 8px;
	background: #F2F8FD;
	font-family: NotoSansKR-Medium;
	font-size: 16px;
	color: #111111;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 24px;
	font-weight: 500;
}

.search-empty-box .keyword {
	font-family: NotoSansKR-Medium;
	font-size: 16px;
	color: #067FD9;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 24px;
	font-weight: 500;
}

.search-empty-note {
	margin-top: 8px;
	font-family: NotoSansKR-Regular;
	font-size: 15px;
	color: #444444;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 22px;
	font-weight: 400;
}

/* 모바일 헤더 (PC에선 숨김) */
.m-header {
	display: none;
}

.btn-more {
	display:none;	
}
/* --------  모바일 레이아웃  -------- */
@media ( max-width : 960px) {
	body {
		background: #fff;
	}
	.search-main {
		max-width: 100%;
	}

	/* PC 타이틀은 모바일에서 숨김 */
	.page-title, .page-divider {
		display: none;
	}

	/* 상단 모바일 헤더 */
	.m-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 12px;
		height: 56px;
		border-bottom: 1px solid #e5e7eb;
		background: #f8fafc;
	}
	.m-header-left, .m-header-right {
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.m-header-title {
		font-size: 18px;
		font-weight: 700;
	}
	.m-ico {
		width: 24px;
		height: 24px;
		background: #000; /* 햄버거 / 돋보기 아이콘 자리 */
		border-radius: 4px;
	}
	.search-bar-line {
		margin-top: 12px;
		margin-bottom: 20px;
	}
	.search-info {
		margin-bottom: 24px;
	}
	.section-block {
		margin-bottom: 32px;
	}
	.section-more {
		margin-top: 16px;
		text-align: center;		
	}
	.btn-more {
		display: inline-block;
		width: 100%;
		max-width: 320px;
		padding: 10px 12px;
		border-radius: 8px;
		border: 1px solid #d1d5db;
		background: #fff;
		font-size: 14px;
	}
}