@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@charset "utf-8";
/*
 작성자:       owen
 최초작성일: 2015. 06. 05
  */



/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /* font: inherit; */
    vertical-align: baseline;
    /*font-family:'맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/
    
}


h1, h2, h3, h4, h5, h6{ font-size: inherit;}
html.noScroll{overflow:hidden}
body{-webkit-text-size-adjust:none;/*ios zoom*/ overflow-y:scroll; font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif; color:#333333; font-size: 12px; font-weight: normal; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
}
body.overhide{
    overflow:hidden;
}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
input, select, textarea, button, option{ font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;  vertical-align:middle;box-sizing:content-box;border-radius: 0px;box-shadow:none !important;}
input[type="text"], input[type="password"]{-webkit-appearance: none;}
input[type="radio"], input[type="checkbox"] {margin:0px;padding:0px;}
input[type="radio"]+label, input[type="checkbox"]+label {vertical-align:middle;padding-left:7px;} 
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}
/* Button */


button{background:none;overflow:visible;margin:0;padding:0;border:none;cursor:pointer;outline:none; color:#878787; font-size: 13px; font-weight: 400;
    
}
button::-moz-focus-inner{padding:0;border:0}
  /*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:inherit; text-decoration:none; }
a:link {text-decoration:none;color:inherit;}
a:visited {text-decoration:none; color:inherit;}
a:hover {text-decoration:none;color:inherit}
/* skip navigation */
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* lst_thmb */
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/*// lst_thmb*/
span.h100{display:inline-block; *display:inline; *zoom:1;height:100%;vertical-align:middle; }
/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%} .clearfix{display:block}
/* close commented backslash hack */
/* //clearfix */

/* 익스 업데이트 페이지 */
#wrapper_ieUp{ text-align: center; }
.ieUpArea{  width: 600px; text-align: left; margin:150px auto;}

.ieUpArea .error_cont{   *zoom:1; border-style: solid; border-color: #3a3a3a; border-width:2px 0 1px;  padding: 40px 0 30px;}
.ieUpArea .error_cont:after{ clear: both; display: block; content: ""; height: 0; visibility: hidden; }

.ieUpArea .error_cont .error_img{ float: left; }
.ieUpArea .error_cont .cont{ margin-left: 170px; line-height: 20px; }
.ieUpArea .error_cont .cont h2{ font-size: 1.2em; margin-bottom: 20px; }
.ieUpArea .error_cont .cont .btns{ margin-top: 20px;}
.ieUpArea .error_footer{ margin-top: 10px;}
/* //익스 업데이트 페이지 */ 


/* 버튼 */
.btnWhiteR{background:#fff;color:#666666; font-size:12px; height:24px; border:1px solid #969696; min-width:114px; border-radius:5px;padding:0px 20px;
}
.btnWhiteR:hover{background:#2192cf;color:#fff;border-color:#2192cf;}
.btnWhiteR.arrow{text-align:left; background:url('/images/ico/ico_r_arrow.png') right 20px center no-repeat;}
.btnWhiteR.mb10{margin-bottom:10px;}

html, body {
 /*height: 100%;*/
  width: 100%;
}

body.menu-open{overflow: hidden;}


#wrap{position:relative;}
#wrap .outBox{width:930px;margin:0px auto;}

/*** header ***/
#header{position:relative;top:0px;left:0px;width: 100%;transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease;z-index:81;}
#header .hd_inner{}

#top_pop{position:relative;overflow:hidden;height:123px;background:#388FC4; display:none;}
#top_pop > .img_box{position:absolute;width:1900px;left:50%;margin-left:-950px;}
#top_pop .outBox{position:relative;width:1180px;height:100%;}
#top_pop button{position:absolute;right:0px;top:10px;}
#top_pop span{position:absolute;right:0px;bottom:10px;color:#fff;}



#gnb{padding:7px 0px;border-bottom:1px solid #F1F1F1;}
#gnb > ul{line-height:21px;font-size:11px;color:#656565;}
#gnb > ul > li > ul > li{float:left;position:relative; }
#gnb > ul > li > ul > li > a{display:block;height:21px;line-height:21px; padding:0px 5px;margin-right:15px;text-align:center;}
#gnb > ul > li > ul > li > a:hover{color:#c82f3a;}
#gnb > ul > li > ul > li.lang >a{width: 86.2188px;border:1px solid #c82f3a;height:19px;line-height:19px;color:#c82f3a;margin:0px;}

#logo_area{margin-bottom: 16px;}

#logo_area .outBox{position:relative;}

#logo_area h1{position:absolute;top: 22px;left:0px;z-index: 1;}

#logo_area .search_box{padding-top:13px;}

#logo_area .inputBox2{position: relative;display: inline-block; margin-left:242px;}
#logo_area .inputBox2 input[type="text"] { width: 281px; height: 36px; line-height: 31px; background: #fff; border: 2px solid #805660; color: #666; font-size: 13px; padding: 0px 60px 0px 10px; }
#logo_area .inputBox2 .btn { position: absolute; right:0px;top:0px;padding-right: 18px;padding-top: 8px; }
#logo_area .inputBox2:before{position:absolute;top:0px;right:58px;height:100%;width:1px;content:"";background:#805660;}


#lnb{position:relative;top: 2px;left:0px;width:100%;text-align:center;padding-top: 12px; padding-bottom: 30px;border-bottom:3px solid #805660;}

#lnb > .inner{position:relative;}

 #lnb > .inner > .cate{float:left;margin-right:45px; position: absolute; top:30px; left: 0; }

 #lnb > .inner > .cate > a{display:block;color:#fff;font-size:14px;padding:0px 49px;border-top-right-radius:18px;line-height:25px;height:25px;;background:#4d4343;margin-top:10px; font-family: "Myriad Pro", 'Nanum Gothic','dotum', '돋움', sans-serif;}
#lnb > .inner > .cate > a > img{margin-left:21px;}

#lnb > .inner > ul{float:left; margin: 0 auto; width: 960px;z-index: 0;}
#lnb > .inner > ul > li{display:inline-block; *display:inline; *zoom:1;margin:0px 6px;}
#lnb > .inner > ul > li > a{display:block;padding:9px 5px;}
#lnb > .inner > ul > li > a > img{display:block}
#lnb > .inner > .h_banner{position:absolute;right:0px;bottom: -28px; }
#lnb .cate .cate_lnb{display:none;position:absolute;padding-top:1px;}
#lnb .cate.on .cate_lnb{display:block;}
#lnb .cate .cate_lnb > .inner{width:926px;min-height:302px;border:2px solid #4D4343;background:#fff;}
#lnb .cate .cate_lnb > .inner > li{float:left;width:16.666%;text-align:left;padding-top:30px;}
#lnb .cate .cate_lnb > .inner > li dt{color:#333333;font-weight:700;font-size:14px;margin-bottom:20px;padding-left:25px;}
#lnb .cate .cate_lnb > .inner > li dd{margin:6px 0px;}
#lnb .cate .cate_lnb > .inner > li dd > a{display:block;color:#777777;font-size:12px;line-height:18px;padding:2px 10px 2px 25px;}
#lnb .cate .cate_lnb > .inner > li dd > a:hover{color:#c82f3a;background:#F2F1F1;}
#lnb .cate .cate_lnb > .inner > li dd > a > span{display:block;background:url(/images/bg/dot_disc2.gif) left 7px no-repeat;padding-left:10px;}
#lnb .cate .cate_lnb .btn_close{position:absolute;bottom:10px;right:10px;}
#header.main .cate{visibility: hidden;}


#quick_menu > .outBox{position:relative;z-index:5;}
#quick_menu > .outBox .left_quick{position:absolute; margin-left:-145px;margin-top:10px;}
#quick_menu > .outBox .left_quick > .inner{position:absolute;}
#quick_menu > .outBox .left_quick li{margin-bottom:10px;}

#quick_menu > .outBox .right_quick{position:absolute;left:100%;margin-left:10px;margin-top:10px;}
#quick_menu > .outBox .right_quick > .inner{position:absolute;width:94px;text-align:center;}
#quick_menu > .outBox .right_quick > .inner > div{border:1px solid #EAEAEA;background:#fff;}
#quick_menu > .outBox .right_quick > .inner .exch{padding:7px 0px;border-bottom:1px solid #eaeaea;}
#quick_menu > .outBox .right_quick > .inner .exch h2{color:#656565;font-weight:400; margin-bottom:7px;font-size:11px;}
#quick_menu > .outBox .right_quick > .inner .exch p{color:#e92851;font-size:14px;font-weight:700;}
#quick_menu > .outBox .right_quick > .inner .ex_cal{border-bottom:1px solid #EAEAEA;}
#quick_menu > .outBox .right_quick > .inner .ex_cal h2{color:#656565;font-weight:400;line-height:22px;font-size:11px;border-bottom:1px solid #eaeaea;}
#quick_menu > .outBox .right_quick > .inner .ex_cal > div{padding:7px 0px;}
#quick_menu > .outBox .right_quick > .inner .ex_cal p{text-align:left;}
#quick_menu > .outBox .right_quick > .inner .ex_cal p label{display:inline-block;width:17px;text-align:center; color:#656565;margin-bottom:3px;font-size:11px; }
#quick_menu > .outBox .right_quick > .inner .ex_cal p input{border:1px solid #eaeaea;padding:0px 5px; text-align:right; color:#333;font-size:10px; width:55px;height:12px;line-height:12px;}
#quick_menu > .outBox #login_btn{font-size:11px; color:#656565; padding:7px 0px;width:100%; border-bottom:1px solid #eaeaea;}
#quick_menu > .outBox #join_btn{font-size:11px; color:#656565; padding:7px 0px;width:100%; border-bottom:1px solid #eaeaea;}
#quick_menu > .outBox .today_pd{background:#F0F0F0;padding:7px 0px;border-bottom:1px solid #eaeaea;}
#quick_menu > .outBox .today_pd h2{color:#656565;font-size:11px; margin-bottom:7px;}
#quick_menu > .outBox .today_pd h2 > span{color:#dc3065;}
#quick_menu > .outBox .today_pd .bx_img{position:relative;max-height:107px;overflow:hidden;margin-bottom:7px;}
#quick_menu > .outBox .today_pd ul{position:relative;}

#quick_menu > .outBox .today_pd ul li{width:50px;height:50px; background:#fff; margin:0px auto 7px;}
#quick_menu > .outBox .today_pd ul li > a{display:block;width:100%;height:100%;overflow:hidden;}
#quick_menu > .outBox .today_pd ul li > a > img{max-width:100%;max-height:100%;}
#quick_menu > .outBox .today_pd > div.prev_next > button{height:11px; width:28px; font-size:5px;line-height:11px;}
#quick_menu > .outBox .today_pd > div.prev_next > button.prev{background:#575757;color:#fff;}
#quick_menu > .outBox .today_pd > div.prev_next > button.next{background:#C4C4C4;color:#000;}
#quick_menu > .outBox .intro{padding:10px 0px;font-size:11px;color:#656565;}
#quick_menu > .outBox .to_top{background:#575757;color:#fff;font-size:9px; width:100%;padding:7px 0px;}
#quick_menu > .outBox .to_top>span{vertical-align:middle}

#quick_menu.fixing .left_quick > .inner{position:fixed;top:10px;}
#quick_menu.fixing .right_quick > .inner{position:fixed;top:10px;}

/** footer **/
#footer > .sitemap{border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;}
#footer > .sitemap li{float:left;padding:0px 20px;margin:13px 0px;border-left:1px solid #939393;border-right:1px solid #DEDEDE;line-height:12px;}
#footer > .sitemap li:first-child{border-left-width:0px;padding-left:0px;}
#footer > .sitemap li.last{border-right-width:0px;}
#footer > .sitemap li > a{font-size:12px; color:#777777; }
#footer > .sitemap li.btn_top{float:right;border-width:0px;font-size:11px;}

#footer > .company_info{margin:30px 0px;}
#footer > .company_info li{float:left;}
#footer > .company_info .logo{margin-right:20px;}
#footer > .company_info .com_detail{color:#a6a6a6;font-size:11px; line-height:18px; margin-right:30px;}
#footer > .company_info .com_detail p.copy{margin-top:10px;}
#footer > .company_info .info_btn button{color:#787878; padding:3px 5px; border:1px solid #E7E7E7; border-radius:1px;font-size:10px; font-weight:700;margin-right:30px;}

/*메인 컨텐츠*/
#main_area{position:relative;}
#main_area .area_left{width:185px;float:left;}
#main_area .area_left .lnb2{position:relative;height:373px;background:#e51873; }
#main_area .area_left .lnb2 > li.total{background:#4D4343; border-left:1px solid #4D4343;border-right:1px solid #4D4343;}
#main_area .area_left .lnb2 > li{height:44px;background:#e51873; box-sizing:border-box;border-left:1px solid #e51873;border-right:1px solid #e51873;}
#main_area .area_left .lnb2 > li.on{background:#fff;border-top-color:#fff;border-bottom-color:#fff;}
#main_area .area_left .lnb2 > li:first-child{border-top-width:0px;}
#main_area .area_left .lnb2 > li > a{position:relative;display:block;height:100%;padding-left:30px;}
#main_area .area_left .lnb2 > li > a:after{position:absolute;width:90%;bottom:0px;height:1px;content:"";background:#D01669;margin:0 auto;left:0;right:0;}
#main_area .area_left .lnb2 > li.total > a:after, #main_area .area_left .lnb2 > li.last > a:after{display:none;}
#main_area .area_left .lnb2 > li.on > a:after{display:none;}
#main_area .area_left .lnb2 > li > .lnb3{position:absolute;top:0px;left:160px;background:#fff;border:1px solid #666666;z-index:20;display:none;}
#main_area .area_left .lnb2 > li.on > .lnb3{display:block;}
#main_area .area_left .lnb2 > li > .lnb3 > ul{position:relative;margin:0px 0px; width:342px;min-height:338px;padding:12px 0px;box-sizing:border-box;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li{width:155px;margin:0px 8px;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li > h3{}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li > h3 > a{display:block;padding:3px 10px;color:#555555;font-weight:400;line-height:20px;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li.on > h3 > a{background:#c82f3a;color:#fff;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li > dl{position:absolute;margin-left:163px;min-width:171px;top:0px;height:100%;padding:12px 0px; box-sizing:border-box;border-left:1px solid #666666; display:none;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li > dl > dd{line-height:14px;font-size:11px;padding:0px 8px; }
#main_area .area_left .lnb2 > li > .lnb3 > ul > li > dl > dd > a{display:block;padding:4px 10px;color:#555555;font-size:12px; line-height:18px;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li > dl > dd > a:hover{color:#fff; background:#958A8A;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li.on > dl{display:block}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li.lnb_img{position:absolute;right:10px;bottom:10px;width:auto;}
#main_area .area_left .lnb2 > li > .lnb3 > ul > li.lnb_img:after{border:none;}
#main_area .area_left .event01{width:185px;height:215px;}
#main_area .area_left .event01 >a{display:block;border:1px solid #EAEAEA;}

#main_area .area_right{width:745px;float:left;}

#main_banner{height: 420px; border-right:1px solid #EAEAEA; border-bottom: 1px solid #eaeaea;overflow:hidden;}
#main_banner > ul.img_list{position: relative;}
#main_banner > ul.img_list >li{position:absolute;width:100%;left:100%;}
#main_banner > ul.img_list >li img{width:100%;}
#main_banner > ul.img_list >li.show{left:0%}


 #main_area .area_right .visual_navi{width:745px; position: absolute; top: 373px; text-align: center;}
 #main_area .area_right .visual_navi > ul{line-height:46px;text-align:center;  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  }
 #main_area .area_right .visual_navi > ul > li{position:relative;width: 16.65%;float:left; }
 #main_area .area_right .visual_navi > ul > li > a{display:block;color:#656565;font-weight:bold;background:#F8F8F8;border-left: 1px solid #e5e5e5; }
  #main_area .area_right .visual_navi > ul > li:first-child a{border-left: 0;}
 #main_area .area_right .visual_navi > ul > li.on a{color:#fff;background:#805660;}
 #main_area .area_right .visual_navi > ul > li:hover > a{color:#fff;background:#805660;}
 #main_area .area_right .visual_navi > ul > li.not_ready a{color:#909090;background:#F8F8F8;}


 /*이벤트 area*/
#event_area{border-bottom:1px solid #e5e5e5;}
#event_area .event02{position:relative;float:left;border-right:1px solid #e5e5e5;width:537px;height:168px;overflow:hidden;}
#event_area .event02 ul.img_list{width:100%;}
#event_area .event02 ul.img_list > li{width:100%;float:left;}

#event_area .event03{float:left;border-right:1px solid #e5e5e5;width:206px;height:168px;overflow:hidden;}

.img_nav {position:absolute;bottom:5px;right:15px;}
.img_nav button{width:15px;height:4px;background:#CFCFCF;}
.img_nav button.on{background:#E61874}


/*브랜드 area*/
.con_area_t1 > h1{margin-top:30px;position:relative;margin-bottom:15px;}
.con_area_t1 > h1 > span.more{font-weight:normal;display:block;padding-right:10px;position:absolute;right:15px;bottom:0px;background:url(/images/main/icon_tit_more.gif) right 6px no-repeat;}

#brand_area > .con{border-bottom:1px solid #EAEAEA;border-top:2px solid #805660;}
#brand_area > .con > ul > li{float:left;width:299px;}
#brand_area > .con > ul > li > ul{border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA;overflow:hidden;}
#brand_area > .con > ul > li > ul > li{border-top:1px solid #eaeaea;height:112px;}
#brand_area > .con > ul > li > ul > li:first-child{border-width:0px;}
#brand_area > .con > ul > li.img_slide{position:relative;width:332px;height:338px;overflow:hidden;}
#brand_area > .con > ul > li.img_slide > ul > li{float:left;width:100%;height:100%;}

/*제품 리스트 area(베스트, new, md choice)*/

.lst_best{margin: 30px auto 0px auto; text-align:center;}
.lst_best ul:after{clear: both; display: block; content:"";}
.lst_best ul li{float: left; margin-right:5px; border:1px solid #CECECE; background:#F2F2F2;border-bottom-width:0px;}
.lst_best ul li a{display:block;padding:15px 46px;font-size: 16px; line-height:18px;color:#858585;font-family:lato,'Nanum Gothic', sans-serif;font-weight:400;}
.lst_best ul li.on{border-width:2px; border-color: #805660; background:#fff;border-bottom-width:0px;margin-bottom:-2px;}
.lst_best ul li.on a{font-weight: 700; color:#454545; padding:14px 45px 17px;}
.lst_best ul li.on a > span{color:#e51873;}
.lst_best ul li.on a,.lst_best ul li a:hover{color: #805660;}
.prd_area > h1{color:#333333;font-size:20px;font-family:lato,'Nanum Gothic', sans-serif;}
.prd_area > .con{border-top:2px solid #805660;}
.prd_area > .con .cate{text-align:center;padding:17px 0px;display: none;}
.prd_area > .con .cate.on{text-align:center;padding:17px 0px;display: block;}
.prd_area > .con .cate li{display:inline-block; *display:inline; *zoom:1;padding:0px 15px;}
.prd_area > .con .cate li > a{display:block; font-family:'Nanum Gothic','dotum', '돋움',sans-serif;font-size:13px; color:#71674d;padding:5px 15px;border-radius:14px;letter-spacing:0.3px;
    -webkit-transition: .2s ease-in-out;  -moz-transition: .2s ease-in-out;  -o-transition: .2s ease-in-out;  transition: .2s ease-in-out;
}
.prd_area > .con .cate li > a:hover{background:#805660;color:#fff;}
.prd_area > .con .cate li.on > a{background:#805660;color:#fff;}
.prd_area > .con .pd_list{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; min-height:325px;}
.prd_area > .con .pd_list > li{position:relative;width:20%;float:left;height:325px;text-align:center;}
.prd_area > .con .pd_list > li:after{position:absolute;height:100%;top:0px;left:0px;content:"";border-left:1px solid #eaeaea;}
.prd_area > .con .pd_list > li:first-child:after{border-width:0px}
.prd_area > .con .pd_list > li .img{margin:10px;height:170px;text-align:center;overflow:hidden;margin-bottom:15px;}
.prd_area > .con .pd_list > li .img > a{display:block; height:100%;}
.prd_area > .con .pd_list > li .img img{vertical-align:bottom; max-width:100%;max-height:100%;}
.prd_area > .con .pd_list > li .con{margin:0px 10px;}
.prd_area > .con .pd_list > li .con h2{color:#454545;margin:5px 0px;}
.prd_area > .con .pd_list > li .con h3{margin-bottom:7px; height:32px;overflow:hidden;}
.prd_area > .con .pd_list > li .con h3 >a{font-weight:normal;line-height:16px;color:#727272}
.prd_area > .con .pd_list > li .con p{color:#c82f3a; font-weight: bold;}
.prd_area > .con .pd_list > li .rebon{position:absolute;top:10px;left:10px;background:url(/images/main/best_label_yel.png) left top no-repeat; width:33px; height:38px;color:#fff;text-align:center;}
.prd_area > .con .pd_list > li .rebon p{font-size:9px;padding-top:1px;}
.prd_area > .con .pd_list > li .rebon span{font-size:16px;font-weight:bold;line-height:16px;}


.prd_area > .con .pd_list > li.the_best .rebon{top:7px;left:7px;background:url(/images/main/best_label_red.png) left top no-repeat; width:45px; height:54px;}
.prd_area > .con .pd_list > li.the_best .rebon p{font-size:11px;padding-top:8px;}
.prd_area > .con .pd_list > li.the_best .rebon span{font-size:20px;font-weight:bold;line-height:20px;}

/*서브 배너들*/

#sub_banner01{position:relative;margin-top:30px; overflow:hidden;height:164px;}
#sub_banner01 > .inner{position:absolute;width:1900px;left:50%;margin-left:-950px;background:#FBF1EF;}
#sub_banner02{margin-top:30px;}
#sub_banner02 > ul > li{width:458px; height:147px; overflow:hidden;}

/*기획전 area*/


#promo_area > div >ul{height:278px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
#promo_area > div >ul > li{position:relative;float:left;height:100%;border-right:1px solid #eaeaea;}
#promo_area > div >ul > li:first-child{border-left:1px solid #eaeaea;}
#promo_area .promo_menu{width:185px;}
#promo_area .promo_menu > ul {background:url(/images/bg/bg_line_pt.gif);height:100%;}
#promo_area .promo_menu > ul > li{height:20%;}
#promo_area .promo_menu > ul > li >button{border-top:1px solid #eaeaea;width:100%;height:100%;font-size:12px;color:#555555;text-align:left;padding:0px 10px;box-sizing:border-box;line-height:17px;}
#promo_area .promo_menu > ul > li:first-child >button{border-top-width:0px;}
#promo_area .promo_menu > ul > li.on{background:url('/images/bg/pat_tri2.gif');}
#promo_area .promo_menu > ul > li.on >button{color:#fff;}
#promo_area .promo_menu > ul > li:hover{background:url('/images/bg/pat_tri2.gif');}
#promo_area .promo_menu > ul > li:hover >button{color:#fff;}
#promo_area > div >ul > li.con{width:742px;height:100%;float:left;}
#promo_area .con > ul{height:100%;}
#promo_area .promo_pd01{width:506px;height:100%;text-align:center;overflow:hidden;float:left;border-right:1px solid #eaeaea;}
#promo_area .promo_pd01 img{max-width:100%;}
#promo_area .promo_pd02{width:235px;height:100%;text-align:center;overflow:hidden;float:left;}
#promo_area .promo_pd02 img{max-width:100%;}

/*고객센터 area*/

#customer{margin-bottom:50px;}
#customer > div > h1{margin-top:40px;position:relative;margin-bottom:15px;}
#customer > div > h1 > span.more{font-weight:normal;display:block;padding-right:10px;position:absolute;right:15px;bottom:0px;background:url(/images/main/icon_tit_more.gif) right 6px no-repeat;}
#customer > div > .con{border-top: 2px solid #805660;}
#customer .notice{width:300px;float:left}
#customer .notice > .con{padding-top:15px;}
#customer .notice > .con > ul > li{line-height:25px;}
#customer .notice > .con > ul > li:after{content:""; display:block; clear:both;}
#customer .notice > .con > ul > li > p{font-size:11px;color:#656565;width:75%;display:block;float:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#customer .notice > .con > ul > li > span{display:block;float:right;width:25%;font-size:10px; text-align:center}

#customer .customer_center{width:614px;float:right;}
#customer .customer_center .con{border-bottom:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;}
#customer .customer_center .con > ul{height:160px;}
#customer .customer_center .con > ul > li.quick{float:left;width:63%;height:100%;}
#customer .customer_center .con > ul > li.quick > ul{height:100%;position:relative}
#customer .customer_center .con > ul > li.quick > ul:before{position:absolute;right:0px;top:0px;height:100%;content:"";border-right:1px solid #EAEAEA;z-index:1;}
#customer .customer_center .con > ul > li.quick > ul > li{width:33.33%;float:left;height:100%;}
#customer .customer_center .con > ul > li.quick > ul > li > a{display:block;height:100%;text-align:center;}
#customer .customer_center .con > ul > li.quick > ul > li > a > span{display:inline-block; *display:inline; *zoom:1;vertical-align: middle;}
#customer .customer_center .con > ul > li.quick > ul > li > a > span > span{display:block;margin-top:15px;margin-bottom:15px;}
#customer .customer_center .con > ul > li.contact_info{float:left;width:37%;}
#customer .customer_center .con > ul > li.contact_info > div{padding:15px 20px;position:relative}
#customer .customer_center .con > ul > li.contact_info > div > h1{color:#333;margin-bottom:5px;}
#customer .customer_center .con > ul > li.contact_info > div > h2{color:#e51873;font-size:35px;margin-bottom:5px;}
#customer .customer_center .con > ul > li.contact_info > div > dl{color:#858585;font-size:12px;line-height:17px;font-weight:bold;}
#customer .customer_center .con > ul > li.contact_info > div > img{position:absolute;right:30px;bottom:23px;}


/*메인 끝*/

/*서브 메인*/

/* #path{height:30px;} */
#path > a{font-size:14px; color:#555555; line-height:30px;}

#container.sub > .outBox{margin-bottom:100px;}
#container.sub #main_area {margin-bottom:30px;}
#container.sub #main_area .inner{height:332px;}
#container.sub #main_area .inner > li{float:left;}
#container.sub #main_area .inner .sub_lnb{width:185px;}
#container.sub #main_area .inner .sub_lnb h1{background:#805660; color:#fff; font-size:18px;height:60px;padding-left:30px;vertical-align: middle;}
#container.sub #main_area .inner .sub_lnb .inner{border:1px solid #E3E3E3;border-top-width:0px; height:271px;}
#container.sub #main_area .inner .sub_lnb .inner button{text-align:center;width:100%;height:19px;display:block;background:#F7F7F7;visibility: hidden;opacity:0;
	-webkit-transition: .15s ease-in-out;  -moz-transition: .15s ease-in-out;  -o-transition: .15s ease-in-out;  transition: .15s ease-in-out;}
#container.sub #main_area .inner .sub_lnb .inner:hover button.on{visibility:visible; opacity:1;}
#container.sub #main_area .inner .sub_lnb .snb_list{position:relative;padding:0px 10px; height:233px;overflow:hidden;}
#container.sub #main_area .inner .sub_lnb dl{position:absolute;height:100%;top:0px;left:0px; width:100%;padding:0px 10px;box-sizing:border-box;}
#container.sub #main_area .inner .sub_lnb dd > a{display:block;padding:7px 12px;color:#757575;font-size:13px;margin-bottom:5px;height:15px;overflow:hidden;word-break: break-all;
	-webkit-transition: .15s ease-in-out;  -moz-transition: .15s ease-in-out;  -o-transition: .15s ease-in-out;  transition: .15s ease-in-out;
}
#container.sub #main_area .inner .sub_lnb dd > a:hover{font-weight:700;color:#4d4343;background:#f2f2f2}
#container.sub #main_area .inner .banner{height:330px;width:501px;border:1px solid #E3E3E3;margin-left:11px;}
#container.sub #main_area .inner .special{height:330px;width:230px;border:1px solid #E3E3E3;border-left-width:0px;background:#f7f7f7;text-align:center;}
#container.sub #main_area .inner .special > h1{margin-top:25px;}
#container.sub #main_area .inner .special > p.line{width:28px;height:2px;margin:11px auto 16px auto;background:#333333;}

#container.sub #main_area .inner .special .special_prd{position: relative;}
#container.sub #main_area .inner .special .special_prd .lst_sepPrd{width: 132px; margin:0 auto; overflow: hidden;}
#container.sub #main_area .inner .special .special_prd .lst_sepPrd ul:after{clear: both; display: block; content:"";}
#container.sub #main_area .inner .special .special_prd .lst_sepPrd ul{width: 1320px;}
#container.sub #main_area .inner .special .special_prd .lst_sepPrd ul li{float: left; margin:0 10px; }
#container.sub #main_area .inner .special .special_prd .prev{position: absolute; top:59px; left:10px;}
#container.sub #main_area .inner .special .special_prd .next{position: absolute; top:59px; right:15px;}

#container.sub #main_area .inner .special .img{width:130px;height:130px;border:1px solid #E3E3E3;margin:0px auto;background:#fff;margin-bottom:15px;}
#container.sub #main_area .inner .special .img{max-width:100%; padding: 5px;}
#container.sub #main_area .inner .special .img a>img{max-width:80%;}
#container.sub #main_area .inner .special .con > h2{font-size:13px;color:#454545; line-height:18px;}
#container.sub #main_area .inner .special .con > h3{font-size:12px;color:#727272; line-height:18px;font-weight:400;}
#container.sub #main_area .inner .special .con > p{color:#c82f3a; font-weight: bold; font-size: 16px; margin-top: 2px;}
#container.sub #main_area .inner .special .con > p > span{display: inline-block; color:#959595; font-size: 12px; text-decoration: line-through; margin-right: 10px;}




#pd_area > .category{position:relative;border:3px solid #DBDBDB; padding:12px 0px;margin-bottom:30px;}
#pd_area > .category dt{position:absolute; color:#333333;text-align:center;font-weight:700;font-size:14px;width:114px;padding:0px 10px;}
#pd_area > .category dd{position:relative;margin-left:133px;padding:0px 20px;border-left:1px dotted #A5A5A5;}
#pd_area > .category dd > ul > li{float:left;min-width:105px;padding:5px 10px;}
#pd_area > .category dd > ul > li > a{color:#757575;font-size:12px;}
#pd_area > .category dd > ul > li.on > a{color:#e82e5a;text-decoration:underline;}
#pd_area > .category dd > ul > li > a:hover{color:#e82e5a;text-decoration:underline;}

#pd_area > .titBox{position:relative;border-bottom:2px solid #805660;padding-bottom:10px;}
#pd_area > .titBox h1{font-size:18px;color:#454545;}
#pd_area > .titBox h1 > span{color:#c82f3a;font-size:26px;font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif; }
#pd_area > .titBox ul{position:absolute;right:0px;bottom:10px;}
#pd_area > .titBox ul > li{position:relative;float:left;width:104px;text-align:center;}
#pd_area > .titBox ul > li:after{position:absolute;left:0px;height:10px;border-left:1px solid #A7A7A7;top:3px;content:"";}
#pd_area > .titBox ul > li:first-child:after{border-width:0px;}
#pd_area > .titBox ul > li a{color:#999999;font-size:13px;}
#pd_area > .titBox ul > li.on a{color:#e82e5a;}
#pd_area > .titBox ul > li a:hover{color:#e82e5a;}

/*제품 상세 페이지*/

#pd_info .pd_img{float:left; width:310px; height:310px;border:1px solid #E3E3E3;text-align:center;padding:20px;}
#pd_info .pd_img > div{height:100%;}
#pd_info .pd_img img{max-width:100%;max-height:100%;}
#pd_info .pd_info{float:right;width:537px;}
#pd_info .pd_info > .inner{padding:10px 21px;}
#pd_info .pd_info hgroup h3{margin-bottom:10px;}
#pd_info .pd_info hgroup h2{color:#555555;font-size:15px;line-height:20px;font-weight:400;margin-bottom:3px;}
#pd_info .pd_info hgroup h1{color:#333333;font-size:20px;line-height:30px;margin-bottom:20px;font-weight:400;}
#pd_info .pd_info hgroup h4{font-size:32px;color:#e82e5a;font-weight:700;font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움',sans-serif;}
#pd_info .pd_info hgroup h4 > span{font-size:12px; color:#555555;margin-left:5px;font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;}
#pd_info .pd_info > .inner > dl{position:relative;padding:10px 0px 0px;border-bottom:1px solid #e3e3e3;}
#pd_info .pd_info > .inner > dl > dt{position:absolute; color:#454545;font-weight:700;}
#pd_info .pd_info > .inner > dl > dd{position:relative;margin-left:100px;color:#777777;margin-bottom:10px;line-height:17px;}
#pd_info .pd_info > .inner > dl.pd_price > dd > strong{color:#e82e5a; font-size:22px;}
#pd_info .pd_info > .inner > dl.pd_other > dd > strong{color:#333; }

#pd_info .pd_info .pd_options{padding:15px 0px;}
#pd_info .pd_info .pd_options dt{position:absolute;color:#454545;height:25px;line-height:25px;}
#pd_info .pd_info .pd_options dd{position:relative;margin-left:100px;margin-bottom:10px;}
#pd_info .pd_info .pd_options > dd > ul > li{float:left; height:23px;border:1px solid #BABABA;border-left-width:0px}
#pd_info .pd_info .pd_options > dd > ul > li:first-child{border-left-width:1px;}
#pd_info .pd_info .pd_options > dd > ul li > button{display:block;width:29px;height:100%;line-height:normal;}
#pd_info .pd_info .pd_options > dd > ul li.cnt{width:52px;background:#f3f3f3;font-size:12px;text-align:center;line-height:22px;}
#pd_info .pd_info .pd_options > dd > ul li.cnt > input{display: block;height:100%;border-width:0px;padding:0px;line-height:22px;margin:0px;background:none;text-align: center;width:100%;font-size:12px;color:#666666;}

/* 함께 구매하면 좋은 제품, 마이페이지 위시리스트 */

.productList2 .lst_product > ul > li{position: relative; height: 90px; padding: 20px 54px; border-top: 1px solid #efefef;}
.productList2 .lst_product > ul > li:first-child{border-top: 0;}
.productList2 .lst_product ul li .img{border: 1px solid #ddd; width: 88px; height: 88px; position: absolute;}
.productList2 .lst_product ul li .img img{width: 100%;}
.productList2 .lst_product ul li .prd_info{position: absolute; margin-left: 115px;     top: 30px;}
.productList2 .lst_product ul li .prd_info h1{font-size: 15px; color: #333; font-weight: bold;}
.productList2 .lst_product ul li .prd_info p{font-size: 14px; color: #777; margin-top: 5px;}
.productList2 .lst_product ul li .prd_info .tag{margin-top: 10px;}
.productList2 .lst_product ul li .price_area{position: absolute; right:70px; width: 240px; border-left: 1px dashed #ddd;     margin-top: 15px;}
.productList2 .lst_product ul li .price_area ul li{padding: 5px 0;}
.productList2 .lst_product ul li .price_area dl{ font-size: 13px; }
.productList2 .lst_product ul li .price_area dl:after{display: block; clear: both;content: "";}
.productList2 .lst_product ul li .price_area dl dt{float: left; font-weight: bold; color: #454545; margin-left: 40px; }
.productList2 .lst_product ul li .price_area dl dd{float: left; margin-left: 70px; color: #777;}
.productList2 .lst_product ul li .price_area dl dd strong{color: #e51873; font-size: 17px;}

/* 마이페이지 위시리스트 체크박스*/
.checkBox{position: absolute; top: 50%; left: 15px;margin-top: -8px;}


.img_upload {margin-top: 20px; position: absolute; right:18px; bottom: 30px; }
.img_upload:after{display: block; clear: both;content: "";}
.img_upload .txt{float: left; padding-top: 6px; margin-right: 13px;}
/* .img_upload img{margin-right: 5px; vertical-align: top;} */
.img_upload input.file{width: 430px;}
.img_upload div.fileinputs{width: 448px; float: right; height: 29px;}
.img_upload div.fakefile{height: 100%;}
.img_upload div.fakefile input{width: 313px; height: 29px;}

.img_upload div.fakefile button{    background-color: #B1B1B1;    color: #fff;    height: 100%;    width: 20%;       vertical-align: top; }
.img_upload div.fakefile img{width: 1.0em;margin-right: 0.2em;vertical-align: baseline; position: inherit;}

/*셀렉트 박스 - 상세옵션*/
/*
#pd_info #select_op{position: relative;}
#pd_info #select_op p{ width: 93%;  height: 25px; padding-left: 5px; cursor: pointer;  overflow: hidden;  text-align: left;  padding: 1px 0 0 6px;  background: url(/images/bg/btn_select.png) no-repeat 100%;  color: #515151;  border: 1px solid #d1d1d1; line-height: 23px;}
#pd_info #select_op #lst_option{display: none;   background-color: #fff; position: absolute; left: 0; top: 27px; width: 91%; padding: 4px 5px;  border: 1px solid #d1d1d1; z-index: 5;}
#pd_info #select_op #lst_option > ul > li{margin-top: 0px;  color: #515151; padding-left: 5px; margin-bottom: 5px; line-height: 20px;}
#pd_info #select_op #lst_option > ul > li:first-child{margin-top: 0;}
#pd_info #select_op #lst_option > ul > li a{display: block;}
#pd_info #select_op #lst_option > ul > li a:hover{color: #333; }
*/

/* 이용태 수정 2015-08-12 */

#pd_info .select_op{position: relative;}
#pd_info .select_op p{ width: 260px;  height: 25px; padding-left: 5px; cursor: pointer;  overflow: hidden;  text-align: left;  padding: 1px 0 0 6px;  background: url(/images/bg/btn_select.png) no-repeat 100%;  color: #515151;  border: 1px solid #d1d1d1; line-height: 23px;}
#pd_info .select_op .lst_option{display: none;   background-color: #fff; position: absolute; left: 0; top: 27px; width: 266px; border: 1px solid #d1d1d1; z-index: 5;}
#pd_info .select_op .lst_option > ul > li{margin-top: 0px;  color: #515151; line-height: 20px;}
#pd_info .select_op .lst_option > ul > li:first-child{margin-top: 0;}
#pd_info .select_op .lst_option > ul > li a{display: block;padding: 4px 5px;}
#pd_info .select_op .lst_option > ul > li a:hover{color: #333; background:#F3F3F3}
/*//셀렉트 박스 - 상세옵션*/

#pd_info .pd_info .btns{padding-top:10px;}
#pd_info .pd_info .btns >button.big{width:100%;height:46px; background:#805660;color:#fff;font-size:15px; font-weight:700;margin-bottom:4px;}
#pd_info .pd_info .btns > .nom{margin-bottom:15px;}
#pd_info .pd_info .btns > .nom button{width:32.3%;box-sizing:border-box;height:37px;font-weight:700;}
#pd_info .pd_info .btns > .sma{text-align:right;}
#pd_info .pd_info .btns > .sma > a{font-size:12px; color:#858585;line-height:20px; }

.pd_lnb{border-top:1px solid #DCDCDC;border-bottom:2px solid #767676;margin-bottom:20px;}
.pd_lnb li{width:33.33%;float:left;text-align:center;}
.pd_lnb li > a{display:block;height:50px;line-height:50px; border-right:1px solid #DCDCDC;color:#767676;font-weight:700;background:#f4f4f4;font-size:14px;}
.pd_lnb li.on > a{border-right:1px solid #DCDCDC;color:#ffffff;background:#726363;}
.pd_lnb li:first-child > a{border-left:1px solid #dcdcdc;}

#pd_detail_info, #pd_relation, #pd_review{margin-top:20px;}
#pd_detail_info .detail{text-align:center;min-height:100px;}

#pd_detail_info h3{font-size: 16px; text-align: left; font-weight: normal; margin-bottom: 10px;}


#pd_review #input_review{background:#f3f3f3;padding:40px 15px 80px 15px; position: relative;}
#input_review .choose_star{margin-bottom:10px;}
#input_review .choose_star input{vertical-align: middle;margin-top:2px;margin-left:10px;}
#input_review .choose_star label{margin-right:5px;}
#input_review div > textarea{width:714px;height:81px;border:1px solid #CECECE;padding:5px;}
#input_review .replyArea button{background:#C82F3A;color:#fff;font-size:16px;height:93px;width:163px;}

#review_list{margin-top: 30px;}
#review_list > ul > li{position:relative;padding:15px;border-bottom:1px solid #D3D3D3;}
#review_list > ul > li:after{display: block;clear: both; content: "";}
#review_list > ul > li .img{float: left; margin-right: 25px;}
#review_list > ul > li .cont{float: left; padding-top: 15px; position: relative; width: 82%;}
#review_list > ul > li h1{color:#575757;font-size:16px;}
#review_list > ul > li h1 > span{position:relative;display:inline-block; *display:inline; *zoom:1;margin-left:15px;padding-left:15px;}
#review_list > ul > li h1 > span:after{position:absolute;content:"";left:0px;top:6px;border-left:1px solid #D0D0D0;height:11px;}
#review_list > ul > li p{margin-right:150px;color:#666666;line-height:22px;margin-top:3px;}
#review_list > ul > li .date{position:absolute;right:15px;bottom:15px;color:#858585;}


/* 메인 오픈 팝업  */

#container.main .view_box{border: 3px solid #805660; text-align: left;position:absolute; top:20.1%; left:50%; margin-left: -41px; z-index:200; display:none; width: 500px;   background-color:#FFF;}
#container.main  .view_box > .inner{  background-color: #fff;text-align: center; }
#container.main .today{text-align: left;padding:10px 20px; background-color: #ddd; }

#container.main .view_box > .inner >.view_box_btn{display:block; margin:0px 0 0 0;position:absolute; top:20px; right:15px; }
#container.main .view_box > .inner > .view_box_btn button{cursor:pointer;}
#container.main .view_btn button{cursor:pointer;}