@import "./base.css";

/*
main layout
*/
a{color:#777777;}

#wrapper{width:950px;}

div.header{height:400px;}
div.body{ padding-top:15px;}
	div.body div.contents{ float:left; padding-left:15px; width:725px}
	div.body div.banner{ float:right; width:210px;}
		div.body div.banner ul{list-style-type:none;}
div.footer{height:41px; border-top:1px solid #D4D4D4; padding-top:10px;padding-left:30;}
	
	
div.bannerArea
{
	float:left;
	width:210px;
	margin-right:25px;
}
div.boardArea{float:left; width:467px;}
	div.boardArea ul.banner{ list-style-type:none;}
	div.boardArea ul.banner li{float:left; }
	div.boardArea ul.banner li.first{margin-right:10px;}
	
	div.boardArea div.toolBar{ background:url(/skin/default/images/main/bg_boardtoolbar.gif) repeat-x; height:28px; margin-top:11px; margin-bottom:5px;}
		div.boardArea div.toolBar ul{ list-style-type:none;}
			div.boardArea div.toolBar ul li{ margin-right:2px; float:left;}
div.boardArea div.boardImg{ float:left;  padding-left:15px;}	
div.boardArea div.boardList{ /*float:right; width:340px; */width:100%; height:115px; padding-top:5px;}

div.boardArea div.withCompany{margin-top:5px;}
	div.boardArea div.withCompany div.box{ margin-bottom:13px; border: 3px solid #ECF0EF; width:465px; height:60px;}
	div.boardArea div.withCompany div.box ul{list-style-type:none; margin-top:10px;}
		div.boardArea div.withCompany div.box ul li{ float:left;}

div.floatClear{ clear:both;}

img.tab{ cursor:pointer;}

table.recentList{ border-collapse:collapse; width:100%;}
table.recentList td{ padding-top:3px; padding-bottom:3px;}
table.recentList td.title{ background:url(/skin/default/images/main/icn_listdot.gif) no-repeat 4px 7px; padding-left:10px; font-size:75%;}
table.recentList td.date{ text-align:center; font-size:75%;}
table.recentList td.line{ background:url(/skin/default/images/sub/lin_dot.gif) repeat-x ; height:1px;}

/*
div.schedule{ width: 205px; background:url(/skin/default/images/main/bg_calendar.gif) no-repeat;font-size:75%; margin-bottom:8px;}
div.schedule div.header{height:18px; background:url(/skin/default/images/main/icn_01.gif) no-repeat 5px 4px; color:#02395F; font-weight:bold; padding-left:30px; padding-top:8px; }
div.schedule div.calendarbox{ border:1px solid #BED3D8; border-top:none;}
div.schedule div.calendarbox div.month{ text-align:center; height:22px; color:#858585; font-weight:bold;}

div.schedule table.calendar{ border-collapse:collapse; width:201px;}
div.schedule table.calendar th{ border:1px solid #DCDCDC; color:#000000;}
div.schedule table.calendar td{ height:22px; text-align:center; font-weight:bold; font-size:75%;border:1px solid #DCDCDC;}
div.schedule table.calendar td.sun{color:#FF3201;}
div.schedule table.calendar td.sat{color:#6766CC;}


Table#tblTooltip { position: absolute; display:none; width:200px; border-collapse:collapse;}
Table.Tooltip { width:100%;  border-collapse:collapse;}
	Table.Tooltip THead Td.Middle { background: url('/Skin/Default/Images/Introduce/Schedule/tm.gif') repeat-x left top; text-align:right; vertical-align:bottom; }
	Table.Tooltip THead Td.Right { background: url('/Skin/Default/Images/Introduce/Schedule/tr.gif') repeat-x left top; }
	Table.Tooltip TBody Td.Left { background: url('/Skin/Default/Images/Introduce/Schedule/ml.gif') repeat-y left top; }
	Table.Tooltip TBody Td.Middle { background-color:#FFFFFF; text-align:left; }
		Table.Tooltip TBody Td.Middle Div.STitle { font-family: µ¸¿ò; font-size: 11px; background-color: #ECF3F4; padding: 2px 2px 0px 2px; margin:2px 0px 0px 0px; }
		Table.Tooltip TBody Td.Middle Div.STitle1 { font-family: µ¸¿ò; font-size: 11px; background:url('/Skin/Default/Images/Introduce/Schedule/icnItem.gif') no-repeat left 6px; padding: 0px 0px 0px 10px; }
		Table.Tooltip TBody Td.Middle Div.SContent { font-family: µ¸¿ò; font-size: 11px; padding: 5px 0px 0px 0px;}
	Table.Tooltip TBody Td.Right { background: url('/Skin/Default/Images/Introduce/Schedule/mr.gif') repeat-y left top; }	
	Table.Tooltip TFoot Td.Middle { background: url('/Skin/Default/Images/Introduce/Schedule/bm.gif') repeat-x left top; }

*/