/* BASIC css start */
/* 180110 morenvy */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%;overflow-y:scroll; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0;  }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left !important;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }
.relative {position:relative;}
.width1260 {width:1260px;margin:0 auto;}


.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt130 {padding-top:130px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb40 {padding-bottom:40px;}
.mrt20 {margin-top:20px;}


/* 나눔 웹폰트 가져오기 180115 morenvy.com */
/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}


/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1260px; }
#content { width:1260px;min-height:600px;background-color:#fff;margin-top:20px;}
#contentWrap {background-color:#fff;}
body {min-width:1260px;}
a {text-decoration:none;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:'Roboto', 'Nanum Gothic',Dotum, AppleGothic, Helvetica, sans-serif;}


/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 하단 페이징 스타일 */
.paging li a:hover, .paging li.now a {color:#222;letter-spacing:0;}
.paging li.now a { background:#fff; color:#000 !important;  border:1px solid #dedede;}

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:50px;position:relative;}
.prd-list table .tb-center {width:300px;margin:0 auto;padding:0;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list table .info { padding:0px;text-align:center;background-color:#fff;display:block;}
.prd-list .thumb { width:100%;height:100%;font-size:0; line-height: 0;border:1px solid #e9e9e9;position:relative;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:14px;color:#333;border-bottom:1px solid #e9e9e9;padding-bottom:10px;margin-bottom:10px;word-break:break-all;}
.prd-list .subname { margin-top:5px;  font-weight: normal; font-size:12px;color:#999;word-break:break-all;padding-bottom:5px;}
.prd-list .consumer { margin-top:5px; color:#999;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:3px; font-weight: bold; color:#333;font-size:15px;}
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding:0 2px;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Roboto', 'Nanum Gothic',Dotum, AppleGothic, Helvetica, sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}
.prd-list .salebox {position:relative;}
.prd-list #sale_bg {position:absolute;z-index:3;top:-5px;left:-1px;width:30px;height:30px;padding:0;background-color:#000;opacity:0;color:#fff;font-size:12px;font-weight:600;letter-spacing:-0.5px;text-align:center;line-height:30px;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.prd-list table td:hover #sale_bg {top:-1px;left:-1px;opacity:1;}
.prd-list table td .info_icon {position:absolute;top:-5px;right:-1px;width:58px;border-right:1px solid #e9e9e9;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.prd-list table td .info_icon span {float:right;width:28px;height:29px;margin:0px;border:1px solid #e9e9e9;border-right:0px;background-color:#fff;color:#666;font-size:11px;display:inline-block;}
.prd-list table td .info_icon span:after {position:absolute;top:-22px;right:0;width:100%;height:22px;line-height:22px; padding:0; background:#000; background:rgba(0,0,0,0.8); color:#fff;}
.prd-list table td:hover .info_icon {top:-1px;right:-1px;opacity:1;cursor:pointer;}
.prd-list table td .info_icon .m_quickview:hover:after {content:'확대보기';}
.prd-list table td .info_icon .m_option:hover:after {content:'옵션보기';}

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

/* 하단 페이징 */
.paging {padding-bottom:20px;}

.sliderkit {position:relative;display:none;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit .sliderkit-nav {z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10;}
.sliderkit .sliderkit-panel {z-index:1;position:absolute;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}

#mheader {width:100%; clear:both; height:117px;  margin:0 auto; border-bottom:1px solid #e9e9e9;}
#mheader .inner {width:1260px; margin:0 auto;}

/*------ 상단 영역 01 ------*/
.header_sec01 {height:28px; line-height:28px; margin-top:22px;}
.header_sec01 .sec01_right {float:right; padding-right:0px;}
.header_sec01 .sec01_right ul li:first-child {padding-left:0px !important;}
.header_sec01 .sec01_right ul li {float:left; padding:0px 9px;}
.header_sec01 .sec01_right ul li a {font-size:11px; font-family: 'Roboto', "Nanum Gothic" , sans-serif; color:#222; font-weight:300; letter-spacing:0.5px;}
.header_sec01 .sec01_right .allcategory_open img { font-size:0px; padding-top:7px !important; padding-left:24px;}
.header_sec01 .sec01_right .allcategory_open a {padding:0px !important;}
.header_sec01 .sec01_right .allcategory_open {padding:0px !important;}
.header_sec01 .sec01_right .top_search {background:url("/design/envin/0744hera/search_btn.png") no-repeat; background-position:right 10px; padding-right:12px !important; position:relative;}

.header_sec01 .search_box {display:table-cell;padding:0; vertical-align:middle;  }
.header_sec01 .search_form {float:left; border:1px solid #dedede; width:176px; }
.header_sec01 .search_form img{float:left;}
.header_sec01 .search_form .MS_search_word {float:left;width:130px; height:36px;padding-left:10px;border:0;background-color:#fff;color:#999;font-size:13px;font-family:'Roboto', 'Nanum Gothic',Dotum, AppleGothic, Helvetica, sans-serif;}
.header_sec01 .search_btn {float:left; cursor:pointer;}

/* 검색창 */
#img1_con {display:none; z-index:50; position:absolute; top:30px;  right:0px; }
#close1 {position:absolute; top:0px; right:-36px; cursor:pointer; font-size:20px; height:36px; width:36px; text-align:center; line-height:36px; font-family:"Roboto Condensed";}

/*------ 상단 영역 02 ------*/
.header_sec02 {text-align:center; height:44px; line-height:44px; padding-top:25px;}
.header_sec02 .top_logo {padding-top:9px; float:left;}


#comment_top.fixed { width:100%; position:fixed; top:0px; left:0px; z-index:2222; border-bottom:1px solid #dedede; height:56px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; background-color:rgba(255, 255, 255, 0.9);}
#comment_top.fixed .inner { width:1260px; margin:0 auto;}


#left_menu {padding:0px; text-align:center;display:inline-block; float:right;}
#left_menu > li {padding:0;text-align:center;position:relative;display:inline-block;float:left;height:44px;}
#left_menu > li > a {display:block; height:38px; line-height:38px; font-size:15px; color:#000;  font-family: 'Roboto', "Nanum Gothic" , sans-serif;  font-weight:500; letter-spacing:0.1px; padding-left:66px;}
#left_menu > li .mouse_hover,
#left_menu > li > a:hover {color:#000;}
#left_menu > li > div.arrow {visibility:hidden;opacity:0;width:12px;height:7px; background:transparent url('/design/envin/0744hera/cate_arrow.png') no-repeat;position:relative;top:10px;left:80px; margin:0;padding:0px;z-index:21;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
#left_menu > li .sub1 {background-color:#fff;visibility:hidden;position:absolute;opacity:0; top:50px; left:60px; z-index:20;width:140px;padding:10px 0;border:1px solid #dedede;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
#left_menu > li .sub1 > li {position:relative;height:24px;}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:10px;background:url('/design/envin/0744hera/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#left_menu > li .sub1 > li > a {font-size:12px; display:block; text-align:left; color:#777;  height:24px; line-height:24px; margin:0px;width:140px;text-indent:15px;font-family:'Roboto', "Nanum Gothic" , sans-serif;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {background-color:#fafafa;color:#000;}
#left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-6px;left:100%;z-index:21;width:120px;background-color:#fff;padding:5px 0;border:1px solid #dedede;}
#left_menu > li .sub1 > li .sub2 > li {height:24px;}
#left_menu > li .sub1 > li .sub2 > li > a {font-size:12px; display:block; text-align:left; color:#777;  height:24px; line-height:24px; margin:0px;text-indent:15px;font-family:'Roboto', "Nanum Gothic" , sans-serif;}
#left_menu > li .sub1 > li .sub2 > li > a:hover {background-color:#fafafa;color:#000;}


#allcategory {display:none;}
#allcategory .mintroClose {cursor:pointer;position:absolute; right:-50px; top:0px; z-index:2222;}
#allcategory .mintroClose img.rotate { border-radius: 50em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#allcategory .mintroClose img.rotate:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#all_cate_area .all_cate_section01 {clear:both; width:1260px;min-height:424px;background:transparent;}
#all_cate_area .all_cate_section01 > ul {float:left;border-right:1px solid #7d7c81; text-indent:38px;width:208px;min-height:400px;}
#all_cate_area .all_cate_section01 > ul:first-child {border-left:1px solid #7d7c81;}
#all_cate_area .all_cate_section01 ul li.a_sub_title a {font-size:16px;color:#fff;display:block; width:208px;padding-bottom:20px;letter-spacing:1px;text-align:left; font-weight:700; }
#all_cate_area .all_cate_section01 .a_sub_cate {position:relative;height:30px;}
#all_cate_area .all_cate_section01 .a_sub_cate a {font-size:14px; color:#cbcbcb; text-align:left; line-height:30px; display:block;}
#all_cate_area .all_cate_section01 .a_sub_cate a.sub_mouse_hover,
#all_cate_area .all_cate_section01 .a_sub_cate a:hover {color:#fff;}
#all_cate_area .all_cate_section01 .a_sub_cate .sub_cate_on_arrow {position:absolute;top:50%;right:30px;background:url('/design/envin/0744hera/sub_cate_on2.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#all_cate_area .all_cate_section01 .a_sub_cate .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-5px;left:90%;z-index:21;width:104px;background-color:#555;border:1px solid #444;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub > li {height:30px;width:104px;margin:0;}
#all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub > li > a {text-align:left;display:block;line-height:30px;height:30px;font-size:14px;color:#cbcbcb;padding:0;margin:0;text-indent:0;}
#all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub > li > a:hover {color:#fff;}


.loc-navi {font-size:11px;}

/* BASIC css end */