@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap					{position:relative; width:100%;}
.main_visual				{overflow:hidden;}
.main_visual li				{position:relative; height:680px; background-size:cover !important;}
.main_visual .item01		{background:url('../image/main/vimg01.png') no-repeat center 0; }
.main_visual .item02		{background:url('../image/main/vimg02.png') no-repeat center 0; } 
.main_visual .item03		{background:url('../image/main/vimg03.png') no-repeat center 0; }
.main_visual .item04		{background:url('../image/main/vimg04.png') no-repeat center 0; }
.main_visual .item05		{background:url('../image/main/vimg05.png') no-repeat center 0; }
.main_visual .txt			{position:absolute; top:20%; transform:translateY(-50%); width:100%; color:#fff; z-index:100; text-align:left; } 
.main_visual .txt em		{font-family: 'Roboto_b'; display:block; text-transform:uppercase; font-style:normal; font-size:1.4em; letter-spacing:1px; text-shadow:0 0 10px rgba(0,0,0,0.5);}
.main_visual .txt p			{font-family: 'SpoqaHanSans-kr'; font-size:3.8em; line-height:1.2; letter-spacing:-3px; font-weight:300; margin-top:10px; text-shadow:0 0 10px rgba(0,0,0,0.8);}
.main_visual .txt strong	{font-family: 'SpoqaHanSans-kr'; font-weight:700; letter-spacing:-2.5px; }


.main_cont_wrap				{overflow:hidden; margin:40px 0; }
.bn_top a li		{width:23%; height:95px; padding:27px 0 27px 17px; margin:0 2.66% 0 0; border:1px solid #e5e5e5; color:#fff; font-size:16px; letter-spacing:0.2px; box-sizing:border-box; }
.bn_top a:last-child li		{margin:0; }
.bn_top .main_bn01			{float:left; background:url('../image/main/main_bn01.png') no-repeat 150% #09c09e; }
.bn_top .main_bn02			{float:left; background:url('../image/main/main_bn02.png') no-repeat 150% #0fb1d0; }
.bn_top .main_bn03			{float:left;background:url('../image/main/main_bn03.png') no-repeat 150% #2b7abf; }
.bn_top .main_bn04			{float:left;background:url('../image/main/main_bn04.png') no-repeat 115% #5a50ab; }


/*	공지사항 latest 스타일	*/

.la_news_list01					{overflow:hidden;padding-top:25px;}
.la_news_list01 a				{color:#444;}
.la_news_list01 a:hover			{text-decoration:underline;}
.la_news_list01 .list02			{float:left;margin:0; font-size:15px;background:url("../../../skin/latest/main_news/icon_li.gif") no-repeat 0 8px ;text-indent:10px; width:75%;   overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;  padding:0 0 8px 0;}
.la_news_list01 .list02:last-child	{padding:0;}

.la_news_list .qna_left_wait	{float:left;margin:0; display:inline-block; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; width:280px;  font-size:12px;background:url("../../../skin/latest/main_news/icon_wait.gif") no-repeat 0 0 ;padding:0 0 0 35px; height:21px; }

.la_news_list .qna_left_ok		{float:left;margin:0; display:inline-block; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; width:280px;  font-size:12px;background:url("../../../skin/latest/main_news/icon_ok.gif") no-repeat 0 0 ;padding:0 0 0 35px; height:21px; }

.noliste						{font-weight:normal !important;color:#666 !important;}
.news_date						{float:right;color:#a2a2a2;}



/* 관련기관 배너  ===================================================================================== */
.main_bnlist					{position:relative ;overflow:hidden; border-top:1px solid #ddd; height:60px; line-height:60px; padding:5px 0;}	


@media screen and (max-width:1200px) {
	.main_bnlist				{display:none;}

}
@media screen and (max-width:1150px) {
	.main_cont_wrap				{margin:0;padding:15px;}
	.bn_top a li		{padding:0; line-height:95px; }
	.bn_top li		{width:48%; text-align:center; }
	.bn_top .main_bn01			{background:url('../image/main/main_bn01_m.png') no-repeat center center;  }
	.bn_top .main_bn02			{background:url('../image/main/main_bn02_m.png') no-repeat 30% 80%; }
	.bn_top .main_bn03			{background:url('../image/main/main_bn03_m.png') no-repeat center center; }
	.bn_top .main_bn04			{background:url('../image/main/main_bn04_m.png') no-repeat 30% 20%; }
	.bn_top span		{display:inline-block; }

}

@media screen and (max-width:1024px) {
	.main_visual li				{height:480px;}
	.main_visual .txt			{top:45%; text-align:center; padding:0;}
	.main_visual .txt em		{font-size:1.1em; padding:0 20px;}
	.main_visual .txt p			{font-size:2.8em; margin-top:10px; padding:0 20px;}
	.main_visual .txt strong	{display:block;}

	.bn_top a li		{float:left; width:49%; margin:0 2% 10px 0; }
	.bn_top a:nth-child(even) li		{margin:0 0 10px 0; }
	.bn_top .main_bn01, .bn_top .main_bn02, .bn_top .main_bn03, .bn_top .main_bn04			{background-size:cover;}
}

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

}

@media screen and (max-width:580px) {
	.bn_top a li		{height:80px; width:100%; line-height:80px; }
	.bn_top .main_bn01, .bn_top .main_bn02, .bn_top .main_bn03, .bn_top .main_bn04		{float:none;}
}