@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block;}
a img {border:0}

/* reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; font-style:normal; font-weight:normal; line-height:1;}

*, *:before, *:after {-webkit-box-sizing:border-box; box-sizing:border-box;}
* {word-wrap:break-word; word-break:normal;}

/* default style  */
html,body			{width:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; overscroll-behavior:none;}
body				{margin:0; padding:0; font-weight:400; font-family:'Pretendard'; font-size:12px; font-feature-settings:'ss05'; color:#696e76; background-color:#fff; letter-spacing:-.02em;}
body::-webkit-scrollbar {display:block; width:8px; height:8px; background:#f1f1f1;}
body::-webkit-scrollbar-thumb {border:2px solid #f1f1f1; border-radius:20px; background:#aaa;}
body::-webkit-scrollbar-button {width:1px; height:1px;}
table				{font-size:12px; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:12px;}
dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
button, label		{padding:0; border:none; vertical-align:middle; font-family:'Pretendard',sans-serif; outline:none; cursor:pointer;}
address, caption, cite, code, dfn, strong, th, var {font-style:normal;}
legend,caption		{display:none; height:0; width:0; font-size:0;}
p					{margin:0;}
blockquote, q		{quotes:none;}
ins					{text-decoration:none;}
del					{text-decoration:line-through;}
img, fieldset		{border:0 none; vertical-align:middle;}
img					{max-width:100%;}
a					{outline:none; select-dummy:expression(this.hideFocus=true); -webkit-tap-highlight-color:transparent; cursor:pointer;}
select				{display:inline-block; vertical-align:middle; margin:0; padding:0; width:100%; height:30px; font-family:'Pretendard',sans-serif; font-size:12px; color:#333; border:none; background-color:#fff;}
textarea			{display:block; margin:0; padding:0; width:100%; font-family:'Pretendard',sans-serif; font-size:12px; color:#000; border:none; -webkit-appearance:none; resize:none;}
input, textarea		{outline:none;}
input{
	padding:0;
	width:100%;
	font-family:'Pretendard';
	font-size:16px;
	font-feature-settings:'case' on;
	color:#111;
	border:none;
	background-color:transparent;
	vertical-align:middle;
	-webkit-appearance:none;
	appearance:none;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align:middle;
	margin:0;
	padding:0;
}
input,textarea, button, select		{border-radius:0; -webkit-border-radius:0;}
input[readonly]						{background-color:#fff;}

input::-webkit-input-placeholder	{font-family:'Pretendard'; color:#B9B9B9;}
input:-ms-input-placeholder			{font-family:'Pretendard'; color:#B9B9B9;}
input::-moz-placeholder				{font-family:'Pretendard'; color:#B9B9B9;}
input:-moz-placeholder				{font-family:'Pretendard'; color:#B9B9B9;}

textarea::-webkit-input-placeholder	{font-family:'Pretendard'; color:#B9B9B9;}
textarea:-ms-input-placeholder		{font-family:'Pretendard'; color:#B9B9B9;}
textarea::-moz-placeholder			{font-family:'Pretendard'; color:#B9B9B9;}
textarea:-moz-placeholder			{font-family:'Pretendard'; color:#B9B9B9;}


* {-webkit-text-size-adjust:none;}/* 폰트 자동 확대 방지 */


/* Link style */
a:link					{text-decoration:none;}
a:visited				{text-decoration:none;}
a:hover					{text-decoration:none;}
a:active				{text-decoration:none;}
a:focus					{text-decoration:none;}
a.self					{text-decoration:none;}


/* etc define */
.underline {text-decoration:underline;}
.font-default {color:#333;}
.bold {font-weight:bold;}
.line {border-bottom:1px solid #d3d3d3;}
.floatLeft {display:inline; float:left;}
.floatRight {display:inline; float:right;}
.clearBoth {clear:both;}
.alignMiddle {vertical-align:middle;}
.alignTop {vertical-align:top;}
.alignBottom {vertical-align:bottom;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderTopNone {border-top:none !important;}
.borderBtmNone {border-bottom:none !important;}
.borderNone {border:none !important;}
.borderBottom {border-bottom:1px solid #ddd !important;}
.txtspace {letter-spacing:-1px;}
.displayInlineBblock {display:inline-block;}
.boxShadowNone	{box-shadow:none !important;}
.overflowHidden {overflow:hidden;}
.cursorDefault {cursor:default !important;}
.flexColumn {display:flex; flex-direction:column;}
.h-screen {height:100vh;}
.h-screen-header {height:calc(100vh - 54px);}
@supports (-webkit-touch-callout:none) {.h-screen {height:-webkit-fill-available;}}


/* Layout Selector */
.wrap												{display:flex; flex-direction:column; min-width:320px; overflow:hidden;}
.container											{display:flex; flex-direction:column; align-items:center; gap:64px; margin:0 auto; padding:64px 0 120px; width:100%; max-width:1200px;}


/* Header */
header												{position:sticky; top:0; z-index:100; width:100%; background-color:#fff; transition:all .3s;}
header.turn											{background-color:#fff !important;}
header center										{display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:0 150px; max-width:1440px; height:130px;}
header center > a									{width:294px;}
header nav											{display:flex; align-items:center; gap:48px;}
header nav a										{position:relative; font-weight:500; font-size:20px; color:#595959; transition:all .2s;}
header nav a::after									{content:""; position:absolute; bottom:-8px; left:50%; right:50%; z-index:1; height:4px; background-color:#219947; transition:all .2s;}
header nav a:hover,
header nav a.on										{font-weight:700; color:#11592E;}
header nav a:hover::after,
header nav a.on::after								{left:0; right:0;}
header nav button									{position:relative; display:flex; justify-content:center; align-items:center; padding-right:12px; width:120px; height:52px; font-weight:700; font-size:14px; color:#fff; border-radius:5px; background-color:transparent; overflow:hidden;}
header nav button::before							{content:"";  position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background-color:#96BB7C; transition:filter .2s ease;}
header nav button::after							{content:""; position:absolute; top:50%; right:16px; z-index:1; width:12px; height:10px; background:url('../../images/icon/arrow_admin.svg') no-repeat; background-size:100%; transform:translateY(-50%);}
header nav button:hover::before						{filter:brightness(90%);}
header i											{display:none; width:24px; height:24px; text-indent:-9999px; background:url('../../images/icon/i_category.svg') no-repeat; background-size:100%; cursor:pointer;}
header .submenu										{position:absolute; top:100%; left:0; z-index:1; display:none; justify-content:center; width:100%; height:56px; background-color:#EFF8ED; }
header .submenu section								{display:none; align-items:center; gap:32px;}
header .submenu section a							{position:relative; padding-left:28px; font-weight:500; font-size:18px; color:#8D8D8D; transition:all .15s;}
header .submenu section a::before					{content:""; position:absolute; top:50%; left:12px; z-index:1; width:4px; height:4px; border-radius:50%; background-color:#8D8D8D; transform:translateY(-50%); transition:all .15s;}
header .submenu section a:hover,
header .submenu section a.on						{font-weight:700; color:#11592E;}
header .submenu section a:hover::before,
header .submenu section a.on::before				{background-color:#11592E;}


/* LNB */
.lnb_wrap											{position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; transition:all .2s;}
.lnb_wrap.on										{z-index:9000;}
.lnb_wrap.on .slide_container						{left:0;}
.slide_container									{position:relative; top:0; left:100%; z-index:1; display:flex; flex-direction:column; height:100vh; background-color:#EFF8ED; transition:all .1s;}
.slide_container .header							{display:flex; flex-direction:row-reverse; align-items:center; padding:0 25px; height:80px;}
.slide_container .header a							{width:30px; height:30px; text-indent:-9999px; background:url('../../images/icon/lnb_close.svg') no-repeat; background-size:100%; overflow:hidden;}
.slide_container ol									{display:flex; flex-direction:column; overflow-y:auto;}
.slide_container ol li								{display:flex; flex-direction:column;}
.slide_container ol li span							{position:relative; display:flex; align-items:center; padding-left:84px; height:62px; font-weight:500; font-size:24px; color:#595959; cursor:pointer;}
.slide_container ol li span::before					{content:""; position:absolute; top:50%; left:40px; z-index:1; width:20px; height:4px; background-color:#595959; transform:translateY(-50%);}
.slide_container ol li span.on						{color:#11592E;}
.slide_container ol li span.on::before				{background-color:#219947;}
.slide_container ol li section						{display:none; flex-direction:column; padding-bottom:16px;}
.slide_container ol li section a					{display:flex; align-items:center; padding-left:88px; height:56px; font-weight:500; font-size:18px; color:#8D8D8D;}
.slide_container ol li section a:hover,
.slide_container ol li section a.on					{color:#000;}


/* Footer */
footer												{display:flex; justify-content:center; padding:100px 0 56px; background-color:#FAFDF0;}
footer .footer_container							{position:relative; display:flex; flex-direction:column; gap:160px; width:1200px;}
footer .footer_container button						{position:absolute; bottom:-18px; left:100%; z-index:1; margin-left:30px; width:56px; height:56px; text-indent:-9999px; border-radius:50%; border:1px solid #486F5C; background-color:transparent; overflow:hidden;}
footer .footer_container button::after				{content:""; position:absolute; top:50%; left:50%; z-index:1; width:13px; height:8px; background:url('../../images/icon/i_top_arrow.svg') no-repeat; background-size:100%; transform:translate(-50%,-50%); transition:all .2s;}
footer .footer_container button:hover::after		{margin-top:-3px;}
footer .footer_group								{display:flex; justify-content:space-between;}
footer .footer_group .company_info					{display:flex; flex-direction:column; gap:32px;}
footer .footer_group .company_info p				{width:152px;}
footer .footer_group .company_info span				{font-size:17px; color:#11592E; line-height:30px;}
footer .footer_group .primary_menu					{display:flex; gap:88px;}
footer .footer_group .primary_menu section			{display:flex; flex-direction:column; gap:24px;}
footer .footer_group .primary_menu section em		{position:relative; padding-bottom:24px; font-weight:600; font-size:20px; color:#11592E;}
footer .footer_group .primary_menu section em::after{content:""; position:absolute; bottom:6px; left:0; z-index:1; width:22px; height:3px; background-color:#539407;}
footer .footer_group .primary_menu section > a		{padding-left:16px; font-size:16px; color:#11592E;}
footer .footer_group .primary_menu .family_menu								{display:flex; flex-direction:column; gap:10px;}
footer .footer_group .primary_menu .family_menu aside						{position:relative;}
footer .footer_group .primary_menu .family_menu aside label					{position:relative; display:flex; align-items:center; padding-left:20px; width:330px; height:48px; font-size:18px; color:#0F4229; border:1px solid #D5E4F1; background-color:#fff;}
footer .footer_group .primary_menu .family_menu aside label::after			{content:""; position:absolute; top:50%; right:16px; z-index:1; width:10px; height:8px; background:url('../../images/icon/i_family_arrow.svg') no-repeat; background-size:100%; transform:translateY(-50%); transition:transform .3s ease;}
footer .footer_group .primary_menu .family_menu aside label.on::after		{transform:translateY(-50%) scaleY(-1);}
footer .footer_group .primary_menu .family_menu aside span					{position:absolute; bottom:100%; left:0; z-index:1; width:100%; display:none; flex-direction:column; border:1px solid #D5E4F1; border-bottom:none; background-color:#fff;}
footer .footer_group .primary_menu .family_menu aside span a				{display:flex; align-items:center; padding-left:20px; height:36px; font-size:16px; color:#0F4229;}
footer .footer_group .primary_menu .family_menu aside span a:hover			{background-color:#F4F6FB;}
footer .copyright									{padding-top:32px; font-size:16px; color:#11592E; border-top:1px solid #486F5C; text-align:center;}


/* Visual */
.visual												{display:flex; justify-content:space-between; margin:0 auto; padding:80px 60px; width:100%; max-width:1440px;}
.visual::before,
.visual::after										{content:""; position:absolute; top:0; z-index:-1; background-color:#EFF8ED;}
.visual::before										{left:0; width:110px; height:180px; border-radius:0 0 56px 0;}
.visual::after										{left:50%; right:0; height:694px; border-radius:0 0 0 76px; transform:translateX(410px);}
.visual .content									{display:flex; flex-direction:column; gap:32px; padding-top:20px;}
.visual .content dl									{display:flex; flex-direction:column; gap:20px; letter-spacing:-1.5px;}
.visual .content dl dt								{font-weight:500; font-size:64px; color:#111;}
.visual .content dl dd								{font-weight:500; font-size:80px; color:#96BB7C;}
.visual .content span								{font-weight:300; font-size:24px; color:#808080; line-height:38px;}
.visual .main_slider								{position:relative; z-index:10; width:550px; height:500px; border-radius:20px; box-shadow:0 4px 10px 0 rgba(0,0,0,.25); overflow:hidden;}
.visual .main_slider ul								{display:flex; height:100%; transition:transform .5s ease;}
.visual .main_slider ul li							{position:relative; background-color:#fff; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.visual .main_slider ul li::after					{content:""; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:160px; background-color:rgba(150,187,124, .8);}
.visual .main_slider ul li .image					{height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.visual .main_slider ul li .board					{padding-top:32px; height:100%;}
.visual .main_slider ul li .board strong			{padding-left:32px; font-weight:500; font-size:28px; color:#333;}
.visual .main_slider ul li .board strong b			{margin-left:12px; font-weight:500; color:#96BB7C;}
.visual .main_slider ul li .board p,
.visual .main_slider ul li .board sub,
.visual .main_slider ul li .board a,
.visual .main_slider ul li em						{position:absolute; z-index:2;}
.visual .main_slider ul li .board p					{top:104px; left:50%; width:196px; height:262px; text-indent:-9999px; background-position:center; background-repeat:no-repeat; background-size:cover; box-shadow:0 15px 15px 0 rgba(0,0,0,.15); transform:translateX(-50%);}
.visual .main_slider ul li .board sub				{bottom:120px; left:20px; font-size:16px; color:#fff;}
.visual .main_slider ul li .board a					{top:36px; right:36px; width:25px; height:25px; text-indent:-9999px; background:url('../../images/icon/slide_link.svg') no-repeat; background-size:100%;}
.visual .main_slider ul li em						{top:390px; left:0; display:block; padding:0 40px; width:100%; font-weight:600; font-size:20px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.visual .main_slider .control_nav					{position:absolute; bottom:0; left:0; z-index:1; display:flex; justify-content:space-between; align-items:center; padding:0 56px 24px; width:100%;}
.visual .main_slider .control_nav a					{width:46px; height:46px; text-indent:-9999px; background-repeat:no-repeat; cursor:pointer; overflow:hidden;}
.visual .main_slider .control_nav a:first-child		{background-image:url('../../images/icon/control_prev.svg');}
.visual .main_slider .control_nav a:last-child		{background-image:url('../../images/icon/control_next.svg');}
.visual .main_slider .control_nav .paging			{display:flex; gap:16px;}
.visual .main_slider .control_nav .paging span		{width:10px; height:10px; border-radius:50%; background-color:#fff; transition:all .2s;}
.visual .main_slider .control_nav .paging span.on	{background-color:#ED722F;}


/* Main News */
.news_wrap											{display:flex; justify-content:center; padding:50px 0; background-color:#EFF8ED;}
.news_wrap .content_box								{display:flex; padding:0 60px; width:100%; max-width:1440px;}
.news_wrap .control									{position:relative; flex:0 0 300px; display:flex; justify-content:space-between; padding-top:70px;}
.news_wrap .control em								{font-weight:700; font-size:40px; color:#102D47; line-height:40px;}
.news_wrap .control article							{display:flex; flex-direction:column; gap:20px;}
.news_wrap .control article a						{display:flex; align-items:center; padding-left:16px; width:120px; height:50px; font-size:18px; color:#444; border-bottom:1px solid #E1E1E1;}
.news_wrap .control article a.on					{font-size:19px; color:#fff; border-bottom:unset; background-color:#768F41; box-shadow:0 5px 10px 0 rgba(65,71,143,.2);}
.news_wrap .control > a								{position:absolute; top:190px; left:0; z-index:1; font-weight:500; font-size:24px; color:#1F9847;}
.news_wrap .control > button						{position:absolute; bottom:28px; right:0; z-index:1; padding-left:64px; width:100%; height:48px; font-size:18px; color:#fff; text-align:left; border-radius:24px 0 0 24px; background-color:#52644D;}
.news_wrap .control > button::after					{content:""; position:absolute; top:50%; left:24px; z-index:1; width:28px; height:32px; background:url('../../images/icon/i_latest.svg') no-repeat; background-size:100%; transform:translateY(-50%);}
.news_wrap .news_thumb								{flex:auto; display:flex; padding:70px 20px 0 60px; height:365px; background-color:#fff; overflow:hidden;}
.news_wrap .news_thumb section						{display:flex; flex-direction:column; gap:16px; padding:0 20px; width:100%;}
.news_wrap .news_thumb section strong,
.news_wrap .news_thumb section span					{display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.news_wrap .news_thumb section strong				{-webkit-line-clamp:2; height:58px; font-weight:600; font-size:20px; color:#333; line-height:28px;}
.news_wrap .news_thumb section sub					{font-weight:300; font-size:15px; color:#1A4B33;}
.news_wrap .news_thumb section span					{-webkit-line-clamp:5; height:120px;}
.news_wrap .news_thumb section span,
.news_wrap .news_thumb section span *				{font-size:15px; color:#666; line-height:24px;}
.news_wrap .news_thumb section button				{position:relative; padding-right:20px; width:fit-content; height:24px; font-size:16px; color:#345A1D; background-color:transparent;}
.news_wrap .news_thumb section button::after		{content:""; position:absolute; top:50%; right:0; z-index:1; width:16px; height:16px; background:url('../../images/icon/news_arrow.svg') no-repeat; background-size:100%; transform:translateY(-50%); transition:right .2s;}
.news_wrap .news_thumb section button:hover::after	{right:-3px}


/* 경기도 감염병 현황 */
.infection_wrap										{position:relative; display:flex; flex-direction:column; align-items:center; gap:24px; padding:80px 0;}
.infection_wrap::before								{content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:430px; background:url('../../images/content/infection_bg.jpg') center no-repeat; background-size:cover;}
.infection_wrap dl									{display:flex; flex-direction:column; gap:20px; color:#fff; text-align:center;}
.infection_wrap dl dd								{font-size:22px;}
.infection_wrap dl dt								{font-weight:500; font-size:40px;}
.infection_wrap article								{display:flex; gap:24px;}
.infection_wrap article section						{display:flex; flex-direction:column; gap:24px; padding:40px 24px; border-radius:20px; background-color:#fff; box-shadow:0 10px 30px 0 rgba(0,0,0,.07);}
.infection_wrap article section em					{display:flex; align-items:center; gap:16px; font-weight:500; font-size:28px; color:#111; letter-spacing:-1px;}
.infection_wrap article section em i				{flex:0 0 56px; display:flex; justify-content:center; align-items:center; height:56px; border-radius:50%; background-color:#96BB7C;}
.infection_wrap article section span				{font-weight:500; font-size:18px; color:#808080;}
.infection_wrap article section .graph_area			{position:relative; width:520px; aspect-ratio:520 / 480; overflow:hidden;}


/* 메인 예감이 */
.character_wrap										{display:flex; justify-content:center; gap:80px; height:390px; background-color:#E8F5E9; overflow:hidden;}
.character_wrap p									{max-width:450px;}
.character_wrap .introduce							{position:relative; display:flex; flex-direction:column; gap:40px; margin-top:64px; padding-top:48px; width:500px;}
.character_wrap .introduce::before					{content:""; position:absolute; top:0; left:0; z-index:1; width:140px; height:7px; background-color:#E74040;}
.character_wrap .introduce dl						{display:flex; flex-direction:column; gap:24px;}
.character_wrap .introduce dl dt					{font-weight:700; font-size:40px; color:#252B42;}
.character_wrap .introduce dl dd					{font-size:22px; color:#539407; line-height:26px;}
.character_wrap .introduce a						{display:flex; justify-content:center; align-items:center; padding:0 36px; width:fit-content; height:60px; font-weight:500; font-size:18px; color:#fff; border-radius:10px; background-color:#539407;}


/* Sub Top */
.sub_top											{position:relative; display:flex; flex-direction:column; justify-content:center; gap:16px; margin-top:56px; padding-left:208px; height:230px; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sub_top::before,
.sub_top::after										{content:""; position:absolute; top:0; left:0;}
.sub_top::before									{z-index:0; width:100%; height:100%;}
.sub_top::after										{z-index:1; width:156px; height:230px; background-size:100%;}
.sub_top em											{z-index:2; font-size:36px; line-height:40px;}
.sub_top em strong									{padding-left:12px; font-weight:700;}
.sub_top span										{z-index:2; font-size:20px; line-height:28px;}


/* Sub Top About */
.bg_about											{background-image:url('../../images/content/sub_bg01.jpg');}
.bg_about::before									{background:linear-gradient(90deg, rgba(154, 191, 144, .9) 0%, rgba(75, 130, 103, .9) 100%);}
.bg_about::after									{background-image:url('../../images/content/sub_image01.png');}


/* Sub Top Status */
.bg_status											{background-image:url('../../images/content/sub_bg02.jpg');}
.bg_status::before									{background:linear-gradient(90deg, rgba(144, 182, 191, .9) 0%, rgba(75, 99, 130, .9) 100%);}
.bg_status::after									{background-image:url('../../images/content/sub_image02.png');}


/* Sub Top News */
.bg_news											{background-image:url('../../images/content/sub_bg03.jpg');}
.bg_news::before									{background:linear-gradient(90deg, rgba(191, 144, 167, .9) 0%, rgba(130, 75, 91, .9) 100%);}
.bg_news::after										{background-image:url('../../images/content/sub_image03.png');}


/* Sub Top Notice */
.bg_notice											{background-image:url('../../images/content/sub_bg04.jpg');}
.bg_notice::before									{background:linear-gradient(90deg, rgba(187, 191, 144, .9) 0%, rgba(130, 126, 75, .9) 100%);}
.bg_notice::after									{background-image:url('../../images/content/sub_image04.png');}


/* Headline */
.headline											{display:flex; flex-direction:column; align-items:center; gap:20px;}
.headline sup										{position:relative; padding-left:3px; width:fit-content; font-size:16px; color:#C4C4C4; letter-spacing:1px; text-align:center;}
.headline sup::before								{content:""; position:absolute; top:7px; left:-10px; z-index:1; width:3px; height:3px; border-radius:50%; background-color:#C4C4C4;}
.headline em										{font-size:36px; color:#333;}


/* 인사말 */
.about												{display:flex; gap:100px; width:100%;}
.about > p											{flex:0 0 460px; height:690px; border-radius:20px; overflow:hidden;}
.about aside										{display:flex; flex-direction:column; gap:36px;}
.about aside strong									{width:96%; font-size:40px; color:#111; line-height:52px;}
.about aside span									{font-size:20px; color:#444; line-height:28px;}
.about aside span b									{font-weight:700;}
.about aside span p									{display:block; margin-top:8px; width:100px;}
.about aside span ol								{display:flex; flex-direction:column; gap:12px; margin:16px 0; padding-left:24px;}
.about aside span ol li								{list-style-type:disc;}
.about aside span:nth-child(2)						{width:92%;}
.about aside span:nth-child(3)						{width:88%;}


/* 설립 목적 및 연혁 */
.history											{display:flex; flex-direction:column; gap:80px; width:100%;}
.history .title_history								{display:flex; flex-direction:column; gap:20px;}
.history .title_history sub							{position:relative; padding-left:24px; width:max-content; font-weight:500; font-size:16px; color:#C4C4C4; letter-spacing:.5px;}
.history .title_history sub::before					{content:""; position:absolute; top:50%; left:0; z-index:1; width:10px; height:10px; border-radius:50%; background-color:#C4C4C4; transform:translateY(-50%);}
.history .title_history em							{font-weight:700; font-size:36px; color:#333;}
.history .establishment								{display:flex; align-items:center; gap:100px;}
.history .establishment p							{flex:0 0 400px; height:400px; text-indent:-9999px; border-radius:50%; background:url('../../images/content/history_visual.jpg') center no-repeat; background-size:cover;}
.history .establishment aside,
.history .basis,
.history .histories									{display:flex; flex-direction:column; gap:48px;}
.history .establishment aside span					{width:90%; font-size:24px; color:#333; line-height:38px;}
.history .basis ul									{display:flex; gap:36px;}
.history .basis ul li								{flex:auto; display:flex; flex-direction:column; gap:20px; padding:36px 40px; height:320px; box-shadow:0 12px 20px 0 rgba(0,0,0,.07);}
.history .basis ul li strong						{position:relative; padding-bottom:22px; font-weight:700; font-size:20px; color:#252B42; line-height:24px;}
.history .basis ul li strong::after					{content:""; position:absolute; bottom:0; left:0; z-index:1; width:50px; height:2px; background-color:#96BB7C;}
.history .basis ul li span							{font-size:14px; color:#737373; line-height:20px;}
.history .histories ul								{display:flex; flex-direction:column; gap:36px;}
.history .histories ul li							{display:flex; gap:48px;}
.history .histories ul li:first-child em			{color:#333;}
.history .histories ul li em						{position:relative; flex:0 0 140px; padding-bottom:16px; font-weight:700; font-size:28px; color:#8D8D8D; line-height:34px;}
.history .histories ul li em::after					{content:""; position:absolute; bottom:0; left:0; z-index:1; width:38px; height:4px; background-color:#FF9A41;}
.history .histories ul li span						{font-size:24px; color:#333; line-height:34px;}


/* 조직도 */
.organization ul									{display:flex; gap:102px; padding-top:40px;}
.organization ul > li								{display:flex; flex-direction:column; gap:20px; padding:32px; width:100%; height:400px; border-radius:30px; box-shadow:0 24px 60px -14px rgba(15,151,181,.14);}
.organization ul > li i								{flex:0 0 100px; display:flex; justify-content:center; align-items:center; width:100px; border-radius:50%; background-color:#768F41;}
.organization ul > li em							{margin-top:4px; font-weight:600; font-size:24px; color:#122606;}
.organization ul > li > ol							{display:flex; flex-direction:column; gap:6px;}
.organization ul > li > ol > li						{position:relative; padding-left:8px; font-size:16px; color:#616751; line-height:20px; letter-spacing:-.4px;}
.organization ul > li > ol > li::before				{content:""; position:absolute; top:8px; left:0; z-index:1; width:2px; height:2px; background-color:#616751;}


/* CI 소개 */
.ci													{display:flex; flex-direction:column; gap:80px; width:100%;}
.ci > li											{display:flex; flex-direction:column; gap:40px;}
.ci > li > p										{margin:0 auto; max-width:980px;}
.ci > li .title_ci									{display:flex; flex-direction:column; gap:24px;}
.ci > li .title_ci em								{font-weight:600; font-size:28px; color:#333;}
.ci > li .title_ci span								{font-size:16px; color:#444; line-height:24px;}
.ci > li .title_ci span b							{color:#9EC452;}
.ci > li .download_ci								{display:flex; flex-direction:column; gap:20px;}
.ci > li .download_ci strong						{font-size:20px; color:#333;}
.ci > li .download_ci .tile							{display:flex; justify-content:center; align-items:center; min-height:228px; border:1px solid #f2f2f2; background:url('../../images/content/tile.png') center repeat; background-size:12px;}
.ci > li .download_ci .tile .character				{width:330px;}
.ci > li .download_ci button						{position:relative; padding:0 16px 0 40px; width:fit-content; height:34px; font-weight:300; font-size:15px; color:#212529; border:1px solid #d9d9d9; background-color:transparent;}
.ci > li .download_ci button::before				{content:""; position:absolute; top:50%; left:12px; z-index:-1; width:16px; height:16px; background:url('../../images/icon/i_down.svg') no-repeat; background-size:100%; transform:translateY(-50%);}
.ci > li .regulation								{display:flex; flex-direction:column; gap:12px;}
.ci > li .regulation em								{font-weight:500; font-size:16px; color:#333;}
.ci > li .regulation ol								{display:flex; flex-direction:column; gap:8px;}
.ci > li .regulation ol li							{font-size:15px; color:#6C757D; line-height:24px;}
.ci > li .regulation ol li b						{color:#D52222;}


/* Tab Button */
.tab_button											{display:flex; justify-content:center; gap:24px;}
.tab_button button									{display:flex; justify-content:center; align-items:center; gap:8px; width:180px; height:68px; font-weight:500; font-size:20px; color:#539407; border:1px solid #539407; border-radius:34px; background-color:transparent;}
.tab_button button.on								{color:#fff; background-color:#539407;}
.tab_button button.on img							{filter:brightness(0) invert(1);}
.tab_view											{overflow-x:auto;}


/* Tab Category */
.tab_category										{display:flex; flex-wrap:wrap; gap:16px; padding:24px; width:100%; max-width:1200px; border-radius:8px; background-color:#F9FAFB;}
.tab_category button								{padding:0 24px; height:48px; font-size:16px; color:#111; border:1px solid #D1D5DB; border-radius:8px; background-color:#EFEFEF; transition:all .1s;}
.tab_category button.on								{font-weight:600; color:#fff; border-color:#539407; background-color:#539407;}


/* More Button */
.more_btn											{position:relative; padding:0 32px; height:48px; font-weight:600; font-size:16px; color:#fff; border-radius:8px; background-color:transparent; overflow:hidden;}
.more_btn::before									{content:"";  position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background-color:#96BB7C; transition:filter .2s ease;}
.more_btn:hover::before								{filter:brightness(90%);}


/* 감염병 현황 */
.status												{display:flex; flex-direction:column; gap:60px; width:100%;}


/* 주간소식지 */
.weekly												{display:flex; flex-direction:column; gap:64px; width:100%;}
.weekly > strong									{display:flex; align-items:center; gap:16px; margin:0 auto; width:fit-content; font-weight:500; font-size:60px; color:#212529;}
.weekly > strong b									{color:#96C43C;}
.weekly .display									{display:flex; gap:72px;}
.weekly .display .board								{position:relative; flex:0 0 550px; display:flex; flex-direction:column; align-items:center; gap:40px; padding:56px 40px 0; height:500px; border-radius:20px; box-shadow:0 0 10px 0 rgba(0,0,0,.07); overflow:hidden;}
.weekly .display .board::after						{content:""; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:160px; background-color:rgba(150,187,124, .8);}
.weekly .display .board strong						{width:fit-content; font-weight:500; font-size:28px; color:#333; text-align:center;}
.weekly .display .board strong b					{margin-left:8px; font-weight:500; color:#96BB7C;}
.weekly .display .board p							{width:232px; height:310px; text-indent:-9999px; background-position:center; background-repeat:no-repeat; background-size:cover; box-shadow:0 15px 15px 0 rgba(0,0,0,.15);}
.weekly .display .brief								{flex:auto; display:flex; flex-direction:column; gap:32px; padding:36px 32px; height:500px; border-radius:20px; box-shadow:0 0 10px 0 rgba(0,0,0,.07);}
.weekly .display .brief .substance					{display:flex; flex-direction:column; gap:20px; padding:0 16px; height:100%; overflow:hidden;}
.weekly .display .brief .substance em				{display:block; font-weight:700; font-size:24px; color:#333; line-height:32px;}
.weekly .display .brief .substance b				{font-weight:600; font-size:18px; color:#374151;}
.weekly .display .brief .substance ol				{display:flex; flex-direction:column; gap:12px;}
.weekly .display .brief .substance ol li			{position:relative; padding-left:16px; font-size:16px; color:#333; line-height:21px;}
.weekly .display .brief .substance ol li::before	{content:""; position:absolute; top:9px; left:0; z-index:1; width:4px; height:4px; border-radius:50%; background-color:#4B5563;}
.weekly .display .brief .more						{display:flex; flex-direction:column; gap:20px;}
.weekly .display .brief .more a						{position:relative; padding-right:32px; width:fit-content; font-size:20px; color:#96C43C;}
.weekly .display .brief .more a::after				{content:""; position:absolute; top:50%; right:0; z-index:1; width:24px; height:24px; background:url('../../images/icon/arrowRight.svg') no-repeat; background-size:100%; transform:translateY(-50%); transition:right .2s;}
.weekly .display .brief .more a:hover::after		{right:-4px}
.weekly .display .brief .more span,
.board_view .reg_info span							{display:flex; align-items:center; gap:20px; margin-left:auto; width:fit-content; font-weight:500; font-size:14px; color:#539407;}
.weekly .display .brief .more span i,
.board_view .reg_info span i						{display:flex; align-items:center; padding:0 12px; height:28px; font-weight:500; color:#fff; border-radius:14px; background-color:#539407;}
.weekly .display .brief .hits						{display:flex; justify-content:space-between; align-items:center; padding-top:24px; border-top:1px solid #E5E7EB;}
.weekly .display .brief .hits span					{display:flex; align-items:center; gap:20px;}
.weekly .display .brief .hits span a				{display:flex; align-items:center; gap:6px; font-size:16px; color:#4B5563;}
.weekly .display .brief .hits sub					{font-size:14px; color:#6B7280;}
.weekly .old_news									{display:flex; flex-direction:column; align-items:center; gap:40px;}
.weekly .old_news > strong							{font-weight:600; font-size:30px; color:#1F2937;}
.weekly .old_news ul								{display:flex; flex-wrap:wrap; gap:32px; width:100%;}
.weekly .old_news ul li								{flex:0 0 calc((100% - 64px) / 3); display:flex; flex-direction:column; gap:16px; padding:24px; height:260px; border-radius:8px; box-shadow:0 4px 8px 2px rgba(0,0,0,.05); overflow:hidden;}
.weekly .old_news ul li .date						{display:flex; justify-content:space-between; align-items:center;}
.weekly .old_news ul li .date sup					{font-size:14px; color:#6B7280;}
.weekly .old_news ul li .date i						{display:flex; align-items:center; padding:0 8px; font-weight:500; font-size:12px; height:24px; border-radius:12px;}
.weekly .old_news ul li .date i.badge_1				{color:#991B1B; background-color:#FEE2E2;}
.weekly .old_news ul li .date i.badge_2				{color:#1E40AF; background-color:#DBEAFE;}
.weekly .old_news ul li .date i.badge_3				{color:#166534; background-color:#DCFCE7;}
.weekly .old_news ul li .date i.badge_4				{color:#6B21A8; background-color:#F3E8FF;}
.weekly .old_news ul li em							{display:block; width:100%; font-weight:600; font-size:18px; color:#1F2937; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.weekly .old_news ul li span						{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow:ellipsis; overflow:hidden; height:100px; font-size:14px; color:#4B5563; line-height:20px;}
.weekly .old_news ul li .bottom						{display:flex; justify-content:space-between; align-items:center; margin-top:auto;}
.weekly .old_news ul li .bottom sub					{position:relative; padding-left:20px; font-size:14px; color:#6B7280;}
.weekly .old_news ul li .bottom sub::before			{content:""; position:absolute; top:50%; left:0; z-index:1; width:16px; height:16px; background:url('../../images/icon/i_view.svg') no-repeat; background-size:100%; transform:translateY(-50%);}
.weekly .old_news ul li .bottom a					{position:relative; padding-right:20px; width:fit-content; font-weight:500; font-size:14px; color:#96BB7C;}
.weekly .old_news ul li .bottom a::after			{content:""; position:absolute; top:50%; right:0; z-index:1; width:16px; height:16px; background:url('../../images/icon/arrowRight_small.svg') no-repeat; background-size:100%; transform:translateY(-50%); transition:right .2s;}
.weekly .old_news ul li .bottom a:hover::after		{right:-2px}


/* 게시판 테이블 */
.board												{display:flex; flex-direction:column; gap:16px; width:100%;}
.board .search_keyword								{display:flex; justify-content:space-between; align-items:center; margin-left:auto; width:290px; height:36px; border-radius:18px; border:1px solid #D7D7D7; overflow:hidden;}
.board .search_keyword input						{padding:0 16px; height:100%; font-size:14px; color:#111;}
.board .search_keyword button						{position:relative; width:60px; height:100%; text-indent:-9999px; background-color:transparent;}
.board .search_keyword button::after				{content:""; position:absolute; top:50%; left:50%; z-index:1; width:16px; height:16px; background:url('../../images/icon/i_search.svg') no-repeat; background-size:100%; transform:translate(-50%,-50%);}
.board .board_container								{display:flex; flex-direction:column; border-top:1px solid #E8E8E8;}
.board .board_container a							{display:flex; align-items:center; gap:16px; padding:20px 32px 20px 8px; border-bottom:1px solid #E8E8E8; transition:all .1s;}
.board .board_container a:hover						{background-color:rgba(0,0,0,.05);}
.board .board_container a i							{flex:none; display:flex; align-items:center; padding:0 8px; height:22px; font-size:13px; color:#fff; border-radius:14px; background-color:#539407;}
.board .board_container a em						{font-size:16px; color:#111; line-height:24px;}
.board .board_container a sub						{margin-left:auto; font-size:14px; color:#888;}


/* Paging */
.board_paging										{display:flex; justify-content:center; gap:6px; padding:24px 0;}
.board_paging button,
.board_paging a										{flex:0 0 40px; display:flex; justify-content:center; align-items:center; height:40px; font-size:16px; color:#666; border-width:1px; border-style:solid; border-color:transparent; border-radius:50%; background-color:transparent;}
.board_paging a.on									{font-weight:600; color:#539407; border-color:#539407;}
.board_paging button								{position:relative; text-indent:-9999px; overflow:hidden;}
.board_paging button::after							{content:""; position:absolute; top:50%; left:50%; z-index:1; width:20px; height:20px; background-size:100%; background-repeat:no-repeat; transform:translate(-50%,-50%);}
.board_paging button:first-child:after				{background-image:url('../../images/icon/arrow_prev.svg');}
.board_paging button:last-child:after				{background-image:url('../../images/icon/arrow_next.svg');}
.board_paging button.holder::after					{filter:invert(93%) sepia(5%) saturate(105%) hue-rotate(174deg) brightness(97%) contrast(92%);}


/* 게시판 상세페이지 */
.board_view											{display:flex; flex-direction:column; width:100%; border-top:3px solid #4d4d4d;}
.board_view .title									{padding:18px 8px; font-weight:700; font-size:24px; color:#1F2937; line-height:32px;}
.board_view .reg_info								{display:flex; justify-content:space-between; align-items:center; padding:0 8px 16px;}
.board_view .reg_info b								{font-weight:500; font-size:16px; color:#333;}
.board_view .attached								{position:relative; display:flex; flex-wrap:wrap; gap:20px; padding:24px 24px 40px 88px; border-top:1px solid #999;}
.board_view .attached::before						{content:"첨부파일"; position:absolute; top:24px; left:0; z-index:1; font-weight:700; font-size:16px; color:#444;}
.board_view .attached a								{position:relative; padding-left:32px; font-size:16px; color:#333;}
.board_view .attached a::before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:25px; height:24px; background:url('../../images/icon/i_file.png') no-repeat; background-size:100%; transform:translateY(-50%);}
.board_view .attached a:hover						{text-decoration:underline;}
.board_view .view_content							{padding:32px 8px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#e5e5e5;}
.board_view .view_content,
.board_view .view_content *							{font-size:16px; color:#1F2937; line-height:28px;}
.board_view .view_bottom								{display:flex; flex-direction:column; gap:80px; padding-top:12px;}
.board_view .view_bottom button							{padding:0 24px; width:fit-content; height:40px; font-size:14px; color:#808080; border:1px solid #C6C6C6; background-color:#E6E6E6;}
.board_view .view_bottom ul								{display:flex; flex-direction:column; border-top:1px solid #e5e5e5;}
.board_view .view_bottom ul li							{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0 8px; width:100%; height:52px; border-bottom:1px solid #e5e5e5;}
.board_view .view_bottom ul li span						{position:relative; display:block; padding-left:80px; font-weight:300; font-size:15px; color:#AAB0B8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_view .view_bottom ul li span::before,
.board_view .view_bottom ul li span::after				{position:absolute; top:50%; z-index:1; transform:translateY(-50%);}
.board_view .view_bottom ul li span::before				{content:""; left:0; width:16px; height:16px; background:url('../../images/icon/board_arrow.png') no-repeat; background-size:100% auto;}
.board_view .view_bottom ul li:last-child span:before	{background-position-y:bottom;}
.board_view .view_bottom ul li span::after				{left:24px; font-weight:300; font-size:14px; color:#4d4d4d;}
.board_view .view_bottom ul li:first-child span::after	{content:"이전글";}
.board_view .view_bottom ul li:last-child span::after	{content:"다음글";}
.board_view .view_bottom ul li span a					{color:#333;}
.board_view .view_bottom ul li span a:hover				{text-decoration:underline;}
.board_view .view_bottom ul li sub						{flex:none; font-weight:300; font-size:13px; color:#696e76;}


/* 지원단 활동 */
.wrap_activity										{padding-left:60px; padding-right:60px; max-width:1920px;}
.activity											{display:flex; flex-direction:column; align-items:center; gap:40px; width:100%;}
.activity ul										{display:flex; flex-wrap:wrap; gap:60px; width:100%;}
.activity ul li										{flex:0 0 calc((100% - 180px) / 4); display:flex; flex-direction:column; gap:20px; padding-bottom:24px;}
.activity ul li	 aside								{display:flex; align-items:center; gap:16px; font-size:18px;}
.activity ul li	 aside strong						{color:#96C43C;}
.activity ul li	 aside sub							{color:#808080;}
.activity ul li p									{display:block; height:300px; text-indent:-9999px; border-radius:16px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.activity ul li dl									{display:flex; flex-direction:column; gap:8px;}
.activity ul li dl dt								{font-weight:500; font-size:24px; color:#1F2937; line-height:32px;}
.activity ul li dl dd								{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; height:48px; font-size:16px; color:#808080; line-height:24px;}
.activity ul li a									{position:relative; padding-right:28px; width:fit-content; font-size:18px; color:#96C43C;}
.activity ul li a::after							{content:""; position:absolute; top:50%; right:0; z-index:1; width:20px; height:20px; background:url('../../images/icon/arrowRight.svg') no-repeat; background-size:100%; transform:translateY(-50%); transition:right .2s;}
.activity ul li a:hover::after						{right:-3px}


/* 자료실 */
.resources											{display:flex; flex-direction:column; align-items:center; gap:32px; width:100%;}
.resources ul										{display:flex; flex-direction:column; gap:20px; padding-bottom:28px; width:100%;}
.resources ul li									{display:flex; flex-direction:column; gap:16px; padding:24px; border-radius:8px; background-color:#fff; box-shadow:0 4px 6px 0 rgba(0,0,0,.1);}
.resources ul li aside								{display:flex; align-items:center; gap:24px; font-size:14px;}
.resources ul li aside i							{display:flex; align-items:center; gap:4px; font-weight:500; color:#4B5563;}
.resources ul li aside span							{position:relative; color:#6B7280;}
.resources ul li aside span::before					{content:""; position:absolute; top:50%; left:-12px; z-index:1; width:3px; height:3px; border-radius:50%; background-color:#9CA3AF; transform:translateY(-50%);}
.resources ul li dl									{display:flex; flex-direction:column; gap:4px;}
.resources ul li dl dt								{font-weight:600; font-size:18px; color:#111827; line-height:28px;}
.resources ul li dl dd								{font-size:14px; color:#4B5563; line-height:20px;}
.resources ul li .keyword							{display:flex; flex-wrap:wrap; gap:4px;}
.resources ul li .keyword span						{display:flex; align-items:center; padding:0 8px; height:24px; font-size:12px; color:#374151; border-radius:4px; background-color:#F3F4F6;}
.resources ul li .download							{display:flex; align-items:center; gap:16px;}
.resources ul li .download b						{font-size:14px; color:#6B7280;}
.resources ul li .download strong					{position:relative; padding-left:24px; font-size:14px; color:#6B7280;}
.resources ul li .download strong::before			{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('../../images/icon/i_download.svg') no-repeat; background-size:100%; transform:translateY(-50%);}
.resources ul li .download button					{margin-left:auto; padding:0 16px; height:40px; font-size:14px; color:#fff; border-radius:8px; background-color:#96BB7C;}


/* 지난 자료실 */
.archive											{display:flex; flex-direction:column; align-items:center; gap:80px; width:100%;}
.archive .label										{display:inline-flex; padding:0 12px; font-size:15px; line-height:28px; border:1px solid #000; background-color:#fff; color:#000; align-items:center;}
.archive .label::after								{content:""; display:block; margin-left:4px; width:24px; height:24px; background:url('https://www.gidcc.or.kr/assets/View/images/icon/icon_label_file.png') center center no-repeat;}
.archive .label.label-blue							{border-color:#2c92f2; color:#2c92f2;}
.archive .board-text-list li a .item-subject .txt	{font-weight:700; line-height:34px;}
.archive .paging-wrap								{display:flex; justify-content:center; align-items:center; margin-top:64px;}
.archive .paging-wrap .paging						{display:inline-flex; align-items:flex-start;}
.archive .paging-wrap .paging ol					{display:inline-flex; margin:0 12px}
.archive .paging-wrap .paging ol li					{margin:0 5px;}
.archive .paging-wrap .paging ol li:first-child		{margin-left:0;}
.archive .paging-wrap .paging ol li:last-child		{margin-right:0;}
.archive .paging-wrap .paging ol li a,
.archive .paging-wrap .paging ol li strong			{display:block; width:46px; height:46px; font-size:18px; color:#919191; line-height:44px; text-align:center; border:1px solid #919191; box-sizing:border-box; background-position:center;}
.archive .paging-wrap .paging ol li .current		{cursor:default; font-weight:700; color:#fff; background-color:#2c92f2; border-color:#2c92f2;}
.archive .paging-wrap .paging > a					{display:inline-flex; width:46px; height:46px; font-size:0; border:1px solid #919191; box-sizing:border-box; background-repeat:no-repeat; background-position:center;}
.archive .paging-wrap .paging > a + a				{margin-left:12px;}
.archive .paging-wrap .paging .btn-page-first		{text-indent:-9999px; background-image:url('https://www.gidcc.or.kr/assets/View/images/icon/icon_page_first.png'); background-size:100%; overflow:hidden;}
.archive .paging-wrap .paging .btn-page-prev		{text-indent:-9999px; background-image:url('https://www.gidcc.or.kr/assets/View/images/icon/icon_page_prev.png'); background-size:100%; overflow:hidden;}
.archive .paging-wrap .paging .btn-page-next		{text-indent:-9999px; background-image:url('https://www.gidcc.or.kr/assets/View/images/icon/icon_page_next.png'); background-size:100%; overflow:hidden;}
.archive .paging-wrap .paging .btn-page-end			{text-indent:-9999px; background-image:url('https://www.gidcc.or.kr/assets/View/images/icon/icon_page_end.png'); background-size:100%; overflow:hidden;}
.archive .paging-wrap .paging .disabled				{display:none;}
#embedContent										{padding:0 40px; width:100%; min-height:300px;}
#embedContent > p,
.archive .board-text-list li.no-data				{display:flex; justify-content:center; align-items:center; height:300px; font-weight:300; font-size:18px; color:#808080;}
.archive .board-list-value							{color:#000;}
.archive .font-color-blue							{color:#2c92f2 !important;}
a.btn-basic											{position:relative; display:inline-flex; padding:0 20px; min-width:162px; height:48px; font-size:18px; line-height:24px; text-align:center; border:1px solid #000; border-radius:0; box-sizing:border-box; justify-content:center; align-items:center;}
a.btn-navy											{color:#fff; border-color:#2e373f; background-color:#2e373f;}
.btn-page-wrap										{position:relative; display:flex; justify-content:center; align-items:center; margin-top:42px; min-height:48px; font-size:0; text-align:center;}
.board-view-info .item-option .option-cell > em		{line-height:24px;}


@media screen and (max-width: 1440px) {
	.activity ul									{gap:40px;}
	.activity ul li									{flex:0 0 calc((100% - 80px) / 3); gap:16px;}
}


@media screen and (max-width: 1280px) {
	header center									{padding:0 25px 0 35px;}
	header nav										{gap:36px;}
	header nav button								{display:none;}
	footer .footer_container button					{bottom:73px; left:unset; right:0;}
	.weekly .display								{gap:60px;}
}


@media screen and (max-width: 1024px) {
	.container										{padding:48px 60px 120px;}
	.visual											{justify-content:unset; flex-direction:column; gap:64px;}
	.visual::after									{left:73%; transform:unset;}
	.news_wrap .news_thumb							{padding:60px 20px 0 40px;}
	.news_wrap .news_thumb section					{display:none;}
	.news_wrap .news_thumb section:first-child		{display:flex;}
	.infection_wrap article							{flex-direction:column; align-items:center; width:100%;}
	.character_wrap									{justify-content:space-between; gap:unset;}
	footer .footer_container						{gap:40px; width:700px;}
	footer .footer_container button					{bottom:-18px; left:100%; right:unset;}
	footer .footer_group							{justify-content:unset; flex-direction:column-reverse; gap:72px;}
	.about											{flex-direction:column; gap:64px;}
	.about > p										{flex:unset; width:460px;}
	.about aside strong								{width:68%;}
	.history .establishment							{gap:60px;}
	.history .establishment aside span				{width:100%;}
	.history .basis ul								{gap:24px;}
	.organization ul								{gap:76px; padding-top:28px;}
	.organization ul > li							{gap:16px; padding:24px; height:360px; border-radius:24px;}
	.organization ul > li i							{flex-basis:80px; width:80px;}
	.organization ul > li i img						{width:32px;}
	.organization ul > li em						{font-size:21px;}
	.organization ul > li > ol > li					{font-size:14px; line-height:18px;}
	.weekly .display								{flex-direction:column; align-items:center; gap:40px;}
	.weekly .display .board							{flex:0 0 500px; width:100%; max-width:620px;}
	.weekly .display .brief							{width:100%; max-width:620px;}
	.weekly .old_news ul							{gap:40px;}
	.weekly .old_news ul li							{flex:0 0 calc((100% - 40px) / 2);}
	.activity ul									{gap:32px;}
	.activity ul li									{flex:0 0 calc((100% - 32px) / 2);}
	#embedContent									{padding:unset;}
}


@media screen and (max-width: 768px) {
	.container										{gap:48px; padding:48px 24px 64px;}
	header center > a								{width:240px;}
	header nav,
	header .submenu									{display:none !important;}
	header i										{display:block;}
	.visual											{gap:48px; padding:40px 28px;}
	.visual::before									{left:-60px;}
	.visual::after									{left:70%;}
	.visual .content								{gap:20px;}
	.visual .content dl								{gap:12px;}
	.visual .content dl dt							{font-size:36px;}
	.visual .content dl dd							{font-size:40px;}
	.visual .content p								{width:280px;}
	.visual .content span							{font-size:16px; line-height:28px;}
	.visual .main_slider							{width:100%;}
	.visual .main_slider ul li .board strong		{display:flex; flex-direction:column; gap:8px; padding-left:28px; font-size:24px;}
	.visual .main_slider ul li .board strong b		{margin-left:unset;}
	.visual .main_slider ul li .board p				{top:126px; width:180px; height:240px;}
	.visual .main_slider ul li .board sub			{bottom:132px; left:16px; font-size:12px;}
	.visual .main_slider ul li .board a				{top:32px; right:32px;}
	.visual .main_slider ul li em					{font-size:18px;}
	.visual .main_slider .control_nav				{padding:0 32px 24px;}
	.visual .main_slider .control_nav .paging		{gap:8px;}
	.news_wrap										{padding:20px 0 48px;}
	.news_wrap .content_box							{flex-direction:column; padding:0 28px;}
	.news_wrap .control								{flex:0 0 330px;}
	.news_wrap .news_thumb							{padding:48px 20px 0 20px;}
	.news_wrap .news_thumb section span				{height:124px;}
	.infection_wrap									{padding:80px 16px;}
	.infection_wrap article,
	.infection_wrap article section					{width:100%;}
	.infection_wrap article section em				{font-size:20px; line-height:26px;}
	.infection_wrap article section .graph_area		{width:100%;}
	.character_wrap									{flex-direction:column; padding:48px 28px 60px; height:unset;}
	.character_wrap .introduce						{margin-top:28px; padding-top:36px; width:unset;}
	.character_wrap .introduce dl					{gap:16px;}
	.character_wrap .introduce dl dt				{font-size:30px;}
	.character_wrap .introduce dl dd				{font-size:16px; line-height:21px;}
	footer											{justify-content:unset; padding-top:72px;}
	footer .footer_container						{gap:120px; padding:0 28px; width:100%;}
	footer .footer_container button					{bottom:76px; left:50%; margin-left:unset; transform:translateX(-50%);}
	footer .footer_group							{padding:0 12px;}
	footer .footer_group .primary_menu				{flex-direction:column; gap:88px;}
	footer .footer_group .primary_menu .family_menu aside label	{width:unset;}
	.about > p										{height:400px;}
	.sub_top										{gap:12px; margin-top:unset; padding-left:64px; padding-right:40px; height:200px;}
	.sub_top::after									{width:102px; height:150px;}
	.sub_top em										{font-size:22px; line-height:28px;}
	.sub_top em strong								{padding-left:6px;}
	.sub_top span									{font-size:16px; line-height:22px;}
	.headline										{gap:16px;}
	.headline sup									{font-size:15px; line-height:21px;}
	.headline sup::before							{top:10px; left:-0;}
	.headline em									{font-size:24px;}
	.about											{gap:40px;}
	.about p										{width:100%;}
	.about aside									{gap:24px;}
	.about aside strong								{width:100%; font-size:30px; line-height:42px;}
	.about aside span								{width:100% !important; font-size:16px; line-height:24px;}
	.about aside span p								{width:80px;}
	.history										{gap:60px;}
	.history .title_history							{gap:16px;}
	.history .title_history sub						{font-size:14px;}
	.history .title_history sub::before				{width:8px; height:8px;}
	.history .title_history em						{font-size:32px;}
	.history .establishment							{flex-direction:column; gap:48px;}
	.history .establishment p						{flex:0 0 300px; width:300px; height:unset;}
	.history .establishment aside,
	.history .basis,
	.history .histories								{gap:36px;}
	.history .establishment aside span				{font-size:18px; line-height:32px;}
	.history .basis ul								{flex-direction:column;}
	.history .histories ul li						{flex-direction:column; gap:12px;}
	.history .histories ul li em					{flex:unset; font-size:21px; line-height:unset;}
	.history .histories ul li span					{font-size:18px; line-height:24px;}
	.organization ul								{flex-direction:column; gap:32px; padding-top:32px;}
	.organization ul > li							{gap:20px; padding:40px 32px; height:unset;}
	.organization ul > li em						{font-size:24px;}
	.organization ul > li > ol > li					{font-size:16px; line-height:20px;}
	.organization ul > li > ol > li::before			{top:10px;}
	.ci > li .download_ci .tile						{min-height:180px;}
	.ci > li .download_ci .tile p					{width:70%;}
	.ci > li .download_ci .tile .character			{width:256px;}
	.tab_button										{gap:20px;}
	.tab_button button								{gap:6px; width:120px; height:48px; font-size:16px; border-radius:24px;}
	.tab_button button img							{width:18px; height:18px;}
	.overview										{gap:40px;}
	.weekly > strong								{gap:8px; font-size:36px;}
	.weekly .display								{gap:24px;}
	.weekly .display .board strong					{display:flex; flex-direction:column; gap:8px;font-size:24px;}
	.weekly .display .board strong b				{margin-left:unset;}
	.weekly .display .board p						{width:210px; height:280px;}
	.weekly .display .brief							{gap:40px; padding:28px 20px; height:unset;}
	.weekly .display .brief .substance				{padding:0 8px;}
	.weekly .display .brief .substance em			{font-size:20px; line-height:28px;}
	.weekly .display .brief .substance b			{font-size:16px;}
	.weekly .display .brief .substance ol			{gap:8px;}
	.weekly .display .brief .substance ol li		{padding-left:14px; font-size:14px; line-height:18px;}
	.weekly .display .brief .substance ol li::before{top:8px; width:3px; height:3px;}
	.weekly .display .brief .more a					{padding-right:28px; font-size:18px;}
	.weekly .display .brief .more a::after			{width:20px; height:20px;}
	.weekly .display .brief .hits span a			{font-size:14px;}
	.weekly .display .brief .hits sub				{font-size:12px;}
	.weekly .old_news ul							{gap:32px;}
	.weekly .old_news ul li							{flex:unset; width:100%;}
	.board_paging									{gap:4px;}
	.board_view .title								{padding:16px 4px; font-size:20px; line-height:28px;}
	.board_view .reg_info							{padding:0 4px 16px;}
	.board_view .attached							{flex-wrap:unset; flex-direction:column; gap:16px; padding:60px 4px 24px 4px;}
	.board_view .attached::before					{content:"첨부파일"; position:absolute; top:24px; left:0; z-index:1; font-weight:700; font-size:16px; color:#444;}
	.board_view .attached a							{padding-left:24px; font-size:13px;}
	.board_view .attached a::before					{width:16px; height:15px;}
	.board_view .view_content						{padding:20px 4px;}
	.board_view .view_content,
	.board_view .view_content *						{font-size:15px; line-height:26px;}
	.board_view .view_bottom ul li					{gap:8px; padding:0 4px; height:48px;}
	.board_view .view_bottom ul li span				{padding-left:72px; font-size:14px;}
	.board_view .view_bottom ul li span::before		{width:12px; height:12px;}
	.board_view .view_bottom ul li span::after		{left:20px;}
	.board_view .view_bottom ul li sub				{font-size:11px;}
	.board .search_keyword							{margin-left:unset; width:100%; height:48px; border-radius:24px;}
	.board .search_keyword input					{padding:0 20px; font-size:16px;}
	.board .search_keyword button					{width:80px;}
	.board .search_keyword button::after			{width:20px; height:20px;}
	.board .board_container a						{flex-direction:column; align-items:unset; gap:8px; padding:16px 4px;}
	.board .board_container a i						{width:fit-content;}
	.board .board_container a em					{font-weight:500;}
	.board .board_container a sub					{margin-left:unset; font-size:13px;}
	.activity										{gap:20px;}
	.activity ul									{gap:32px;}
	.activity ul li									{flex:unset; width:100%;}
	.activity ul li	 aside							{gap:12px; font-size:16px;}
	.activity ul li dl								{gap:6px;}
	.activity ul li dl dt							{font-size:21px; line-height:28px;}
	.activity ul li dl dd							{height:42px; font-size:14px; line-height:21px;}
	.tab_category									{gap:10px; padding:16px;}
	.tab_category button							{padding:0 20px; height:40px; font-size:15px;}
	.resources ul									{padding-bottom:8px;}
	.archive .paging-wrap							{margin-top:32px;}
	.archive .paging-wrap .paging ol				{margin:0 8px}
	.archive .paging-wrap .paging ol li				{margin:0 4px;}
	.archive .paging-wrap .paging ol li a,
	.archive .paging-wrap .paging ol li strong		{width:32px; height:32px; font-size:16px; line-height:30px;}
	.archive .paging-wrap .paging > a				{width:32px; height:32px;}
	.archive .paging-wrap .paging > a + a			{margin-left:8px;}
	.archive .board-text-list li a					{padding:16px 0; height:unset;}
	.archive .board-text-list li a .item-date		{width:80px; font-size:11px;}
	.archive .board-text-list li a .item-date em	{font-size:36px; line-height:1;}
	.archive .board-text-list li a .item-subject	{margin-top:8px !important; font-size:18px;}
	.archive .board-text-list li a .item-subject .txt{line-height:22px; white-space:unset; overflow:unset; text-overflow:unset;}
	.archive .label									{padding:0 6px; font-size:11px; line-height:18px;}
	.archive .label::after							{width:8px; height:8px;}
	.archive .board-list-value						{margin-bottom:12px; font-size:18px;line-height:24px;}
}