@charset "utf-8"; 
 
 
.main_visual								{position:relative; margin:0 auto; } 
.main_visual li								{height:400px; box-shadow:1px 1px 7px 7px rgba(0,0,0,0.05) inset; }
.main_visual li img							{width:100%; height:100%;}

#main_wrap									{position:relative; width:100%; height:auto; min-height:340px;margin-bottom:50px; }
.main_cont									{position:relative; display:inline-block; width:100%; }	
.main_title									{color:#fff; font-size:1.8em; letter-spacing:-2px; font-weight:500; line-height:120%; text-align:left; }
.main_title span							{font-size:0.9em; color:rgba(255,255,255,0.7); font-weight:300;}

#wrap01										{display:inline-block; width:100%; }
.box_wrap01									{float:left; width:50.5%; height:340px; }
.company_box								{position:absolute; width:100%; height:340px; padding:30px 0 0 30px; }
.company_box_wrap							{float:left; position:relative; width:54%; }
.company_box .on							{color:#fff !important; background:#00a593; }
.company_box .tab_wrap					{height:50px; }
.company_box .tab							{float:left; width:100%; height:40px; margin-bottom:10px; background-color:#f5f5f5; }
.company_box .tab p							{float:left; width:29%; height:40px; line-height:38px; color:#555; text-align:center; letter-spacing:-1px; font-weight:400; box-sizing:border-box; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; cursor:pointer; }
.company_box .tab p:nth-child(3)			{border-right:1px solid #d8d8d8; }
.company_box .tab p:last-child				{float:right; width:13%; border-left:0; border-right:1px solid #d8d8d8; }
.company_box .tab p .on, 
.company_box .tab p:hover					{color:#2E8B57;}
.company_box .list_cont						{height:310px; margin-bottom:10px; }
.company_box .list_cont .cont				{margin-left:60px; font-size:1.05em; letter-spacing:-1px; line-height:30px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.company_box .list_cont .date, 
.company_box .list_cont .info				{float:left; width:100%; margin-left:60px; font-size:0.85em; color:#999; line-height:20px; letter-spacing:-0.5px; font-weight:300; }
.company_box .list_cont .info span		{color:#d9d9d9; }
.company_box .list_cont .btn				{float:left; width:50px; margin-top:5px;}
.company_box .list_cont .btn span		{float:right; width:50px; height:20px; line-height:20px; font-size:0.8em; color:#fff; text-align:center; border-radius:2px; background-color:#f89002; }
.company_box .list_cont .btn .ing			{font-weight:300; background-color:#f89002; }	/*진행*/  
.company_box .list_cont .btn .comp			{font-weight:300; background-color:#666; }   /*마감*/
.company_box .list_cont .btn .comp2			{font-weight:300; background-color:skyblue; }   /*마감*/
.company_box .list_cont .btn .expet			{font-weight:300; background-color:#f89002; }	/*예정*/
.company_box .list_cont .list				{margin-top:40px; background-color:#f6f6f6; overflow:hidden; padding:0 20px; }
.company_box .list_cont .list li			{padding:0 0 0 12px; font-size:0.85em; height:36px; line-height:35px; font-weight:300; border-bottom:1px dashed #d1d1d1; background:url('../image/main/list_icon.png') no-repeat 0 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.company_box .list_cont .list li:last-child	{border-bottom:0; }
.company_box .list				{height:180px; }

/* 참여기업리스트 */
.pro_nolist									{height:180px; line-height:180px; margin-top:38px; text-align:center;  border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.pro_all_nolist										{height:235px; line-height:235px; text-align:center; margin-top:35px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }

.member_box div								{float:right; width:52%; height:170px; text-align:left; }
.member_box .top							{padding:25px 30px; background-color:#0e94a5; } 
.member_box .top .txt						{padding-top:10px; color:rgba(255,255,255,0.7); font-size:0.85em; line-height:145%; font-weight:300; }
.member_box .top .btn						{display:none; }
.member_box .under							{background:url('../image/main/member_img.jpg') no-repeat top center; background-size:cover;  }
.member_box img								{width:28px; vertical-align:center; }

.box_wrap02									{float:right; width:47%; }
.log_box									{float:left; overflow:hidden; width:48%; height:340px; padding:30px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:url('../image/main/log_bg.jpg') repeat center; }
.log_box .login_txt							{margin-bottom:8px; line-height:150%; font-size:0.85em; color:#444; letter-spacing:-0.5px; font-weight:300; }

.system_box 								{float:left; width:46%; height:340px; padding:25px 30px; background-color:#00b28a; }
.system_box .txt							{padding-top:9px; line-height:145%; font-size:0.85em; color:rgba(255,255,255,0.7); font-weight:300; }
.system_box .txt_m					{display:none; }
.system_box .bar							{width:35px; height:3px; margin:20px 0 13px 0; text-align:left; background-color:#fff; }
.system_box .btn							{display:inline-block; width:100%; height:45px; line-height:43px; margin-top:40px; font-size:1.15em; color:#fff; text-align:center; 
border:1px solid #006951; background-color:#007a5e; box-sizing:border-box; cursor:pointer;  }
.system_box .info							{margin:13px 0 0 0; font-size:0.85em; color:rgba(255,255,255,0.7); ; text-align:center; font-weight:300; }


#wrap02										{display:inline-block; width:100%; margin-top:30px; }
.box_wrap03									{position:relative; float:left; width:50.5%; height:210px; }
.main_news									{position:relative; }
.main_news_tab_title						{float:left; width:100%; border-bottom:1px solid #d2d2d2; }
.main_news_tab_title p						{float:left; width:95px; height:40px; line-height:40px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; letter-spacing:-1px; cursor:pointer; background:#f5f5f5; }
.main_news_tab_title p:last-child			{border-right:1px solid #d2d2d2; }
.main_news_tab_title p a					{display:block; color:#fff; font-weight:500; background:#1b9d9b; }
.main_news_tab_title p span					{display:block; color:#333; font-weight:500; }
.main_news_tab_title p span:hover			{color:#2E8B57; border-bottom:1px solid #f3f3f3; }
.main_news_tab_title img					{width:17px;  }
.main_news .la_news_top dd					{height:44px; }

.box_wrap04									{float:right; width:47%; }
.main_bn01									{display:inline-block; width:100%; }
.main_bn01 ul li							{float:left; width:16.333%; padding:10px 0; text-align:center; }
.main_bn01 ul li:nth-child(1), 
.main_bn01 ul li:nth-child(2)				{border-right:1px solid #e7e7e7; }
.main_bn01 ul li:nth-child(4), 
.main_bn01 ul li:nth-child(5)				{border-right:1px solid #e7e7e7; border-bottom:0; }
.main_bn01 ul li:nth-child(3)				{border-right:1px solid #e7e7e7; }
.main_bn01 ul li:nth-child(6)				{border-right:0; border-right:0; }
.main_bn01 p								{margin-top:10px; font-size:0.95em; color:#3f3f3f; font-weight:500; letter-spacing:-1px; }
.main_bn01 ul li:nth-child(1) p				{letter-spacing:-2px; }
.main_bn01 img								{width:50px; }
.main_bn02_wrap								{width:100%; height:82px; margin-top:15px; border:1px solid #ddd; background:url('../image/main/main_bn02_bg1.jpg') repeat center #f2f2f2; }
.main_bn02									{height:100%; background:url('../image/main/main_bn02_1.png') no-repeat right top 5px; padding:15px 0 0 30px; }
.main_bn02 .title							{font-size:1.4em; color:#08a59f; font-weight:500; letter-spacing:-1px; }
.main_bn02 .title img						{margin-top:-5px; padding-left:8px; }
.main_bn02 .content							{margin-top:3px; }	

.main_slide									{width:100%; height:100px; line-height:100px; border-top:1px solid #e9e9e9; background:#fafafa; }


/* screen 1200 */
@media screen and (max-width:1200px) {
	
	#main_wrap								{padding:0 2%; }

	.company_box								{padding:0 0 0 30px; }
	.box_wrap01								{width:100%; margin-top:30px; }
	.box_wrap02,					
	.box_wrap03								{width:100%; }
	.box_wrap04								{width:100%; margin-top:50px; }

	.system_box							{height:310px; }
	.system_box .txt						{display:none; }	
	.system_box .txt_m					{display:block; padding-top:9px; line-height:145%; font-size:0.85em; color:rgba(255,255,255,0.7); font-weight:300; }

	.main_bn02_wrap					{background-size:1150px; }

	#main_latest_1							{position:absolute !important; }
	#main_latest_2							{position:relative !important; top:0; }
	.main_slide								{display:none;}
}


/* screen 1024 */
@media screen and (max-width:1024px) {
	.bx-viewport							{height:260px !important; }
}

/* screen 740 */
@media screen and (max-width:740px) {
	.box_wrap01			{height:685px; }
	.system_box		{width:100%; }
	
	.company_box_wrap			{width:100%; }
	.company_box				{padding:30px 0 0 0; }

	.log_box									{width:100%; }
	.member_box .top						{margin-top:30px; }
	.member_box div					{width:100%; }
	.main_bn02_wrap						{background-position-x: -320px; }
}

/* screen 700 */
@media screen and (max-width:700px) {
	
	
	.member_box .top						{float:left; height:175px; }
	.member_box .under						{float:left; height:250px; }
	
	.main_bn01 ul li						{width:33.333%; }
	.main_bn01 ul li:nth-child(3)			{border-right:0; }

	.box_wrap03								{height:320px; }
}

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

	.company_box							{float:none; width:100%; }
	.member_box div							{float:none; width:100%; height:340px; }
	.log_box								{display:none; }
	.system_box								{float:none; width:100%; }

	.company_box							{margin-bottom:30px; }

	.main_bn02_wrap						{height:150px; background-position-x:-370px; }
	.main_bn02											{background:url('../image/main/main_bn02_1.png') no-repeat right top 62px; }

	.box_wrap03								{height:390px; }
	.box_wrap01						{margin-bottom:0; }
}

/* screen 500 */
@media screen and (max-width:500px) {
	.main_bn02_wrap						{background-position-x:-482px; }
}

/* screen 440 */
@media screen and (max-width:440px) {
	.copyright_btn							{height:110px; }
}

/* screen 360 */
@media screen and (max-width:360px) {
	.bx-viewport									{height:220px !important; }
	
	.main_bn02_wrap						{background-position-x:-555px; }
}