@charset "euc-kr";

h1, h2, h3, h4, h5, h6, strong, form { font-weight: bold; margin:0px; padding:0px;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
ol, ul, li {list-style: none; margin:0px; padding:0px;}
table {border-collapse: collapse; border-spacing: 0;}
caption {text-align: right; display:none;}
img {border:0 none;}

body {/*background:url(/images/main_new/top_img.jpg) no-repeat #FFFFFF center top; margin:98px 0px 0px 0px;*/ margin:0px 0px 0px 0px;padding:0px; font-family: µ¸¿ò, »õµ¸¿ò, ±¼¸², sans-serif; font-size:12px; line-height:160%; color:#878787; }

input, select { font-family: µ¸¿ò, »õµ¸¿ò, ±¼¸², sans-serif; font-size:12px; color:#878787;}


a:link, a:visited, a:active { color: #676767; }
a:hover { color: #000000; }


.left {float:left;}
ul li img {vertical-align:top;}
ul.left li {float:left;}
.hide {display:none;}
.for-reader {position:absolute; top: -2000px; left:-2000px; height:0; line-height:0;}
.clear, .fix {clear:both;}

div.Layout { width:1003px; margin: 0px auto; clear:both;}



#Header {width:1003px; margin:0px auto; height:60px;}
#Header h1 {position:absolute; top: -2000px; left:-2000px; height:0; line-height:0;}
	img.logo {float:left;}

	#Search {background:url(/images/main_new/search_bg.gif) no-repeat; float:left; width:370px; height:27px; padding:0px; margin:15px 0px 0px 50px;}
		#Search div.select {float:left; margin:3px 0px 0px 3px;}
		#Search div.select select {width:75px; height:21px; float:left; padding:2px; font-size:12px; color:#878787;}
		#Search div.input {float:left; margin:3px 2px 0px 3px;}
		#Search div.input input {width:225px; height:14px; border:0px; border-left:1px solid #61BB12;  padding:3px 0px 2px 8px; font-size:12px; color:#878787;}
		#Search div.sumit {float:right;}

	ul.util {float:right; padding:20px 0px 0px 0px;}



#CategoryBar {float:left; width:100%; background:url(/images/main_new/bg_x.gif) repeat-x 0px 0px;}

	#Category {float:left; width:178px; padding-top:7px;}
	#Category ul {background:#FFFFFF; padding-top:4px; height:231px; border-top:0px; border-right:1px solid #5ebb14; border-bottom:1px solid #5ebb14; border-left:1px solid #5ebb14;}
	#Category ul li {}
	#Category ul li a:link, #Category ul li a:visited, #Category ul li a:active{}
	/*#Category ul li a:link, #Category ul li a:visited, #Category ul li a:active, */a.out_category {background:url(/images/main_new/category.gif) no-repeat; display:block; width:141px; height:25px; padding:10px 0px 0px 35px; color:#6A6A6A; font-weight:bold;}
	/*#Category ul li a:hover,*/ a.over_category {background:url(/images/main_new/category_r.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block; width:141px; height:25px; padding:10px 0px 0px 35px; }


	#MenuZone {float:left; width:825px; height:45px;}
		div.img_txt { float:left; padding:5px 0px 0px 50px;}
		div.Menu {float:right; margin:10px 0px 0px 0px; padding:0px;}
		div.Menu h3 {background:url(/images/main_new/menu_s.gif) no-repeat right 1px; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; height:13px; float:left;}
		div.Menu h3.NotS {background:none; margin:0px; padding:0px;}


	#EventZone {float:left; width:823px; padding-left:2px;}
		#Event {float:left; width:582px; height:231px; position:relative;}
			#Event div.btn { position:absolute; top:208px; left:0px; z-index:100;  width:577px; text-align:right;}
			#Event dl {margin:0px; padding:0px;}
			#Event dl dt {margin:0px; padding:0px; position:absolute; top:203px; left:0px; background:#f1f1f1; width:567px; height:23px; padding:5px 0px 0px 15px; color:#666666;}
			#Event dl dd {margin:0px; padding:0px; position:absolute; top:0px; left:0px;}
			#Event dl dt em {color:#52af00; font-style:normal; font-weight:bold;}

		div.link {float:left; width:238px; padding-left:3px;}


	#Brand {padding:15px 0px;}

	div.goods {float:left; width:1003px; margin-bottom:15px;}
		div.goods h2 {float:left; width:189px; height:237px;}
		div.goods div.bestzone { float:left; border-top:1px solid #e1e1e1; border-right:0px; border-bottom:1px solid #e1e1e1; border-left:0px; width:185px; height:235px;}
			div.bestzone div { position:relative; background:url(/images/main_new/thum_bg1.gif) no-repeat; width:146px; height:151px; margin:18px auto 0px auto; padding:1px; color:#525252; line-height:120%;}
			div.bestzone div img.best {position:absolute; top:0px; left:0px;}
			div.bestzone div a img {margin-bottom:5px;}
			div.bestzone div strong {color:#000000; padding-top:5px; display:block;}

		div.goods a:link, div.goods a:visited, div.goods a:active { color: #525252; }
		div.goods a:hover { color: #000000; }

		div.GoodsList {float:left; width:609px; height:217px; border:1px solid #e1e1e1; padding:18px 0px 0px 18px;}
			div.GoodsList div {float:left; background:url(/images/main_new/thum_bg2.gif) no-repeat; width:300px; height:95px; padding:0px 0px 10px 0px; color:#525252;}
			div.GoodsList div img {float:left; margin:1px; width:144px; height:90px;}
			div.GoodsList div span {float:left; padding:10px 0px 0px 15px; width:120px;}
			div.GoodsList div span strong {color:#000000; padding-top:8px; display:block;}



	#MainContents {float:left; width:983px; height:175px; padding:15px 0px 0px 18px; margin-bottom:20px; background:#f3f3f3; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
		div.NoticeZone {float:left; width:175px;}
			div.Notice h3 img.more {margin-left:5px;}
			div.Notice ul {margin-top:5px; width:175px;}
			div.Notice ul li {background:url(/images/main_new/b_dot.gif) no-repeat 0px 7px; padding:0px 0px 0px 8px;}

			ul.banner {margin-top:10px;}
			ul.banner li {padding-bottom:3px;}

		div.ServiceZone {float:left; width:449px; margin:-5px 0px 0px 20px;}
			#FAQSearchZone {background:url(/images/main_new/faq_bg.gif) no-repeat; float:left; width:449px; height:105px; margin:0px; padding:0px;}
				#FAQSearch {float:left; overflow:hidden; padding:27px 0px 0px 60px; margin:0px; width:389px; height:38px;}
					#FAQSearch div.input {float:left; margin:3px 2px 0px 3px; width:300px;}
					#FAQSearch div.input input {width:300px; height:14px; border:0px; padding:3px 0px 2px 8px; font-size:12px; color:#666666;}
					#FAQSearch div.sumit {float:left;}

				div.SearchLink {padding:0px 0px 0px 15px;}

				ul.ServiceLink {padding:0px; margin:0px; float:left;}
				ul.ServiceLink li {background:url(/images/main_new/btn_bg.gif) no-repeat 8px 0px; width:94px; height:22px; padding:4px 10px 10px 8px; text-align:center; float:left;}

		div.Map {float:left; padding-left:30px; width:295px;}
			div.Map div {padding-bottom:5px;}



	#Copy {float:left; width:823px; height:90px; background:url(/images/main_new/copy_logo.gif) no-repeat 0px 5px; padding:0px 0px 0px 180px; line-height:130%; color:#676767;}
	#Copy div {float:left; width:640px; border-left:1px solid #dddddd; padding:0px 0px 0px 25px;}
	#Copy div a {font-weight:bold; color:#656565;}
	#Copy div address {font-style:normal; float:left;}
	#Copy div p {margin:0px; padding:0px 0px 15px 0px; color:#cccccc;}
	#Copy ul.mark {float:right; width:150px; padding:20px 0px 0px 0px;}