@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
img {border:0;}

a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #06C; text-decoration: underline }
a:active { color: #666; text-decoration: none }

body{
	padding:0;
	margin:0;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000;
}
div, h1, h2, h3, h4, p,b, form,span,label,select,textarea {
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
float: left;

}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
height:15px
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
#wrap{
	width:960px;
	margin:0 auto;
	padding:0px 0 0 0;
	float:none
}


#main_bg{ background:url(./image/mainbg.jpg) no-repeat ;
       background-position:top center;}








#sub_bg{ background:url(./image/subbg.jpg) no-repeat ;
       background-position:top center;}



#header{
	width:960px;
	margin:0 auto;
}
#header img.logo{
	float:left;
	display:block;
	width:160px;
	height:82px;
}
#header img.head{
	float:left;
	display:block;
	width:800px;
	height:82px;
}
#header img.flash{
	float:left;
	display:block;
	width:960px;
	height:345px;
}

#header embed{
	margin-left:-150px;
margin-top:4px;

}





/*==================TOP MENU================*/
#topmenu {
position:relative;
display:block;
z-index:1;
height:78px;
margin-top:-16px}



#topmenu ul.nav{
	width:960px;
	height:54px;
	background:url(./image/nav_bg.gif) right top no-repeat;
	padding:0px 0 0 0;
	float:left;
}
#topmenu ul.nav li{
	float:left;
	line-height:0;
	font-size:0;
}
#topmenu ul.nav li a{
	display:block;
	width:100px;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	text-align:center;padding-top:6px;padding-left:20px; text-transform:uppercase
}
#topmenu ul.nav li a:hover{
	
	color:#6cbeff;
	background-color:inherit;text-decoration:underline;
}
#topmenu ul.nav li a.hover{
	display:block;
	width:74px;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#6cbeff;
	background-color:inherit;
	
	text-align:center;
	cursor:text;
}
/*==================SUB MENU================*/
#sub{
	width:100%;
	height:21px;
	background:url(./image/nav_bg_hover.png) 40px 0 no-repeat;
	padding:23px 0 0 0;
	color:#999999;
}
#nav_sub{
	width:100%;
	margin:0 auto;
	position:relative;
}
#nav_sub ul.botNav{
	width:496px;
	position:absolute;
	left:45px;
	top:-25px;
}
#nav_sub ul.botNav li{
	float:left;
	font:normal 11px/26px Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:inherit;
}
#nav_sub ul.botNav li a{
	padding:0 7px;
	font:normal 11px/26px Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:inherit;
	text-decoration:none;
}
#nav_sub ul.botNav li a:hover{
	text-decoration:underline;
}
#nav_sub ul.botNav li a.one{
	padding:0 5px 0 10;
	font:normal 11px/26px Arial, Helvetica, sans-serif;
	color:#999999;
	background:url(./image/arrow_hover.png) 0px 5px no-repeat;
	text-decoration:none;
}
#nav_sub ul.botNav li a.one:hover{
	text-decoration:underline;
}

/*==================SUB MENU================*/
/*------------------------------------------------left--------------------*/
#left{
	width:301px;
	float:left;
	margin-top: 0;
	margin-right: 22px;
	margin-bottom: 0;
	margin-left: 40px;
}
#left h2{

	font:normal 20px/40px Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	height:53px;
	color:#508bc1;
	font-weight:bold;
}
#left h2 img{padding-left:0px}

#left ul{
	padding:0px 0 17px 0;
	margin-top:30px;
	font-size:0;
}
#left ul li{
	padding:0;
	margin:0;
	height:24px;
	font-size:0;
	line-height:24px;
}
#left ul li a{
	display:block;
	background:url(./image/dot_gray.gif) 0 11px no-repeat;
	font-size:13px;
	font-weight:normal;
	line-height:24px;
	color:#999999;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 10px;
	border-bottom: 1px solid #e7e7e7;
}
#left ul li a:hover{
	color:#6cbeff;
	
}


#bot{
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------mid--------------------*/
#box{
	width:360px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#box p.rightTop{
	display:block;
	background:url(./image/box_top.gif) 0 0 no-repeat;
	width:336px;
	font-size:0;
	line-height:0;
}

#box p.rightBot{
	display:block;
	background:url(./image/box_bottom.gif) 0 0 no-repeat;
	width:336px;
	font-size:0;
	line-height:0;
}




#topRight2{
	width:300px;
	height:auto;
	position:relative;
	padding-left: 10px;
	background: url(./image/box_cen.gif) repeat-y;
}
#topRight2 h3{
	display:block;
	background:url(image/report_icon.gif) 0 0 no-repeat;
	font:normal 16px/24px Arial, Helvetica, sans-serif;
	color:#508bc1;
	background-color:inherit;
	padding: 0px;
	width:295px
}
#topRight2 h3 span{
	display:block;
	font:normal 20px/26px Arial, Helvetica, sans-serif;
}
#topRight2 p.reportTxt{
	display:block;
	width:286px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#727272;
	background-color:inherit;
	height: 40px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
#topRight2 p.reportTxt span{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#2067aa;
	background-color:inherit;
	padding:0;
	display:block;font-style:italic
	
}
#topRight2 img{float:left;}
/*------------------------------------------------mid--------------------*/
/*------------------------------------------------right--------------------*/
#blackThree{
	width:216px;
	float:left;
	margin-left:10px
}




#blackThree_2{
	width:190px;
	float:left;
	margin-left:0px
}
#main_contents{width:960px; float:left; height:150px; margin-bottom:20px; background:url(./image/main_bottom_bg.jpg) no-repeat;}
.main_box{width:220px; float:left;  height:120px; margin-left:60px; margin-top:20px; }
.main_box1{width:280px; float:left;  height:120px; margin-left:30px; margin-top:20px; }
.title1{width:220px; float:left;  height:28px; text-align:left; font-weight:bold; color:#06C;  }
.list{width:220px; float:left;  height:24px; text-align:left; font-size:12px; color:#999;}
.pro_bg{width:280px; float:left;  height:100px; text-align:left; font-size:11px; color:#999; background:url(./image/product_bg.jpg) no-repeat;}
.com_bg{width:280px; float:left;  height:100px; text-align:left; font-size:11px; color:#999; background:url(./image/company_bg.jpg) no-repeat; }

/*------------------------------------------------services--------------------*/

#footer{background-color:#fff;
	width:100%;
	height:80px;
	position:relative; clear:both;
	text-align:center;}

/*------------------------------------------------footer--------------------*/
#right{
	width:655px;
	background-color:#fff;
	color:#333333;
	margin-left:0px;
	margin-top:10px;
}

#right p{
	width:600px;
	color:#999999;
	font-size:12px
}

/*------------------------------------------------right--------------------*/


/*------------------------------------------------link navigation--------------------*/




#nav_r{
	width:700px;
	background-color:#fff;
	color:#026690;

	margin-bottom: 10px;

	padding-top: 14px;

	padding-bottom: 10px;
	padding-left: 17px;
}

/*------------------------------------------------right--------------------*/


/*------------------------------------------------link navigation--------------------*/

#nav_r ul{
	position:absolute;
	top:517px;
	width: 259px;
	float: none;
	left: 725px;
}
#nav_r ul li{
	float:right;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#979696;
	background-color:inherit;
}
#nav_r ul li a{
	padding:0 7px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#979696;
	background-color:inherit;
	text-decoration:none;
}
#nav_r ul li a:hover{
	text-decoration:underline;
}
#nav_r ul li a.one{
	padding:0 7px 0 0;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#979696;
	background-color:inherit;
	text-decoration:none;
}
#nav_r ul li a.one:hover{
	text-decoration:underline;
}
/*------------------------------------------------ menu left--------------------*/
#menu_left{
	width:355px;
	float:left;
	margin:0 ;
	padding-top:20px;
	margin-left:0px;

	
}

#menu_left h2.moreLink{
	display:block;
	width:208px;
	height:70px;
	font:bold 12px/31px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	margin: 0px;

}

#menu_left_bg{
	width:300px;
	float:left;
	padding-left: 60px;
        margin-top: 20px;
	background:url(./image/Left_Img_Catering.png) no-repeat;
	height:600px;

}
#menu_left_bg01{
	width:300px;
	float:left;
 margin-top: 20px;
	padding-left: 60px;
	background:url(./image/Left_Img01.png) no-repeat;
	height:600px;

}
#menu_left_bg02{
	width:300px;
 margin-top: 20px;
	float:left;
	padding-left: 60px;
	background:url(./image/Left_Img_Tea.png) no-repeat;
	height:600px;

}
#menu_left_bg03{
	width:300px;
	float:left;
 margin-top: 20px;
	padding-left: 60px;
	background:url(./image/Left_GiftCardt.png) no-repeat;
	height:600px;

}

#menu_left_bg04{
	width:300px;
 margin-top: 20px;
	float:left;
	padding-left: 60px;
	background:url(./image/Left_Img07.png) no-repeat;
	height:600px;
}



#menu_left h2.catagory{
	display:block;

	width:121px;
	height:31px;
	padding:0 0 0 26px;
	font:bold 12px/31px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	margin:0 0 0 2px;
}
#menu_left ul{
	padding:0px 0px 0 0px;
	color:#000;
	margin:0 0 0 0px;
	width:170px;
}
#menu_left li{
	height:25px;
	background:url(./nav_div2.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
}
#menu_left ul.li.noImg2{
	background-image:none;
}
#menu_left li a{
	display:block;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#8e9294;
	text-decoration:none;
	border-bottom:1px solid #E6DCC8;
	background-repeat: no-repeat;
	background-position: 160px 6px;
	width: 170px;
	padding-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#menu_left a:hover{
	color:#333333;
	background:url(./image/subcate.gif) repeat-x;
	text-decoration:none;
}
#menu_left ul.lftNav li a.curMenu span{
	display:block;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#68a3d9;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;

	background-repeat: no-repeat;
	background-position: 150px 6px;
	width: 170px;
	
}


#menu_left p.lftBot{
	display:block;
	background:url(./image/mnu_left_bot.gif) 0 0 no-repeat;
	width:208px;
	height:22px;
	margin:0;
}




#menu_left ul.botLink{
	width:147px;
	margin:0 0 0 2px;
	padding:0;
	float:left
}
#menu_left ul.botLink li{
	display:block;
	font-size:0;
	line-height:0;float:left
}
#menu_left ul.botLink li a{
	font:bold 11px/40px Arial, Helvetica, sans-serif;
	color:#353535;
	background-color:inherit;
	text-decoration:none;
}
#menu_left ul.botLink li a:hover{
	color:#F16C05;
	background-color:inherit;
}
#menu_left ul.botLink li.subscribe{
	display:block;
	background:url(./image/adv_bg.png) 0 0 no-repeat;
	height:64px;
	width:179px
}
#menu_left ul.botLink li.subscribe .img{
	background:url(./image/e_catalogy.png) 10px 1px no-repeat;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#508bc1;
	background-color:inherit;
	padding-left: 50px;
	float:left;
	padding-top: 20px;
}


#menu_left ul.botLink li.tellFriend{
	display:block;
	background:url(tell_friend_bg.gif) 0 0 no-repeat;
	width:113px;
	height:40px;
	padding:0 0 0 34px;
	margin:0;
}




/*------------------------------------------------menu left--------------------*/



#test{
	width:680px;
	float:left;
}
#test h2{
	display:block;
	font:bold 20px/24px Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:inherit;
	height: 42px;
	width:660px;
	margin-left: 0px;
        
	
}

#test h2.title_gerneral{
	margin:0;
	display:block;
	margin-left:0px;
	padding-bottom: 0;
margin-bottom:20px;
	padding-left:0px;
	border-bottom:1px solid #DADADA;
	background:url(./image/sub_title.jpg) no-repeat;
	}

#test h2 .title_gerneral span.Til{
	display:block;
	margin:0;
	font:bold 18px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	text-transform:uppercase;
	padding-left:5px;
	
	
	
}

#SubCenRCat1 {
    float: left;
    height: 103px;
    padding-right: 10px;
    margin-top:6px;
    text-align: right;
    width: 645px;
}


#SubCenRHistory {
    color: #BAB7AC;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 12px;
    text-align: right;
    width: 655px;
}



#BotTopLine {
    border-bottom: 4px solid #EDEBE4;
    float: left;
    width: 100%;
}








/* init.css */
.sys_f_11d { font-size:11px; font-family:dotum;}
.sys_f_11g { font-size:11px; font-family:gulim;}
.sys_hand {cursor:pointer;}
.sys_pos_abs { position:absolute; }
.sys_pos_rel { position:relative; }
.sys_dis_none { display:none; } 
.sys_dis_block { display:block; }
.sys_dis_inline { display:inline; }
.tree_default_TextColor {font-size:12px;font-family:dotum;}
.tree_default_SelectColor {color:#FF6600;font-size:12px;font-family:dotum;}
.tree_default_NumColor {padding-left:3px;color:#AE5037;font-size:11px;font-family:arial;}
.sys_debug {position:absolute;display:inline;width:260px;border:#FE5C30 solid 2px;background:#F5CDAD;filter:alpha(opacity=80);opacity:0.8;padding:10px;line-height:140%;text-align:left;z-index:1000;}
.Klocation {font-size:11px;font-family:dotum;color:#c0c0c0;}
.Klocation a:hover {text-decoration:none;}
#mbr_layer_ul {list-style-type:none;width:100px; padding:2px 0 0 0; background:#F8F4CA; border-top:#F0E9BC solid 1px;border-left:#F0E9BC solid 1px;border-right:#F0E9BC solid 1px;text-align:left;}
#mbr_layer_ul li { display:none;cursor:pointer; font-size:11px;font-family:dotum; padding:1px 0 1px 3px;color:#6C552C;border-bottom:#F0E9BC solid 1px; }
#mbr_layer_ul img { vertical-align:middle;}
#mbr_layer_ul li:hover { cursor:pointer; font-size:11px;font-family:dotum; padding:1px 0 1px 3px;color:#6C552C;background:#FEFDF1;border-bottom:#F0E9BC solid 1px; }
/* init.css */




 .gnb {float:right;padding:2px 0 0 0;  width: 200px ; z-index:10; 
position:relative;
display:block; text-align:right;}
 .gnb ul {padding:0;margin:0;letter-spacing:-1px;  z-index:10; 
position:relative;
display:block;}
 .gnb li {list-style-type:none;display:inline;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum;}
 .gnb a { color:#aaa;}
 .gnb .admin a {color:#ff0000;}