@charset "utf-8";
/************************************************************************
 * filename		: recipe.css
 * description	: 식단,레시피 import
 * date			: 2011.08.17
************************************************************************/

@import url(layout.css);

/* 타이틀 */
.tit_recipe	{position:relative; width:100%; height:38px; margin-bottom:20px; border-bottom:2px solid #f89f12; overflow:hidden;}
.tit_recipe	h1	{float:left; color:#333; font-size:24px; font-weight:bold; line-height:29px;}
.tit_recipe	.t_sub	{float:left; margin:13px 0 0 6px;}
.tit_recipe	.menu_list	{position:absolute; top:11px; right:-1px; overflow:hidden;}
.tit_recipe	.menu_list	ul	{}
.tit_recipe	.menu_list	li	{float:left; padding:0 20px 0 21px; background:url("/images/front/recipe/line-g-bar.gif") no-repeat right 4px; _background-position:right 2px; color:#666; font-size:14px; line-height:16px; font-weight:bold;}
.tit_recipe	.menu_list	li	a	{color:#666;}
.tit_recipe	.menu_list	li	a:hover	{text-decoration:none;}
.tit_recipe	.menu_list	li.on	{color:#ee1c24;}
.tit_recipe	.menu_list	li.on	a	{color:#ee1c24;}


/*.rcp_top	{width:950px; padding-top:230px; background:url("/images/front/recipe/img-bg-top.jpg") no-repeat 0 0;}*/
.rcp-cont	{width:950px; padding-bottom:49px; background:url("/images/front/recipe/bg-wood-b.jpg") no-repeat 0 bottom;}
.rcp-cont	.type_01	{position:relative; width:950px; padding-top:345px; background:url("/images/front/recipe/bg-type-01-t.jpg") no-repeat 0 0;}
.rcp-cont	.type_02	{width:950px; padding-top:20px; background:url("/images/front/recipe/bg-type-02-t.jpg") no-repeat 0 0;}
.rcp-cont	.type_03	{width:950px; padding-top:20px; background:url("/images/front/recipe/bg-type-03-t.jpg") no-repeat 0 0;}
.rcp-cont	.rcp-m	{width:890px; padding:0 30px 27px; background:url("/images/front/recipe/bg-wood.jpg") repeat-y 0 0;}
.rcp-cont	.type_01	.rcp-m	{width:930px; padding:0 10px 27px;}
.rcp-cont	.rcp-m	.ymd	{width:100%; padding:12px 0; border-top:2px solid #ee1c24; border-bottom:1px solid #dedede; background:#f4eee7; text-align:center;}
.rcp-cont	.rcp-m	.ymd	p	{color:#333; font-size:24px; line-height:24px; font-family:CoHead;}
.rcp-cont	.rcp-m	.btn_wrap	{margin-top:15px;}
.rcp-cont	.rcp-m	.pagenate	{padding-bottom:0; _padding-bottom:1px;}


/* 금주의 식단 */
.rcp-cont	.this_diet	{}
.rcp-cont	.theme	{position:relative; width:930px; height:147px; padding-bottom:1px; background:url("/images/front/recipe/line-g-solid.gif") repeat-x 0 bottom;}
.rcp-cont	.bg_dot	{background-image:url("/images/front/recipe/line-g-dot.gif");}
.rcp-cont	.theme	h3	{float:left; width:163px;}
.rcp-cont	.type_01	.my_diet	{float:left; width:750px; padding-left:17px;}
.rcp-cont	.type_01	.my_diet	ul	{}
.rcp-cont	.type_01	.my_diet	li	{float:left; padding:15px 12px 0 13px; width:78px; height:130px;}
.rcp-cont	.type_01	.my_diet	li	.img	{font-size:0; line-height:0;}
.rcp-cont	.type_01	.my_diet	li	.txt	{position:relative; margin-top:6px; _margin-top:9px;}
.rcp-cont	.type_01	.my_diet	li	.txt	input	{position:absolute; top:4px; _top:3px; left:0; width:13px; height:13px;}
.rcp-cont	.type_01	.my_diet	li	.txt	p	{padding-left:18px; line-height:16px;}
.rcp-cont	.type_01	.btn_r_wrap	{padding:15px 20px 0 0;}
.rcp-cont	.type_01	.tw_rcp	{position:absolute; top:87px; left:396px; width:424px;}
.rcp-cont	.type_01	.tw_rcp	dt	{clear:both; float:left; width:94px; color:#b47f3f; font-weight:bold; line-height:20px;}
.rcp-cont	.type_01	.tw_rcp	dd	{float:left; width:330px; line-height:20px;}
.rcp-cont	.type_01	.tw_rcp	dd.mb13	{margin-bottom:13px;}
.rcp-cont	.type_01	.itr_master	{position:absolute; top:238px; left:510px; color:#333;}
.rcp-cont	.type_01	.itr_master	.show	{position:relative; top:4px; cursor:pointer;}
.rcp-cont	.type_01	.print_rcp	{position:absolute; top:305px; right:30px; height:40px;}
.rcp-cont	.type_01	.print_rcp	.t_info	{float:left; padding:3px 10px 0; line-height:22px; background:url("/images/front/recipe/bul_gray.gif") no-repeat 0 12px;}
.rcp-cont	.type_01	.print_rcp	.btn_white	{float:left:}
.rcp-cont	.type_01	.bg_clip	{position:absolute; top:-17px; left:59px; width:42px; height:75px; background:url("/images/front/recipe/bg-clip.png") no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/front/recipe/bg-clip.png',sizingMethod='crop')}

.rcp_cal	{position:absolute; top:46px; _top:37px; left:63px; width:245px; padding:0;}
.rcp_cal	.ym_nav	{text-align:center;}
.rcp_cal	.ym_nav	span	{color:#333; padding:0 22px; font-size:25px; font-family:CoHead;}
.rcp_cal	.ym_nav	.bta	{position:relative; top:-2px;}
.rcp_cal	table	th	{font-size:15px; padding:26px 0 10px; _padding:23px 0 9px;}
.rcp_cal	table	td	{width:35px; padding:7px 0; font-size:15px; text-align:center; font-family:CoHead;}
.rcp_cal	table	tr	{cursor:pointer;}
.rcp_cal	table	tr.on	{background:url("/images/front/recipe/bg-line-red.gif") no-repeat 0 4px;}
.rcp_cal	.blue_day	{color:#2484c6;}
.rcp_cal	.red_day	{color:#ee1c24;}
.rcp_cal	table	tr.on	span	{color:#fff;}


/* MY 식단 */
.rcp-cont	.bx_sel	{position:relative; height:40px;}
.rcp-cont	.bx_sel select	{position:absolute; right:0;}
.rcp-cont	.type_02	.my_diet	{height:740px; padding:0 31px 0 32px; _padding:0 28px 0 32px; background:url("/images/front/recipe/bg-v-line2.gif") repeat-y 0 0;}
.rcp-cont	.type_02	.my_diet	ul	{float:left; width:118px;}
.rcp-cont	.type_02	.my_diet	li	{float:left; padding:15px 20px 0; width:78px; height:133px;}
.rcp-cont	.type_02	.my_diet	li	.img	{font-size:0; line-height:0;}
.rcp-cont	.type_02	.my_diet	li	.txt	{position:relative; margin-top:6px; _margin-top:9px;}
.rcp-cont	.type_02	.my_diet	li	.txt	input	{position:absolute; top:4px; _top:3px; left:0; width:13px; height:13px;}
.rcp-cont	.type_02	.my_diet	li	.txt	p	{padding-left:18px; line-height:16px;}
.rcp-cont	.type_02	.nodata	{padding:35px 0 40px; border-bottom:1px solid #e6e6e6;}
.rcp-cont	.type_02	.nodata	p	{text-align:center;}
.rcp-cont	.type_02	.nodata	p.my	{color:#999; font-size:22px; line-height:28px;}
.rcp-cont	.type_02	.nodata .btn_thisweek	{margin-top:14px;}


/* 식단장보기 */
.rcp-m	.list_product ul	 {width:890px;}
.rcp-m	.list_product ul	 li	{width:158px; padding:20px 10px 0;}
.box-rcp-food	{width:890px; background:url('/images/front/recipe/box-yellow-w890.gif') no-repeat 0 0; padding-top:10px;}
.box-rcp-food	.cont	 {overflow:hidden; width:850px; background:url('/images/front/recipe/box-yellow-w890.gif') no-repeat 0 bottom; padding:0 20px 10px;}
.food-type	{overflow:hidden; height:100%; border-top:1px solid #e6e6e6; margin-top:-1px; padding:8px 0;}
.food-type	h2	{float:left; width:120px; margin-top:4px; padding-left:10px; font-weight:bold; font-size:15px; color:#694010; line-height:18px;}
.food-type	.f-list	 {overflow:hidden; float:left; width:700px;}
.food-type	ul	{float:left; margin-left:-2px;}
.food-type	ul	li	{float:left; background:url('/images/front/common/bul-gray-bar.gif') no-repeat 0 7px; padding:6px 15px;}
.rcp-m	.btn_c_wrap_20	{margin-bottom:20px;}
.rcp-m	.no-basket	{width:846px; margin:0 auto; padding:20px 0; border-bottom:1px solid #e6e6e6; text-align:center;}
.rcp-m	.no-basket	p	{line-height:20px;}
.rcp-m	.no-basket	em	{color:#333;}

/* 나만의, 전문가 레시피 */

.tit_rcp_head	{position:relative; width:890px; height:30px; margin-top:20px; padding-bottom:7px; overflow:hidden;}
.tit_rcp_head	.subj	{float:left;font:15px/15px malgun, "Malgun Gothic";}
.tit_rcp_head	.subj	 span	{display:inline-block; width:43px; color:#333;}
.tit_rcp_head	.subj_etc	 {float:left; padding-top:8px; font-size:16px; line-height:16px; color:#333;}
.tit_rcp_head	.share_box	{float:right; margin-bottom:5px;}
.tit_rcp_head	.share_box	li	{float:left; margin-left:5px;}
.tit_rcp_head	.abs_r	{position:absolute; top:0; right:0;}
.tit_rcp_head	.abs_r	.input_txt, .tit_rcp_head	.abs_r	input	{_padding-bottom:1px;}

.box_theme_menu {width:100%; margin-top:10px; padding-top:8px; background:url('/images/front/recipe/box-yellow-w890.gif') no-repeat left top}
.box_theme_menu_b	{padding:0 25px 7px 25px; background:url('/images/front/recipe/box-yellow-w890.gif') no-repeat left bottom;}
.rcp-m	.sub_menu	li	{width:102px; padding:7px 0 6px 15px;}
/* 개발 마크업 변경완료시 삭제할 css 내용 10-22 */
.rcp-m	.theme_sub_menu	li	{width:117px; padding:7px 0 6px 15px;}
/* //개발 마크업 변경완료시 삭제할 css 내용 10-22 */

.summary_wrap	{ padding-top:30px; padding-bottom:19px; border-bottom:1px solid #c7c7c7;}
.summary_wrap	p	{font-size:20px; color:#333;}
.summary_wrap	p	em	{color:#e71b23;}
.summary_wrap	p	span	{font-family:CoHead; color:#ee1c24;}

/*리스트*/
.rcp_list	{width:100%; overflow:hidden; margin-bottom:14px; background:url('/images/front/recipe/bg-btm-line.gif') repeat-y 0 0;}
.rcp_list	ul	{float:left; width:920px;}
.rcp_list	li	{float:left; width:164px; height:213px; margin-top:20px; padding-left:14px;}
.rcp_list	li	.img	{float:left; width:154px; height:154px; margin-bottom:6px;}
.rcp_list	li	.name	{float:left; width:144px; padding-left:5px; line-height:16px;}
.rcp_list	li	.cb	{float:left; width:15px; height:154px; margin-left:-10px;}
.rcp-cont	.dis	{ padding:16px 0 10px; font-size:16px; line-height:18px; color:#333; border-bottom:1px solid #c7c7c7;}
.rcp_tit	 {position:relative; height:31px; padding:30px 0 0 10px; border-bottom:1px solid #f5721b;}
.rcp_tit	 p 	{background:url('/images/front/recipe/bul-dot-orange.gif') no-repeat 0 5px; padding-left:12px; font-size:16px; *line-height:16px; color:#f5721b;}
.rcp_tit	.add_cart	{position:absolute; top:23px; right:10px;}

/* 검색 */
.rcp-cont	.sch_box	{margin-top:10px; padding-bottom:4px; background:url('/images/front/recipe/bg-search-btm.gif') no-repeat 0 bottom; font-size:18px; line-height:20px; color:#333;}
.rcp-cont	.sch_box	.cont	{padding:18px 0 8px; background:url('/images/front/recipe/bg-search-top.gif') no-repeat 0 0; text-align:center;}
.rcp-cont	.sch_box	.cont	img	 {vertical-align:middle;}
*+html .rcp-cont	.sch_box	.txt	{ position:relative; top:-2px;}
*html .rcp-cont	.sch_box	.txt	{ position:relative; top:-2px;}
.rcp-cont	.sch_box	.txt	strong	{color:#E1231C;}
.rcp-cont	.sch_box	.txt	strong.t_roman	{font-size:20px;}

.rcp-cont	.no_data	{padding:54px 0 55px; border-bottom:1px solid #e6e6e6; text-align:center;}
.rcp-cont	.no_data	.txt	{font-size:24px; line-height:24px; margin-bottom:25px; color:#333;}
.rcp-cont	.no_data	.txt	span	{ color:#e71b23;}

/* 레시피 상세 */
.rcp_detail	{margin-top:10px; padding:25px 0 0 10px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.rcp_detail	.tit	{position:relative; width:100%; padding-bottom:18px;}
.rcp_detail	.tit	h2	{color:#333; font-size:30px; line-height:30px;}
.rcp_detail	.tit	.share_box	{position:absolute; right:0; top:10px;}
.rcp_detail	.tit	.share_box	li	{float:left; font-size:0; line-height:0; margin-left:5px;}
.rcp_detail	.tit	.share_box	li.bg_bar	{width:1px; height:22px; background:url("/images/front/common/bg-sharebox-bar.gif") no-repeat 0 0;}
.rcp_detail	h4.tit	{margin-bottom:14px; padding-bottom:0; font:bold 16px/18px malgun; color:#333;}
.rcp_detail	.rcp_offer	{padding-bottom:13px; text-align:right;}

.rcp_mate	{overflow:hidden; width:100%; height:100%;}
.rcp_mate	.con_l	{float:left; width:278px;}
.rcp_mate	.con_r	{float:left; width:582px; margin-left:20px;}
.rcp_mate	.con_r	dl	{overflow:hidden; height:100%; padding:15px 0; *padding:16px 0 17px 0; border-bottom:1px solid #F89F12;}
.rcp_mate	.con_r	dt	{clear:both; float:left; width:90px; padding:0 10px 0 20px; color:#333; font-size:14px; line-height:22px;}
.rcp_mate	.con_r	dd	{float:left; width:432px; padding:0 30px 0 0; font-size:14px; line-height:20px;}
.rcp_mate	.con_r	.t1	{background:url('/images/front/product/bg-dot-orange.gif') repeat-x 0 bottom; border-top:2px solid #F89F12; border-bottom:0;}
.rcp_mate	.con_r	.t1	dt	{color:#d24529;}
.rcp_mate	.con_r	.t2	{padding:15px 0 10px 0; *padding:16px 0 17px 0;}
.rcp_mate	.con_r	.t2	dt	{color:#f5721b;}
.rcp_mate	.con_r	.t2	dd	{width:462px; padding-right:0;}
.rcp_mate	.con_r	.t2	dd	li	{float:left; width:144px; margin-bottom:9px;}
.rcp_mate	.con_r	.t3	dd	{margin-bottom:4px;}

.rcp_tip	{padding:25px 0 18px 0;}
.rcp_tip	p	{padding-right:30px; font-size:14px; line-height:22px;}
/*
.cook_master	{border-top:1px dotted #dedede;}
.cook_master	.sbj	{margin:20px 0 11px;}
.cook_master	.rcp_cont	{line-height:26px;}
.cook_master	.prod_by	{padding:30px 0 10px 0; text-align:right;}
*/
.rcp_ingredient	{padding-top:25px; background:url("/images/front/common/line-dot-04.gif") repeat-x 0 0;}
.rcp_ingredient	table	{width:880px;background:url("/images/front/recipe/bg-rcp-tbl.gif") repeat-y 0 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.rcp_ingredient	table	td	{height:60px; border-bottom:1px solid #e6e6e6;}
.rcp_ingredient	table	p	{padding:0 7px; color:#333;}
.rcp_ingredient	table	p	strong	{padding-bottom:5px; font-weight:normal; display:block; color:#666;}

.rcp_process	li	{margin-bottom:20px; overflow:hidden; zoom:1;}
.rcp_process	li	span	{float:left; display:block; margin-right:20px; width:214px; height:150px; background:#eee;}
.rcp_process	li	span	img	{width:214px; height:150px;}
.rcp_process	li	p	{line-height:22px;}


.how_to_cook	.rcp_cont	{padding-left:10px; padding-right:30px; font-size:14px; line-height:26px;}
.how_to_cook	.rcp_photo	{text-align:center;}
.how_to_cook	.type_A	{padding:21px 0 0 0;}
.how_to_cook	.type_A	.rcp_photo	{margin-top:15px;}
.how_to_cook	.type_B	{padding:30px 0 0 0;}
.how_to_cook	.type_B	.rcp_cont	{margin-top:11px;}
.how_to_cook	.type_C	{padding:30px 0 0 0; height:1%; *zoom:1;}
.how_to_cook	.type_C:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.how_to_cook	.type_C	.rcp_photo	{float:left; margin:0 40px 10px 0; }

/* 레시피 올리기 */
.rcp-cont	.type_03	.tb_v_form	{margin-top:10px;}
.rcp-cont	.type_03	.tb_v_form	td	{background-color:transparent;}
.rcp-cont	.type_03	.tb_v_form	.td_rad	label	{margin-right:20px;}
.rcp-cont	.type_03	.tb_v_form	.td_ipt	textarea	{padding-left:5px; border:1px solid #9e9e9e; border-right-color:#d9d9d9; border-bottom-color:#d9d9d9; color:#666666; font: 13px/18px malgun, "Malgun Gothic"; letter-spacing: 0;}
.rcp-cont	.type_03	.tb_v_form	.rcp_c	*	{vertical-align:top;}

.rcp-cont	.line_dot	td.no_r_line	{background:url("/images/front/common/line-dot-02.gif") repeat-x 0 bottom; border-bottom:none;}
.rcp-cont	.rcp_step	{text-align:right; color:#333;}
.rcp-cont	.rcp_step	.btn_white	{margin-left:10px; vertical-align:middle;}