@charset "utf-8";

html														{ scroll-behavior:smooth; }

/** 2025 한눈에보기 **/
.article_top												{ padding:9.66rem 5.33rem 5rem; background:url(/resources/jns-img/content/article/bg_article.jpg) no-repeat 50% 0 / cover; }
.article_top .article_title								{ text-align:center;}
.article_top .article_title .text						{ margin:.7em 0 1.2em; font-size:1.8rem; letter-spacing:-.03em; font-weight:300; color:#fff; line-height:1.4;}
.article_top .article_title .text b						{ font-weight:700;}
.article_top .article_title .search						{ justify-content:space-between; align-items:center; width:94%; max-width:500px; margin:0 auto; padding:.2em .2em .2em .6em; font-size:1.6rem; background:#fff; border-radius:.5rem }
.article_top .article_title .search span				{ position:relative; margin-bottom:.1em; padding-left:.6em; letter-spacing:-.05em; font-weight:500; color:#535353;}
.article_top .article_title .search span::before	{ content:"|"; position:absolute; left:0; top:-.06em; opacity:.8}
.article_top .article_title .search .icon				{ width:1.87em; height:1.87em; background:#00ec7c url(/resources/jns-img/content/article/icon_article_search.svg) no-repeat 50% 50% / 63% auto; border-radius:.5rem }
.article_top .article_list>.flex							{ margin-top:3.5rem; gap:1rem 1.4%}
.article_top .news_card								{ width:49.3%; }
.article_top .news_card>a							{ display:block; padding:1.2em .5em; background:#fff; border-radius:1.5rem}
.article_top .news_card>a:hover					{ -webkit-box-shadow:10px 10px 20px rgba(0,0,0,.2); -moz-box-shadow:10px 10px 20px rgba(0,0,0,.2); box-shadow:10px 10px 20px rgba(0,0,0,.2)}
.article_top .news_card>a:focus					{ outline:2px solid #073471}
.article_top .news_card .card_tit					{ gap:.1em .3em; position:relative; padding:0 2em 0 .5rem; font-size:1.6rem; font-weight:500; }
.article_top .news_card .card_tit::after				{ content:"…"; position:absolute; right:.5rem; top:-.2em; font-size:1.4em; color:#ccc; font-weight:700; }
.article_top .news_card .card_tit p					{ letter-spacing:-.05em;}
.article_top .news_card .card_tit em				{ font-weight:700;}
.article_top .news_card .card_tit .number		{ color:#064497}
.article_top .news_card .card_img					{ margin:.7em 0 .5em; padding-top:42.2%;}
.article_top .news_card .sns_icon					{ align-items:center; gap:.7em; padding:.4em .5rem .6em; }
.article_top .news_card .sns_icon span			{ width:1.7rem}
.article_top .news_card .hash						{ gap:.5em; padding:0 .5rem; font-size:1.2rem; color:#a7a7a7; letter-spacing:-.05em; font-weight:500;}

.article_news											{ padding-top:8.5rem;}
.article_news:last-child										{ margin-bottom:5rem;}
.article_news .news_item								{ flex-direction:row-reverse; gap:1.5rem 3.8%}
.article_news .news_item .news_cont				{ width:50.1%; padding-top:4.5rem; border-top:1px solid}
.article_news .news_item .news_subject			{ margin-bottom:.8em; font-size:2.2rem; letter-spacing:-.05em; font-weight:700;}
.article_news .news_item .news_cont p			{ margin:.7em 0; font-size:1.26rem; letter-spacing:-.05em; font-weight:300; line-height:1.6;}
.article_news .news_item .news_cont em			{ font-weight:500;}
.article_news .news_item .news_img				{ width:46.1%; }
.article_news .news_item .news_img .rsp_img	{ padding-top:62.5%; border-radius:2rem}	
.article_news .news_item .news_img .number	{ position:absolute; top:0; left:0; width:2.95em; height:2.95em; font-size:1.46rem; font-weight:700; text-align:center; color:#fff; line-height:2.95; background:rgb(38,168,117); border-radius:2rem 0; z-index:1; 
															background:-moz-linear-gradient(300deg, rgba(38,168,117,1) 0%, rgba(1,85,155,1) 100%);
															background:-webkit-linear-gradient(300deg, rgba(38,168,117,1) 0%, rgba(1,85,155,1) 100%);
															background:linear-gradient(300deg, rgba(38,168,117,1) 0%, rgba(1,85,155,1) 100%);
															filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26a875",endColorstr="#01559b",GradientType=1);}
.article_news .select									{ justify-content:center; align-items:center; gap:.2em .7em; margin-top:.8em; text-align:center;}
.article_news .select .copy							{ color:#737373; font-size:1.1rem; letter-spacing:-.03em;}
.article_news .select .hash							{ justify-content:center; gap:0 .5em; font-size:1.2rem; font-weight:700; letter-spacing:-.03em;}
.article_news .poster_list								{ gap:2rem 2.7%; margin-top:3rem;}
.article_news .poster_list li							{ flex:1}
.article_news .poster_list .repre						{ width:27.2%}
.article_news .poster_list .repre ul					{ gap:3.9%}
.article_news .poster_list .best						{ width:70.1%}
.article_news .poster_list .best ul					{ gap:1.7%}
.article_news .poster_list .rsp_img					{ padding-top:141.1%; border-radius:1rem}
.article_news .btn_more								{ display:block; margin:5rem auto 0; max-width:315px; width:92%; padding:1em; font-size:1.13rem; font-weight:300; letter-spacing:-.04em; text-align:center; background:#fff; border:1px solid #a6a6a6; border-radius:2em; }


@media all and (max-width:1300px){
	.article_news .news_item .news_cont p br	{ display:none}
}
@media all and (max-width:1200px){
	.article_top											{ padding:8rem 3rem 4rem; }
	.article_top .article_title .text					{ font-size:1.6rem; }
	.article_top .article_title .search					{ font-size:1.45rem; }
	.article_top .news_card .card_tit				{ font-size:1.45rem;  }
	.article_top .news_card .card_tit::after			{ font-size:1.3em; }
	.article_top .news_card .hash					{ font-size:1.1rem; }

	.article_news .news_item .news_cont			{ padding-top:3rem; }
	.article_news .news_item .news_subject		{ margin-bottom:.6em; font-size:1.85rem; }
	.article_news .news_item .news_cont p		{ font-size:1.2rem; }
	.article_news .news_item .news_img .number	{ width:2.7em; height:2.7em; font-size:1.25rem; line-height:2.7;}
	.article_news .select .copy						{ font-size:1rem; }
	.article_news .select .hash						{ font-size:1.15rem;}
	.article_news .btn_more							{ margin-top:3.5rem; font-size:1.1rem;}
}

@media all and (max-width:1024px){
	.article_top											{ padding:5.5rem 1.5rem 3rem; }
	.article_top .article_title .text					{ font-size:1.5rem; }
	.article_top .article_title .search					{ font-size:1.4rem; }
	.article_top .news_card>a						{ padding:1em .5em}
	.article_top .news_card .card_tit				{ font-size:1.4rem;  }
	.article_top .news_card .card_tit::after			{ font-size:1.25em; }
	.article_top .news_card .sns_icon				{ padding:.2em .5rem .3em;}
	.article_top .news_card .sns_icon span		{ width:1.4rem}
	.article_top .news_card .hash					{ font-size:1rem; }

	.article_news .news_item .news_cont			{ padding-top:2rem; }
	.article_news .news_item .news_subject br	{ display:none}	
	.article_news .poster_list							{ flex-direction:column}
	.article_news .poster_list	.select				{ flex-direction:column; }
	.article_news .poster_list .repre,
	.article_news .poster_list .best,
	.article_news .poster_list .copy,
	.article_news .poster_list .hash					{ width:100%}
	.article_news .poster_list .repre ul				{ max-width:400px; margin:0 auto}
}
@media all and (max-width:968px){
	.article_top .article_title .stit						{ width:240px; margin:0 auto;}
	.article_top .article_title .tit						{ display:block; width:90%; margin:0 auto;}

	.article_news										{ padding-top:7rem;}
	.article_top .news_card .card_tit				{ font-size:1.25rem;  }
	.article_top .news_card .sns_icon span		{ width:1.25rem}
}
@media all and (max-width:868px){
	.article_top .article_list							{ overflow-y:auto;}
	.article_top .article_list>.flex						{ flex-wrap:nowrap; width:max-content; gap:.7rem}
	.article_top .article_list li							{ width:370px}
	.article_news .news_item							{ flex-direction:column}
	.article_news .news_item .news_cont,
	.article_news .news_item .news_img			{ width:100% }
	.article_news .btn_more							{ max-width:280px; margin-top:2rem; padding:.8em}
}
@media all and (max-width:768px){
	.article_top											{ padding:4.5rem 1.2rem 3rem; }
	.article_top .article_title .text					{ font-size:1.4rem; }
	.article_top .article_title .search					{ font-size:1.28rem; }
	.article_top .article_list li							{ width:350px}
	.article_top .news_card>a						{ padding:.7em .3em}
	.article_top .news_card .card_img				{ margin:.5em 0 .3em;}
	.article_top .news_card .card_tit				{ font-size:1.2rem; padding-right:1.5em; }
	.article_top .news_card .card_tit::after			{ font-size:1.2em; }
	.article_top .news_card .hash					{ font-size:1rem; }
	.article_news:last-child						{ margin-bottom:3rem;}
	.article_news .news_item .news_subject		{ margin-bottom:.5em; font-size:1.65rem; }
}
@media all and (max-width:568px){
	.article_top .article_title .stit						{ width:180px; }
	.article_top .article_title .text					{ font-size:1.3rem; }
}
@media all and (max-width:468px){
	.article_top											{ padding:3.5rem 1rem 2rem; }
	.article_top .article_title .stit						{ width:160px; }
	.article_top .article_title .text					{ margin-bottom:1em; font-size:1.22rem; }
	.article_top .article_title .search					{ font-size:1.18rem; }
	.article_top .news_card .card_tit				{ font-size:1.15rem;  }
	.article_top .news_card .hash					{ font-size:.98rem; }
	.article_top .article_list>.flex						{ margin-top:2.5rem;}
	.article_top .article_list li							{ width:320px}

	.article_news										{ padding-top:5rem;}
	.article_news .news_item							{ gap:.5rem}
	.article_news .news_item .news_subject		{ font-size:1.45rem; line-height:1.4; }
	.article_news .news_item .news_cont p		{ font-size:1.09rem; }
	.article_news .news_item .news_img .number	{ font-size:1.07rem;}
	.article_news .poster_list							{ gap:1rem; margin-top:1rem;}
	.article_news .select								{ margin-top:.4em;}	
	.article_news .select .copy						{ font-size:.95rem; }
	.article_news .select .hash						{ font-size:1.05rem;}
	.article_news .btn_more							{ margin-top:1.5rem; font-size:1rem;}
	.article_news .poster_list .repre ul				{ gap:1.5%; max-width:340px}
	.article_news .poster_list .best ul				{ gap:.7%}
}