﻿@import "./layout.css";

/*=========================================================
layout
==========================================================*/
Table.BaseBody { width:900px; margin:0px auto; font-size:75%; border-collapse:collapse; }
	Table.BaseBody Input { font-size:100%; }	
	Table.BaseBody A { color: #2A3142; }
	Table.BaseBody A:Hover { color: #295FB5; text-decoration:none; } 
	Table.BaseBody Table { border-collapse:collapse; }
		Table.BaseBody Table Td { vertical-align:top; }
		
	Table.BaseBody Td.BaseContent { border-top:1px solid #D6D6D6; padding-top:10px; width:630px; }
	Table.BaseBody Td.BaseRight { border:1px solid #D6D6D6; background-color:#EDEDED; width:268px; }

/*=========================================================
탑 네비게시션, 로고
==========================================================*/
Div.TopNav { background:url('/Skin/Default/Images/Top/top_menu_bg.gif') repeat-x left top; height:29px; font-family:돋움; font-size:90%; }	
	Div.TopNav Table.Link Td { padding:0px 10px 0px 10px; text-align:center; }
	Div.TopNav Table.Link Td.Active { border-left:1px solid #BCBCBC; }	
	
Div.Logo { height: 80px; padding:5px 0px 5px 0px; vertical-align:middle; }

/*=========================================================
탑 메뉴
==========================================================*/
Table.TopMenu { height:36px; }
	Table.TopMenu .Channel { color:#FFE301;font-size:90%;padding-right:3px;font-weight:bold; font-family:Arial, Verdana; }
	Table.TopMenu Td { height:36px; vertical-align:middle; text-align:center; }
	Table.TopMenu Td.Line { width:1px; background:url('/Skin/Default/Images/Top/linNav.gif') no-repeat left 13px; }
	Table.TopMenu Td.Normal { padding:0px 10px; text-align:center; }
	
	Table.TopMenu Td.Selected { text-align:center; padding:6px 0px 0px 0px;  }
	Table.TopMenu Td.SelectedTop { background:url('/Skin/Default/Images/Top/tab_C.gif') repeat-x left top; padding:0px 5px; }
						
		Table.TopMenu Td.Normal A
		{ padding:12px 0px 0px 0px; height:24px; font-size:100%; font-family:굴림, gulim, Verdana; font-weight:bold; display:block; color:#FFFFFF; }
		Table.TopMenu Td.Normal A:Hover { color:#FFFFFF;}
		
		Table.TopMenu Td.Selected A
		{ padding:10px 10px 0px 10px; height:24px; font-size:105%; font-family:굴림, gulim, Verdana; font-weight:bold; display:block; color:#323232; }
		Table.TopMenu Td.Selected A:Hover { color:#323232;}
		/* Table.TopMenu Td A:Hover { background-color:#519DFB; } */

/*=========================================================
푸터
==========================================================*/		
Table.BaseFooter { }
	Table.BaseFooter Td.Box { border:1px solid #DFDFDF; background-color:#F4F4F4; padding:10px 10px 10px 15px; vertical-align: middle; }
		Table.BaseFooter Td.Box A { color:#737373; letter-spacing:-1; }
		
	Table.BaseFooter Td.Logo { padding:12px 0px 30px 46px; }
	Table.BaseFooter Td.CopyRight
	{
		padding: 12px 0px 0px 0px; color:#737373;
		line-height: 130%; letter-spacing: -1;
	}


/*=========================================================
메인
==========================================================*/		

/* 태그 클라우드 영역 */	
Table.MainTagArea {  }
	Table.MainTagArea Td.Top { background:url('/Skin/Default/Images/Main/Tag/shtBgTop.gif') no-repeat left top; height:7px; }
	Table.MainTagArea Td.Content
	{ 
		background:url('/Skin/Default/Images/Main/Tag/shtBgMiddle.gif') repeat-y left top; 
		padding:10px 10px 10px 10px;
	}
	Table.MainTagArea Td.Foot { background:url('/Skin/Default/Images/Main/Tag/shtBgDown.gif') no-repeat left top; height:7px; }
	
	
/* 태그 클라우드 */	
Div.MainTagCloud 
{ 
	background-color:#FFFFFF; padding:10px 10px 10px 10px; margin:5px 0px 0px 0px; 
	font-family:돋움; border:1px solid #D5D5D5;
}
	Div.MainTagCloud Div.HotTag 
	{
		background:url('/Skin/Default/Images/Main/Tag/txt01.gif') no-repeat left 3px; line-height:210%; 
		height: 23px; padding:0px 0px 0px 70px; margin:0px 0px 8px 0px; overflow:hidden; font-weight:bold;
	}
	Div.MainTagCloud Div.Area
	{
		background:url('/Skin/Default/Images/Main/Tag/linDot.gif') repeat-x left top;
		padding:10px 5px 5px 5px; line-height:210%; height:72px; overflow:hidden;
	}
	Span.Tag { white-space: normal; }
	Span.Sep { padding-left:5px; }
	Span.Tag A { letter-spacing:-1px; }
	Span.Tag A:Hover { text-decoration:underline; }
	Span.Tag A.Level1 { color:#787878; }
	Span.Tag A.Level2 { color:#FD6768; font-weight:bold; font-size:100%; }
	Span.Tag A.Level3 { color:#FFA415; font-weight:bold; font-size:110%; }
	Span.Tag A.Level4 { color:#FD6766; font-weight:bold; font-size:130%; }
	Span.Tag A.Level5 { color:#FFFFFF; font-weight:bold; background-color:#FEA517; font-size:140%; padding:2px 2px 2px 2px; }
	

	Div.MainTagCloud Table Td.PhotoPost { }
		Div.MainTagCloud Table Td.PhotoPost Div.Subject { font-weight:bold; letter-spacing:-1; line-height:120%; margin:0px 0px 4px 0px; height:15px; overflow:hidden; }
		Div.MainTagCloud Table Td.PhotoPost Div.Summary { letter-spacing:-1; line-height:110%;  }
		
	Div.MainTagCloud Table Td.NumberList { }
		Div.MainTagCloud Table Td.NumberList Div.Rank { height:18px; overflow:hidden; white-space:pre; }
		Div.MainTagCloud Table Td.NumberList Img { margin: 0px 7px -2px 0px; } 

/* 대선 */		
	Div.MainTagCloud Div.HotElectionTag 
	{
		background:url('/Skin/Default/Images/Maintain4/icnElectionTitle.gif') no-repeat left 3px; line-height:210%; 
		height: 23px; padding:0px 0px 0px 100px; margin:0px 0px 8px 0px; overflow:hidden; font-weight:bold;
	}
	
	Div.MainTagCloud Div.HotElectionArea
	{
		background:url('/Skin/Default/Images/Main/Tag/linDot.gif') repeat-x left top; padding:10px 5px 0px 5px; 
	}
	
	Div.MainTagCloud Table Td.Elections { }
		Div.MainTagCloud Table Td.Elections Div.Normal, Div.MainTagCloud Table Td.Elections Div.Select 
		{ height:15px; overflow:hidden; white-space:pre; padding:3px 0px 0px 20px; }
		Div.MainTagCloud Table Td.Elections Div.Normal 
		{ background:url('/Skin/Default/Images/Maintain4/icnElection.gif') no-repeat left center;}
		Div.MainTagCloud Table Td.Elections Div.Select 
		{ background:url('/Skin/Default/Images/Maintain4/icnElectionOver.gif') no-repeat left center; }
		Div.MainTagCloud Table Td.Elections Div.More { text-align:right; margin:5px 0px 0px 0px; }
	
	
	
.MainTitle
{
	background: url('/Skin/Default/Images/Main/Tag/icn01.gif') no-repeat left top;
	font-weight:bold; padding:1px 0px 0px 20px; font-size:100%; font-family:돋움; letter-spacing:-1;
}	

Div.PostTopList1Title 
{ 
	background: url('/Skin/Default/Images/Icon/icn01.gif') no-repeat left top;
	font-weight:bold; padding:0px 0px 5px 10px; letter-spacing:0px; 
}
Div.PostTopList2Title 
{ 
	background: url('/Skin/Default/Images/Main/Recent/shtBar1.gif') no-repeat 2px top;
	font-weight:bold; padding:8px 0px 0px 0px; color:#505050;
	height: 17px;
	background-color:#ECECEC;
	
}


Table.PostTopHead { }	
	Table.PostTopHead Td Div.Subject { height: 13px; font-weight:bold; overflow:hidden; font-size:110%; letter-spacing:-1px; margin-bottom:10px; }
	Table.PostTopHead Td Div.Summary { padding:5px 0px 0px 0px; line-height:130%; letter-spacing:0px; }
	
Table.PostTopText { border-top:1px solid #DADADA; }	
	Table.PostTopText Td Div.Subject { height: 13px; font-weight:bold; overflow:hidden; font-size:110%; letter-spacing:-1px; margin-top:10px; }


/* 메인 - 최근TV기사 최근포토기사 */
Div.PostTopList2Box	
{
	text-align:center;
	padding:1px 5px 10px 0px; 	
	background: url('/Skin/Default/Images/Maintain4/recentBg.gif') no-repeat left top;
}
	Div.PostTopList2Box Table.Header { width:482px; height:33px; margin:0px auto; }
		Div.PostTopList2Box Table.Header Td { vertical-align:top; padding:15px 0px 0px 0px; font-weight:bold; }
		Div.PostTopList2Box Table.Header Td.Normal { width:135px; color:#999999; text-align:center; }
		Div.PostTopList2Box Table.Header Td.Active 
		{ 
			background: url('/Skin/Default/Images/Maintain4/recentBgOver.gif') no-repeat left top;
			width:135px; text-align:center; color:#000000;
		}
		Div.PostTopList2Box Table.Header Td.Nav { padding:12px 10px 0px 0px; text-align:right; width:212px; }
	
		
	Div.PostTopList2Box	Table.PostTopList2 { background-color:#FFFFFF; margin:0px auto;}
		Div.PostTopList2Box	Table.PostTopList2 Div.Subject { height:12px; overflow:hidden; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; }

	Div.PostTopList2Box	Table.PostTopList3 { background-color:#FFFFFF; width:499px; }
		Div.PostTopList2Box	Table.PostTopList3 Td.Post, Div.PostTopList2Box	Table.PostTopList3 Div.Post 
		{ 
			text-align: left; padding:0px 0px 0px 10px; height:20px;
		}
	
	
Div.BoardTopPostTitle {  }
Div.BoardTopPost { background-color:#FFFFFF; padding:10px 10px 10px 10px; line-height:210%; }

/* 메인 - 공지사항 */
Div.MainNoticeArea { border:1px solid #DADADA; background-color:#F4F4F4; }
	Div.MainNoticeArea Div.Title { margin:15px 0px 10px 0px; text-align:center; }
	Div.MainNoticeArea Table Tr.Odd { background-color:#FFFFFF; color:#2a3143; }
	Div.MainNoticeArea Table Tr.Pair { background-color:#F2F2F2; color:#293243; }
		Div.MainNoticeArea Table Tr Td { height:27px; vertical-align:middle; padding-top:2px; }
		Div.MainNoticeArea Table Tr Td.Num { font-family:Verdana; font-size:90%; padding-top:0px; }
	

	
/* 메인 - 음성댓글 */
Div.SoundCommentArea { border:1px solid #DADADA; background-color:#F4F4F4; padding:12px 9px 8px 9px; }	
Div.SoundCommentArea Div.Title { margin:0px 0px 15px 0px; }
Div.SoundCommentArea Table Td.Photo { text-align:center; }
Div.SoundCommentArea Table Td.Summary { line-height:130%; }
Div.SoundCommentArea Table Td.Subject { font-weight:bold; padding:0px 0px 0px 5px; }
Div.SoundCommentArea Div.Post { background: url('/Skin/Default/Images/Maintain4/icnReply.gif') no-repeat 10px center; padding:8px 0px 0px 25px; margin:0px 0px 0px 0px; font-weight:bold; }
Div.SoundCommentArea Div.More { margin:10px 0px 0px 0px; text-align:right; }


/* 메인 - 현장인터뷰 */
Div.InterviewArea { border:1px solid #DADADA; background-color:#F4F4F4; padding:12px 10px; }	
Div.InterviewArea Div.Title { margin:0px 0px 15px 0px; }

Div.InterviewArea Div.Frame { overflow:hidden; width:327px; height:100px; clear:both; }
	Div.InterviewArea Div.Frame Div.Item { width:109px; text-align:center; position:relative; float:left; }
Div.InterviewArea Div.Photo {  }
	Div.InterviewArea Div.Photo Img { width:103px; height:71px; border:1px solid #9C9C9C; }
Div.InterviewArea Div.Subject { width:86px; overflow:hidden; text-align:left; margin-top:5px; line-height:120%; }


/* 메인 - Today's Hot 포토 */
Div.TodaysPhoto { }
	Div.TodaysPhoto Div.Head { position:relative; top:1px; }
	Div.TodaysPhoto Div.Content { border:1px solid #DADADA; background-color:#F4F4F4; padding:7px 7px 0px 7px; }
	Div.TodaysPhoto Div.Content Div.Expand { width:262px; height:189px; border:1px solid #DBDBDB; cursor:pointer; }
	Div.TodaysPhoto Div.Content Div.Subject { margin-top:7px; padding-left:7px; }
	Div.TodaysPhoto Div.Content Div.Photo { width:68px; height:64px; border:1px solid #DBDBDB; margin-bottom:6px; cursor:pointer; }
	
/*=========================================================
속보 
==========================================================*/
Div.NewsFlash { background:url('/Skin/Default/Images/Top/txt01.gif') no-repeat 20px center; height:22px; padding:12px 0px 0px 62px; cursor:pointer; width:333px; overflow:hidden; }
	Div.NewsFlash A { color:#4F4F4F; }
	
/*=========================================================
심플 무비
==========================================================*/
Div.SimpleMovie 
{ 
	padding:13px 15px 7px 20px; overflow:hidden; 
	background:#F0F0F0 url('/Skin/Default/Images/Main/shtBgtop.gif') no-repeat left top;
	
}
	Div.SimpleMovie Div.Subject { height:10px; overflow:hidden; color: #312E2F; font-weight:bold; font-size:115%; padding-bottom:5px; margin-bottom:5px; }
		Div.SimpleMovie Div.Subject A { font-family:돋움; color:#323232; letter-spacing:-1;  }
	Div.SimpleMovie Div.Tag 
	{ 
		background:url('/Skin/Default/Images/icnTag.gif') no-repeat left 2px; padding:2px 0px 0px 30px; 
		line-height:120%; overflow:hidden; height:13px; 
		font-family:돋움; font-size:11px;
	}
		Div.SimpleMovie Div.Tag A { color:#7B7B7B; letter-spacing:-1; }
		Div.SimpleMovie Div.Tag A:Hover { }

Div.MovieTable
{
	background:#F0F0F0 url('/Skin/Default/Images/Main/titleMediaTable.gif') no-repeat top left; 
	border:1px solid #D6D6D6;
	padding:30px 5px 5px 12px;
	
}
	Div.MovieTable Div.Content 
	{
		height:95px;
		overflow: hidden;
		
		scrollbar-face-color:#F0F0F0; 		
		scrollbar-highlight-color:#F0F0F0; 
		scrollbar-darkshadow-color:#F0F0F0; 
		scrollbar-track-color:#F0F0F0; 
		scrollbar-arrow-color:#65595D;	
	}
		Div.MovieTable Div.Content Div { height:20px; /* line-height:150%; */}
		Div.MovieTable Div.Content Div.Select { font-weight:bold; }
			Div.MovieTable Div.Content Div.Select Span { color:#F90D02; font-weight:normal; }
		Div.MovieTable Div.Content Div.Normal { font-weight:normal; }
			Div.MovieTable Div.Content Div.Normal Span { color:#9C9C9C; }

Div.PagerArea { padding:10px 0px 0px 0px; text-align:center; }
Div.BtnArea { padding: 10px 0px 0px 0px; text-align:center; }


Span.Strong { color:#990000; }