@charset "utf-8";

/* default set */
@import url("/esc/common/css_new2010/base.css");
@import url("/esc/common/css_new2010/global.css");
@import url("/esc/common/css_new2010/head_f.css");
@import url("/esc/common/css_new2010/common.css");
@import url("/esc/common/css_new2010/contents.css");

#contents {
    float:left; 
    display:inline; 
    width:100%; 
    margin:0;
    padding-bottom:20px;
}

div.order_top_t {
    clear:both; 
    float: right; 
    background:url(/esc/image_new2010/order/but_order_01.gif) no-repeat 0 3px; 
    padding:2px 0 0 15px; 
    margin-top:9px; 
    color:#8e8586; 
    letter-spacing:-1px; 
}

div.main-top{
    position:relative;
    width:920px;
    overflow:hidden;
    padding-bottom:8px;
}
div.main-top div.mtop-left{
    float:left;
    width:176px;
    height:511px;
}
div.main-top div.mtop-right{
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    width:745px;
}
div.topfalsh{
    float:left;
    width:538px;
    height:318px;
    overflow:hidden;
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
}
div.topfalsh img{display:block;vertical-align:middle;}

/* md 테마상품 */
div.toptheme{
    display:inline;
    float:left;
    width:195px;
    margin-left:10px;
}
div.toptheme h3{
    height:23px;
    border-top:1px solid #f5f5f5;
    border-bottom:1px solid #e4e4e4;
    background:#f9f9f9;
    padding:10px 0 0 9px;
}
div.toptheme ul{
    position:relative;
    z-index:1;
}
div.toptheme ul li{height:149px;text-align:center;vertical-align:top;padding:0;}
div.toptheme ul li a.num1,div.toptheme ul li a.num2,div.toptheme ul li a.num3{
    position:absolute;
    z-index:1;
}
div.toptheme ul li a.num1{right:41px;top:-26px;}
div.toptheme ul li a.num2{right:24px;top:-26px;}
div.toptheme ul li a.num3{right:7px;top:-26px;}

div.toptheme ul li div.pdt a.thum img{
    height:96px;
    vertical-align:middle;
}
div.toptheme ul li div.pdt strong.subj{
    display:block;
    font-weight:normal;
    padding:5px 0 3px 0;
}
div.toptheme ul li div.pdt strong.subj a{color:#666;}
div.toptheme ul li div.pdt strong.price{color:#de343b;}
div.toptheme ul li div.pdt strong.price span.txt{color:#303331;font-weight:normal;}
div.toptheme ul li.banner{
    height:121px;
}
/* 주목 e상품 */
div.mtop-epdt{
    clear:both;
    padding:0 0 0 10px;
}
div.mtop-epdt h3{
    float:left;
    height:24px;
    padding:10px 5px 0 0;
}
div.mtop-epdt p{
    padding:18px 0 0 0;
}
div.mtop-epdt div.epdt1{
    clear:both;
    float:left;
    width:200px;
    overflow:hidden;
}
div.mtop-epdt div.epdt1 img{vertical-align:middle;}
div.mtop-epdt div.epdt2{
    float:left;
    width:534px;
    height:155px;
    overflow:hidden;
    background: url('/esc/image_new2010/main/main_epdt_pdt2bg.gif') no-repeat;
}
div.mtop-epdt div.epdt2 ul{
    width:544px;
    padding:10px 0 0 0;
}
div.mtop-epdt div.epdt2 ul li{
    float:left;
    width:132px;
    height:130px;
    padding:5px 0 0 0;
    text-align:center;
    border-right:1px solid #eee;
}
div.mtop-epdt div.epdt2 ul li a.thum img{
    width:90px;
    height:90px;
    vertical-align:middle;
}
div.mtop-epdt div.epdt2 ul li strong.subj{
    display:block;
    font-weight:normal;
    font-size:11px;
    padding:6px 0 0 0;
}
div.mtop-epdt div.epdt2 ul li strong.subj a{color:#666;}
div.mtop-epdt div.epdt2 ul li strong.price{color:#de343b;}
div.mtop-epdt div.epdt2 ul li strong.price span.txt{color:#666;font-weight:normal;}

div.main-middle{
    clear:both;
    width:920px;
    overflow:hidden;
}
div.main-middle div.lbanner{
    float:left;
    width:176px;
    overflow:hidden;
}
div.main-middle div.lbanner p{
    padding:0 0 2px 0;
}
/* 가격대별 추천 */
div.main-middle div.pricepdt{
    float:left;
    width:734px;
    overflow:hidden;
    padding:0 0 0 10px;
}
div.main-middle div.pricepdt h3{
    height:26px;
    padding:18px 0 0 0;
    border-bottom:2px solid #e54432;
}
div.main-middle div.pricepdt div.list{
    position:relative;
    z-index:1;
    width:100%;
}
div.main-middle div.pricepdt div.list a.tab1, 
div.main-middle div.pricepdt div.list a.tab2, 
div.main-middle div.pricepdt div.list a.tab3, 
div.main-middle div.pricepdt div.list a.tab4 {
    position:absolute;
    z-index:1;
    top:-28px;
}
div.main-middle div.pricepdt div.list a.tab1{left:230px;}
div.main-middle div.pricepdt div.list a.tab2{left:356px;}
div.main-middle div.pricepdt div.list a.tab3{left:482px;}
div.main-middle div.pricepdt div.list a.tab4{left:608px;}
div.main-middle div.pricepdt div.list ul li{float:left;line-height:0;font-size:0;}
div.main-middle div.pricepdt div.list ul li img{
    width:183px;
    height:196px;
    vertical-align:middle;
}
div.main-middle div.pricepdt div.list span.more{
    position:absolute;
    top:7px;
    right:3px;
    z-index:2;
}

div.main-middle div.pricepdt div.list span.more a{

}
div.main-middle div.pricepdt div.list span.more img{
    width:47px;
    height:17px;
}
/* 트랜드 아이템 */
div.main-middle div.tranditem{
    float:left;
    width:176px;
    margin-top:33px;
    border-top:2px solid #555;
}
div.main-middle div.tranditem h3{
    width:164px;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    padding:8px 0 6px 10px;

}
div.main-middle div.tranditem ul{
    border:1px solid #e5e5e5;
}
div.main-middle div.tranditem ul li{line-height:0;font-size:0;}
div.main-middle div.tranditem ul li img{vertical-align:top;}

/* 인기상품, 신상품 */
div.main-middle div.bestnew{
    float:left;
    width:547px;
    height:290px;
    overflow:hidden;
    padding-top:15px;
    margin-top:33px;
    background: url('/esc/image_new2010/main/bg_main_bestnew.gif') no-repeat;
}
div.main-middle div.bestnew ul li{
    float:left;
    width:258px;
    padding-left:15px;
}
div.main-middle div.bestnew ul li div.pdt{
    position:relative;
    z-index:1;
    width:242px;
    border:1px solid #f2f2f2;
    background:#fff;
}
div.main-middle div.bestnew ul li div.pdt span.icon{
    position:absolute;
    left:-2px;
    top:-1px;
    z-index:1;
}
div.main-middle div.bestnew ul li div.pdt span.more{
    position:absolute;
    right:14px;
    top:8px;
    z-index:1;
}
div.main-middle div.bestnew ul li div.pdt h3{
    width:192px;
    height:22px;
    margin:0 auto;
    padding:9px 0 0 25px;
    border-bottom:1px solid #f2f2f2;
}
div.main-middle div.bestnew ul li div.pdt ul{
    width:243px;
    height:238px;
    padding-left:5px;
    padding-top:5px;
}
div.main-middle div.bestnew ul li div.pdt ul li{
    float:left;
    width:110px;
    padding:5px 0 0px 0; 
    text-align:center;
}
div.main-middle div.bestnew ul li div.pdt ul li a.thum img{
    width:80px;
    height:80px;
    vertical-align:middle;
}
div.main-middle div.bestnew ul li div.pdt ul li strong.subj{
    display:block;
    font-weight:normal;
    padding:4px 0 0 0;
    font-size:11px;
    letter-spacing:-1px;
}
div.main-middle div.bestnew ul li div.pdt ul li strong.subj a{color:#888;}
div.main-middle div.bestnew ul li div.pdt ul li strong.price{color:#444;font-size:11px;}
div.main-middle div.bestnew ul li div.pdt ul li strong.price span.txt{color:#444;font-weight:normal;}

/* hot 베스트셀러 판촉물기획전 */
div.main-middle div.hotright{
    float:left;
    width:193px;
    overflow:hidden;
    border:1px solid #1b0205;
    margin-top:33px;
}
div.main-middle div.hotright ul li{
    padding:0;
    line-height:0;
    vertical-align:top;

}
div.main-middle div.hotright ul li img{
    display:block;
    vertical-align:middle;
}
div.main-middle div.hotright ul li div.hotbest{
    width:176px;
    height:237px;
    padding:10px 9px 0 8px; 
    border-bottom:1px solid #dedede;
}
div.main-middle div.hotright ul li div.hotbest ol li{
    height:70px;
    line-height:13px;
    padding:5px 0 0 0; 
    border-bottom:1px solid #efefef;
}
div.main-middle div.hotright ul li div.hotbest ol li a.thum {float:left;}
div.main-middle div.hotright ul li div.hotbest ol li a.thum img{
    width:65px;
    height:65px;
    vertical-align:middle;
}
div.main-middle div.hotright ul li div.hotbest ol li strong.subj{
    float:left;
    width:104px;
    font-weight:normal;
    font-size:11px;
    padding:8px 0 1px 5px;
}
div.main-middle div.hotright ul li div.hotbest ol li strong.subj a{color:#888;}
div.main-middle div.hotright ul li div.hotbest ol li strong.price{
    float:left;
    color:#444;
    font-size:11px;
    padding:0 0 0 5px;
}
div.main-middle div.hotright ul li div.hotbest ul{
    height:20px;
    overflow:hidden;
}
div.main-middle div.hotright ul li div.hotbest ul li{
    line-height:14px; 
    height:19px;
    padding:5px 0 0 11px;
    border-bottom:1px solid #efefef;
    background: url('/esc/image_new2010/main/dot_main_hot.gif') no-repeat 3px center;
}
div.main-middle div.hotright ul li div.hotbest ul li a{
    float:left;
    color:#888;
    letter-spacing:-1px;
}
div.main-middle div.hotright ul li div.hotbest ul li span.price{
    float:right;
    font-size:11px;
}
div.main-middle div.hotright ul li div.plist{
    height:247px; 
    border-top:1px solid #dedede;
}
div.main-middle div.hotright ul li div.plist ul{
    height:222px;
    padding:0 11px 0 11px;
    overflow:hidden;
}
div.main-middle div.hotright ul li div.plist ul li{
    text-align:center;
    line-height:14px;
    padding-top:6px;
    padding-bottom:3px;
    border-bottom:1px solid #efefef;
}
div.main-middle div.hotright ul li div.plist ul li a.thum{float:none;}
div.main-middle div.hotright ul li div.plist ul li a.thum img{
    display:inline;
    width:138px;
    height:70px; 
}
div.main-middle div.hotright ul li div.plist ul li strong.subj{
    display:block;
    font-weight:normal;
    padding:2px 0 1px 0;
}
div.main-middle div.hotright ul li div.plist ul li strong.subj a{color:#888;}
div.main-middle div.hotright ul li div.plist ul li strong.price{
    color:#444;
    padding:0 0 0 5px;
}
div.main-middle div.hotright ul li div.plist p.more{
    height:20px;
    text-align:right;
    padding:5px 7px 0 0;
    background:#9d9d9d;
}
div.main-middle div.hotright ul li div.plist p.more img{
    display:inline;
}

/* 메인 하단 카테고리별 */
div.main-cate{
    clear:both;
    width:100%;
    overflow:hidden;
    padding-top:29px;
}
div.main-cate ul{width:942px;}
div.main-cate ul li{
    float:left;
    width:186px;
}
div.main-cate ul li div.clist{
    width:177px;
    overflow:hidden;
}
div.main-cate ul li div.clist h3{height:22px;}
div.main-cate ul li div.clist p{
    height:148px;
    line-height:0;
    font-size:0;
}
div.main-cate ul li div.clist div.pdt{
    width:175px;
    height:112px;
    overflow:hidden;
    border:1px solid #dbdbdb;
}
div.main-cate ul li div.clist div.pdt ul{
    width:186px;
    height:112px;
    padding:6px 0 0 0;
}
div.main-cate ul li div.clist div.pdt ul li{
    float:left;
    width:88px;
    text-align:center;
    background: url('/esc/image_new2010/main/main_catelist_line.gif') repeat-y top right;
}
div.main-cate ul li div.clist div.pdt ul li a.thum img{
    width:70px;
    height:66px;
    vertical-align:middle;
}
div.main-cate ul li div.clist div.pdt ul li strong.subj{
    display:block;
    font-weight:normal;
    padding:4px 0 0 0;
    letter-spacing:-1px;
}
div.main-cate ul li div.clist div.pdt ul li strong.subj a{color:#888;}
div.main-cate ul li div.clist div.pdt ul li strong.price{color:#444;}
div.main-cate ul li div.clist div.pdt ul li strong.price span.txt{
    color:#444;
    font-weight:normal;
}

/* 메인하단 고객센터 */
div.main-cs{
    width:99.8%;
    overflow:hidden;
    border:1px solid #dfdfdf;
    background:#f2f2f2;
    margin-top:30px;
}
div.main-cs div.cswrap{
    width:99%;
    height:105px;
    overflow:hidden;
    margin:3px 4px 3px 4px;
    background:#fff;
    padding:12px 0 0 0;
}
div.cscenter{
    position:relative;
    z-index:1;
    float:left;
    width:194px;
    padding-left:13px;
    background: url('/esc/image_new2010/main/main_cs_bgline.gif') no-repeat top right;
}
div.cscenter h3{padding:0 0 12px 0;}
div.cscenter strong{display:block;padding:0 0 16px 10px;line-height:0;}
div.cscenter span.btn{
    position:absolute;
    right:40px;
    top:0;
    z-index:1;
}
div.csservice{
    position:relative;
    z-index:1;
    float:left;
    width:470px;
    padding-left:24px;
    background: url('/esc/image_new2010/main/main_cs_bgline.gif') no-repeat top right;
}
div.csservice h3{padding:0 0 10px 0;}
div.csservice span.btn1, div.csservice span.btn2{
    position:absolute;
    top:8px;
    z-index:1;
}
div.csservice span.btn1{left:269px;}
div.csservice span.btn2{left:392px;}

div.csnotice{
    float:left;
    width:186px;
    padding-left:18px;
}
div.csnotice h3{height:28px;padding-left:2px;}
div.csnotice h3 a {display:inline-block; margin-left:80px;}
div.csnotice ul li{
    height:19px;
    padding:0 0 0 9px;
    line-height:15px;
    letter-spacing:-1px;
    background: url('/esc/image_new2010/main/main_notice_dot.gif') no-repeat 0 5px;
}
div.csnotice ul li a{color:#969696;}

div.m-lnb {
    float:left;
    display:inline;
    overflow:hidden;
    width:174px;
    height:100%;
    border:1px solid #D0D0D0;
    border-left:none;
}
    div.m-lnb div.lnb-tab {
        float:left;
        display:inline;
        overflow:hidden;
        width:27px;
    }
        div.m-lnb div.lnb-tab ul {
            overflow:hidden;
            height:100%;
            height:509px;
        }
            div.m-lnb div.lnb-tab ul li {
                float:left;
                display:inline;
                margin:-1px 0 0 0;
                padding:0;
                font-size:0;
            }
    div.m-lnb div.lnb-list {
        overflow:hidden;
        float:left;
        display:inline;
        width:141px;
    }
        div.lnb-list ul.spfood01 {
            overflow:hidden;
            float:left;
            display:inline;
            margin:19px 0 0 10px;
            padding:0;
            width:130px;
        }
            div.lnb-list ul.spfood01 li {
                float:left;
                width:117px;
                margin:10px 0 0 0;
                padding:10px 0 0 0;
                background:none;
                border-top:1px solid #FFE7EC;
                font-size:0;
            }
                div.lnb-list ul.spfood01 li.fir {
                    margin:0;
                    padding:0;
                    background:none;
                    border:none;
                    font-size:0;
                }
                div.lnb-list ul.spfood01 li ul {
                    margin:2px 0 0 0;
                    padding:0;
                    width:117px;
                    font-size:0;
                }
                    div.lnb-list ul.spfood01 li ul li {
                        margin:4px 0 0 0;
                        padding:0;
                        color:#7C7C7C;
                        border:none;
                        font-size:0;
                        width:118px;
                    }
                        div.lnb-list ul.spfood01 li ul li a {
                            display:block;
                            width:136px;
                        }
        div.m-lnb div.lnb-list div.ban01 {
            float:left;
            display:inline;
            margin:10px 0 0 4px;
        }
        div.m-lnb div.lnb-list div.ban02 {
            float:left;
            display:inline;
            margin:15px 0 0 10px;
        }
div.nation {
    overflow:hidden;
    margin:8px 0 0 0;
}
    div.nation a {
        float:left;
        display:inline;
    }
        div.nation a.right {
            margin:0 2px 0 0;
        }
div.nation2 {
    float:left;
    display:inline;
    overflow:hidden;
    margin:25px 0 0 10px;
}
    div.nation2 a {
        float:left;
        display:inline;
    }
        div.nation2 a.right {
            margin:0 2px 0 0;
        }
div.ems-srvinfo {
    overflow:hidden;
    position:relative;
    margin:12px 0 0 0;
    width:175px;
    height:138px;
    background:url('/esc/image_new2010/main/ems_srvinfo_bg.gif') no-repeat 0 0;
}
    div.ems-srvinfo h4 {
        position:absolute;
        top:30px;
        left:8px;
    }
    div.ems-srvinfo ul li.srv01 {
        position:absolute;
        top:6px;
        left:41px;
    }
    div.ems-srvinfo ul li.srv02 {
        position:absolute;
        top:28px;
        left:41px;
    }
    div.ems-srvinfo ul li.srv03 {
        position:absolute;
        top:50px;
        left:41px;
    }
    div.ems-srvinfo ul li.srv04 {
        position:absolute;
        top:73px;
        left:35px;
    }
    div.ems-srvinfo ul li.srv05 {
        position:absolute;
        top:95px;
        left:40px;
    }
    div.ems-srvinfo ul li.srv06 {
        position:absolute;
        top:118px;
        left:41px;
    }
div.ems-srvinfo2 {
    float:left;
    display:inline;
    overflow:hidden;
    position:relative;
    margin:15px 0 0 10px;
    width:119px;
    height:161px;
    background:url('/esc/image_new2010/main/ems_srvinfo2_bg.gif') no-repeat 0 bottom;
}
    div.ems-srvinfo2 h4 {
        position:absolute;
        top:30px;
        left:8px;
    }
    div.ems-srvinfo2 ul li.srv01 {
        position:absolute;
        top:26px;
        left:12px;
    }
    div.ems-srvinfo2 ul li.srv02 {
        position:absolute;
        top:48px;
        left:12px;
    }
    div.ems-srvinfo2 ul li.srv03 {
        position:absolute;
        top:70px;
        left:12px;
    }
    div.ems-srvinfo2 ul li.srv04 {
        position:absolute;
        top:99px;
        left:5px;
    }
    div.ems-srvinfo2 ul li.srv05 {
        position:absolute;
        top:120px;
        left:10px;
    }
    div.ems-srvinfo2 ul li.srv06 {
        position:absolute;
        top:142px;
        left:11px;
    }
    
div.gall01 {
    float:left;
    display:inline;
    width:121px;
    height:81px;
    margin:15px 0 0 13px;
    padding:15px 0 0 0;
    background:url('/esc/image_new2010/main/gall01_bg.gif') no-repeat 0 15px;
    border-top:1px solid #FFE7EC;
}
div.lnb-ban {
    overflow:hidden;
    margin:8px 0 0 0;
}
div.lnb-ban2 {
    clear:both;
    width:100%;
    float:left;
    display:inline;
    overflow:hidden;
    margin:12px 0 0 10px;
}

/* 아이템3 끝 */
div.mainspfood-sub-lay {
    position:absolute;
    top:0px;
    left:160px;
    z-index:2;
}
    div.mainspfood-sub-lay div.lay-pop-menut {
        background:url('/esc/image_new2010/main/lay_pop_menub.gif') no-repeat 0 bottom;
        width:197px;
    }
        div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub {
            background:url('/esc/image_new2010/main/lay_pop_menut.gif') no-repeat 0 top;
            width:195px;
            height:408px;
            padding:10px 0 10px 2px;
        }
            div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub ul {
                width:191px;
                height:321px;
                overflow:hidden;
            }
                div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub li {
                    width:176px;
                    padding:0 0 0 15px;
                    margin:1px 0;
                    line-height:18px;
                }
                    div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub li a {
                        text-decoration:none;
                    }
                    div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub li.on {
                        width:176px;
                        padding:0 0 0 15px;
                        background:#E8e8E8;
                    }
                    div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub li.on a {
                        font-weight:bold;
                    }
            div.mainspfood-sub-lay div.lay-pop-menut div.lay-pop-menub div.ban {
                margin:15px 0 0 4px;
                /*border:1px solid #D1D1D1;*/
                width:162px;
                height:50px;
            }
    div.mainspfood-sub-lay span.close04 {
        display:block;
        position:absolute;
        bottom:3px;
        right:3px;
    }


/* 0127 추가 */
div.lnbflash-wrap{
    position:relative;
    z-index:10;
}
div.lnbflash-wrap div.lnbshow{
    position:absolute;
    z-index:100;
}

/*121017 공동구매 추가*/
.group_purchase dt{overflow:hidden;background:url(/esc/image_new2010/grpbuy/main_grouppurchase_dtbg.gif) repeat-x left top;}
.group_purchase dt div.fl{float:left;padding:0 0 0 5px;}
.group_purchase dt div.fl a{display:block;width:120px;text-align:left;}
.group_purchase dt div.fr{float:right;padding:9px 5px 0 0;}
.group_purchase dd{overflow:hidden;clear:both;padding:2px 2px 3px 5px;border:1px solid #008565;font-size:11px;}
.group_purchase dd .pro_info{float:left;position:relative;width:103px;padding:4px 0 0 0;color:#444444;}
.group_purchase dd .pro_info .pro_tit{margin:0 0 3px 0;font-weight:bold;}
:root .group_purchase dd .pro_info .pro_tit{margin:0 0 2px}
.group_purchase dd .pro_info .sale_value{position:absolute;height:28px;left:0;top:45px;margin:6px 0 0 0;padding:2px 0 0 1px;background:url(/esc/image_new2010/grpbuy/main_grouppurchase_salebg.gif) no-repeat left top;color:#fff;font-size:17px;font-weight:bold;z-index:9999;}
.group_purchase dd .pro_info .sale_value span{font-size:11px;}
.group_purchase dd .pro_info .money{position:absolute;left:33px;top:51px;}
.group_purchase dd .pro_info .money em{color:#de261a;font-size:12px;font-weight:bold;}
.group_purchase dd .pro_img{float:right;width:80px;}
.group_purchase dd .pro_img img{width:80px;height:80px;}