/* Àü¹®°¡ Ä®·³ ¸®½ºÆ® ÆäÀÌÁö ½ºÅ¸ÀÏ */
.expert-header {
    padding: 40px 0 30px;
    background-color: var(--white);
}

.expert-header .page-title {
    font-size: 40px;
    font-weight: 700;
	line-height: 56px;
    color: var(--black);
	width: 183px;
	height: 56px;
}
/* ¼­ºê ¸Þ´º °¡·Î ½ºÅ©·Ñ */
.header-flex {
    display: flex;
    align-items: center;
	gap:56px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--primary);
	-ms-overflow-style: none;
}
.page-title {
    flex-shrink: 0; 
	
}
/* Àü¹®°¡ Ä®·³ > ¼­ºê ¸Þ´º ¸®½ºÆ® */
.sub-menu {
     overflow-x: auto; 
    white-space: nowrap;
    user-select: none; 
    cursor: grab; 
	display: flex;
	align-items: center;
	position: relative;
	height: 36px;
}
/*.sub-menu::after {
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 1;
    pointer-events: none;
	right: 0px;    
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, #fff 100%);
}*/
.sub-menu::-webkit-scrollbar {
	display: none; /* ¾Æ¿¹ ¼û±â±â ¿äû */	
}
.sub-menu::-webkit-scrollbar-thumb {
    background-color: var(--grey-b); 
    border-radius: 2px;
    visibility: hidden;
}
.sub-menu:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.sub-menu:active {
    cursor: grabbing;
}
.sub-menu.active {
    cursor: grabbing;
    user-select: none; /* ÅؽºÆ® ¼±Åà ¹æÁö */
}
.sub-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sub-menu ul li {
    flex-shrink: 0;
	padding: 4px 12px;    
}
.sub-menu ul li:first-child {
	padding: 4px 12px 4px 0px;
}
.sub-menu ul li:last-child {
	/*padding: 4px 64px 4px 12px;*/
}
.sub-menu ul li a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: var(--grey-5);
	height: 25px;	
	line-height: 138%;
}
.sub-menu ul li a.select {
    font-weight: 800;
    color: var(--black);
}
.sub-menu ul li a:hover {
    color: var(--black);
}


/************* Àü¹®°¡Ä®·³ ¼­ºê¸Þ´º ¸®½ºÆ® ux °³¼± ¹öÆ° ******************/
.scroll-ul-btn-wrap {
	overflow: hidden;
}
.btn_arrw {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 10;
    pointer-events: none; /* ¹öÆ°¸¸ Ŭ¸¯ °¡´ÉÇÏ°Ô */	
}

.btn_arrw button {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
	background: none;
	padding: 0px;
}


.btn_arrow_left {
    background-image: url('https://health.chosun.com/amirang/img/arrow-left.svg');
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn_arrow_right {
    background-image: url('https://health.chosun.com/amirang/img/arrow-right.svg');
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}
.btn_arrw button:hover .btn_arrow_left {
    background-image: url('https://health.chosun.com/amirang/img/arrow-lefthover.svg');
}

.btn_arrw button:hover .btn_arrow_right {
    background-image: url('https://health.chosun.com/amirang/img/arrow-righthover.svg');
}

.btn_arrw.left {
	
    left: 0;
}

.btn_arrw.left::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 46px;
    left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.96%);
    z-index: -1;
}


.btn_arrw.right {
    right: 0;
}

.btn_arrw.right::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 46px;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.96%);
    z-index: -1;
}
/************* Àü¹®°¡Ä®·³ ¼­ºê¸Þ´º ¸®½ºÆ® ux °³¼± ¹öÆ° ³¡ ******************/

		.list-page {
            display: flex;
			gap:60px;
        }
        .content-area {
			max-width: 920px;           
        }       
        .featured-article {
            margin-bottom: 40px;
        }
        .featured-article .featured-link {
            display: flex;
            text-decoration: none;
			gap: 36px;
        }
        .featured-article .featured-img {
            width: 444px;
			height: 295px;	
			border-radius: 6px;
			box-sizing: border-box;
			flex-shrink: 0; 
			overflow: hidden; 
			border: 0.5px solid var(--black-10-opt);	
        }
		.featured-article .featured-img img {
            width: 100%;
			height: 100%;
			object-fit: cover;
			aspect-ratio: 1000 / 663;
			box-sizing: border-box;
			
        }
        .featured-article .featured-content {
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:28px;
        }
		.featured-article .fc-header{
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:16px;
		}
		.featured-article .featured-content .badge {
			position: relative;
			display: inline-block;
			background-color: var(--primary);
			color: var(--white);
			padding: 6px 16px;
			border-radius: 8px;			
			font-size: 16px;
			line-height: 144%;
			font-weight: 700;			
			height: 34px;		
			box-sizing: border-box;
		}
		.featured-article .featured-content h2 {			
			width: 440px;
			height: 78px;
			font-weight: 700;
			font-size: 28px;
			line-height: 140%;
			color: var(--black);
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.featured-article .featured-content p {			
			width: 440px;
			height: 66px;
			font-weight: 400;
			font-size: 16px;
			line-height: 22.4px;
			color: var(--grey-5);
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.featured-article .featured-content .writer {
			width: 440px;
			height: 22px;
			font-weight: 500;
			font-size: 16px;
			line-height: 140%;
			color: var(--grey-5);
		}
		
/* ¾ÏÀ¸·ÎÀÇ ÈÞ°¡ ½ºÅ¸ÀÏ ½ÃÀÛ*/
		.col-article {
            margin-bottom: 40px;
        }
        .col-article .featured-link {
            display: flex;
            text-decoration: none;
			align-items: center;
			gap: 36px;
        }
        .col-article .featured-img {
            width: 444px;
			height: 295px;
			border: 0.5px solid var(--black-10-opt);	
			border-radius: 6px;
			box-sizing: border-box;
			flex-shrink: 0; 
			overflow: hidden; 
        }
		.col-article .featured-img img {
            width: 100%;
			height: 100%;
			object-fit: cover;
			aspect-ratio: 1000 / 663;
			
        }
        .col-article .featured-content {
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:28px;
        }
		.col-article .fc-header{
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:12px;
		}
		.col-article .featured-content .badge {
			position: relative;
			box-sizing: border-box;
			display: inline-block;
			background-color: var(--primary);
			color: var(--white);
			padding: 6px 16px;
			border-radius: 8px;			
			font-size: 16px;
			line-height: 144%;
			font-weight: 700;
			width: 119px;
			height: 34px;
		}
		.col-article .featured-content h2 {			
			width: 440px;
			height: 84px;
			font-weight: 700;
			font-size: 30px;
			line-height: 140%;
			color: var(--black);
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.col-article .featured-content p {			
			width: 440px;
			height: 66px;
			font-weight: 400;
			font-size: 16px;
			line-height: 140%;
			color: var(--grey-5);
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}	
		.col-article .featured-content .vol-pri {						
			height: 22px;
			font-weight: 600;
			font-size: 16px;
			line-height: 140%;
			color: var(--primary);
		}	
/* ÀÎÅͺä ŸÀÌƲ ½ºÅ¸ÀÏ ½ÃÀÛ*/
		.inter-article {
            margin-bottom: 40px;
        }
        .inter-article .featured-link {
            display: flex;
            text-decoration: none;
			align-items: center;
			gap: 36px;
        }
        .inter-article .featured-img {
            width: 444px;
			height: 295px;
			border: 0.5px solid var(--black-10-opt);	
			border-radius: 6px;
			box-sizing: border-box;
			flex-shrink: 0; 
			overflow: hidden; 
        }
		.inter-article .featured-img img {
            width: 100%;
			height: 100%;
			object-fit: cover;
			aspect-ratio: 1000 / 663;
			
        }
        .inter-article .featured-content {
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:28px;
        }
		.inter-article .fc-header{
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:16px;
		}
		.inter-article .featured-content .badge {
			position: relative;
			box-sizing: border-box;
			display: inline-block;
			background-color: var(--primary);
			color: var(--white);
			padding: 6px 16px;
			border-radius: 8px;			
			font-size: 16px;
			line-height: 144%;
			font-weight: 700;
			height: 34px;
		}
		.inter-article .featured-content h2 {			
			width: 440px;
			height: 84px;
			font-weight: 700;
			font-size: 30px;
			line-height: 140%;
			color: var(--black);
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.inter-article .featured-content p {			
			width: 440px;
			height: 66px;
			margin-bottom: 36px;
			font-weight: 400;
			font-size: 16px;
			line-height: 140%;
			color: var(--grey-5);
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}	
		.inter-article .featured-content .vol-pri {						
			height: 22px;
			font-weight: 600;
			font-size: 16px;
			line-height: 140%;
			color: var(--primary);
		}	
/* ÀÎÅͺä ŸÀÌƲ ½ºÅ¸ÀÏ ³¡*/

		.articles {
            list-style: none;
            padding: 0;
        }
		.article-item {         
			border-bottom: 1px solid var(--grey-d9);
        }
		.article-item:first-child {         
			border-top: 1px solid var(--black);
        }
        .article-item a {
            display: flex;
            margin: 16px 0 16px;   
			gap:30px;
        }
		.article-item:first-child a {            
            margin-top: 20px;   
        }
        .article-item .article-img {
			flex-shrink: 0;
            width: 213px;
			height: 141px;
            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: 213 / 141;				
		}
        .article-item .article-content {
			display: flex;
			gap:20px;
			flex-direction: column;
        }
		.article-item .article-content.noimg {
			gap:16px;
        }
		.article-item .txt_badge {	
			display: inline-block; 
			font-weight: 500;
			font-size: 14px;
			line-height: 140%;
			color: var(--primary);		
			width: 120px;
			height: 20px;
			margin-bottom: 4px;
		}
		.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; 
		}
		.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;
}



/* ÁÖ°£ ¾Ï¼Ò½Ä ½ºÅ¸ÀÏ */
.week-content-area {
    max-width: 920px;
}
.expert-header {
    padding: 40px 0 30px;
    background-color: var(--white);
}

.expert-header .week-title {
    font-size: 40px;
    font-weight: 700;
	line-height: 56px;
    color: var(--black);
	height: 56px;
}
.news-container-wrap {
		overflow: hidden;
		display: flex;
		flex-direction: column;
		gap:20px;
		justify-content: center;
}
.news-container {
		border: 1px solid var(--grey-d9);
		border-radius: 20px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;	
}
.news-container a{		
		display: flex;
		flex-direction: column;
		justify-content: center;	
}
.weekly-cancer-news h3 {
		font-size: 21px;
		font-weight: 800;
		padding-bottom: 12px;
		margin-bottom: 16px;
		border-bottom: 1px solid var(--black);
	}
	.news-box {
		background: white;
		padding: 15px;
		border-radius: 20px;
		display: inline-block;
		text-align: center;
	}
	.news-box .date {
		font-size: 18px;
		font-weight: bold;
		color: var(--primary);
		margin-bottom: 10px;
	}
	.news-box p {
		font-size: 16px;
	}
	.week-news-header {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;	
		gap:28px;
		cursor: pointer;
		padding: 24px;
	}
	.week-news-header a{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;	
		gap:28px;
	}
	.week-day {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	.week-day .week-date {
		height: 46px;
		font-weight: 800;
		font-size: 32px;
		line-height: 144%;
		color: var(--black);
	}	
	.week-day .news-date {	
		height: 20px;
		font-weight: 400;
		font-size: 14px;
		line-height: 144%;
		color: var(--black);
	}
	.week-list-title {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 791px;
		height: 39px;
		gap:16px;
	}
	.week-list-title .news-vol {		
		height: 20px;
		font-weight: 700;
		font-size: 14px;
		line-height: 140%;
		color: var(--primary);
	}
	.week-list-title .w-news-title {
		width: 720px;
		height: 39px;
		font-weight: 600;
		font-size: 24px;
		line-height: 140%;
		color: var(--black);
	}
	.news-container .news-list {
		overflow-y: auto; 
		display: flex;
		flex-direction: column;
		gap: 12px;
		border-top:1px solid var(--grey-ea);		
		padding-top: 16px;
		margin: 0 24px;
		padding: 24px 0;
	}	
	.week-list-open{
		display: block;
	}
	.week-list-close{
		display: none !important;
	}
	.news-item a{
		display: flex;
		flex-direction: row;
		position: relative;
		padding: 0px 0;
		gap:8px;
	  }
	.news-item a p {
		width: 100%;
		background: var(--grey-f8);
		padding: 12px 16px;
		border-radius: 10px;
		color: var(--grey-5);
		font-size: 18px;
		font-weight: 600;
	}
	.news-item a:hover p:hover{
		background: var(--primary);
		color: var(--white);
	}
	.news-item a:hover p {
		background: var(--primary);
		color: var(--white);
	}
	.news-container .news-list .news-item:nth-child(2) a p {
		background: var(--primary);
		color: var(--white);
	}	
	.news-container .news-list .news-item:nth-child(2) .news-icon {
		background: var(--primary);
	}		
 	.news-icon {
	 	min-width: 9px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        border: 1px solid var(--primary);
        transition: background 0.3s;
     }
	.news-item a:hover .news-icon{
		background: var(--primary);
	}
 	.news-item.selected .news-icon {
        background: var(--primary);
     }
     .news-item:hover .news-icon {
        background: var(--primary);
     }
     .news-item a::before {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(100% - 14px);
		margin-top: 14px;
        background: var(--grey-ea);
        left: 4.8px;
        top: 0;
     } 	
	.news-container:hover {
		border: 1px solid var(--primary-50);
		background: var(--primary-10);
	}	
.news-container:first-of-type:hover {
   		 border: 1px solid var(--grey-d9); 
   		 background: transparent; 
	}	
	.news-container:has(.news-list.week-list-close):hover {
		border: 1px solid var(--primary-50);
		background: var(--primary-10);
	}

/* ÁÖ°£ ¾Ï ¼Ò½Ä ½ºÅ¸ÀÏ end */
/* ´º½º ŸÀÌƲ ½ºÅ¸ÀÏ ½ÃÀÛ*/
		.news-article {
            margin-bottom: 40px;
        }
        .news-article .featured-link {
            display: flex;
            text-decoration: none;
			align-items: center;
			gap: 36px;
        }
        .news-article .featured-img {
            width: 444px;
			height: 295px;
			border: 0.5px solid var(--black-10-opt);	
			border-radius: 6px;
			box-sizing: border-box;
			flex-shrink: 0; 
			overflow: hidden; 
        }
		.news-article .featured-img img {
            width: 100%;
			height: 100%;
			object-fit: cover;
			aspect-ratio: 1000 / 663;
			
        }
        .news-article .featured-content {
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:28px;
        }
		.news-article .fc-header{
			display: flex;
    		flex-direction: column;
			align-items: flex-start;
			gap:16px;
		}
		.news-article .featured-content .badge {
			position: relative;
			box-sizing: border-box;
			display: inline-block;
			background-color: var(--primary);
			color: var(--white);
			padding: 6px 16px;
			border-radius: 8px;			
			font-size: 16px;
			line-height: 144%;
			font-weight: 700;
			height: 34px;
		}
		.news-article .featured-content h2 {			
			width: 440px;
			height: 84px;
			font-weight: 700;
			font-size: 30px;
			line-height: 140%;
			color: var(--black);
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.news-article .featured-content p {			
			width: 440px;
			height: 110px;
			margin-bottom: 36px;
			font-weight: 400;
			font-size: 16px;
			line-height: 140%;
			color: var(--grey-5);
			display: -webkit-box;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}	
		.news-article .featured-content .vol-pri {						
			height: 22px;
			font-weight: 600;
			font-size: 16px;
			line-height: 140%;
			color: var(--primary);
		}	
/* news ŸÀÌƲ ½ºÅ¸ÀÏ ³¡*/
/* ±×·¡ÇÈ´º½º ½ºÅ¸ÀÏ */
.g-sub-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.g-sub-menu ul li {
    flex-shrink: 0;
	padding: 4px 12px;    
}
.g-sub-menu ul li:first-child {
	padding: 4px 12px 4px 0px;
}
.g-sub-menu ul li a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: var(--grey-5);
	height: 25px;	
	line-height: 140%;
}
.g-sub-menu ul li a.select {
    font-weight: 800;
    color: var(--black);
}
.g-sub-menu ul li a:hover {
    color: var(--black);
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 407px); /* 407px °íÁ¤_ 250909 */    
	gap: 29.5px;  
    justify-content: center; 
}
.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: 407px;
	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: 407 / 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;
}

/* ±×·¡ÇÈ´º½º ½ºÅ¸ÀÏ ³¡*/

/* =============================
   ´º½º·¹ÅÍ_ ½ÅûÇϱâ ÆäÀÌÁö ½ºÅ¸ÀÏ ½ÃÀÛ 
   ============================= */
.newsletter-header {
    padding: 40px 0 30px;
    background-color: var(--white);
}
.newsletter-header .page-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    color: var(--black);
    width: 139px;  
    height: 56px;
}
.newsletter-header .header-flex {
    display: flex;
    align-items: flex-end;
    gap: 56px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--primary);
    -ms-overflow-style: none;
}
.newsletter-header .header-flex .g-sub-menu{
	margin-bottom: 5px;
}
.newsletter-hero {
	 background: url('https://health.chosun.com/amirang/img/letter_visual01.jpg') no-repeat center/cover;
	  border-radius: 20px;
	  padding: 84px 0px 88px 82px;
	  text-align: left;
	  color: var(--white);
	  position: relative;
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
	flex-direction: column;
	height: 437px;
	box-sizing: border-box;
	gap:36px;	
}
.newsletter-hero div.nl-txt-wrap {
	display: flex;
	flex-direction: column;
	gap:16px;
}
.newsletter-hero div.nl-txt {
	display: flex;
	gap: 12px;
}
.newsletter-hero div.nl-txt p {
	font-weight: 700;
	font-size: 28px;
	line-height: 140%;
}
.newsletter-hero div.nl-title {
	display: flex;
	flex-direction: column;
}
.newsletter-hero div.nl-title h1{
	font-weight: 800;
	font-size: 40px;
	line-height: 140%;
}
.newsletter-hero span.nl-des {
	font-weight: 400;
	font-size: 22px;
	line-height: 140%;
}
.newsletter-intro {
  text-align: center;
  margin: 40px 0 36px;
	color: var(--black);
	height: 80px;
}
.newsletter-intro h2{
	font-weight: 700;
	font-size: 32px;
	line-height: 140%;
	text-align: center;	
	padding-bottom: 4px;
}
.newsletter-intro p{ 
font-weight: 400;
font-size: 22px;
line-height: 140%;
text-align: center;
}
.newsletter-cards {
	gap:40px;
}
.newsletter-cards .col-3 {
	width: 400px;
	height: 400px;
  background-color: var(--grey-f8);
  border-radius: 12px;
  padding: 44px 0 28px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;	
  align-items: center;
  box-sizing: border-box;
	gap:8px;
}

.newsletter-cards h3 {
	font-weight: 700;
	font-size: 30px;
	line-height: 140%;
	text-align: center;
	color: var(--black);
	margin-top: 8px;
}
.newsletter-cards p {
	line-height: 140%;
	text-align: center;
	color: var(--grey-5);
}
.newsletter-cards p.keyword { 
	font-weight: 500;
	font-size: 15px;
	box-sizing: border-box;
	padding: 4px 20px;
	border: 1px solid var(--grey-b);
	border-radius: 50px;
}
.newsletter-cards p.card-txt-des { 
	font-weight: 400;
	font-size: 19px;
	margin-bottom: 21px;
}
.subscribe-section {
  background-color: var(--primary-10);
  border-radius: 10px;
  padding: 40px 72px;
  margin-top: 40px;
}
.subscribe-section .row {
	align-items: center;
	justify-content: space-between;  
}
.subscribe-section .subscibe-title {
	display: flex;
	flex-direction: column;
	gap:16px;		
}
.subscribe-section .subscibe-title .subscibe-top {
	display: flex;
	flex-direction: column;
	gap:8px;		
}
.subscibe-title h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
}
.subscribe-section h2 span{
  display: block;
	color: var(--primary);
}
.subscribe-section .subscribe_txt{	
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
}
.subscribe-section .subscribe-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}
.newslet-btn{
    background-color: var(--black);
    color: var(--white);
    border: none;
	 display: inline-block;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
	width: 220px;
	height: 47px;
}
.subscribe-section .textfield-input {
  padding: 12px 16px;
	font-weight: 400;
	color: var(--grey-5);
  font-size: 16px;
	background: var(--white);
	border:0px;
  border-radius: 4px 0 0 4px;
  width: 420px;
}

.subscribe-section input[type="checkbox"] {
  width: 12px;
  height: 12px;
  accent-color: var(--primary);
  cursor: pointer;
  border: 1px solid var(--grey-8);
  margin: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/* üũµÇ¾úÀ» ¶§ ½ºÅ¸ÀÏ */
.subscribe-section input[type="checkbox"]:checked {
  background-color: var(--primary);
}
/* üũ¹Ú½º ³»ºÎ ±âº» üũ ¸ð¾ç ¼û±â±â */
.subscribe-section input[type="checkbox"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.subscribe-section .subscribe-agree {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: var(--grey-8);
	display: flex;
	align-items: center;
	gap:8px;
	height: 23px;
}
/* ¿¡·¯ ¸Þ½ÃÁö ¼û±è 󸮿ë Ŭ·¡½º */
.hidden {
  display: none !important;
}

/* ¿¡·¯ ¸Þ½ÃÁö °øÅë ½ºÅ¸ÀÏ */
.subscribe-section .error-message {
  font-weight: 700;
  font-size: 16px;
  line-height: 142%;
  color: var(--negative-f3);
}
.subscribe-section .subscribe-image {
  text-align: right;
}

.subscribe-section .subscribe-image img {
  max-width: 254px;
  width: 100%;
}
.pri-agree {	
	font-weight: 500;
	font-size: 13px;
	line-height: 142%;
	color: var(--grey-8);
}
.pri-agree-l {
	font-weight: 700;
	font-size: 13px;
	line-height: 142%;
	text-decoration-line: underline;
	color: var(--grey-8);
}

/* =============================
   ´º½º·¹ÅÍ_ »ç¿¬ Á¦º¸Çϱâ ÆäÀÌÁö ½ºÅ¸ÀÏ ½ÃÀÛ 
   ============================= */
.newsletter-story {
	 background: url('https://health.chosun.com/amirang/img/letter_visual02.jpg') no-repeat center/cover;
	  border-radius: 20px;
	  padding: 86px 0px 93px 82px;
	  text-align: left;
	  color: var(--white);
	  position: relative;
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
	flex-direction: column;
	height: 437px;
	box-sizing: border-box;
	gap:40px;
	
}
.newsletter-story div.nl-txt-wrap {
	display: flex;
	flex-direction: column;
	gap:8px;
}
.newsletter-story div.nl-txt p {
	font-weight: 600;
	font-size: 26px;
	line-height: 140%;
}
.newsletter-story div.nl-title {
	display: flex;
	flex-direction: column;
}
.newsletter-story div.nl-title h1{
	font-weight: 700;
	font-size: 40px;
	line-height: 140%;
}
.newsletter-story div.nl-title h1 span{
	font-weight: 700;
	font-size: 34px;
	line-height: 140%;
}
.newsletter-story span.nl-des {
	font-weight: 400;
	font-size: 22px;
	line-height: 140%;
}
.subscribe-section.copy-s {
    background-color: var(--primary-10);
    border-radius: 10px;
    padding: 47px 72px;
    margin-top: 40px;
}
.subscribe-section.copy-s .subscibe-title {
	display: flex;
	flex-direction: column;
	gap:28px;		
}
.copy-s h2 span{
	display: inline;
}
.copy-s .subscibe-bottom {
	display: flex;
	flex-direction: row;
	gap:0px;
}
.copy-s .subscibe-bottom .sub-name{
	background: var(--primary);
	color: var(--white);
	display: flex;
	gap:16px;
	border-radius: 4px 0px 0px 4px;
	justify-content: center;
	align-items: center;
	width: 359px;
}
.copy-s .subscibe-bottom .sub-name span {	
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
}
.copy-s .subscibe-bottom .sub-name .sn-email {	
	font-weight: 700;
}