@charset "utf-8";
/* CSS Document */
/* 화학, 스틸, 바다 view-list */

/*top기사*/
.top_news						{float:left; width:100%; height:535px; margin-bottom:20px; background-color:#f5f5f5; border:solid 1px #ccc}
.top_news_bg					{width:620px; border-bottom: dashed 1px #888888; margin-left:5px;}
.top_news_line					{width:622px; height:auto; padding:3px; border:1px  solid #0339a7; border-top:none; overflow:hidden; margin-bottom:2px;}
.top_news_img					{float:left; width:230px; height:140px; margin-left:10px; margin-right:15px; margin-bottom:5px; border:1px solid #bbb}
.top_news h1 a					{float:left; width:350px; font: bold 16px 돋움; line-height:17px; margin-top:5px; margin-bottom:10px; padding:0; color:#d20000; overflow:hidden; /*white-space:nowrap;*/ text-overflow:ellipsis;-o-text-overow:ellipsis;}
.top_news h1 a:hover			{text-decoration:underline}
.top_news h2 a					{float:left; width:350px; font: bold 12px 돋움; line-height:14px; margin:0 0 5px; 0; padding:0; color:#666666;}
.top_news h2 a:hover			{text-decoration:underline}
.top_news h3 a					{float:left; width:350px; font: normal 12px 돋움; line-height:15px; margin:0 0 0 0; padding:0; color:#888888;}
.top_news h3 a:hover			{text-decoration:underline}
.top_news h4 a					{font:bold 14px 굴림, 돋움; color:#000;}
.top_news h4 a:hover			{text-decoration:underline}
.top_news ul					{float:left; margin-top:10px}
.top_news ul li 				{font-size:12px; width:340px; font-weight:bold; letter-spacing:-1px; line-height:20px; background:url(http://www.ebn.co.kr/img/linenews1.gif) no-repeat 0 25%; padding-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overow:ellipsis;}

/*주요기사&많이본기사*/
.middle_news_con			{float:left; width:610px; height:auto; padding-left:15px; padding-bottom:10px; margin-top:10px; margin-bottom:15px;}
.middle_news_menu			{float:left; width:100%; margin:7px 0 5px 0}
.middle_news_menu_con		{height:18px;}
.middle_news_img			{float:left; width:96px; height:51px; margin-right:10px; border:1px solid #bbb}
.middle_news_con h1 a		{float:left; width:470px; font: bold 15px 돋움; line-height:16px; margin:6px; 0 10px; 0; padding:0; color:#000f69;}
.middle_news_con h1 a:hover	{text-decoration:underline}
.middle_news_con h2 a		{float:left; width:480px; font: normal 12px 돋움; line-height:16 px; margin-bottom:20px; margin:7px; 0 0 20px; padding:0; color:#555555;}
.middle_news_con h2 a:hover	{color:#000;}
.middle_news_con h3 a		{float:left; width:470px; font: bold 15px 돋움; line-height:16px; margin-top:10px; padding:0; color:#000f69;}
.middle_news_con h3 a:hover	{text-decoration:underline}
.middle_news_con h4 a		{float:left; width:590px; font: normal 12px 돋움; line-height:15px; margin-top:5px; margin-bottom:10px; margin-left:2px; color:#555555;}
.middle_news_con h4 a:hover	{color:#000;}

.dual_news_con				{float:left; width:278px; margin:0 0 5px 0; letter-spacing:-1px; padding:0 27px 10px 0; line-height: 1.0em}
.dual_news_con h4 a			{float:right; width:168px;margin:0 0 8px 0; font-size:12px; font-weight:bold; color:#000000;}

.middle_news_name		{margin-right:10px; font: normal 12px 돋움;color:#999999}

.many_news ul					{float:left; width:100%; margin:10px 0 0 0}
.many_news_con					{float:left; width:260px; font:bold 15px 돋움; line-height:19px; margin-right:30px;}
.many_news_con1 ul li 			{float:left; width:260px; font:bold 15px 돋움; line-height:19px; margin-right:30px; margin-top:7px; letter-spacing:-2px;}


/* section list */

.list_nav			{float:left; width:100%; font-size:12px; margin:0 0 20px 0; padding-bottom:10px; border-bottom:2px solid #101a24}
.list_nav a		{color:#333}

.list_news							{float:left; width:100%; height:auto; margin-bottom:25px;}
.list_news img					{float:left; width:70px; height:50px; margin-right:10px; border:1px solid #bbb}
.list_news h4						{margin:0 0 6px 0; padding:0;}
.list_news h4 a					{font:bold 14px 굴림, 돋움; color:#000;}
.list_news h4 a:hover			{text-decoration:underline}

.list_news p a						{color:#666; line-height:17px}
.list_news p a:hover			{color:#000;}

.list_blue {float:left; font-size:12px; font-family:"굴림"; margin-right:5px; padding:1px 3px 0 3px; line-height:16px; color:#fff; background: #003470;}
.list_gray {float:left; font-size:12px; font-family:"굴림"; margin-right:5px; padding:1px 3px 0 3px; line-height:16px; color:#fff; background: #777;}
.list_ore {float:left; font-size:12px; font-family:"굴림"; margin-right:5px; padding:1px 3px 0 3px; line-height:16px; color:#fff; background: #f26522;}
.list_gre {float:left; font-size:12px; font-family:"굴림"; margin-right:5px; padding:1px 3px 0 3px; line-height:16px; color:#fff; background: #00746b;}

.news_name	{font-size:12px; font-family:"굴림"; color:#888}
.news_pay		{font-size:12px; font-family:"굴림"; color:#f55204;}

.pagination								{float:left; width:100%; margin-top:30px; text-align:center;}
.pagination	 a							{color:#000; border:solid 1px #ccc; padding:3px 6px; vertical-align:middle}
.pagination	 a:hover					{color:#fff; background:#101a24; padding:4px 7px; border:none;}
.pagination	 a.select				{color:#fff; background:#101a24; padding:4px 7px; border:none;}
.pagination .previous				{font-size:12px; padding:4px 5px 3px 5px;color:#000; border:solid 1px #ccc;}
.pagination .previous:hover		{padding:5px 6px 4px 6px; color:#fff; background:#101a24; border:none}
.pagination .next						{font-size:12px; color:#000; border:solid 1px #ccc; padding:4px 2px 3px 5px;}
.pagination .next:hover			{color:#fff; background:#101a24; padding:5px 3px 4px 6px; border:none}


/* section view */

.view_page {float:left; width:628px; border:1px solid #c6c6c6}

.view_nav				{float:left; position:relative; width:100%; height:24px; border-bottom:1px solid #c6c6c6; background:#f6f6f6; letter-spacing:-1px}
.view_nav a			{position:absolute; top:5px; left:10px; font-size:11px; font-family:"돋움","굴림"; color:#898989; background:url(../img/news_menu_out.png) no-repeat 100% 40% ; padding-right:7px}
.view_nav a:hover	{text-decoration:underline}
.view_nav img			{position:absolute; top:7px; left:608px; cursor:pointer}

.view_con_main				{float:left; width:690px;}
.view_con_main h1			{font: bold 18px 돋움; line-height:28px; margin:0 0 10px 0; padding:0; color:#000}
.view_con_main h2			{font: bold 14px 돋움; line-height:20px; margin:0 0 10px 0; padding:0; color:#888}

.view_con				{float:left; width:588px; padding:20px}
.view_con h1			{font: bold 18px 돋움; line-height:28px; margin:0 0 10px 0; padding:0; color:#000}
.view_con h2			{font: bold 14px 돋움; line-height:20px; margin:0 0 10px 0; padding:0; color:#888}

.view_sns_print				{float:left; width:100%; margin:10px 0 0 0; border-bottom:1px solid #d3d3d3;}
/*.view_sns						{float:left; position:relative; width:394px; height:24px; border:1px solid #d3d3d3; border-bottom:none; letter-spacing:-1px}*/
.view_sns						{float:left; position:relative; height:24px; border:1px solid #d3d3d3; border-bottom:none; letter-spacing:-1px}
.view_sns img				{float:left;}
.view_sns a					{position:absolute; font-size:11px; font-family:"돋움"; color:#898989}
.view_sns a:hover			{color:#001166}
.view_print						{float:right; position:relative; width:100px; height:24px;}
.view_print img				{position:absolute; cursor:pointer}

.view_article					{float:left; margin: 25px 0px 0px 0px; font:14px 굴림; color:#333333; line-height:23px; text-decoration:none; text-align:justify;}
.article_imgtable				{margin-right:10px; margin-top:5px; width:0px; line-height:23px; text-align: justify;}
.article_text						{color:#666; font-size:12px; font-family:"굴림"}

.view_more_list						{float:left; width:100%; font-size:12px; margin-top:30px}
.view_more_list ul					{float:left; margin-top:15px}
.view_more_list ul li					{font-size:14px; font-weight:bold; line-height:24px; background:url(../img/side_news_list.png) no-repeat 0 45%; padding-left:10px;}
.view_more_list ul li a				{color:#001166}
.view_more_list ul li a:hover		{text-decoration:underline}

.view_more_list_on				{float:left; width:60px; height:20px; padding:5px 20px 3px 20px; border:1px solid #e0e0e0; line-height:20px; border-bottom:none; text-align:center; font-weight:bold; color:#373737}
.view_more_list_off				{float:left; width:466px; height:20px; padding:5px 0 3px 20px; border-bottom:1px solid #e0e0e0; text-align:right; font-family:"돋움","굴림"; letter-spacing:-1px}
.view_more_list_off a			{font-size:11px; color:#898989}
.view_more_list_off a:hover	{text-decoration:underline}

.view_more_main_list						{float:left; width:100%; font-size:12px; margin-top:30px}
.view_more_main_list ul					{float:left; margin-top:15px}
.view_more_main_list ul li					{font-size:14px; font-weight:bold; line-height:24px; background:url(../img/side_news_list.png) no-repeat 0 45%; padding-left:10px;}
.view_more_main_list ul li a				{color:#001166}
.view_more_main_list ul li a:hover		{text-decoration:underline}

.view_more_main_list_on				{float:left; width:60px; height:20px; padding:5px 20px 3px 20px; border:1px solid #e0e0e0; line-height:20px; border-bottom:none; text-align:center; font-weight:bold; color:#373737}
.view_more_main_list_off				{float:left; width:568px; height:20px; padding:5px 0 3px 20px; border-bottom:1px solid #e0e0e0; text-align:right; font-family:"돋움","굴림"; letter-spacing:-1px}
.view_more_main_list_off a			{font-size:11px; color:#898989}
.view_more_main_list_off a:hover	{text-decoration:underline}

.view_copyright	{float:left; width:100%; padding-top:10px; border-top:1px solid #e0e0e0; text-align:center; margin:25px 0;}