﻿@charset "utf-8";
@import url(default.css);
@import url(board.css);
@import url(layout.css);
/*/--------------------[Font Face]--------------------/*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*/--------------------[Font Face end]--------------------/*/

/* contents definition */
* { font-family: NanumGothic,'Nanum Gothic'; }
#contents .title .location strong { color: #4d9d25; }
table.basic_list, table.basic_view, table.basic_write, table.basic_photo { /*border-top:2px #a0d024 solid;*/ }
	table.basic_view tbody td.info_view { border-bottom: 1px #a0d024 solid; }
h4.stit { background: url(/imgs/common/icon_stit.gif) left 2px no-repeat; }
.stit2 { background: url(/imgs/common/icon_stit2.gif) left 2px no-repeat; font-weight: bold; color: #000; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px #eee solid; padding-left: 18px; }
.ma3 { margin-bottom: 3px; }
.c_green { color: #a1b200; }
.c_red { color: #cb4002; }

/* ================PN 소개================== */
/* 연혁 */
.history_info { margin-top: 50px; }

/* 인재 채용 */
.recru_top_img { background: url(/imgs/introduce/recru_top_img_bg.gif) right top no-repeat; width: 680px; }

/* IR정보 */
.ir_search { background: url(/imgs/introduce/ir_search_bg.gif) left top no-repeat; width: 680px; height: 110px; margin-bottom: 20px; position: relative; }
	.ir_search select { position: absolute; top: 48px; left: 168px; width: 200px; }
	.ir_search input { position: absolute; top: 48px; left: 372px; }

/* 윤리규정 */
.ethics_wrap { width: 630px; height: 450px; overflow: auto; border: 1px solid #D5D5D5; padding: 30px 20px 20px 20px; background-color: #fff; }
	.ethics_wrap h2 { color: #99b628; font-size: 14px; font-weight: bold; text-align: left; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px #ececec solid; }
	.ethics_wrap h3 { color: #000; font-size: 12px; font-weight: bold; }
	.ethics_wrap p { text-align: justify; margin-bottom: 20px; }
	.ethics_wrap .list { margin-bottom: 20px; }
		.ethics_wrap .list li { background: url(/imgs/common/icon_dot.gif) left 8px no-repeat; padding-left: 6px; }

/* 홍보존*/
#tv_zone { background: url(/imgs/introduce/tv_zone_bg.jpg) left top no-repeat; width: 680px; height: 420px; margin-bottom: 10px; position: relative; }
	#tv_zone .tv_view { position: absolute; top: 95px; left: 215px; }
		#tv_zone .tv_view object { }
.tv_area { /*position:absolute; top:940px;*/ float: left; }
.radio_area { /*padding-left:355px;*/ float: right; }


/* 오시는 길 */
.location_btn { position: absolute; top: 450px; right: 58px; }


/* ================PN 제품================== */
/* 제품리스트 */
.prod_search { background: url(/imgs/products/prod_search_bg.gif) left top no-repeat; padding: 48px 0 0 170px; width: 510px; height: 65px; margin-bottom: 20px; position: relative; }
	.prod_search #cate02 { color: #a1b200; font-weight: bold; background: url(/imgs/common/icon_stit2.gif) 3px top no-repeat; padding-left: 20px; margin-right: 10px; }
	.prod_search .cate_img { position: absolute; top: 20px; left: 43px; }
	.prod_search select, .prod_search input { display: inline; }
.prod_search2 { background: url(/eng_imgs/products/prod_search_bg.gif) left top no-repeat; padding: 48px 0 0 170px; width: 510px; height: 65px; margin-bottom: 20px; position: relative; }
	.prod_search2 #cate02 { color: #a1b200; font-weight: bold; background: url(/imgs/common/icon_stit2.gif) 3px top no-repeat; padding-left: 20px; margin-right: 10px; }
	.prod_search2 .cate_img { position: absolute; top: 20px; left: 43px; }
	.prod_search2 select, .prod_search input { display: inline; }
.best_prod { background: url(/imgs/products/best_prod_bg1.gif) left top no-repeat; width: 680px; height: 210px; margin-bottom: 30px; position: relative; }
	.best_prod .btn_prev { position: absolute; top: 70px; left: 20px; }
	.best_prod .btn_next { position: absolute; top: 70px; right: 20px; }
	.best_prod ul { position: absolute; top: 25px; left: 70px; }
		.best_prod ul li { float: left; margin-right: 17px; width: 170px; text-align: center; line-height: 150%; position: relative; }
			.best_prod ul li img { margin-bottom: 5px; }
			.best_prod ul li strong { position: relative; color: #000; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
			.best_prod ul li span { color: #777; display: block; }
/*161123추가*/table.basic_photo tbody td .product_overflow_txt{ letter-spacing: -0.28px; }

/* 제품상세정보 */
.datail_box { position: relative; width: 680px; background: url(/imgs/products/datail_box_bottom.gif) left 100% no-repeat; min-height: 365px; margin-bottom: 20px; padding-bottom: 10px; }
* html .datail_box { position: relative; width: 680px; background: url(/imgs/products/datail_box_bottom.gif) left 100% no-repeat; height: 365px; margin-bottom: 20px; padding-bottom: 10px; }
	.datail_box .img_zone { position: absolute; top: 20px; left: 20px; width: 300px; text-align: center; }
		.datail_box .img_zone img { padding: 1px; border: 1px #cecece solid; margin: 0 2px 4px 2px; }
		.datail_box .img_zone p img { border: 0; margin: 0; }
	.datail_box .info_zone { margin-left: 330px; width: 330px; margin-bottom: 20px; }
.gray_box { padding: 15px 10px; background-color: #f7f7f7; margin-bottom: 10px; }
	.gray_box p { background: url(/imgs/common/icon_line.gif) 10px 5px no-repeat; vertical-align: top; font-size: 90%; margin: 5px 0; line-height: 140%; padding-left: 18px; }
.datail_box .cost { font-weight: bold; color: #a1b200; }


/* 비디오 클립(Video Clip) */
#pVideo { }
#pVideoYoutube { text-align: center; height: 400px; margin-bottom: 6px; }
#pVideoDesc { width: 680px; padding: 23px 0 5px 0; background: url(/imgs/products/video_desc_bg.png); }
	#pVideoDesc h5 { padding: 0 0 7px 28px; color: #777777; font-size: 11px; background: url(/imgs/products/video_desc_head.gif) no-repeat 21px 7px; }
	#pVideoDesc ul { color: #777777; margin-top: 9px; }
		#pVideoDesc ul li { padding: 0 25px 0 37px; font-size: 11px; background: url(/imgs/products/video_desc_item.png) no-repeat 27px 6px; line-height: 14px; }
#pVidoeDescBottom { width: 680px; height: 17px; background: url(/imgs/products/video_desc_bg.png) 100% 100%; }
#pVideoList { height: 145px; position: relative; border-top: #d3eced 1px solid; margin-top: 38px; }
	#pVideoList ul { margin: 16px 0 0 21px; }
		#pVideoList ul li { float: left; }
			#pVideoList ul li a { display: block; width: 150px; height: 126px; margin-right: 13px; }
				#pVideoList ul li a img { width: 150px; height: 95px; border: 0; }
				#pVideoList ul li a span { color: #777777; display: block; text-align: center; padding-top: 8px; font-size: 11px; }
	#pVideoList a.navi { background: red; position: absolute; background: url(/imgs/products/video_list_navi.png) no-repeat; top: 16px; width: 20px; height: 95px; text-indent: -999999px; overflow: hidden; }
		#pVideoList a.navi.prev { left: 0; background-position: 0 50%; }
		#pVideoList a.navi.next { right: 0; background-position: 100% 50%; }

/* ================고객센터================== */
/* faq */
.faq .tab_navi { margin-bottom: 0; }
.faq table.basic_list { border-top: 0; }
	.faq table.basic_list tbody td.faq { padding: 6px 0 5px 0; border-bottom: 1px #dfdfdf solid; text-align: center; background-color: #f8f8f8; color: #919191; }
	.faq table.basic_list tbody td.subject2 { padding-left: 13px; text-align: left; background-color: #f8f8f8; }

/* ================gw고객센터================== */
/* faq */
.faq .tab_navi { margin-bottom: 0; }
.faq table.basic_list4 { border-top: 0; }
	.faq table.basic_list4 tbody td.faq { padding: 6px 0 5px 0; border-bottom: 1px #dfdfdf solid; text-align: center; background-color: #f8f8f8; color: #919191; }
	.faq table.basic_list4 tbody td.subject2 { padding-left: 13px; text-align: left; background-color: #f8f8f8; }

/* 제품후기 */
.epilogue .board_top_img { padding-left: 20px; }
.as_info table.basic_list td { font-size: 90%; }
.guide_wrap { height: 800px; position: relative; }
/*.guide_wrap .use_guide { position:absolute; top:120px; left:-40px;}*/


/* ================커뮤니티================== */
/*포인트몰*/
.pointmall_tip strong { color: #000; display: block; }
.pointmall_tip span { color: #970707; font-weight: bold; }
.pointmall_tip { color: #970707; position: relative; width: 580px; height: 63px; padding: 23px 0 0 100px; background: url(/imgs/community/pointmall_tip_bg.gif) left top no-repeat; }
	.pointmall_tip .action_login { position: absolute; top: 35px; right: 16px; }
.point_sel { position: relative; width: 680px; height: 25px; background: url(/imgs/community/point_sel_bg.gif) left top no-repeat; margin-bottom: 15px; }
	.point_sel ul { position: absolute; top: 2px; left: 2px; }
		.point_sel ul li { float: left; line-height: 100%; }
	.point_sel .ps1 { margin-right: 55px; }
	.point_sel .ps2 { margin-right: 60px; }
	.point_sel .ps3 { margin-right: 60px; }
	.point_sel .ps4 { margin-right: 65px; }
	.point_sel .ps5 { margin-right: 40px; }
	.point_sel p img { position: absolute; top: 18px; left: 7px; }


/*해피토크*/
.calendar_zone { position: relative; background: url(/imgs/community/calendar_zone_bg.jpg) left top no-repeat; margin-bottom: 50px; padding-top: 79px; }
* html .calendar_zone { height: 79px; }
	.calendar_zone .num_list { z-index: 1; position: absolute; top: 40px; left: 250px; height: 25px; }
		.calendar_zone .num_list a { margin: 0 10px; }
.greeting_write { position: relative; margin-bottom: 20px; padding: 10px; background-color: #f8f8f8; border: 1px #f1f1f1 solid; }
.mini_notice { position: relative; width: 590px; height: 22px; padding: 6px 0 0 90px; background: url(/imgs/community/mini_notice_bg.gif) left top no-repeat; margin-bottom: 10px; color: #fff; }
	.mini_notice a { color: #fff; }
	.mini_notice span { position: absolute; top: 5px; right: 20px; color: #effba3; }

/*사랑의 밥나무*/
.love_tree { position: relative; background: url(/imgs/community/love_tree_bg.jpg); width: 679px; height: 420px; }
	.love_tree .count { position: relative; top: 394px; left: 25px; background: url(/imgs/community/count_bg.gif); width: 205px; height: 20px; text-align: center; font-weight: bold; color: #000; }
		.love_tree .count span { color: #FF3300; }
.rice { position: relative; width: 679px; height: 300px; tmp: expression(setPng24(this)); }
	.rice .rice01 { position: absolute; top: 60px; left: 200px; }
	.rice .rice02 { position: absolute; top: 50px; left: 300px; }
	.rice .rice03 { position: absolute; top: 120px; left: 260px; }
	.rice .rice04 { position: absolute; top: 130px; left: 450px; }
	.rice .rice05 { position: absolute; top: 200px; left: 470px; }
	.rice .rice06 { position: absolute; top: 150px; left: 400px; }
	.rice .rice07 { position: absolute; top: 210px; left: 430px; }
	.rice .rice08 { position: absolute; top: 210px; left: 370px; }
	.rice .rice09 { position: absolute; top: 70px; left: 380px; }
	.rice .rice10 { position: absolute; top: 160px; left: 320px; }
	.rice .rice11 { position: absolute; top: 210px; left: 240px; }
	.rice .rice12 { position: absolute; top: 250px; left: 300px; }
.share { padding-top: 5px; float: right; }
	.share p { margin-left: 5px; float: left; }

/* 밥맛 좋은 집*/
.mini_notice2 { position: absolute; top: 482px; left: 520px; width: 360px; height: 22px; padding: 6px 0 0 90px; background: url(/imgs/community/mini_notice2_bg.gif) left top no-repeat; margin-bottom: 10px; color: #fff; }
	.mini_notice2 a { color: #fff; }
	.mini_notice2 span { position: absolute; top: 5px; right: 20px; color: #effba3; }

/* PN 추천 레시피 & 나만의 레시피*/
.best_recipe .mini_notice2 { top: 482px; }
.my_recipe .mini_notice2 { top: 482px; }

/* 나만의 레시피 뷰페이지*/
#recipe_view { width: 656px; background: url(/imgs/community/recipe_view_bg.jpg) left top repeat-y; }
	#recipe_view .recipe_top { position: relative; width: 656px; height: 560px; background: url(/imgs/community/recipe_top_bg.jpg) left top repeat-y; }
		#recipe_view .recipe_top img { position: absolute; top: 125px; left: 81px; }
	#recipe_view .txt { padding: 10px 45px 70px 45px; }
	#recipe_view .txt2 { padding: 10px 0 30px 0; text-align: center; }



/* ================ETC================== */
/* 로그인*/
#login_warp { position: relative; width: 687px; height: 367px; background: url(/imgs/login/login_bg.jpg) left top no-repeat; }
	#login_warp .id { position: absolute; left: 304px; top: 153px; }
	#login_warp .password { position: absolute; left: 304px; top: 177px; }
	#login_warp .save { position: absolute; left: 520px; top: 153px; }
	#login_warp #login_btn { position: absolute; left: 284px; top: 222px; }
		#login_warp #login_btn li { float: left; background: #efefef; margin-right: 2px; }
	#login_warp .login_text { position: absolute; left: 248px; top: 277px; }

/* 회원가입 */
.agree_wrap { width: 630px; height: 150px; overflow: auto; border: 1px solid #D5D5D5; padding: 10px 20px; background-color: #f8f8f8; }
	.agree_wrap h2 { color: #99b628; font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 20px; }
	.agree_wrap h3 { color: #000; font-size: 12px; font-weight: bold; }
	.agree_wrap p { text-align: justify; margin-bottom: 20px; }
.join_btn { text-align: center; }
	.join_btn img { margin-right: 2px; }

/* 개인정보입력 */
.join_wrap { background: url(/imgs/board/t_list_bg2.gif) left top repeat-x; }
	.join_wrap table.basic_list1 { width: 100%; border-collapse: collapse; margin-bottom: 20px; border-top: 2px #a0d024 solid; }
		.join_wrap table.basic_list1 thead th { padding: 0 0 3px 0; height: 5px; }
		.join_wrap table.basic_list1 tbody td { padding: 6px 0 5px 15px; border-bottom: 1px #dfdfdf solid; }
		.join_wrap table.basic_list1 tbody .bg { background: url(/imgs/common/icon_dot.gif) 10px no-repeat; width: 17%; }
		.join_wrap table.basic_list1 tbody td p { margin-bottom: 4px; }
		.join_wrap table.basic_list1 tbody td span { color: #888; font-size: 90%; line-height: 140%; }


/* 관리자 관련 */
.btn_area { margin-bottom: 10px; height: 30px; padding-top: 4px; text-align: center; position: relative; }
	.btn_area .btn1 { float: left; }
		.btn_area .btn1 img { margin-right: 3px; }
	.btn_area .btn2 { float: right; }
		.btn_area .btn2 img { margin-left: 3px; }
.admin_contents { text-align: left; padding-left: 20px; }

table.basic_list2 { width: 100%; border-collapse: collapse; margin-bottom: 20px; border-top: 3px #99ba3c solid; border-bottom: 1px #99ba3c solid; }
	table.basic_list2 thead th { text-align: center; padding: 0 0 3px 0; height: 30px; background-color: #f1f1f1; font-weight: normal; }
	table.basic_list2 tbody td { padding: 6px 0 5px 0; border-bottom: 1px #dfdfdf solid; text-align: center; background-color: #fff; color: #919191; }
		table.basic_list2 tbody td.subject { padding-left: 13px; text-align: left; color: #000; vertical-align: top; }
			table.basic_list2 tbody td.subject p.tit { padding-top: 10px; color: #000; font-weight: bold; margin-bottom: 7px; }
				table.basic_list2 tbody td.subject p.tit .date { color: #b45b0b; font-weight: normal; display: block; }
			table.basic_list2 tbody td.subject p.info { color: #777; }
		table.basic_list2 tbody td.comment { background: url(/imgs/board/icon_comment.gif) left 10px no-repeat; padding-left: 23px; text-align: left; color: #000; vertical-align: top; }

		table.basic_list2 tbody td.team,
		table.basic_list2 tbody td.center { padding-left: 13px; text-align: left; font-weight: bold; color: #a1b200; }
	table.basic_list2 tbody tr.t1 td { background-color: #f7f7f7; }
	table.basic_list2 tbody td.subject .mail { margin-left: 20px; }
		table.basic_list2 tbody td.subject .mail strong { color: #a1b200; }

.ad_spec { padding: 3px 0; }
	.ad_spec strong { width: 120px; color: #a1b200; }
#ad_photo { border: 0; }
	#ad_photo td { border: 0; text-align: center; padding-bottom: 20px; }
		#ad_photo td p.tit { color: #000; font-weight: bold; }
.admin_line { font-size: 0; }

/* Csi 추가 */
.hidden { position: absolute; overflow: hidden; width: 0px; height: 0px; margin: 0px; padding: 0px; }

/*부품몰 추가*/
a.part_btn { float: right; }
.purchase_btn img { padding: 0px !important; border: none !important; }
.mall_search { width: 680px; height: 82px; background: url(/imgs/products/mall_search_bg.gif) no-repeat; margin-bottom: 12px; text-align: center; padding-top: 15px; }
	.mall_search form { margin-bottom: 8px; }
	.mall_search span { font-size: 11px; color: #6a6a6a; }
	.mall_search .search_title { margin-right: 8px; }

.partsmall_table { border-collapse: collapse; border-spacing: 0; }
	.partsmall_table thead { background: #f1f5e6; }
		.partsmall_table thead th { border-top: 1px solid #92958c; border-bottom: 1px solid #d7dacd; color: #4f530b; font-size: 12px; height: 36px; line-height: 36px; background: url(/imgs/products/partsmall_th_bg.gif) no-repeat 100%; }
	.partsmall_table tbody td { border-bottom: 1px solid #e0dfdf; color: #5f5f5f; padding: 30px 0px; text-align: center; }
		.partsmall_table tbody td.mall_condition { color: #f26600; cursor: pointer; }
	.partsmall_table tfoot td { background: #f1f5e6; border-bottom: 1px solid #d7dacd; height: 47px; line-height: 47px; font-size: 13px; }
		.partsmall_table tfoot td.details { padding-left: 20px; }
		.partsmall_table tfoot td.total { text-align: center; }
			.partsmall_table tfoot td.total span { font-size: 16px; font-weight: bold; color: #448906; }
.bg_n { background: none !important; }
.mall_pn { padding: 0px !important; }
.bo_n { border: none !important; }
.dp_ib { display: inline-block !important; }
.t_align_l { text-align: left !important; padding-left: 15px !important; }
.no_hidden { position: relative !important; overflow: inherit !important; width: inherit !important; height: inherit !important; }
.order_no { text-align: right; padding-top: 10px; padding-right: 3px; }
.mall_h4 { font-size: 14px; color: #000000; margin-top: 20px; }
.mall_table { margin-top: 10px; border-top: 1px solid #787878; border-bottom: 1px solid #bababa; }
table.mall_table { width: 100%; }
.mall_table dt { width: 114px; height: 36px; line-height: 36px; background: #f1f5e6; font-size: 12px; color: #676767; border-bottom: 1px solid #e1e1e1; display: inline-block; padding-left: 20px; float: left; }
.mall_table dd { width: 524px; height: 36px; line-height: 36px; background: #ffffff; font-size: 12px; color: #8c8b8b; border-bottom: 1px solid #e1e1e1; display: inline-block; padding-left: 20px; }
	.mall_table dd a { font-size: 13px; color: #8c8b8b; }
		.mall_table dd a:hover { text-decoration: underline; color: #4495c9; }
.partsmall_table { width: 680px; }
.settlement { /*width:680px; height:67px;*/ padding: 15px 20px; background: #f7f9f1; border-bottom: 1px solid #e0dfdf; font-size: 13px; color: #7a7a7a; font-weight: bold; }
	.settlement .settlement_con { text-align: right; /*padding-top:15px; padding-right:20px;*/ }

.mall_table th { width: 94px; line-height: 36px; background: #f1f5e6; font-size: 12px; color: #676767; border-bottom: 1px solid #e1e1e1; padding: 5px 20px; vertical-align: top; }
.mall_table td { width: 524px; line-height: 30px; background: #ffffff; font-size: 12px; color: #8c8b8b; border-bottom: 1px solid #e1e1e1; padding: 10px 0 10px 20px; vertical-align: middle; }
	.mall_table td a { font-size: 13px; color: #8c8b8b; }
		.mall_table td a:hover { text-decoration: underline; color: #4495c9; }

.settlement .settlement_con span { color: #448906; }
	.settlement .settlement_con span b { font-size: 18px; }

.order_number { /*width:680px; height:67px;*/ margin-top: 15px; padding: 15px 20px; /*background:#f7f9f1; */ border: 1px solid #d7dacd; font-size: 16px; color: #7a7a7a; font-weight: bold; }
	.order_number .order_number_con { text-align: center; font-size: 16px; /*padding-top:15px; padding-right:20px;*/ }

		.order_number .order_number_con span { color: #f26600; }
			.order_number .order_number_con span b { /*font-size:18px;*/ }

.mall_table input { border: 1px solid #c6c6c6; }
.mall_table .part_add { height: 120px; }
.mall_table .part_add_d { line-height: 27px !important; height: 116px; padding-top: 4px; }
.add_search_btn { width: 50px; height: 16px; font-size: 11px !important; color: #ffffff !important; line-height: 17px; text-align: center; border: 1px solid #777777; display: inline-block; background: #868686; margin-left: 3px; }
#radio_02, #radio_03 { margin-left: 30px; }
#radio_01, #radio_02, #radio_03 { margin-right: 5px; border: none; }
dt.mall_approval { height: 64px !important; }
dd.mall_approval { line-height: 20px !important; font-size: 12px; color: #000000; height: 52px !important; padding-top: 12px; }
	dd.mall_approval span { font-size: 13px; color: #7a7a7a; }
		dd.mall_approval span b { font-size: 16px; color: #448906; font-weight: bold; }
.order_list input.count { width: 40px; text-align: center; display: inline-block; height: 16px; line-height: 16px; vertical-align: top; }



/*popup*/
#popup .tab_group { *zoom: 1; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
	#popup .tab_group:after { content: ''; clear: both; display: block; }
	#popup .tab_group li { float: left; }
		#popup .tab_group li a { display: block; width: 130px; height: 27px; }
		#popup .tab_group li.ji a { background: url(/imgs/common/btn_jibeun_off.gif) no-repeat left center; }
			#popup .tab_group li.ji a.on { background: url(/imgs/common/btn_jibeun_on.gif) no-repeat left center; }
		#popup .tab_group li.doro a { background: url(/imgs/common/btn_doro_off.gif) no-repeat left center; }
			#popup .tab_group li.doro a.on { background: url(/imgs/common/btn_doro_on.gif) no-repeat left center; }

	#popup .tab_group .tab_content { position: absolute; left: 0; }
