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

@import url(main.css);
@import url(sub.css);
@import url(goods.css);



/* 메인skip */
#skipNav {display:none}

/* 헤더 */
#header {width:100%; margin:0 auto; }

#topHeader {width:100%; height:26px; background:#fbfbfb; border-bottom:1px solid #cfcfcf}
.topHeader_in {position:relative;  font-size:12px; }
ul.gnb_l {margin-top:7px}
ul.gnb_l li {display:inline;}
ul.gnb_l li a.favorite {background:url(../images/com/bl_star.gif) no-repeat right 4px; padding-right:12px; margin-right:15px; color:#333}
ul.gnb_l li a.china_purchase {background:url(../images/com/ico_china.gif) no-repeat 0 0; padding-left:25px ; font-weight:bold}

ul.gnb_r {margin-top:5px; margin-right:5px;}
ul.gnb_r li {display:inline; }
ul.gnb_r li a {color:#555; padding:0 4px 0 7px; background:url(../images/com/bl_line.gif) no-repeat 0 center;}
ul.gnb_r li a.bg_none {background:none}
.myp {position:relative;padding-right:7px; }
ul.gnb_r li a.arrow {background:url(../images/com/bl_arrow.gif) no-repeat 0 center; text-indent:-999em; position:absolute; top:5px; right:-5px; width:4px; height:3px; }
.myp .layer { position:absolute; left:0; top:13px; width:150px; border:1px solid #a7c520; background:#ffffff; z-index:10; display:none; }
.myp .layer a { background:url(''); display:block; padding:5px; border-bottom:1px dotted #dddddd; }
.myp .layer a:hover { background:#efefef; font-weight:bold; }

#middleHeader {width:1100px; margin:0 auto; height:105px; position:relative; }
#middleHeader #mainLogo {position:absolute; top:30px; left:0}

.search_wrap {margin-left:354px; width:425px; position:absolute; top:23px; left:0}
.searchbox {border:3px solid #493f0b; height:35px; position:relative; width:370px}
.searchbox input {color:#5a5a5a;font-family:"돋움","Dotum",sans-serif; vertical-align:middle}
.searchbox input.search {border:0 solid #fff; color:#7b808a; float:left; height:30px; line-height:20px; padding:4px 0 1px 20px; width:303px; font-weight:bold; letter-spacing:-1px}
.searchbox .btn {float:right; height:35px; margin:-6px 0 0; padding-top:6px; text-align:center; width:47px}

.cart_img {background:url(../images/com/ico_cart.gif) no-repeat 0 0;position:absolute; top:0; right:0;width:46px; height:41px }
.cart_img span {background:#493f0b; width:15px; height:15px; position:absolute; bottom:-8px; right:-6px; font-weight:bold; text-align:center;padding:4px 2px 1px 3px; border-radius:25px }
.cart_img span a {color:#fff;}

/* 실시간 랭킹 */
.ranking_wrap { xborder:1px solid red; width:100%;  z-index:1000;}
.ranking_goods {width:195px; padding:10px; position:relative; float:left;}
.ranking_goods a.rank_title {background:url(../images/com/rank_no1.gif) no-repeat 0 0; width:14px; height:14px; padding-left:20px; }

/* 0806 */
.ranking_goods:hover, .ranking_coupon:hover {cursor:pointer;  z-index:1000;}

.ranking_goods:hover .hot_link {display:block; }
.ranking_goods a.rank_title {background:url(../images/com/rank_no1.gif) no-repeat 0 0; width:14px; height:14px; padding-left:20px}
.ranking_goods .up {margin-left:20px; background:url(../images/com/bl_up.gif) no-repeat 0 50%;padding-left:10px }
.ranking_goods .down {margin-left:20px; background:url(../images/com/bl_down.gif) no-repeat 0 50%;padding-left:10px }
.ranking_goods .new { background:url(../images/com/bl_new.gif) no-repeat 0 40%; margin-left:20px; padding-left:12px; }
.ranking_goods .rank_view { padding:0 5px; margin-right:5px; background:#BDBDBD; color:#ffffff; font-size:0.9em; font-weight:bold; }

.ranking_goods .rank_view1 { padding:0 5px; margin-right:5px; background:#FF9958; color:#ffffff; font-size:0.9em; font-weight:bold;  }

.hot_link {clear:both; display:none; border:2px solid #948950; position:absolute; top:27px; left:5px; background:#fff; width:196px; margin:0;  }
.hot_link h1 {background:#948950; padding:3px 0 8px 0; color:#fff; text-align:center}
.hot_link ol {margin:5px 0 30px 0; padding:5px; overflow:hidden; background:#fff}
.hot_link ol li {position:relative; margin-top:7px; counter-increment:number}
.hot_link ol li:last-child {margin-bottom:2px}
.hot_link ol li:before {content:counter(number, decimal); background:#948950;padding:2px 3px 1px 3px; margin-right:5px; color:#fff; font-size:0.9em}
.hot_link em { float:right; background:url(/images/com/rank.gif) no-repeat 0 0; width:11px; height:8px; overflow:hidden; margin-top:2px; vertical-align:top; font-family:verdana; font-size:0.75em; }
.hot_link .up {background-position:0 0}
.hot_link .down {background-position:0 100%}
.hot_link .stop {background-position:0 50%; padding-right:10px; }
.hot_link .new {background:url(/images/com/rank_new.gif) no-repeat 0 0; width:11px; height:7px; overflow:hidden; margin-top:2px }
.hot_link span {background:#ededed; position:absolute; bottom:0; left:0; padding:5px; width:186px; color:#777}

.view { width:168px;  height:25px; position:absolute; top:0; left:0px; border:3px solid transparent; z-index:100; }

/* 쿠폰리스트 */ 
.ranking_coupon {width:181px; padding:10px; position:relative; float:right;}
.ranking_coupon a.rank_title2 {background:url(../images/com/rank_no2.gif) no-repeat 0 0; width:14px; height:14px; padding-left:20px; }

.coupon_link {display:none; position:absolute; top:27px;  margin:0; border:2px solid #fd7400; background:#fff; width:200px;}
.coupon_link h1 {background:#fd7400;  padding:3px 0 8px 0; color:#fff; text-align:center}
.coupon_link ol {margin:5px 0 10px 0; padding:5px; overflow:hidden; background:#fff}
.coupon_link ol li {position:relative; margin-top:7px; counter-increment:number}
.coupon_link ol li:last-child {margin-bottom:2px}
.coupon_link ol li:before {content:counter(number, decimal); background:#fd7400;padding:2px 3px 1px 3px; margin-right:5px; color:#fff; font-size:0.9em}
.coupon_link em {float:right;}
.coupon_link span.b_txt {background:#ededed; position:absolute; bottom:0; left:0; padding:5px; width:240px; color:#777}

.view2 { width:168px;  height:25px; position:absolute; top:0; left:0px; border:3px solid transparent; z-index:100; }
.ranking_coupon:hover .coupon_link {display:block}

/* 0806 */

.bannerH { margin-top:55px; font-weight:bold; font-size:14px; color:#000 }
.shopNews {background:url(../images/com/ico_news01.gif) no-repeat 0 0; padding-left:20px;margin-right:20px;  }
.plantCafe {background:url(../images/com/ico_cafe01.gif) no-repeat 0 0; padding-left:25px;margin-right:10px; }
.naverBlog { background:url(../images/com/naver_blog_icon.png) no-repeat 0 0; background-size:20px; padding-left:22px; margin-right:10px; }








/* 헤더 주메뉴 2016-03-03
#navHeader {height:37px; xborder-bottom:3px solid #a7c520;  border:1px solid red }
#navHeader a {font-weight:bold; line-height:14px;}
#navHeader1 {height:43px; border-bottom:1px solid #a7c520; font-size:11px; padding-left:4px }
#navHeader1 a { font-weight:normal; line-height:14px; letter-spacing:-0.12em; }


#mainNav {position:relative;  clear:both;}
#mainNav ul.nav1 {background:url(../images/com/bg_nav_left.png) no-repeat 0 0; width:340px;  height:37px; padding-left:5px; position:relative;}
#mainNav ul.nav1 li {float:left;margin-top:11px; margin-left:0; font-size:12px;  }
#mainNav ul.nav1 li.menu_1 {xwidth:120px;position:absolute; top:0; left:10px }
#mainNav ul.nav1 li.dauk {width:90px; xpadding-left:20px; position:absolute; top:0; left:160px }
#mainNav ul.nav1 li.wild {width:60px; xpadding-left:5px;  position:absolute; top:0; left:257px}
#mainNav ul.nav1 li a {color:#fff; padding:3px; } 
#category a {float:left; font-size:12px; margin-left:10px; letter-spacing:-2px; margin-top:-3px; }
#mainNav ul.nav2 {position:absolute; left:324px; top:8px; } 
#mainNav ul.nav2 li {float:left; width:58px; border-right:1px solid #ddd;  padding:3px; text-align:center} 
#mainNav ul.nav2 li.none {border:none}
#mainNav ul.nav2 li a {color:#333; font-size:12px; letter-spacing:-1px }
#mainNav ul.nav2 li a span {font-weight:normal; font-size:10px;  font-family:verdana; }
#mainNav ul.nav2 li a:hover {color:#ff6640}
#mainNav ul.nav3 {background:url(../images/com/bg_nav_right.png) no-repeat right 0;width:335px;  height:37px; position:absolute; top:0; right:0; }
#category2 {padding-right:6px; z-index:9999; overflow:hidden; }
#mainNav ul.nav3 a {float:left; margin-top:10px; margin-left:8px; font-size:12px;}
#mainNav ul.nav3 li.nav5 {float:left; margin-left:40px}


.Navbase {clear:both; top:3px; position:relative; width:1096px; float:left; background-color:#f9f9f9; display:none}
.adNav {clear:both; position:relative; width:1160px; float:left;}
.adNav ul { width:100%;  position:absolute; top:-7px; left:3px;  text-align:center}
.adNav ul li {float:left;  vertical-align:middle; text-align:center;  margin-right:0px }
.adNav ul li a {display:block; padding:0px ; margin:0px 13.5px 0px 0px !important; } */

/* 1109
#adNav {  float:left;  border:1px solid red; width:1100px; height:40px; overflow:hidden; position:relative; margin-bottom:20px }
#adNav ul.ad_list {position:absolute; top:0; left:0; width:1100px }
#adNav ul.ad_list li {vertical-align:middle;  display:inline-block; xfloat:left;  padding:0; margin:0; padding:1px }
#adNav ul.ad_list li a { text-align:center;font-size:12px; font-weight:normal; color:#444;letter-spacing:-1px;  display:inline-block; padding:3px} */


#navHeader {height:37px; border-bottom:3px solid #a7c520;   clear:both; }
#navHeader a {font-size:13px;letter-spacing:-0.5px;}
#mainNav {position:relative; width:1100px; margin:0 auto; }
#mainNav ul.nav1 {float:left;  background:url('../images/com/bg_nav_l.gif') no-repeat 0 0; width:300px; height:37px; position:relative;}
#mainNav ul.nav1 li {float:left; margin-left:35px; margin-top:10px}
#mainNav ul.nav1  li:first-child {margin-left:10px}
#mainNav ul.nav1 li a {color:#fff; font-weight:bold} 

#mainNav ul.nav2 {float:left;  width:500px; margin-top:10px;position:relative;} 
#mainNav ul.nav2 li {float:left; border-right:1px solid #ccc;}
#mainNav ul.nav2 li:first-child {margin-left:10px}
#mainNav ul.nav2 li a {display:inline-block; margin:0 11px; font-weight:bold;  }
#mainNav ul.nav2 li.none {border:none}

#mainNav ul.nav3 {float:left;  background:url('../images/com/bg_nav_r.gif') no-repeat 0 0; width:300px;  height:37px; position:relative;}
#mainNav ul.nav3 li {float:left; margin-left:38px; margin-top:10px}
#mainNav ul.nav3 li:first-child {margin-left:35px}
#mainNav ul.nav3 li a {color:#fff;font-weight:bold} 

/* 한줄광고 */
.Navbase {clear:both; position:relative; width:1100px; margin:0 auto;  padding-top:4px}
.adNav {}
.adNav ul { text-align:center; vertical-align:middle; border-bottom:1px solid #a7c520; height:37px; background:#f9f9f9 }
.adNav ul li {float:left; }
.adNav ul li:first-child {margin-left:2px}
.adNav ul li a {font-size:11px !important; display:inline-block; padding:4px; } 

/* 푸터 */
#footer {background:url(../images/com/bg_footer.gif) repeat-x 0 0; clear:both; width:100% !important;height:260px}
#footer #footer_in {width:1100px !important; margin:0 auto;position:relative }


.foo_center {float:left; clear:both; width:100%;}
/* 푸터메뉴 */
.f_nav {margin-top:14px}
.f_nav li {display:inline; margin-right:7px}
.f_nav li a {padding:1px 5px 1px 0; }
a.btn_go2 {background:url(/images/mainTop/bg_btn02.gif) no-repeat 0 0; height:32px; padding:4px 20px 8px 10px; color:#fff; font-weight:bold; position:absolute; top:10px; right:0px}
/* 주소 */
.address {clear:both; width:370px;float:left; }
.boxLink {}
.boxLink a {padding:2px 7px; font-size:11px; color:#fff; margin-right:5px; border-radius:3px}
.boxLink a.c_gray {background:#939594}
.boxLink a.c_blue {background:#3baecb}
.boxLink a.c_pink {background:#fc72a5}
.addr {color:#717171;  line-height:1.5; font-size:11px; }
/* 계좌번호안내 */
.account {width:235px; border:1px solid #e9eced; background:#f6f7f8; height:100px; margin-top:30px;}
.bg_box2 {background:#939594; color:#fff;  font-size:12px; padding:2px;  width:231px; float:left ; text-align:center  }
.box2_txt {margin-left:10px; margin-top:10px; float:left; font-weight:bold; font-size:13px}
.account p {line-height:1.6}


/* 구매안전 서비스 */
.escrow {width:320px; background:#f6f7f8; border:1px solid #e9ebed; padding:10px 20px;font-size:13px; letter-spacing:-1px; line-height:1.4; }
.bg_box a {background:#939594; padding:1px 7px; color:#fff ; font-size:11px; margin-left:10px}
.escrow_info {margin-top:10px; color:#9ca299; font-size:12px;}

.txt_import {color:#717171; clear:both; width:100%}
.copyright {padding-top:10px; font-size:10px; color:#717171}

#quickMenu {position:absolute; left:1110px; top:10px; width:90px;text-align:center;font-size:11px; font-weight:bold; z-index:10;}
#quickMenu ul {border:1px solid #a7c520; border-radius:3px; }
#quickMenu ul li { line-height:2.1; border-bottom:1px solid #a7c520 }
#quickMenu ul li a {display:block;padding:5px 10px; color:#493f0b; }
#quickMenu ul li a.over {background:#a7c520;color:#fff }
#quickMenu ul li a.shopQna {background:#cde855;color:#586b05}
#quickMenu ul li a.guide {background:#a7c520;color:#fff}
.saw {border:1px solid #a7c520; border-radius:3px; min-height:80px; color:#a7c520; background:#ffffff;}
.saw h3 {background:#a7c520; padding:10px 5px; color:#fff ;}
a.top_scroll {padding:2px 34px;background:#f6f7f8;color:#493f0b; border:1px solid #ebedef;}

#today-slide a { margin-top:3px; }

a.seller_login {font-weight:bold;   color:#7bad0d}