@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 500px) {
    body {
    }
}

/* 가로모드 */
@media screen and (orientation: landscape){

}

/* 세로모드 */
@media screen and (orientation: portrait){

}

/* 아이폰3g , 갤럭시 예전버전 */
@media screen and (-webkit-device-pixel-ratio: 1){

            } 

 /* 갤럭시 시리즈, SKY폰 */
@media screen and (-webkit-device-pixel-ratio: 1.5){

            }
 
 /* 아이폰4 갤S3~노트 */
@media screen and (-webkit-device-pixel-ratio: 2){

            }

/* 
************************************************* 공통 *************************************************
*/
.f_eng {color:#777; font-size:0.8em; font-weight:normal;  letter-spacing:-0.025em; }
.f_green {color:#7bad0d !important}
.f_orange {color:#f16120 !important}
.f_red {color:#d53043 !important}
.f_blue {color:#3baecb !important}
.f_sky {color:#5ea0ef !important}


.container {width: 100%;overflow:hidden;  margin: 0 auto; letter-spacing:-0.1em; text-align:center; }
#wrap {margin-top:149px; }


article {clear:both}
.title {background:url('/images/common/title_line.gif') repeat-x 0 bottom;  padding:15px 10px; font-size:1.2em; text-align:left}
a.more {position:absolute; top:20px; right:3%}
.none {border:0 !important}


/* 
************************************************* 헤더 *************************************************
*/

#main_header {width:100%;text-align:center; position: fixed; top:0;left: 0; z-index:100; height:100px; border-bottom:3px solid #7bad0d; background:#fff; letter-spacing:-0.1em;}
#main_header ul { height:100px; }
#main_header ul li {display:inline-block;text-align:center; font-size:1.125em; width:20%; margin-right:-0.36em;  font-weight:bold; line-height:0.8; }
#main_header ul li a img { margin-bottom:5px}
#main_header ul li a {color:#000}

li.logo {vertical-align:middle; height:100px; }
li.logo img {background-size:cover;max-width:100%; position:absolute; top:18px; left:5%; }
li.succulant {xbackground-image:url('/images/common/menu_1.jpg'); background-repeat:no-repeat; background-size:auto; background-position:center 0;  xwidth:40px; xheight:40px; padding-top:20px; }
li.category {xbackground-image:url('/images/common/menu_2.jpg');  background-repeat:no-repeat; background-size:auto; background-position:center 0; xwidth:40px;xheight:40px; padding-top:20px; }
li.cart {xbackground-image:url('/images/common/menu_3.png'); background-repeat:no-repeat; background-size:auto; background-position:center 0; xwidth:55px; xheight:40px; padding-top:20px; position:relative }
li.mypage {xbackground-image:url('/images/common/menu_4.jpg');  background-repeat:no-repeat; background-size:auto; background-position:center 0; xwidth:40px; xheight:40px; padding-top:20px }
xli.cart span.cart_num {position:absolute; top:17px; left:60%; }
li.cart span.cart_num {position:relative; display:inline-block; width:15px; top:-52px; text-align:center; left:-1px}

li.cart span.cart_num a {color:#fff !important; font-size:0.75em; }

li.cart div.cart_num { position: absolute; left: 50%; top:21px; margin-left:14px; }
li.cart div.cart_num span { position: relative; left:-50%; color:#ffffff; }

/************************************************* 검색 **************************************************/
.search { margin:10px; margin-top:-35px; overflow:hidden; position:relative }
.search form {background:#fff url('/images/common/ico_search.png') no-repeat 10px center; border-radius:5px; border:1px solid #a7c520}
.search input {border:0; padding:10px 0 10px 40px; background:transparent; width:100%; color:#777 }
.search button {
		padding:11px 10px 10px;
		color:#fff;
		font-weight:bold;
		border-radius:3px;
		border:0;
		background:#f47933;
		width:20%;
		xfloat:right;
		position:absolute;
		top:0; 
		right:0;
	}

/************************************************* 네비게이션 ************************************************/
nav { xmargin:10px; text-align:center;  padding-bottom:10px;  letter-spacing:-2px;}
nav ul li {background:#7bad0d; xdisplay:inline-block; float:left; width:20%; xborder:1px solid #c0c0c0;   font-size:1.25em; font-weight:bold;  box-sizing: border-box;}
nav ul li span.f_eng { font-size:0.75em; font-weight:normal; color:#f5f6d4}
nav ul li.bl_none {border-left:0}
nav ul li.br_none {border-right:0}
nav ul li a {display:block; color:#fff !important; padding:10px 0; border:1px solid #fff }
nav ul li a:hover, nav ul li a:focus, nav ul li a:active {background:#a7c520}


/************************************************** 한줄광고 - 2018.09.05. LSK ******************************/
.adNav {clear:both; width:100%; margin:6px auto; text-align:center; position:relative; overflow:hidden; }
.adNav div { text-align:center; vertical-align:middle; }
.adNav div.a {font-size:12px !important; display:inline-block; padding:4px; letter-spacing:-0.6px; line-height:1.0;} 



/************************************************** 메인본문시작 **********************************************/
#main_content {position:relative; width:100%; clear:both; margin-top:4px;}
#main_content dl {line-height:1.6; }
#main_content dl dt img {border:1px solid #e9ebed; }
dd span.price_old {text-decoration:line-through; color:#333;}
dd span.price_sale {font-size:1.7em; color:#7bad0d; margin-left:5px }
dd.seller {color:#555}
dd.seller span {font-size:0.8em}



/* 배너 */
#banner { clear:both; min-height:180px; width:100%; text-align:center; display:inline-block;  }
.banner_in {min-width:340px; position:relative;}
#banner p {clear:both}
.btn_arrow {position:relative; background:#8caf2f; height:40px; margin-top:-4px;}
.txt_title {padding-top:10px; color:#fff; font-size:1.25em} /******************* 10.15 텍스트가 가려짐 *******************/
.btn_arrow a.btn_prev img {position:absolute; left:0; top:20px; z-index:10; }
.btn_arrow a.btn_next img {position:absolute; right:0; top:20px; z-index:10; }
.btn_arrow a img {background-repeat:no-repeat; background-size:auto; background-position:top top;height:40px;margin-top:-20px }

#air_product, #new_product, #best_product, #acution, #abou_this {position:relative; clear:both;  }



/* 상품 리스트 레이아웃 */
.product_list_box, .product_list_box2 {}
.product_list_box > ul {margin:10px}
/* 2015-12-11 */
.product_list_box > ul > li {table-layout:fixed; box-sizing: border-box; background:#fff; float:left; text-align:center; width:33%; padding:8px; border:1px solid #e9eced; margin-bottom:1px; margin-right:1px }
.product_list_box2 > ul {margin:10px}
.product_list_box2 > ul > li { box-sizing: border-box; float:left; background:#fff; text-align:center; width:49.6%; padding:8px; border:1px solid #e9eced; margin-bottom:1px; margin-right:1px  }

.box_style_l {xborder:1px solid red; xfloat:left; }
.box_style_l ul li {background:#fff;}
.box_style_l ul li dl {float:left; width:100%; }
.box_style_l ul li dl dt {float:left; min-height:80px; margin-right:5px;}
.box_style_l ul li dl dd {xfloat:left; white-space:nowrap; overflow:hidden; xwidth:60%; text-align:left }
.box_style_l ul li dl dd.ellipsis {background:url('/images/common/under_line_re.gif') repeat-x 0 bottom; padding-bottom:5px }
.box_style_l ul li dl dd .price_old {color:#777}
.box_style_l ul li dl dd .price_sale {font-size:1.3em; margin:0;padding:0; }
.box_style_l ul li dl dd.seller {font-size:0.9em}

.product_list {border-top:1px solid #c0c0c0;clear:both; background:#fff; margin-top:-1px} /* 2015-11-04*/
.product_list ul {}
.product_list ul li {padding-top:5px; border-bottom:1px solid #c0c0c0; display:block; }
.product_list ul li dl {margin:10px;}
.product_list ul li dt {float:left; width:80px; min-height:80px; margin-right:5px; }
.product_list ul li dd { overflow:hidden; text-align:left; padding-bottom:2px}
.product_list ul li dl dd.title_txt {font-size:1.3em; xbackground:#e9eced; font-weight:bold; padding:2px 0}
.product_list ul li dl dd .price_old {font-weight:normal; font-size:1.25em}
.product_list ul li dl dd .price_sale {font-size:1.9em;  letter-spacing:-1px; font-weight:bold;}

.product_list ul li dl dd.point, .product_list ul li dd.seller  {font-weight:bold; font-size:1.2em}

.product_list ul li dd span {margin-right:5px;  }
.product_list ul li dd.seller span {font-size:1.0em; letter-spacing:-0.1em; }

/* product.html */
.list_cancle {text-align:center}
.list_cancle ul {}
.list_cancle ul li {border:0; background:none; font-size:1.0em;letter-spacing:-1px ; }
.list_cancle ul li dl {position:relative;background:#fff; border:1px solid #7bad0d;padding:10px }
.list_cancle ul li dl dt .prod_img {border:1px solid #c0c0c0; position:relative; max-width:100%; }
.list_cancle ul li dl dt span {position:absolute; right:12px; top:12px; border:0}
.list_cancle ul li dl dd {padding-bottom:2px; text-align:left;}
.list_cancle ul li dl dd .price_old {color:#777}
.list_cancle ul li dl dd .price_sale {margin:0 !important; font-weight:bold;font-size:1.25em; color:#000}
.list_cancle ul li dl dd.seller {padding:1px; border:1px solid #7bad0d; color:#7bad0d; font-size:0.7em;position:absolute; bottom:15px; right:10px}


.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* 
**************************************** 탭 (신상품,낮은가격,높은가격,상품이름) ****************************************
*/
.top_info  {}
table.tab_green {font-size:1.2em; font-weight:bold; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;  xletter-spacing:-0.1em; clear:both; margin-bottom:25px}
table.tab_green tbody td {text-align:center; background:#fff; padding:0}
table.tab_green tbody td a {display:block;border:1px solid #a7c520;  padding:10px; border-bottom:2px solid #a7c520 }
table.tab_green tbody td a.b_rl {border-right:0; border-left:0}
table.tab_green tbody td a.b_r {border-right:0; }
table.tab_green tbody td a.select {background:url('/images/common/bg_green.gif') repeat-x 0 0; color:#fff}
table.tab_green tbody td a:hover, table.tab_green tbody td a:focus, table.tab_green tbody td a:active {background:url('/images/common/bg_green.gif') repeat-x 0 0; color:#fff}

/* 공지사항 */
#notice { overflow:hidden; background:#fff;  border:1px solid #7bad0d; xpadding:10px;  position:relative; margin:10px; min-height:25px;}
#notice .title_icon {float:left; width:100%;padding:5px 15px; margin-bottom:5px;  color:#fff; background:#7bad0d; font-size:0.9em;font-weight:bold; text-align:left}
#notice .info { float:left; width:100%;  xmargin-top:6px; padding:5px 0 5px 10px; }
#notice .info a {font-size:0.8em; float:left; text-align:left; width:70%;  color:#000; font-weight:bold;}
#notice span.date {font-size:0.8em; padding-top:1px; padding-right:20px; float:right; color:#777; }

.title_icon a.btn_more {position:absolute; top:4px; right:3%}


/* 
************************************************* 푸터 *************************************************
*/
footer {clear:both; background:#493f0b;  color:#fff; width:100%; overflow:hidden}

ul.board_go {background:#3baecb; font-weight:bold; width:100%; overflow:hidden}
ul.board_go > li {width:24%; display:inline-block; text-align:center; letter-spacing:-2px }
ul.board_go > li  img {margin-right:5px;  vertical-align:middle}
xli.order_bg {xbackground-image:url('/images/common/ico_order.png'); background-repeat:no-repeat; background-size:auto;background-position:10% 50%; background-size:15px;}
xli.coupon_bg {background-image:url('/images/common/ico_coupon.png'); background-repeat:no-repeat; background-size:auto;background-position:10% 50%; background-size:15px;}
xli.event_bg {background-image:url('/images/common/ico_event.png'); background-repeat:no-repeat; background-size:auto;background-position:10% 50%; background-size:15px;}

ul.board_go > li > a {font-size:0.75em; display:block;  padding:1em 0.5em; color:#fff; xborder-right:1px solid #3396af;}

ul.login_go {margin:0.9em 0}
ul.login_go > li {max-width:320px; display:inline-block; text-align:center;border:1px solid #fff; border-radius: 0.25em;}
ul.login_go > li > a { font-size:0.75em; display:block;  padding:0.8em; color:#fff } 

.addr {font-size:0.75em; line-height:1.6;}
.copyright {color:#ebe4de; letter-spacing:1px}

ul.link {margin-top:1em;border-top:1px solid #786812; }
ul.link > li {width:19%; display:inline-block; text-align:center;}
ul.link > li > a {font-size:0.75em; display:block;  padding:0.75em; color:#ebe4de; border-right:1px solid #786812; } 
a.line_l { border-left:1px solid #786812; }


/*** 모바일용 툴팁 ***/
.mobile-tooltip {
	position:absolute;
	padding: 6px;
	background-color:#FFFFFF;
	min-width: 150px;
	max-width: 250px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	font-size: 14px;
}

.arrow_box {
	position: absolute;
	top:11px;
	right:38px;
	width: 130px;
	padding: 8px 0px 6px 0px;
	background: #18D090;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:100;
	font-size:0.7em; 
	cursor:pointer;
	color:#FFFFFF;
}

.arrow_box:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 0px 7px 7px;
	border-color: transparent #18D090;
	display: block;
	width: 0;
	z-index: 1;
	right: -5px;
	top: 5px;
}