/* 서브 디자인 관련  ===================================================================================== */ 
h4						{position:relative; margin-bottom:20px; font-size:1.5em; color:#333; letter-spacing:-1px; line-height:140%; font-weight:700;}
h4:before				{content:''; display:block; width:30px; height:1px; margin:0 0 10px 0; background:#ff9a3a; }
h5						{text-align:left;padding:0 0 10px 23px;font-size:17px; color:#444; letter-spacing:-1px; font-weight:500; background:url("../image/common/h5_acc.png") no-repeat 0 3px;background-size:18px auto; }
h6						{text-align:left;padding:0 0 5px 15px;font-size:15px;color:#f66000;letter-spacing:-1px; font-weight:500;background:url("../image/common/st_icon.png") no-repeat 1px -307px; } 
 
.sub_cont01				{padding-left:5px;text-align:justify;}  
.sub_cont02				{padding-left:10px;text-align:justify;}  
.sub_cont_box01			{border:4px solid #efefef;padding:15px;}
.sub_list01 ul			{padding:7px 0 0 10px;}
.sub_list01				{position:relative; list-style:none; padding:1px 0 1px 8px;}
.sub_list01:after		{position:absolute; content:''; display:block; left:0; top:12px; width:3px; height:3px; border-radius:100%; background:#f89b6c;}
.sub_list02				{position:relative; list-style:none; padding:1px 0 1px 7px;}
.sub_list02:after		{position:absolute; content:''; display:block; left:0; top:12px; width:3px; height:1px; background:#222;}
.sub_list03				{position:relative; list-style:none; padding:1px 0 1px 8px;}
.sub_list03:after		{position:absolute; content:''; display:block; left:0; top:12px; width:3px; height:3px; border-radius:100%; background:#ccc;}
.sub_list04				{position:relative; list-style:none; padding:1px 0 1px 20px;}
.sub_list04:after		{position:absolute; content:''; display:block; left:11px; top:12px; width:3px; height:1px; background:#bbb;}

.sub_title_txt01			{margin-bottom:7px; font-size:1.7em; color:#000; line-height:1.7; letter-spacing:-2px;}
.sub_title_txt01 span		{font-weight:700;}
.sub_title_txt02			{font-size:1.3em; margin-bottom:7px; line-height:140%; color:#f66000; letter-spacing:-1.5px;} 
.sub_title_txt02 span		{font-weight:700;}
.sub_title_txt03			{color:#ff6000; font-weight:500;}


 /* 소개  ===================================================================================== */ 
.vision_wrap					{background:url('../image/sub/vision_bg.png') no-repeat 85% 55%; border-bottom:1px dashed #ddd;}
.vision_wrap dl					{overflow:hidden; border-top:1px dashed #ddd; padding:30px 0;}
.vision_wrap dl dt				{float:left; width:20%; }
.vision_wrap dl dt p			{color:#222; font-size:1.3em; font-weight:500; letter-spacing:-1px; padding-left:30px;}
.vision_wrap dl dd				{float:right; width:80%; }
.vision_wrap .wrap				{padding:30px 0;}
.vision_wrap .t1				{color:#f66000; font-size:1.3em; letter-spacing:-1.5px; line-height:140%; text-align:center; }
.vision_wrap .t1 span			{font-weight:700; }
.vision_wrap .t2				{color:#222; font-size:1.6em; letter-spacing:-1.5px; line-height:140%; text-align:center; }
.vision_wrap ul					{overflow:hidden; }
.vision_wrap .part3 li			{float:left; width:33.3%; text-align:center; letter-spacing:-1px;}
.vision_wrap .part3 p			{font-weight:500; font-size:1.3em; color:#222; margin:5px 0;}
.vision_wrap .part3 img			{width:100px;}
.vision_wrap .part2				{margin-top:30px;}
.vision_wrap .part2 li			{float:left; width:48%; text-align:center; background:#f4f4f4; padding:12px 0; border-radius:50px; color:#000; font-size:1.1em;}
.vision_wrap .part2 li:last-child	{float:right;}

.biz_part						{overflow:hidden;}
.biz_part li					{float:left; width:25%; text-align:center; letter-spacing:-1px; font-size:1.1em; color:#222; font-weight:500; line-height:140%;}
.biz_part li:last-child			{padding:0;}
.biz_part img					{display:block; width:125px; margin:0 auto 5px auto;}

.ci_logo_top					{background: url('../image/sub/symbol_bg.gif') repeat left top;border:1px solid #ddd;text-align:center; margin-bottom:20px;}
.ci_logo_top img				{width:50%;}
.ci_logo_type					{overflow:hidden;}
.ci_logo_type li				{width:48.5%;float:left;}
.ci_logo_type li:last-child		{float:right;}
.ci_logo_type li img			{width:100%;}
.ci_logo_type .box				{background: url('../image/sub/symbol_bg.gif') repeat left top;border:1px solid #ddd;text-align:center;}

/* 조직도  ===================================================================================== */ 
.organization_chart					{position:relative; padding:10px 0 40px 0;}
.organization_chart .top			{width:80%; margin:0 auto;}
.organization_chart .depth1			{position:relative; width:200px; padding:15px 0; margin:0 auto; background:#eb6101; color:#fff; font-sizE:1.1em;
									font-weight:500; text-align:center; letter-spacing:-1px; border-radius:50px; line-height:140%;}
.organization_chart .depth1:after	{content:''; display:block; position:absolute; bottom:-20px; left:50%; width:1px; height:20px; background:#ddd;}

.organization_chart .depth2			{position:relative; overflow:hidden;}
.organization_chart .depth2 li:nth-child(1)			{position:relative; float:left; width:50%; }
.organization_chart .depth2 li:nth-child(1):after	{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#ddd; z-index:-1;}
.organization_chart .depth2 li:nth-child(2)			{position:relative; float:right; width:50%; border-left:1px solid #ddd;}
.organization_chart .depth2 li:nth-child(2):after	{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#ddd; z-index:-1;}
.organization_chart .depth2 li:nth-child(1) p		{float:left; width:200px; padding:12px 0; border:2px solid #f7941e; color:#555; background:#fff;
									font-weight:500; text-align:center; letter-spacing:-1px; border-radius:50px; line-height:140%;}
.organization_chart .depth2 li:nth-child(2) p		{float:right; width:200px; padding:12px 0; border:2px solid #f7941e; color:#555; background:#fff;
									font-weight:500; text-align:center; letter-spacing:-1px; border-radius:50px; line-height:140%;}


.organization_chart .depth3			{position:relative; width:200px; padding:15px 0; margin:0 auto 30px auto; background:#ff9a3a; color:#fff; font-sizE:1.1em;
									font-weight:500; text-align:center; letter-spacing:-1px; border-radius:50px; line-height:140%;}
.organization_chart .depth3:after	{content:''; display:block; position:absolute; bottom:-30px; left:50%; width:1px; height:30px; background:#ddd;}


.organization_chart .line			{position:relative; overflow:hidden; width:559px; margin:0 auto; border-bottom:1px solid #ddd;}
.organization_chart .depth3_menu	{position:relative; overflow:hidden; width:730px; margin:0 auto;}
.organization_chart .depth3_menu li	{position:relative; float:left; width:23.5%; margin-right:2%;}
.organization_chart .depth3_menu li:last-child	{margin-right:0;}
.organization_chart .depth3_menu li:before		{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:30px; background:#ddd;}
.organization_chart .depth3_menu p				{padding:12px 5px; margin-top:30px; background:#f4f4f4; border:1px solid #e9e9e9; font-weight:500; color:#333; text-align:center; border-radius:50px; }



/* 오시는 길 ===================================================================================== */  
.map_info						{overflow:hidden; padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px;}
.map_info p						{float:left; margin-right:30px;text-indent:20px; font-weight:700; font-size:1.25em; color:#f66000; letter-spacing:-1px;}
.map_info .list					{float:left; }
.map_info .list	dl:last-child	{margin:0;}
.map_info dl					{overflow:hidden; margin-bottom:5px;}
.map_info dl dt					{float:left; font-weight:700; margin-bottom:2px;}
.map_info dl dd					{padding-left:80px;}

.board_acc li					{overflow:hidden; padding:2px 0 2px 27px;}
.board_acc li:first-child		{background:url("../image/sub/board_acc01.png") no-repeat 0 5px; background-size:20px;}
.board_acc li:last-child		{background:url("../image/sub/board_acc02.png") no-repeat 0 5px; background-size:20px;}
.board_acc li strong			{color:#000; font-weight:600; margin-right:10px;}


/* 사업소개  ===================================================================================== */  
.ing_biz					{overflow:hidden;}
.ing_biz_n .wrap			{min-height:220px;}
.ing_biz li					{position:relative; float:left;width:49%; margin:7px 0; overflow:hidden;}
.ing_biz li:nth-child(even)	{float:right;}
.ing_biz .wrap				{padding:15px 20px; border:1px solid #e9e9e9; border-top:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.ing_biz .title				{background:#f7f8f8;height:52px;line-height:50px; border:1px solid #e9e9e9; text-indent:20px;color:#383838;font-sizE:1.2em; letter-spacing:-1px;font-weight:500; border-top-left-radius:10px; border-top-right-radius:10px;}
.ing_biz .title .more 		{float:right; display: inline-block; margin:20px; border: solid #222; border-width:0 2px 2px 0; border-radius:1px; padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.ing_biz a:hover .title		{background:#fff5ef; color:#f66000; border-color:#f66000; }
.ing_biz a:hover .wrap		{border-color:#f66000; }
.ing_biz a:hover .more		{border-color:#f66000;}
.ing_biz .txt				{color:#666; line-height:160%; min-height:75px;}
.ing_biz .int_txt_group dl dt	{width:80px; height:30px; line-height:25px; font-size:0.85em;}
.ing_biz .int_txt_group dl dd	{padding:2px 0 0 90px; line-height:160%;}
.ing_biz02 li				{float:none; width:100%; margin:10px 0;}
.ing_biz02 li:nth-child(even)	{float:none;}
.ing_biz02 .txt				{min-height:100%;}
.ing_biz02 .int_txt_group dl dt	{width:120px; }	
.ing_biz02 .int_txt_group dl dd	{padding:3px 0 0 140px;}
.ing_biz_n .int_txt_group	{position:absolute; bottom:15px;}

.int_txt_group dl			{overflow:hidden; padding:0 0 5px 0; }
.int_txt_group dl dt		{float:left; text-align:center; width:120px; height:36px; line-height:32px; border-radius:50px; border:2px solid #ddd; color:#333; font-weight:500; font-size:0.95em;}
.int_txt_group dl dd		{padding:5px 0 0 140px;}

.gongmo_box					{border:1px solid #fdd3b5; background:#feede0; padding:25px; border-radius:5px;}
.gongmo_box .title			{color:#f66000;  font-size:1.5em; margin-bottom:15px; font-weight:700; line-height:1.4;}
.gongmo_box .title em		{font-style:normal; display:block; font-size:16px; margin-bottom:5px; font-weight:500; opacity:0.8;}
.gongmo_box .txt			{color:#555; line-height:160%;}

.sub_process_li					{overflow:hidden;}
.sub_process_li li				{float:left;width:25%; }
.sub_process_li .li2			{width:33.3%;}
.sub_process_li .li2 .txt		{text-align:center;}
.sub_process_li dl				{padding:5px; text-align:center;}
.sub_process_li dl dt			{padding:5px 0;color:#fff;font-size:0.85em;border-top-left-radius:5px;border-top-right-radius:5px;}
.sub_process_li dl dd			{background:#fff; margin-bottom:5px; padding:7px 0; font-size:0.95em; font-weight:500; border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.sub_process_li dl dd.cham08	{height:64px;}
.sub_process_li .sub_list02		{text-align:left;}
.sub_process_li .txt			{font-size:0.95em; padding:0 5px;}
.sub_process_li .txt .indent	{text-indent:-1em; margin-left:1em; }
.sub_process_li .txt .indent br	{display:none;}
.sub_process_li .st01			{background:#ff8100;}
.sub_process_li .st02			{background:#ff9400;}
.sub_process_li .st03			{background:#ffb400;}
.sub_process_li .st04			{background:#fbd230;}

.sub_step							{position:relative; display:grid; gap:10px 15px; grid-template-columns: repeat(4, 1fr);}
.sub_step.step3						{grid-template-columns: repeat(3, 1fr);}
.sub_step.step5						{grid-template-columns: repeat(5, 1fr);}
.sub_step.step6						{grid-template-columns: repeat(6, 1fr);}
.sub_step li						{font-weight:500; padding:0 10px; position:relative; border:1px solid #d7e2e9; border-radius:10px; background:#f5f6fa; height:100px; display:grid; place-items:center; text-align:center;}
.sub_step li:after					{position:absolute; content:''; top:45%; right:-10px; border: solid #8e9091; border-width:2px 2px 0 0; padding:4px; transform:rotate(45deg); opacity:0.5;}
.sub_step li:last-child:after		{display:none;}
.sub_step li span					{color:#999;}
.sub_step strong					{color:#1f3faa; font-size:16px; font-weight:700;}


/* 교육프로그램 리스트   ==================================================================================== */ 
.program_table thead th,
.program_table tbody td		{border-right:0;}
.program_table tbody tr:hover td	{background:#fafafa;}
.program_table strong		{color:#333; font-weight:500;}
.program_nolist				{padding:70px 0 !important; text-align:center; border-bottom:1px solid #ddd;}
.program_table .mobile		{display:none;}


/* 접수상태 */
.program_table .tag			{display:inline-block; height:25px; line-height:23px; font-size:13px; color:#fff; cursor:pointer; border-radius:2px; letter-spacing:-0.5px;}
.program_table .ing			{background:#0cacb5;} /* 접수중 */
.program_table .commit		{background:#f77b45;} /* 신청완료 */
.program_table .wait,
.program_table .end			{background:#999;} /* 모집마감 */


@media screen and (max-width:1024px) {
	.program_table .none			{display:none;}
	.program_table .mobile			{position:relative; display:block;}
	.program_table strong			{display:block; width:calc(100% - 80px); font-size:1.05em; margin-bottom:5px;}
	.program_table .sub_list02 br	{display:none;}
	.program_table .tag				{position:absolute; right:10px; top:10px;}
}


/* 문화캠페인 */
.campaign_wrap			{overflow:hidden; padding:0 20px; }
.campaign_wrap li			{float:left; width:42%; padding:15px; border:1px solid #e9e9e9; border-radius:15px;  background:#f7f8f8; }
.campaign_wrap li:first-child		{margin-right:65px; }
.campaign_wrap li:hover				{border:1px solid #f66000; background:#feede0; color:#fff;}
.campaign_wrap img			{width:100%; height:100%; border-radius:15px 15px 0 0;}
.campaign_box01 .img,
.campaign_box02 .img			{height:280px; }
.campaign_wrap dl				{padding-top:20px; text-align:center;}
.campaign_wrap dt				{font-size:1.1em; color:#000; }
.campaign_wrap dd				{padding-top:5px; font-size:1.25em; color:#FFA500; }

/* 서브메뉴 포스터 */
.sub_poster_wrap					{overflow:hidden; }
.sub_poster_wrap	img			{width:320px; height:300px;}
#sub_poster							{float:right; width:35%; height:300px; margin:0 20px; }


@media screen and (max-width:1200px) {
	.campaign_wrap li				{width:100%; }
	.campaign_wrap li:first-child		{margin-right:0; margin-bottom:40px; }
}

@media screen and (max-width:1130px) {
	#sub_poster							{display:none; }
	.sub_poster_4						{display:inline-block !important;float:none !important; width:100% !important; margin:20px 0px !important;}
	.sub_txt_4							{width:100% !important;}
}

@media screen and (max-width:1024px) {
	h4							{font-size:1.25em; margin-bottom:15px;}
	.sub_title_txt01			{font-size:1.4em; }
	.sub_title_txt02			{font-size:1.1em; }

	.sub_step					{grid-template-columns:1fr !important; gap:15px 0;}
	.sub_step li				{height:100%; padding:10px;}
	.sub_step li br				{display:none;}
	.sub_step li:after			{right:50%; top:auto; bottom:-10px; padding:3px; border-width:0 2px 2px 0;}
	.sub_step li span			{display:block;}

	.map_info					{padding:20px 10px;}
	.map_info p					{font-size:1.1em;}
	.map_info dl				{font-size:0.85em;}

	.vision_wrap dl				{padding:20px 0;}
	.vision_wrap dl dt			{width:15%;}
	.vision_wrap dl dd			{width:85%;}
	.vision_wrap dl dt p		{font-size:1.1em;}
	.vision_wrap .t1			{font-size:1.1em;}
	.vision_wrap .t2			{font-size:1.4em;}
	.vision_wrap .part3 li		{font-size:0.85em; line-height:140%;}
	.vision_wrap .part3 p		{margin:0 0 5px 0; font-size:1em;}
	.vision_wrap .part2			{margin-top:5px;}
	.vision_wrap .part2 li		{font-size:0.85em; padding:10px 0;}
	.biz_part li				{font-size:0.9em;}
	.biz_part img				{width:75px;}

	.gongmo_box					{padding:20px;}
	.gongmo_box .title			{font-size:1.1em; margin-bottom:10px;}
	.gongmo_box .txt			{font-size:0.85em;}

	.ing_biz .title				{height:46px; line-height:46px; font-size:1em;}
	.ing_biz .title .more		{margin:15px;}
	.ing_biz .txt				{font-size:0.85em;}
	.int_txt_group				{font-size:0.85em;}
	.int_txt_group dl dt		{height:30px; line-height:25px;}

	.ci_logo_top img			{width:70%;}
	.ci_logo_type li			{float:none; width:100%;}
	.ci_logo_type li:last-child	{float:none;}

	.organization_chart .top			{width:100%;}
	.organization_chart .depth3_menu	{width:100%;}
	.organization_chart .line			{width:77%;}

	.sub_process_li li			{width:50%; margin-bottom:10px;}
	.sub_process_li dl dd		{padding:5px 0; font-size:0.9em;}
	.sub_process_li .txt		{font-size:0.85em;}

}


@media screen and (max-width:785px) {
	.vision_wrap					{background-position:center 55%;}
	.vision_wrap dl dt				{float:none; width:100%;text-align:center;}
	.vision_wrap dl dd				{float:none; width:100%;}
	.vision_wrap dl dt p			{padding:0; margin-bottom:10px;}
	.vision_wrap .part3 img			{width:80px;}

	.map_info p						{float:none; margin:0 0 10px 0; text-indent:0;}
	.map_info dl					{float:none; margin:0; }

	.ing_biz li						{float:none; width:100%;}
	.ing_biz li:nth-child(even)		{float:none;}
	.ing_biz .txt					{min-height:100%;}
	.ing_biz02 .int_txt_group dl dt		{width:80px;}
	.ing_biz02 .int_txt_group dl dd		{padding:0 0 0 90px;}
	.ing_biz_n .wrap				{min-height:100%;}
	.ing_biz_n .int_txt_group		{position:relative; bottom:0;}

	.sub_process_li .li2			{float:none; width:100%;}

	.organization_chart .depth1			{margin-bottom:20px;}
	.organization_chart .depth1:after		{ content: '';display: block; position: absolute; bottom: -30px; left: 50%; width: 1px;height: 30px; background: #ddd; }
	.organization_chart .depth2 li:nth-child(1)			{float:none ; width: 100%;}
	.organization_chart .depth2 li:nth-child(1):after		{display:none;}
	.organization_chart .depth2 li:nth-child(1) p			{float: none; margin: 0 auto 20px;}
	.organization_chart .depth2 li:nth-child(1) p:after			{ content: '';display: block; position: absolute; bottom: -30px; left: 50%; width: 1px;height: 30px; background: #ddd; }
	.organization_chart .depth2 li:nth-child(2)			{float:none ; width: 100%; border:0;}
	.organization_chart .depth2 li:nth-child(2):after		{display:none;}
	.organization_chart .depth2 li:nth-child(2) p			{float: none; margin: 0 auto 20px;}
	.organization_chart .depth2 li:nth-child(2) p:after			{ content: '';display: block; position: absolute; bottom: -30px; left: 50%; width: 1px;height: 30px; background: #ddd; }
}


@media screen and (max-width:580px) {
	.sub_process_li li				{float:none; width:100%;}
	.sub_process_li dl				{padding:0;}

	.campaign_box01 .img, .campaign_box02 .img			{height:220px; }
	.campaign_wrap dd					{font-size:1.1em; }
	.campaign_wrap dt					{font-size:1.2em; }
}


.cham_video_container { 
    margin: 0;
    padding-bottom: 56%; 
    max-width: 100%; 
    height: 0;  
    position: relative;
    overflow: hidden;
} 
.cham_video_container iframe {
    margin: 0;
    padding: 0;  
    width: 100%; 
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
}