@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.css3{behavior: url(/css/PIE.htc);}
/*common*/
.clear{clear:both}

/*content*/
.goods_set{width:100%;overflow:hidden;padding-top:0px;}
.goods_list{float:left;margin-left:34px;z-index:10;position:relative;/*＼**/margin-bottom:3px}
.goods_list li{float:left;width:214px;background:#fff;border:1px solid #ccc; margin-left:0px;margin-right:26px;padding-bottom:5px; margin-top:10px;/*＼**/margin-right:22px;margin-bottom:10px}
.goods_list li:last-child{margin-right:0;position:relative;left:0px;}
.goods{width:100%;height:320px;position:relative;z-index:100}
.goods_list li:hover{width:214px;height:318px;border:2px solid #e8891b;}
.option_set{float:left;width:100%;position:relative;}/* 제품 리스트 이미지 사이즈 */
.goods_img{display:block;width:100%;border-bottom:1px solid #ccc}
.goods_img img{width:100%;} /*temp*/
.goods_main_title{display:block;width:97%;font-size:13.5px;text-align:left;padding-left:3%;margin-top:10px}
.goods_sub_title{display:block;width:97%;font-size:12px;text-align:left;padding-left:3%;color:#786c69}
.price_set{float:right;font-family:Tahoma;}
.price{color:#beb7b7;}
.price_sale{display:inline-block;padding-left:10px;padding-right:5px;color:#fd7f18;font-weight:bold;font-size:16px}
.won{color:#8d8986;font-weight:bold}
/* opetion set*/
.recommend{position:absolute;width:96px;height:80px;top:0px;left:0px;background:url(/images/icon_sub.png) no-repeat 0px -124px;text-indent:-9999px}
.mihyang{position:absolute;width:36px;height:36px;top:192px;left:0px;background:url(/images/icon_sub.png) no-repeat -165px -124px;text-indent:-9999px}
.eco{position:absolute;width:36px;height:36px;top:192px;left:38px;background:url(/images/icon_sub.png) no-repeat -212px -124px;text-indent:-9999px}
.down5{position:absolute;width:75px;height:75px;top:140px;right:10px;background:url(/images/sticker.png) no-repeat;text-indent:-9999px}

/*goods_over*/
.bg_a{z-index:300;display:none;width:228px;float:left;position:absolute;left:0;height:325px;overflow:hidden;background:url(/images/bg04.png) repeat;}
.goods_over{display:none;position:absolute;z-index:301;width:228px;height:315px;padding-bottom:10px;top:0}
span.like{float:left;display:inline-block;width:90px;position:relative;left:0;top:0;color:#fff;z-index:302;}
span.detail{float:left;display:inline-block;width:90px;color:#fff;z-index:302;}
.goods_over span.buy{float:left;display:inline-block;color:#fff;z-index:302;}
.goods_over ul {float:left;position:absolute;top:100px;left:50px}
.goods_over ul li{float:left;border:0;width:74px;background:none}
.over01{display:none;float:left;position:absolute;top:130px;width:190px;left:30px;z-index:301}
.over02{display:none;float:left;position:absolute;top:10px;width:250px;height:20px;left:80px;z-index:301}
.like_cnt{float:left;position:absolute;width:30px;height:15px;top:46px;left:31px;z-index:303;background:#fff;color:#636363;font-weight:bold}
.jjim_cnt{float:left;position:absolute;width:30px;height:15px;top:46px;left:121px;z-index:303;background:#fff;color:#636363;font-weight:bold}
.over1 a{display:inline-block;background:#ff0000;width:139px;height:40px}



/*right_quick*/
.right_quick{float:left;position:relative;left:10px;z-index:500;top:-500px;}
.right_quick .quick{float:left;width:177px;height:300px;background:#00ffff;position:fixed}

.left_quick{position:relative;left:-120px;z-index:300;width:100px}
.left_quick .quick{width:100px;height:300px;background:#eecccc;position:fixed}


/*modal window*/
.modal_bg{display:none;width:100%;position:absolute;background:#000;z-index:9000;opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50)}
.detail_b{display:none;width:500px;height:460px;background:#fff url(/images/friend.png) no-repeat;position:fixed;z-index:9001;margin-left:-250px;margin-top:-230px;left:50%;top:50%}
.close{position:absolute;right:0px}
.friend_set{float:left;position:relative;top:150px;left:80px}
.friend_set p{margin-bottom:5px}


.wrap{width:1020px;margin:0 auto;text-align:left}

#wrap{float:left;width:100%;}

#header{float:left;width:100%;position:relative;z-index:20}
.top_banner{float:left;width:100%}
.top_banner img{float:left}
.user_area{float:left;background:#fbfbfb;border-bottom:1px solid #dfdfdf;margin-bottom:10px;width:100%}
.left{float:left;margin-left:10px}
.left li{float:left;margin-right:10px;padding:5px 0}
.right{float:right;margin-right:10px}
.right li{float:left;margin-right:10px;padding:5px 0}
.header_main{float:left;width:100%;padding:20px 0;}
.logo{float:left;width:150px;height:53px;}
.logo img{margin-left:50px}

.srch{float:left;margin-left:0px;position:relative}
.blind{width:0;height:0;visibility:hidden;display:none}
.srch_goods{float:left;position:absolute;top:11px;z-index:100;left:55px;width:130px;height:19px;border:0;line-height:19px;font-size:15px;}
.srch a{float:left;position:absolute;z-index:200;right:10px;top:10px}
.event_banner{float:right}
.gnb{float:left;background:url(/images/img_bg_gnb.png) no-repeat;width:1020px;position:relative;height:42px;}
.gnb ul{float:left;margin-left:10px;position:relative;left:0;top:5px;}
.gnb ul li{float:left;margin-right:10px;width:110px}
.gnb_sub{float:left;position:absolute;width:1020px;height:290px;background:url(/images/sub_bg.png) no-repeat;z-index:9999;left:-10px;display:none;z-index:301;top:36px}

.mi{position:absolute;z-index:302;right:50px;top:180px}
.bar{margin-top:5px}
.btn_srch{float:left;position:absolute;right:0;top:10px;right:20px}
.tab1{width:59px;background:url(/images/tab01_off.png) no-repeat 50% 50%;text-indent:-9999px;padding:10px 0;border:1px solid #ccc}
.tab2{width:58px;background:url(/images/tab02_off.png) no-repeat 50% 50%;text-indent:-9999px;padding:10px 0;border:1px solid #ccc}
.ui-tabs-active a.tab1{background:url(/images/tab01_on.png) no-repeat 50% 50%;text-indent:-9999px;border-bottom:0}
.ui-tabs-active a.tab2{background:url(/images/tab02_on.png) no-repeat 50% 50%;text-indent:-9999px;border-bottom:0}

#container{float:left;width:100%}
.top_content{float:left;width:100%;height:350px;position:relative;z-index:10}
.top_content01{float:left;width:771px}
.top_content01{float:left;width:777px}


.top_content01 ul li h3{color:#fff}
.top_content02{float:right;width:233px}
.special_price{float:left;width:100%;}
.box{border:1px solid #ccc;border-top:0;width:225px;height:205px}
.special_price .ui-widget-header{background:none;border:0;}
.special_price .ui-widget-content{background:none;border:0}
.special_price .ui-tabs .ui-tabs-nav{padding:0}
.special_price .ui-tabs .ui-tabs-panel{padding:3px 0}
.special_price .ui-tabs .ui-tabs-nav li a {padding:0.2em 2em}
.special_price .ui-tabs .ui-tabs-nav li {margin:0;border-radius:0;border:0}
.bloger{float:left;width:231px;margin-top:14px}

#content{float:left;width:100%;margin-top:20px;margin-bottom:10px}
h3.title01{float:left;width:92%;height:47px;background:url(/images/main_17.png) no-repeat 0% 0%;text-indent:-9999px;margin-bottom:0px;margin-left:40px}
h3.title02{float:left;width:92%;height:47px;background:url(/images/main_23.png) no-repeat 0% 0%;text-indent:-9999px;margin-bottom:0px;margin-left:40px}
h3.title03{float:left;width:98%;height:30px;background:url(/images/img_title_2week.png) no-repeat 0% 0%;text-indent:-9999px;border-bottom:2px solid #cabfab;margin-bottom:10px;margin-left:10px}
h3.title04{float:left;width:98%;height:30px;background:url(/images/img_title_md.png) no-repeat 0% 0%;text-indent:-9999px;border-bottom:2px solid #cabfab;margin-bottom:10px;margin-left:10px}
h3.title05{float:left;width:98%;height:30px;background:url(/images/img_title_rice.png) no-repeat 0% 0%;text-indent:-9999px;border-bottom:2px solid #cabfab;margin-bottom:10px;margin-left:10px}

/* slider02 */
.main_slider2{float:left;position:relative;z-index:10}
.main_slider2 .ad-gallery .ad-image-wrapper{height:298px}
.main_slider2 .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 10%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
.main_slider2 .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 10%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
.main_slider2 .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(/js/trans.gif);
    }
.main_slider2 .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/js/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
.main_slider2 .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/js/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }


#footer{float:left;width:100%}
.f_banner{float:left;margin-bottom:20px;margin-top:20px;}
.f_banner li{float:left;margin:0;margin-right:3px}
/*cs area*/
.cs_area{float:left;width:1015px;border:3px solid #e8e8e8;padding:10px 0;margin-bottom:10px}
.cs, .notice, .shopguide, .pay{float:left;margin:0 10px}
.cs, .notice, .shopguide{background:url(/images/img_bg_dots.jpg) no-repeat right center;padding-right:20px}
.notice ul{margin-top:20px;margin-left:10px}
.notice ul li{padding-bottom:8px}
.shopguide{width:230px}
.shopguide h4{float:left;width:100%;height:11px;background:url(/images/img_title_sguide.jpg) no-repeat 50% 0%;text-indent:-9999px;margin-top:10px}
.shopguide ul{clear:both;float:left;margin-top:20px;width:249px}
.shopguide ul li{float:left}
.shopguide ul li a{float:left;display:inline-block;text-indent:-9999px;width:80px;height:65px;}
.cs_faq{width:81px;height:64px;background:url(/images/img_faq.jpg) no-repeat left bottom}
.cs_qna{width:81px;height:64px;background:url(/images/img_qna.jpg) no-repeat left bottom}
.cs_info{width:81px;height:64px;background:url(/images/img_guide.jpg) no-repeat left bottom}
.cs_deposit{width:81px;height:64px;background:url(/images/img_check_accout.jpg) no-repeat left bottom}
.cs_delivery{width:81px;height:64px;background:url(/images/img_delivery.jpg) no-repeat left bottom}
.cs_bulk{width:81px;height:64px;background:url(/images/img_pay_bulk.jpg) no-repeat left bottom}
.pay{margin:0}
.pay ul li{border-bottom:1px solid #d7d7d7;padding:5px} 
.pay ul li:last-child{border-bottom:0;}
.pay ul li+li+li{border-bottom:0;}

/*fbar*/
.fbar{float:left;width:100%;height:36px;background:#e9891b;margin-bottom:20px}
.fbar ul{float:left;margin-left:30px}
.fbar ul li{float:left;padding:10px 0;margin-right:30px}
.btn_top{float:right;padding:10px 0;margin-right:15px}

.company{float:left;width:100%;height:75px;background:url(/images/img_copyright.jpg) no-repeat 25px 0;}
.blue{color:#46688d}
.term{float:left;padding:10px 0;margin-top:5px}
.term p{word-spacing:-.3em}
.join_company{float:left;width:100%;text-align:center;padding:10px 0}
.join_comapny img{width:613px;margin:0 auto}
/* test */
.test{background:#03F;width:943px;position:absolute;height:350px;z-index:100;display:none}


/* goods */
#shop{width:943px;margin:10px auto}
#column_right{width:943px;margin:10px auto}
.center{width:943px;margin:0 auto}
ul.content{float:left;margin:10px 0}
.mg10 {float:left;margin:20px 0} 
.mg5{margin-top:5px}

/*detail*/
.detail{float:left;width:943px}
.goods_detail{float:left;width:820px}
.goods_bigimg{float:left;width:358px;}
.goods_s_ex{float:right}
.table01 td{padding:4.5px;color:#636363}
.g_title{display:inline-block;width:450px;font-family: 'Nanum Gothic', sans-serif;font-size:24px;color:#000;font-weight:bold}
.width150{width:130px}
.width260{width:250px}
.btn_buy{float:left;}
.btn_buy li{float:left;margin-right:2px}
.goods_explain{float:left;width:820px}
.goods_explain ul li{float:left;margin-right:0px}

.goods_explain .ui-widget-header{background:none;border:0;}
.goods_explain .ui-widget-content{background:none;border:0}
.goods_explain .ui-tabs .ui-tabs-nav{padding:0;border-bottom:1px solid #f58221;border-radius:0}
.goods_explain .ui-tabs .ui-tabs-panel{padding:0}
.goods_explain .ui-tabs .ui-tabs-nav li a {padding:0}
.goods_explain .ui-tabs .ui-tabs-nav li {margin:0;border-radius:0;border:0;margin-right:5px}
.goods_explain .box{float:left;width:820px;border:0;height:auto;overflow:hidden;padding-top:10px;}
.detail_quick{float:right;width:120px;}
.other_goods{float:left;width:177px;border:1px solid #ccc;margin-bottom:50px}
.other_goods h3.title{width:120px;height:32px;background:url(/images/img_other.png) no-repeat;text-indent:-9999px}
.other_goods01{float:left;width:120px;border:1px solid #ccc;margin-bottom:50px;text-align:center}
.other_goods01 h3.title{width:120px;height:32px;background:url(/images/qrcode.png) no-repeat;text-indent:-9999px}

.realtime_goods{float:left;border:1px solid #ccc}
.realtime_goods h3.title{width:177px;height:32px;background:url(/images/real_query.png) no-repeat;text-indent:-9999px}
/* popup */
 #pop{width:300px; height:400px; background:#3d3d3d; color:#fff; position:absolute; top:10px; left:100px; text-align:center; border:2px solid #000;}