@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
 

/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:27px; color:#be222f; letter-spacing:-1.5px; padding:0 0 5px 0; line-height:120%; font-weight:500; }
.sub_title_txt02			{font-size:23px; color:#444; letter-spacing:-1.5px; line-height:130%;  } 

.list_box					{margin:5px 0; padding:15px 25px 20px 25px; border:1px solid #ddd; background-color:#fafafa; }
.list_box .title			{display:inline-block; margin:10px 0; padding:2px 12px; color:#fff; border-radius:3px; background:#777; }


/* 운영지침  ===================================================================================== */ 
.pro_guide					{font-size:13px; }



/* 취업지원  ===================================================================================== */ 
.sub_pro_list				{margin-top:20px; }
.sub_pro_list li			{overflow:hidden; padding:15px 0; border-bottom:1px dashed #ddd; }
.sub_pro_list .img			{float:left; width:180px; height:120px; }
.sub_pro_list .img	img		{width:100%; height:100%; border:1px solid #eaeaea; }
.sub_pro_list dl			{overflow:hidden; padding:0 0 0 20px; }
.sub_pro_list dl dt			{font-size:18px; margin:10px 0; color:#405fca; }
.sub_pro_list dl dd			{margin-bottom:5px; color:#777; }	



/* PE  ===================================================================================== */ 
.pe_comment li				{position:relative; display:inline-block; margin:5px 0; }
.pe_comment li span			{display:inline-block; padding:15px 25px; background-color:#f5f5f5; 
							border-bottom:2px solid #ddd; border-radius:20px; font-size:0.9em; line-height:150%; }
.pe_comment li:after		{content:''; position:absolute; width:0; height:0; border-style:solid; border-width:10px 15px; top:50%; margin-top:-10px; 
							border-color:transparent #f5f5f5 transparent transparent; left:-25px; }

.biz_title					{font-size:1.4em; color:#4d69cc; margin-bottom:5px; }
.co_logo					{overflow:hidden; }
.co_logo .wrap				{padding:10px; }
.co_logo dt					{float:left; width:30%; border:1px solid #e1e1e1; }
.co_logo dd					{float:right; width:70%; padding:20px 0 0 10px; }
.pe_product					{overflow:hidden; }
.pe_product li				{position:relative; float:left; width:24%; margin:0 1% 1% 0; border:1px solid #e1e1e1; min-height:260px; background:#f5f5f5; ; }
.pe_product li:nth-child(4)	{margin-right:0; }
.pe_product li:nth-child(8)	{margin-right:0; }
.pe_product dl				{padding:10px; background:}
.pe_product dl dt			{color:#222; font-size:1.05em; margin-bottom:5px; }
.pe_product dl dd			{color:#999; font-size:0.85em; line-height:160%; }

.cal_color01		{color:#fff !important; background-color:#8ba5dc !important; }
.cal_color02		{color:#fff !important; background-color:#b0c35d !important; }
.cal_color03		{color:#fff !important; background-color:#76c2ad !important; }
.cal_color04		{color:#fff !important; background-color:#65b3f3 !important; }


/* 오시는길  ===================================================================================== */ 
.map_list					{overflow:hidden; padding:15px 0; border-top:1px solid #ddd; }
.map_list p					{font-size:18px; float:left; color:#252525; padding:15px 0 0 10px; line-height:140%; }
.map_list ul				{padding:0 0 0 240px; }
.map_list .location01		{padding: 15px 0 0 35px; background:url('../image/sub/map_acc01.png') no-repeat 0 2px; background-size:25px auto; }
.map_list .location02		{padding: 5px 0 0 35px; background:url('../image/sub/map_acc02.png') no-repeat 0 2px; background-size:25px auto; }



.DD01_01					{position:relative; width:100%; padding:30px; height:auto; min-height:330px; border:1px solid #f0f0f0; background-color:#f7f7f7; }
.DD01_01 li					{float:left; width:24%; height:auto; min-height:70px; margin-bottom:30px; padding:12px 0; line-height:140%; font-size:0.95em; text-align:center; font-weight:500; letter-spacing:-1px; border:2px solid #be222f; border-radius:5px; box-sizing:border-box; background-color:#fff7f8; }
.DD01_01 .arrow				{float:left; width:4%; height:auto; border-width:0; background:url("../image/sub/arrow_next_line.png") no-repeat right; }
.DD01_01 .arrow02			{float:left; width:12%; height:auto; border-width:0; background:url("../image/sub/arrow_next_line.png") no-repeat right; }
.DD01_01 li p				{min-height:20px; margin:0 5px; padding-bottom:5px; color:#444; font-weight:500; border-bottom:2px dashed #e5b3b8; }
.DD01_01 li p:last-child	{margin:0; padding-top:6px; border-width:0; }
.DD01_01 li:nth-child(5)	{padding:7px 5px 0 5px; }
.DD01_01 .box				{background:#666; width:auto; height:auto; min-height:30px; padding:4px 8px 5px 8px; font-size:0.8em; color:#fff; font-weight:300; line-height:130%; border-width:0; border-radius:3px;  }
.DD01_01 li:nth-child(14)	{position:absolute; top:110px; left:28%; }
.DD01_01 li:nth-child(15)	{position:absolute; top:180px; left:28%; }
.DD01_01 li:nth-child(16)	{position:absolute; top:110px; left:61.2%; min-width:65px; }
.DD01_01 li:nth-child(17)	{position:absolute; top:180px; left:61.2%; min-width:65px; }

.DD01_02					{display:inline-block; width:100%; padding:30px; background-color:#f7f7f7; }
.DD01_02 li					{float:left; width:22%; height:auto; min-height:70px; padding:12px 5px; line-height:140%; font-size:0.95em; text-align:center; font-weight:500; letter-spacing:-1px; border:2px solid #be222f; border-radius:5px; background-color:#fff7f8; }
.DD01_02 li:nth-child(even)	{float:left; width:4%; height:auto; border-width:0; background:url("../image/sub/arrow_next_line.png") no-repeat right; }

.DD01_03					{position:relative; width:100%; padding:30px; height:auto; min-height:375px; border:1px solid #f0f0f0; background-color:#f7f7f7; }
.DD01_03 li					{float:left; width:24%; height:auto; min-height:70px; margin-bottom:45px; padding:12px 0; line-height:140%; font-size:0.95em; text-align:center; font-weight:500; letter-spacing:-1px; border:2px solid #be222f; border-radius:5px; box-sizing:border-box; background-color:#fff7f8; }
.DD01_03 .arrow				{float:left; width:4%; height:auto; border-width:0; background:url("../image/sub/arrow_next_line.png") no-repeat right; }
.DD01_03 .arrow02			{float:left; width:12%; height:auto; border-width:0; background:url("../image/sub/arrow_next_line.png") no-repeat right; }
.DD01_03 .arrow03			{float:left; width:20%; height:auto; border-width:0; background:url("../image/sub/arrow_next_line.png") no-repeat right; }
.DD01_03 li p				{min-height:20px; margin:0 5px; padding-bottom:5px; color:#444; font-weight:500; border-bottom:2px dashed #e5b3b8; }
.DD01_03 li p:last-child	{margin:0; padding-top:6px; border-width:0; }
.DD01_03 .box				{background:#666; width:auto; height:auto; min-height:24px; padding:4px 8px 0 8px; font-size:0.8em; color:#fff; font-weight:300; line-height:130%; border-width:0; border-radius:3px;  }
.DD01_03 .box02				{width:auto; height:auto; min-height:30px; font-size:0.8em; color:#555; font-weight:400;  border-width:0;  }
.DD01_03 li:nth-child(16)	{position:absolute; top:11px; left:55%; background-color:transparent; } /* 날인하여 1 */
.DD01_03 li:nth-child(17)	{position:absolute; top:76px; left:54%; } /* 기관확인 1 */
.DD01_03 li:nth-child(18)	{position:absolute; top:11px; left:88.5%; background-color:transparent; } /* 날인하여 2 */
.DD01_03 li:nth-child(19)	{position:absolute; top:76px; left:87%; } /* 학과장 승인 */
.DD01_03 li:nth-child(20)	{position:absolute; top:192px; left:28%; padding:4px 8px 5px 8px;  } /* 현장실습 */
.DD01_03 li:nth-child(21)	{position:absolute; top:325px; left:12%; background-color:transparent; } /* 사본전달 */
.DD01_03 li:nth-child(22)	{position:absolute; top:245px; left:28.5%; background-color:transparent; } /* 최종서류제출 */
.DD01_03 li:nth-child(23)	{position:absolute; top:292px; left:28.5%; background-color:transparent; } /* 학점인정요청 */



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

	.DD01_03 li						{float:none; width:100%; margin-bottom:0; min-height:0; padding:8px 0; }
	.DD01_03 .arrow					{float:none; width:100%; margin:5px 0; padding:12px 0; background:url("../image/sub/arrow_under_line.png") no-repeat bottom; }
	.DD01_03 .arrow02				{float:none; width:100%; margin:5px 0; padding:20px 0; background:url("../image/sub/arrow_under_line.png") no-repeat bottom; }	
	.DD01_03 .arrow03				{float:none; width:100%; margin:5px 0; padding:28px 0; background:url("../image/sub/arrow_under_line.png") no-repeat bottom; }
	.DD01_03 li br					{display:none; }
	.DD01_03 li:nth-child(13)		{margin-bottom:26px; } /* 사본전달 여백 */
	.DD01_03 li:nth-child(16)		{top:152px; left:27%; }	/* 날인하여 1 */
	.DD01_03 li:nth-child(17)		{top:155px; left:58%; }	/* 기관확인 1 */
	.DD01_03 li:nth-child(18)		{top:241px; left:28%; }	/* 날인하여 2 */
	.DD01_03 li:nth-child(19)		{top:245px; left:58%; }	/* 학과장 승인 */
	.DD01_03 li:nth-child(20)		{top:342px; left:31%;  }	/* 현장실습 */
	.DD01_03 li:nth-child(21)		{top:572px; left:46.5%; }	/* 사본전달 */
	.DD01_03 li:nth-child(22)		{top:598px; left:29.5%; }	/* 최종서류제출 */
	.DD01_03 li:nth-child(23)		{top:598px; left:58%; }	/* 학점인정요청 */

}


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

	.DD01_01 li						{float:none; width:100%; height:auto; min-height:0; margin-bottom:0; padding:8px 0; }
	.DD01_01 .arrow,
	.DD01_01 .arrow02				{float:none; width:100%; margin:5px 0; padding:12px 0; background:url("../image/sub/arrow_under_line.png") no-repeat bottom; }
	.DD01_01 .arrow02:nth-child(8),
	.DD01_01 .arrow02:nth-child(10)	{padding:20px 0; }
	.DD01_01 li br					{display:none; }
	.DD01_01 .box					{min-height:24px; padding:4px 8px 0 8px; }
	.DD01_01 li:nth-child(14)		{top:331px; left:31%; }
	.DD01_01 li:nth-child(15)		{top:331px; left:55%; }
	.DD01_01 li:nth-child(16)		{top:421px; left:27%; }
	.DD01_01 li:nth-child(17)		{top:421px; left:55%; }

	.DD01_02 li						{float:none; width:100%; min-height:0; padding:8px 0; }
	.DD01_02 li:nth-child(even)		{float:none; width:100%; margin:5px 0; padding:12px 0; background:url("../image/sub/arrow_under_line.png") no-repeat bottom; }
	.DD01_02 li br					{display:none; }

}


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

	.DD01_01 li:nth-child(14)		{left:24%; }
	.DD01_01 li:nth-child(16)		{left:20%; }

}


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

	.sub_pro_list dl dt			{font-size:1.2em; }
	.sub_pro_list dl dd			{font-size:1em; }
	.sub_pro_list dl dd br		{display:none; }

	.map_list p					{float:none; padding:0; font-sizE:1.3em; }
	.map_list ul				{padding:7px 0 0 0; }
	.map_list .location01		{padding: 10px 0 0 0; }
	.map_list .location02		{padding: 0; }

	.pe_comment li span			{padding:15px; }
	.co_logo dt					{float:none; width:100%; }
	.co_logo dd					{float:none; width:100%; padding:0 !important; }
	.pe_product li				{width:49%; min-height:350px; }

}




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

	.sub_pro_list li			{padding:10px 0; }
	.sub_pro_list .img			{float:none; width:100%; height:100%; }
	.sub_pro_list dl			{padding:0; }
	.sub_pro_list dl dt			{margin:10px 0 5px 0; }

	.pe_product li				{float:none; width:100%; margin:0 0 1.5% 0 !important; min-height:100%; }

}


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

	.DD01_03 li:nth-child(16)		{left:20%; }	/* 날인하여 1 */
	.DD01_03 li:nth-child(18)		{left:21%; }	/* 날인하여 2 */
	.DD01_03 li:nth-child(20)		{left:22%;  }	/* 현장실습 */
	.DD01_03 li:nth-child(22)		{left:22.5%; }	/* 최종서류제출 */

}