
/* TEXT   ==================================================================================== */ 
h4									{position:relative; text-indent:30px; margin-bottom:20px; font-size:1.4em; font-weight:500; color:#111; letter-spacing:-1.5px; line-height:140%;}
h4:before							{position:absolute; left:0; top:8px; content:''; width:22px; height:22px; border-radius:100%; background:#2689d9;}
h4:after							{position:absolute; left:4px; top:12px; content:''; width:8px; height:8px; border-radius:100%; background:#59b9ff; border:3px solid #fff;}
h5									{margin-bottom:20px; font-size:1.25em; line-height:140%;color:#006ab6;letter-spacing:-1.5px; font-weight:700;} 

.sub_cont01							{padding:5px 0 5px 5px;text-align:justify;}  
.sub_cont02							{padding:0 0 0 10px;text-align:justify;}  
.sub_list01							{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;color:#666;}
.sub_list01:after					{position:absolute; content:''; display:block; left:0; top:14px; width:3px; height:3px; background:#444;}
.sub_list02							{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list02:after					{position:absolute; content:''; display:block; left:0; top:12px; width:5px; height:2px; background:#b5b5b5;}


/* 표 관련   ==================================================================================== */ 
.form_table							{border-collapse:collapse; width:100%; table-layout:fixed; background:#f7f7f7; border-top:2px solid #66575a;} 
.form_table thead th				{padding:15px 8px; font-weight:bold; border-bottom:1px solid #d7d7d7; border-right:1px solid #d6d6d6; font-size:0.95em; text-align:center; background-color:#ededed; }
.form_table thead th:last-child		{border-right:1px solid #fff;  }
.form_table thead .stxt				{color:#333; font-size:0.9em; line-height:150%; letter-spacing:-0.5px;  }
.form_table tbody th				{color:#333; line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center; font-weight:500; font-size:0.95em; }
.form_table tbody td				{color:#333; line-height:150%; padding:11px 8px; font-size:0.9em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#ffffff; }
.form_table tbody td:first-child	{border-left:1px solid #fff; }
.form_table tbody td:last-child		{border-right:1px solid #fff; }
.form_table tbody .stxt				{color:#333; font-size:0.9em; line-height:150%; letter-spacing:-0.5px;  }
.form_table a:link					{color:#333; }
.form_table tfoot td 				{background-color:#f7f7f7; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc; }


/* 오시는 길  ==================================================================================== */ 
.map_info							{overflow:hidden; padding:30px; background:#f7f7f7; }
.map_info ul li						{overflow:hidden; margin-bottom:5px;}
.map_info ul li:first-child			{background:url("../image/common/map_acc01.png") no-repeat 0 7px; background-size:16px;}
.map_info ul li:last-child			{background:url("../image/common/map_acc02.png") no-repeat 0 7px; background-size:16px;}
.map_info ul li strong				{display:inline-block; width:110px; font-size:0.9em; padding:2px 0; color:#006ab6; text-indent:22px;}


/*인사말*/

.int_txt							{margin-bottom:150px;}
.int_txt img						{width:100%;margin-bottom:18px;}
.int_txt h5							{font-size:1.5em;letter-spacing: -2px;max-width: 660px;line-height:125%;}
.int_txt span						{font-size:0.9em;}
.int_txt .p_in						{font-size:1.05em;letter-spacing: -1px;text-align: justify;}		
.int_txt .p_in span					{color:#006ab6;font-size:1.1em;font-weight:300;}

/*사업현황*/

.sub_cont03							{margin:20px;}
.sub_cont03>ul 						{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 30px;position:relative;}
.sub_cont03>ul:before				{content:'';display:block;background:url('../image/common/cycle_arrow.png') no-repeat;background-size:contain;width:105px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}	

.sub_cont03 .sub_inner				{height:230px;border-radius:30px 0 30px 0;}
.sub_cont03 .sub_inner1				{background:linear-gradient(155deg, #3576bd, #123a64);}
.sub_cont03 .sub_inner2				{background:linear-gradient(155deg, #378abc, #1b5b83);}
.sub_cont03 .sub_inner3				{background:linear-gradient(155deg, #4498ab, #19434e);}
.sub_cont03 .sub_inner4				{background:linear-gradient(155deg, #6b6b69, #383838);}
.sub_cont03 .sub_inner div			{float:left;font-size: 2em;font-weight:500;color:#fff;line-height:200px;width:33%;text-align:center;position:relative;}

.sub_cont03 .sub_inner1 div:before	{content:'';background:url('../image/common/icon_01.png') no-repeat;opacity:0.07;position:absolute;width:100px;height:100px;bottom:-4px;right:-13px;}
.sub_cont03 .sub_inner2 div:before	{content:'';background:url('../image/common/icon_02.png') no-repeat;opacity:0.09;position:absolute;width:100px;height:100px;bottom:6px;right:-7px;}
.sub_cont03 .sub_inner3 div:before	{content:'';background:url('../image/common/icon_03.png') no-repeat;opacity:0.09;position:absolute;width:100px;height:100px;bottom:-5px;right:-10px;}
.sub_cont03 .sub_inner4 div:before	{content:'';background:url('../image/common/icon_04.png') no-repeat;opacity:0.09;position:absolute;width:100px;height:100px;bottom:-5px;right:-14px;}
.sub_cont03 ul ul					{float:right;margin-right:2%;background:#fff;border-radius:30px 0 30px 0;width:65%;height:180px;margin-top:35px;padding:20px;}


/*조직도*/

.organization_chart					{margin:70px 0 150px;width:900px;background:url('../image/common/venture1st.png') no-repeat top 3px right 33px;background-size:30%;}
.organization_chart .depth1			{position:relative;margin:0 auto;width:300px;height:80px;line-height:80px;/*border-radius:50%;*/background:#0b3162;color:#fff;text-align:center;font-size:1.2em;}
.organization_chart .depth2			{position:relative;margin:35px auto 90px;width:300px;height:80px;line-height:80px;background:#2477ab;color:#fff;text-align:center;}
.organization_chart .depth3			{position:relative;}	
.organization_chart .dep3_01		{position:relative;float:left;width:50%;} 
.organization_chart span			{width:300px;height:80px;line-height:80px;background:#e9e9e9;font-weight: 500;text-align:center;display:block;margin-bottom:10px;}
.organization_chart .dep3_01 span	{float: left;margin-left: 70px;}
.organization_chart .dep3_01 p		{clear:both;margin-left: 120px;font-size:0.95em;}
.organization_chart .dep3_02		{position:relative;float:right;width:50%;}
.organization_chart .dep3_02 span	{float: right;margin-right: 70px;}
.organization_chart .dep3_02 div	{width:165px;margin-left: 152px;clear:both;font-size:0.95em;}


/*조직도 선*/

.organization_chart .depth1:after	{content:'';display:block;width:1px;height:40px;position:absolute;bottom:-40px;left:50%;background:#ddd;z-index:-1;}
.organization_chart .depth2:after	{content:'';display:block;width:1px;height:50px;position:absolute;bottom:-50px;left:50%;background:#ddd;z-index:-1;}
.organization_chart .depth3:before	{content:'';display:block;width:451px;height:1px;position:absolute;top:-40px;left:25%;background:#ddd;z-index:-1;}
.organization_chart .dep3_01:before	{content:'';display:block;width:1px;height:40px;position:absolute;top:-40px;left:50%;background:#ddd;z-index:-1;}
.organization_chart .dep3_02:before	{content:'';display:block;width:1px;height:40px;position:absolute;top:-40px;left:50%;background:#ddd;z-index:-1;}


/*시험분야*/

.sub_cont02 .box					{overflow:hidden;}
.sub_cont02 .box li					{position:relative;background:#eee;text-align:center;height:70px;line-height:70px;float:left;font-weight:500;color:#222;width:20%;}
.sub_cont02 .box span				{background:url('../image/common/s_arrow.png') no-repeat center;float:left;width:6.6%;height:70px;}

/*
.sub_cont02 .box .boxin_01			{width:19%;}					
.sub_cont02 .box .boxin_02			{width:21%;}
.sub_cont02 .box .boxin_03			{width:26%;}
*/

.sub_cont02 .p_test					{margin-top:10px;font-size:0.9em;}
.sub_cont02 .p_idt					{text-indent:16px;margin-top:-3px;font-size:0.9em;}




/* screen 1024 */
@media screen and (max-width:1024px) {

	h4								{font-size:1.25em; margin-bottom:15px;}
	h4:before						{top:5px;}
	h4:after						{top:9px;}
	h5								{font-size:1.1em; margin-bottom:12px;}


	.int_txt h5							{font-size:1.2em;max-width: none;}
	.int_txt span						{font-size:0.9em;}
	.int_txt .p_in						{font-size:0.9em;}		
	.int_txt .p_in span					{font-size:1.1em;}

}


/* screen 768 */
@media screen and (max-width:768px) {

	.map_info						{padding:20px;}
	.map_info ul li strong			{display:block; width:100%;}

	/*.sub_cont02 .box					{min-width:488px;}*/
	.sub_cont02 .box li					{font-size:0.9em;}

	.sub_cont03>ul:before				{width: 90px;height: 80px;}
	.sub_cont03 .sub_inner div			{font-size: 1.5em;}
	.sub_cont03 .sub_inner li			{font-size: 0.9em;}
	.sub_cont03 .sub_inner1 div:before	{width: 80px;height: 80px;background-size: cover;bottom: 3px;right: -9px;}
	.sub_cont03 .sub_inner2 div:before	{width: 80px;height: 80px;background-size: cover;bottom: 3px;right: -9px;}
	.sub_cont03 .sub_inner3 div:before	{width: 80px;height: 80px;background-size: cover;bottom: 3px;right: -9px;}
	.sub_cont03 .sub_inner4 div:before	{width: 80px;height: 80px;background-size: cover;bottom: 3px;right: -9px;}

}


/* screen 580 */
@media screen and (max-width:580px) {

	.sub_cont02 .box li				{float:none;width:100%;height:60px;line-height:60px;}
	.sub_cont02 .box span			{background:url('../image/common/s_arrow2.png') no-repeat center;float:none;width:20px;height:12px;display: block;margin: 10px auto;}

	.sub_cont03>ul 					{grid-template-columns:repeat(1, 1fr);gap:10px 10px;}
	.sub_cont03>ul:before			{display:none;}
	.sub_cont03 .sub_inner			{height:150px;border-radius:20px 0 20px 0;}
	.sub_cont03 .sub_inner div		{line-height:80px;width:20%;margin-top:21px;}
	.sub_cont03 ul ul				{width:78%;height:120px;margin-top:20px;border-radius:20px 0 20px 0;padding:10px;}
	.sub_cont03 .sub_inner li		{font-size:0.85em;}

	.sub_cont03 .sub_inner1 div:before	{width: 60px;height: 60px;bottom: -30px;}
	.sub_cont03 .sub_inner2 div:before	{width: 60px;height: 60px;bottom: -30px;}
	.sub_cont03 .sub_inner3 div:before	{width: 60px;height: 60px;bottom: -30px;}
	.sub_cont03 .sub_inner4 div:before	{width: 60px;height: 60px;bottom: -30px;}

}
