/* CSS 문서 Include */
/* @import url(ZZZ.css); */


/* Reset */
/* IE, FF, chrome 위치를 맞추기 위해서 꼭 필요한 설정임 */
*{margin:0;padding:0;}

/* IE cack */
* html body { width: expression(Math.max(500, document.documentElement.clientWidth) - 46+ 'px');}

html {
	overflow:auto; /* IE hack scroll bar */
	overflow-y: auto; /* IE hack scroll bar */
}


/* 기본 페이지 스타일 */
body 
{
    margin:0px 0px 0px 0px;
	padding:0;
	background-color:#fff;
	font-size:14px;
	letter-spacing:0px;
	font-family:"맑은 고딕", Arial, ms sans serif, "굴림";
	color:#383d41;
	min-width: 500px;
	*word-break:break-all;
	-ms-word-break:break-all;
}



/* 기본 스타일 */
html:first-child select{height:20px;padding-right:6px;}
img,fieldset,iframe{border:0 none;}
textarea{overflow:auto;}
/* html:first-child select{height:20px;padding-right:6px;} */
option{padding-right:6px;}
em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}


/* 기본 링크 스타일 */
a{color:#2f3743;text-decoration:none;}
a:hover{color:#390;text-decoration:underline;}


/* page container Design */

/* 배경 이미지를 넣을 경우 대비해서 */
#BGIMG 
{
	background-image:url();
	background-repeat:no-repeat;
	background-position:top;
}


#container 
{
	padding:0px;
	margin:10px auto; /* align center */
	/*background-color:#FFFFFF;*/
	position:relative;
}

.corner-box {position:relative;border:1px solid #dbdbdb;margin-bottom:20px;}
.corner-tl {position: absolute;top: -1px;left: -1px;}
.corner-tr {position: absolute;top: -1px;right: -1px;}
.corner-bl {position: absolute;bottom: -1px;left: -1px;}
.corner-br {position: absolute;bottom: -1px;right: -1px;}



/* ------------------------------------ */
/* 관리자 헤더 */
/* ------------------------------------ */


#header {margin:0px auto;width:960px;height:110px;position:relative;z-index:1;border:0px solid #ccc;}

#header .logo {position:absolute;top:18px;left:38px}
#header .search {position:absolute;top:133px;right:14px;width:170px;height:33px;background-image:url(/images/bg_search.gif);z-index:1}
#header .title {position:absolute;left:186px;top:44px;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666}
#header .s_menu {position:absolute;right:8px;top:6px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666}


#header div.menu {position:absolute;left:0px;top:78px;font-size:14px;font-weight:bold;height:30px;}
#header div.menu dl {width:960px;text-align:left;color:#333333;list-style:none;}
#header div.menu dt {float:left;padding:5px 14px 5px 14px;cursor:pointer;border:0px solid #ccc;}
#header div.menu dt.vline {float:left;padding:1px 0px 0px 1px;border:0px solid #ccc}


#header div.menu a {
	color:#6C6B6C;
	text-decoration:none;
}

#header div.menu  a:hover dt 
{
	padding:5px 14px 7px 14px;
	color: #333333;
	background-color: #F6F6F6;
	border-bottom:1px solid #2A2A2A;
	text-decoration:none;
}



#footer 
{
    margin-top:4px;
    background:url(/images/bottom_bg.gif) top left repeat-x #FFFFFF;
    background-color:#FFFFFF;
    position:relative;
}


#rootMainBox 
{   
    margin-bottom:70px;
}



#MainBox 
{
	width:960px;
    margin:-80px auto;
    border:0px solid #ccc;
    position:relative;
	min-height:450px;
	padding-bottom:20px;
}


#MainLeft 
{
	 position:relative;
	 border-right:0px solid #dbdbdb;
	 width:540px;
	 padding-top:0px;
	 padding-right:30px;
	 min-height:300px; 
}


#MainContent 
{
	position:relative;
	min-height: 300px; 
	padding:0px;
}

#MainRight {
	 position:absolute;
	 top:0px;
	 right:0px;
	 border-right:0px solid #dbdbdb;
	 width:390px;
	 padding-top:0px;
	 min-height:300px;
}

#MainBoard {
	border-left:#ebebeb solid 0px;
	border-right:#ebebeb solid 0px;
	border-top:#ebebeb solid 0px;
	border-bottom:#ebebeb solid 0px;
}


.box {
	border:1px #CCCCCC solid;
}

.input {
	border:1px #CCCCCC solid;
}

.input3 {
	font-size:12px;
	height:14px;
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
}


/* right Reference Links */

#right_link {margin-left:10px;font-size:11px;border-left:1px solid #eee;padding-left:12px;margin-top:10px}
#right_link dt {padding:2px 0px 0px 0px;}
#right_link dt.line {padding:4px 0px 0px 0px;border-top:1px solid #eee;}


/* Premix Ingredients Menu */

#premix_menu {font-size:11px;border-left:1px solid #eee;padding-left:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#premix_menu dt {padding:2px 0px 0px 8px;}
#premix_menu dt.line {padding:4px 0px 0px 0px;border-top:1px solid #eee;}



#premix 
{
	margin-left:24px;
	border-left:1px #eee solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
}


#premix .navi 
{
	padding-bottom:4px;
	font-weight:bold;
	color:#aa1058;
	font-size:11px;
	margin-bottom:20px;
}

#premix .navi a 
{
	color:#aa1058;
	text-decoration:underline;
}


#premix .item 
{
	margin-bottom:24px;
}

#premix .item .subject
{
}

#premix .item .subject a
{
	color: #003300;
	font-size: 15px;
	color: #003300;
	text-decoration: underline;
	font-family: "Arial";
}




#premix .item .origin
{
	color: #666666;
	font-size: 11px;
	margin-top: 1px;
	line-height:110%;
}



#premix .item .kr
{
	padding: 5px 0 0 0;
	color: #666666;
	font-size: 12px;
	color: #333333;
}



#cranberry_menu 
{
	margin-top:0px;
	font-size:12px;
	border-left:1px solid #eee;
	padding-left:12px;
	font-family:'맑은 고딕',돋움체, Verdana, Arial, Helvetica, sans-serif;
}

#cranberry_menu dt {padding:4px 0px 0px 8px;}
#cranberry_menu dt.line {padding:6px 0px 0px 0px;border-top:1px solid #eee;}


#cranberry 
{
	border-left:1px #eee solid;
	font-family:'맑은 고딕', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:160%;
	padding-left:24px;
	padding-right:20px;
	color: #000000;
}

#cranberry .navi 
{
	padding-bottom:4px;
	font-weight:bold;
	color:#aa1058;
	font-size:14px;
	margin-bottom:20px;
}

#cranberry h3
{
	line-height:160%;
}