@charset "UTF-8";
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 초기설정하기 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* IE6의 피엔지 사용 투명체널 표현을 위한 스타일 시트 옵션표시  */
.png24 { tmp:expression(setPng24(this)); }
/* Firefox의 스크롤바 기본 표시명령 싸이즈 혼동을 막기위한것 */
	html { overflow-y: scroll;	}
/* 링크효과세팅 */
a:link          { color:#333; line-height:1.7em; text-decoration:none;}
a:visited       { color:#333; line-height:1.7em; text-decoration:none;}
a:hover         { color:#999 ;line-height:1.7em;  text-decoration:none;}
a:active        { color:#999; line-height:1.7em; text-decoration:none;}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 브라우져 버젼별선택 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	body {font-family: 'ＭＳ Ｐゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", sans-self; 
		  font-size:12px;
		  text-decoration: none;
		  }

/* for IE7 */
	*+html body {
	font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",Sans-Serif;
	font-size:75%;
	}
	
/* for IE6 */
	* html body {
	font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",Sans-Serif;
	font-size:9px;
	}

.crear {clear:both; height:1px;} /*플로트 클리어용 */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 상단해더부분 2011년3월 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
#header {width:888px;}
	#header .meta {width:888px; height:20px; font-size:80%; background:url(/design/kfoods/form/header/110314top.png) no-repeat; text-align:center; line-height:20px}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 왼쪽의 메인메뉴부분 2011년3월  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
#mainmenu {width:195px; margin:0; padding:0}
	#mainmenu .search {margin-top:5px; letter-spacing:0em; padding:15px 0 15px 0; width:190px; background:url(/design/kfoods/form/mainmenu/nav_top.png) no-repeat top; text-align:center}
	#mainmenu .search2 {padding-bottom:15px; width:190px; background:url(/design/kfoods/form/mainmenu/nav_top.png) no-repeat bottom}
		#mainmenu .search2 gap {padding:0 9px 0 10px} /* 어떠한 스타일도 먹지 않아 어쩔 수 없이 설치*/
		#mainmenu .search2 .menu1 {height:20px; width:100px; border: 1px solid #A8C380; display:block; background-color: #EAF2DC;} /*검색기 바탕꾸미기*/
	
	#mainmenu .list {margin-top:8px; width:190px; background:url(/design/kfoods/form/mainmenu/sav_p.png) repeat-y}
	#mainmenu .list2 {margin-top:8px; width:190px; background:url(/design/kfoods/form/mainmenu/zaka_p.png) repeat-y}
	#mainmenu .list .news {padding:3px 10px 3px 0} /* 뉴스나오는 리스트부분 */
	#mainmenu .list h1, #mainmenu .list2 h1 {display:block; margin:0}
	#mainmenu .list h2, #mainmenu .list2 h2 {display:block; margin:0; padding:15px 0 0 12px; clear:both;}
	#mainmenu .list ul {display:block; margin:0; background:url(/design/kfoods/form/mainmenu/line.png) no-repeat bottom; padding:5px 0 10px 30px;}
	#mainmenu .list ul li {position:relative; left:5px; list-style:none;}
		#mainmenu .list ul li a {display:block; padding-left:10px; height:20px;}
		#mainmenu .list ul li a:link, #mainmenu .list ul li a:visited {background:url(/design/kfoods/form/mainmenu/menu_ding_hover.png) no-repeat left center; color:#333333}
		#mainmenu .list ul li a:hover,#mainmenu .list ul li a:active {background:url(/design/kfoods/form/mainmenu/menu_ding.png) no-repeat left center; color:#7e5d4e}	
	#mainmenu .list2 ul {display:block; margin:0; background:url(/design/kfoods/form/mainmenu/line_B.png) no-repeat bottom; padding:5px 0 10px 30px;}
	#mainmenu .list2 ul li {position:relative; left:5px; list-style:none;}
		#mainmenu .list2 ul li a {display:block; padding-left:10px; height:20px;}
		#mainmenu .list2 ul li a:link, #mainmenu .list2 ul li a:visited {background:url(/design/kfoods/form/mainmenu/menu_ding_hover.png) no-repeat left center; color:#333333}
		#mainmenu .list2 ul li a:hover,#mainmenu .list2 ul li a:active {background:url(/design/kfoods/form/mainmenu/menu_ding_gb.png) no-repeat left center; color:#5e7e4e}
	#mainmenu .banner {padding-top:8px;} /*베너아이콘들어가는 부분*/
#mainmenu .bottom {padding-top:10px;}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 톱페이지관련 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* 김치기획과 여름페어 중앙 바탕에 이미지 스타일링  */
.menuback0906 {
	background-image:url(/design/meisei/main0906/kikaku_back.jpg);
	background-repeat:no-repeat;
	height:102px; 
	width:120px;
}
/* 톱페이지 잡화4단배열 부분 상품아이콘 바탕 이미지 스타일링 */
.menuback_B0906 {
	background-image:url(/design/meisei/main0906/mtback.gif);
	background-repeat:no-repeat;
	height:80px;
	width:165px;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 상품리스트,이용안내등 컨텐츠세팅 2011년4월 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ★★★★ 상품이미지 상세리스트 ★★★ */
#contents {padding-bottom:15px; width:686px; line-height:1.5em; text-align:left; }
	#contents .topnav {height:32px; padding-left:26px; line-height:32px; background:url(/design/kfoods/form/contents/topnav.png) no-repeat}
	*html #contents .topnav {line-height:32px; padding:10px 0 8px 26px; background:url(/design/kfoods/form/contents/topnav.png) no-repeat}
	#contents .toptitle {height:32px; padding-left:10px; background-image:url(/design/kfoods/form/contents/toptitle.png);
						 white-space:nowrap;
						 text-overflow:ellipsis;
						 -o-text-overflow:ellipsis;
						 }
						 
		#contents .toptitle a {padding:5px 0 5px 0; width:75px; float:left; display:block;}
		#contents .toptitle h1 {display:block;
								float:left; margin:0; width:516px;
								font-weight:bold; font-size:14px;
								text-align:center; padding-top:10px;
								white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis
						}
	#contents .images {width:343px; padding-top:50px; float:left; text-align:center;}
		#contents .images a {display:block; padding-top:15px;}
	#contents .info {width:330px; float:right; margin-top:15px; background:url(/design/kfoods/form/contents/topinfo_p.png) repeat-y left;}
		#contents .info .top {margin:0; padding:0;}
		#contents .info h1{padding:0; margin:0 10px 0 10px; text-align:center; width:303px; overflow:hidden; font-size:14px;} /*商品名*/
		#contents .info div{padding:5px 0 5px 25px}
		#contents .info .coment {padding:5px 30px 5px 30px; color:#990000; font-weight:bold; text-indent:-13px;}
		#contents .info option{padding:10px;}
			#contents .info .option table tr td {padding:3px 0 3px 0;}
			#contents .info .option table tr td a {display:block}
		#contents .info .option_bottom {background:url(/design/kfoods/form/contents/topinfo_bottom.png) no-repeat bottom left; padding-bottom:15px;}
/* ★★★★ 상품설명 ★★★ */
	#contents .listitle {padding-top:15px;} /*상품상세에 쓰이는 바*/
	#contents .customer {padding:10px; line-height:1.8em;} /*고객의 소리*/
		#contents .customer ul, #contents .user .ul02 { display:block; padding:0 35px 0 10px;  margin-top:5px; list-style-image:url(/design/kfoods/form/contents/ding_list.gif); color:#FF0000;}
#contents #review_write {margin:0 0 10px 10px; width:666px;} /*서버기능 고객의견쓰기*/
		#contents #review_write div a {display:block; padding-left:600px;}
	#contents .brand { background:url(/design/kfoods/form/contents/d_kanren_p.png) repeat-y; padding:0;} /* 관련상품부분 */
	#contents .brand h1 {display:block; padding:0; margin:0;}
	#contents .brand div {width:656px; margin-left:15px;}
	
/* ★★★★ 상품관리자에서 입력한 내용다루기 ★★★ */
#contents #contents_info {padding:10px;}

/* ★★★★ 이용안내등 사용자관련 ★★★ */
#contents .user { background:url(/design/kfoods/form/contents/panel_p.png) repeat-y; margin-top:10px; padding:0 0 0 50px;}
	#contents font {color:#FF0000;}
	#contents .user h1 {display:block; margin:0 0 -15px -50px; padding:20px; background:url(/design/kfoods/form/contents/panel_top.png) no-repeat;}
	#contents .user h2 {display:block; margin:15px 0 5px -15px; padding:1px 0 0 25px; 
						background:url(../form/user/titleB_back.png) no-repeat;
						line-height:30px; color:#993333; 
						font-size:125%; font-weight:bold;}
	#contents .user h3 {display:block; margin:10px 0 0 -5px; background:url(/design/kfoods/form/user/titleA03.gif) no-repeat;
						color:#AC9517; padding:2px 0 5px 24px; font-size:14px;}
	#contents .user h4 {display:block; margin:10px 0 0 0; background:url(/design/kfoods/form/user/titleA04.png) no-repeat;
						color:#FFFFFF; font-weight:bold; padding:3px 0 5px 26px; font-size:14px;}
	#contents .user .ul01{display:block; padding:0 35px 0 5px; margin-top:5px;}
	#contents .user p {display:block; padding-right:35px; margin:0;}
		#contents .user .ul01 p, #contents .user .ul02 p{display:inline; color:#FF0000;}
	#contents .user .bottom {clear:both; margin:20px 0 0 -50px} /*바닥에 판넬마무리*/
/* ★★★★독자페이지의 프레임짜기:ex로 시작★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 2010년 1월 10일코딩시작 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* 독자페이지의 전체프레임 설정 나중에삭제*/ 
.ex_all {padding:10px 45px 10px 35px; line-height:1.8em;}
.ex01 {padding:10px 0 20px 15px;}
.ex01 p, .ex01_red p {color:#0033FF; text-decoration:underline; display:inline;}
.ex01_red {color:#FF0000; padding-left:15px; text-indent:-15px;}
.ex01_arrow {margin:10px auto 10px auto; width:57px;}
.ex01_ul {margin:0px; padding:0px 0px 5px 25px; color:#0000FF;}
.ex01_ul li{ list-style-type:disc;}
.ex01_ul_black {margin:0px; padding:0px 0px 5px 25px; color:#000000;}
.ex01_ul_black li{ list-style-type:disc;}
.ex01_ol {padding:0 0 5px 10px; margin:0px;}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 하단footer작업 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
#footer {width:887px; margin:0 auto 0 auto;}
	#footer h1 {display:block; margin:0; padding:0; width:180px; height:78px; float:left;}
	#footer h2 {display:block; margin:0; padding:0; width:700px; float:right; text-align:left; font-weight:normal; font-size:12px; color:#666666; padding-top:15px;}
		#footer h2 a {text-decoration:none; color:#666666;}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 완성 후 핵을 이하에 모아놓으시오 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */