@charset "utf-8";


/* Layout */
.body				{ position:relative; left:0; top:0; width:98%; margin:7% auto 5% auto; padding:0 !important; z-index:3 }


/* Body */
/* 상품위주의 사이트 */
.showlist ul			{ display:inline-block; width:46%; height:auto; text-align:center; padding:0 0 10px 0; margin:0 auto; vertical-align:top !important }
.showlist .img img	{ width:96%; height:130px; margin:0; border:#dcdcdc 1px solid }
.showlist .g_title		{ display:block; width:98%; color:#555; text-align:center; font-size:1em; line-height:140%; margin:5px 0;  }
.showlist .g_title a	{ text-decoration:none; color:#333 }
.showlist .g_price	{ font-size:14px; text-align:center; margin:0 5px}
.showlist .g_price del	{ font-size:12px; font-weight:normal; padding:0 5px 2px 0;}
/*.showlist .g_price img{ margin-top:10px}*/
.showlist span.icon			{ display:block;}
.showlist span.icon img	{ width:auto}
.btn_shop				{ position:relative; bottom:0; width:98%; margin:20px 0 40px 0 }
.btn_shop img		{ width:35% }


/* 소개와 커뮤니티 공존 사이트 */
.notice				{ position:relative; width:94%; margin:4% 3% 5% 3%; padding:4% 0 0 0; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6 }
.notice h2			{ width:14%; margin:0 0 0 2%; padding:0 !important; line-height:0 !important; text-align:left}
.notice ul			{ width:98%; margin:4% 1% 5% 1%; padding:0 !important; font-size:1em !important; text-align:left }
.notice li			{ overflow:hidden; margin:5px 0 3px 0; white-space:nowrap; text-align:left; text-overflow:ellipsis; background:url("/board/mobile/img/common/bgDot_01.gif") no-repeat scroll 3px 7px; padding-left:14px; zoom:0 }
.notice li:after		{ content:""; clear:both; display:block }
.notice li .text		{ float:left}
.notice li .data	{ float:right; font-size:12px }
.notice li a			{ display:block; width:100% }
.notice li a:link	{ text-decoration:none; color:#555}
.notice *			{ vertical-align:middle }
.notice p			{ float:right; position:absolute; right:0; top:10%; text-align:right; margin: 0 }
.notice p img		{ width:100% }


/* 상품과 커뮤니티 공존 사이트 */
.bg01					{ padding:6% 0 3% 0; background:url("/board/mobile/img/common/bgMain.gif") }
.bg01	.g_price		{ font-weight:bold; color:#a70000 !important }


/* 상품검색과 상품이 공존 사이트*/
.search				{ width:88%; margin:10px auto; padding:1%; border:3px solid #dcdcdc; zoom:1}
.search:after		{ content:""; clear:both; display:block }
.search ul			{ margin:0; padding:0}
.search li			{ float:left;   }
.search li *			{ vertical-align:middle }
.search .search_title	{ width:30%}
.search .search_text	{ width:48% }
.search .search_btn	{ float:right !important; width:20%; text-align:right;  }
.search .search_text input	{ width:100%; height:auto; padding:2.5%; border:0 }
.search .search_btn input	{ width:55%; }

@media all and (min-width:500px) and (max-width:800px){
.search .search_text input	{ width:100%; height:30px; padding:2.5%; font-size:16px }}
@media all and (min-width:810px){
.search .search_text input	{ width:100%; height:50px; padding:2.5%; font-size:16px }} 





.showlist01				{ width:86%; height:auto; padding:3%; margin:0 auto 3% auto; text-align:left; vertical-align:top !important; border:1px solid #dcdcdc; zoom:0 }
.showlist01:after		{ content:""; clear:both; display:block }
.showlist01 .img		{ float:left; width:45%; height:auto; margin:0; }
.showlist01 .img img	{ border:#dcdcdc 1px solid }
.showlist01 .title		{ float:right; width:50%; color:#555; font-size:1em; line-height:140%; margin:5px 0 0 0;  }
.showlist01 .title a	{ text-decoration:none; color:#333 }
.showlist01 .price	{ float:right; width:50%; font-size:14px; margin:5px 0 0 0; font-weight:bold; color:#e84200 !important }
.showlist01 .price img{ margin-top:10px}
.showlist01 span.icon			{ display:block;}
.showlist01 span.icon img	{ width:auto}

.notice01 				{ width:100%; margin:0 auto; padding:0; font-size:1em !important; text-align:left; background:#7a7a7a; }
.notice01 li.text		{ width:80%; margin-top:5%; padding:7px 7px 7px 50px; background:url(/board/mobile/img/common/imgNoticeIcon.gif) no-repeat scroll 5px 3px }
.notice01 li .data	{ position:absolute; left:-3000px; top:-3000px; width:1px; height:1px; }
.notice01 li a			{ display:block; width:95%; overflow:hidden; margin:5px 0 3px 0; white-space:nowrap; text-overflow:ellipsis;  }
.notice01 li a:link		{ text-decoration:none; color:#fff}



/* 바뀌는 사진버튼 */
#btn_photo			{ position:relative; width:100%; height:auto; z-index:1 }
#btn_photo div		{ width:100%; height:auto; padding-bottom:10%;  }
#btn_photo ul			{ zoom:1 }
#btn_photo ul:after	{ content:""; clear:both; display:block }
#btn_photo ul li		{ float:left; margin:0 }
#btn_photo ul li a	{ float:left; width:100%; }
#btn_photo ul li a img{ width:90%; height:auto}
#btn_photo ul li.imgarea	{ position:absolute; top:0; left:0; width:100%; height:auto }
#btn_photo ul li.hide{ left:-3000px; width:1px; height:1px  }

.step						{ position:relative; width:98%; margin:0 auto 8% auto; zoom:1}
.step:after				{ content:""; clear:both; display:block }