/* BASIC css start */
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;  }


/* 본고딕 웹폰트 가져오기 180124 morenvy.com */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }


.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right;}
.left { text-align: left; }
.center { text-align: center; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.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;}
.pdt90 {padding-top:90px;}
.pdt100 {padding-top:100px;}
.pdt140 {padding-top:140px;}
.pdt150 {padding-top:150px;}
.pdl20 {padding-left:20px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdl10 {padding-left:10px;}
.relative {position:relative;}


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

/*  가로 중앙정렬 */
.width_center {width:1184px; margin:0 auto; }



/* 게시판 상단 리스트 숨김 */
.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:265px; margin:0 auto; padding:0; border:1px solid #e9e9e9; background-color:#fff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;} 
.prd-list table .tb-center:hover {box-shadow: 0px 5px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);  -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.prd-list .thumb { width:100%;height:100%; position:relative; border:0px;}
.prd-list .thumb a,
.prd-list .thumb img {display: block; width:100%; height:100%;}
.prd-list table .info {padding:0px 0px 28px; text-align:center; background-color:#fff; display:block; font-family:"Noto Sans KR"; letter-spacing:-0.5px; border-top:1px solid #e9e9e9;}
.prd-list .dsc {font-weight:normal;font-size:17px; color:#222; padding:15px 0px 10px; word-break:break-all; font-weight:300; }
.prd-list .subname { margin-top:5px; font-weight:300; line-height:1.6; font-size:14px; color:#999; word-break:break-all; padding-bottom:5px; width:90%; margin:0 auto; }
.prd-list .consumer { margin-top:5px; color:#999; font-size:13px; text-decoration:line-through;}
.prd-list .price { margin-top:3px; font-weight:bold; color:##222; font-size:16px; letter-spacing:0px;}
.prd-list .icon { margin-top:20px; }
.prd-list .icon img {padding:0 2px;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999; font-family:"Noto Sans KR", AppleGothic, Helvetica, sans-serif !important; font-weight:300;}
.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 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:'옵션보기';}



/* 상단 */
#mheader {height:110px;width:100%;}
#mheader .header_inner {width:1184px; margin:0 auto;}
#mheader .top_logo {display:flex; align-items:center; height:110px;} 
#mheader .top_logo a { /*line-height:110px;color:#000; font-size:25px; font-family: 'Raleway', sans-serif; font-weight:700; letter-spacing:2px;*/ -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#mheader .top_cate {float:right; margin-right:35px;}
#mheader .top_all_cate {padding-top:29px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#mheader .top_cate {float:right; margin-right:35px;}
#mheader .top_cate ul li {float:left; position:relative;}
#mheader .top_cate ul li a {color:#000; line-height:110px; font-size:16px;font-family:"Noto Sans KR", "Nanum Gothic" , sans-serif;  font-weight:400;letter-spacing:-0.5px; display:block; padding:0px 35px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
/*#mheader .top_cate ul li a:hover {color:#cd983a;}*/
#mheader .top_cate ul li:hover .sub_cate { visibility:visible; opacity:0.9; top:90px; left:35px;}
#mheader .sub_cate {position:absolute; left:34px; top:80px; width:168px; border:1px solid #dedede;background-color:#fff; visibility:hidden; opacity:0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
#mheader .sub_cate a:first-child {border-top:0px;}
#mheader .sub_cate a {font-family:"Noto Sans KR", sans-serif !important; height:40px !important; line-height:40px !important; text-align:left; display:block; letter-spacing:-0.5px !important; font-size:13px !important; font-weight:300 !important; color:#777 !important; padding:0px !important; border-top:1px solid #dedede; margin:0px 10px;}
#mheader .sub_cate a:hover {color:#000 !important; text-indent:3px;}

/* 상단 카테고리(고정) */
#comment_top {position:absolute; top:1px;  margin:0 auto; padding:0px; height:110px; width:100%; z-index:1000; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
#comment_top.fixed {position: fixed; top:0px;background-color:rgba(255,255,255,0.9); z-index:1000;height:90px;  }
#comment_top.fixed #mheader {height:90px; }
#comment_top.fixed .top_logo {display:flex; align-items:center; height:90px;}
#comment_top.fixed .top_logo a {/*line-height:90px;*/}
#comment_top.fixed .top_cate > ul > li > a {line-height:90px; }
#comment_top.fixed .top_all_cate {padding-top:19px;}
#comment_top.fixed #mheader .gnb .depth0{height:90px;}
#comment_top.fixed #mheader .gnb .depth0 > li > a {line-height:90px;}



/*  전체카테고리 관련 스타일 */
#allcategory { display:none; padding:0px; }
#allcategory .mintroClose {cursor:pointer; position:absolute; left:-50px; top:30px; z-index:2222; width:50px; height:51px; background-color:#6a6a6a;text-align:center;}
#allcategory .mintroClose img {margin-top:19px; text-align:center;}

.mintroClose img.rotate {
-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;
}

.mintroClose:hover img.rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

/*  전체카테고리 관련 스타일 */
.all_cate_area {height:100%; position:fixed; top:0px; right:0px; background-color:#fff; width:300px;}
.all_cate_area .top_log {width:240px; margin:0 auto; height:20px; margin-top:0;}
.all_cate_area .top_log ul li {float:left; height:30px; }
.all_cate_area .top_log ul li a {font-size:12px; color:#999999; text-align:left; background:url('/design/wlcjffl/0749dietleader/top_log_bg.gif') no-repeat; background-position:0px 4px; height:50px; line-height:50px; padding:0px 7px; letter-spacing:-0.5px; font-weight:400; font-family:"Noto Sans KR";}
.all_cate_area .top_log ul li a:hover {color:#000;}
.all_cate_area .top_log ul li:first-child a {padding-left:0px; background:none !important;}
.all_cate_area .top_log ul li:last-child a {padding-right:0px;}
.all_cate_area .top_log .black {color:#000;}
.all_cate_area .top_cs  {width:240px; margin:0 auto; border-top:1px solid #e9e9e9; padding-top:35px; margin-top:25px; text-align:left; }
.all_cate_area .top_cs .txt01 {font-size:14px; color:#000; font-weight:400; line-height:14px;}
.all_cate_area .top_cs .txt02 {font-size:18px; color:#000; font-weight:600; line-height:18px; padding-top:5px;}
.all_cate_area .top_cs .txt02 span {font-size:13px; color:#555;}
.all_cate_area .top_cs .txt03 {font-size:13px; color:#999; line-height:20px; padding-top:14px;}

.all_cate_area .top_sns {width:240px; margin:0 auto; border-top:1px solid #e9e9e9; padding-top:20px; margin-top:35px; }
.all_cate_area .top_sns ul li {float:left; padding-left:7px;}
.all_cate_area .top_sns ul li:first-child {padding-left:0px;}
.all_cate_area .top_sns ul li img {opacity:1; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.all_cate_area .top_sns ul li img:hover {opacity:0.5; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}

.all_cate_area .search_form {display:table-cell; padding:0; vertical-align:middle;  }
.all_cate_area .search_form fieldset{float:right; border:1px solid #dedede; margin-left:30px;  }
.all_cate_area .search_form fieldset img{float:left;}
.all_cate_area .search_form .MS_search_word {float:left; width:181px; height:36px;padding-left:10px;border:0;background-color:#fff;color:#555; font-size:12px; line-height:36px; }
.all_cate_area .search_form .search_btn {float:right;cursor:pointer;}

.nav {width:240px; margin:0 auto; padding-top:20px;}
.nav a, .nav label {width:238px; margin:0 auto; display:block; padding:0px; color:#000; background-color: #fff; text-align:left; height:40px; line-height:40px; margin-bottom:2px; font-family:'Raleway', sans-serif; font-weight:600; font-size:13px;}
.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover { color:#000; background: #fff;}
.nav label { cursor: pointer;}
.nav .group-list a, .group-list label {  background: #fff; color:#777; font-size:13px; font-weight:400; letter-spacing:-0.5px; height:28px; line-height:28px; margin-bottom:0px; font-family:"Noto Sans KR", sans-serif; }
.nav .group-list { height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out;  width:240px; margin:0 auto;}
.nav .group-list .first {margin-top:0px !important; }
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */ max-height:1000px; }
.nav label > span { margin-top:13px; float: right; width:10px; height:11px; background:url(/design/wlcjffl/0749dietleader/nav_icon.gif); -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease;}
.nav__list input[type=checkbox]:checked + label > span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease;}
/*  전체카테고리 관련 스타일 */


/*  서브 상단  스타일  */
.header_bg {height:870px; width:100%; background:#ddd9d7 url('/design/wlcjffl/0749dietleader/header_bg.jpg'); position:relative; background-position:top center; background-repeat:no-repeat;}
.header_bg .inner {width:1184px; margin:0 auto;}
.header_bg .txt01 {color:#000; font-size:45px; font-weight:100; line-height:50px; padding-top:577px; text-align:left;}
.header_bg .txt02 {color:#555; line-height:24px; font-size:17px; padding-top:28px; font-weight:300; text-align:left;}



/*  새페이지 서브메뉴 스타일  */
.top_sub_menu {margin:-48px auto 0; position:absolute; letter-spacing:0px; word-spacing: 0px; font-size:0px;width:100%; text-align:center;}
.top_sub_menu ul li {display:inline-block; margin:0px 0.5px; }
.top_sub_menu ul li a {width:200px; height:49px; line-height:49px; letter-spacing:-0.5px; display:block; text-align:center; background-color:rgba(255,255,255,0.6);  color:#555555;  font-size:15px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.top_sub_menu ul li a.on {background-color:rgba(255,255,255,1); color:#000;}
.top_sub_menu ul li a:hover {background-color:rgba(255,255,255,1); color:#000; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.sub_top_navi {text-align:right; font-size:12px; height:70px; line-height:70px; color:#999; letter-spacing:0.5px; padding-top:3px;}

/*  새페이지 기본 넓이 스타일  */
#page_container {position:relative; min-width:1184px; min-height:1000px;}


/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
/* 타이틀 */
.bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; font-size: 14px; font-weight:300 !important; color:#000; line-height:1; }
.bbs-tit .braket { padding: 0 10px; color: #cfcfcf; font-size: 14px; vertical-align: top; position:relative; top:-0.5px;}
.bbs-tit em { margin-left: 10px; font-size: 14px !important; color: #898989;}

/* 게시판 td 높이 수정 */
.bbs-table-list thead th, .bbs-table-list tbody td {padding: 20px 0;}


/* BASIC css end */