@charset "utf-8";

body {
	background:url(../images/freedi.content/bg.jpg) center top repeat-x;
}


/* 전체 테두리 **************************************************************/
	#skipnavigation {
		font-size:0;
		height:0;
		line-height:0;
		overflow:hidden;
		text-indent:-2000px;
	}
	#wrapper {
		margin: 0 auto;
		position:relative;
		text-align:left;
		width: 980px;
	}
	#header {
		position: relative;
		width: 910px;
		height: 138px;
		left: 0;
		background-repeat:no-repeat;
	}
	#main_content {
		position: relative;
		clear:both;
		width: 910px;
		height: 1590px;
		text-align: left;
		margin-top:15px;
	}
	#main_cont_top {
		position: relative;
		float: left;
		width: 910px;
		height:345px;
	}
	#main_cont_bot {
		clear:both;
		position: relative;
		float: left;
		width: 910px;
		height:853px;
	}
	#main_cont_bot_left {
		position: relative;
		float: left;
		width: 200px;
		height:853px;
	}
	#main_cont_bot_center {
		position: relative;
		float: right;
		width: 710px;
		height:853px;
	}
	#sub_content {
		position: relative;
		clear:both;
		width: 910px;
		text-align: left;
		margin-top:15px;
	}
	#sub_cont_left {
		position: relative;
		float: left;
		width: 200px;
	}
	#sub_cont_bot_left {
		position: relative;
		overflow: hidden;
		float: left;
	}
	#sub_cont_center {
		position: relative;
		float: right;
		width: 710px;
	}
	#main-content {
		background-color:#fff;
	}
	#footer {
		position:relative;
		clear: both;
		width: 910px;
		height:200px;
		background:url(../images/freedi.content/copy_bg.gif) no-repeat;
		z-index:-1;
	}


/* header부분  **************************************************************/
	#logo {
		position:absolute;
		width:214px;
		height:65px;
		top:0;
		left:350px;
	}
	#top_img {
		position:absolute;
		width:200px;
		height:65px;
		top:0;
		left:0;
	}
	#header ul.topmenu_01 {
		position:absolute;
		width:290px;
		top:5px;
		right:0;
		text-align:right;
	}
	#header ul.topmenu_01 li {
		display:inline;
		margin-right:3px;
		background:url(../images/freedi.content/top_gap.gif) no-repeat;
		padding-left:7px;
	}
	#header ul.topmenu_01 li.hid {
		background:none;
	}
	#header ul.topmenu_02 {
		position:absolute;
		width:290px;
		top:35px;
		right:0;
		text-align:right;
	}
	#header ul.topmenu_02 li {
		display:inline;
		margin-right:3px;
		background:url(../images/freedi.content/dot_01.gif) no-repeat 0 45%;
		padding-left:10px;
	}
	#header ul.topmenu_01 li a, #header ul.topmenu_02 li a, #header div.search_area p.eve a, #header div.search_area p.pop a {
		font-size:90%;
		color: #737373;
	}
	#header ul.topmenu_01 li a:hover, #header ul.topmenu_02 li a:hover, #header div.search_area p.eve a:hover, #header div.search_area p.pop a:hover {
		font-size:90%;
		color: #7fbf29;
	}
	#menu {
		position:absolute;
		width:910px;
		height:42px;
		top:65px;
	}
	#menu div ul {
		text-align:center;
		margin-top:10px;
	}
	#menu div ul li {
		display:inline;
		font-size:1.2em;
		color: #fffffb;
		padding-right:35px;
	}
	#menu div ul li a {
		font-size:1.2em;
		color: #fffffb;
		font-weight:bold;
	}
	#menu div ul li a:hover {
		font-size:1.2em;
		color: #fffffb;
		font-weight:bold;
		
	}
	#header div.search_area {
		position:absolute;
		width:910px;
		height:23px;
		top:112px;
	}
	#header div.search_area p.eve {
		float:left;
		width:260px;
		padding:5px 0 0 10px;
		line-height:12px;
		left:0;
	}
	#header div.search_area p.pop {
		float:right;
		width:260px;
		padding:5px 10px 0 0;
		line-height:12px;
		right:0;
	}
	#header div.search_area fieldset {
		position:relative;
		float:left;
		width:360px;
		height:23px;
		line-height:0;
	}
	#header div.search_area fieldset select {
		vertical-align:top;
		width:100px;
	}
	#header div.search_area fieldset input {
		width:185px;
		height:16px;
		vertical-align:top;
		border:1px solid #d8d7c8;
	}
	
	#search_area2 fieldset select {
		vertical-align:top;
		width:100px;
	}
	#search_area2 fieldset input {
		width:185px;
		height:16px;
		vertical-align:top;
		border:1px solid #d8d7c8;
	}


/* 카테고리, 서브메뉴 부분  **************************************************************/
	#category {
		float: left;
		width: 200px;
		height:345px;
		background:url(../images/freedi.content/category_bg.gif) no-repeat;
		z-index:50;
	}
	#submenu {
		position: relative;
		float: left;
		width: 200px;
		height:220px;
		background:url(../images/freedi.content/submenu_bg.gif) no-repeat;
	}
	#submenu-title {
		position:relative;
		left:23px;
		top:3px;
	}
	#submenu-mypage {
		position /**/: relative;
		float: left;
		width: 200px;
		height:220px;
		background:url(../images/freedi.content/submenu_bg.gif) no-repeat;
	}
	#submenu-mypage ul li {
		margin:1px 0 2px 0;
		padding:0 0 0 12px;
		background:url(../images/freedi.content/cate_bg_off.gif) no-repeat;
	}
	#submenu-mypage ul li:hover {
		background /**/:url(../images/freedi.content/cate_bg_on.gif) no-repeat;
	}
	#submenu-mypage ul li a {
		font-size:13px;
		letter-spacing:-1px;
	}
	#submenu-mypage ul li a:hover {
		color:#fff;
	}
	#submenu-mypage-status div {
		margin-left:-20px;
		padding:3px 0 0 0;
		width:130px;
		background-color:#fff;
		border:1px solid #ccc;
		text-align:center;
	}
	#category ul, #submenu ul, #submenu-mypage ul {
		padding:7px 0 0 48px;
	}
	#category ul li.category_menu {
		margin-top:3px;
		margin-left:-12px;
		margin-bottom:3px;
		background:url(../images/freedi.content/cate_bg_off.gif) no-repeat;
	}
	#category ul li.category_menu:hover {
		background /**/:url(../images/freedi.content/cate_bg_on.gif) no-repeat;
	}
	#category ul li a {
		font-size:13px;
		letter-spacing:-1px;
	}
	#category ul li a:hover {
		color:#fff;
		text-decoration:none;
	}
	#category ul li span.lnk_category {
		margin-left:12px;
	}
	#category ul li img, #submenu ul li img, #submenu-mypage ul li img {
		vertical-align:top;
		margin-bottom:4px;
		margin-left:-12px;
	}
	#submenu-mypage ul li {
		margin-left:-12px;
	}
	#category ul li ul {
		display:none;
		position:absolute;
		left:173px;
		top:0;
		padding:5px 10px;
		width: 105px;
		background:#fff;
		border:solid 2px #5eaa1c;
		z-index:100;
	}
	#category ul li ul li {
		height:22px;
		background:url(../images/freedi.content/sub_dot.gif) no-repeat 0 40%;
		padding:0 0 0 10px;
	}
	#category ul li ul li a {
		font-size:90%;
		display:block;
	}
	#category ul li ul li:hover {
		
	}
	#category ul li ul li a:hover {
		color:#eb8134;
	}
	#category p, #submenu p, #submenu-mypage p {
		position:absolute;
		top:28px;
		left:3px;
	}


/* 전체 카테고리 부분  **************************************************************/
	#all_category {
		position:absolute;
		width: 730px;
		height:345px;
		background:url(../images/freedi.content/category_all_bg.gif) no-repeat;
		z-index:100;
		top:0;
		left:0;
		display:none;
	}
	#all_category ul {
		padding:10px 0 0 48px;
		width:680px;
	}
	#all_category ul li {
		float:left;
	}
	#all_category ul li div {
		float:left;
		margin-top:2px;
		margin-bottom:2px;
		padding-left:12px;
		width:150px;
		background:url(../images/freedi.content/cate_bg_off.gif) no-repeat;
	}
	#all_category ul li div:hover  {
		background:url(../images/freedi.content/cate_bg_on.gif) no-repeat;
	}
	#all_category ul li div a span  {
		font-size:13px;
		letter-spacing:-1px;
	}
	#all_category ul li div a span:hover  {
		color:#fff;
	}
	#all_category ul li ul {
		margin:4px 0 0 0;
		padding:0;
		width: 400px;
	}
	#all_category ul li ul li {
		background:url(../images/freedi.content/sub_dot.gif) no-repeat 0 40%;
		padding-left:10px;
		line-height:160%;
		margin-right:20px;
	}
	#all_category ul li ul li a {
		display:block;
		font-size:90%;
	}
	#all_category ul li ul li a:hover {
		color:#eb8134;
	}
	#all_category p {
		position:absolute;
		top:28px;
		left:3px;
	}
	#all_category p.close {
		position:absolute;
		top:20px;
		left:707px;
	}


/* 공지사항 관련 **********************************************************/
	#news-group {
		width:190px;
		height:210px;
		margin-top:15px;
	}
	#pnlLatestNotice {
	}
	#pnlLatestNews {
		display:none;
	}
	#pnlLatestQna {
		display:none;
	}
	.tab_article {
		width:183px;
		padding-left:7px;
	}
	.tab_article .tablink {
		float:left;
		left:7px;
		line-height:22px;
	}
	.tab_article .tablink img {
		vertical-align:top;
		margin-right:1px;
	}
	.tab_article .tabfir {
		width:54px;
	}
	.tab_article .art_list {
		left:0;
		position:absolute;
		top:35px;
		width:170px;
		height:170px;
		background:url(../images/m_tab_bg1.gif) no-repeat;
		padding:10px;
	}
	.tab_article .art_list disnone {
		display:none;
	}
	.tab_article .art_list ul {
		clear:both;
	}
	.tab_article .art_list li {
		background:url(../images/freedi.content/dot_02.gif) no-repeat 5px 40%;
		padding-left:12px;
		line-height:1.6em;
		white-space:nowrap;
	}
	.tab_article .art_list li a, .tab_article .art_list li a:hover {
		
	}
	.art_list li a:hover {
	
	}
	.tab_article .more {
		position:absolute;
		height:20px;
		right:0;
		top:-21px;
	}


/* 고객센터, 무통장입금안내 **********************************************************/
	.cs_center {
		width:190px;
		height:274px;
		margin:15px 0;
		background:url(../images/freedi.content/cs_center_bg.gif) no-repeat;
	}
	.cs_center img {
		vertical-align:top;
	}
	.cs_center fieldset {
		position:relative;
		width:144px;
		height:23px;
		line-height:0;
		margin:0 auto;
	}
	.cs_center fieldset select {
		width:144px;
		vertical-align:top;
		margin:6px 0 3px 0;
	}
	.cs_center fieldset input {
		width:105px;
		vertical-align:top;
	}


/* 농가소개 *******************************************************************/
	#farm {
		width:190px;
		height:165px;
		background:url(../images/freedi.content/farm_bg.gif) no-repeat;
		margin-bottom:15px;
	}
	#farm h2 {
		padding:21px 0 0 97px;
	}
	#farm ul {
		position:absolute;
		float:left;
		margin:22px 0 0 0;
		left:14px;
		width:170px;
		height:90px;
		overflow:hidden;
	}
	#farm ul li {
		float:left;
		display:inline;
		width:68px;
		background:url(../images/freedi.content/dot_02.gif) no-repeat 0 40%;
		padding-left:10px;
		line-height:18px;
	}
	#farm ul li a {
		font-size:90%;
	}
	#farm ul li a:hover {
		
	}
	
	.categoryLocate a:hover {
		text-decoration:underline; 
	}
	
	#farm div.farm_control {
		margin:0;
		position:absolute;
		left:154px;
		vertical-align:top;
		top: 552px;
	}


/* 타 사이트 이동 **************************************************************/
	.site_go img {
		vertical-align:top;
	}


/*  copyright **************************************************************/ 
	.bot_logo {
		position:absolute;
		top:59px;
		left:24px;
	}
	#footer ul.bot_menu {
		position: absolute;
		width: 452px;
		height:24px;
		top:21px;
		left:194px;
		text-align:left;
	}
	#footer ul.bot_menu li {
		display:inline;
	}
	#footer ul.bot_menu li img {
		float:left;
		vertical-align:top;
	}
	#footer address {
		position: absolute;
		width:710px;
		height:44px;
		top:62px;
		left:200px;
	}
	#footer p.con {
		position: absolute;
		width:350px;
		height:27px;
		top:123px;
		left:200px;
	}
	#footer p.copy {
		position: absolute;
		width:227px;
		height:9px;
		top:170px;
		left:200px;
	}
	#footer p.inisys {
		position: absolute;
		padding-bottom:10px;
		top:120px;
		left:635px;
		width:265px;
		height:55px;
		/*
		top:123px;
		left:655px;
		width:170px;
		height:18px;
		*/
	}
	#footer p.count {
		position: absolute;
		width:250px;
		height:24px;
		top:21px;
		left:648px;
		color:#737373;
		background:url(../images/freedi.content/count_bg.gif) no-repeat;
		padding:4px 0 0 10px;
		line-height:160%;
	}
	#footer p.count span{
		font-family:"Tahoma";
	}


/* 오늘본상품 **************************************************************/ 
	#quick {
		position:absolute;
		width:60px;
		height:370px;
		top:138px;
		left:920px;
		background:url(../images/freedi.content/quick_line.gif) repeat-y;
	}
	#quick h2 {
		margin-top:15px;
		padding:15px 0 0 0;
		width:60px;
		height:33px;
		background:url(../images/freedi.content/quick_top.gif) no-repeat;
		color:#fefffa;
		text-align:center;
		font-size:90%;
		line-height:1.3em;
		letter-spacing:-1px;
	}
	#quick h2 span {
		letter-spacing:0;
		font-weight:bold;
	}
	#quick .q_con {
		background:url(../images/freedi.content/quick_bg.gif) repeat-y;
		width:60px;
		height:208px;
	}
	#quick .q_con div {
		width:60px;
		height:186px;
		overflow:hidden;
	}
	#quick .q_con ul {
		padding:7px 0 0 7px;
	}
	#quick ul.q_con li {
		width:46px;
		height:42px;
	}
	#quick .q_con ul li img {
		vertical-align:top;
		margin-bottom:5px;
	}
	#quick .q_con p.today_prod_control {
		padding:0 0 0 9px;
	}
	#quick .q_con p.today_prod_control img {
		margin:5px 2px 0 0;
		vertical-align:top;
	}
	#quick p.top {
		text-align:center;
	}