@charset 'euc-kr';

/* brand */
/* product */
.productList { padding-left:48px; width:665px;}
.productList .tabMenu { overflow:hidden; height:1%; margin-bottom:30px; background:url(/images/brand/bg_tab.gif) no-repeat left bottom;}
.productList .tabMenu li { float:left;}
.productList .tabMenu li img { vertical-align:top;}

/* shop */
.prodect-search {
	position:relative;
	top:15px;
	overflow:hidden;
	width:675px;
	height:116px;
	margin-bottom:40px;
	background:url('/images/shop/prodectsearchbox.gif') no-repeat 0 0;
}
	.prodect-search ul {
		float:left;
		padding:12px 0 0 168px;
		*padding-top:15px;
	}
		.prodect-search ul li {
			margin-top:8px;
		}
		.prodect-search ul li label {
			display:inline-block;
			width:85px;
		}
			.prodect-search ul li label img {
				padding-left:10px;
				background:url('/images/common/icon/bl_dot.gif') no-repeat 0 4px;
				vertical-align:middle;
			}
		.prodect-search ul li select {
			font-size:11px;
			vertical-align:middle;
		}
		.prodect-search ul li input {
			width:280px;
			vertical-align:middle;
		}
		.prodect-search .btn {
			margin:34px 0 0 8px;
		}
/* MEMBER */
.loginbg {
	background:url('/images/member/loginbg.jpg') no-repeat 0 bottom;
}
#loginWrap {
	position:relative;
	padding-top:32px;
}
	#loginWrap .login {
		position:relative;
		width:676px;
		height:200px;
		margin-top:15px;
		background:url('/images/member/loginboxbg.jpg') no-repeat 0 0;
	}
	#loginWrap .login fieldset {
		position:absolute;
		left:37px;
		top:42px;
		width:300px;
	}
	#loginWrap .login ul li {
		margin-top:6px;
		*margin-top:4px;
	}
	#loginWrap .login ul li label {
		display:inline-block;
		width:70px;
	}
		#loginWrap .login ul li label img {
			padding-left:10px;
			background:url('/images/common/icon/bl_dot.gif') no-repeat 0 3px;
		}
		#loginWrap .login ul li input {
			width:135px;
		}
	#loginWrap .login fieldset .btn {
		position:absolute;
		top:0;
		left:237px;
	}
	#loginWrap .login .saveid {
		margin:3px 0 0 73px;
	}
		#loginWrap .login .saveid input,
		#loginWrap .login .saveid img {
			vertical-align:middle;
		}
	#loginWrap .login .btn-area {
		position:absolute;
		left:111px;
		top:95px;
	}
/* yak service */
div.yak-service {
	width:675px;
	height:217px;
	margin-top:16px;
	padding-top:7px;
	background:url('/images/member/yakservicebox.gif') no-repeat 0 7px;
}
	div.yak-service h4.stit {
		margin-left:15px;
	}
	div.yak-service div {
		width:610px;
		height:138px;
		overflow:auto;
		margin:-5px 0 0 40px;
		font-size:11px;
		line-height:14px;
	}
	div.yak-service div h6 {
		margin-top:10px;
		font-weight:normal;
	}
	div.yak-service div ol {
		margin-top:5px;
	}
		div.yak-service div ol li {
			padding-left:16px;
			text-indent:-16px;
		}
	div.agree {
		float:left;
		padding:3px 0 0 9px;
	}
	div.agree-radio {
		padding:3px 20px 0 0;
		text-align:right;
	}
		div.agree input,
		div.agree-radio input {
			vertical-align:-1px;
		}
/* order */
fieldset.order-search {
	position:relative;
	width:675px;
	height:87px;
	padding-top:15px;
	background:url('/images/member/ordersearchbox.gif') no-repeat 0 15px;
}
	fieldset.order-search h4 {
		position:absolute;
		left:35px;
		top:35px;
	}
	:root fieldset.order-search h4 {top:20px;}
	fieldset.order-search div {
		padding-left:132px;
	}
	fieldset.order-search .date-choice {
		padding-top:20px;
	}
	fieldset.order-search .date-input {
		padding-top:5px;
		color:#666;
	}
		fieldset.order-search .date-input input {
			vertical-align:middle;
		}
div.order-info {
	margin:15px 0 0 30px;
	padding:15px 0 0 30px;
	background:url('/images/common/icon/bl_stit_member.gif') no-repeat 0 0;
}
	div.order-info p {
		margin-top:4px;
	}
	div.order-info p em {
		color:#d95c52;
		font-weight:bold;
	}
	div.order-info p strong {
		color:#c81a1a;
	}
/* faq */
div.faqbox {
	margin-top:30px;
	background:url('/images/common/board/thbg_member.gif') no-repeat 0 0;
}
	div.faqbox h4 {
		float:left;
		color:#fff;
		font-weight:normal;
	}
	div.faqbox h4 span {
		display:inline-block;
		margin-left:10px;
		padding:3px 30px 3px 15px;
		background:url('/images/common/board/thbg_member_first.gif') no-repeat right 0;
		color:#664283;
		font-weight:bold;
		font-size:11px;
	}
	div.writedate {
		padding:3px 20px 3px 0;
		color:#fff;
		font-size:11px;
		text-align:right;
	}
	div.faqbox .question,
	div.faqbox .answer {
		width:660px;
		min-height:100px;
		_height:100px;
		margin:0 auto;
	}
	div.faqbox .question {
		padding-bottom:15px;
		border-bottom:1px solid #eee;
	}
	div.faqbox .answer {
		margin-top:-9px;
		background:#fcfcfc;
		border-bottom:1px solid #bcbcbc;
	}
		div.faqbox .question h5,
		div.faqbox .answer h5 {
			margin:10px 0 0 20px;
			padding:20px 0 15px 20px;
			background:url('/images/common/icon/bl_stit_member.gif') no-repeat left top;
		}
		div.faqbox .answer h5 {background:url('/images/common/icon/bl_stit_req.gif') no-repeat left top;}
		div.faqbox .question p,
		div.faqbox .answer p {
			color:#888;
			margin-left:42px;
		}
/* div popup */
div.searchidpw-dpop {
	position:absolute;
	top:200px;
	left:125px;
	width:477px;
	height:192px;
	background:url('/images/member/searchidpwbox.png') no-repeat 0 0;
}
	div.searchidpw-dpop h4 {
		margin:30px 0 18px 40px;
	}
	div.searchidpw-dpop .dp-cont {
		padding-top:23px;
		text-align:center;
	}
		div.searchidpw-dpop .dp-cont img {
			vertical-align:-2px;
		}
		div.searchidpw-dpop .dp-cont em {
			font-weight:bold;
			margin:0 3px;
		}
		div.searchidpw-dpop .dp-cont p {
			margin-top:5px;
		}
	div.searchidpw-dpop .btn-area {
		padding-top:15px;
		text-align:center;
	}
/* ECO CAFE */
div.cafetopcont {
	width:675px;
	margin:25px 0 40px;
	background:url('/images/cafe/topcontbg.gif') repeat-y 0 0;
}
	div.cafetopcont .cafetopcont-btm {
		padding-bottom:25px;
		background:url('/images/cafe/topcontbtm.gif') no-repeat 0 bottom;
	}
	div.cafetopcont .cafetopcont-top {
		overflow:hidden;
		width:100%;
		background:url('/images/cafe/topconttop.gif') no-repeat 0 top;
	}
	div.cafetopcont .ct-cont {
		display:inline;
		float:left;
		width:415px;
		margin-left:40px;
		padding-top:18px;
	}
		div.cafetopcont .ct-cont h4 {
			margin-top:19px;
			color:#666;
			font-size:14px;
		}
		div.cafetopcont .ct-cont p {
			margin-top:10px;
			color:#999;
		}
		div.cafetopcont .ct-cont span {
			display:block;
			margin-top:7px;
			color:#bbb;
			font-size:11px;
		}
	div.cafetopcont .product-img {
		display:inline;
		float:right;
		width:122px;
		margin-right:32px;
		padding-top:25px;
		color:#969696;
		font-size:11px;
		text-align:center;
		line-height:14px;
	}
		div.cafetopcont .product-img img {
			border:1px solid #eee;
		}
		div.cafetopcont .product-img strong,
		div.cafetopcont .product-img em,
		div.cafetopcont .product-img span {
			display:block;
		}
		div.cafetopcont .product-img strong {
			margin-top:10px;
		}
		div.cafetopcont .product-img span {
			color:#998473;
		}
			div.cafetopcont .product-img span em {
				display:inline;
				font-weight:bold;
			}
.usecomment {
	position:relative;
	width:668px;
	height:56px;
	padding-top:19px;
	background:url('/images/cafe/usecommentbox.gif') no-repeat 0 0;
	text-align:center;
}
	.usecomment h4 {
		display:inline;
	}
	.usecomment input,
	.usecomment img {
		vertical-align:middle;
	}
	.usecomment input.text {
		width:455px;
		height:12px;
		margin:0 15px;
		border:0 none;
		color:#999;
		font-size:11px;
	}
.tddelete {
	display:inline-block;
	padding:3px;
	vertical-align:middle;
}

div.cafetopcont2 {
	width:675px;
	margin:25px 0 40px;
	background:url('/images/common/bg_rnd.gif') repeat-y 0 0;
}
div.cafetopcont2 .cafetopcont-btm {
		padding-bottom:25px;
		background:url('/images/common/bg_rnd_btm.gif') no-repeat 0 bottom;
	}
	div.cafetopcont2 .cafetopcont-top {
		overflow:hidden;
		width:100%;
		background:url('/images/common/bg_rnd_top.gif') no-repeat 0 top;
	}

.ecoStory { padding:40px 40px 0 40px; width:595px; color:#999;}
.ecoStory h3 { text-align:center;}
.storyCont { clear:both; overflow:hidden; margin-top:25px; width:595px;}
	.storyCont dl { float:left; width:334px;}
		.storyCont dl.mR { margin-right:20px;}
	.storyCont dt { font-size:14px; font-weight:bold; color:#666;}
	.storyCont dd { }
	.storyCont dd p { margin-top:20px; line-height:140%;}
.storyCont .txt { clear:both; padding-top:20px;}
.storyCont .photo { float:left;}
.storyCont .photo2 { float:left; margin-right:20px;}

/* winner */
div.prizewinner {
	width:675px;
	height:87px;
	padding-top:40px;
	background:url('/images/common/boxstyle01.gif') no-repeat 0 30px;
}
	div.prizewinner h4 {
		display:inline;
		float:left;
		margin:0 0 0 90px;
	}
	div.prizewinner .prizlist {
		float:left;
		margin:18px 0 0 30px;
	}
	div.prizewinner .prizlist div {
		padding-top:9px;
		color:#666;
	}
/* ETC */
/* ceo */
div.ceo {
	width:680px;
	margin-top:40px;
	background:url('/images/etc/ceo_photo.jpg') no-repeat right 65px;
}
	div.ceo strong {
		display:block;
		margin:30px 0 0 20px;
	}
	div.ceo p {
		display:block;
		margin:35px 0 0 20px;
	}
	div.ceo em {
		display:block;
		margin-top:15px;
		text-align:right;
	}
/* history */
div.history {
	width:100%;
	padding-top:40px;
}
	div.history ol {
		padding-top:15px;
	}
		div.history ol li {
			position:relative;
			width:100%;
			overflow:hidden;
		}
		div.history ol li em {
			position:absolute;
			left:0;
			bottom:0;
		}
	div.history ol li ol {
		float:right;
		width:515px;
		padding:15px 0 10px;
		border-bottom:1px solid #efefef;
	}
		div.history ol li ol li {
			padding-top:10px;
		}
		div.history ol li ol li span {
			display:inline-block;
			width:65px;
			text-align:right;
		}
		div.history ol li ol li p {
			display:inline;
			padding-left:18px;
		}

/*organization*/
div.organization {
	width:100%;
	padding-top:40px;
}

/*company*/
div.company {
	position:relative;
	width:100%;
	padding-top:40px;
}
div.company-dpop{
	position:absolute;
	top:40px;
	left:20px;
	width:520px;
	height:416px;
	background:url('/images/etc/loc_iso_certification.png') no-repeat 0 0;
	_background:url('/images/etc/loc_iso_certification.gif') no-repeat 0 0;
	z-index:10;
}
	div.company-dpop h4{
		margin:32px 0 18px 40px !important;
	}
	div.company-dpop .company-cer{
		overflow:hidden;
		zoom:1;
		margin:0 10px 0 10px;
		padding:17px 25px 0 25px;
	}
		div.company-dpop .company-cer div{
			float:left;
			margin-right:44px;
			width:202px;
		}
		div.company-dpop .company-cer div.cer{
			margin-right:0;
		}
		div.company-dpop div.com-right{
			text-align:right;
			padding:10px 32px 0 0;
			cursor:pointer;
		}

/*agreement*/
div.cont-bg {
	padding-top:15px;
	margin:20px 0 0 5px;
	width:675px;
	height:467px;
	background:url('/images/common/contbg.gif') no-repeat 0 0;
	font-size:11px;
}
	div.cont-bg .top-cont-txt{
		font-size:11px;
		height:424px;
		line-height:14px;
		padding:0 20px 22px 21px;
		overflow:auto;
		width:612px;
		}
		div.cont-bg .top-cont-txt h5{
			font-weight:normal;
			margin-top:10px;
		}
		div.cont-bg .top-cont-txt p.bul01{
			background:url('/images/common/icon/bl_star06.gif') no-repeat 0 3px;
			padding-left:11px;
		}
		div.cont-bg .top-cont-txt ol{
			margin-top:5px;
		}
			div.cont-bg .top-cont-txt ol li{
				padding-left:16px;
				text-indent:-16px;
			}
		div.cont-bg .top-cont-txt ol.num{
			margin-left:16px;
		}
			div.cont-bg .top-cont-txt ol.num li{
				list-style-type: decimal;
				padding:0 !important;
				text-indent:0 !important;
			}

/*agreement*/
div.cont-txt h4{
	margin-top:10px;
}
div.cont-txt p{
	margin-bottom:5px;
}


/*customer*/
div.customer{
	width:100%;
	padding-top:40px;
}
	div.customer h4 {
	margin:28px 0 15px;
	}
/*sitemap*/
div.sitemap{
	width:100%;
	padding-top:40px;
}
	div.sitemap .site-info{
		background:url('/images/etc/bg_sitemap.gif') repeat-y 0 0;
		margin-top:30px;
		padding-top:15px;
		height:285px;
	}
		div.sitemap .site-info h4{
			overflow:hidden;
			visibility:hidden;
			position:absolute;
			width:0;
			height:0;
			font-size:0;
			line-height:0;
		}
		div.sitemap .site-info div{
			background:url('/images/etc/theglass.gif') no-repeat 98% 99%;
			width:134px;
			height:283px;
			float:left;
		}
		div.sitemap .site-info div.m-shopping{
			background:url('/images/etc/shopping.gif') no-repeat 98% bottom;
		}
		div.sitemap .site-info div.m-ecocafe{
			background:url('/images/etc/ecocafe.gif') no-repeat 98% bottom;
		}
		/* div.sitemap .site-info div.m-event{
			background:url('/images/etc/event.gif') no-repeat 98% bottom;
		}*/
		div.sitemap .site-info div.m-hyojae{
			background:url('/images/etc/hyojae.gif') no-repeat 98% bottom;
		}
		div.sitemap .site-info div.m-company{
			background:url('/images/etc/company.gif') no-repeat 98% bottom;
		}
			div.sitemap .site-info div ul li{
				background:url('/images/etc/bl_theglass.gif') no-repeat 0 0;
				margin-bottom:14px; 
				padding-left:20px;
				line-height:0px;
				font-size:0px;
			}
			div.sitemap .site-info div.m-shopping ul li{
				background:url('/images/etc/bl_shopping.gif') no-repeat 0 0;
			}
			div.sitemap .site-info div.m-ecocafe ul li{
				background:url('/images/etc/bl_ecocafe.gif') no-repeat 0 0;
			}
			/* div.sitemap .site-info div.m-event ul li{
				background:url('/images/etc/bl_event.gif') no-repeat 0 0;
			} */
			div.sitemap .site-info div.m-hyojae ul li{
				background:url('/images/etc/bl_event.gif') no-repeat 0 0;
			}
			div.sitemap .site-info div.m-company ul li{
				background:url('/images/etc/bl_company.gif') no-repeat 0 0;
			}

/* hyojae */
.hyojae { margin-top:30px;}
	.meet { margin-top:35px; padding-left:243px; background:url(/images/hyojae/bg.jpg) no-repeat 18px top;}
	.meet p { margin-bottom:30px;}
	.hyojaeLine { overflow:hidden;}
	.hyojaeLine li { float:left;}
	.hyojaeLine li p.btn { padding-left:78px;}
	.adSel { margin-bottom:10px; text-align:right;}
		.adSel select { width:145px; font-size:11px;}
	.adInfo { overflow:hidden; zoom:1; margin-top:40px;}
	.adInfo dd { padding:10px 0 0 20px;}
	.adInfo dd li { float:left; padding-right:10px;}
	.adStory { margin-top:20px;}
	.adStory dt { padding-left:20px;}
		.adStory dt span { cursor:pointer;}
	.adStory dd { display:none; margin-top:35px;}
		.adStory dd.onCont { display:block;}

/* 2010-04-14 order detail */
.orderRnd {
	position:relative;
	width:675px;
	height:87px;
	padding-top:23px;
	background:url('/images/member/ordersearchbox.gif') no-repeat 0 15px;
	text-align:center;
}
.orderRnd p { margin-top:10px;}
.orderRnd p img { padding-top:1px; vertical-align:top;}
.orderRnd p strong { padding:0 10px; font-size:14px; letter-spacing:-1px;}

.totalPayTxt { margin-top:10px; padding-right:25px; text-align:right; font-weight:bold; color:#c81a1a;}
.totalPayTxt img { padding:1px 0 0; vertical-align:top;}
.totalPayTxt span { display:inline-block; padding:0 5px 0 43px;}