@charset:"utf-8";
/************************************************************************
 * ÆÄÀÏ¸í  :  delivery_main.css
 * ¼³   ¸í  :  Á÷¹è¼Û
 * ÀÛ¼ºÀÚ  :  ¾È´ë¿ë
 * ÀÛ¼ºÀÏ  :  2016.04.15
 * ¼öÁ¤ÀÏ  :  2016.04.20
************************************************************************/

/* »ó´Ü °Ë»ö ¿µ¿ª */
#ssWrap, #ssWrapLeft{display:none}
#serviceWrap{top:425px;z-index:100}
#deliveryWrap{position:relative;width:100%;padding:0}
#wrapHead{position:relative;z-index:10;width:100%;margin:0;padding:0;background:url(/images/cosmetic/layout_header_line.gif) 0 0 repeat-x} 
.wrap_topbn{position:relative;width:100%;height:204px;margin:0;padding:0;background-color:#ffefe7;background:url(/images/cosmetic/bg_topbn.gif) 0 bottom repeat-x}
.wrap_topbn:after{content:" ";display:block;clear:both}
.wrap_topbn .top_banner{position:relative;width:960px;margin:0 auto}
.wrap_topbn .top_banner .text{display:block;width:481px;height:198px}
.wrap_topbn .top_banner .ad{display:block;position:absolute;bottom:-30px;right:0;z-index:20;width:382px;height:201px}


/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
#contentBody{position:relative;width:100%;margin:0;padding:0}
.dvy_bntop:after, .dvy_limited:after{content:" ";display:block;clear:both}
.wrap_pdt{font-size:1.2em;font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif}
.paging{padding-bottom:20px}

/* ÅÂ±×&Å¸ÀÌÆ² */
.group_tag{width:100%;height:16px;margin-bottom:8px}
.sp_tag{height:16px;margin-right:3px;background:url(/images/detail/2014/sp_tag.gif) no-repeat;text-indent:-999em}
.direct{width:58px;background-position:-78px -34px}
.cmn .today{width:51px;background-position:-220px 0}
.group_tag .today{width:51px;background-position:-220px 0}
.cos_coupon{width:49px;background-position:-170px 0}
.cmn .bigsale{width:51px;background-position:-156px -34px}
.sp_tit{display:block;background:url(/images/cosmetic/sp_dvytit.gif) no-repeat;text-indent:-999em}
.hotsale{float:left;width:744px;height:28px;background-position:0 -30px}
.nextweek{float:right;width:216px;height:28px;background-position:0 -60px}
.limited{float:left;width:151px;height:27px;background-position:0 -90px}
.couponsale{width:284px;height:34px;background-position:0 -119px}
.oneday{width:196px;height:69px;background-position:0 -190px}
.salebest{width:234px;height:33px;background-position:0 -155px}
.catesale{float:left;width:235px;height:33px;background-position:0 -261px}
.flag_txt{display:block;position:absolute;top:0;right:0;z-index:10}
.flag_txt .md{display:inline-block;text-indent:-999em;width:52px;height:56px;background:url(/images/cosmetic/flag_md.png) no-repeat;}
.flag_txt .limited{display:inline-block;width:52px;height:56px;background:url(/images/cosmetic/flag_limited.png) no-repeat;color:#FFF;font:normal 14px '¸¼Àº °íµñ','µ¸¿ò';text-align:center;line-height:72px}
.soldout{position:absolute;left:45px;top:160px;display:inline-block;text-indent:-999em;width:260px;height:58px;background:url(/images/cosmetic/ico_soldout.png) no-repeat;}
.soldout2{position:absolute;left:50%;top:105px;margin-left:-130px;display:inline-block;text-indent:-999em;width:260px;height:58px;background:url(/images/cosmetic/ico_soldout.png) no-repeat;z-index:10}
.flag_best{position:absolute;top:10px;left:10px;z-index:10}
/* ¹è³Ê */
.dvy_bntop{overflow:hidde;position:relative;width:958px;margin:0 auto;margin-bottom:72px;border:1px solid #e1e1e1}
.dvy_bntop .promotion{float:left;width:610px;height:445px;border-right:1px solid #e1e1e1}
.dvy_bntop .wrap_pdt{position:relative;float:left;width:297px;padding:0 25px 20px 25px}
.dvy_bntop .wrap_pdt .flag_sale{position:absolute;top:0;right:-10px;width:70px;height:71px;font-weight:bold;font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;font-size:1.6em;background:url(/images/cosmetic/bigsale_arrow.png) 0 0 no-repeat;text-align:center;line-height:3.0em;color:#fff}
.dvy_bntop .wrap_pdt .tit_sale{width:196px;height:30px;margin-top:22px;margin-left:47px;background:url(/images/cosmetic/sp_dvytit.gif) 0 0 no-repeat;text-indent:-999em}
.dvy_bntop .wrap_pdt .thumb_sale{overflow:hidden;text-align:center;margin-top:15px}
.dvy_bntop .wrap_pdt .thumb_sale img{width:260px}
.dvy_bntop .wrap_pdt .tit_pdt{padding:0 10px 13px 0px;text-align:center}
.dvy_bntop .wrap_pdt .tit_pdt a{font-size:14px;color:#4f4f4f;letter-spacing:-0.05em;text-decoration:none}
.dvy_bntop .wrap_pdt .tit_sub{padding-bottom:8px;font-weight:bold;font-size:1.25em;color:#ea585b}
.dvy_bntop .wrap_pdt .price_txt{float:left;margin-right:20px;font-weight:bold;font-size:1.15em;color:#ea585b;}
.dvy_bntop .wrap_pdt .percent{height:35px;font-size:2.5em;line-height:1.0em}
.dvy_bntop .wrap_pdt .price_pdt{width:170px;margin:0 auto}
.dvy_bntop .wrap_pdt .price_nonesale{float:left;font-size:12px;font-family:µ¸¿ò;color:#ccc;text-decoration:line-through;text-align:left;margin-top:5px}
.dvy_bntop .wrap_pdt .price_sale{float:left;font-weight:normal;font-size:14px;color:#000;font-family:µ¸¿ò;margin-top:2px}
.dvy_bntop .wrap_pdt .price_sale strong{font-size:16px}
.dvy_bntop .group_tag{margin-top:10px;text-align:center}
.dvy_bntop .sp_tag{display:inline-block}

/* ¶ì¹è³Ê */
.wrap_big_bn{overflow:hidden;width:100%;height:235px;margin-bottom:84px;text-align:center}

/* ÇÖ¼¼ÀÏ */
.dvy_hotsale{overflow:hidden;position:relative;margin-bottom:10px}
.dvy_hotsale .wrap_title{position:relative;width:100%;height:28px;margin-bottom:18px}
.dvy_hotsale .wrap_title .flag_help{display:block;position:absolute;top:12px;left:250px;width:62px;background:url(/images/cosmetic/sp_tag.gif) -208px -34px no-repeat;text-indent:-999em}
.dvy_limited{overflow:hidden;position:relative;width:960px;margin:0 auto;margin-bottom:80px}
.dvy_limited .wrap_title{position:relative;width:960px;height:27px;margin:0 auto;margin-bottom:19px}
.dvy_limited .wrap_pdt{overflow:hidden;position:relative;width:958px;height:354px;margin:0 auto;border:1px solid #e1e1e1}
.dvy_limited .wrap_pdt li{overflow:hidden;float:left;width:238px;height:354px;border-left:1px solid #e1e1e1;text-align:center;position:relative}
.dvy_limited .wrap_pdt li:first-child{border-left:none;width:241px;}
.dvy_limited .wrap_pdt .thumb{position:relative;width:238px;height:200px;margin:20px 0 12px 0;backgrounvd-color:#fff;text-align:center}
.dvy_limited .wrap_pdt .thumb img{width:200px;height:200px}
.dvy_limited .wrap_pdt .group_tag{text-align:center}
.dvy_limited .wrap_pdt .sp_tag{display:inline-block}
.dvy_limited .wrap_pdt .tit_pdt{width:80%;margin:0 auto;padding-bottom:13px;text-align:center}
.dvy_limited .wrap_pdt .tit_pdt a{font-size:0.8em;color:#4f4f4f;letter-spacing:-0.05em;line-height:1.4em;text-decoration:none}
.dvy_limited .wrap_pdt .price_pdt{font-size:0.8em}
.dvy_limited .wrap_pdt .price_pdt .nonesale{color:#ccc;text-decoration:line-through}
.dvy_limited .wrap_pdt .price_pdt .sale{font-weight:bold;color:#ea585b} 


/* ¼¼ÀÏ º£½ºÆ® */
.dvy_saleBest{position:relative;width:960px;margin:0 auto}
.sale_coupon{position:relative;float:left;width:391px;height:522px;border-right:1px solid #f4f4f4}
.sale_coupon .wrap_title{position:relative}
.sale_coupon .wrap_title .couponsale{float:right;background:url(/images/cosmetic/tit_new_brand.gif) no-repeat 0 0; width:265px;height:76px;margin:10px 38px 37px 0;text-indent:-999em}
.sale_coupon .wrap_title .oneday{float:right;width:196px;height:69px;margin:0 38px 19px 0}
.sale_coupon .sale_prod{position:absolute;top:103px;left:-164px;z-index:10;width:537px;height:430px}
.sale_coupon .sale_prod img{width:537px;height:430px}
.sale_coupon .sale_coupon_txt{position:absolute;top:209px;right:40px;z-index:30}
.sale_coupon .btn_coupon{display:block;position:absolute;top:251px;right:58px;z-index:20;}
.sale_coupon .sale_live{position:absolute;bottom:75px;right:43px;z-index:30;width:163px;height:13px}
.sale_coupon .sale_live .sale_txt{color:#ec575d}
.sale_coupon .sale_live .sale_txt em{font-weight:bold}
.sale_best{float:left;width:555px;height:522px;padding-left:12px;margin-top:12px;position:relative}
.sale_best .btn_more_2014{position:absolute;top:15px;right:15px}
.sale_best .wrap_title{float:left;width:555px;margin-left:23px}
.sale_best .wrap_title .salebest{margin-bottom:14px}
.sale_block{float:left;position:relative}
.sale_block li{float:left;position:relative;width:225px;padding-left:23px;border-left:1px solid #e1e1e1}
.sale_block li:first-child{border:none;width:280px}
.sale_block li:nth-child(2){padding-bottom:15px;border-bottom:1px solid #e1e1e1}
.sale_block .tit_pdt a{text-decoration:none;color:#000}
.sale_block li .sp_flag{display:block;position:absolute;top:23px;left:23px;width:46px;height:48px;background:url(/images/cosmetic/sp_flag.gif) no-repeat;text-indent:-999em}
.sale_block li .best1{background-position:0 0}
.sale_block li .best2{background-position:0 -50px}
.sale_block li .best3{background-position:0 -100px}
.sale_block li .thumb{overflow:hidden;padding:0;text-align:center}
.sale_block li .thumb img{width:170px;height:170px}
.sale_block li .num1{width:280px;height:280px;margin:60px 0 60px 0}
.sale_block li .num1 img{width:280px;height:280px}
.sale_block li .num2,.sale_block li .num3{width:225px;height:160px;margin:15px 0 7px 0;text-align:center}
.sale_block li .num2 img,.sale_block li .num3 img{width:150px;height:150px}
.sale_block li .tit_pdt{width:100%;line-height:1.2;padding-bottom:5px}
.sale_block li .price_pdt{width:100%}
.sale_block li .price_pdt .nonesale{color:#777;text-decoration:line-through}
.sale_block li .price_pdt .sale{color:#eb5757}
.sale_block li .price_pdt .sale em{font-weight:bold}
.dvy_mcategory{overflow:hidden;width:960px;margin:0 auto;padding-top:60px;clear:both}
.dvy_mcategory .wrap_title{position:relative;width:100%;height:33px;margin:20px 0 36px 0;padding-bottom:15px;border-bottom:1px solid #b2b2b2}
.dvy_mcategory .wrap_tab{overflow:hidden;float:right;margin-top:20px;padding:0}
.dvy_mcategory .wrap_tab li{float:left;margin-left:22px}
.dvy_mcategory .wrap_tab li:first-child{margin-left:0}
.dvy_mcategory .wrap_tab li a{font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;color:#636363;text-decoration:none}
.dvy_mcategory .wrap_tab .select a, .dvy_mcategory .wrap_tab a:hover{font-weight:bold}
.dvy_scategory .wrap_tab{position:relative;width:960px;margin:0 auto;padding:36px 0}
.dvy_scategory .wrap_tab .tab_main{width:100%;height:47px;border-top:3px solid #000;border-bottom:1px solid #000}
.dvy_scategory .wrap_tab .tab_main li{float:left;margin:0 7px;padding:0;width:120px;text-align:center	}
.dvy_scategory .wrap_tab .tab_main li a{display:block;font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;font-size:15px;line-height:45px;color:#666;text-decoration:none;padding:0 6px; letter-spacing:-0.05em}
.dvy_scategory .wrap_tab .tab_main li.select a, 
.dvy_scategory .wrap_tab .tab_main li a:hover{height:44px;font-weight:bold;border-bottom:3px solid #000;color:#000}
.dvy_scategory .wrap_tab .tab_sub{width:100%;padding-top:20px;border-bottom:1px solid #000}
.dvy_scategory .wrap_tab .tab_sub ul{overflow:hidden;width:880px;margin:0 auto;padding-bottom:20px}
.dvy_scategory .wrap_tab .tab_sub li{float:left;margin-right:50px}
.dvy_scategory .wrap_tab .tab_sub li a{display:block;font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;font-size:9pt;color:#666;text-decoration:none}
.dvy_scategory .wrap_tab .tab_sub li.select a, 
.dvy_scategory .wrap_tab .tab_sub li a:hover{font-weight:bold;font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;color:#000}

.wrap_tit {margin-top:30px;border-bottom:1px solid #e1e1e1;padding-bottom:5px;margin-bottom:20px;overflow:hidden}
.wrap_tit h3{float:left;font-size:24px;font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;font-weight:normal;line-height:22px;color:#000;margin-left:10px;margin-bottom:10px}
.wrap_tit .sorting{float:right;margin:10px 15px 0 0}
.wrap_tit .sorting li{float:left;;margin-left:18px}
.wrap_tit .sorting li a{font-family:'¸¼Àº °íµñ', 'µ¸¿ò', sans-serif;font-size:14px;color:#000}
.wrap_tit .sorting li .select{font-weight:bolder;color:#E82323}

.cmn{position:relative;width:960px;margin:0 auto}
.cmn .wrap_pdt ul{float:left;margin-left:-45px}
.cmn .wrap_pdt li{position:relative;float:left;width:289px;margin:0 0 20px 45px;height:460px;overflow:hidden} 
.cmn .wrap_pdt li:nth-child(3n){margin-right:0}
.cmn .wrap_pdt .thumb{position:relative;width:289px;height:289px;margin-bottom:12px;background-color:#f4f4f4;text-align:center}
.cmn .wrap_pdt .img_gray{position:absolute;width:100%;height:100%;opacity:0.04;filter:alpha(opacity=4);background:#333}
.cmn .wrap_pdt .thumb a{display:block;position:relative}
.cmn .wrap_pdt .thumb img{width:289px;height:289px;mix-blend-mode:darken}
.cmn .wrap_pdt .sp_tag{display:block;float:left}
.cmn .wrap_pdt .tit_pdt{margin-bottom:14px;line-height:1.1em}
.cmn .wrap_pdt .tit_pdt a{color:#333;text-decoration:none}
.cmn .wrap_pdt .price_txt{float:left;margin-right:20px;font-weight:bold;font-size:18px;color:#ea585b}
.cmn .wrap_pdt .percent{height:35px;font-size:2.5em;line-height:1.0em}
.cmn .wrap_pdt .price_nonesale{float:left;width:65%;color:#ccc;font-size:12px;font-family:µ¸¿ò;text-decoration:line-through;margin-top:5px}
.cmn .wrap_pdt .price_sale{float:left;font-weight:normal;font-size:14px;color:#000;font-family:µ¸¿ò}
.cmn .wrap_pdt .price_sale strong{font-size:16px}
.cmn .wrap_pdt_4 ul{float:left;margin-left:-20px}
.cmn .wrap_pdt_4 li{width:225px;margin:0 0 20px 20px;height:420px;overflow:hidden}
.cmn .wrap_pdt_4 .thumb{position:relative;width:225px;height:225px}
.cmn .wrap_pdt_4 .thumb img{width:225px;height:225px;mix-blend-mode:darken}
.cmn .wrap_pdt_4 .price_nonesale{width:55%}

.price_pdt{overflow:hidden}
.coupon_price{margin-top:10px; font-size:1.15em;color:#ea585b;}
.cmn .wrap_pdt .coupon_price .price_sale{margin-left:20px;color:#ea585b;}

/*ºê·£µå*/
.brand_main_top {width:960px;height:448px;margin:0 auto;overflow:hidden}
.brand_main_top .brand_m_bn {float:left;width:610px;height:446px;border:1px solid #e1e1e1;overflow:hidden}
.brand_main_top .brand_m_bn {width:610px;height:446px}
.brand_main_top .brand_m_best {position:relative;float:right;width:320px;overflow:hidden}
.brand_main_top .brand_m_best h3{position:absolute;top:196px;left:0}
.brand_main_top .brand_m_best ul {margin-left:-12px}
.brand_main_top .brand_m_best li {float:left;width:154px;height:196px;margin-left:12px;margin-bottom:70px}
.brand_main_top .brand_m_best li .brand_logo{display:block;width:152px;height:152px;border:1px solid #e1e1e1;overflow:hidden}
.brand_main_top .brand_m_best li .brand_logo img{width:152px}
.brand_main_top .brand_m_best li .brand_txt{display:block;text-align:center;margin-top:5px;font:normal 14px '¸¼Àº °íµñ','µ¸¿ò';color:#666}

 
.brand_m_list {position:relative;overflow:hidden}
.brand_total {position:absolute;right:10px;top:15px}
.brand_total a{text-decoration:none;font:normal 14px '¸¼Àº °íµñ','µ¸¿ò';margin-left:12px}.brand_total a:hover{color:#4dafca}
.brand_total .select{color:#4dafca;font-weight:bolder}
.brand_m_list h3 {position:relative;height:27px;border-bottom:1px solid #d1d1d1;margin-bottom:27px;padding-bottom:16px}
.brand_m_list h3 .tit_brand_kor {display:block;height:27px;background-position:0 -297px}
.brand_m_list h3 .tit_brand_for {display:block;height:27px;background-position:0 -329px}
.brand_m_list ul {margin-left:-18px}
.brand_m_list li {float:left;width:145px;height:190px;margin-left:18px;margin-bottom:10px}
.brand_m_list li .brand_logo{display:block;width:143px;height:143px;border:1px solid #e1e1e1;overflow:hidden}
.brand_m_list li .brand_logo img{width:143px}
.brand_m_list li .brand_txt{display:block;text-align:center;margin-top:5px;font:normal 14px '¸¼Àº °íµñ','µ¸¿ò';color:#666}

.brand_view_tit {position:relative;background:#333;color:#FFF;padding:33px 0 30px 150px;min-height:95px;width:810px}
.brand_view_tit h3 {font:normal 29px '¸¼Àº °íµñ','µ¸¿ò';height:32px}
.brand_view_tit .brand_sub_txt {font:normal 21px '¸¼Àº °íµñ','µ¸¿ò';margin-top:10px}
.brand_view_tit .brand_logo {position:absolute;width:100px;height:100px;overflow:hidden;top:22px;left:22px}
.brand_view_tit .brand_logo img{width:100px;height:100px}
.brand_view_sort {position:relative;margin:25px 0;height:45px;border-bottom:1px solid #e1e1e1}
.brand_view_sort ul{position:absolute;top:9px}
.brand_view_sort ul li{float:left;padding:0 15px;}
.brand_view_sort ul li a{text-decoration:none;font:normal 17px '¸¼Àº °íµñ','µ¸¿ò';color:#222}.brand_view_sort a:hover{color:#4dafca}
.brand_view_sort ul li .select {color:#4dafca;font-weight:bolder}


