@import url("common.css");

/***************************************
사이트공통-Style
***************************************/

a { cursor: pointer; }
.container { /*width:980px;*/ }

.sitepath { position: absolute; top: 0; right: 15px; }

.ProductImg { border: 1px solid #BABABA !important; width: 100%; }
.product .image, .product img { border: 1px solid #BABABA !important; width: 100%; }

.OriginPrice { text-decoration: line-through; }
.SalePrice { color: #FF6205; font-weight: bold; }
.OrderPrice { color: #4FBB11; font-weight: bold; }
.PaymentPrice { color: #FF6401; }
.SelectDate { height: 20px; vertical-align: middle; margin-right: 5px; }
.PageArea { width: 100%; text-align: left; }

input.numBox { text-align: right; }
div.NewLine { clear: both; }
div.DateSearchBox { clear: both; padding-top: 3px; padding-left: 25px; background: url('') repeat-x; margin-bottom: 5px; letter-spacing: 2px; }
.NotInputBox, span.NotInputBox input { border: none; }
.pnSort { }
	.pnSort img { }
	.pnSort button, .pnSort input, .pnSort select, .pnSort option { /*height:28px;*/ float: left; }

div.subTitle { margin-top: 15px; margin-bottom: 15px; }


/*이미지 강제 확장 업그레이드에 따른 임시 보정값 모음*/
.log img { width: 100%; }
/*.EventBanner img, .Banner img { width: 100%; }*/
.contentMenu img { width: 100%; }

input[type="image"] { vertical-align: baseline; }
a > img { vertical-align: baseline; }

.inipayHidden input { width: 100%; }

table .table, table.table td, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border: none; padding: 4px; vertical-align: middle; }



/*목록에 사용되는 테이블 공통*/
table { /*border-collapse: collapse;*/ }
	table td.Head { height: 25px; padding-top: 7px; text-align: center; color: #030303; background: url(/skin/default/images/bg_ListTop.gif) repeat-x; font-weight: bold; }
	table td.Bar { height: 25px; width: 2px; background: url(/skin/default/images/bg_ListBar.gif) no-repeat; }
	table td.ProductItem { background: url(/skin/default/images/dotline_h_02.gif) repeat-x; height: 76px; }
		table td.ProductItem img { border: 1px solid #BABABA; }
	table td.Number { text-align: right; padding-right: 8px; }
	table td.Subject { padding-left: 15px; }
	table td.Item { background: url(/skin/default/images/dotline_h_02.gif) repeat-x; height: 27px; font-weight: bold; }
	table td.Top { vertical-align: top; height: 16px !Important; padding-top: 6px; }
	table td.SmallNoData { background: url(/skin/default/images/dotline_h_02.gif) repeat-x; height: 80px; }
	table td.BigNoData { background: url(/skin/default/images/dotline_h_02.gif) repeat-x; height: 300px; }
	table td.Foot { border-top: 1px solid #D6D6D6; height: 3px; background-color: #F7F7F7; }

/*서브 왼쪽메뉴 공통*/
div.LeftSubMenu { width: 188px; padding-top: 10px; }
	div.LeftSubMenu div.SubMenuTitle { width: 100%; }
	div.LeftSubMenu ul.MenuList { text-align: left; list-style: none; list-style-image: url('') !important; margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; }
		div.LeftSubMenu ul.MenuList li { font-weight: normal !Important; }



/**************************
default layout
***************************/

div.header { height: 79px; position: relative; background: url(/skin/default/images/bg_top.gif) repeat-x 0px 37px; }

	div.header div.logo { float: left; height: 80px; width: 100%; margin: 6px 0 0 0; text-align: center; border: 2px solid #2B6D1B; border-bottom: none; border-radius: 4px 4px 0 0; background-color: #fff; }



	div.header div.topMenu { text-align: right; margin: 10px 0; }

	div.header div.siteMenu { float: left; margin: 6px; background-color: #42A60C; border-radius: 4px; }
		div.header div.siteMenu a { font-size: 1.4rem; display: inline-block; padding: 6px 15px; font-weight: bolder; color: #fff; }


	div.header div.searchProduct { float: right; margin-top: 6px; margin-right: 0; background-color: #FFFFFF; height: 30px; text-align: center; border: 1px solid green; border-radius: 4px; }
		div.header div.searchProduct input[type="text"] { border: none; margin-top: 4px; margin-left: 5px; float: left; }
		div.header div.searchProduct input[type="image"] { margin-top: 4px; margin-right: 4px; }


div.Navigation { position: absolute; left: 0px; top: 90px; width: 965px; height: 20px; text-align: right; }

div.content { clear: both; position: relative; margin-top: 0px; }

	div.content div.contentMenu { float: left; height: 100%; position: relative; }
		div.content div.contentMenu div.menuCategory { width: 100%; border: 2px solid #2B6D1B; border-top: none; border-radius: 0 0 4px 4px; }

			div.content div.contentMenu div.menuCategory div.ViewCategoryButton { padding-top: 12px; }
			div.content div.contentMenu div.menuCategory ul { padding-left: 10px; margin-top: 10px; text-align: left; list-style: none; }
				div.content div.contentMenu div.menuCategory ul li { padding-left: 20px; color: #606060; font-weight: bold; font-size: 9pt; margin-top: 3px; line-height: 16px; cursor: pointer; list-style-position: outside; background: url('') no-repeat 0 2px; /*list-style-image: url(/skin/default/images/deco_left_Category.gif);*/ }

					div.content div.contentMenu div.menuCategory ul li span { display: inline-block; width: 180px; }
		div.content div.contentMenu div.menuEmpty { height: 10px; }
		div.content div.contentMenu div.menuBottom { background: url('') no-repeat; width: 100%; height: 8px; font-size: 0px; }
		div.content div.contentMenu div.Banner { width: 100%; text-align: center; }

			div.content div.contentMenu div.Banner ul { list-style: none; margin: 0px; padding: 0px; }
			div.content div.contentMenu div.Banner li { }
				div.content div.contentMenu div.Banner li.bnr18 { padding-top: 18px; }
				div.content div.contentMenu div.Banner li.bnr10 { padding-top: 10px; }
				div.content div.contentMenu div.Banner li.bnr8 { padding-top: 8px; }


	div.content div.contentMain { position: relative; border-left: 1px dotted #DAD8D9; box-shadow: -6px 0px 10px -12px #8E8E8E, 6px 0px 10px -12px #8E8E8E; }


		div.content div.contentMain div.topMessage { width: 289px; height: 16px; padding-bottom: 2px; background: url('') no-repeat; }

div.footer { margin-top: 40px; position: relative; }
div.footer { background-color: #FFFFFF; background: url('/skin/default/images/footer_bg.gif') repeat-x; }

	div.footer div.footerLeft { height: 48px; background-color: #F2F2F2; }
	div.footer div.footerMenu { height: 48px; background: url('') repeat-x; }

	div.footer p.footerMenu { text-align: center; display: block; }
		div.footer p.footerMenu a { padding: 15px; display: inline-block; }

	div.footer div.copyright { margin-top: 15px; display: block; position: relative; }
		div.footer div.copyright div.logo { float: left; }
		div.footer div.copyright div.text { position: absolute; left: 100px; float: left; padding-left: 35px; padding-top: 0px; }


	div.footer div.footerEmpty { z-index: -1; position: absolute; left: 0px; top: 0px; height: 48px; width: 100%; background-color: #F2F2F2; }


/***************************************
2차 상품분류메뉴Box-Style
***************************************/
#SubCategoryListBox { position: absolute; padding-left: 20px; }

	#SubCategoryListBox #SubCategoryList { width: 166px; padding: 5px; background-color: #FFFFFF; border: 1px solid #62BD2C; width: 180px; border-radius: 4px; }
		#SubCategoryListBox #SubCategoryList ul { list-style: none; margin: 0px; margin-left: 5px; padding: 0 2px; }
			#SubCategoryListBox #SubCategoryList ul li { cursor: pointer; }
				#SubCategoryListBox #SubCategoryList ul li span { background: url('') no-repeat 0px 5px; cursor: hand; display: inline-block; padding-left: 8px; width: 95%; }


/***************************************
자동 스크롤 Quick메뉴
***************************************/
/*
#Quick_Remocon{Z-INDEX: 1;position:absolute;left:990px;width:102px;height:378px;}
	#Quick_Remocon div.Product{float:left;width:81px;height:337px;border-top:1px solid #DAD8D9;border-left:1px solid #DAD8D9;border-bottom:1px solid #DAD8D9;}
		#Quick_Remocon div.Product ul	{list-style-type:none;margin:0px;width:100%;text-align:center;}
			#Quick_Remocon div.Product ul li{margin-bottom:5px;}
				#Quick_Remocon div.Product ul li img{width:66px;height:66px;border:1px solid #DAD8D9 !Important;cursor:hand;}
	#Quick_Remocon div.menu{float:right;width:20px;border-top:1px solid #DAD8D9;height:337px;background:url(/skin/default/shop/images/bg_ScrollMenu.gif) repeat-y;}
	#Quick_Remocon div.topButton{clear:both;}
*/
#Quick_Remocon { width: 75px; /*height: 140px;*/ z-index: 1000; position: fixed; top: 10%; left: 50%; font-size: 12px; margin-left: 600px; background-color: #e3f7b8; border: 2px solid #9ddc5e; border-radius: 4px; padding: 0; }
	#Quick_Remocon div.Product { position: relative; padding-top: 6px; /*margin-top: 8px;*/ width: 67px; /*height: 60px;*/ border: 0 solid #DAD8D9; }
		#Quick_Remocon div.Product div.PagingButton { width: 100%; text-align: center; }
		#Quick_Remocon div.Product ul { margin: 0px; padding: 0px; list-style-type: none; width: 100%; /*height: 0px;*/ text-align: center; }
			#Quick_Remocon div.Product ul li { margin-bottom: 0; }
				#Quick_Remocon div.Product ul li img { width: 48px; height: 48px; border: 1px solid #DAD8D9 !Important; cursor: hand; }
	#Quick_Remocon div.menu { float: right; width: 20px; border-top: 1px solid #DAD8D9; height: 337px; background: url('') repeat-y; }
	#Quick_Remocon div.topButton { clear: both; }

#SimpleProductList { width: 482px; height: 420px; position: absolute; left: 300px; top: 200px; }
	#SimpleProductList div.top { width: 100%; height: 44px; background: url(''); }
		#SimpleProductList div.top div.subTitle { float: left; padding-left: 22px; padding-top: 10px; }
		#SimpleProductList div.top div.Button { float: right; padding-right: 15px; padding-top: 10px; }
	#SimpleProductList div.contents { width: 100%; height: 337px; background: url(''); }
		#SimpleProductList div.contents div.SimpleContents { float: left; padding-left: 20px; width: 423px; height: 100%; }
			#SimpleProductList div.contents div.SimpleContents div.ListContents { padding-left: 20px; width: 403px; height: 100%; background-color: #FFFFFF; }

				#SimpleProductList div.contents div.SimpleContents div.ListContents table.ProductList { width: 400px; }
					#SimpleProductList div.contents div.SimpleContents div.ListContents table.ProductList td { background: none; }
						#SimpleProductList div.contents div.SimpleContents div.ListContents table.ProductList td div.ProductImage { float: left; width: 96px; height: 70px; }

		#SimpleProductList div.contents div.SimpleMenu { float: left; width: 20px; }
	#SimpleProductList div.Bottom { width: 100%; height: 39px; background: url(''); }
		#SimpleProductList div.Bottom div.Paging { float: left; margin-left: 22px; width: 290px; text-align: center; padding-top: 8px; }
		#SimpleProductList div.Bottom div.Button { float: right; width: 80px; text-align: right; padding-right: 40px; padding-top: 6px; }
/***************************************
서브 관련 공통-Style
***************************************/

div.SubCommon { padding: 0px; position: relative; }
	div.SubCommon h2.subTitle, div.SubCommon div.subTitle { margin-top: 7px; margin-bottom: 10px; }
	div.SubCommon div.SubBoxTop { margin-top: 0px; height: 34px; padding-top: 25px; background: url('') no-repeat; margin-bottom: 0px; }

		div.SubCommon div.SubBoxTop h3.SubBoxTitle { padding-left: 28px; }
	div.SubCommon div.SubBoxTopOrder { margin-top: 0px; height: 104px; }

		div.SubCommon div.SubBoxTopOrder table.HeadMessage { height: 104px; width: 100%; }
			div.SubCommon div.SubBoxTopOrder table.HeadMessage tr { background: url('') repeat-x; }
			div.SubCommon div.SubBoxTopOrder table.HeadMessage td { padding: 0; border: none; }
				div.SubCommon div.SubBoxTopOrder table.HeadMessage td.left { width: 10px; vertical-align: middle; background: url('/skin/default/shop/images/bg_ContentsBoxTopOrderLeft.gif') repeat-x; }
				div.SubCommon div.SubBoxTopOrder table.HeadMessage td.Image { width: 146px; text-align: center; vertical-align: middle; background: url('/skin/default/shop/images/bg_ContentsBoxTopOrder.gif') repeat-x; }
				div.SubCommon div.SubBoxTopOrder table.HeadMessage td.Message { vertical-align: top; padding-top: 40px; background: url('/skin/default/shop/images/bg_ContentsBoxTopOrder.gif') repeat-x; }
				div.SubCommon div.SubBoxTopOrder table.HeadMessage td.right { width: 10px; background: url('/skin/default/shop/images/bg_ContentsBoxTopOrderRight.gif') repeat-x; }
				div.SubCommon div.SubBoxTopOrder table.HeadMessage td.Message span.PointMark { color: #FF6401; font-weight: bold; }

	div.SubCommon div.SubBoxMiddle { margin-top: 0px; font-size: 0px; }

		div.SubCommon div.SubBoxMiddle div.BottomArea { padding-bottom: 40px; }
		div.SubCommon div.SubBoxMiddle div.SubContents { margin-top: 7px; margin-left: 24px; line-height: 18px; }

	div.SubCommon div.SubBoxBottom { height: 12px; font-size: 0px; background: url('') no-repeat; }






.main.shop table.HeadMessage { height: 104px; width: 100%; }
	.main.shop table.HeadMessage tr { background: url('') repeat-x; }
	.main.shop table.HeadMessage td { padding: 0; }
		.main.shop table.HeadMessage td.Image { width: 146px; text-align: center; vertical-align: middle; background: url('') repeat-x; }
		.main.shop table.HeadMessage td.Message { vertical-align: top; padding-top: 40px; background: url('') repeat-x; }
			.main.shop table.HeadMessage td.Message span.PointMark { color: #FF6401; font-weight: bold; }




/***************************************
상품 상세
***************************************/
div.ProductDetail { margin-top: 10px; }
	div.ProductDetail div.ProductDetail-title { padding: 5px 0 10px 0; font-size: 10pt; }
	div.ProductDetail span.NameItem { color: #5A5A5A; font-weight: bold; display: inline-block; }
	div.ProductDetail span.NameValue { color: #FE0000; font-weight: bold; }

	/*div.ProductDetail div.InfoBoxTop { margin-top: 12px; background: url(/skin/default/shop/images/productDetail_boxTop.gif) no-repeat; width: 100%; height: 10px; font-size: 0px; }
div.ProductDetail div.InfoBoxBottom { background: url(/skin/default/shop/images/productDetail_boxBottom.gif) no-repeat; width: 100%; height: 10px; margin-bottom: 20px; font-size: 0px; }

div.ProductDetail div.InfoBoxMiddle { background: url(/skin/default/shop/images/productDetail_boxMiddle.gif) repeat-y; width: 718px; padding-left: 24px; padding-right: 13px; padding-top: 10px; padding-bottom: 10px; }
	div.ProductDetail div.InfoBoxMiddle div.ProductImage { float: left; margin-right: 13px; }
		div.ProductDetail div.InfoBoxMiddle div.ProductImage ul { list-style: none; margin: 0px; padding-top: 10px; }
			div.ProductDetail div.InfoBoxMiddle div.ProductImage ul li { float: left; margin: 0px; margin-right: 8px; cursor: hand; }
	div.ProductDetail div.InfoBoxMiddle div.BaseInfo { width: 380px; }
		div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo { }
			div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo td { height: 22px; }
				div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo td.Item { background: url(/skin/default/images/dot.gif) no-repeat 20px 8px; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; }
				div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo td.OptionBox { padding-left: 30px; padding-top: 4px; padding-bottom: 4px; }
				div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo td.Bottom { background: url(/skin/default/images/dotline_h_03.gif) repeat-x 0px 3px; height: 24px; }
				div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo td.Flag { text-align: center; }
				div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo td.ItemValue { padding-left: 10px; }
			div.ProductDetail div.InfoBoxMiddle div.BaseInfo table.ProductInfo div.QuantityArea { float: left; margin-right: 5px; line-height: 0px; }

		div.ProductDetail div.InfoBoxMiddle div.BaseInfo div.ButtonArea { }*/


	div.ProductDetail div.InfoBox { border: 4px solid #BABABA; border-radius: 6px; padding: 10px; }
		div.ProductDetail div.InfoBox div.ProductImage { width: 100%; }
			div.ProductDetail div.InfoBox div.ProductImage img { width: 100%; }
			div.ProductDetail div.InfoBox div.ProductImage ul { list-style: none; margin: 0px; padding-top: 10px; }
				div.ProductDetail div.InfoBox div.ProductImage ul li { float: left; margin: 0px; margin-right: 8px; cursor: hand; }
		div.ProductDetail div.InfoBox div.BaseInfo { width: 380px; }
			div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo { }
				div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo td { height: 22px; }
					div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo td.Item { padding-left: 10px; padding-top: 2px; padding-bottom: 2px; vertical-align: middle; }
					div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo td.OptionBox { padding-left: 30px; padding-top: 4px; padding-bottom: 4px; }
					div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo td.Bottom { background: url('') repeat-x 0px 3px; height: 24px; }
					div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo td.Flag { text-align: center; }
					div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo td.ItemValue { padding-left: 10px; }
				div.ProductDetail div.InfoBox div.BaseInfo table.ProductInfo div.QuantityArea { float: left; margin-right: 5px; line-height: 0px; }

			div.ProductDetail div.InfoBox div.BaseInfo div.ButtonArea { }


div.ButtonArea { display: block; }
	div.ButtonArea a img { vertical-align: unset; }





div.ProductDetail table.TabButton { }
	div.ProductDetail table.TabButton td.Tab { }
	div.ProductDetail table.TabButton td.TabLine { background: url('') repeat-x; }


div.TabButton { display: block; width: 100%; margin: 15px auto 10px auto; background: url('') repeat-x; height: 31px; padding-left: 5px; }
	div.TabButton div.Tab { float: left; margin-right: 5px; }

div.ProductDetail div.subTitle { margin: 20px 0 15px 0; clear: both; }




/***************************************
상품상세설명 에디트에 적용된 스타일을 적용해야 한다. 
***************************************/
div.ProductDetail div.DetailContents { padding-left: 10px; padding-right: 10px; min-height: 200px; padding-bottom: 50px; }
	div.ProductDetail div.DetailContents p { margin: 0; padding: 0; line-height: 1.7; }






	div.ProductDetail div.DetailContents table.CommentList { border-collapse: collapse; border-bottom: 1px solid #DEDEDE; }

		div.ProductDetail div.DetailContents table.CommentList td { padding-bottom: 3px; }

/***************************************
상품 목록
***************************************/
/*div.ProductCategoryBox div.SelectCategory { margin-top: 10px; background: url(/skin/default/shop/images/icon_Category.gif) no-repeat 10px; padding-left: 30px; width: 500px; height: 18px; }
div.ProductCategoryBox div.CategoryBoxTop { background: url(/skin/default/shop/images/productDetail_boxTop.gif) no-repeat; width: 100%; height: 10px; font-size: 0px; }
div.ProductCategoryBox div.CategoryBoxMiddle { background: url(/skin/default/shop/images/productDetail_boxMiddle.gif) repeat-y; width: 718px; padding-left: 24px; padding-right: 13px; padding-top: 10px; padding-bottom: 10px; }
div.ProductCategoryBox div.CategoryBoxMiddle strong { color: #FF6205; }
div.ProductCategoryBox div.CategoryBoxMiddle a.CategoryText { color: #636363; text-decoration: none; }
div.ProductCategoryBox div.CategoryBoxMiddle a.SelectCategoryText, span.SelectCategoryText { color: #636363; font-weight: bold; text-decoration: none; }

div.ProductCategoryBox div.CategoryBoxBottom { background: url(/skin/default/shop/images/productDetail_boxBottom.gif) no-repeat; width: 100%; height: 10px; margin-bottom: 20px; font-size: 0px; }*/

div.ProductCategoryBox { margin: 10px 0; }
	div.ProductCategoryBox div.CategoryBox { padding: 10px 20px; border: 4px solid #BABABA; border-radius: 6px; }
	div.ProductCategoryBox div.SelectCategory { margin-top: 10px; background: url('') no-repeat 10px 10px; padding-left: 30px; width: 500px; height: 18px; }


table.ProductList { width: 100%; }

	table.ProductList td input { border: none; }
	table.ProductList td span.SalePrice { color: #FF6205; }
	table.ProductList td .ProductImg { border: none !important; }
div.ImageTypeList { width: 100%; }
	div.ImageTypeList div.ImageTypeListHeader, div.ImageTypeListFooter { width: 100%; border-top: 1px solid #D6D6D6; height: 3px; background-color: #F7F7F7; font-size: 0px; }
	div.ImageTypeList .SalePrice { color: #0852B5; }


/***************************************
주문목록
***************************************/
div.shop { }
	div.shop table.CommonList { width: 100%; }
	div.shop table.OrderInfo { width: 100%; }
		div.shop table.OrderInfo td.Head { height: 6px; font-size: 0px; }
		div.shop table.OrderInfo td.Icon { width: 140px; text-align: center; vertical-align: top; padding-top: 20px; padding-bottom: 15px; }
		div.shop table.OrderInfo td.Item { background-image: none; background-color: #EFEFEF; padding-left: 11px; width: 109px; height: 18px; padding-top: 6px; padding-bottom: 6px; }
		div.shop table.OrderInfo td.Middle { vertical-align: middle; }
		div.shop table.OrderInfo td.Top { padding-top: 3px; vertical-align: top; }
		div.shop table.OrderInfo td.ItemValue { padding-left: 15px; width: 425px; padding-top: 6px; padding-bottom: 6px; }
			div.shop table.OrderInfo td.ItemValue select.address { max-width: 100%; width: 100%; }
			div.shop table.OrderInfo td.ItemValue table td { line-height: 20px; padding-top: 4px; padding-bottom: 2px; padding-left: 15px; }
	div.shop div.Line { margin-top: 1px; margin-bottom: 6px; height: 1px; background-color: #D6D6D6; font-size: 0px; }
	div.shop div.ButtonArea { margin-top: 20px; margin-bottom: 20px; text-align: right; }
	div.shop div.PriceCalculate { margin-top: 20px; text-align: right; padding-bottom: 15px; padding-right: 18px; border-bottom: 1px solid #D6D6D6; }
		div.shop div.PriceCalculate span.Price { font-weight: bold; }




div.OrderList { }
	div.OrderList table.CommonList { width: 100%; }
	div.OrderList table.OrderInfo { width: 100%; }
		div.OrderList table.OrderInfo td.Head { height: 6px; font-size: 0px; }
		div.OrderList table.OrderInfo td.Icon { width: 140px; text-align: center; vertical-align: top; padding-top: 20px; padding-bottom: 15px; }
		div.OrderList table.OrderInfo td.Item { background-image: none; background-color: #EFEFEF; padding-left: 11px; width: 109px; height: 18px; padding-top: 6px; padding-bottom: 6px; }
		div.OrderList table.OrderInfo td.Middle { vertical-align: middle; }
		div.OrderList table.OrderInfo td.Top { padding-top: 3px; vertical-align: top; }
		div.OrderList table.OrderInfo td.ItemValue { padding-left: 15px; width: 425px; padding-top: 6px; padding-bottom: 6px; }
			div.OrderList table.OrderInfo td.ItemValue select.address { max-width: 100%; width: 100%; }
			div.OrderList table.OrderInfo td.ItemValue table td { line-height: 20px; padding-top: 4px; padding-bottom: 2px; padding-left: 15px; }
	div.OrderList div.Line { margin-top: 1px; margin-bottom: 6px; height: 1px; background-color: #D6D6D6; font-size: 0px; }
	div.OrderList div.ButtonArea { margin-top: 20px; margin-bottom: 20px; text-align: right; }
	div.OrderList div.PriceCalculate { margin-top: 20px; text-align: right; padding-bottom: 15px; padding-right: 18px; border-bottom: 1px solid #D6D6D6; }
		div.OrderList div.PriceCalculate span.Price { font-weight: bold; }









/***************************************
회원가입
***************************************/
table.MemberInsert { border-collapse: collapse; background-color: #F4F4F4; }
	table.MemberInsert td { border: 1px solid #FFFFFF; padding-top: 7px; padding-left: 10px; padding-bottom: 4px; vertical-align: top; line-height: 20px; }
		table.MemberInsert td.Bottom { padding-bottom: 7px; }
		table.MemberInsert td.Empty { background-color: #FFFFFF; height: 20px; padding-top: 10px; text-align: center; }

		table.MemberInsert td span.Mark { color: #D51A64; }

/*************************************
회원가입완료
**************************************/
div.JoinComplete div.CompleteMsg { margin-left: 13px; margin-top: 20px; margin-bottom: 20px; color: #454545; font-weight: bold; }
div.JoinComplete div.JoinInfoMsg { margin-left: 30px; margin-bottom: 20px; color: #FF6100; font-weight: bold; }
	div.JoinComplete div.JoinInfoMsg table td { color: #FF6100; font-weight: bold; }
div.JoinComplete div.ButtonArea { margin-left: 30px; }

/*************************************
아이디 비밀번호 찾기
**************************************/
table.SearchIdPass { }

	table.SearchIdPass td.IdSearchArea { vertical-align: top; text-align: center; }

		table.SearchIdPass td.IdSearchArea div.LoginBox { text-align: left; }
	table.SearchIdPass td.LineArea { width: 1px; background: url('') repeat-y; }

	table.SearchIdPass td.PassSearchArea { text-align: center; padding-left: 20px; padding-right: 20px; vertical-align: top; }

		table.SearchIdPass td.PassSearchArea div.LoginBox { text-align: left; }

	table.SearchIdPass table.SearchInsert td.Title { padding-bottom: 25px; text-align: left; }
	table.SearchIdPass table.SearchInsert td.Item { background-image: none; padding-bottom: 7px; text-align: left; }
	table.SearchIdPass table.SearchInsert td.ItemValue { text-align: left; height: 27px; }
	table.SearchIdPass table.SearchInsert td.ButtonArea { text-align: right; padding-top: 9px; }


/*************************************
아이디 비밀번호 찾기 결과
**************************************/
table.SearchIdPassComplete td.CompleteMsg { vertical-align: middle; text-align: center; }
	table.SearchIdPassComplete td.CompleteMsg span.MemberId { color: #FC6601; font-weight: bold; }
	table.SearchIdPassComplete td.CompleteMsg div.ButtonArea { margin-top: 0px; }

/*************************************
주문 로그인
**************************************/
table.OrderLogin { }

	table.OrderLogin td.MemberLoginArea { vertical-align: top; text-align: center; }

		table.OrderLogin td.MemberLoginArea div.LoginBox { text-align: left; }
		table.OrderLogin td.MemberLoginArea div.LoginService { text-align: left; margin-top: 37px; }

			table.OrderLogin td.MemberLoginArea div.LoginService div.ServiceMsg { width: 347px; padding-left: 10px; padding-top: 9px; }

			table.OrderLogin td.MemberLoginArea div.LoginService .Button-Area { text-align: center; margin: 20px auto; }
				table.OrderLogin td.MemberLoginArea div.LoginService .Button-Area a { width: 180px; }

	table.OrderLogin td.LineArea { background: url('') repeat-y; }

	table.OrderLogin td.GuestLoginArea { text-align: center; padding-left: 20px; padding-right: 20px; vertical-align: top; }

		table.OrderLogin td.GuestLoginArea div.LoginBox { text-align: left; }
		table.OrderLogin td.GuestLoginArea div.AgreementTitle { margin-top: 37px; margin-bottom: 18px; width: 100%; text-align: left; }
		table.OrderLogin td.GuestLoginArea div.AgreementBoxTop { height: 8px; background: url('') no-repeat; }
		table.OrderLogin td.GuestLoginArea div.AgreementBoxMiddle { width: 317px; padding-left: 21px; padding-right: 17px; background: url('') repeat-y; text-align: left; color: #A2A2A2; }

			table.OrderLogin td.GuestLoginArea div.AgreementBoxMiddle div.Approval { width: 100%; text-align: center; margin-top: 7px; margin-bottom: 7px; }

		table.OrderLogin td.GuestLoginArea div.AgreementBoxBottom { height: 5px; width: 355px; background: url('') no-repeat; margin-bottom: 11px; }
		table.OrderLogin td.GuestLoginArea div.ButtonArea { margin-top: 20px; text-align: center; width: 100%; }


	table.OrderLogin table.Login td.Title { padding-bottom: 25px; text-align: left; }
	table.OrderLogin table.Login td.Item { background-image: none; padding-bottom: 7px; text-align: left; }
	table.OrderLogin table.Login td.ItemValue { text-align: left; height: 27px; }
	table.OrderLogin table.Login td.ButtonArea { text-align: center; padding-top: 9px; }

	table.OrderLogin table.Login .GuestLoginArea td.ButtonArea { text-align: right; padding-top: 9px; }

/********************************
마이페이지 메뉴
********************************/
div.MyPageLeftBox { background: url(''); padding-top: 38px; height: 65px; width: 163px; text-align: center; }

/********************************
마이페이지
********************************/
div.MyPage { margin-top: 20px; }
	div.MyPage div.TopImageMenu { width: 100%; margin-top: 10px; margin-bottom: 20px; }
		div.MyPage div.TopImageMenu img { width: 100%; }

	div.MyPage div.MemberMsg { margin-left: 17px; margin-bottom: 15px; height: 26px; border: 1px solid #F6F7FE; padding-left: 15px; padding-top: 8px; width: 726px; }
	div.MyPage div.MyPageSubTitle { padding-bottom: 10px; }
	div.MyPage .MyPageMoreButton { padding-right: 10px; text-align: right; }

	div.MyPage div.MyPageTabButton { }
		/*div.MyPage div.MyPageTabButton { float: right; width: 440px; height: 27px; padding-top: 10px; padding-right: 15px; text-align: right; }*/

		div.MyPage div.MyPageTabButton strong { color: #FF6402; }

	div.MyPage div.MyPageContents { margin-bottom: 18px; clear: both; }

		div.MyPage div.MyPageContents div.DateSearchBox { }
		div.MyPage div.MyPageContents div.PageArea { padding-top: 7px; width: 100%; text-align: center; }
		div.MyPage div.MyPageContents table.MyPageList { }
			div.MyPage div.MyPageContents table.MyPageList td { padding: 4px; }

table.MyPageList td.Head { background: #F6F7FE url('') no-repeat right top; color: #8E8E8E; text-align: left; padding-left: 10px; }
table.MyPageList td.Item { padding-left: 4px; }






div.MyPage div.MyPageContents table.MyPageView { }
	div.MyPage div.MyPageContents table.MyPageView td { height: 20px; }
		div.MyPage div.MyPageContents table.MyPageView td.Head { height: 25px; color: #000000; background: url('') repeat-x; }
		div.MyPage div.MyPageContents table.MyPageView td.Item { vertical-align: top; padding-top: 6px; padding-left: 20px; padding-bottom: 5px; font-weight: bold; background: url('') repeat-x; }
		div.MyPage div.MyPageContents table.MyPageView td.Bar { padding-top: 6px; vertical-align: top; padding-left: 3px; padding-right: 10px; background: url('') repeat-x; }
		div.MyPage div.MyPageContents table.MyPageView td.Value { vertical-align: top; padding-top: 6px; background: url('') repeat-x; overflow: hidden; }
		div.MyPage div.MyPageContents table.MyPageView td.Contents { height: 300px; }
		div.MyPage div.MyPageContents table.MyPageView td.Value div.contentsText { position: relative; margin-bottom: 10px; }
			div.MyPage div.MyPageContents table.MyPageView td.Value div.contentsText div.contentsImage { text-align: center; padding-bottom: 10px; }

		div.MyPage div.MyPageContents table.MyPageView td.Foot { height: 1px; font-size: 0px; background-color: #CEC6C6; }
		div.MyPage div.MyPageContents table.MyPageView td.Button { text-align: right; padding-top: 10px; }

div.MyPage div.MyPageContents table.mainPageView { border-bottom: 1px solid #DBDBDB; }
	div.MyPage div.MyPageContents table.mainPageView td { background: none; border-top: 1px solid #DBDBDB; height: 27px; padding-top: 0px; vertical-align: middle; }
		div.MyPage div.MyPageContents table.mainPageView td.Head { background: #F6F7FE url('') no-repeat right top; color: #8E8E8E; font-weight: bold; }
		div.MyPage div.MyPageContents table.mainPageView td.Item { padding-left: 4px; }

div.MyPage div.MyPageContents div.SmallTitle { float: left; margin-top: 15px; margin-bottom: 4px; margin-left: 15px; padding-left: 15px; background: url('') no-repeat 0px 0px; }
div.MyPage div.MyPageContents div.OrderDetailMessage { margin-top: 15px; margin-bottom: 4px; float: right; margin-right: 20px; }
	div.MyPage div.MyPageContents div.OrderDetailMessage strong.OrderNo { color: #FF6205; }
	div.MyPage div.MyPageContents div.OrderDetailMessage strong.State { }
div.MyPage div.MyPageContents div.OrderListButton { margin-top: 10px; width: 98%; text-align: right; }
div.MyPage div.MyPageContents table.OrderDetailView { border-bottom: 1px solid #DBDBDB; }
	div.MyPage div.MyPageContents table.OrderDetailView td { background: none; border-top: 1px solid #DBDBDB; height: 27px; padding-top: 0px; vertical-align: middle; }
		div.MyPage div.MyPageContents table.OrderDetailView td.Head { background: #F6F7FE url('') no-repeat right top; color: #8E8E8E; text-align: left; padding-left: 10px; }
		div.MyPage div.MyPageContents table.OrderDetailView td.Item { padding-left: 4px; }

div.MyPage div.MyPageContents div.MyPageRecentQnA { background: url('') no-repeat; }
	div.MyPage div.MyPageContents div.MyPageRecentQnA div.QnAList { margin-left: 187px; }
		div.MyPage div.MyPageContents div.MyPageRecentQnA div.QnAList ul { margin-left: 0px; margin-top: 20px; list-style-image: url(''); }
			div.MyPage div.MyPageContents div.MyPageRecentQnA div.QnAList ul li { height: 26px; }
				div.MyPage div.MyPageContents div.MyPageRecentQnA div.QnAList ul li strong { color: #FF7901; }
/********************************
그린광장(커뮤니티)/고객센터
********************************/
div.Community { width: 100%; }
	div.Community table.CustomerCenter { }
		div.Community table.CustomerCenter td { border: none; padding: 0; }
			div.Community table.CustomerCenter td.SearchCategory { vertical-align: top; background: url('') repeat-y; padding-top: 10px; padding-right: 10px; }
				div.Community table.CustomerCenter td.SearchCategory ul { margin-left: 50px; list-style-image: url(''); margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
					div.Community table.CustomerCenter td.SearchCategory ul li { height: 20px; }
			div.Community table.CustomerCenter td.BestQnA { vertical-align: top; background: url('') repeat-y; padding-top: 10px; padding-right: 10px; }
				div.Community table.CustomerCenter td.BestQnA ul { margin-left: 50px; list-style-image: url(''); margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
					div.Community table.CustomerCenter td.BestQnA ul li { height: 20px; }
						div.Community table.CustomerCenter td.BestQnA ul li strong { color: #FF7B00; letter-spacing: 0px; }



	div.Community table { }
		div.Community table.QnAList { border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; }
			div.Community table.QnAList td { background: none; }
				div.Community table.QnAList td.Head { height: 20px; }
				div.Community table.QnAList td.Question { padding-top: 5px; height: 22px; padding-left: 15px; }
					div.Community table.QnAList td.Question strong { color: #FF7B00; letter-spacing: 0px; }
				div.Community table.QnAList td.Answer { padding-bottom: 5px; height: 22px; padding-left: 30px; background: url('') repeat-x 50% bottom; }

	div.Community div.VisualImage { width: 100%; margin: 20px 0; }
		div.Community div.VisualImage img { width: 100%; }
	div.Community div.TabButton { height: 26px; padding-left: 11px; margin-bottom: 0px; }
	div.Community table.BoardList { width: 100%; }
	div.Community div.PageArea { padding-top: 20px; width: 100%; text-align: center; }

	div.Community table.BoardWrite { width: 100%; }

		div.Community table.BoardWrite th { text-align: left; vertical-align: top; padding-top: 6px; padding-left: 40px; padding-bottom: 5px; background: url('') no-repeat 28px 10px; }
		div.Community table.BoardWrite td.Head { height: 25px; color: #030303; background: url('') repeat-x; }
		div.Community table.BoardWrite td.Line { height: 1px; font-size: 0px; background: url('') repeat-x; }
		div.Community table.BoardWrite td.Empty { height: 12px; }
		div.Community table.BoardWrite td.Value { vertical-align: top; padding-top: 6px; padding-left: 20px; padding-bottom: 5px; font-weight: normal; }
		div.Community table.BoardWrite td.Foot { height: 1px; font-size: 0px; background-color: #CEC6C6; }
		div.Community table.BoardWrite td.Button { text-align: right; padding-top: 10px; }

	div.Community table.BoardView { width: 100%; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; }
		div.Community table.BoardView td { height: 16px; vertical-align: middle; padding-top: 6px; padding-bottom: 6px; }
			div.Community table.BoardView td.Head { height: 25px; color: #030303; background: url('') repeat-x; vertical-align: middle; text-align: center; }
			div.Community table.BoardView td.Item { font-weight: bold; background: url('') repeat-x; vertical-align: middle; text-align: center; width: 80px; }
			div.Community table.BoardView td.Bar { padding-top: 6px; vertical-align: top; padding-left: 3px; padding-right: 10px; background: url('') repeat-x; }
			div.Community table.BoardView td.Value { vertical-align: top; padding-top: 6px; background: url('') repeat-x; overflow: hidden; }
			div.Community table.BoardView td.Contents { height: 300px; }
				div.Community table.BoardView td.Contents div.contentsText { position: relative; margin-bottom: 10px; }
					div.Community table.BoardView td.Contents div.contentsText div.contentsImage { text-align: center; padding-bottom: 10px; }

			div.Community table.BoardView td.Foot { height: 1px; font-size: 0px; background-color: #CEC6C6; }
			div.Community table.BoardView td.Button { text-align: right; padding-top: 10px; }

	div.Community table.BoardComment { width: 100%; }
		div.Community table.BoardComment th { padding-left: 6px; border-bottom: 1px solid #CEC6C6; text-align: left; padding-bottom: 5px; }
		div.Community table.BoardComment td { padding-top: 5px; vertical-align: top; }
			div.Community table.BoardComment td.writer { background: url('') no-repeat 8px 8px; padding-left: 20px; }
			div.Community table.BoardComment td.comment { padding-left: 4px; }
				div.Community table.BoardComment td.comment span.dateText { font-size: 8pt; color: #949496; }
			div.Community table.BoardComment td.line { background: url('') repeat-x; height: 2px; }

	div.Community div.CommentWrite { border: 1px solid #E7E7E7; background-color: #F7F7F7; padding-top: 10px; padding-bottom: 10px; text-align: center; }
	div.Community div.subTitle { margin-left: 20px; margin-bottom: 20px; }
	div.Community div.contents { padding-left: 20px; width: 710px; }

	div.Community table.Sitemap { margin-bottom: 20px; }
		div.Community table.Sitemap td { background: none; }
			div.Community table.Sitemap td.Item { width: 150px; vertical-align: top; }
				div.Community table.Sitemap td.Item h3 { margin-bottom: 10px; }
				div.Community table.Sitemap td.Item ul { margin: 0px; padding: 0 0 0 20px; list-style-image: url(''); }
					div.Community table.Sitemap td.Item ul li { padding-top: 4px; width: 100px; border-bottom: 1px solid #EBEBEA; }
			div.Community table.Sitemap td.Bar { width: 33px; background: url('') repeat-y }










/*개발자모드*/

div.__devMode { background-color: #e3769a; }
div.__devHelper { position: fixed; top: 10%; left: 10px; font-size: 12px; margin-left: 0; background-color: #e3f7b8; border: 2px solid #9ddc5e; border-radius: 4px; padding: 0; z-index: 99999; }