@charset "euc-kr";
@import "common.css";

/* Layout Selector */
html, body {height: 100%; }
#mainBody {position: relative; width: 100%; height: 100%; min-height: 100%; background: url("/kreic/assets/images/main/top_img_mainbg.gif") no-repeat 900px 0px;}
	
	

	
		
	#mainHeart {position: relative; overflow: hidden; z-index: 10; }
	#mainHeart .mainVisual {position: relative; z-index: 10; }
	#mainHeart .subVisual {position: absolute; left: 0px; top: 92px; z-index: 10; }
	#mainHeart .mainBall {position: absolute; left: 500px; top: 212px; z-index: 10;  }
	#mainHeart .top_gohome {position: absolute; left: 662px; top: 0px; z-index: 20; }
	
	
	#mainData {position: relative; clear: both; width: 100%; height: 184px; min-height: 184px; border-top: 1px solid #d6dee5; background: #FFFFFF; z-index: 100; }
	

	#mainData .mainBanner {position: absolute; left: 0px; top: 30px;}

	#mainData .mainBoard {position: absolute; left: 543px; top: 30px;}
	#mainData .mainBoard ul {width: 347px; height: 26px; background: url("/kreic/assets/images/main/main_bg_notice.gif") no-repeat 0px 24px; }
	#mainData .mainBoard ul li {display: inline; float: left; font-size: 12px; font-family: µ¸¿ò; color: #858687; }
	#mainData .mainBoard li>img {display: block; }
	#mainData .mainBoard ul li.more {float: right; }
	#mainData .mainBoard ul li.more img {vertical-align: middle; margin-top: 7px; padding: 5px 2px; }

	/* °øÁö»çÇ× */
	#mainData .mainBoard #mainNotice {width: 347px; }
	#mainData .mainBoard #mainNotice table {margin-top: 5px;}
	#mainData .mainBoard #mainNotice table td	{padding:3px 0px 0px 0px; color:#808080;}
	#mainData .mainBoard #mainNotice table td.title		{width:250px; text-align:left; font-size: 12px; padding: 0px 0px 0px 5px; font-family: µ¸¿ò; color: #858687;  background: url("/kreic/assets/images/main/main_bul_notice.gif") no-repeat 0px 7px; }
	#mainData .mainBoard #mainNotice table td.insert_date	{text-align:right; font-size: 12px; color: #858687;}
	
	#mainData .mainBoard #mainNotice table td.title a:link {color:#656565; text-decoration:none;}
	#mainData .mainBoard #mainNotice table td.title a:visited {color:#656565; text-decoration:none;}
	#mainData .mainBoard #mainNotice table td.title a:active {color:#656565; text-decoration:none;}
	#mainData .mainBoard #mainNotice table td.title a:hover {color:#569ED7; text-decoration:none; }


	/* ÀÚ·á½Ç */
	#mainData .mainBoard #mainNews {width: 347px; display: none;}
	#mainData .mainBoard #mainNews table {margin-top: 5px;}
	#mainData .mainBoard #mainNews table td	{padding:3px 0px 0px 0px; color:#808080;}
	#mainData .mainBoard #mainNews table td.title		{width:250px; text-align:left; font-size: 12px; padding: 0px 0px 0px 5px; font-family: µ¸¿ò; color: #858687;  background: url("/kreic/assets/images/main/main_bul_notice.gif") no-repeat 0px 7px; }
	#mainData .mainBoard #mainNews table td.insert_date	{text-align:right; font-size: 12px; color: #858687;}

	#mainData .mainBoard #mainNews table td.title a:link {color:#656565; text-decoration:none;}
	#mainData .mainBoard #mainNews table td.title a:visited {color:#656565; text-decoration:none;}
	#mainData .mainBoard #mainNews table td.title a:active {color:#656565; text-decoration:none;}
	#mainData .mainBoard #mainNews table td.title a:hover {color:#569ED7; text-decoration:none; }

	
	#mainData .mainIndex {position: absolute; left: 180px; top: 30px;}
	#mainData .mainIndex ul {width: 347px; height: 26px; background: url("/kreic/assets/images/main/main_bg_notice.gif") no-repeat 0px 24px; }
	#mainData .mainIndex ul li {display: inline; float: left; vertical-align: middle; margin-top: 6px; font-size: 12px; font-family: µ¸¿ò; color: #858687; }
	#mainData .mainIndex ul li.more {float: right;  }
	#mainData .mainIndex ul li.base {float: left; margin-left: 10px; margin-top: 8px;color:#000000; font-size: 11px; }
	#mainData .mainIndex ul li.more img {vertical-align: middle; margin-top: 6px; }
	
	

	#mainData .mainIndex #mainIndexVal {width: 347px; }
	#mainData .mainIndex #mainIndexVal table {margin-top: 5px;}
	#mainData .mainIndex #mainIndexVal table th	{font-size: 12px; font-family: µ¸¿ò; color: #858687; }
	#mainData .mainIndex #mainIndexVal table td	{padding:3px 0px 0px 0px; color:#808080;}
	#mainData .mainIndex #mainIndexVal table td.trade_month		{text-align:left; font-size: 12px; color: #858687;}
	#mainData .mainIndex #mainIndexVal table td.index_val		{text-align:right; font-size: 12px; color: #858687;}
	#mainData .mainIndex #mainIndexVal table td.index_pct_1m	{text-align:right; font-size: 12px; color: #858687;}
	#mainData .mainIndex #mainIndexVal table td.index_pct_1y	{text-align:right; font-size: 12px; color: #858687;}
	
	#mainFoot {position: relative; clear: both; width: 100%; height: 114px; min-height: 114px; border-top: 1px solid #d6dee5; background: #edf2f8; background: url("/kreic/assets/images/common/botom_bg.jpg")}