@charset "utf-8";
/* �⺻���� */

@charset "euc-kr";

@font-face{font-family:nanumM; src:url('../../font/NanumMyeongjo.eot'); src:local(��), url('../../font/NanumMyeongjo.woff') format('woff');}
@font-face{font-family:nanumMB; src:url('../../font/NanumMyeongjoBold.eot'); src:local(��), url('../../font/NanumMyeongjoBold.woff') format('woff');}

* {margin:0px; padding:0px; line-height:1.5em; font-family:'Droid Sans','Malgun Gothic','Apple-Gothic','����','Tahoma',dotum,'����',gulim,'����',sans-serif; letter-spacing:-1px;-webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0);  border:0;}

html {/*verflow-y: scroll;*/}

/*default*/

hidden, area, base, basefont, command, datalist, head, input[type=hidden], link, menu[type=context], meta, noembed, noframes,
param, script, source, style, track, title{/* case-insensitive */ display:none;}

address, article, aside, blockquote, body, center, details, dd, dir, div, dl, dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre, section, summary, ul, xmp {display:block;}

table{display:table;}
caption {display:table-caption;}
colgroup {display:table-column-group;}
col {display:table-column;}
thead{display:table-header-group;}
tbody{display:table-row-group;}
tfoot{display:table-footer-group;}
tr{display:table-row;}
td, th {display:table-cell;}
li {display:list-item;}
ruby {display:ruby;}
rt{display:ruby-text;}

h1, h2, h3, h4, h5, h6 {}
.bold { font-weight:bold; }
.tr_center { text-align:center; }

a {font-weight:normal;}
a:link {text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a:visited {text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0)}

a:hover {text-decoration:none; color:#33bed3; -webkit-tap-highlight-color:rgba(0,0,0,0)} 

img {max-width:100%; border:none; vertical-align:top;}
ul {}
li {list-style:none;}

input, 
select, 
option{font-size:0.9em; vertical-align:middle;}
input[type="checkbox"] {width:25px; height:25px; vertical-align:middle;}

.keycolor {color:#ec008c;}
.keycolor2 {color:#920783;}
.boxborder {border:1px solid #d5d5d5;}

.clean {clear:both;}
.hiddenTitle {display:none;}
.heightfull {height:100%;}
.noscroll { overflow:hidden !important; overflow-y:hidden;}
.inlineBlock {display:inline-block; zoom:1; *display:inline;}
.last {margin:0; padding:0; border:none;}
.txtBar {display:none !important;}


.boxShadow {background-color:#fff;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.35); 
			-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.35);	
			box-shadow:0px 0px 8px rgba(0,0,0,0.35);	
		box-shadow:0px 0px 8px rgba(0,0,0,0.35) \0/IE9;}

/*default*/
body{font-size:x-large; background-color:#999;}


/* _header �� �ִ� style */
.cart-item-quantity{font-weight:normal;}
.viewgoods-quantity{font-weight:normal;}

#goodsres-hide2 {display:none;} 
.goodsres_wrap {position : fixed;left : 10%;width : 80%;background : #ffffff;display : block;border-radius:1em;box-shadow:2px 2px 4px #7f7f7f;z-index: 1000; bottom:20%;}
	.goodsres_wrap .goodsres_title {background:#313030;width:100%;border-top-left-radius:1em;border-top-right-radius:1em;height:45px;border-bottom:solid 1px #b2b2b2;margin-bottom:6px;}
		.goodsres_wrap .goodsres_title .title{padding-left:14px;line-height:45px;font-size:16px;font-weight:bold;color:#FFFFFF;}
	.goodsres_wrap .goodsres_msg { padding:15px; }
	.goodsres_wrap .goodsres_msg .text_msg{ font-size:12px; color:#353535;}




/* ?�라?�더 메뉴 */
/*.slideGnbWrap {top:0; left:-420px; width:420px; height:100%; background-color:#515151; z-index:99;}*/
.slideGnbWrap { position:absolute; top:0; left:-430px; width:420px; height:100%; overflow-y:auto; background-color:#515151; z-index:9999; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transform:translateX(0px) translateY(0px);-webkit-transform:translateX(0px) translateY(0px);box-shadow:2px 0 20px #222;}
.slideGnbWrap_on {transform:translateX(430px) translateY(0px);-webkit-transform:translateX(430px) translateY(0px);}
	.slideGnbWrap ul.topNavi {overflow:hidden;}
		.slideGnbWrap ul.topNavi li {float:left; width:140px; height:60px; color:#fff; font-weight:bold; text-align:center; padding-top:20px; background:#FFF}
		.slideGnbWrap ul.topNavi li.topNavi01 {background-color:#8fc31f;}
		.slideGnbWrap ul.topNavi li.topNavi02 {background-color:#33a8d3;}
		.slideGnbWrap ul.topNavi li.topNavi03 {background-color:#33bed3;}
	
	.slideGnbWrap ul.slideGnb {width:420px;}	
		.slideGnbWrap ul.slideGnb li {}	
			.slideGnbWrap ul.slideGnb li h2 {border-bottom:1px solid #ebebeb; color:#515151; font-size:1em; width:380px; height:60px; padding:0 20px; padding-top:20px; background:url('../../mobile/images/gnbBg.gif') no-repeat center 0;/**/}	
				.slideGnbWrap ul.slideGnb li h2.overGnb { background:url('../../mobile/images/gnbBgOn.gif')/**/}				
				
				.slideGnbWrap ul.slideGnb li ul.subGnb {}	
					.slideGnbWrap ul.slideGnb li ul.subGnb li {width:380px; padding:10px 20px; /*height:45px !important; padding-top:15px;*/ font-size:0.9em; background:#8fc31f; color:#fff; border-bottom:1px solid #739f15;}
					.slideGnbWrap ul.slideGnb li ul.subGnb li a,
					.slideGnbWrap ul.slideGnb li ul.subGnb li a:hover { color:#FFF; }
					.slideGnbWrap ul.slideGnb li ul.subGnb li div,
					.slideGnbWrap ul.slideGnb li ul.subGnb li div a,
					.slideGnbWrap ul.slideGnb li ul.subGnb li div a:hover { font-size:smaller; color:#333; }
						.hover { background:#333 !important; border-bottom:1px solid #000 !important;}
						
		


/* ?�단 */
header {width:640px; height:80px; border-bottom:1px solid #a9b3b2; background-color:#fff; position:fixed; top:0; left:0; text-align:center; overflow:hidden; z-index:10;}
	header .gnbBtn {float:left;}
	header h1 { /*height:80px;*/ background-color:#fff;}
		header h1 img {margin-top:0px;}

/* 메인 */
.mainImageWrap {clear:both; width:640px; height:489px; overflow:hidden; position:relative;}
	.mainImageWrap ul.mainPaging {bottom:25px; text-align:center; width:640px; position:absolute;}
		.mainImageWrap ul.mainPaging li { margin:0 2px; display:inline-block;}
	.mainImageWrap .mainImage {}
		.mainImageWrap .mainImage li {float:left;width:640px;height:489px;overflow:hidden;}


	
.mainBanner	{clear:both; overflow:hidden;}
	.mainBanner li {float:left;}


.wrapper {width:640px; clear:both; margin-top:80px; background-color:#fff;}

	/* SUB ���� */
		.subTitle {clear:both; width:580px; padding:10px 30px; color:#FFF; background:#8fc31f;}
			.subTitle h2 {color:#fff; font-weight:bold; font-size:1.5em;}
			.subTitle ul.location {display:none;}
			
		.cont{ padding:25px 15px; }		
		/* �Ǹ޴� */
		#tab {clear:both; width:580px; margin:30px 30px 0 30px; }
			#tab ul {overflow:hidden;}
				#tab li {float:left; width:144px; color:#797979; border-bottom:3px solid #8fc31f;  text-align:center; height:55px;}
					#tab li.lastTab {width:143px;}
					#tab li a {color:#797979;}
					#tab li p {font-size:0.8em; font-weight:bold; text-align:center; border:1px solid #dcdcdc; border-right:none;  height:40px; vertical-align:middle; padding-top:13px;}
					#tab li.lastTab p {border:1px solid #dcdcdc;}
					#tab_menu1,
					#tab_menu2,
					#tab_menu3,
					#tab_menu4,
					#tab_menu5 {}

					/* �� ���ý� �����ºκ� */
					#tab li.tab_select { border-bottom:3px solid #5a7e0b;}
						#tab li.tab_select p {color:#fff; background:#8fc31f; border:1px solid #b4e055; border-right:none;}
		
			#tab .tab_list {}  
				.tab_sub1 {}
				.tab_sub2,
				.tab_sub3,
				.tab_sub4,
				.tab_sub5 {display:none;}
			
		/* 보드?�자??*/
		.tcompany { border-top:3px solid #8fc31f; }
		.tcompany thead th { padding:5px; border-right:1px solid #8f8f8f;  border-bottom:1px solid #8f8f8f; text-align:center }
		.tcompany tbody td { padding:5px; border-right:1px solid #8f8f8f;  border-bottom:1px solid #8f8f8f; }
		.tcompany .bdrnone { border-right:none; }
		
		/* ������Ÿ�� �󼼺��� */
		.prdDetail {}
			.prdDetail h6.detailInfoTit {border-top:2px solid #575b5f; border-bottom:1px solid #575b5f; color:#505050; font-size:1em; padding:5px 0; margin-top:30px; padding-left:10px; }
			.prdDetail .detailInfoTxt ul {padding:10px;}
				.prdDetail .detailInfoTxt ul li { display:block; font-size:0.8em; color:#797979; line-height:2.2em;}
				
			.prdDetailInfo {}
				.prdDetailInfo .prdDetailImg {}
				
				.prdDetailInfo .prdDetailSpec {}
					.prdSpecBoard {font-size:0.8em; border-top:2px solid #84908f;}
						.prdSpecBoard tr {}
							.prdSpecBoard tr th {border-bottom:1px solid #ebebeb; padding:7px 0; text-align:left !important; }
							.prdSpecBoard tr td {border-bottom:1px solid #ebebeb; }
								.prdSpecBoard tr td img {vertical-align:middle;}

			
		
		/*��ǰ�Ұ� ����Ʈ*/
		.contents ul.prdList { width:580px; clear:both; }
			.contents ul.prdList li {float:left; width:280px; position:relative; text-align:center; margin-right:20px; margin-bottom:40px;}
				.contents ul.prdList li.lastList {margin-right:0;}
				.contents ul.prdList li .cateIcon {position:absolute; top:10px; left:10px;}
				.contents ul.prdList li .newIcon {position:absolute; top:10px; right:10px;}
				.contents ul.prdList li figure {width:278px; height:230px; border:1px solid #ebebeb;}
				.contents ul.prdList li h3 { margin-top:10px;}
					.contents ul.prdList li h3 a { font-size:1em; color:#000; }
					.contents ul.prdList li strike {color:#c6c6c6; font-size:0.8em;}
						.contents ul.prdList li span.priceNum {padding-left:5px; color:#1d7d8b;}
		
		.listicon {margin:5px 5px 0 0;}
		
		/*��ǰ�Ұ�*/
		.prdInfoTitle {clear:both; overflow:hidden; width:580px;  margin:0 auto; margin-top:30px;}
			.prdInfoTitle .prdInfoBox { margin-bottom:30px; }
				.prdInfoBox h2 {float:left; font-weight:bold; color:#32bcd6; font-size:2em;}	
				.prdInfoBox .buyButton{float:right; margin-top:10px;}					
				
			
			.prdInfoTitle .prdImgBox {clear:both; width:578px; height:478px; text-align:right;border:1px solid #ebebeb;}
				.prdImgBox ul.imgBox {width:578px;height:438px;overflow:hidden;}
					.prdImgBox ul.imgBox li {float:left;width:578px;height:438px;overflow:hidden;}
						.prdImgBox ul.imgBox li figure {width:578px; height:438px; overflow:hidden;}
							.prdImgBox ul.imgBox li figure img {width:100%; height:100%;}
							
				.prdImgBox ul.prdPaging {width:580px; height:40px; overflow:hidden; text-align:center; background-color:#ddd; }
					.prdImgBox ul.prdPaging li {display:inline-block; vertical-align:middle; margin:0 5px;margin-top:13px;}
		
		.specImage {clear:both; margin-top:30px;}
				
		
		.contents {clear:both; width:580px; /*text-align:left;*/ text-align:justify; padding:30px; overflow:hidden; background-color:#fff;}		
			/* ���뼭�� */
			.contents hgroup {clear:both; margin-bottom:30px;}	
				.contents hgroup h3 {font-family:'nanumM' !important; font-weight:normal; color:#8c8c8c; font-size:0.8em;}	
				.contents hgroup h2 {font-family:'nanumMB' !important;  font-weight:normal; color:#515151; font-size:3em; line-height:1.1em;}	
			
			
			.contents p {font-size:0.85em; line-height:1.8em; margin-bottom:20px;}
			.contents p.defaultTxt { /*color:#8b9493;*/ }
			.contents p.defaultTxt span.pointTxt,	
			.contents p.pointTxt {color:#454c4b;}
				.contents p span.pointTxt2 {color:#33bed3;}

						
				
				
				

/* Ǫ�� */
footer {width:640px; clear:both; /*padding:10px 30px 30px; background-color:#fff;*/ overflow:hidden;}
	/*footer p.footer {color:#797979; font-size:0.8em; line-height:1.7em;}
		footer p.footer span {font-size:0.7em; color:#999; display:inline-block; padding:0 10px; line-height:1.3em; vertical-align:middle;}
	footer p.copyright {color:#a9b3b2; font-size:0.8em; margin-top:5px;}*/