body
{
	background-color:#2B58B6;
}

a
{
	font-family:dotum,'돋움',tahoma;
	color:#2B58B6;
	text-decoration:underline;
}

.top-container
{
	width:1004px;
	height:65px;
}

.logo
{
	float:left;
	width:186px;
	height:57px;
	padding-top:8px;
	padding-right:16px;
}

.menu-container
{
	float:right;
	width:560px;
	height:45px;
	padding-top:20px;
	padding-right:15px;
	text-align:right;
}

.menu-container a
{ 
	padding-left:10px;
	padding-right:10px;
}

.main-container
{
	width:1004px;
	height:330px;
	background:url(../img/front/bg_main_dot.gif) no-repeat left bottom;
}

.main-flash
{
	float:left;
	width:500px;
	height:315px;
}

.main-news
{
	float:left;
	width:500px;
	height:315px;
}

.news-box-top
{
	float:left;
	width:468px;
	height:32px;
	background:url(../img/front/bg_news_top.gif) no-repeat;
}

.news-box-middle
{
	float:left;
	width:468px;
	min-height:200px;
	background:url(../img/front/bg_news_middle.gif) repeat-y;
}

.news-box-bottom
{
	float:left;
	width:468px;
	height:15px;
	background:url(../img/front/bg_news_bottom.gif) no-repeat;
}

.news-box-title
{
	width:460px;
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	background:url(../img/front/bg_news_dot.gif) no-repeat center bottom;
}

.news-title-left
{
	float:left;
	width:370px;
	height:20px;
}

.news-title-right
{
	float:right;
	width:90px;
	height:20px;
	font-size:9pt;
	font-family:tahoma;
	color:#858585;
}

.news-box-content
{
	width:435px;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
}

.news-box-content p
{
	font-size:10pt;
	font-family:dotum,'돋움',tahoma;
	line-height:140%;
	color:#515151;
	margin:0;
	text-indent:14px;
}

.preview-container
{
	width:973px;
	height:165px;
	padding-left:31px;
	padding-top:10px;
}

.preview-cafe
{
	float:left;
	width:468px;
	height:161px;
	background:url(../img/front/bg_tab_cafe.gif) no-repeat;	
}

.preview-tutorial
{
	float:left;
	width:468px;
	height:161px;
	background:url(../img/front/bg_tab_tutorial.gif) no-repeat;	
	margin-left:19px;
}

.preview-more-button
{
	float:right;
	width:88px;
	height:26px;
	padding-top:4px;
	padding-right:12px;
	text-align:right;
}

.preview-list,
.preview-list2
{
	float:left;
	width:442px;
	height:117px;
	padding-right:15px;
	padding-left:11px;
	padding-top:14px;
}

.preview-list ul,
.preview-list2 ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.preview-list2 ul
{
	float:left;
	margin-left:10px;
}

.preview-list li
{
	width:430px;
	height:16px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:12px;
	background:url(../img/front/bg_tab_dot.gif) no-repeat left 8px;
	font-size:10pt;
	font-family:dotum,'돋움',tahoma;
	color:#FFFFFF;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.preview-list2 li
{
	width:290px;
	height:16px;
	padding-left:12px;
	padding-top:3px;
	padding-bottom:3px;
	background:url(../img/front/bg_tab_dot.gif) no-repeat left 8px;
	font-size:10pt;
	font-family:dotum,'돋움',tahoma;
	color:#FFFFFF;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.preview-list li a,
.preview-list2 li a
{
	font-family:dotum,'돋움',tahoma;
	color:#FFFFFF;
	text-decoration:none;
}

.preview-list li a:hover,
.preview-list2 li a:hover
{
	font-family:dotum,'돋움',tahoma;
	color:#FFFFFF;
	text-decoration:underline;
}

.preview-thumbs
{
	float:left;
	width:124px;
	height:101px;
	padding-top:5px;
	background:url(../img/front/bg_tab_thumbs.gif) no-repeat;
}

.preview-thumbs p
{
	margin:0 auto;
	width:115px;
	height:100px;
	background-position:center center;
}

.copyright-container
{
	margin-top:15px;
	width:972px;
	height:55px;
	padding:5px 5px 5px 27px;
	background:#4E72BD;
	font-size:9pt;
	font-family:tahoma;
	line-height:130%;
	color:#27395E;
}