@charset "utf-8";
/* CSS Document */


/**********************************************************************

 						공통 스타일

**********************************************************************/

/*.box_info_top*/
.box_info_top															{background:#f4f7fb;border-top-right-radius:60px;}
.box_info_top .icon														{background-color: transparent;width: 140px;height: 140px;position: relative;border: 2px dotted #d4deed;border-radius: 28px;padding:13px;}
.box_info_top .icon::before												{content: '';background: var(--color-white);border-radius: 20px;width:110px;height:110px;display: block;position: absolute;left: 50%;transform: translate(-50%, -50%); top: 50%;;box-shadow: 10px 10px 20px rgba(6, 34, 75, .05);}
.box_info_top .icon img													{position: relative;border-radius: 20px;}
.box_info_top h4														{color: #0b3068;}


@media (max-width: 1368px) {
  .box_info_top .icon													{width:130px;height:130px;}
  .box_info_top .icon::before											{width:100px;height:100px;}
}

@media (max-width: 968px) {
  .box_info_top															{border-top-right-radius: 50px;}
}

@media (max-width: 868px) {
  .box_info_top .icon													{width:100px;height:100px;padding:8px;}
  .box_info_top .icon::before											{width:80px;height:80px;}
}

/*.box_text*/
[class*="box_text_"],
.basic_p																{font-size:1.09em;}
[class*="box_text_"] .basic_ul > li.none								{padding-left:0;}

@media (max-width: 1568px) {
  [class*="box_text_"],
  .basic_p																{font-size:1.06em;}
}

@media (max-width: 1368px) {
  [class*="box_text_"],
  .basic_p																{font-size:1.03em;}
}

/* 단순 박스 정렬 */
.box_flex .title_h3														{margin-top:0;margin-bottom:0;}


/* basic_table */
table.basic_table td.total												{ background-color:#f6fbff;}
.box_flex.titleh4 + .mob_info + .scrollTable .basic_table				{margin-top:0}

/* basic_ul */
.box_text_line .basic_ul{margin-top:0;}


/**********************************************************************

 							인사말

**********************************************************************/

[data-subarea="greeting"] .img_box										{ position:relative; --sizeImg:446px;overflow: hidden;}
[data-subarea="greeting"] .img_box .img 								{position:absolute;left:1.25em;bottom:0;width:var(--sizeImg);z-index:1;}
[data-subarea="greeting"] .img_box .txt									{margin-top:4.75em;}
[data-subarea="greeting"] .img_box .txt .tit							{display:flex;align-items:center;gap:1.875em;padding-left:calc(var(--sizeImg) + 5em);margin-bottom: 2.5em;}
[data-subarea="greeting"] .img_box .txt .tit::after						{content:'';display:block;width:44px;height:91px;background:url("/resource/chief/images/contents/icon_heart.svg") no-repeat center / auto 100%;}
[data-subarea="greeting"] .img_box .txt .tit img						{width:100%;min-width: 320px;max-width:552px !important;}
[data-subarea="greeting"] .img_box .txt .bg_box							{padding:6.5em 0 6.5em calc(var(--sizeImg) + 5em);background:url("/resource/chief/images/contents/bg_greeting.jpg") no-repeat center / cover;border-radius:3.125em 9.375em 3.125em 3.125em;}
[data-subarea="greeting"] .img_box .txt .bg_box p						{color:var(--color-white);font-size:3.125em;font-weight:300;line-height:1.3;}
[data-subarea="greeting"] .img_box .txt .bg_box p strong				{display:block;font-weight:700;font-size:1.3em;}
[data-subarea="greeting"] .flex											{ flex-wrap: wrap; }
[data-subarea="greeting"] .text											{ flex:0 1 50%; display:flex;flex-flow:column; gap:1.75em; font-size:1.25em; line-height:1.6; padding:3em 2.5em; padding-bottom:0;font-weight:300; }
[data-subarea="greeting"] .text>li>strong								{ font-size:1.3em;font-weight:bold;}
[data-subarea="greeting"] .text>li.sign									{display:flex;align-items:center;gap:1.25em;margin-top:1.25em; }
[data-subarea="greeting"] .text>li.sign strong							{font-size:1.1em;font-weight:600;}


@media all and (max-width:1568px){
	[data-subarea="greeting"] .text										{ padding:3em 2em; }
}

@media all and (max-width:1368px){
	[data-subarea="greeting"] .img_box									{--sizeImg:416px;}
	[data-subarea="greeting"] .img_box .txt .tit						{padding-left: calc(var(--sizeImg) + 4em);}
   	[data-subarea="greeting"] .img_box .txt .tit	img					{width:70%;}
   	[data-subarea="greeting"] .img_box .txt .tit::after					{width:30px;height:81px;}
   	[data-subarea="greeting"] .img_box .txt .bg_box						{padding:6em 0 6em calc(var(--sizeImg) + 4em);border-radius: 3em 9em 3em 3em; }
   	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:2.875em;}
   	[data-subarea="greeting"] .text										{font-size:1.067em; padding:3em 1em; }
	[data-subarea="greeting"] .text>li.sign								{gap:1.125em;}
   	[data-subarea="greeting"] .text>li.sign img							{width:94px;}
}

@media all and (max-width:1268px){
	[data-subarea="greeting"] .img_box									{--sizeImg:392px;}
	[data-subarea="greeting"] .img_box .txt .bg_box						{padding:5.5em 0 5.5em calc(var(--sizeImg) + 4em);}
	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:2.625em;}
}

@media all and (max-width:1168px){
	[data-subarea="greeting"] .img_box									{--sizeImg:360px;}
	[data-subarea="greeting"] .img_box .txt .tit						{gap:1.75em;}
	[data-subarea="greeting"] .img_box .txt .tit::after					{width:26px;height:71px;}
   	[data-subarea="greeting"] .img_box .txt .bg_box						{padding:5em 0 5em calc(var(--sizeImg) + 4em);border-radius: 2em 8em 2em 2em; }
   	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:2.5em;}
   	[data-subarea="greeting"] .flex										{padding:2.5em 1em;padding-bottom:0  }
   	[data-subarea="greeting"] .text										{flex:100%; gap:1em; padding:0; }
	[data-subarea="greeting"] .text+.text								{margin-top:1em; }
	[data-subarea="greeting"] .text>li.sign								{margin-top:1em;}
	[data-subarea="greeting"] .text>li.sign	img							{width:84px;}
}

@media all and (max-width:1024px){
	[data-subarea="greeting"] .img_box									{--sizeImg:318px;}
	[data-subarea="greeting"] .img_box .txt .tit						{padding-left: calc(var(--sizeImg) + 3em);}
	[data-subarea="greeting"] .img_box .txt .tit::after					{width:22px;height:61px;}
	[data-subarea="greeting"] .img_box .txt .tit img					{width:60%;}
  	[data-subarea="greeting"] .img_box .txt .bg_box						{padding:5em 0 5em calc(var(--sizeImg) + 3em); }
  	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:2.375em;}
  	[data-subarea="greeting"] .text>li.sign	img							{width:74px;}
}


@media all and (max-width:868px){
	[data-subarea="greeting"] .img_box									{--sizeImg:268px;}
	[data-subarea="greeting"] .img_box .txt .tit						{padding-left: calc(var(--sizeImg) + 2.5em);gap:1.5em;margin-bottom:2em;}
	[data-subarea="greeting"] .img_box .txt .tit::after					{width:17px;height:51px;}
   	[data-subarea="greeting"] .img_box .txt .bg_box						{padding:4em 0 4em calc(var(--sizeImg) + 2.5em); border-radius: 1.5em 6em 1.5em 1.5em; }
   	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:2em;}
    [data-subarea="greeting"] .text>li.sign	img							{width:64px;}
}

@media all and (max-width:768px){
	[data-subarea="greeting"] .img_box									{--sizeImg:248px;}
	[data-subarea="greeting"] .img_box .img								{left: 50%;transform: translateX(-50%);}
	[data-subarea="greeting"] .img_box .txt								{margin-top:0;}
	[data-subarea="greeting"] .img_box .txt .tit						{ padding-left: 0;justify-content: center;}
	[data-subarea="greeting"] .img_box .txt .tit::after					{width:14px;height:41px;}
	[data-subarea="greeting"] .img_box .txt .tit img					{max-width:320px !important;min-width:220px;}
	[data-subarea="greeting"] .img_box .txt .bg_box						{padding: 3em 0 24em 0;}
	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:1.75em;text-align:center;}
	[data-subarea="greeting"] .text>li.sign								{gap:1em;}
	[data-subarea="greeting"] .text>li.sign	img							{width:54px;}
}

@media all and (max-width:568px){
	[data-subarea="greeting"] .img_box									{--sizeImg:228px;}
	[data-subarea="greeting"] .img_box .img								{height:270px;}
	[data-subarea="greeting"] .img_box .txt .bg_box						{padding: 2.5em 0 20em 0;border-radius: 12px 46px 12px 12px;}
	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:1.5em;}
	[data-subarea="greeting"] .flex										{ padding:2em 1em; padding-bottom:0 }
}

@media all and (max-width:468px){
	[data-subarea="greeting"] .img_box									{--sizeImg:200px;}
	[data-subarea="greeting"] .img_box .img								{height:240px;}
	[data-subarea="greeting"] .img_box .txt .tit						{gap:1em;margin-bottom:1.5em;}
	[data-subarea="greeting"] .img_box .txt .tit::after					{width:12px;height:31px;}
	[data-subarea="greeting"] .img_box .txt .bg_box						{padding: 2em 1em 18em 1em;border-radius: 10px 40px 10px 10px;}
	[data-subarea="greeting"] .img_box .txt .bg_box p					{font-size:1.25em;}
}


/**********************************************************************

 							걸어온길

**********************************************************************/

[data-subarea="history"]>div 											{display:flex;flex-wrap:wrap;gap: 0 5em;}
[data-subarea="history"] .img										 	{position:relative; width:38%; margin-bottom:1em; height:max-content;}
[data-subarea="history"] .img:before 									{content:""; display:block; width:100%; height:100%; background:var(--color-point); position:absolute; top:1em; left:1em; z-index:-1; border-radius:50px 150px 50px 50px;}
[data-subarea="history"] .img img 										{width:100%; border-radius:50px 150px 50px 50px;}

[data-subarea="history"] .info 											{padding-top:2em; width:50%}
[data-subarea="history"] .info>p 										{font-size:2.6em; font-weight:500; margin-bottom:1em;}
[data-subarea="history"] .info>p strong 								{font-weight:800}
[data-subarea="history"] .info dl										{position:relative;}
[data-subarea="history"] .info dl:before 								{content:""; display:block; width:1px; height:calc(100% - (.25em + 7px)); background:#ddd; position:absolute; top:calc(.25em + 7px); left:8px;}
[data-subarea="history"] .info dl:after 								{content:""; display:block; width:1em; height:3px; background:var(--color-point); position:absolute; bottom:0; left:0;}
[data-subarea="history"] .info dt										{position:relative;padding-left: 1.3em;font-size:1.6em;font-weight:800;line-height:1.2}
[data-subarea="history"] .info dt:first-letter							{color:var(--color-point);}
[data-subarea="history"] .info dt:before,
[data-subarea="history"] .info dt:after									{content:""; display:block; border-radius:50%; background:var(--color-point); position:absolute;}
[data-subarea="history"] .info dt:before 								{width:7px; height:7px; top:calc(.25em + 5px); left:5px;}
[data-subarea="history"] .info dt:after									{width:17px; height:17px; top:.25em; left:0; opacity:.1; animation:historyCir 3s infinite both;}

@keyframes historyCir {
  0%{opacity:.05; transform:scale(1)}
  50%{ opacity:.1; transform:scale(1.1)}
  to{ opacity:.05; transform:scale(1)}
}

[data-subarea="history"] .info dd 										{padding-left: 2.35em; margin:.8em 0 2.5em;}
[data-subarea="history"] .info dd:last-child							{margin-bottom:0}
[data-subarea="history"] .info ol 										{padding-bottom:1.5em;}
[data-subarea="history"] .info li										{position:relative; padding-left:.5em; font-size:1.1em;}
[data-subarea="history"] .info li:not(:first-child) 					{margin-top:.3em;}
[data-subarea="history"] .info li:before 								{content:""; display:block; width:4px; height:4px; background:var(--color-point); position:absolute; left:0; top:.7em}

@media all and (max-width:768px){
 [data-subarea="history"] .img:before,
 [data-subarea="history"] .img img										{border-radius:20px 50px 20px 20px;}
}

@media all and (max-width:640px){
 [data-subarea="history"] .img											{max-width:250px; width:100%; margin:0 auto;}
 [data-subarea="history"] .info 										{width:100%; padding-top:2em}
 [data-subarea="history"] .info>p 										{font-size:1.8em; margin-bottom:.5em;}
 [data-subarea="history"] .info dt 										{font-size:1.3em;}
 [data-subarea="history"] .info dt:before 								{top:calc(.2em + 4px);}
 [data-subarea="history"] .info dt:after 								{top:.12em;}
 [data-subarea="history"] .info dd 										{padding-left: 2.35em; margin:.5em 0 1em;}
 [data-subarea="history"] .info li:not(:first-child)					{margin-top:.2em;}
 [data-subarea="history"] .info ol										{padding-bottom:1em;}
}

/**********************************************************************

 							현황과 미래

**********************************************************************/
[data-subarea="future"] .tit											{display:flex;align-items:center; justify-content:center; gap:1em; padding-left:0; margin:2.5em auto; width:100%;}
[data-subarea="future"] .tit::after										{content:'';display:block;width:44px;height:91px;background:url("/resource/chief/images/contents/icon_heart.svg") no-repeat center / contain;}

@media all and (max-width:1368px){
 [data-subarea="future"] .tit img										{max-width:70% !important;}
 [data-subarea="future"] .tit::after									{width: 4%;}
}

@media all and (max-width: 525px) {
 [data-subarea="future"] .tit											{margin:1em auto 0;}
}

[data-subarea="future"] h3												{background:var(--color-point); color:#fff; font-size:1.4em; display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:.4em; padding:.5em 2em .1em; border-radius:50px; width:max-content; min-width:280px; position:relative; margin-bottom:1.5em; z-index:1}
[data-subarea="future"] h3:first-child									{margin:auto;}
[data-subarea="future"] h3:before 										{content:""; display:block; height:1px; width:1.5em; background:var(--color-point); position:absolute; margin:auto; right:-1.5em; top:0;  bottom:0;}
[data-subarea="future"] h3:first-child:before							{bottom:-1.5em; top:auto; left:0; right:0; width:1px; height:1.5em;}
[data-subarea="future"] h3 strong 										{font-family:var(--font-Tenada); font-size:1.5em;}
[data-subarea="future"]>ol 												{display:flex; flex-wrap:wrap; justify-content:center; margin-top:2em;}
[data-subarea="future"]>ol li											{position:relative; width:17em; height:17em; overflow:hidden; border-radius:50%; display:flex; align-items:end; justify-content:center; z-index:1}
[data-subarea="future"]>ol li:before									{content:""; display:block; width:100%; height:100%; border-radius:50%; background:#f99a2a; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:-3}
[data-subarea="future"]>ol li:after										{content:""; display:block; width:94%; height:94%; border-radius:50%; background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:-2}
[data-subarea="future"]>ol li:not(:first-child)							{margin-left:-2em;}
[data-subarea="future"]>ol li span										{position:absolute; top:-2.5em; left:0; right:0; margin:auto; background:#f99a2a; width:5em; height:5em; border-radius:50%; display:flex; flex-wrap:wrap; align-items:end; justify-content:center; color:#fff; font-family:var(--font-Tenada); padding-bottom:.2em}
[data-subarea="future"]>ol li i											{display:block; width:40%; height:40%; position:absolute; top:0; left:0; right:0; bottom:2.5em; margin:auto; background-size:60%; background-position:center; background-repeat:no-repeat;}
[data-subarea="future"]>ol li strong									{background:#f99a2a; width:100%; color:#fff; text-align:center; padding:1em 0 1.5em; font-size:1.15em; font-weight:700;}
[data-subarea="future"]>ol li:nth-child(2):before,
[data-subarea="future"]>ol li:nth-child(2) span,
[data-subarea="future"]>ol li:nth-child(2) strong						{background:#17c1cb;}
[data-subarea="future"]>ol li:nth-child(3):before,
[data-subarea="future"]>ol li:nth-child(3) span,
[data-subarea="future"]>ol li:nth-child(3) strong						{background:#396ebf;}
[data-subarea="future"]>ol li:nth-child(4):before,
[data-subarea="future"]>ol li:nth-child(4) span,
[data-subarea="future"]>ol li:nth-child(4) strong						{background:#39bf5f;}
[data-subarea="future"]>ol li:nth-child(5):before,
[data-subarea="future"]>ol li:nth-child(5) span,
[data-subarea="future"]>ol li:nth-child(5) strong						{background:#a739bf;}
[data-subarea="future"]>ol li:first-child i								{background-image:url(/resource/chief/images/contents/icon_future01.svg); background-size:80%;}
[data-subarea="future"]>ol li:nth-child(2) i							{background-image:url(/resource/chief/images/contents/icon_future02.svg);}
[data-subarea="future"]>ol li:nth-child(3) i							{background-image:url(/resource/chief/images/contents/icon_future03.svg);}
[data-subarea="future"]>ol li:nth-child(4) i							{background-image:url(/resource/chief/images/contents/icon_future04.svg);}
[data-subarea="future"]>ol li:nth-child(5) i							{background-image:url(/resource/chief/images/contents/icon_future05.svg); background-size:80%;}

@media all and (max-width: 1500px) {
 [data-subarea="future"] h3 strong										{font-size:1.25em}
 [data-subarea="future"]>ol li 											{position:relative; width:13em; height:13em;}
}
@media all and (max-width: 850px) {
 [data-subarea="future"]>ol												{max-width:500px; margin:3em auto 0; padding-left:2em;}
 [data-subarea="future"]>ol li											{margin-top:-2em;}
}
@media all and (max-width: 525px) {
 [data-subarea="future"] h3												{min-width:200px}
 [data-subarea="future"] h3 strong										{font-size:1.1em;}
 [data-subarea="future"]>ol												{margin:0 auto; padding-left:0; gap:1em}
 [data-subarea="future"]>ol li											{margin-top:0;}
 [data-subarea="future"]>ol li:not(:first-child)						{margin-left:0;}
 [data-subarea="future"]>ol li											{width:calc((100% / 3) - 1em); height:12em; border-radius:10px}
 [data-subarea="future"]>ol li:before,
 [data-subarea="future"]>ol li:after									{border-radius:10px;}
 [data-subarea="future"]>ol li:after									{width:calc(100% - 10px); height:calc(100% - 10px);}
 [data-subarea="future"]>ol li strong									{padding:.8em 0 1em;}
 [data-subarea="future"]>ol li i										{width:50%; height:50%; top:5%}
}

@media all and (max-width: 420px) {
  [data-subarea="future"]>ol li											{width:100%;}
  [data-subarea="future"]>ol li i										{background-size:3.5em !important}
}

[data-subarea="future"] .problem										{position:relative; padding-left:10%; margin:4em 0;}
[data-subarea="future"] .problem div:first-child						{background:var(--color-mint); color:#fff; position:absolute; left:0; top:0; bottom:0; margin:auto; width:20%; height:90%; display:flex; justify-content:center; align-items:center; border-radius:30px 80px 30px 30px; text-align:center; z-index:1}
[data-subarea="future"] .problem div:first-child h4>*					{display:block;}
[data-subarea="future"] .problem div:first-child i						{background:url(/resource/chief/images/contents/icon_future_problem.svg) no-repeat; width:3em; height:3em; margin:0 auto .5em;}
[data-subarea="future"] .problem div:first-child strong					{font-size:1.55em; font-weight:600; margin-bottom:.2em}
[data-subarea="future"] .problem div:first-child span					{font-weight:400; line-height:1.25}

[data-subarea="future"] .problem div:nth-child(2) 						{background: #f4f4f4; border-radius: 80px 20px 20px 20px; padding: 2em 2em 2em calc(10% + 3em);}
[data-subarea="future"] .problem div:nth-child(2) ol 					{display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: title; gap: 1em;}
[data-subarea="future"] .problem div:nth-child(2) li 					{width: calc(50% - .5em); background: #fff; border-radius: 50px; padding:.8em .8em .8em 3.2em; position: relative; display: flex; flex-wrap: wrap; gap: .5em; align-items: center; font-size: 1.1em; font-weight: 600;}
[data-subarea="future"] .problem div:nth-child(2) li:before 			{counter-increment: title; content: counter(title, decimal-leading-zero) " "; display: flex; justify-content: center; align-items: center; width: 2.5em; height: 2.5em; box-sizing: border-box; border-radius: 100%; line-height: 23px; font-size: .9em; font-weight: 600; text-align: center; color: #fff; background: var(--color-point); opacity: .8; position:absolute; top:0; bottom:0; left:.5em; margin:auto;}

@media all and (max-width: 1500px) {
 [data-subarea="future"] .problem										{padding-left:150px;}
 [data-subarea="future"] .problem div:first-child						{width:250px}
 [data-subarea="future"] .problem div:nth-child(2)						{padding: 2em 2em 2em calc(100px + 3em);}
}
@media all and (max-width: 1024px) {
 [data-subarea="future"] .problem										{padding-left:100px;}
 [data-subarea="future"] .problem div:first-child						{width:200px}
 [data-subarea="future"] .problem div:nth-child(2) 						{padding: 2em 2em 2em calc(100px + 2em);}
}
@media all and (max-width: 850px) {
 [data-subarea="future"] .problem										{padding-left:0;}
 [data-subarea="future"] .problem div:first-child						{position:relative; width:90%; padding:1em 0;}
 [data-subarea="future"] .problem div:first-child h4					{display:flex; flex-wrap:wrap; align-items:center; gap:.5em}
 [data-subarea="future"] .problem div:first-child h4 span br			{display:none;}
 [data-subarea="future"] .problem div:first-child i,
 [data-subarea="future"] .problem div:first-child strong				{margin-bottom:0;}

 [data-subarea="future"] .problem div:nth-child(2) 						{padding:3em 2em 2em; margin-top:-1.5em; border-radius:2em;}
}
@media all and (max-width: 525px) {
 [data-subarea="future"] .problem div:first-child h4					{display:block; font-size:.9em}
 [data-subarea="future"] .problem div:nth-child(2)						{padding:2.5em .8em .8em}
 [data-subarea="future"] .problem div:nth-child(2) ol					{gap:.5em}
 [data-subarea="future"] .problem div:nth-child(2) li					{width:100%;}
}

[data-subarea="future"]>ul 												{border: 1px solid #ddd; margin-top: -4.2em; padding-top: 1.8em}
[data-subarea="future"]>ul>li 											{padding: 1.5em 3em; display: flex; flex-wrap: wrap; align-items: center; gap: 2em}
[data-subarea="future"]>ul>li:not(:first-child) 						{border-top: 1px solid #ddd;}
[data-subarea="future"]>ul>li i 										{display: block; width: 5em; height: 5em; background: #fafafa; border: 8px solid #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background-repeat: no-repeat; background-size:auto 50%; background-position:center;}
[data-subarea="future"]>ul>li:first-child i 							{background-image: url(/resource/chief/images/contents/icon_future_explanation01.svg); background-size:auto 55%;}
[data-subarea="future"]>ul>li:nth-child(2) i 							{background-image: url(/resource/chief/images/contents/icon_future_explanation02.svg);}
[data-subarea="future"]>ul>li:nth-child(3) i 							{background-image: url(/resource/chief/images/contents/icon_future_explanation03.svg);}
[data-subarea="future"]>ul>li:nth-child(4) i 							{background-image: url(/resource/chief/images/contents/icon_future_explanation04.svg);}
[data-subarea="future"]>ul>li:nth-child(5) i 							{background-image: url(/resource/chief/images/contents/icon_future_explanation05.svg);}
[data-subarea="future"]>ul>li dl 										{width: calc(100% - 7em);}
[data-subarea="future"]>ul>li dt 										{font-size: 1.4em; font-weight: 700}

@media all and (max-width: 1500px) {
	[data-subarea="future"]>ul 											{ margin-top: -3.75em;}
	[data-subarea="future"] h3:before									{ top:5px; }
}

@media all and (max-width: 768px) {
	[data-subarea="future"]>ul>li											{padding:1em 2em}
}

@media all and (max-width: 525px) {
	[data-subarea="future"]>ul>li											{ padding:1em; gap:1em; flex-flow:column}
	[data-subarea="future"]>ul>li i 										{ width:100%; }
	[data-subarea="future"]>ul>li dl										{ width:100%;}
	[data-subarea="future"]>ul>li dt										{ font-size:1.3em}
	[data-subarea="future"] h3:before										{ top:0; }
}


/**********************************************************************

 							공약 관리 체계

**********************************************************************/

[data-subarea="direct"] .area_diagram_type03 .list>li>dl>dt				{font-size:1.15em;}
[data-subarea="direct"] .area_diagram_type03 .list>li>dl>dd>span		{font-size:1.05em;}
[data-subarea="direct"] .area_diagram_type03 .list>li>dl>dd>em			{border-top:1px solid #cfd9e6; padding-top:.5em; color:rgba(0, 0, 0, .8)}
[data-subarea="direct"] .area_diagram_type03 .list>li>dl>dd				{background:#e8eef6;}


/**********************************************************************

 							5대 핵심 공략과 우선순위

**********************************************************************/

[data-subarea="promise"]>ol 											{border: 1px solid #ddd; counter-reset: title; border-radius:15px;}
[data-subarea="promise"]>ol>li 											{padding: 1.5em 3em; display: flex; flex-wrap: wrap; align-items: center; gap: 1.5em; position:relative;}
[data-subarea="promise"]>ol>li:not(:first-child) 						{border-top: 1px solid #ddd;}
[data-subarea="promise"]>ol>li:before 									{counter-increment: title; content: counter(title, decimal-leading-zero) " "; display: flex; justify-content: center; align-items: center; width: 2.5em; height: 2.5em; box-sizing: border-box; border-radius: 100%; line-height: 23px; font-size: .9em; font-weight: 600; text-align: center; color: #fff; background:#bf396f; opacity: .8; position:absolute; top:1em; left:2em;}
[data-subarea="promise"]>ol li:nth-child(2):before						{background:#f99a2a;}
[data-subarea="promise"]>ol li:nth-child(3):before						{background:#17c1cb;}
[data-subarea="promise"]>ol li:nth-child(4):before						{background:#396ebf;}
[data-subarea="promise"]>ol li:nth-child(5):before						{background:#39bf5f;}

[data-subarea="promise"]>ol>li i 										{display: block; width: 5em; height: 5em; border: 8px solid #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background-repeat: no-repeat; background-size: 60%; background-position: center 60%;}
[data-subarea="promise"]>ol>li:first-child i 							{background-image: url(/resource/chief/images/contents/icon_promise01.svg); background-size: 65%;}
[data-subarea="promise"]>ol>li:nth-child(2) i 							{background-image: url(/resource/chief/images/contents/icon_promise02.svg);}
[data-subarea="promise"]>ol>li:nth-child(3) i 							{background-image: url(/resource/chief/images/contents/icon_promise03.svg);}
[data-subarea="promise"]>ol>li:nth-child(4) i 							{background-image: url(/resource/chief/images/contents/icon_promise04.svg);}
[data-subarea="promise"]>ol>li:nth-child(5) i 							{background-image: url(/resource/chief/images/contents/icon_promise05.svg);}
[data-subarea="promise"]>ol>li strong 									{width: calc(100% - 5.5em); font-size: 1.2em;font-weight: 700}

@media all and (max-width: 768px) {
 [data-subarea="promise"]>ol>li											{padding:1em 2em;}
 [data-subarea="promise"]>ol>li:before									{left:.5em; top:.5em;}
}

@media all and (max-width: 525px) {
 [data-subarea="promise"]>ol>li											{padding:1em; gap:1em;}
 [data-subarea="promise"]>ol>li strong 									{font-size:1.1em}
}

/**********************************************************************

 							국책사업과 지자체사업

**********************************************************************/

[data-subarea="promise"] .point_bg										{background:#edf3fa !important;}

@media all and (max-width: 768px) {
 [data-subarea="promise"] .title_h3										{margin-bottom:0}
 [data-subarea="promise"] .box_flex.titleh4								{margin-top:.8em}
}


/**********************************************************************

 							로드맵

**********************************************************************/
[data-subarea="roadmap"] .yel_bg										{background:#ffff8d;}
[data-subarea="roadmap"] .pink_bg										{background:#ffe8e9;}
[data-subarea="roadmap"] .green_bg										{background:#dffea5;}
[data-subarea="roadmap"] .blue_bg										{background:#d7efff;}
[data-subarea="roadmap"] .basic_table tbody th.point_bg					{border-right-width:0;}

/**********************************************************************

 							공약지도

**********************************************************************/

[data-subarea="map"] .map_box											{position:relative;padding:5em;border-radius:1.25em;border:1px solid #e5e5e5;display:flex;gap: 0 7.5em;--sizeMap:800px;flex-direction: row-reverse;align-items: center;}
[data-subarea="map"] .map_box .map										{width:var(--sizeMap);}
[data-subarea="map"] .map_box .text										{width: calc(100% - var(--sizeMap) - 7.5em);}
[data-subarea="map"] .map_box .text h3									{font-family:var(--font-Tenada);font-size:2.63em;margin-bottom: .5em;line-height:1.2;padding-top: .25em;}
[data-subarea="map"] .map_box .text .list								{display:flex;flex-wrap:wrap;gap:12px;}
[data-subarea="map"] .map_box .text .list > li							{width:100%;border-radius:3em;display:flex;padding: 0 3em;height: 82px;gap: 0 1.25em;line-height: 1.2;align-items: center;}
[data-subarea="map"] .map_box .text .list > li strong					{min-width:90px;font-size:1.25em;font-weight:700;color:var(--color-base1);}
[data-subarea="map"] .map_box .text .list > li span						{font-size: 1.06em;color:#444;}
[data-subarea="map"] .gray												{background:#ebebeb;}
[data-subarea="map"] .blue												{background:#d7ebf4;}
[data-subarea="map"] .green												{background:#e7f2d7;}
[data-subarea="map"] .pink												{background:#f7dfe6;}
[data-subarea="map"] .pledge											{margin-top: calc(3em + (var(--sizeHig) / 2));--sizeHig: 72px;}
[data-subarea="map"] .pledge .con										{position:relative;border:1px solid #e5e5e5;border-radius:1.25em;padding:2.75em;padding-top: 0 !important;}
[data-subarea="map"] .pledge .flex										{display: flex;gap: 1em;flex-wrap:wrap;margin-top: calc(2em + (var(--sizeHig) / 2));}
[data-subarea="map"] .pledge .flex .con									{width: calc((100% - 2em) / 3);}
[data-subarea="map"] .pledge .con dt									{margin-top: calc(var(--sizeHig) / -2);height:var(--sizeHig);display: flex;align-items: center;font-size: 1.25em;color: var(--color-base1);border-radius: 2em;font-weight: 700;justify-content: center;}
[data-subarea="map"] .pledge .con dd									{margin-top: 2.25em;}
[data-subarea="map"] .pledge .con dd .basic_ul							{margin-top:0;}
[data-subarea="map"] .pledge .con dd .basic_ul.flex						{display:flex;gap: 0 1.25em;flex-wrap:wrap;}
[data-subarea="map"] .pledge .con dd .basic_ul.flex	> li				{width:calc((100% - 3.75em) / 4);}
[data-subarea="map"] .pledge .con dd .basic_ul.flex > li + li:nth-child(-n+4){margin-top:0;}


@media all and (max-width:1600px){
	[data-subarea="map"] .map_box										{--sizeMap:780px;gap: 0 5em;}
	[data-subarea="map"] .map_box .text									{width: calc(100% - var(--sizeMap) - 5em);}
}

@media all and (max-width:1568px){
	[data-subarea="map"] .map_box										{padding:4em;--sizeMap:740px;gap: 0 4em;}
	[data-subarea="map"] .map_box .text									{width: calc(100% - var(--sizeMap) - 4em);}
	[data-subarea="map"] .pledge .con									{padding:2.5em;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 2em;}
	[data-subarea="map"] .pledge .con dd .basic_ul.flex	> li			{width:calc((100% - 2.5em) / 3);}
  	[data-subarea="map"] .pledge .con dd .basic_ul.flex > li + li:nth-child(4){margin-top:7px;}
}

@media all and (max-width:1468px){
	[data-subarea="map"] .map_box										{--sizeMap:700px;gap: 0 3em;}
	[data-subarea="map"] .map_box .text									{width: calc(100% - var(--sizeMap) - 3em);}
	[data-subarea="map"] .map_box .text .list > li						{height:78px;padding: 0 2.5em;gap: 0 1em;}
	[data-subarea="map"] .map_box .text .list > li strong				{min-width:80px;font-size:1.125em;}
	[data-subarea="map"] .map_box .text .list > li span					{font-size:1em;}
	[data-subarea="map"] .pledge										{--sizeHig:68px;}
	[data-subarea="map"] .pledge .con dt								{font-size:1.125em;}
}


@media all and (max-width:1368px){
	[data-subarea="map"] .map_box										{padding:3.75em;--sizeMap:680px;gap: 0 2.5em;}
	[data-subarea="map"] .map_box .text									{width: calc(100% - var(--sizeMap) - 2.5em);}
	[data-subarea="map"] .map_box .text .list > li						{padding: 0 2.25em;gap: 0 .75em;}
	[data-subarea="map"] .pledge .con									{padding:2.375em;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1.875em;}
}

@media all and (max-width:1268px){
	[data-subarea="map"] .map_box										{padding:3.5em;flex-flow:column;gap:2.5em;}
	[data-subarea="map"] .map_box .map									{width:100%;text-align:center;}
	[data-subarea="map"] .map_box .text									{width:100%}
	[data-subarea="map"] .map_box .text h3								{font-size:2.5em;}
	[data-subarea="map"] .map_box .text .list > li						{gap:0 1.5em;width:calc((100% - 12px) / 2);height:auto;padding: 1.875em 2.25em;}
	[data-subarea="map"] .pledge .con									{padding:2.25em;}
    [data-subarea="map"] .pledge .flex									{gap:calc(1.5em + (var(--sizeHig) / 2)) 0;margin-top: calc(1.5em + (var(--sizeHig) / 2));}
	[data-subarea="map"] .pledge .flex .con								{width: 100%;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1.75em;}
	[data-subarea="map"] .pledge .con dd .basic_ul.flex	> li			{width:calc((100% - 1.25em) / 2);}
  	[data-subarea="map"] .pledge .con dd .basic_ul.flex > li + li:nth-child(3){margin-top:7px;}
}


@media all and (max-width:1024px){
	[data-subarea="map"] .map_box .text .list > li strong				{font-size:1.125rem;}
	[data-subarea="map"] .map_box .text .list > li span					{font-size:1rem;}
	[data-subarea="map"] .pledge										{--sizeHig:62px;}
	[data-subarea="map"] .pledge .con dt								{font-size:1.125rem;}
}


@media all and (max-width:968px){
	[data-subarea="map"] .map_box										{padding:3em;gap:2em;}
	[data-subarea="map"] .map_box .text h3								{font-size:2.375em;}
	[data-subarea="map"] .pledge .con									{padding:2em;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1.5em;}
}

@media all and (max-width:868px){
	[data-subarea="map"] .map_box										{padding:2.75em;gap:1.75em;}
	[data-subarea="map"] .map_box .text .list							{gap:10px;}
	[data-subarea="map"] .map_box .text .list > li 						{flex-wrap:wrap;gap: 8px;align-items: flex-start;border-radius:8px;width:calc((100% - 10px) / 2);padding:1.875em;line-height: 1.4;align-content: flex-start;}
  	[data-subarea="map"] .map_box .text .list > li strong				{width:100%;}
	[data-subarea="map"] .pledge										{--sizeHig:58px;}
	[data-subarea="map"] .pledge .con									{padding:1.75em;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1.375em;}
}


@media all and (max-width:768px){
	[data-subarea="map"] .map_box										{padding:2.625em;gap:1.625em;}
	[data-subarea="map"] .map_box .text h3								{font-size:2.25em;}
	[data-subarea="map"] .pledge .con									{padding:1.625em;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1.25em;}
	[data-subarea="map"] .pledge .con dd .basic_ul.flex					{gap:0 .5em;}
	[data-subarea="map"] .pledge .con dd .basic_ul.flex	> li			{width:calc((100% - .5em) / 2);}
}


@media all and (max-width:668px){
	[data-subarea="map"] .map_box										{padding:2.5em;gap:1.5em;}
	[data-subarea="map"] .map_box .text h3								{font-size:2em;margin-bottom:.25em;}
	[data-subarea="map"] .map_box .text .list > li 						{padding:1.75em;gap: 6px;}
	[data-subarea="map"] .map_box .text .list > li strong				{font-size:1.063rem;}
	[data-subarea="map"] .map_box .text .list > li span					{font-size:.94rem;}
	[data-subarea="map"] .pledge										{--sizeHig:58px;}
	[data-subarea="map"] .pledge .con									{padding:1.5em;}
	[data-subarea="map"] .pledge .con dt								{font-size:1.063rem;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1.125em;}
	[data-subarea="map"] .pledge .con dd .basic_ul.flex	> li			{width:100%;}
  	[data-subarea="map"] .pledge .con dd .basic_ul.flex > li + li:nth-child(2){margin-top:7px;}
}


@media all and (max-width:468px){
	[data-subarea="map"] .map_box										{padding:2em;gap:1em;}
	[data-subarea="map"] .map_box .text h3								{font-size:1.875em;}
	[data-subarea="map"] .map_box .text .list > li 						{padding:1.5em;}
  	[data-subarea="map"] .map_box .text .list > li strong				{font-size:1rem;}
  	[data-subarea="map"] .map_box .text .list > li span					{font-size:.88rem;}
	[data-subarea="map"] .pledge										{--sizeHig:50px;}
	[data-subarea="map"] .pledge .con									{padding:1.375em;}
  	[data-subarea="map"] .pledge .con dt								{font-size:1rem;}
	[data-subarea="map"] .pledge .con dd								{margin-top: 1em;}
}

@media all and (max-width:368px){
	[data-subarea="map"] .map_box										{padding:1.5em;border-radius:1em;gap:.75em;}
	[data-subarea="map"] .map_box .text h3								{font-size:1.75em;}
	[data-subarea="map"] .map_box .text .list							{gap:6px;}
	[data-subarea="map"] .map_box .text .list > li						{width:100%;padding:1.25em;}
	[data-subarea="map"] .pledge										{--sizeHig:46px;}
	[data-subarea="map"] .pledge .con									{padding:1.25em;border-radius:1em;}
	[data-subarea="map"] .pledge .con dd								{margin-top: .94em;}
}

@media all and (max-width:328px){
	[data-subarea="map"] .pledge										{margin-top:2em;}
	[data-subarea="map"] .pledge .flex									{gap:1em;margin-top:1em;}
	[data-subarea="map"] .pledge .con									{padding-top:1.25em !important;}
	[data-subarea="map"] .pledge .con dt								{height:auto;margin-top:0;padding: .75em;text-align: center;border-radius: 8px;}
}


/**********************************************************************

 							재정운영 규모 전망

**********************************************************************/

[data-subarea="finances"] .vertical_chart_box_wrap 						{overflow-x:auto;}
[data-subarea="finances"] .vertical_chart_box 							{min-width:963px;}
[data-subarea="finances"] .vertical_chart_box .chart_box				{height:340px; padding-left:82px;}
[data-subarea="finances"] .vertical_chart_box .axis_y					{width:82px;}
[data-subarea="finances"] .vertical_chart_box .axis_y>li+li::before		{left:82px;min-width: calc(1000px - 82px - 2em);}
[data-subarea="finances"] .vertical_chart_box .graph					{min-width:22px;}

@media all and (max-width:968px) {
    [data-subarea="finances"] .vertical_chart_box .graph .bar			{width:90px;}
}

/**********************************************************************

 							SNS

**********************************************************************/

[data-subarea="sns"] .bg_box											{position:relative;padding:5em;border-radius:1.25em 8em 1.25em 1.25em;background:linear-gradient(128deg,#f5f9ff,#d9e2ef);overflow:hidden;}
[data-subarea="sns"] .bg_box::before									{content:'';display:block;position:absolute;right:0;bottom:0;width:423px;height:439px;background:url('/resource/chief/images/contents/bg_sns.png') no-repeat right bottom / 100%;}
[data-subarea="sns"] .bg_box h3											{font-family:var(--font-Tenada);font-size:2.63em;margin-bottom:.25em;line-height:1.2; padding-top: .25em;}
[data-subarea="sns"] .bg_box .basic_p									{color:#333;font-size:1.1875em;margin-bottom:2em;}
[data-subarea="sns"] .bg_box .sns_list									{width:calc(100% - 380px);display:flex;flex-wrap:wrap;gap:10px;}
[data-subarea="sns"] .bg_box .sns_list > li								{width: calc((100% - 40px) / 5);}
[data-subarea="sns"] .bg_box .sns_list > li a							{display:block;background:var(--color-white);border-radius:10px;padding:2.188em 1em;display:flex;flex-flow:column;align-items:center;gap:1.125em;box-shadow: 5px 5px 10px rgba(1, 58, 145, .1);transition:var(--trans-ani);}
[data-subarea="sns"] .bg_box .sns_list > li a:focus,
[data-subarea="sns"] .bg_box .sns_list > li a:hover						{transform:translateY(-10px);}
[data-subarea="sns"] .bg_box .sns_list > li a .icon						{width:60px;height:60px;border-radius:100%;position:relative;background-repeat:no-repeat;background-position: 50% 50%;background-size: auto 100%;margin:0 auto;}
[data-subarea="sns"] .bg_box .sns_list > li.youtube a .icon				{ background-image:url(/resource/chief/images/sub/icon_youtube.svg); background-color:#e03232;}
[data-subarea="sns"] .bg_box .sns_list > li.instar a .icon				{ background:url(/resource/chief/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
[data-subarea="sns"] .bg_box .sns_list > li.blog a .icon				{ background-image:url(/resource/chief/images/sub/icon_blog.svg); background-color:#32b44a;}
[data-subarea="sns"] .bg_box .sns_list > li.facebook a .icon			{ background-image:url(/resource/chief/images/sub/icon_facebook.svg); background-color:#385691;}
[data-subarea="sns"] .bg_box .sns_list > li.kakao a .icon				{background-image:url(/resource/chief/images/sub/icon_kakaoch.svg); background-color:#ffde00;}
[data-subarea="sns"] .bg_box .sns_list > li a strong					{font-size:1.063em;color:var(--color-base);text-align:center;}
[data-subarea="sns"] .bg_box .sns_list > li a .btn						{border:1px solid #e5e5e5;border-radius:6px;background:var(--color-white);padding:.375em 1.125em;font-size:.938em;text-align:center;display:inline-block;transition:var(--trans-ani);color: var(--color-base2);}
[data-subarea="sns"] .bg_box .sns_list > li a:focus .btn,
[data-subarea="sns"] .bg_box .sns_list > li a:hover .btn				{background:var(--color-point);color:var(--color-white);border-color:var(--color-point);}

@media all and (max-width:1568px){
	[data-subarea="sns"] .bg_box										{padding:4em;}
	[data-subarea="sns"] .bg_box::before								{width:380px;height:394px;}
	[data-subarea="sns"] .bg_box .sns_list								{width:calc(100% - 360px);}
}

@media all and (max-width:1368px){
	[data-subarea="sns"] .bg_box										{padding:3.75em;}
	[data-subarea="sns"] .bg_box::before								{width:340px;height:353px;right:-2.5%;}
	[data-subarea="sns"] .bg_box .sns_list								{width:calc(100% - 280px);}
}

@media all and (max-width:1268px){
	[data-subarea="sns"] .bg_box										{padding:3.5em;}
	[data-subarea="sns"] .bg_box::before								{width: 320px;height: 332px;z-index:0;right: 3%;bottom: -8%;}
	[data-subarea="sns"] .bg_box h3										{font-size:2.5em;}
	[data-subarea="sns"] .bg_box .basic_p								{font-size:1.125em;}
	[data-subarea="sns"] .bg_box .sns_list								{width:100%;}
	[data-subarea="sns"] .bg_box .sns_list > li							{width: calc((100% - 20px) / 3);}
    [data-subarea="sns"] .bg_box .sns_list > li a						{z-index:1;padding:2em .75em;}
  	[data-subarea="sns"] .bg_box .sns_list > li a:focus,
	[data-subarea="sns"] .bg_box .sns_list > li a:hover					{transform:none;}
	[data-subarea="sns"] .bg_box .sns_list > li a .icon					{width:50px;height:50px;}
	[data-subarea="sns"] .bg_box .sns_list > li a strong				{font-size:1.06em;}
	[data-subarea="sns"] .bg_box .sns_list > li a .btn					{padding:.375em 1.06em;}
}

@media all and (max-width:1168px){
	[data-subarea="sns"] .bg_box::before								{width: 300px;height: 311px;}
}

@media all and (max-width:1024px){
	[data-subarea="sns"] .bg_box::before								{width: 270px;height: 280;right: 3%;bottom: -8%;}
  	[data-subarea="sns"] .bg_box .sns_list > li a						{gap:.88em;padding:1.75em .5em;}
	[data-subarea="sns"] .bg_box .sns_list > li a .icon					{width:46px;height:46px;}
	[data-subarea="sns"] .bg_box .sns_list > li a strong				{font-size:1rem;}
	[data-subarea="sns"] .bg_box .sns_list > li a .btn					{font-size:.88rem;}
}


@media all and (max-width:968px){
	[data-subarea="sns"] .bg_box										{padding:3em;border-radius:1.25em 6em 1.25em 1.25em;}
	[data-subarea="sns"] .bg_box::before								{width: 250px;height: 259px;right: 2%;}
	[data-subarea="sns"] .bg_box h3										{font-size:2.375em;margin-bottom:.15em;}
}

@media all and (max-width:868px){
	[data-subarea="sns"] .bg_box										{padding:2.75em;}
	[data-subarea="sns"] .bg_box::before								{width: 240px;height: 249px;right: 1%;}
	[data-subarea="sns"] .bg_box .basic_p								{font-size:1.09em;}
	[data-subarea="sns"] .bg_box .basic_p								{margin-bottom:1.5em;}
}


@media all and (max-width:800px){
	[data-subarea="sns"] .bg_box::before								{width: 230px;height: 239px;right: 0;}
}

@media all and (max-width:768px){
	[data-subarea="sns"] .bg_box										{padding:2.625em;}
	[data-subarea="sns"] .bg_box::before								{width: 240px;height: 249px;right: 5%;bottom:-6%;}
	[data-subarea="sns"] .bg_box h3										{font-size:2.25em;}
	[data-subarea="sns"] .bg_box .basic_p								{font-size:1.09em;}
	[data-subarea="sns"] .bg_box .sns_list > li							{width: calc((100% - 10px) / 2);}
}


@media all and (max-width:668px){
	[data-subarea="sns"] .bg_box										{padding:2.5em;border-radius:1.25em 4em 1.25em 1.25em;}
	[data-subarea="sns"] .bg_box::before								{width: 230px;height: 239px;right:0;}
	[data-subarea="sns"] .bg_box h3										{font-size:2em;}
}

@media all and (max-width:568px){
	[data-subarea="sns"] .bg_box::before								{width: 220px;height: 228px;right: -2%;bottom:-4%}
}


@media all and (max-width:468px){
	[data-subarea="sns"] .bg_box										{padding:2em;border-radius:1.25em 3em 1.25em 1.25em;}
	[data-subarea="sns"] .bg_box::before								{display:none;}
	[data-subarea="sns"] .bg_box h3										{font-size:1.875em;}
	[data-subarea="sns"] .bg_box .sns_list > li							{width: 100%;}
  	[data-subarea="sns"] .bg_box .sns_list > li a						{padding:1.5em .5em;gap:.75em;}
}

@media all and (max-width:368px){
	[data-subarea="sns"] .bg_box										{padding:1.5em;border-radius:1em;}
	[data-subarea="sns"] .bg_box h3										{font-size:1.75em;}
  	[data-subarea="sns"] .bg_box .sns_list > li a						{padding:1.375em .5em;gap:.5em;}
	[data-subarea="sns"] .bg_box .sns_list > li a .icon					{width:42px;height:42px;}
}

/**********************************************************************

 							역대군수

**********************************************************************/

[data-subarea="chief"] .conts_tab .list									{display:flex;flex-wrap:wrap;gap:20px;}
[data-subarea="chief"] .conts_tab .list li								{position:relative;border:1px solid #ddd;padding: 2.25em;flex:0 1 calc((100% - 60px) / 4);border-radius: 6px;overflow:hidden;}
[data-subarea="chief"] .conts_tab .list li:before						{content:'';display:block;position:absolute;right: -70px;bottom: -24px;width: 220px;height: 98px;background: url('/resource/chief/images/contents/img_symbol.png') no-repeat right bottom / 100%;opacity: .07;transform: rotate(180deg);}
[data-subarea="chief"] .conts_tab .list li .ti							{font-size:1.375em;font-weight: 700;display: flex;padding-bottom: .625em;gap: 12px;border-bottom: 1px solid #ddd;align-items: center;}
[data-subarea="chief"] .conts_tab .list li .ti strong					{font-weight: 600;background: var(--color-point);border-radius: 20px;font-size: .82em;padding: 4px 16px;color: var(--color-white);}
[data-subarea="chief"] .conts_tab .list li dl							{display:flex;gap:10px;flex-wrap:wrap;margin-top:1em;}
[data-subarea="chief"] .conts_tab .list li dl dt						{width:32%;font-weight:600;max-width:100px;}
[data-subarea="chief"] .conts_tab .list li dl dd						{width:calc(100% - 10px - 32%);color:#333;}

@media all and (max-width:1568px){
  [data-subarea="chief"] .conts_tab .list li							{padding:2em;}
  [data-subarea="chief"] .conts_tab .list li .ti						{font-size:1.25em;gap:10px;}
  [data-subarea="chief"] .conts_tab .list li .ti strong					{padding:2px 14px;}
}

@media all and (max-width:1268px){
  [data-subarea="chief"] .conts_tab .list li							{flex:0 1 calc((100% - 40px) / 3);}
  [data-subarea="chief"] .conts_tab .list li:before						{width: 180px;height: 84px}
}

@media all and (max-width:868px){
  [data-subarea="chief"] .conts_tab .list								{gap:10px;}
  [data-subarea="chief"] .conts_tab .list li							{flex:0 1 calc((100% - 20px) / 3);padding:1.75em;}
}

@media all and (max-width:768px){
	[data-subarea="chief"] .conts_tab .list li							{flex:0 1 calc((100% - 10px) / 2);}
}

@media all and (max-width:568px){
	[data-subarea="chief"] .conts_tab .list li							{flex:0 1 100%;padding:1.5em;}
	[data-subarea="chief"] .conts_tab .list li .ti						{gap:8px;}
}

@media all and (max-width:238px){
    [data-subarea="chief"] .conts_tab .list li dl dt,
    [data-subarea="chief"] .conts_tab .list li dl dd					{width:100%;}
    [data-subarea="chief"] .conts_tab .list li dl dt					{max-width:initial;}
}




/**********************************************************************

 							한눈에 보는 공약 이행

**********************************************************************/
.box_text_line:has(.graph-wrap)											{ display:flex; align-items:center; justify-content:center; padding:2em 1em  }

.graph-wrap																{ display:flex; gap:1em 3em}
.circle-graph 															{ position:relative; }
.circle-graph > strong 													{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%, -50%); font-size:2rem;}
.circle-graph > dl														{ position:absolute; width:100%; top:calc(50% - 30px);  left:50%;  transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; 
																			text-align:center; line-height:1.2; }
.circle-graph > dl>dt,
.circle-graph > dl>dd													{ width:100%; text-align:center; justify-content:center;}
.circle-graph > dl>dd													{ font-size:1.7rem; font-weight:700; text-align:center; line-height:1.3; color:#1260ff; }
.circle-graph > dl>dt span												{ display:flex; color:#1260ff; font-size:.95rem; font-weight:400; justify-content:center; }
.circle-graph > dl>dt													{ font-size:1.5rem; font-weight:700; color:#222; }
.small_graph															{ display:flex; gap:1em; }
.small_graph>li>.circle-graph>span										{ position:absolute;  width:100%; top:50%;  left:50%;  transform:translate(-50%, -50%); font-size:1.5rem; font-weight:700; text-align:center; line-height:1.3 }
.small_graph>li strong:last-child										{ display:flex; height:45px; border-radius:30px; font-size:1.167rem; font-weight:700; color:#fff; align-items:center; justify-content:center; margin-top:10px;}
.small_graph>li:nth-child(1)>.circle-graph>span							{ color:#16b325; }
.small_graph>li:nth-child(2)>.circle-graph>span							{ color:#fc3ba8; }
.small_graph>li:nth-child(3)>.circle-graph>span							{ color:#9542fc; }
.small_graph>li:nth-child(1) strong:last-child							{ background:#16b325; }
.small_graph>li:nth-child(2) strong:last-child							{ background:#fc3ba8; }
.small_graph>li:nth-child(3) strong:last-child							{ background:#9542fc; }
@media all and (max-width:1468px){
	.circle-graph > dl>dd												{ font-size:1.4rem; line-height:1.2 }
	.circle-graph > dl>dt span											{ font-size:.9rem; }
	.circle-graph > dl>dt,
	.small_graph>li>.circle-graph>span									{ font-size:1.2rem; }
	.small_graph>li strong:last-child									{ font-size:1.067rem; }
	
}
@media all and (max-width:1268px){
	.circle-graph > dl>dd												{ font-size:1.2rem;  }
	.circle-graph > dl>dt span											{ font-size:.85rem; }
	.circle-graph > dl>dt,
	.small_graph>li>.circle-graph>span									{ font-size:1.12rem; }
	.small_graph>li strong:last-child									{ font-size:.9rem; }
}
@media all and (max-width:1068px){
	.graph-wrap															{ flex-direction:column; align-items:center }
	.circle-graph > dl													{ top:50%; }
}
@media all and (max-width:768px){
	.small_graph														{ flex-wrap:wrap; justify-content:center; }
}