@charset "utf-8";

/* 퍼블리싱을 위하여 임시로 만든 css, 스킨 제작시 삭제 */
body { 
    margin:0;
    padding:0;
	font: 9pt Arial,Helvetica,sans-serif;	
	color: #555555;
	line-height:125%;
	background-image: url(../images/bg55.gif);
}

img {
    border:0;
}

/*.iePngFix { behavior:url(../scripts/iePngFix.htc); } 
.png24 {tmp:expression(setPng24(this));}*/

form {
    margin:0;
    padding:0;
}

h1	{
	font-size: 16pt;
	color: #669900;
}

h2	{
	font-size: 13pt;
	color: #993333;
	margin-bottom: 3px;
}

h3	{
	font-size: 12pt;
	color: #333333;
}

h4{
	font-size: 11pt;
	color: #336699;
}

#download {
	float: right;
	height: 18px;
	padding: 5px 2px;
	margin: 80px 30px 20px 0;
	width: 186px;
	text-align: center;
	border: 1px solid #aaa;
}

#download a, #download a:visited{
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

#download a:hover{
	color: #f00;
	border-bottom: 1px dotted #4166a3;
}

#download-lunch {
	float: right;
	height: 18px;
	padding: 5px 2px;
	margin: 30px 30px 15px 0;
	width: 186px;
	text-align: center;
	border: 1px solid #aaa;
}

#download-lunch a, #download-lunch a:visited{
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

#download-lunch a:hover{
	color: #f00;
	border-bottom: 1px dotted #4166a3;
}

/* 배경 색상을 지정 */
body { 
    background-color:#fff;
}

/* 상단 로고 + 검색폼 + 메뉴 표시 최외곽 */
#topBox {
    height: 151px;
    background:transparent url("../images/top_bg.gif") repeat-x left top;
	margin: 0;
	padding: 0;
}

/* 상단 로고 + 검색폼 + 메뉴가 들어가는 가로 1028 크기의 가운데 정렬 영역 */
#topInnerBox {
    width:928px;
/*  height:113px; */
    margin:0 auto;
	padding: 0;
}

/* 로고 박스 */
#logoBox {
    width:148px;
    height:123px;
    text-align:center;
    float:left;
    overflow:hidden;
	margin: 0;
	padding:0;
	/*behavior:url(../scripts/iePngFix.htc);*/
}

#contact-us {
	float: right;
	margin: 90px 5px 0 0;
	color: #c66;
	padding: 0;
}

#contact-us a:link, #contact-us a:visited{
	text-decoration: none;
	color: #c66;
}

#contact-us a:hover, #contact-us a:active{
	color: #aaa;
}


/* 검색과 버튼이 우측으로 가 있도록 하기 위한 박스 영역 */
#searchButtonBox {
    width:790px;
/*    height:124px;  */
    overflow:hidden;
    float:right;
	padding: 0;
	margin: 0;
}

/* 검색 영역 및 관련된 스타일 
#searchBox {
    float:right;
    margin:13px 0 9px 0;
}

#searchBox .searchKeyword {
    width:102px;
    height:17px;
    color:#FFFFFF;
    background-color:#8D8D8D;
    border:1px solid #616161;
    vertical-align:middle;
}

#searchBox .searchButton {
    vertical-align:middle;
} 

/* 상단 메뉴 영역 및 관련된 버튼 스타일 */
#menuBox {
    margin:0;
    padding:0;
    list-style:none;
    clear:both;
    float:right;
}

#menuBox .menuItem {
    margin-left:2px;
    float:left;
    cursor:pointer;
	padding: 0;
}

#menuBox .menuItem .menuLeftBG {
    width:5px;
    height:31px;
    float:left;
}

#menuBox .itemOn .menuLeftBG {
    background:transparent url("../images/top_button_left_on.gif") no-repeat left top;
}

#menuBox .itemOff .menuLeftBG {
    background:transparent url("../images/top_button_left.gif") no-repeat left top;
}

#menuBox .menuItem .menuText {
    height:31px;
    white-space:nowrap;
    text-align:center;
    font-family:tahoma;
    font-size:9pt;
    font-weight:bold;
    padding:10px 15px 0 15px;
    float:left;
}

#menuBox .itemOn .menuText {
    background:transparent url("../images/top_button_center_on.gif") repeat-x left top;
    color:#7B2800;
}

#menuBox .itemOn .menuText a {
    color:#7B2800;
    text-decoration:none; 
}

#menuBox .itemOff .menuText {
    background:transparent url("../images/top_button_center.gif") repeat-x left top;
    color:#E9E9E9;
}

#menuBox .itemOff .menuText a {
    color:#E9E9E9;
    text-decoration:none; 
}

#menuBox .menuItem .menuRightBG {
    width:5px;
    height:31px;
    float:left;
}

#menuBox .itemOn .menuRightBG {
    background:transparent url("../images/top_button_right_on.gif") no-repeat left top;
}

#menuBox .itemOff .menuRightBG {
    background:transparent url("../images/top_button_right.gif") no-repeat left top;
}

/* 내용 영역, 내용의 좌우 그림자 효과를 위해 가로크기 + 12*2 를 하고 가운데 정렬 */
#contentBox {
    width:952px;
    margin:0 auto !important; margin: -10px auto 0 auto;

	padding:0;
}

/* 내용의 왼쪽 그림자 효과 */
#contentLeftBGBox {
/*  width:952px;   */
    background:transparent url("../images/left_bg.png") repeat-y left top;
	float: left;
    overflow:hidden;
}

* html #contentLeftBGBox {   
    background:url(../images/blank.gif) no-repeat;   
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/left_bg.png", sizingMethod="scale");   
}   

/* 우측 그림자 효과를 지정 */
#contentRightBGBox {
/*  width:952px;   */
    background:transparent url("../images/right_bg.png") repeat-y right top;
	float: right;
    overflow:hidden;
}

* html #contentRightBGBox {   
    background:url(../images/blank.gif) no-repeat;   
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/right_bg.png", sizingMethod="scale");   
}


/* 하단 그림자 효과 지정 */
#contentBottomBGBox {
/*    overflow:hidden; */
	width:952px;
	margin: 0 auto;
	padding: 0;
}

#contentBottomBGBox .leftBottomBG {
    float:left;
}

#contentBottomBGBox .contentBottomBG {
    width:928px;
    height:12px;
    margin: 0 auto;
    background:transparent url("../images/bottom_bg.png") repeat-x left top;
	padding:0;
}


* html #contentBottomBGBox .contentBottomBG {   
    background:url(../images/blank.gif) no-repeat;   
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bottom_bg.png", sizingMethod="scale");   
}


#contentBottomBGBox .rightBottomBG {
    float:right;
}


/* 왼쪽 서브 메뉴와 내용을 포함하는 영역 */
#contentInnerBox {
    width:928px;
    margin:0 12px 0 12px; 
    background-color:#FFFFFF;
    overflow:hidden;
	padding: 0;
}

/* 왼쪽 서브 메뉴. 크기를 max인 238px로 지정 */
#leftMenuBox_index {
    width:585px;
	height:360px;
    float:left;
	background-color:#eeeeee;
	border: 1px solid #cccccc;
	margin: 15px 0 5px 15px;
	text-align: center;
	padding-top: 7px;
}

#leftMenuBox {
    width:234px;
    float:left;
    padding:10px 0 30px 0;
	margin: 0;
}

#leftMenuBox .leftSideLoginBox {
    width:198px;
    margin:0 20px 15px 20px;
	padding: 0;
}

#leftMenuBox .leftSideMenuBox {
    width:190px;
    height:auto;
    margin:0 14px;
    padding:10px 10px 0 10px;
	border: 1px solid #dddddd;
/*     background:transparent url("../images/left_side_menu_bg.jpg") no-repeat left top; */
}

#leftMenuBox .leftSideMenuBox ul {
    padding:0;
    margin:0 5px;
    list-style:none;
}

#leftMenuBox .leftSideMenuBox ul li {
    padding:4px 0 5px 14px;
}

#leftMenuBox .leftSideMenuBox ul li.main {
    background-color:#F2F2F2;
    border:1px solid #E8E8E8;
}

#leftMenuBox .leftSideMenuBox ul li.main a {
    color:#3E3E3E;
}

#leftMenuBox .leftSideMenuBox ul li.sub {
    background-color:#FFFFFF;
    border-top:1px dotted #EEEEEE;
}

#leftMenuBox .leftSideMenuBox ul li.first {
    border-top:none;
}


#leftMenuBox .leftSideMenuBox ul li.sub a {
    color:#818181;
}

#leftMenuBox .leftSideMenuBox ul li a {
    font-family:arial;
    font-size:9pt;
    text-decoration:none;
}

#leftMenuBox .leftSideMenuBox ul li.current {
    background-color:#FFFFFF;
    border-top:1px dotted #EEEEEE;
	color: #993333;
}

#leftMenuBox .leftSideMenuBox ul.dinnerMenu a {
    margin-left: -10px;
}

#leftMenuBox .leftSideMenuBox ul li.dinnerSub a {
    color:#818181;
}


/* 왼쪽 서브 메뉴. 배너 */
#banner {
	text-align: center;
}

#banner img{
	margin: 6px;
}

/* 내용 출력 */
#mainContentBox_index {
    width:280px;
    float:left;
    padding:20px 0 0 20px;
	margin-top: 0px;
}

#mainContentBox {
    width:630px;
    float:left;
    padding:20px 0 15px 20px;
}
#mainContentBox h4{
	margin-bottom: 3px;
}

/* index페이지 하단 배너 광고 레이아웃 */
#index_banner_colunm {
	width: 900px;
	border: 0;
	margin: 0 auto 15px auto;
	padding: 0;
	background-color: #ffffff;
}

#index_banner_nav1 {
	float: left;
	width: 260px;
	margin: 10px 20px 5px 0;
	height: 45px;
	padding: 10px;
	background-color: #490b00;
	border: 1px solid #330000;
	background-image: url(../images/bg99.gif);
}

#index_banner_nav1 h1{
	font-size: 14pt;
	color: #ff9999;
	margin: 0;
	padding: 0;
}
#index_banner_nav1 p{
	font-size: 11pt;
	color: #cc6666;
}

#index_banner_nav2 {
	float: right;
	width: 260px;
	margin: 10px 10px 5px 0;
	height: 45px;
	padding: 10px;
	background-color: #490b00;
	border: 2px solid #330000;
	background-image: url(../images/bg99.gif);
}

#index_banner_nav2 h1{
	font-size: 14pt;
	color: #ff9999;
	margin: 0;
	padding: 0;
}
#index_banner_nav2 p{
	font-size: 11pt;
	color: #cc6666;
}

/* <table id="menu"> controll */
table#menu{
	width: 590px;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 95%;
	line-height: 130%;
}

table#menu tr.alt{
	background-color: #ededed;
}

table#menu td.menu{
	width: 500px;
	padding: 8px 5px 8px 10px;

}
table#menu td.price{
	padding: 8px 5px 8px 10px;
}
/* <table id="menu"> controll END */



/* dine-in menu 레이아웃 */
#big2_layout_box {
	width: 620px;
	border: 0;
	padding: 10px;
	margin-bottom: 25px;
}

#big2_nav1 {
	float: left;
	width: 300px;
	margin: 10px 0 0 0px;
}

#big2_nav2 {
	float: right;
	width: 300px;
	margin: 10px 0 0 20px;
}

#big2_textbox{
	margin: 10px 10px 5px 10px;
}

/* Footer & Sitemap */
#footer{
	clear:both;
	width:930px;
	margin:-5px auto 0 auto;
	padding: 10px 0;
	background: #660000;
	color: #993333;
	text-align:center;
}
#footer p{margin:0}

#footer a:hover, #footer a:link, #footer a:visited{
	text-decoration: none;
	color: #993333;
}

#sitemap {
  text-align: center;
}

#sitemap .columns {
  margin: auto;
  padding: 7px 0 12px 0;
  width: 930px;
}

#sitemap .column {
  float: left;
  text-align: left;
  width: 130px;
}

#sitemap .column.home {
  width: 70px;
}

#sitemap .column.last {
  width: 70px;
}

#sitemap .column a:link, #sitemap .column a:visited{
  color: #993333;
  font-size: 11px;  
  line-height: 15px;
  text-decoration: none;
}

#sitemap .column a:hover, #sitemap .column a:active, #sitemap .column a:focus{
  color: #330000;
  border-bottom: 1px solid #996666;
}

.clr { 
	clear: both; 
	height:0; 
	line-height:0; 
	font-size:0; 
	padding:0; 
	margin: 0; 
	border:0; 
}

#clear{
	clear: both; 
	height:0; 
	line-height:0; 
	font-size:0; 
	padding:0; 
	margin: 0; 
	border:0; 
}