/* °Ë»ö ÆäÀÌÁö ½ºÅ¸ÀÏ ½ÃÀÛ */
.container.search-page {
    width: 1280px;
    margin: 0 auto;
    padding: 0px;
    display: flex;    
    flex-direction: column;
	gap: 68px;
}
/* °Ë»ö article ¿µ¿ª ½ÃÀÛ */
.search-field .textfield-area {
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 0px 12px 12px;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;	
	margin-top: 130px;
    border-bottom: 2px solid var(--bg-primary);
	gap:16px;
	position: relative;
	box-sizing: border-box;
}
.search-field .textfield-input {
    display: block;
    width: 848px;;
    border: 0px;
    outline: none;
    box-shadow: none;
    height: 45px;
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    color: var(--black);
	letter-spacing: 0px;
	padding: 0;
	
}
/* placeholder ½ºÅ¸ÀÏ ÁöÁ¤ */
.search-field .textfield-input::placeholder {
	font-weight: 500;
    color: var(--grey-8);         
    opacity: 1;                  
}
/* input X ¹öÆ°À» ¾ø¾Ö±â */
[type="search"] {
    appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button {
    display: none;
}
/*  X ¹öÆ° ½ºÅ¸ÀÏ */
.searchbox-container {
    position: relative;
    display: inline-block;
	box-sizing: border-box;
}
.searchbox-container label{
	display: none;
}
.searchbox {
    padding-right: 1.5em;
}
.search-reset {
    position: absolute;
  width: 20px;
  height: 20px;
  background: url('../img/input_del.svg') no-repeat center center;
  background-size: contain;
  border: none;
  padding: 0;
  cursor: pointer;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  z-index: 1;
}
.search-reset:disabled {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
/* Áö¿ì±â ¹öÆ° */
.clear-btn {
  position: absolute;
  right: 61px; 
  bottom: 21px;
  background: none;
  border: none;
  padding: 0;
  z-index: 10;
  cursor: pointer;
}
.search-field .search-icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
}
.search-result-summary {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: var(--black);  
  margin-top: 30px;
}
.search-result-summary h1{
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: var(--black);  
  margin-top: 30px;
}
.search-result-summary .keyword {
  font-weight: 600;
  color: var(--primary);
}

.search-result-summary .count {
  font-weight: 600;
  color: var(--primary); 
}
/* °Ë»ö article ¿µ¿ª ³¡*/
/* °Ë»ö °á°ú ¿µ¿ª ¸®½ºÆ® ½ÃÀÛ */
.search-result-list {
	display: flex;
	flex-direction: column;
	gap:60px;
}
.sln-header {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--black);
}
.sln-header .title{
	display: flex;
	gap:8px;
	align-items: center;
	height: 34px;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: var(--primary);
}
.sln-header h2 {
    font-size: 24px;
    font-weight: 800;
    color: var(--black);
    margin: 0;
}
.view-all {
    width: 103px;
	height: 25px;
    display: flex;
    font-size: 18px;
    color: var(--grey-8);
    text-decoration: none;
    font-weight: 500;
    justify-content: space-between;
	align-items: center;
}
.view-all p{
    font-size: 18px;
    color: var(--grey-8);
    font-weight: 500;
}
.view-all img {
    width: 20px;
	height: 21px;
}
/* °Ë»ö °á°ú ¿µ¿ª ¸®½ºÆ® ³¡ */
/* °Ë»ö °á°ú ±â»ç ¸®½ºÆ® */
.note-search-list {
	margin-top: 30px;
}
.note-search-list .articles {
    list-style: none;
    padding: 0;
}
.articles .article-item {
    border-bottom: 1px solid var(--grey-d9);
}
.articles .article-item a {
    display: flex;
    margin: 16px 0 16px;
    gap: 48px;
}
.articles .article-item:first-child a {
    margin-top: 20px;
}
.articles .article-item .article-content {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.articles .article-item .article-content.noimg {
	gap:16px;
}
.articles .article-item .txt_badge {	
	display: inline-block; 
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--primary);		
	width: 104px;
	height: 20px;
	margin-bottom: 4px;
}
.articles .article-item .article-content h3 {				
	height: 34px;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: var(--black);
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-item .article-content p {			
	height: 46px;
	font-weight: 400;
	font-size: 16px;
	line-height: 144%;
	color: var(--grey-5);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-item .article-content .arti_des {
	position: relative;
	display: flex;
	align-items: center; 
	height: 21px;
}
.article-item .article-content .arti_des span {	
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: var(--grey-8);
	display: inline-block;
}
.article-item .article-content .arti_des .arti_d_name {
	font-weight: 500;
}
.article-item .article-content .arti_des .arti_d_name::after {
	content: "|"; 
	display: inline-block; 
	font-weight: 800;
	font-size: 15px;
	color: var(--grey-d9);
	margin: 0 8px; 
}
.article-item .article-img {
    flex-shrink: 0;
    width: 218px;
    height: 144px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid var(--black-10-opt);
    overflow: hidden;
}
.article-item .article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    aspect-ratio: 218 / 144;
}
	/*°Ë»ö °á°ú°¡ ¾øÀ»¶§ ½ºÅ¸ÀÏ ½ÃÀÛ*/

.no-result-box {
  background-color: var(--grey-f8);
  border-radius: 10px;
  padding: 32px;
  text-align: left;
  font-size: 16px;
	width: 532px;
	margin: 30px auto 0;
	line-height: 144%;
}

.no-result-box .icon {
  text-align: center;
  margin-bottom: 20px;
}

.no-result-box .icon img {
  width: 24px;
  height: 24px;
}

.message-list {
  list-style: none;
  padding-left: 0;
	display: flex;
	flex-direction: column;
	gap:4px;
}
.message-list li{	
height: 23px;
font-weight: 400;
font-size: 16px;
line-height: 144%;
color: var(--grey-5);

}
.message-list li::before {
  content: "¡¤ ";
	
}

    /*°Ë»ö °á°ú°¡ ¾øÀ»¶§ ½ºÅ¸ÀÏ ³¡*/


/* °Ë»ö °á°ú ±â»ç ¸®½ºÆ® ³¡*/


/* °Ë»ö ÆäÀÌ¡ ½ºÅ¸ÀÏ ½ÃÀÛ */
.page_control {
			display: flex;
			justify-content: center;
			align-items: center;
			list-style: none;
			padding: 40px 0 0;
			margin: 0;
			gap:20px;
		}
		.pagination {
			display: flex;
			justify-content: center;
			align-items: center;
			list-style: none;
			margin: 0;
			gap:4px;
		}

		.pagination li {
			margin: 0 0px;
		}

		.pagination a {
			display: flex;
			align-items: center;
			justify-content: center;			
			border-radius: 50%;
			text-decoration: none;		
			width: 40px;
			height: 40px;
			font-weight: 500;
			font-size: 14px;
			line-height: 140%;
			text-align: center;
			color: var(--grey-8);

		}

		.pagination a:hover {
			background-color: var(--primary);
			color: white;
		}

		.pagination .active a {
			background-color: var(--primary);
			color: white;
		}		
.prev-prev a {
    width: 40px;
    height: 40px;    
    border: 1px solid var(--grey-d9);
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    cursor: pointer;
    background: url('https://health.chosun.com/amirang/img/paging_arw_r.svg') no-repeat; 
	background-position: center;
    background-size: 8px 13px; 
    transform: scaleX(-1);
}
.prev-next a {
    width: 40px;
    height: 40px;    
    border: 1px solid var(--grey-d9);
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    cursor: pointer;
    background: url('https://health.chosun.com/amirang/img/paging_arw_r.svg') no-repeat; 
	background-position: calc(50% + 1px) center;
    background-size: 8px 13px; 
}
.prev-prev a:hover, .prev-next a:hover {
    background-color: var(--grey-f8);
}
.prev-prev.endp a:hover, .prev-next.endp a:hover {
    background-color: white;
}
.prev-prev.endp a {
    width: 40px;
    height: 40px;    
    border: 1px solid var(--grey-d9);
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    cursor: pointer;
    background: url('https://health.chosun.com/amirang/img/paging_arw_d9.svg') no-repeat center; 
    background-size: 8px 13px; 
    transform: scaleX(1);
}
.prev-next.endp a {
    width: 40px;
    height: 40px;    
    border: 1px solid var(--grey-d9);
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    cursor: pointer;
    background: url('https://health.chosun.com/amirang/img/paging_arw_d9.svg') no-repeat center; 
    background-size: 8px 13px; 
	transform: scaleX(-1);
}
.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
/* °Ë»ö ÆäÀÌ¡ ½ºÅ¸ÀÏ ³¡*/
/* °Ë»ö °á°ú ±×·¡ÇÈ ±â»ç ¸®½ºÆ® ½ÃÀÛ */
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 400px); /* 400px °íÁ¤ */
    gap: 40px 40px;
	align-items: flex-start;
	align-content: flex-start;
}
.notecard {
    background: #fff;
    overflow: hidden;	
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--black-10-opt);
	border-radius: 10px;
}
.gn-image{
	width: 400px;
	height: 270px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;	
	box-sizing: border-box;
	border-bottom: 1px solid var(--black-10-opt);
}
.gn-image img {
    width: 100%;
    display: block;
	object-fit: cover;
	height: auto;	
    aspect-ratio: 400 / 270;
}
.gn-content {
	box-sizing: border-box;
    padding: 24px 32px 32px;	
}
.gnews-header {
    font-size: 18px;
	font-weight: 600;
	line-height: 140%;
    color: var(--black);
    margin: 0;
	height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* °Ë»ö °á°ú ±×·¡ÇÈ´º½º ½ºÅ¸ÀÏ ³¡*/



/* °Ë»ö ÆäÀÌÁö ½ºÅ¸ÀÏ ³¡*/