@charset "utf-8"; 

@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');

/* 메인 디자인 관련  ===================================================================================== */
#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; padding:40px 0; }

.main_news					{position:relative; float:left; width:39%;height:209px;}
.main_news_tab				{float:left; display:block;width:120px; height:45px; line-height:45px; margin-right:2px; background:#e3e3e3; color:#666; font-size:17px; text-align:center; box-sizing:border-box; }
.main_news_tab a			{display:block;color:#fff; background:#be1824; }

.main_bn_wrap				{position:relative; float:right; width:58%;;}
.main_bn_wrap .bn_top		{overflow:hidden;}
.main_bn_wrap .bn_btm		{overflow:hidden;margin-top:15px;}
.main_bn_wrap dl			{padding:15px 0 0 15px;}
.main_bn_wrap dl dt			{color:#fff; font-size:16px;}
.main_bn_wrap dl dd			{color:#fff;font-size:12px; padding:7px 0 0 0; line-height:160%;}

.bn_top li, .bn_btm li		{height:95px;border:1px solid #e5e5e5;width:48.5%;}
.bn_top .main_bn01			{float:left; background:url('../image/main/main_bn01.png') no-repeat right #09c09e; }
.bn_top .main_bn02			{float:right; background:url('../image/main/main_bn02.png') no-repeat right #0fb1d0; }
.bn_btm .main_bn03			{float:left;background:url('../image/main/main_bn03.png') no-repeat right #2b7abf; }
.bn_btm .main_bn04			{float:right;background:url('../image/main/main_bn04.png') no-repeat right #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;}
	.main_visual .txt			{padding:0 20px;}

	.bn_top .main_bn01			{background:url('../image/main/main_bn01.png') no-repeat 120% 0 #09c09e; }
	.bn_top .main_bn02			{background:url('../image/main/main_bn02.png') no-repeat 120% 0 #0fb1d0; }
	.bn_btm .main_bn03			{background:url('../image/main/main_bn03.png') no-repeat 120% 0 #2b7abf; }
	.bn_btm .main_bn04			{background:url('../image/main/main_bn04.png') no-repeat 120% 0 #5a50ab; }
}


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

	.main_cont_wrap				{margin:0;padding:15px;}
	.main_news, .main_bn_wrap	{width:48.5%;}
	.bn_top li, .bn_btm li		{width:48%;}
	.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_btm .main_bn03			{background:url('../image/main/main_bn03_m.png') no-repeat center center; }
	.bn_btm .main_bn04			{background:url('../image/main/main_bn04_m.png') no-repeat 30% 20%; }

	.main_bn_wrap dl			{padding:17px 0 0 0;}
	.main_bn_wrap dl dt			{text-align:center;font-weight:500;}
	.main_bn_wrap dl dd			{text-align:center;}
}

@media screen and (max-width:768px) {
	.main_news					{float:none;width:100%;}
	.main_news_tab				{font-size:1.1em;width:100px;height:40px;line-height:40px;}
	.la_news_list01				{padding-top:15px;}
	.la_news_list01 .list02		{font-size:1em;}
	.news_date					{font-size:0.95em;}
	.main_bn_wrap				{float:none;width:100%;}

	.bn_top li, .bn_btm li		{width:48.5%;}
	.main_bn_wrap .bn_btm		{margin-top:12px;}
	.main_bn_wrap dl dd			{padding:5px 0 0 0;}

	.bn_top .main_bn01, .bn_top .main_bn02, .bn_btm .main_bn03, .bn_btm .main_bn04			{background-size:cover;}
}

@media screen and (max-width:580px) {
	.main_bn_wrap dl dd	br		{display:none;}
	.bn_top li, .bn_btm li		{height:80px;width:100%;}
	.bn_top .main_bn01, .bn_top .main_bn02, .bn_btm .main_bn03, .bn_btm .main_bn04		{float:none;}
	.bn_top .main_bn01, .bn_btm .main_bn03	{margin-bottom:5px;}
	.main_bn_wrap .bn_btm		{margin-top:5px;}
}