.hide{display:none;}


/* CONTAINER */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.main-visual{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
	width:100%;
	height:100%;
}
.wrap-main{overflow:hidden}
.slick-main-rolling .visual:after{box-shadow:0 0 250px rgba(255,255,255,0.2) inset;content:'';display:block;height:100%;left:0;position:fixed;top:0;width:100%}
.main-visual .container .preface{-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border:1px solid #000;border-radius:5px;color:#000;display:inline-block;font-size:14px;padding:5px 10px}

.main-visual .slick-main-rolling{opacity:0;position:relative;transition:0.3s;width:100%}
.main-visual .slick-main-rolling .slick-arrow{border:1px solid rgba(255,255,255,.3);font-size:0;height:40px;position:absolute;text-indent:-9999%;top:calc(50% - 20px);width:40px;z-index:1}
.main-visual .slick-main-rolling .slick-arrow.slick-prev{background:url("/images/main/btn_arr_w_left.png") 50% 50% no-repeat;background-size:7px;left:15px}
.main-visual .slick-main-rolling .slick-arrow.slick-next{background:url("/images/main/btn_arr_w_right.png") 50% 50% no-repeat;background-size:7px;right:15px}
.main-visual.white .slick-main-rolling .slick-arrow.slick-prev{background:url("/images/main/btn_arr_w_left.png") 50% 50% no-repeat;background-size:7px;left:15px}
.main-visual.white .slick-main-rolling .slick-arrow.slick-next{background:url("/images/main/btn_arr_w_right.png") 50% 50% no-repeat;background-size:7px;right:15px}
.main-visual.black .slick-main-rolling .slick-arrow.slick-prev{background:url("/images/main/btn_arr_b_left.png") 50% 50% no-repeat;background-size:7px;border:1px solid rgba(0,0,0,.3);left:15px}
.main-visual.black .slick-main-rolling .slick-arrow.slick-next{background:url("/images/main/btn_arr_b_right.png") 50% 50% no-repeat;background-size:7px;border:1px solid rgba(0,0,0,.3);right:15px}

.slick-main-rolling .visual{background-position:50% 50% !important;background-repeat:none !important;background-size:cover !important;height:auto;overflow:hidden}
.slick-main-rolling .visual .video-background{left:0;position:absolute;top:0}
.slick-main-rolling .visual .bg{
/* animation:img_zoom 15s linear infinite alternate; */background-size:cover;height:100%;left:0;position:absolute;right:0;top:0;width:100%;background-position:50% 50%;}
@keyframes img_zoom{
	from{transform:scale(1) ;-webkit-transform:scale(1) }
	to{transform:scale(1.2) ;-webkit-transform:scale(1.2) }
} 

.slick-main-rolling .visual .container{color:#fff;height:100%;position:relative;text-align:center;z-index:2}
.slick-main-rolling .visual.black .container{color:#000}
.slick-main-rolling .visual .container .main-txt{left:0;margin:0 auto;padding:0 15%;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.slick-main-rolling .visual .container .main-txt.left{text-align:left}
.slick-main-rolling .visual .container .main-txt.right{text-align:right}
.slick-main-rolling .visual .container .main-txt h2{display:inline-block;font-size:28px;font-weight:400;line-height:42px;text-align:center; color:#fff;}
.slick-main-rolling .visual .container .main-txt h2 strong{font-weight: 500; color:#fff;}

.slick-main-rolling .slick-dots{bottom:25px;left:0;position:absolute;right:0;text-align:center}
.slick-main-rolling .slick-dots li{display:inline-block}
.slick-main-rolling .slick-dots li:hover{cursor:pointer}
.slick-main-rolling .slick-dots li button{background:#8e8e8e;font-size:0;height:2px;margin-right:5px;text-indent:-9999%;width:25px}
.slick-main-rolling .slick-dots li.slick-active button{background:#000}

.main-visual .ico-shop{position: absolute;top: 0;left: 0;right: 0;width: 100%;max-width:1920px;margin: 0 auto;height: 100%;}
.main-visual .ico-shop .btn-set{display: block;position: absolute;top: 58px;right: 15px;text-align: right;}
.main-visual .ico-shop .btn-shop{display: inline-block;width: 19.583%;background: rgba(0,0,0,.7);border: 1px solid #fff;border-radius:50%;margin: 0 5px;}
.main-visual .ico-shop .btn-evt{display: inline-block;width: 19.583%;background: #82be04;border: 1px solid #fff;border-radius:50%;margin: 0 5px;}

/* SUBPAGE */
.sub-visual{background-size:cover !important;color:#fff;margin-top:46px;max-height:430px;min-height:430px;opacity:0;position:relative;text-align:center;transition:0.3s}
.special .sub-visual{background:url("/images/m_bg_special_hurom.jpg") 50% 100% no-repeat}
.story .sub-visual{background:url("/images/m_bg_story_hurom.jpg") 50% 100% no-repeat}
.product .sub-visual{background:url("/images/m_bg_product_hurom.jpg") 50% 100% no-repeat}
.video-background{height:100%;overflow:hidden;position:relative;width:100%}
.video-foreground{height:100%;position:absolute;width:100%;z-index:1}
.video-background embed,
.video-background iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.sub-visual .title{left:0;margin-top:-110px;position:absolute;right:0;top:15%;z-index:1}
.sub-visual .title .page-num{border:1px solid #fff;border-radius:5px;padding:5px 15px}
.sub-visual .title h3{font-size:40px;margin:15px 0 5px}
.sub-visual .title .desc{}
.sub-visual .title .desc .small{font-size:70%}
.sub-visual .title .line{background:#fff;display:inline-block;height:1px;width:27px}
.product .sub-visual .title .page-num,
.sub-visual.contents .title .page-num{border:1px solid #28292d}
.product .sub-visual .title,
.sub-visual.contents .title{color:#28292d;font-size:inherit}
.product .sub-visual .line,
.sub-visual.contents .line{background:#28292d}

/* .sub-menu {position:absolute; z-index:99; left:15px; right:0; bottom:0; width:calc(100% - 30px); height:46px; margin-top:-51px;} */
.sub-menu {position:fixed ;z-index:100;top:50px; left:0; right:0; bottom:0; width:100%; height:46px; margin-top:0 !important;}
.sub-menu h3 {background:#33373b;background-size:23px; font-size:16px; font-weight:500;}
.sub-menu h3 a {display:block; padding:11px 5px; padding-left:13px; color:#fff; text-align:left; box-sizing:border-box;/* transition:.3s;*/position: relative;}
.sub-menu h3 a:before{ content: '';display: block;width: 5px;height: 5px;background: #80bd01;position: absolute;top: 50%;right: 30px;width: 15px;height: 2px;transform: rotate(45deg);transition:all .3s;}
.sub-menu h3 a:after{content:'';display: block;width: 5px;height: 5px;background: #80bd01;position: absolute;top: 50%;right: 20px;width: 15px;height: 2px;transform: rotate(-45deg);transition:all .3s;}
.sub-menu.active h3 a:before{transform:rotate(-45deg)}
.sub-menu.active h3 a:after{transform:rotate(45deg)}
.sub-menu .menu-list {display:none; position:absolute; top:46px; left:0; right:0; width:100%; background:rgba(0,0,0,0.7);}
.sub-menu .menu-list a {display:block; padding:15px 10px 15px 13px; color:#fff; text-align:left; box-sizing:border-box;font-size: 16px;}
.sub-menu .menu-list a:active {background:#999}
.sub-menu .menu-list .active{display: none;}
.sub-menu .menu-list .active a {color:#7cb30a;}

.slide .section {padding:60px 0; overflow:hidden;}
.slide .section .container .s-txt {}
.slide .section .container .s-txt .preface {display:inline-block; margin-bottom:10px; padding:5px 10px; border:1px solid #fff; border-radius:5px; font-size:11px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}
.slide .section.theme-white1 .container .s-txt .preface,
.slide .section.theme-gray1 .container .s-txt .preface {margin-bottom:20px; border:1px solid #55595c; color:#55595c;}
.slide .section .container .s-txt h4 {margin:0 0 19px; font-size:22px;font-weight:400;}
.slide .section .container .s-txt h5 {font-size:20px; font-weight:400;}
.slide .section .container .s-txt .point {font-size:18px!important;} /* 170719 : 추가 */
.slide .section .container .s-txt .desc {display:block; margin-bottom:50px; font-size:14px;}
.slide .section .container .s-txt .desc.dark {color:#ccc;}
.slide .section .container .s-txt .subs {margin:35px 0; font-size:18px; font-weight:500;}
.slide .section .container .s-txt .quote p {margin:0 0 40px 0; font-size:18px;}
.slide .section .container .s-txt .quote h3 {font-size:24px;}
.slide .section .container .s-txt .quote2 p {display:inline-block; margin:5px 0 30px; color:#acaeae; font-size:12px;}
.slide .section .container .s-txt figure {}
.slide .section .container .s-txt figure figcaption {margin-top:20px; line-height:18px}
.slide .section .container .s-txt figure figcaption p {font-size:14px}
.slide .section .container .s-txt figure figcaption span {color:#acaeae; font-size:12px;}
.slide .section .container .s-txt .popup-vod {position:relative;}
.slide .section .container .s-txt .popup-vod p {margin-bottom:23px !important; color:#7cb30a !important; font-size:16px !important; text-decoration:underline;}
.slide .section .container .s-txt .popup-vod .play {display:inline-block; margin-bottom:5%;}
.slide .section .container .s-txt .popup-vod .play span {display:inline-block; width:27px; height:27px; background:url('/images/btn_play_m.png') ; background-size:27px; text-indent:-9999%;}
.slide .section .container .s-txt .circle {display:block; width:40px; height:40px; margin:0 auto 10px; padding:10px 0 10px; border-radius:50%; background:#55595c; color:#fff; font-size:13px; text-align:center; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%;}
.slide .section .container .s-txt .circle.whiteB {background:#fff; color:#2b2f33;}
.slide .section .container .s-txt .circle.whiteG {background:#fff; color:#7cb30a;}
.slide .section .container .s-txt .hLine {display:inline-block; width:1px; height:40px; margin:20px 0; background:#d5d5d6;}
.slide .section .container .s-txt .colum-enzyme {margin:45px 0 50px;}
.slide .section .container .s-txt .colum-enzyme .colum-left {}
.slide .section .container .s-txt .colum-enzyme .colum-left img {width:70%;}
.slide .section .container .s-txt .colum-enzyme .colum-left div:nth-child(2) {margin-top:50px;}
.slide .section .container .s-txt .colum-enzyme .colum-left .quote {margin-top:40px; color:#acaeae; font-size:10px;}
.slide .section .container .s-txt .colum-enzyme .colum-right {text-align:left;}
.slide .section .container .s-txt .colum-enzyme .colum-right > div:first-child {margin:35px 0 0;}
.slide .section .container .s-txt .define {text-align:center;}
.slide .section .container .s-txt .define dt {font-size:16px; font-weight:500;}
.slide .section .container .s-txt .define dd {font-size:14px;line-height:24px;}
.slide .section .container .s-txt .colum-poly {margin:30px 0; overflow:hidden;}
.slide .section .container .s-txt .colum-poly .desc {margin-bottom:20px; letter-spacing:-.5px;}
.slide .section .container .s-txt .colum-poly .colum-left {}
.slide .section .container .s-txt .colum-poly .colum-right {}
.slide .section .container .s-txt .colum-poly .colum-right div:first-child {margin:35px 0; text-align:center; ;}

.slide .section .container .s-txt .colum-oxy .colum-left {}
.slide .section .container .s-txt .colum-oxy .colum-right {}
.slide .section .container .s-txt .colum-oxy .define dt {margin:20px 0 10px; padding:0 10px;}
.slide .section .container .s-txt .colum-oxy .define dd {margin-bottom:20px;}
.slide .section .container .s-txt .colum-oxy .quote {color:#acaeae; font-size:10px;}

.slide .section .container .s-txt .colum-flavor {}
.slide .section .container .s-txt .colum-flavor .colum-left {margin-bottom:10px;}
.slide .section .container .s-txt .colum-flavor .colum-right {margin-bottom:40px;}

.colum-change {position:relative; margin-top:40px; overflow:hidden;}
.colum-change .left {}
.colum-change .left .chg-img {padding:0 40px;}
.colum-change .left .chg-txt,
.colum-change .right .chg-txt {color:#ccc; font-size:14px;}
.colum-change .right {margin-top:0; padding-top:70px;}
.colum-change .right .chg-img {padding:0 50px;}
.colum-change .left .chg-txt > div,
.colum-change .right .chg-txt > div {line-height:24px;}
.colum-change .left .chg-txt p,
.colum-change .right .chg-txt p {margin:10px 0; color:#fff; font-size:22px;}
.colum-change .arr {display:block; position:absolute; top:48%; left:calc(50% - 11px); width:22px; height:41px; background:url('/images/ico_arr_m.png') 0 0 no-repeat; background-size:22px;}
.slide .section .listSet-3 {}
.slide .section .listSet-3 .thumb {display:block}
.slide .section .listSet-3 dl {padding:15px 15px 25px}
.slide .section .listSet-3 div:last-child dl {padding-bottom:0;}
.slide .section .listSet-3 dl dt {margin-bottom:15px;}
.slide .section .listSet-3 dl dd {}

.slide .section .listSet-4 {}
.slide .section .listSet-4 .thumb {display:block}
.slide .section .listSet-4 dl {padding:15px 15px 25px}
.slide .section .listSet-4 div:last-child dl {padding-bottom:0;}
.slide .section .listSet-4 dl dt {margin-bottom:15px;font-weight:500}
.slide .section .listSet-4 dl dd {}

.slide .section .listSet-5 {margin-top:50px;}
.slide .section .listSet-5 li {}
.slide .section .listSet-5 li .thumb {display:block}
.slide .section .listSet-5 li dl dt {margin-bottom:15px; font-size:22px; color:#55595c;font-weight:500;}
.slide .section .listSet-5 li dl dd {padding:0 30px;font-size:14px;}

.slide .section .panel-open {text-align:center;cursor:pointer;display:inline-block;}
.slide .section .panel-open p {color:#7cb30a; font-size:18px; font-weight:500; text-decoration:underline;}
.slide .section .panel-open.collapsed button {width:27px; height:27px; margin-top:10px; background:url('/images/m_ico_panel_open.png') 0 0 no-repeat; background-size:27px;transition:.5s;transform:rotate(0);}
.slide .section .panel-open button {width:27px; height:27px; margin-top:10px; background:url('/images/ico_panel_open_over.png') 0 0 no-repeat;transition:.5s;transform:rotate(45deg);background-size:27px;}
.slide .section .panel-open.collapsed:hover button {background:url('/images/ico_panel_open_over.png') 0 0 no-repeat;background-size:27px;}

.section-title {position:relative; background-size:cover !important; overflow:hidden}
.sub-head {padding:50px 0 0; text-align:center}
.sub-head h3 {font-size:30px; font-weight:500; line-height:30px; color:#000}
.sub-head p {color:inherit; font-size:14px; line-height:24px;}
.special .tech{background:#191b1e;}
.special .health{background:#f4f4f5;}
.special .natural{background:#2b2f33;}
.special .tech h3,.special .natural h3{color:#fff;}
.story .about .sub-head,
.story .ctr .sub-head,
.story .rnd .sub-head{background: #f4f4f5;}

.slide .section .common-btn a {display:inline-block; padding:10px 45px 11px 25px; border:3px solid #80bd01; background:url('/images/ico_cafe_arr.png') 90% 50% no-repeat; color:#80bd01;transition:background-color .3s;}
.slide .section .common-btn a:hover {color:#fff;background:#80bd01 url('/images/ico_cafe_arr_over.png') 90% 50% no-repeat;}
.slide .section .cover .m-vod {width:100%;}
.slide .section .fla-vod {position:relative; width:100%; padding-bottom:41.65%;}
.slide .section .fla-vod .cover {position:absolute; z-index:1; width:100%; height:100%;}
.slide .section .fla-vod .cover object,
.slide .section .fla-vod .cover embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.slide .section-panel {position:relative; color:#fff; text-align:center;}
.slide .section-panel .bg_open{display:block; position:absolute; top:0; left:0; right:0; width:21px; height:13px; background:url('/images/ico_panel_arr.png') 50% 0 no-repeat; margin:0 auto}
.slide .section-panel .panel-slide {padding:70px 0;}
.slide .section-panel .panel-slide .ico {display:block; margin:0 auto;}
.slide .section-panel .panel-slide .ico-cell {width:31px; height:33px; background:url('/images/ico_cell.png') 0 0 no-repeat; background-size:31px;}
.slide .section-panel .panel-slide .ico-leaf {width:12px; height:22px; background:url('/images/ico_leaf.png') 0 0 no-repeat; background-size:12px;}
.slide .section-panel .panel-slide .ico-apple {width:18px; height:21px; background:url('/images/ico_apple.png') 0 0 no-repeat; background-size:18px;}
.slide .section-panel .panel-slide .circle {display:block; width:40px; height:40px; margin:0 auto 10px; padding:10px 0 10px; border-radius:50%; background:#fff; color:#2b2f33; font-size:13px; text-align:center; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%;}
.slide .section-panel .panel-slide .hLine,.theme-dark2 .hLine {display:inline-block; width:1px; height:40px; margin:20px 0; background:#55595c !important;}
.slide .section-panel .panel-slide h4 {margin:15px 0 20px; font-size:24px; font-weight:400;}
.slide .section-panel .panel-slide .quote {font-size:18px;}
.slide .section-panel .panel-slide .quote p {margin-bottom:40px;}
.slide .section-panel .panel-slide .desc {color:#ccc; font-size:14px;}
.slide .section-panel#acco1 .panel-slide.s1 figcaption {/* margin-top:20px;*/}
.slide .section-panel#acco1 .panel-slide.s2 h4 {margin-top:0}
.slide .section-panel#acco2 .panel-slide.s1,
.slide .section-panel#acco4 .panel-slide.s1 {padding:60px 0;}
.slide .section-panel#acco2 .panel-slide.s1 .desc,
.slide .section-panel#acco4 .panel-slide.s1 .desc {margin-bottom:25px;}
.slide .section-panel#acco2 .panel-slide.s1 .quote p,
.slide .section-panel#acco4 .panel-slide.s1 .quote p {margin-bottom:20px;}
.slide .section-panel#acco2 .panel-slide.s1 .quote.mfix p,
.slide .section-panel#acco4 .panel-slide.s1 .quote.mfix p {margin:20px 0 10px;}
.slide .section-panel#acco2 .panel-slide.s1 .quote + .desc:last-child,
.slide .section-panel#acco4 .panel-slide.s1 .quote + .desc:last-child {margin-bottom:0;}
.slide .section-panel .panel-slide.s2 .desc {margin-bottom:50px;}
.slide .section-panel .panel-slide.s3 figure {margin:40px 0}
.slide .section-panel .panel-slide.s3 .quote {margin-bottom:20px;}
.slide .section-panel .panel-slide.s4 figcaption {margin-top:40px;}
.slide .section-panel .panel-slide .polyphenol {height:100px; max-height:100px; margin-top:40px; background:url('/images/m_img_special_polyphenol.jpg') 50% 0 no-repeat; background-size:cover;}
.slide .section-panel .panel-slide .pictogram {max-width:1200px; height:370px; margin:-80px auto 0; background:url('/images/m_img_special_natural_pictogram.png') 50% 0 no-repeat;}

.slide .section.spc-health {}
.slide .section.spc-health .desc {margin-bottom:30px !important;}
.slide .section.spc-health .subs {margin:20px 0 0 !important;}
.slide .section.spc-health2 h4 {margin-bottom:10px !important;}
.slide .section.spc-health2 .define {margin:20px 0 50px;}
.slide .section.spc-health2 .desc {margin:0 !important;}
.slide .section.spc-health2 .desc.mfix,
.slide .section.spc-health3 .desc.mfix {margin:10px 0 30px !important;}
.slide .section.spc-health2 .quote.mfix {margin-top:30px !important;}
.slide .section.spc-health3 h4 {margin-bottom:10px !important;/*  padding:0 60px; */}
.slide .section.spc-health3 .subs {margin-bottom:10px !important;}
.slide .section.spc-health3 .quote {padding:0 50px;}
.slide .section.spc-health4 .desc {margin-bottom:30px !important;}
.slide .section.spc-health4 .subs {margin:30px 0 15px !important;}
.slide .section.spc-health4 figcaption {margin:0 !important;}
.slide .section.spc-health4 .quote p {margin-bottom:15px !important;}
.slide .section.spc-health5 .desc {margin-bottom:35px !important;}
.slide .section.spc-health5 .define {}
.slide .section.spc-health5 .define dt {margin:10px 0; color:#5c5e61;}
.slide .section.spc-health5 .define dd {}
.slide .section.spc-health5 .desc.block {display:block; margin-bottom:0 !important}

.slide .section.spc-natural1 {background:#1e2024 url('/images/m_bg_special_section1_1.jpg') 0 0 repeat-x;background-size:auto 100%;}
.slide .section.spc-natural1 .listSet-5 .define {}
.slide .section.spc-natural1 .listSet-5 .define dt {}
.slide .section.spc-natural1 .listSet-5 .define dd {margin-bottom:30px;}
.slide .section.spc-natural1 .img-offset {margin-bottom:-24%;}
.slide .section.spc-natural1 .listSet-5 {margin-top:0;}
.slide .section.spc-natural2 .define dt {margin-top:30px;}
.slide .section.spc-natural2 .define dd {margin-top:10px;}
.slide .section.spc-natural2 .colum-left .quote {margin-top:30px !important;}
.slide .section.spc-natural4 .mfix {}
.slide .section.spc-natural4 h4 {margin:30px 0 10px !important;}
.slide .section.spc-natural4 .mfix h4 {margin:30px 0 30px !important; padding:0 50px;}
.slide .section.spc-natural7 .subs {margin-bottom:10px !important;}
.slide .section.spc-natural7 h5 {margin-bottom:10px; ;}
.slide .section.spc-natural7 .define {}
.slide .section.spc-natural7 .define dt .thumb {margin-bottom:20px !important;padding: 0 25%;}
.slide .section.spc-natural7 .define dd {margin-bottom:10px !important; padding:0 45px;}
.slide .section.spc-natural7 .ref{font-size:12px;color:#acaead;}


.slide .section.about-mission{}
.slide .section.about-mission .swap{width:100%;}
.slide .section.about-mission .quote p{margin:35px 0 20px !important;}
.slide .section.about-mission .desc{margin:0 !important;}

.slide .section.about-bi {}
.slide .section.about-bi .desc {margin-bottom:30px !important;}
.slide .section.about-bi .desc strong{font-weight:500;}
.slide .section.about-bi .down-logo a {padding:10px 63px 11px 83px; background:url('/images/btn_down.png') 20% 50% no-repeat;transition:background-color .3s;}
.slide .section.about-bi .down-logo a:hover {background:#80bd01 url('/images/btn_down_over.png') 20% 50% no-repeat;color:#fff;}
.slide .section.about-bi .pic-bi {position:relative; margin:35px 0;}
.slide .section.about-bi .pic-bi .bi-wrap {display:table; margin:0 auto 40px;}
.slide .section.about-bi .pic-bi .bi-wrap .list {display:inline-block;}
.slide .section.about-bi .pic-bi .bi-wrap .list span {display:table-cell; width:130px; height:130px; border-radius:50%; color:#fff; font-size:16px; vertical-align:middle; mix-blend-mode:multiply;-webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%;}
.slide .section.about-bi .pic-bi .bi-wrap .list.bi01 {margin-right:-15px;}
.slide .section.about-bi .pic-bi .bi-wrap .list.bi02 {margin-left:-15px;}
.slide .section.about-bi .pic-bi .bi-wrap .list.bi01 span {background:rgba(103,106,112,.9);}
.slide .section.about-bi .pic-bi .bi-wrap .list.bi02 span {background:rgba(128,189,1,.9);}
.slide .section.about-bi .pic-bi .bi-wrap .ico-plus {display:inline-block; position:absolute; z-index:1; top:25%; left:0; right:0; color:#fff; font-size:16px;}
.slide .section.about-bi .pic-bi .bi-logo {padding:0 40px;}

.slide .section.about-value{}
.slide .section.about-value .define{padding:15px 5px 25px;}
.slide .section.about-value .define dt .thumb{margin-bottom:10px;}

.slide .section.about-tech{}
.slide .section.about-tech .subs{margin-bottom:10px !important;}
.slide .section.about-tech .desc2{color:#acaeae;margin-bottom:0;font-size:12px}

.slide .section.about-vision{}
.slide .section.about-vision .quote p{margin-bottom:20px !important;}

.slick-global-maps {position:relative;margin-top:30px;}
.slick-global-maps .slick-slide {margin-bottom:30px;}
.slick-global-maps .slick-slide img {margin:0 auto;}
.slick-global-maps .slick-arrow {position:absolute; top:calc(50% - 30px); width:60px; height:60px; font-size:0; text-indent:-9999%; z-index:1}
.slick-global-maps .slick-prev {left:0; background:url('/images/btn_global_maps_arr_left.png') 0 0 no-repeat;}
.slick-global-maps .slick-prev:hover {background:url('/images/btn_global_maps_arr_left_over.png') 0 0 no-repeat;}
.slick-global-maps .slick-next {right:0; background:url('/images/btn_global_maps_arr_right.png') 0 0 no-repeat;}
.slick-global-maps .slick-next:hover {background:url('/images/btn_global_maps_arr_right_over.png') 0 0 no-repeat;}
.slick-global-maps .slick-dots {}
.slick-global-maps .slick-dots li{display:inline-block; display:inline-block; width:6px; height:6px; margin:0 7px; border-radius:50%; background:#9b9b9d; cursor:pointer}
.slick-global-maps .slick-dots li button {display:none; font-size:0; text-indent:-9999%;}
.slick-global-maps .slick-dots li.slick-active {background:#010101}

.slick-global-maps .location {text-align:center;}
.slick-global-maps .location p {}
.slick-global-maps .location span {color:#bbb;}
.slick-global-maps .minimap {display:none;}

.slick-global-title {padding:0 20px;}
.slick-global-title .slick-slide a{display:block; display:table-cell; position:relative; width:inherit; height:60px; padding:20px 32px; padding:10px; outline:0 !important; font-size:12px; vertical-align:middle; transition:.3s;box-sizing:border-box;}
.slick-global-title .slick-slide a:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; content:'';}
.slick-global-title .slick-current a {color:#7cb30a;}
.slick-global-title .slick-current a:after {height:2px; background:#7cb30a;}
.slick-global-title .slick-arrow {position:absolute; top:26px; width:10px; height:16px; background-size:10px !important; font-size:0; text-indent:-9999%; z-index:5}
.slick-global-title .slick-prev {left:0; background:url('/images/btn_global_title_arr_left.png') 0 0 no-repeat;}
.slick-global-title .slick-next {right:0; background:url('/images/btn_global_title_arr_right.png') 0 0 no-repeat;}


/* 2018-05-15 */
.product .wrap-product-list .main-banner{height:calc(100vh - 46px);padding-top:46px}
.product .wrap-product-list .banner-list,
.product .wrap-product-list .banner-list .list,
.product .wrap-product-list .banner-list .slick-list,
.product .wrap-product-list .banner-list .slick-track{height:100%}
.product .wrap-product-list .banner-list .list .txt-box{position:relative;text-align:center;z-index:1}
.product .wrap-product-list .banner-list .list .txt-box h3{color:#fff;display:block;font-size:28px;margin-bottom:5px;}
.product .wrap-product-list .banner-list .list .txt-box .desc{color:#fff;display:block;font-size:17px}
.product .wrap-product-list .banner-list .list .txt-box .btn-more{border:1px solid #fff;color:#fff;display:inline-block;display:table;font-size:9px;margin:37px auto 0;min-height:27px;min-width:108px;position:relative}
.product .wrap-product-list .banner-list .list.slick-active .txt-box h3{animation:subFadeIn 1s .3s alternate both;}
.product .wrap-product-list .banner-list .list.slick-active .txt-box .desc{animation:subFadeIn 1s .45s alternate both;}
.product .wrap-product-list .banner-list .list.slick-active .txt-box .btn-more{animation:subFadeIn 1s .55s alternate both;}
@keyframes subFadeIn {
	0%{transform:translate(0,20px);opacity: 0;}
	100%{transform:translate(0,0);opacity: 1;}
}
@keyframes fadeDim {
	0%{opacity: 0;}
	100%{opacity:.5;}
}
@keyframes flash {
	0%{background: #82be04;}
	50%{background: rgba(32,32,34,0.74);}
}


/* 171129 : mobile 쿡마스터 끝 */

/* 180108 : 특별한 휴롬 - 도서&논문 추가 */
.slide .section .container .s-txt .title_book {font-size: 22px;}
.slide .section .container .s-txt .book li {background: #FFFFFF; border: 1px solid #E0E1E2; width: 100%; overflow: hidden; margin-bottom: 30px;}
.slide .section .container .s-txt .book li div {color: #acaeae;}
.slide .section .container .s-txt .book li div.book_img {padding: 25px 35px;}
.slide .section .container .s-txt .book li div.book_desc {padding: 0 35px 25px 35px; text-align: center; font-size: 14px;}
.slide .section .container .s-txt .book li div.book_desc .title {color: #7CB30A; font-weight: 500; font-size: 18px;}
.slide .section .container .s-txt .book li div.book_desc .thesis_title {color: #2b2f33; font-size: 18px;}
.slide .section .container .s-txt .book li div.book_desc .sub_title {font-size: 14px;}
.slide .section .container .s-txt .book li div.book_desc .cts {margin: 30px 0;}

.btn_up_layer {position:fixed;bottom:20px;right:15px;display:none;z-index:1;width:45px;height:45px;background:url('/images/btn_top.png') 0 0 no-repeat;z-index: 10;background-size:45px;text-indent: -9999%;font-size:0;}
.btn_help {position:fixed;bottom:75px;right:15px;display:none;z-index:1;width:45px;height:45px; background:#82be04; z-index: 10;background-size:45px;text-indent: -9999%;font-size:0;border-radius:50px;animation: flash 1.5s step-end 3;}
.btn_help.transper{background: none;}
.btn_help.open .detail-view{display: block;}
.btn_help.open {background: none;}
.btn_help:after{content: '';display: block;position: absolute;top: 0;right: 0;background:url('/images/icon_tel.png') 50% 50% no-repeat;width: 45px;height:45px;background-size:16px auto;}
.btn_help .detail-view{position: absolute;top: 0;right: 0;height: 100%;width: 135px;background:#82be04;border-radius:50px;display: none;}
.btn_help .detail-view p{text-indent: 0;text-align: center;padding-right: 25px;line-height: 1.3em;font-size: 9px;color: #fff;text-indent: 0;line-height: 1.3em;}


.btn_back_layer {position:fixed;bottom:130px;right:15px;display:none;z-index:1;width:45px;height:45px;background:url('/images/btn_back.png') 0 0 no-repeat;z-index: 10;background-size:45px;text-indent: -9999%;font-size:0;}
.btn_up_layer.fixed {position: absolute;right: 0;}
.btn_help.fixed {position: absolute;right: 0;}
.btn_back_layer.fixed {position: absolute;right: 0;}

.product .col-height{width:100%;}
.mobile-img-width100 img{width:100%}

@media screen and (min-width:475px) {
	.product .wrap-tmaster .section .slick-rolling .roll-txt .roll-img {max-height:350px;}
}
@media (max-width:767px) {/*.video-background {display:none;}*/}
@media (min-aspect-ratio: 16/9) {
	/* .video-background iframe {height: 150%; top: -25%;} */
}
@media (max-aspect-ratio: 16/9) {
	/* .video-background iframe {width: 300%; left: -100%;} */
}

/* tablet */

@media screen and (min-width:767px) {

@keyframes line{
	0%{width:0}
	100%{width:100%}
}


.main-visual {margin-top:0;}
.main-visual .wheel{width:51px;height:90px;position:absolute;bottom:8%;left:0;right:0;margin:0 auto;transition:all .3s;}
.main-visual.white .wheel{background:url("/images/ico_mouse.png") 0 0 no-repeat;}
.main-visual.black .wheel{background:url("/images/ico_mouse_b.png") 0 0 no-repeat;}
.main-visual .wheel .wheel_obj1{position:absolute;top:40px;left:23px;width:4px;height:4px;border-radius:50%;animation:mouse_wheel 2.5s infinite cubic-bezier(0,0,0.2,1)}
.main-visual.white .wheel .wheel_obj1{background:#fff;}
.main-visual.black .wheel .wheel_obj1{background:#000;}

@keyframes mouse_wheel{
	0%{transform:translateY(0);opacity:0.2}
	100%{transform:translateY(20px);opacity:1}
}
.main-visual .slick-main-rolling .visual:after {box-shadow: 0 0 500px rgba(0,0,0,0.2) inset;}
.main-visual .slick-main-rolling .slick-arrow{top:calc(50% - 30px);width:60px;height:60px;transition:.3s;border: 1px solid rgba(255,255,255,.3);}
.main-visual .slick-main-rolling .slick-arrow.slick-prev{left:60px;background:url('/images/main/btn_arr_w_left.png') 50% 50% no-repeat;background-size:auto;}
.main-visual .slick-main-rolling .slick-arrow.slick-next{right:60px;background:url('/images/main/btn_arr_w_right.png') 50% 50% no-repeat;background-size:auto;}
.main-visual .slick-main-rolling .slick-arrow.slick-prev:hover,
.main-visual .slick-main-rolling .slick-arrow.slick-next:hover{background-color:rgba(255,255,255,.3);}

.main-visual.white .slick-main-rolling .slick-arrow.slick-prev{left:60px;background:url('/images/main/btn_arr_w_left.png') 50% 50% no-repeat;background-size:auto;border: 1px solid rgba(255,255,255,.3);}
.main-visual.white .slick-main-rolling .slick-arrow.slick-next{right:60px;background:url('/images/main/btn_arr_w_right.png') 50% 50% no-repeat;background-size:auto;border: 1px solid rgba(255,255,255,.3);}
.main-visual.black .slick-main-rolling .slick-arrow.slick-prev{left:60px;background:url('/images/main/btn_arr_b_left.png') 50% 50% no-repeat;background-size:auto;}
.main-visual.black .slick-main-rolling .slick-arrow.slick-next{right:60px;background:url('/images/main/btn_arr_b_right.png') 50% 50% no-repeat;background-size:auto;}
.main-visual.white .slick-main-rolling .slick-arrow.slick-prev:hover,
.main-visual.white .slick-main-rolling .slick-arrow.slick-next:hover{background-color:rgba(255,255,255,.3);}
.main-visual.black .slick-main-rolling .slick-arrow.slick-prev:hover,
.main-visual.black .slick-main-rolling .slick-arrow.slick-next:hover{background-color:rgba(0,0,0,.3);}

.main-visual .ico-shop .btn-set{top: 4%;right: 15%;}
.main-visual .ico-shop .btn-shop{width: 105px;margin: 0 7px;transition:all .3s;border: 2px solid #fff;}
.main-visual .ico-shop .btn-evt{width: 105px;margin: 0 7px;transition:all .3s;border: 2px solid #fff;}
.main-visual .ico-shop .btn-shop:hover{background: #82be04;}
.main-visual .ico-shop .btn-evt:hover{background: rgba(0,0,0,.7);}

.modal-youtube .modal-dialog {width:740px !important;}
.modal-youtube .modal-content .close {width:56px; height:100%; top:0; background:url('/images/contents-video-pop-close.png') center center no-repeat; background-size:17px 16px;}
.slick-main-rolling .visual .container .main-txt h2 {font-size:42px; line-height:56px;opacity: 1;}

.slick-main-rolling .visual:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,.6);opacity:.5;}
.slick-main-rolling .visual.slick-active:before{animation:fadeDim 3s 2s ease-out alternate both;}
.slick-main-rolling .visual.slick-active .container .main-txt h2 {animation:subFadeIn 1s 3s alternate both;}

@keyframes FadeIn {
	0%{transform:translate(0,20px);opacity: 0;}
	100%{transform:translate(0,0);opacity: 1;}
}

.slick-main-rolling .slick-dots li button{background:#8e8e8e;text-indent:-9999%;font-size:0;width:45px;height:2px;margin-right:5px;;}





/* 서브 */
span.block {display:none;}



/* //180503 : 제품 디바 추가 */


/* pc */
@media screen and (min-width:992px) {
br.block {display:block;}
.main-content .content .cont-list.l03 {padding-right:0;}
.main-content .container {width:970px;}
.main-content .content .cont-list.l01 {padding-right:0;}
.main-content .content .cont-list.l02 {padding-left:27px;}
.main-content .content .cont-list.l03 {padding-left:27px;}
.main-content .content .cont-list.l04 {padding-right:0;}
.main-content .content .cont.c05 {padding-left:27px;}
.main-content .content .cont {margin-bottom:27px;background-size:auto 100%;transition:background-size .3s;-webkit-transition:background-size .3s;-ms-transition:background-size .3s;}

.main-content .content .cont:hover{background-size:auto 110% !important;}
.main-content .content .cont,
.main-content .content .cont.c05 .slick-news-thumb,
.main-content .content .cont.c05 .slick-news-content {height:229px;}


.main-content .content .list.list-right .thumb{height: 220px;}
.main-content .content .list .txtbox h3{font-size: 26px;}
.main-content .content .list .txtbox span{font-size: 18px;line-height: 28px;height: 55px;}

.main-content .product-intro .product-list .thumb{padding:0 45px;}

.main-visual .ico-shop .btn-set{top: 40px;right: 160px;}
.main-visual .ico-shop .btn-shop{width: 128px;}
.main-visual .ico-shop .btn-evt{width: 128px;}

.sub-visual {max-height:800px;}

.slick-global-title .slick-slide {padding:0;}
.slick-global-maps .slick-slide {padding:40px 100px;}
.slick-global-title {padding:0;}
.slick-global-title .slick-slide a {padding:20px 29px; font-size:16px;}
.tab-content .dl-history dt {padding-left:68px; font-size:22px;}
.tab-content .dl-history dd {padding-left:60px; font-size:16px;}
.tab-content .dl-history dd .month {line-height:32px}
.tab-content .dl-history dd p {line-height:32px;}

.colum-change .left .chg-txt,
.colum-change .right .chg-txt {font-size:18px; line-height:30px}

.section-title .ico-hurom {width:129px; height:21px; margin-top:50px; background-size:129px}
.slide .section .container .s-txt .colum-poly .colum-right {padding-top:100px;}
.slide .section-panel .panel-slide h4 {font-size:40px; line-height:52px;}
.slide .section-panel .panel-slide .quote {font-size:20px; line-height:32px;}
.slide .section-panel .panel-slide .desc {font-size:15px; line-height:25px;}
.slide .section-panel .panel-slide.s1 .desc figure{margin-top:50px !important;}

/* 171129 : 쿡마스터 추가 */

.product .wrap-product-list .cookmaster01 {background:url('/images/product/cookmaster/product_info_cookmaster_01.jpg') 50% 100% no-repeat; height: 1100px; padding-top: 60px;}
.product .wrap-product-list .cookmaster01 .title {text-align: center; color: #343434;}
.product .wrap-product-list .cookmaster01 .title h3 {font-size: 38px; line-height: 42px; margin:0; font-weight: 100}
	.product .wrap-product-list .cookmaster01 .title h3 .title {font-size: 74px; line-height: 92px; font-weight: 600;}
	.product .wrap-product-list .cookmaster01 .title h3 .sub {font-size: 28px;}
	
/* 171129 : 쿡마스터 끝 */
	
/* 180108 : 특별한 휴롬 - 도서&논문 추가 */
.slide .section .container .s-txt .title_book {font-size: 40px;}
.slide .section .container .s-txt .book li {background: #FFFFFF; border: 1px solid #E0E1E2; width: 100%; overflow: hidden; margin-bottom: 30px;}
.slide .section .container .s-txt .book li div {float: left; color: #acaeae;}
.slide .section .container .s-txt .book li div.book_img {min-width:100px; padding: 25px 35px;}
.slide .section .container .s-txt .book li div.book_desc {max-width:767px; padding: 25px 35px 25px 0; text-align: left;}
.slide .section .container .s-txt .book li div.book_desc .title {color: #7CB30A; font-weight: 500; font-size: 18px;}
.slide .section .container .s-txt .book li div.book_desc .sub_title {font-size: 14px;}
.slide .section .container .s-txt .book li div.book_desc .cts {margin: 30px 0;}






/* wide */
@media screen and (min-width:1200px) {

.slick-main-rolling .visual .container {/* width:1280px !important; */}
.slick-main-rolling .visual .container .main-txt {padding:0 5%}
.slick-main-rolling .visual .container .main-txt h2{font-size: 60px;line-height: 72px;}

.main-content .container {width:1240px;}
.main-content .content .cont,
.main-content .content .cont.c05 .slick-news-thumb,
.main-content .content .cont.c05 .slick-news-content {height:282px;}

.main-content .content .list.list-left .thumb img{transform:translateY(-50%) scale(1.05)}
.main-content .content .list .txtbox span{height: 85px;}
.main-content .content .list .txtbox .ellip{-webkit-line-clamp: 3;}

.header .pc-menu h1 {left:0;}
.header .pc-menu .btn-shop {right:0;}
.header .pc-menu .gnb {padding:14px 13.71% 0 34.677%;}
.header .pc-menu .gnb li a {font-size:20px;}

.sub-head {padding:85px 0 30px 0;}
.sub-head h3 {font-size:60px; line-height:60px;}
.sub-head p {font-size:18px; line-height:28px;}
.sub-visual {max-height:1004px; /* min-height:1004px;*/}
.fullpage-wrap .sub-visual {max-height:none !important;}
.slide .section .container .s-txt .colum-oxy {min-height:500px}
.slide .section .container .s-txt .colum-oxy .define {position:absolute; top:40%; width:62%;}
.slick-global-title .slick-slide {padding:0;}
.slick-global-maps .slick-slide {padding:60px 0 0;}
.slick-global-title {padding:0}
.slick-global-title .slick-slide a {padding:20px 38px; font-size:18px;}

.slide .section .container .s-txt .preface {margin-bottom:20px; padding:8px 20px; font-size:18px;}
.slide .section .container .s-txt h4 {position:relative; font-size:48px; line-height:62px;}
.slide .section .container .s-txt h5 {font-size:36px;}
.slide .section .container .s-txt .point {font-size:24px!important;} /* 170719 : 추가 */
.slide .section .container .s-txt .desc {position:relative; font-size:18px; line-height:30px;}
.slide .section .container .s-txt .subs {font-size:24px;}
.slide .section .container .s-txt .quote p {margin:0 0 50px 0; font-size:24px;}
.slide .section .container .s-txt .quote h3 {font-size:40px;}
.slide .section .container .s-txt .quote2 p {margin:10px 0 60px; font-size:13px;}
.slide .section .container .s-txt figure {}
.slide .section .container .s-txt figure figcaption {margin-top:30px;}
.slide .section .container .s-txt figure figcaption p {font-size:18px;}
.slide .section .container .s-txt figure figcaption span {font-size:13px;}
.slide .section .container .s-txt .popup-vod p {}
.slide .section .container .s-txt .popup-vod .play {margin-bottom:60px;}
.slide .section .container .s-txt .circle {width:50px; height:50px; font-size:18px;}
.slide .section .container .s-txt .hLine {height:40px; margin:40px 0;}
.slide .section .container .s-txt .colum-poly .colum-right {padding-top:150px;}
.slide .section .container .s-txt .define dt {font-size:19px; line-height:36px;}
.slide .section .container .s-txt .define dd {font-size:18px; line-height:28px;}
.tab-content .dl-history dt {padding-left:68px; font-size:24px;}
.tab-content .dl-history dd {padding-left:60px; font-size:18px;}
.tab-content .dl-history dd .month {line-height:36px}
.tab-content .dl-history dd p {line-height:36px;width:90%;}

.slide .section-panel .panel-slide h4 {font-size:48px; line-height:62px;}
.slide .section-panel .panel-slide .quote {font-size:24px; line-height:36px;}
.slide .section-panel .panel-slide .desc {font-size:18px; line-height:30px;}

.slide .section.rnd-lab .define dt {font-size:24px !important;}
.slide .section.rnd-lab .define dd {font-size:18px !important; line-height:30px !important;}
.slide .section.rnd-lab .pLab .list,
.slide .section.rnd-lab .bLab .list {height:288px !important;}

.slide .section .listSet-3 dl dt {margin-bottom:20px;}
.slide .section .listSet-5 li dl dd {padding:0; font-size:18px; line-height:30px;}
.slide .section.juice-wrap .listSet-3 .define dt {font-size:24px; line-height:34px;}
.slide .section.juice-wrap .listSet-3 .define dd {font-size:18px; line-height:30px}

.slide .section.dev-lab .dev-program .program {/* min-height:auto; */ max-height:200px;}
.slide .section.dev-lab .dev-program .program .define dd {max-height:70px; overflow:hidden;}
.slide .section.dev-lab .dev-program .program .program-list.line-break li {display:inline-block; width:49%}
.slide .section.dev-lab .dev-program .program .program-list li:nth-child(1) {margin-right:-15%;}
.slide .section.dev-lab .dev-program .program .program-list li:nth-child(3) {margin-right:-15%;}
.slide .section.dev-lab .dev-program.mHeight .program {min-height:inherit; max-height:none;}




/* 180108 : 특별한 휴롬 - 도서&논문 추가 */
.slide .section .container .s-txt .title_book {font-size: 48px;}
.slide .section .container .s-txt .book li {background: #FFFFFF; border: 1px solid #E0E1E2; width: 100%; overflow: hidden; margin-bottom: 30px;}
.slide .section .container .s-txt .book li div {float: left; color: #acaeae;}
.slide .section .container .s-txt .book li div.book_img {min-width:100px; padding: 25px 35px;}
.slide .section .container .s-txt .book li div.book_desc {max-width:968px; padding: 25px 35px 25px 0; text-align: left;}
.slide .section .container .s-txt .book li div.book_desc .title {color: #7CB30A; font-weight: 500; font-size: 18px;}
.slide .section .container .s-txt .book li div.book_desc .thesis_title {color: #2b2f33;}
.slide .section .container .s-txt .book li div.book_desc .sub_title {font-size: 14px;}
.slide .section .container .s-txt .book li div.book_desc .cts {margin: 30px 0;}

}

/* modal center */
.modal {padding:0!important; text-align:center;}
.modal:before {display:inline-block; height:100%; margin-right:-4px; content:''; vertical-align:middle;}
.modal-dialog {display:inline-block; vertical-align:middle;}
#modal-special-vod1{}
#modal-special-vod1 .modal-dialog{}
#modal-special-vod1 .modal-dialog .modal-content{}