@charset "utf-8"; 



/********** Main **********/
#layout_body {overflow:hidden;}

/*** Main Common ***/
.main_area {position:relative;width:100%;}
.main_inner_area {position:relative;width:calc(100vw - 17px);min-width:1200px;margin:-20px auto -50px auto;overflow:hidden;}
.main_cont {position:relative;padding:100px 0;}
.main_cont .inner {position:relative;width:1200px;margin:0 auto;}

/* Title */
.main_title {position:relative;margin:-2px 0;color:#000;font-family:'NotoSansKR';font-size:48px;font-weight:100;line-height:48px;text-align:center;}
.main_txt {position:relative;margin:30px 0 47px 0;color:#999;font-size:20px;line-height:26px;text-align:center;}


/** Main Visual **/
.main_visual {padding:0;background:#333;}

/* main_visual_banner */
.main_visual_banner {position:relative;}
.main_visual_banner li {position:relative;float:left;height:700px;overflow:hidden;}
.main_visual_banner li .img {width:100%;height:700px;}
.main_visual_banner li .img img {min-height:100%;}
.main_visual_banner li .txt {display:table;position:absolute;left:0;top:0;width:100%;height:700px;}
.main_visual_banner li .txt p {display:table-cell;position:relative;text-align:center;vertical-align:middle;}
.main_visual_banner li.act {animation:mvbg both ease-in-out 1.2s;}
.main_visual_banner li.act .img {animation:mv01 both ease-in-out 2.8s;}
.main_visual_banner li.act .txt p {animation:mv02 both ease-in 6s 0.6s;}
.main_visual_banner:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* main_visual_pagn */
.main_visual_pagn {display:table;position:absolute;left:30px;top:0;width:100px;height:700px;z-index:1;}
.main_visual_pagn ul {display:table-cell;vertical-align:middle;}
.main_visual_pagn li {position:relative;margin:16px 0;}
.main_visual_pagn li:before {position:absolute;left:3px;top:-16px;width:3px;height:19px;background:url("../img/main/ico_main_visual_pagn_bg.png") no-repeat;content:"";}
.main_visual_pagn li:first-child:before {display:none;}
.main_visual_pagn a {display:block;position:relative;padding-left:30px;}
.main_visual_pagn a span {display:block;position:relative;color:transparent;font-size:0;line-height:20px;opacity:0;transform:translateX(-10px);transition:all 0.4s 0s;}
.main_visual_pagn a:before {position:absolute;left:0;top:6px;width:9px;height:9px;border:1px solid #fff;box-sizing:border-box;transform:rotate(45deg);content:"";transition:all 0.4s;}
.main_visual_pagn .selected {margin:20px 0;}
.main_visual_pagn .selected a span {opacity:1;transform:translateX(0);transition:all 0.4s 0.2s;}
.main_visual_pagn .selected a:before {background:#bc7038;border-color:#bc7038;transform:rotate(45deg) scale(1.6);}
.main_visual_pagn .selected:before {top:-19px;}

@keyframes mv01 {
0% {transform:scale(1.1);}
100% {transform:scale(1);}
}
@keyframes mv02 {
0% {transform:scale(0.98);filter:blur(10px);opacity:0;}
12% {transform:scale(1);filter:blur(0px);opacity:1;}
100% {transform:scale(1);filter:blur(0px);}	
}
@keyframes mvbg {
0% {opacity:0;}
100% {opacity:1;}
}

/** 건강을 위한 정직한 지식 **/
.main_knowledge .list {position:relative;}
.main_knowledge .list a {display:block;position:relative;overflow:hidden;}
.main_knowledge .list a:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.4;content:"";z-index:1;}
.main_knowledge .list .img {position:relative;transition:transform 0.5s;}
.main_knowledge .list .txt {display:table;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.main_knowledge .list .txt dl {display:table-cell;color:#fff;text-align:center;vertical-align:middle;}
.main_knowledge .list .txt .t1 {color:#fff;font-family:'NotoSansKR';font-size:32px;font-weight:100;line-height:44px;}
.main_knowledge .list .txt .t2 {position:relative;margin-top:25px;padding-top:29px;font-size:18px;font-weight:100;line-height:24px;}
.main_knowledge .list .txt .t2:before {position:absolute;left:50%;top:0;width:42px;height:3px;margin-left:-21px;background:#fff;content:"";}
.main_knowledge .list .txt .t3 {margin-top:12px;}
.main_knowledge .list .txt .t3 p {display:inline-block;height:24px;padding:0 10px;border:1px solid #fff;border-radius:12px;color:#fff;font-size:14px;line-height:22px;}
.main_knowledge .list a:hover .img {transform:scale(1.1);}
.main_knowledge .list:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.main_knowledge .list .s1 {float:left;}
.main_knowledge .list .s1 a,
.main_knowledge .list .s1 .img {width:596px;height:488px;}
.main_knowledge .list .s2 {float:right;}
.main_knowledge .list .s2 a,
.main_knowledge .list .s2 .img {width:595px;height:295px;}
.main_knowledge .list .s2 .txt .t2 {margin-top:20px;padding-top:24px;}
.main_knowledge .list .s3 {position:absolute;right:303px;bottom:0;}
.main_knowledge .list .s3 a,
.main_knowledge .list .s3 .img {width:292px;height:183px;}
.main_knowledge .list .s4 {position:absolute;right:0;bottom:0;}
.main_knowledge .list .s4 a,
.main_knowledge .list .s4 .img {width:293px;height:183px;}
.main_knowledge .list .s3 a:before,
.main_knowledge .list .s4 a:before {opacity:0.6;}


/** 이벤트 **/
.main_event .inner{display:table;margin:50px auto 0 auto;}
.main_event {background:#e5e5e5 url("../img/main/main_event_bg.jpg") left bottom no-repeat;}
.main_event_cont {display:table-cell;position:relative;width:590px;vertical-align: middle;}
.main_event_cont li {float:left;margin:0 10px;}
.main_event_cont li a {display:table-cell;width:590px;height:225px;background:#635a53;color:#fff;text-align:center;vertical-align:middle;text-decoration:none;transition:all 0.4s;}
.main_event_cont li a:hover {background:#5d5147;}
/*.main_event_cont li:nth-child(2n + 1) a {background:#78b857;}
.main_event_cont li:nth-child(2n + 1) a:hover {background:#590000;}*/
.main_event_cont ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.main_event_cont .ms_prev {position:absolute;left:10px;top:0;width:30px;height:100%;background:url("../img/main/btn_main_event_prev.png") center no-repeat;text-indent:-9999px;overflow:hidden;opacity:0.6;transition:all 0.4s;}
.main_event_cont .ms_next {position:absolute;right:10px;top:0;width:30px;height:100%;background:url("../img/main/btn_main_event_next.png") center no-repeat;text-indent:-9999px;overflow:hidden;opacity:0.6;transition:all 0.4s;}
.main_event_cont .ms_prev:hover,
.main_event_cont .ms_next:hover {opacity:1;}
.main_event_pagn{position:absolute;right:20px;top:20px;font-size:0;}
.main_event_pagn a {display:inline-block;width:8px;height:8px;margin:0 4px;background:#fff;box-sizing:border-box;border-radius:5px;transition:all 0.4s;}
.main_event_pagn a.selected {width:26px;background:#fff;}

.main_event_cont02{display:table-cell;position:relative;width:590px;vertical-align: middle;}



/** 뉴트리코어 베스트 **/
.main_best {background:#bab6b2 url("../img/da_image/bg_bestArea.jpg") center top /cover no-repeat;}
/* .main_best:before {position:absolute;right:50%;top:0;width:515px;height:328px;margin-right:-860px;background:url("../img/main/main_best_bg02.png") no-repeat;content:"";} */
.main_best .main_txt {color:#000;opacity:0.8;}
.main_best .inner {height:700px;margin-top:55px;background:#fff;overflow:hidden;}
.main_best .list:after{display:block;clear:both;height:0;content:"";overflow:hidden;}
.main_best .list li {position: relative;width: 400px;height:350px;box-sizing:border-box;float: left;border-left: 1px solid #eeeeee;}
.main_best .list li:nth-child(3n+1){border-left:0;}
.main_best .list li .best{position: absolute;top:10px;left:10px;width:70px;color:#fff;font-size:13px;padding:13px 0; text-align:center;}
.main_best .list li .best em{display: block;font-size:24px;font-weight:600;}
.main_best .list a {display:block;text-decoration:none;}
.main_best .list .img {width:240px;height:240px;overflow:hidden;margin:0 auto;}
.main_best .list .img img {width:100%;}
.main_best .list .txt {margin-top:-10px;padding:0 10px;text-align:center;}
.main_best .list .txt dt em {display:block;color:#931010;font-size:16px;font-weight:600;line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_best .list .txt dt strong {display:block;margin-top:10px;color:#000;font-size:26px;font-weight:600;line-height:26px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_best .list .txt .s1 {margin-top:10px;color:#000;font-size:18px;font-weight:600;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_best .list .txt .s2 {margin-top:10px;color:#c60000;font-size:16px;font-weight:100;line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_best .list .b1 {border-bottom: 1px solid #eeeeee;}
.main_best .list .b1 .best{background: #c60000;}
.main_best .list .b2 {border-bottom: 1px solid #eeeeee;}
.main_best .list .b2 .best{background: #ff6c00;}
.main_best .list .b3 {border-bottom: 1px solid #eeeeee;}
.main_best .list .b3 .best{background: #f5be00;}
.main_best .list .b4 .best, 
.main_best .list .b5 .best, 
.main_best .list .b6 .best{width:60px;padding: 8px 0;background: #a0a0a0;}
.main_best .list .b4 .best em,
.main_best .list .b5 .best em,
.main_best .list .b6 .best em{font-size:20px;}


/** 뉴트리코어 제품 **/
.main_products {background:#fff;}
.main_prod_area {margin-top:55px;}
.main_prod_area .catalog_nav {position:static;margin-bottom:60px;}
.main_prod_area .catalog_nav li a:hover {color:#000;}
.main_prod_area .catalog_nav li a:before {background:#000;}
.main_prod_area .catalog_nav li.on a {color:#000;font-weight:600;}
.main_prod_area .goodsDisplayItemWrap {height:390px;}
.main_prod_area .prod_cont {animation:fade both 0.5s;}
.main_prod_area .prod_cont.off {display:none;}
/* .prod_cont#prod01 .prod_cont_box {background:url("../img/main/prod_cont_box_bg01.jpg") right bottom no-repeat;}
.prod_cont#prod02 .prod_cont_box {background:url("../img/main/prod_cont_box_bg02.jpg") right bottom no-repeat;}
.prod_cont#prod03 .prod_cont_box {background:url("../img/main/prod_cont_box_bg03.jpg") right bottom no-repeat;}
.prod_cont#prod04 .prod_cont_box {background:url("../img/main/prod_cont_box_bg04.jpg") right bottom no-repeat;}
.prod_cont#prod05 .prod_cont_box {background:url("../img/main/prod_cont_box_bg05.jpg") right bottom no-repeat;} */


/** 매장안내 **/
.main_store {min-height:600px;background:#fff;}
.main_store:before {position:absolute;left:0;top:0;width:100%;height:485px;background:url("../img/da_image/bg_mainstore.jpg") center /cover no-repeat;content:"";}
.main_store .main_title {color:#fff;font-size:60px;line-height:60px;letter-spacing:8px;}
.main_store .main_title span {display:block;margin-top:17px;font-family:'NotoSansKR';font-size:38px;line-height:38px;}

/* main_store_area */
.main_store_area {position:relative;margin-top:65px;padding-top:1px;}
.main_store_tab {position:relative;height:79px;padding:0 50px;background:rgba(0,0,0,0.8);}
.main_store_tab:before {position:absolute;left:0;top:-1px;width:100%;height:1px;background:#fff;opacity:0.1;content:"";}
.main_store_tab ul {font-size:0;text-align:center;}
.main_store_tab li {display:inline-block;text-align:center;vertical-align:top;}
.main_store_tab li a {position:relative;padding:0 5px;color:#999;font-size:20px;line-height:79px;text-decoration:none;transition:all 0.4s;}
.main_store_tab li a:hover {color:#a3d65c;}
.main_store_tab li a:after {position:absolute;left:50%;bottom:-7px;width:0;height:3px;background:#a3d65c;content:"";transition:all 0.4s;}
.main_store_tab li.on a {color:#a3d65c;font-weight:600;}
.main_store_tab li.on a:after {left:0;width:100%;}
.main_store_tab .ms_prev {position:absolute;left:0;top:0;width:48px;height:100%;background:url("../img/main/btn_main_store_prev.png") right center no-repeat;text-indent:-9999px;overflow:hidden;opacity:0.6;transition:all 0.4s;}
.main_store_tab .ms_next {position:absolute;right:0;top:0;width:48px;height:100%;background:url("../img/main/btn_main_store_next.png") left center no-repeat;text-indent:-9999px;overflow:hidden;opacity:0.6;transition:all 0.4s;}
.main_store_tab .ms_prev:hover,
.main_store_tab .ms_next:hover {opacity:1;}

.main_store_cont {position:relative;min-height:300px;background:#f8f8f8;padding:60px 80px 22px 80px;}
.main_store_cont .list {margin-bottom:38px;animation:fade both 0.5s;}
.main_store_cont .list.off {display:none;}
.main_store_cont .list dt {color:#78b857;font-size:20px;font-weight:600;line-height:20px;}
.main_store_cont .list dt span {display:inline-block;margin-left:5px;font-size:16px;}
.main_store_cont .list ul {margin-top:8px;}
.main_store_cont .list li {float:left;width:25%;margin-top:7px;font-size:16px;line-height:20px;}
.main_store_cont .list li:nth-child(4n + 1) {clear:left;}
.main_store_cont .list li a {display:block;text-decoration:none;overflow:hidden;}
.main_store_cont .list li a strong {display:block;float:left;width:65px;color:#333;font-weight:600;transition:all 0.4s;}
.main_store_cont .list li a p {float:right;width:175px;padding-right:40px;box-sizing:border-box;color:#666;transition:all 0.4s;}
.main_store_cont .list li a:hover strong,
.main_store_cont .list li a:hover p {color:#78b857;}
.main_store_cont .list ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/** FAQ QNA **/
.main_faq {padding:0;background:#000;}
.main_faq .list {position:relative;}
/*.main_faq .list:before {position:absolute;left:calc(50% - 1px);top:0;width:3px;height:100%;background:#fff;content:"";}*/
.main_faq .list li {float:left;width:50%;color:#fff;}
.main_faq .list a {display:block;position:relative;width:600px;height:320px;padding:60px 81px;box-sizing:border-box;color:#fff;text-decoration:none;}
.main_faq .list .tit {position:relative;margin:-7px 0 21px 0;padding-bottom:26px;color:#fff;font-family:'NotoSansKR';font-size:40px;font-weight:100;line-height:40px;}
.main_faq .list .tit:after {display:block;position:absolute;left:0;bottom:0;width:40px;height:3px;background:#fff;content:"";}
.main_faq .list .txt {opacity:0.5;}
.main_faq .list .btn_a {display:inline-block;position:relative;width:200px;height:60px;margin-top:40px;padding:0 33px;border:1px solid #fff;box-sizing:border-box;color:#fff;font-size:18px;line-height:58px;}
.main_faq .list .btn_a:before {position:absolute;right:33px;top:50%;width:56px;height:13px;margin-top:-6px;background:url("../img/main/btn_faq_arrow.png") center no-repeat;content:"";transition:all 0.4s;}
.main_faq .list .btn_a:hover {border:1px solid #78b857;color:#78b857 }
.main_faq .list .btn_a:hover:before {background:url("../img/da_image/btn_faq_arrow_over.png") center no-repeat;}
.main_faq .list .s1 {background:url("../img/da_image/bg_main_faq.jpg") right center /cover no-repeat;text-align:right;}
.main_faq .list .s1 a {float:right;}
.main_faq .list .s1 .tit:after {left:inherit;right:0;}
.main_faq .list .s1 .btn_a:before {right:inherit;left:33px;transform:rotate(180deg);}
.main_faq .list .s1 :hover .btn_a:before {left:28px;}
.main_faq .list .s2 {background:url("../img/da_image/bg_main_	qna.jpg") left center /cover no-repeat;text-align:left;}
.main_faq .list .s2 :hover .btn_a:before {right:28px;}
.main_faq .list:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/** 공지사항 **/
.main_notice {background:#f4f4f4;}
.main_notice .inner:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.main_notice .box {float:left;width:505px;height:355px;margin-left:15px;padding:50px 40px;background:#fff;border:1px solid #f0f0f0;box-sizing:border-box;box-shadow:0 2px 2px 1px rgba(153,153,153,0.05);text-align:center;}
.main_notice .box .tit {position:relative;margin:-1px 0 24px 0;padding-bottom:30px;color:#000;font-family:'NotoSansKR';font-size:28px;font-weight:100;line-height:28px;}
.main_notice .box .tit span {display:block;margin-top:18px;font-family:'NotoSansKR';}
.main_notice .box .tit:after {display:block;position:absolute;left:50%;bottom:0;width:40px;height:3px;margin-left:-20px;background:#222;content:"";}
.main_notice .box .txt {color:#999;font-size:16px;line-height:24px;}
.main_notice .box .txt.ty02 {color:#666;}
.main_notice .box .txt02 {margin-bottom:15px;color:#000;font-size:16px;line-height:24px;}
.main_notice .box .btn_s {margin-top:22px;}
.main_notice .box .btn_s a {color:#78b857 !important;}
.main_notice .box .list {padding-top:5px;}
.main_notice .box .list li {float:none !important;margin-top:18px;font-size:20px;line-height:20px;}
.main_notice .box .list li:first-child {margin-top:0;}
.main_notice .box .list li.emp {padding-top:50px;text-align:center;}
.main_notice .box .list li img {display:none !important;}
.main_notice .box .list a {display:block;color:#666;text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all 0.4s;}
.main_notice .box .list a:hover {color:#78b857;}
.main_notice .box .list h4 {display:none;}
.main_notice .box .list .lastest_wrap .bbslist {margin-top:0;padding-top:0;border-top:0;}
.main_notice .box .list .lastest_wrap a.more {display:none;}
.main_notice .box.s1 {width:680px;margin-left:0;padding:50px;text-align:left;}
.main_notice .box.s1 .tit:after {left:0;margin-left:0;}