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

/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:27px; color:#009a7f; letter-spacing:-2px; padding:0 0 5px 0; line-height:120%; font-weight:500;}
.sub_title_txt01 span			{background:linear-gradient(to right, #fbcac9, #8ca6ce); }
.sub_title_txt02			{font-size:23px; color:#333; letter-spacing:-1.5px; line-height:130%;  } 

.stxt		{font-size:0.9em; line-height:150%; }
.stxt_color		{color:#888; }

.list_list					{list-style:none; background:url('../image/common/icon03.gif') no-repeat 0 7px; padding:0 0 3px 9px; line-height:130%; font-size:0.95em; }  /* 테이블 td 리스트 */
.sub_list_cont					{list-style:none; background:url('../image/common/icon03.gif') no-repeat 0 8px; padding:0 0 3px 9px; line-height:130%; }  /* 내용 리스트 */
.img_box					{display:inline-block; width:100%; background-color:#fff; }  /* 이미지 */
.img_sub					{text-align:center; }  /* 이미지 */
.line_under					{box-shadow:inset 0 -10px 0 rgba(225,114,123,0.2); transition:box-shadow .2s, color .2s; }  /* 밑줄 */
.form_table_wrap .form_table .table_arrow	{padding:0; font-size:1.5em; color:#888; }  /* 테이블형 순서도 - 화살표 */

.box_list01							{display:inline-block; width:100%; }
.box_list01 .box						{float:left; width:49%; height:auto; margin:0 0 15px 0; padding:12px 20px 15px 20px; border:1px solid #d9d9d9; border-radius:4px; background-color:#fafafa; box-sizing:border-box; }
.box_list01 .box:nth-child(odd)		{float:left; }
.box_list01 .box:nth-child(even)		{float:right; }
.box_list01 .box dt	{float:left; width:55px; font-size:0.9em; list-style:none; background:url('../image/sub/box_list_line.png') no-repeat center right; }
.box_list01 .box dd	{margin-left:70px; font-size:0.95em; }
.box_list01 .box dd ul	{padding:5px 0; }
.box_list01 .box p					{margin-bottom:7px; padding-bottom:7px; color:#222; font-weight:500; border-bottom:1px solid #d9d9d9; }
.box_list01 .h01	{min-height:195px; }
.box_list01 .h02	{min-height:275px; }

.A02_01						{display:inline-block; width:100%; }
.A02_01 li					{float:left; width:16%; height:auto; margin-bottom:15px; padding:10px 15px; line-height:140%; font-size:0.95em; color:#fff; text-align:center; letter-spacing:-1px; border:1px solid rgba(0,0,0,0.1); border-radius:8px; vertical-align:middle; }
.A02_01 li:nth-child(1)		{background:#2465a5; }
.A02_01 li:nth-child(3)		{background:#286da2; }
.A02_01 li:nth-child(5)		{background:#2c75a0; }
.A02_01 li:nth-child(7)		{background:#307d9d; }
.A02_01 li:nth-child(9)		{background:#34859c; }
.A02_01 li:nth-child(11)		{background:#388d99; }
.A02_01 li:nth-child(13)		{background:#3c9596; }
.A02_01 li:nth-child(15)		{background:#419d94; }
.A02_01 li:nth-child(17)		{background:#44a691; }
.A02_01 li:nth-child(19)		{background:#4caf92; }
.A02_01 li:nth-child(even)	{float:left; width:4%; height:76px; border-width:0; background: url("../image/sub/step_arrow.png") no-repeat center; }

.A02_02							{display:inline-block; width:100%; height:auto; }
.A02_02 li						{float:left; width:29.3%; margin-bottom:15px; padding:12px; color:#fff; text-align:center; border:1px solid rgba(0,0,0,0.1); border-radius:8px; vertical-align:middle; }
.A02_02 li:nth-child(1)		{background:#2465a5; }
.A02_02 li:nth-child(3)		{background:#2c75a0; }
.A02_02 li:nth-child(5)		{background:#34859c; }
.A02_02 li:nth-child(7)		{background:#3c9596; }
.A02_02 li:nth-child(9)		{background:#44a691; }
.A02_02 li:nth-child(11)		{background:#4caf92; }
.A02_02 li:nth-child(even)		{float:left; width:4%; height:50px; border-width:0; background: url("../image/sub/step_arrow.png") no-repeat center; }
.A02_02 li .stxt					{font-size:0.85em; }
.A02_02 li .ltxt					{letter-spacing:-1.5px; }

.B02_01								{position:relative; width:100%; height:auto; text-align:center; min-height:450px; background:url('../image/sub/B02_arrow.png') no-repeat center; }
.B02_01 div							{width:17%; height:40px; text-align:center; color:#fff; line-height:135%; letter-spacing:-0.5px; }
.B02_01 div ul						{display:block; width:100%; margin:0 auto; padding:7px 5px; }
.B02_01 div li						{}
.B02_01 .list .title01				{background-color:#2465a5; width:220px; height:170px; margin:30px 0 0 38.2%; padding:12px 15px; border-radius:8px;  }
.B02_01 .list .title02				{background-color:#34859c; width:220px; height:130px; margin:160px 0 0 14%; padding:12px 15px; border-radius:8px; position:absolute; top:125px; }
.B02_01 .list .title03				{background-color:#44a691; width:220px; height:130px; margin:160px 62.7%; padding:12px 15px; border-radius:8px; position:absolute; top:125px; }
.B02_01 .list .list01				{background-color:rgba(50,50,50,0.5); width:125px; height:auto; margin:160px 0 0 14.3%; padding:5px 0; border-radius:30px; position:absolute; top:35px; font-size:0.85em; }
.B02_01 .list .list02				{background-color:rgba(50,50,50,0.5); width:125px; height:auto; margin:160px 0 0 35%; padding:5px 0; border-radius:30px; position:absolute; top:65px; font-size:0.85em; }
.B02_01 .list .list03				{background-color:rgba(50,50,50,0.5); width:125px; height:auto; margin:160px 0 0 52%; padding:5px 0; border-radius:30px; position:absolute; top:65px; font-size:0.85em; z-index:20; }
.B02_01 .list .list04				{background-color:rgba(50,50,50,0.5); width:125px; height:auto; margin:160px 0 0 73%; padding:5px 0; border-radius:30px; position:absolute; top:35px; font-size:0.85em; z-index:20; }
.B02_01 div dt						{display:inline-block; width:100%; margin-bottom:6px; padding-bottom:9px; font-size:1em; font-weight:500; border-bottom:1px solid rgba(255,255,255,0.2); }
.B02_01 div dd						{font-size:0.85em; color:rgba(255,255,255,0.9); text-align:left; }
.B02_01 div li						{list-style:none; background:url('../image/sub/B02_icon.png') no-repeat 0 7px !important; padding:0 0 3px 8px; line-height:140%; }

.B03_01	{display:inline-block; width:100%; margin-bottom:20px; padding:10px 10px 15px 10px; border:1px solid #92ccbf; border-radius:7px; background:#fff; }
.B03_01 .title		{margin-bottom:15px; padding:5px 15px; font-size:1.05em; color:#fff; text-align:center; border:1px solid #53b8a1; border-radius:4px; background:#66c5af; }
.B03_01 ul	{padding:0 10px; }

.C01_01		{display:inline-block; width:100%; }
.C01_01 dl	{display:inline-block; margin-bottom:15px; }		
.C01_01 dt	{float:left; width:100px; height:100px; line-height:100px; font-size:1.05em; color:#fff; text-align:center; font-weight:500; letter-spacing:0.5px; border-radius:100%; background:#45a38e; }	
.C01_01 dd span	{display:inline-block; padding-bottom:5px;font-size:1.2em; color:#45a38e; font-weight:500; }
.C01_01 dd	{margin-left:120px; padding:9px 0; font-size:0.95em; line-height:150%; }	

/* 운영일정 ======================= */ 
.C02_01 .table_bg1		{background-color:#f0f4f8;}
.C02_01 .table_bg2		{background-color:#f0f4f8; }
.C02_01 .table_bg3		{background-color:#faf2f2; }
.C02_01 .table_bg4		{background-color:#f5f2db; }
.C02_01 .table_bg5		{background-color:#f0f5e8; }
/* 운영일정 ======================= */ 

.D01_01						{display:inline-block; width:100%; }
.D01_01 li					{float:left; width:16%; min-height:65px; margin-bottom:15px; padding:10px 15px; line-height:140%; font-size:0.95em; color:#fff; text-align:center; letter-spacing:-1px; border:1px solid rgba(0,0,0,0.1); border-radius:8px; vertical-align:middle; }
.D01_01 li span			{display:inline-block; width:100%; margin-bottom:8px; padding-bottom:8px; color:#fff77e;  border-bottom:1px solid rgba(255,255,255,0.3); box-sizing:border-box; }
.D01_01 li:nth-child(1)		{background:#2465a5; }
.D01_01 li:nth-child(3)		{background:#286da2; }
.D01_01 li:nth-child(5)		{background:#2c75a0; }
.D01_01 li:nth-child(7)		{background:#307d9d; }
.D01_01 li:nth-child(9)		{background:#34859c; }
.D01_01 li:nth-child(11)		{background:#388d99; }
.D01_01 li:nth-child(13)		{background:#3c9596; }
.D01_01 li:nth-child(15)		{background:#419d94; }
.D01_01 li:nth-child(17)		{background:#44a691; }
.D01_01 li:nth-child(19)		{background:#4caf92; }
.D01_01 li:nth-child(even)	{float:left; width:4%; height:60px; border-width:0; background:url("../image/sub/step_arrow.png") no-repeat center; }
.D01_01 .D01_02				{width:21%; }

.E02_btn							{padding-top:15px; } 
.E02_btn .btn						{display:inline-block; min-width:100px; color:#fff; line-height:140%; padding:12px 18px; font-size:1.05em; border-radius:3px; border:1px solid #00a37e; background-color:#00b28a; cursor:pointer; }
.E02_btn .btn:hover				{border:1px solid #41ad00; background-color:#46bb00; }	







/* 운영지침  ===================================================================================== */ 
.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_info p					{padding:20px 0; }
.map_info p span			{margin:0 0 12px 0; padding:0 3px; line-height:30px; color:#333; font-size:1.3em; letter-spacing:-0.5px; font-weight:bold; box-shadow:inset 0 -15px 0 rgba(95,170,234,0.2); transition:box-shadow .2s, color .2s;}
.map_info dl				{margin-bottom:10px; }
.map_info dt				{float:left; margin-right:15px; padding:2px 0; width:100px; color:#fff; font-size:0.85em; text-align:center; border-radius:2px; background-color:#5b96c9; }


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

	.img_sub img			{width:100%; }

}


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

	.A02_01 li					{width:45.3%; }
	.A02_02 li					{width:46%; }

	.B02_01 .list .list01				{margin:160px 0 0 14.5%; }
	.B02_01 .list .list04				{margin:160px 0 0 72%; }

	.D01_01 li					{width:45.3%; min-height:auto; }
	.D01_01 br			{display:none; }
	.D01_01 li:nth-child(even)	{height:40px; }
	.D01_01 .D01_02				{width:45.3%; }

}


/* 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; }

	.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; }

	.box_list01 .box						{float:none; width:100%;  }
	.box_list01 .box:nth-child(odd),
	.box_list01 .box:nth-child(even)		{float:none; }
	.box_list01 .h01, .box_list01 .h02	{height:auto; min-height:0; }

	.A02_01 li					{float:none; width:100%; margin-bottom:5px; text-align:left; }
	.A02_01 li span			{float:left; width:45%; margin:0 15px 0 0; padding:0px; border-bottom:0; border-right:1px; text-align:right; }
	.A02_01 li:nth-child(even)	{float:none; width:auto; height:12px; padding:0; text-align:center; background: url("../image/sub/step_arrow_under.png") no-repeat center; }
	.A02_01 br			{display:none; }

	.A02_02 li						{float:none; width:100%; margin-bottom:5px; }
	.A02_02 li:nth-child(even)	{float:none; width:auto; height:12px; padding:0; text-align:center; background: url("../image/sub/step_arrow_under.png") no-repeat center; }

	.B02_01								{position:relative; width:100%; height:auto; text-align:center; min-height:630px; background:url('../image/sub/B02_arrow_m.png') no-repeat center 169px; }
	.B02_01 .list .title01					{position:absolute; margin:0; top:230px; left:35.5%; }
	.B02_01 .list .title02					{position:absolute; margin:0; top:30px; left:35.5%; }
	.B02_01 .list .title03					{position:absolute; margin:0; top:470px; left:35.5%; }
	.B02_01 .list .list01					{position:absolute; margin:0; top:182px; left:26%; }
	.B02_01 .list .list02					{position:absolute; margin:0; top:182px; left:56%; }
	.B02_01 .list .list03					{position:absolute; margin:0; top:422px; left:26%; }
	.B02_01 .list .list04					{position:absolute; margin:0; top:422px; left:56%; }

	.D01_01 li					{float:none; width:100%; margin-bottom:5px; }
	.D01_01 li span			{float:left; width:45%; margin:0 15px 0 0; padding:0px; border-bottom:0; border-right:1px; text-align:right; }
	.D01_01 li:nth-child(even)	{float:none; width:auto; height:12px; padding:0; text-align:center; background:url("../image/sub/step_arrow_under.png") no-repeat center; }
	.D01_01 .D01_02				{width:100%; }

}


/* 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%; }

	.B02_01 .list .title01					{left:31%; }
	.B02_01 .list .title02					{left:31%; }
	.B02_01 .list .title03					{left:31%; }
	.B02_01 .list .list01					{left:19%; }
	.B02_01 .list .list03					{left:19%; }

	.C01_01 dt	{width:80px; height:80px; line-height:80px; font-size:0.95em; }
	.C01_01 dd span	{line-height:135%; }
	.C01_01 dd	{margin-left:100px; padding:0; font-size:0.9em; }

}


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

	.map_info dl					{margin-bottom:20px; }
	.map_info dt					{float:none; margin-bottom:10px; }

	.A02_01 li span			{width:42%; }

	.B02_01 .list .title01, .B02_01 .list .title02,  .B02_01 .list .title03	{left:20%; }
	.B02_01 .list .list01, .B02_01 .list .list03							{left:10%; }

	.D01_01 li span			{width:42%; }

}


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

	.B02_01 .list .title01, .B02_01 .list .title02,  .B02_01 .list .title03	{left:14.5%; }
	.B02_01 .list .list01, .B02_01 .list .list03							{left:3%; }

}