@charset "utf-8";
/* 구 policy 사이트에서 옮긴 콘텐츠 페이지용 (web/korean/css/sub.css 발췌)
   다른 페이지에 영향 없도록 .old_content 아래로만 적용 */

.old_content .sub_title_txt01				{margin-bottom:10px; font-size:2.6em; line-height:1.4; letter-spacing:-3px; color:#000; font-weight:100;}
.old_content .sub_title_txt01 span			{font-weight:700;}
.old_content .sub_title_txt02				{font-size:1.6em; line-height:1.4; letter-spacing:-2.5px; color:#005bbe; font-weight:700;}
.old_content .sub_title_txt03				{font-weight:500; color:#000; box-shadow:inset 0 -10px 0 #d4f2ff;}
.old_content h4								{font-size:1.4em; font-weight:700; color:#222; letter-spacing:-1px; margin-bottom:15px;}

/* 소개 상단 */
.old_content .int_top						{text-align:center;}
.old_content .int_top .txt					{margin-top:20px; font-size:1.1em; line-height:160%; letter-spacing:-1px;}

/* 소개 항목 (원형 아이콘) */
.old_content .int_item						{margin-top:40px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:60px 30px;}
.old_content .int_item li					{position:relative; overflow:hidden; margin:-20px 0; list-style:none;}
.old_content .int_item .circle				{float:left; width:220px; height:220px; border-radius:100%;}
.old_content .int_item li:first-child .circle	{background:url("../img/sub/int_acc01.png") no-repeat center 50% rgba(0, 198, 186, 0.8); background-size:57px;}
.old_content .int_item li:nth-child(2) .circle	{background:url("../img/sub/int_acc02.png") no-repeat center 50% rgba(0, 156, 190, 0.8); background-size:57px;}
.old_content .int_item li:nth-child(3) .circle	{background:url("../img/sub/int_acc03.png") no-repeat center 50% rgba(0, 114, 190, 0.8); background-size:57px;}
.old_content .int_item li:last-child .circle	{background:url("../img/sub/int_acc04.png") no-repeat center 50% rgba(26, 71, 130, 0.8); background-size:57px;}
.old_content .int_item dl					{position:relative; padding:60px 0 0 270px; text-align:left;}
.old_content .int_item dl dt				{font-weight:700; font-size:1.4em; letter-spacing:-1.5px; color:#333; margin-bottom:10px;}
.old_content .int_item li:first-child dl	{padding:10px 0 0 270px;}

/* 절차 흐름도 */
.old_content .int_table					{margin-top:40px;}
.old_content .int_table .step01			{display:flex; gap:0 30px; justify-content:space-between; text-align:center;}
.old_content .int_table dl					{display:grid; position:relative; width:100%; border:1px solid #ddd;}
.old_content .int_table dl:after			{position:absolute; content:''; right:-20px; top:45%; border:solid #ccc; border-width:3px 3px 0 0; padding:6px; transform:rotate(45deg);}
.old_content .int_table dl:last-child:after	{display:none;}
.old_content .int_table dl dt				{font-size:1.05em; color:#414141; background:#f3f6fb; height:50px; line-height:50px; font-weight:500; letter-spacing:-1px;}
.old_content .int_table dl dd				{padding:20px 15px;}
.old_content .int_table dl dd span			{display:block; font-size:0.95em; color:#777; margin-top:10px;}
.old_content .int_table .sub_list01		{font-size:0.95em; text-align:left;}
.old_content .int_table .step02			{position:relative; text-align:center; width:65%; margin:0 auto;}
.old_content .int_table .step02 .tit		{position:relative; margin:40px 0; font-size:1.05em; letter-spacing:-1px; background:#3a7cda; color:#fff; text-align:center; padding:10px 25px; display:inline-block; border-radius:50px;}
.old_content .int_table .step02 .tit:before	{position:absolute; content:''; left:50%; top:-22px; border:solid #005bbe; border-width:3px 3px 0 0; padding:6px; transform:translate(-50%) rotate(315deg);}
.old_content .int_table .step02 .tit:after	{position:absolute; content:''; left:50%; bottom:-22px; border:solid #ddd; border-width:0 3px 3px 0; padding:6px; transform:translate(-50%) rotate(45deg);}

/* 표 */
.old_content .form_table					{border-top:2px solid #66575a; border-collapse:collapse; width:100%; table-layout:fixed; border:1px solid #ddd;}
.old_content .form_table thead th			{padding:12px 8px; color:#333; font-weight:500; border-right:1px solid #d6d6d6; text-align:center; background-color:#f3f3f3;}
.old_content .form_table tbody th			{color:#333; line-height:150%; padding:12px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center; font-weight:500; font-size:0.95em;}
.old_content .form_table tbody td			{color:#333; line-height:150%; padding:12px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; font-size:0.95em;}

/* 항목 목록 (dt 라벨 + dd 내용) */
.old_content .sub_list						{overflow:hidden; margin:5px 0;}
.old_content .sub_list dt					{float:left; color:#333; width:125px; text-align:center; border:2px solid #ddd; border-radius:50px; height:42px; line-height:39px; font-weight:500; letter-spacing:-1.5px;}
.old_content .sub_list dd					{padding:10px 0 0 150px;}

.old_content .gray_box						{border:1px solid #eaeaea; padding:15px 20px; margin-bottom:10px; background-color:#f8f8f8;}
.old_content .sub_cont02					{padding-left:10px; text-align:justify;}

/* 청년참여예산 소개 */
.old_content .youthChart					{display:flex; justify-content:center; text-align:center; margin-top:20px;}
.old_content .youthChart li				{list-style:none; margin:0 -10px; color:#fff; font-size:1.4em; font-weight:700; letter-spacing:-2px; width:220px; height:220px; line-height:1.3; background:rgba(0,198,186,0.8); border-radius:100%;}
.old_content .youthChart li:nth-child(2)	{background:rgba(0,114,190,0.8);}
.old_content .youthChart li:last-child		{background:rgba(26,71,130,0.8);}
.old_content .youthChart i					{display:block; font-size:45px; margin:50px 0 15px 0;}


@media screen and (max-width:1024px) {
	.old_content .sub_title_txt01			{font-size:2.2em;}
	.old_content .sub_title_txt02			{font-size:1.2em;}
	.old_content .int_top .txt				{margin-top:10px; font-size:1em;}

	.old_content .int_item					{padding:20px;}
	.old_content .int_item li				{margin:5px 0;}
	.old_content .int_item .circle			{float:none; margin:0 auto; width:150px; height:150px;}
	.old_content .int_item dl				{padding:20px 0 0 0 !important; text-align:center;}
	.old_content .int_item dl dt			{font-size:1.2em;}
	.old_content .int_item dl dd			{font-size:0.95em;}

	.old_content .int_table .step01		{gap:20px;}
	.old_content .int_table dl:after		{right:-15px; padding:5px;}
	.old_content .int_table .step02		{width:80%;}

	.old_content .youthChart li			{width:150px; height:150px; font-size:1.2em;}
	.old_content .youthChart i				{font-size:30px; margin:30px 0 10px 0;}
}

@media screen and (max-width:768px) {
	.old_content .int_table .step01		{display:grid; justify-content:unset;}
	.old_content .int_table dl:after		{right:49.5%; top:auto; bottom:-15px; border-width:0 3px 3px 0;}
	.old_content .int_table dl dt			{height:42px; line-height:42px;}
	.old_content .int_table dl dd			{padding:15px 10px;}
	.old_content .int_table dl dd span		{margin:0;}
	.old_content .int_table .step02		{width:100%;}

	.old_content .sub_list dt				{width:120px; font-size:0.9em;}
	.old_content .sub_list dd				{padding:10px 0 0 140px; font-size:0.95em;}
}