/****************************************************************************************
CSS RESET
****************************************************************************************/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
html	{overflow-x:hidden}
body	{font-family:'Nanum Gothic','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; background:#eee}
html,body,div,ul,li,dl,dt,dd,ol,p,form		{margin:0; padding:0}
ul,ol,dl,li	{list-style-type:none; list-style-image:none}
img		{border:0}
a		{text-decoration:none; color: #000}
*		{margin:0; padding:0; font-family:NanumGothic,"Malgun Gothic",Dotum,Gulim,Helvetica,Apple-Gothic; -webkit-text-size-adjust:none}
body	{line-height:1.25em;color:#000;word-wrap:break-word;word-break:break-all; }
img,input,button,select,textarea	{vertical-align:middle}
h1		{font-size:18px; color:#111; line-height:120%;}
h2		{font-size:16px; color:#111; line-height:120%;}
h3		{font-size:14px; color:#555; line-height:120%;}

/* 펌방지 */
#Prevention { width:0;}


/****************************************************************************************
상단
****************************************************************************************/
#MTop	{width:100%; margin:0; padding:0; min-width:320px}
.head_section	{
	position:relative;
	width:100%;
	height:52px;
	line-height:52px;
	overflow:hidden; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-bottom:2px solid #666;
}
.head_section .logo		{position:absolute; left:0; width:100%; padding:5px 0; text-align:center}
.head_section .logo a		{display:block; width:100%}
.head_section ul		{position:relative}
.head_section li			{position:absolute; cursor:pointer; height:50px; width:50px; line-height:999px; overflow:hidden}
.head_section .btnMenu		{top:0; left:0; background:url(/img/btnMenu_bk.png) no-repeat 50% 50%; background-size:30px 30px}
.head_section .btnSearch	{top:0; right:0; background:url(/img/btnSearch2_bk2.png) no-repeat 50% 50%; background-size:30px 30px}

#slideLeft	{position:absolute; top:0; left:-260px; width:260px; height:100%; background:#252832}
#slideRight	{position:absolute; top:0; right:-260px; width:260px; height:100%; background:#252832}
#slideLeft .list	{text-align:left}
#slideRight .list	{text-align:right}
.sideMenu h2	{height:52px; padding:0 10px 0 15px; background:#1F222B; border-bottom:1px solid #393D48; font-size:18px; line-height:54px; font-weight:bold; color:#fff}
.sideMenu .list li	{height:45px; border-bottom:1px solid #2c2c2c;overflow: hidden;}
.sideMenu .list li.all_list	{background:#171B25;}
.sideMenu .list li a	{display:block; height:45px; padding-left:15px; border-bottom:1px solid #393D48; font-size:16px; line-height:45px; color:#b6b6b6}
.sideMenu .list li a.menu_all_list	{font-size:17px; color:#fff;}
.sideMenu .searchList	{text-align:center}
#slideRight .list li a,#slideLeft .list li a	{padding-right:15px}
.on			{display:block}
.blind		{display:none}
.txt	{width :259px; height:46px; padding:0 10px; background:#fff; border:0; font-size:18px; color:#888;}
#slideRight .btn	{width:100%; border:0; background:#FC4C52; margin-left:1px;}
#slideRight .btn a,#slideRight .btn a:visited		{background:#FC4C52; color:#fff; border:0;}

/****************************************************************************************
메인
****************************************************************************************/
#MbCon {position:relative; width:100%}

/* 헤드라인뉴스(메인기사1) */
.headline	{position:relative; margin:0 0 10px; border-bottom:1px solid #eee; overflow:hidden}
.headline h2	{position:absolute; top:-9999px; text-indent:-9999;}
.headline em		{font-style:normal; color:#2267ac;}
.headline ul	{width:100%; height:290px; overflow:hidden}
.headline .bx-wrapper .bx-viewport {height:290px !important;}
.headline li	{position:relative; height:100%; overflow:hidden}
.headline li img	{width:100%; min-height:225px;}
.headline li .bg				{display:inline-block; position:absolute; bottom:0; left:0; z-index:99; width:100%; height:65px; background:#fff;}
.headline li .main_title		{display:inline-block; position:absolute; bottom:30px; left:0; z-index:999; width:90%; height:24px; overflow:hidden; padding:0 5%; font-weight:bold; font-size:20px; line-height:24px; letter-spacing:-1px; color:#000; text-align:center;}

/* 메인기사2 */
.topnews	{position:relative; margin:10px 0; border-top:1px solid #eee; background:#fff; overflow:hidden; font-size:17px;}
.topnews h2		{position:absolute; top:-9999px; font-size:0; text-indent:-9999;}
.topnews li			{position:relative; overflow:hidden; padding:15px; border-bottom:1px solid #eee;}
.topnews li a,.topnews li a:visited	{display:block; position:relative; overflow:hidden; font-size:17px; line-height:22px}
.topnews li .thumb_img		{position:relative; float:left; overflow:hidden; width:87px; padding-right:12px;}
.topnews li .thumb_img .outline	{display:block; position:absolute; top:0; left:0; width:87px; height:62px; background:url(/img/outline_160_115.png) no-repeat left top; background-size:87px 62px; z-index:9999;}
.topnews li .thumb_img .img		{display:block; width:87px; height:62px; background-size:87px 62px !important;}
.topnews li .text			{position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#888}
.topnews li .main_title			{font-weight:bold; font-size:1em; line-height:1.3em; letter-spacing:-1px; color:#000}
.topnews li .main_stitle		{overflow:hidden; font-size:0.9em; line-height:1.3em; letter-spacing:0; color:#888}

/* 메인기사2 
.topnews	{position:relative; margin:10px 0; border-top:1px solid #eee;  background:#fff; overflow:hidden}
.topnews h2		{position:absolute; top:-9999px; font-size:0; text-indent:-9999;}
.topnews li			{position:relative; overflow:hidden; padding:15px; border-bottom:1px solid #eee;}
.topnews li a,.topnews li a:visited	{display:block; position:relative; overflow:hidden; font-size:17px; line-height:22px}
.topnews li .thumb_img		{position:relative; float:left; overflow:hidden; width:72px; padding-right:12px;}
.topnews li .thumb_img .outline	{display:block; position:absolute; top:0; left:0; width:72px; height:52px; background:url(/img/outline_160_115.png) no-repeat left top; background-size:72px 52px; z-index:9999;}
.topnews li .thumb_img .img		{display:block; width:72px; height:52px; background-size:72px 52px !important;}
.topnews li .em				{display:block; width:4px; height:4px; overflow:hidden;}
.topnews li .text			{display:block; position:relative; max-height:48px;}
.topnews li .main_title		{font-weight:bold; font-size:17px; line-height:24px; letter-spacing:-1px; color:#000}
*/
/* 최신기사 */
.newnews	{position:relative; margin:10px 0; border-top:1px solid #eee;  background:#fff; overflow:hidden; font-size:17px;}
.newnews h2		{position:absolute; top:-9999px; font-size:0; text-indent:-9999;}
.newnews li			{position:relative; overflow:hidden; padding:15px; border-bottom:1px solid #eee;}
.newnews li a,.newnews li a:visited	{display:block; position:relative; overflow:hidden; font-size:1em; line-height:1.4em}
.newnews li .thumb_img		{position:relative; float:right; overflow:hidden; width:72px; padding-left:12px;}
.newnews li .thumb_img .outline	{display:block; position:absolute; top:0; right:0; width:72px; height:52px; background:url(/img/outline_160_115.png) no-repeat left top; background-size:72px 52px; z-index:9999;}
.newnews li .thumb_img .img		{display:block; width:72px; height:52px; background-size:72px 52px !important;}
.newnews li .em				{display:block; width:4px; height:4px; overflow:hidden;}
.newnews li .text			{position:relative;  display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.newnews li .main_title		{font-weight:normal; font-size:1em; line-height:1.4em; letter-spacing:-1px; color:#000}

/* 인기기사 */
.bestnews	{position:relative; margin:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; overflow:hidden; font-size:17px;}
.bestnews h2	{padding:12px 15px 10px; font-weight:bold; font-size:18px; line-height:20px; letter-spacing:-1px; color:#000}
.bestnews ul	{background:url(/img/num_red.png) no-repeat 12px -6px; background-size:21px 420px}
.bestnews li		{display:-webkit-box; height:40px; border-top:1px solid #eee; padding:0 10px 0 38px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.bestnews li,.bestnews li a,.bestnews li a:visited	{font-size:1em; line-height:40px; letter-spacing:-1px; color:#000}

/* 포토뉴스 */
.photonews	{position:relative; margin:10px 0; padding:15px 0 3px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; overflow:hidden; font-size:16px;}
.photonews h2	{position:absolute; top:-9999px; font-size:0; text-indent:-9999;}
.photonews .bx-wrapper .bx-viewport	{height:190px !important;}
.photonews .slide		{width:160px;}
.photonews .slide,.photonews .slide a	{display:inline-block; width:160px; height:115px; line-height:16px;}
.photonews .outline	{display:block; position:absolute; top:0; left:0; width:160px; height:115px !important; background:url(/img/outline_320_230.png) no-repeat left 9px; background-size:160px 115px !important; z-index:9999;}
.photonews .slide img			{width:160px; height:115px;}
.photonews .slide span			{display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:150px; height:2.6em; padding:0 5px; overflow:hidden; margin:-9px auto 0; font-size:1em; line-height:1.3em; text-align:left;}

/****************************************************************************************
기사본문
****************************************************************************************/
#MRead .container_le	{background:#fff}
#MRead_t					{padding:15px; border-bottom:1px solid #ccc}
#MRead_t .read_title			{padding:5px 0 5px; font-weight:bold; font-size:22px; line-height:120%; color:#000}
#MRead_t .read_stitle			{padding:0 0 15px; font-size:18px; line-height:120%; letter-spacing:-1px; color:#000}
#MRead_t .fontsize				{float:right; background:#f9f9f9; border:1px solid #ccc; border-radius:2px}
#MRead_t .fontsize .bt_fs_m			{display:inline-block; width:48px; height:26px; overflow:hidden; border-right:1px solid #ccc; font-size:14px; line-height:28px; letter-spacing:-1px; color:#888; text-align:center}
#MRead_t .fontsize .bt_fs_p			{display:inline-block; width:48px; height:26px; overflow:hidden; font-size:18px; line-height:28px; letter-spacing:-1px; color:#888; text-align:center}
#MRead_t .text_9				{padding-left:2px; font-size:14px; line-height:16px; color:#888}
#MRead_b					{padding:15px}
#textinput						{padding-bottom:10px; font-size:17px; line-height:160%; color:#333}
#textinput .thumb_box				{width:100%; margin:0 auto}
#MRead .m_sns					{text-align:center; margin-top:25px}
#MRead .m_sns img					{width:29px; height:29px}
#MRead_bt					{padding:20px 15px; text-align:center}
#MRead .bt					{margin-left:4px; padding:8px 15px 6px; background:#f0f0f0; border:1px solid #ddd; border-radius:2px; font-size:14px; letter-spacing:-1px; color:#333; text-align:center}
#MRead .bt2					{margin-left:4px; padding:8px 15px 6px; background:#f0f0f0; border:1px solid #ddd; border-radius:2px; font-size:14px; letter-spacing:-1px; color:#333; text-align:center}

.body_img_caption	{padding-top:5px; font-size:15px; line-height:140%;}

#MRead_b .name_link_box		{border:#d4d1d1 solid 1px; padding:8px; text-align:center; border-radius:3px; margin:20px 0;}
#MRead_b .name_link_box a,#MRead_b .name_link_box a:visited	{font-size:16px; color:#000}

/* 관련기사 */
#read_r_news	{clear:both; position:relative; margin:20px 15px; overflow:hidden; font-size:17px;}
#read_r_news .boxtitle	{font-weight:bold; font-size:18px; line-height:1.3em; letter-spacing:-0.03em; color:#000}
#read_r_news ul			{padding:12px 10px 12px 7px; overflow:hidden}
#read_r_news li				{height:1.3em; background:url(/img/ico_rnews.gif) no-repeat 1px 5px; padding-left:15px; margin-bottom:6px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;}
#read_r_news li,#read_r_news li a,#read_r_news li a:visited	{font-size:1em; line-height:1.3em; letter-spacing:-0.03em; color:#000}

/* 키워드 관련기사 */
#read_kw_news	{clear:both; position:relative; padding:20px 15px 5px; border-bottom:10px solid #f3f3f3; overflow:hidden; font-size:17px;}
#read_kw_news .boxtitle	{font-weight:bold; font-size:18px; line-height:1.3em; letter-spacing:-0.03em; color:#000}
#read_kw_news .keyword		{color:#ff0000;}
#read_kw_news ul			{padding:12px 10px 12px 7px; overflow:hidden}
#read_kw_news li				{height:1.3em; background:url(/img/ico_rnews.gif) no-repeat 1px 5px; padding-left:15px; margin-bottom:6px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;}
#read_kw_news li,#read_kw_news li a,#read_kw_news li a:visited	{font-size:1em; line-height:1.3em; letter-spacing:-0.03em; color:#000}

#reply_src	{margin:0 5px;}

/****************************************************************************************
전체기사
****************************************************************************************/
#MBody	{position:relative; margin:0; border-top:1px solid #eee;  background:#fff; overflow:hidden; font-size:16px;}
#MBody li			{position:relative; overflow:hidden; padding:15px; border-bottom:1px solid #eee;}
#MBody li a,#MBody li a:visited	{display:block; position:relative; overflow:hidden; font-size:17px; line-height:22px}
#MBody li .thumb_img		{position:relative; float:right; overflow:hidden; width:72px; padding-left:12px;}
#MBody li .thumb_img .outline	{display:block; position:absolute; top:0; right:0; width:72px; height:52px; background:url(/img/outline_160_115.png) no-repeat left top; background-size:72px 52px; z-index:9999;}
#MBody li .thumb_img .img		{display:block; width:72px; height:52px; background-size:72px 52px !important;}
#MBody li .em				{display:block; width:4px; height:4px; overflow:hidden;}
#MBody li .text			{position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
#MBody li .main_title		{font-weight:normal; font-size:1em; line-height:1.3em; letter-spacing:-1px; color:#000}

#MPage	{padding:15px 0 30px; text-align:center}
#MPage .num_box,#MPage .cur_num,#MPage .arr	{display:inline-block; margin-right:4px; width:30px; padding:7px 0 5px; border-radius:3px; vertical-align:middle; font-size:13px; line-height:16px; letter-spacing:-1px}
#MPage .num_box		{background:#fff; border:1px solid #bbb; color:#666}
#MPage .cur_num		{background:#6C6C6C; border:1px solid #474747; color:#fff}
#MPage .arr			{background:#f0f0f0; border:1px solid #bbb; color:#666}


/****************************************************************************************
하단
****************************************************************************************/
#MBottom	{clear:both; position:relative; background:#666; padding:20px 0 10px; text-align:center}
#MBottom p		{padding-bottom:10px; font-size:12px; line-height:16px; color:#eee}
#MBottom .bt		{display:inline-block; padding:6px 12px 4px; background:#f1f1f1; border:1px solid #555; border-radius:3px; font-size:13px; line-height:16px; color:#333; vertical-align:middle;}
#MBottom .cash		{display:inline-block; padding:6px; background:#f1f1f1; border:1px solid #555; border-radius:3px; vertical-align:middle;}
#cash_div				{display:inline-block; width:14px; height:14px; background:url(/img/refresh.png) no-repeat 0 0; background-size:14px 14px;}

/****************************************************************************************
브라우저 크기별 반응
****************************************************************************************/
@media only screen and	(min-width:375px) {
	.headline ul	{height:300px;}
	.headline .bx-wrapper .bx-viewport	{height:300px !important;}
	.headline li img	{min-height:235px;}
}
@media only screen and	(min-width:412px) {
	.headline ul	{height:325px;}
	.headline .bx-wrapper .bx-viewport	{height:325px !important;}
	.headline li img	{min-height:260px;}
}
/*@media only screen and	(min-width:600px) {
	.headline ul	{height:440px;}
	.headline .bx-wrapper .bx-viewport	{height:440px !important;}
	.headline li img	{min-height:375px;}
}*/
@media only screen and	(min-width:640px) {
	.container_le	{width:57%; float:left;}
	.container_ri	{width:43%; float:left;}
	.bestnews,.newnews	{margin-left:1px;}
	.news_view_bestnews	{margin-top:0; border-top:0;}
	.container_ri .bestnews	{margin-top:0; border-top:0;}
}