@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap					{position:relative;width:100%;}
.main_visual				{margin:0 auto;} 
.main_visual li				{height:470px; cursor: pointer;}
.visual01 .main_txt						{position:absolute;width:100%;top:0;}
.visual01 .main_txt dl					{padding:115px 0 0 0;}
.visual01 .main_txt dl dt .t1			{font-family:'JJWanSunR';color:#ffde00;font-size:28px;text-shadow:#333 2px 2px 5px;line-height:150%;text-align:left;letter-spacing:-1px;}
.visual01 .main_txt dl dt .t2			{font-family:'JJWanSunR';color:#4edfff;font-size:42px;text-shadow:#333 2px 2px 5px;line-height:150%;text-align:left;letter-spacing:-1px;}
.visual01 .main_txt dl dd				{margin-top:10px;}
.visual01 .main_txt dl dd	.t1			{color:#fff;font-size:32px;font-weight:bold;text-shadow:#333 2px 2px 5px;line-height:150%;text-align:left;}
.visual01 .main_txt dl dd	.t1	span	{font-family:'JJWanSunR';font-sizE:22px;}
.visual01 .main_txt dl dd	.t2			{font-family:'JJWanSunR';color:#fff;font-size:25px;text-shadow:#333 2px 2px 5px;line-height:120%;text-align:left;letter-spacing:-1px;}


.main_bn01					{margin:30px 0;overflow:hidden;}
.main_bn01 li				{float:left;width:25%;text-align:center;border-right:1px solid #e6e6e6;box-sizing:border-box;}
.main_bn01 .last			{border:0;}
.main_bn01 li dl			{overflow:hidden;padding:0 20px 0 30px;}
.main_bn01 li dl dt			{float:left;}
.main_bn01 li dl dt	img		{width:70px;}
.main_bn01 li dl dd			{line-height:70px;font-size:18px;color:#595959;}


.contents_wrap				{position:relative;width:100%;background:#fbfbfb;padding:30px 0;}


.loud_title					{font-size:18px;color:#343434;padding-bottom:13px;text-align:center;}
.loud_list					{overflow:hidden;}
.loud_list li				{float:left;width:32.5%;text-align:center;margin-right:1%;:#fff;box-sizing:border-box;}
.loud_list .loud6			{margin-right:0;}
.loud_list dl				{background:#fff;}
.loud_list dl dt			{font-size:1.2em;padding:20px 0;color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;}
.loud_list dl dd			{padding:15px;border:1px solid #ddd;font-family: 'roboto','myriad pro';font-size:15px;color:#333;
							border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.loud_list .date			{color:#999;border-right:1px solid #ccc;padding-right:10px;margin-right:10px;}
.loud_list .loud01			{margin-bottom:1%;}
.loud_list .loud02			{margin-bottom:1%;}
.loud_list .loud03			{margin-right:0;}
.loud_list .loud04			{}
.loud_list .loud05			{}
.loud_list .loud06			{margin-right:0;}
.loud_list .loud07			{margin-top:1%;}


.loud_list .loud01 dl dt	{background:#0083cb;}
.loud_list .loud02 dl dt	{background:#63cbd8;}
.loud_list .loud03 dl dt	{background:#e91e63;}
.loud_list .loud04 dl dt	{background:#f5ac28;}
.loud_list .loud05 dl dt	{background:#f46c22;} 
.loud_list .loud06 dl dt	{background:#998f86;}
.loud_list .loud07 dl dt	{background:#0083cb;}




.main_news_wrap				{padding:0 0 35px 0;overflow:hidden;}
.main_news_wrap .main_title	{font-size:18px;color:#343434;padding-bottom:13px;border-bottom:2px solid #33373e;}
.main_news_wrap .more		{float:right;font-size:12px;}
.main_news_wrap .more a		{color:#888;}
.main_news					{position:relative;float:left;width:31%;}
.main_center				{position:relative;float:left;width:31%;margin:0 0 0 33px;}
.main_right					{position:relative;float:right;width:31%;}
.main_video					{width:100%;height:195px;}
.main_video iframe			{width:100%;height:100%;}

.main_bn02					{overflow:hidden;}
.main_bn02 li				{float:left;width:23.5%;margin-right:2%;border-radius:3px;}
.main_bn02 .bn04			{margin-right:0;}
.main_bn02 li img			{margin:15px 0 0 15px;float:left;width:50px;border-radius:50px;}
.main_bn02 li dl			{padding:20px 0 20px 80px;}
.main_bn02 li dl dt			{font-size:17px;color:#fff;margin-bottom:5px;font-weight:bold;}
.main_bn02 li dl dd			{color:#fff;font-size:13px;line-height:130%;opacity:0.9;}
.main_bn02 .bn01			{background:#8790a8;}
.main_bn02 .bn01 img		{background:#f5ac28;}
.main_bn02 .bn02 			{background:#f5ac28;}
.main_bn02 .bn02 img		{background:#fff}
.main_bn02 .bn03			{background:#565f78;}
.main_bn02 .bn03 img		{background:#f5ac28;}
.main_bn02 .bn04 			{background:#f5ac28;}
.main_bn02 .bn04 img		{background:#fff;}


.main_bn					{overflow:hidden;height:63px;line-height:63px;border-top:1px solid #dfdfdf;}
.main_bn .bn01				{float:left;width:20%;}
.main_bn .bn02				{float:left;width:22%;}
.main_bn .bn03				{float:right;width:520px;}
.main_bn .bn_title			{color:#6c6e6b;}

.main_bn_m					{display:none;}


/* latest skin style ======================================================================================*/

.la_news_list			{overflow:hidden;}
.la_news_list .list01	{margin:0;  background:url("../../../skin/latest/main_news/icon_li.gif") no-repeat 4px 15px ;text-indent:15px; height:38px; line-height:38px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #e3e3e3;} 
.la_news_list .list01 a	{color:#777;}
.la_nolist				{line-height:194px; text-align:center;font-weight:normal !important;color:#666 !important;border-bottom:1px solid #e3e3e3;}
 

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

	.main_bn					{display:none;}
	.main_bn_m					{display:block;height:60px;line-height:60px;border-top:1px solid #ddd;}
	.main_bn_m .bn01			{overflow:hidden;width:435px;margin:0 auto;}
	.main_bn_m .m01				{color:#6c6e6b;font-size:0.95em;}
	.main_bn_m .m01, .m02		{float:left;margin:0 10px;}
	.main_bn_m .bn01 img		{width:135px;}

}


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


	.contents_wrap				{padding:20px 0 0 0;}

	.main_bn01					{margin:20px 0;}
	.main_bn01 li dl			{padding:0;}
	.main_bn01 li dl dt			{float:none;}
	.main_bn01 li dl dd			{line-height:100%;margin-top:10px;}

	.main_bn02 li				{width:25%;margin:0;text-align:center;padding:10px 0;border-radius:0;}
	.main_bn02 li img			{float:none;margin:0;}
	.main_bn02 li dl			{padding:10px 0 0 0;}



}






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


	.main_visual li							{background-size:cover !important; height:300px;}
	.visual01 .main_txt dl					{padding:50px 0 0 20px;}
	.visual01 .main_txt dl dt .t1			{font-size:21px}
	.visual01 .main_txt dl dt .t2			{font-size:30px;}
	.visual01 .main_txt dl dd				{margin-top:10px;}
	.visual01 .main_txt dl dd	.t1			{font-size:20px;}
	.visual01 .main_txt dl dd	.t1	span	{font-size:15px;}
	.visual01 .main_txt dl dd	.t2			{font-size:17px;}


	.main_bn01 li dl dd			{font-size:1.1em;}

	.loud_list					{padding:0 10px;}
	.loud_title					{font-size:1.25em;padding:0 0 12px 10px;}
	.loud_list li				{width:49.5%;}
	.loud_list dl dt			{padding:15px;}
	.loud_list dl dd			{padding:10px;font-size:1em;}
	.loud_list .loud01			{margin-bottom:1%;}
	.loud_list .loud02			{margin-bottom:1%;margin-right:0;}
	.loud_list .loud03			{margin-right:1%;}
	.loud_list .loud04			{margin-right:0;margin-bottom:1%;}
	.loud_list .loud05			{}
	.loud_list .loud06			{margin-right:0;}



	.main_news_wrap				{padding:0 10px 20px 10px;}
	.main_news_wrap .main_title	{font-size:1.25em;}
	.main_news_wrap .more a		{font-size:0.9em;}
	.main_news					{position:relative;float:none;width:100%;}
	.main_center				{position:relative;float:none;width:100%;;margin:20px 0;}
	.main_right					{position:relative;float:none;width:100%;}
	.main_video					{height:250px;}	
	.la_news_list .list01 a		{font-size:1em;}

	.main_bn02 li dl dt			{font-size:1.05em;margin:0;}
	.main_bn02 li dl dd			{display:none;}

	.main_bn_m .bn01			{overflow:hidden;width:100%;margin:0;}
	.main_bn_m .m01				{width:20%;margin:0;text-align:center;}
	.main_bn_m .m02				{width:30%;margin:0;}
	.main_bn_m .bn01 img		{width:70%;}

}


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

	
	.main_bn_m .bn01 img		{width:85%;}


}


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

	.main_visual li				{height:250px;}

	.main_bn01 li dl dt img		{width:50px;}

	.loud_list li				{float:none;width:100%;margin:0 0 8px 0 !important;}



}


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


	.main_video					{height:200px;}	
	
	.main_bn_m					{height:55px;line-height:55px;}


}






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

	.visual01 .main_txt dl dt .t1			{font-size:17px;}
	.visual01 .main_txt dl dt .t2			{font-size:25px;}


}