@charset "utf-8";

.conmid {max-width:1135px;margin:0 auto;}
.confix {max-width:960px;margin:0 auto;}
.sec_bg {background-color:#fafafa;}

/* 원료 */
.web .ingredients_visual{height:calc(100vh - 100px); height:900px; background:url('../images/renewal/ingredients/ingredients_visual.jpg') no-repeat center center / cover; overflow:hidden}
.web .ingredients_visual .conmid{position:relative;height:100%;}
.web .ingredients_visual .txt_wrap{position:absolute;right:0;top:50%;width:420px;
 -webkit-transform:translateY(-55%);-ms-transform:translateY(-55%);transform:translateY(-55%); line-height:1.5; font-size:15px}
.web .ingredients_visual h2{font-size:40px;}
.web .ingredients_visual .tit{font-size:20px;line-height:30px;padding-top:40px;margin:40px 0 20px 0;border-top:1px solid #757575; color:#12b560}
.web .ingredients_visual .down{position:absolute;right:0;bottom:90px;width:420px;}
.web .ingredients_visual .down:after{content:'';position:absolute;left:0;bottom:-30px;width:12px;height:16px;background:url('../images/renewal/ingredients/icon_down.png') no-repeat center center;}
 @media all and (max-width:1599px) {
 	.web .ingredients_visual .txt_wrap{right:68px;width:440px;}
 	.web .ingredients_visual h2{font-size:32px;}
 	.web .ingredients_visual .tit{font-size:18px;line-height:30px;padding-top:30px;margin:20px 0;}
 	.web .ingredients_visual .down{right:68px;bottom:60px;width:440px;}
 }
 
 .language_L013 .web .ingredients_visual{height:1100px}

.web .ingredients_story{padding:140px 0; max-width:1420px; margin:0 auto}
.web .ingredients_story h3{margin-top:80px;text-align:center;font-size:26px;color:#12b560;}
.web .ingredients_story p{margin:40px auto 0 auto;max-width:850px; line-height:1.6; font-size:15px}
.web .jejumap_top {margin-top:54px;text-align:center;font-size:0;}
.web .jejumap_top li {display:inline-block;padding:0 10px;}
.web .jejumap_top li a {display:block;width:123px;height:123px;background-repeat:no-repeat;}
.web .jejumap_top li a:hover {background-position:center bottom;}
.web .jejumap_top li.t1 a {background-image:url('../images/renewal/ingredients/ingredients_top_cherryblossom.png');}
.web .jejumap_top li.t2 a {background-image:url('../images/renewal/ingredients/ingredients_top_lavaseawater.png');}
.web .cherryBlossom .jejumap_top li.t1 a {background-position:center bottom;}
.web .lavaSeawater .jejumap_top li.t2 a {background-position:center bottom;}

.web .jejumap{width:1068.072px;height:674.243px;margin:30px auto 0 auto;text-align:center;}
@media all and (max-width:1400px) {
	.web .jejumap{width:920px;height:588.77px;}
}
.web .jejumap svg {max-width:100%;}
.web .jejumap circle,
.web .jejumap path,
.web .jejumap text {/*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;*/}
.web .jejumap .background > path{fill:#f9f9f9;}
.web .jejumap .background g path{stroke-miterlimit:10;fill:none;stroke:#757575;}
.web .jejumap .bg{fill:#f9f9f9;}
.web .jejumap .txt{fill:#757575;}
.web .jejumap .ico{fill:#757575;}
.web .jejumap .line1{stroke:#757575;}
.web .jejumap .line2{fill:#757575;}

.web .tangerine .jejumap .area01 .bg, .jejumap .area01:hover .bg {fill:#f59700;}
.web .bija .jejumap .area02 .bg, .jejumap .area02:hover .bg {fill:#0aaecc;}
.web .volcanic .jejumap .area03 .bg, .jejumap .area03:hover .bg {fill:#402a00;}
.web .soybean .jejumap .area04 .bg, .jejumap .area04:hover .bg {fill:#623d2c;}
.web .orchid .jejumap .area05 .bg, .jejumap .area05:hover .bg {fill:#300050;}
.web .greenBarley .jejumap .area06 .bg, .jejumap .area06:hover .bg {fill:#97b489;}
.web .phytoncide .jejumap .area07 .bg, .jejumap .area07:hover .bg {fill:#83a48a;}
.web .greenTea .jejumap .area08 .bg, .jejumap .area08:hover .bg {fill:#12b560;}
.web .pomegranate .jejumap .area09 .bg, .jejumap .area09:hover .bg {fill:#ba0000;}
.web .marineSeaweed .jejumap .area10 .bg, .jejumap .area10:hover .bg {fill:#001b9e;}

.web .jejumap a:hover .txt{fill:#fff;}
.web .jejumap .area06:hover .txt{fill:#97b489;}
.web .tangerine .jejumap .area01 .txt{fill:#fff;}
.web .bija .jejumap .area02 .txt{fill:#fff;}
.web .volcanic .jejumap .area03 .txt{fill:#fff;}
.web .soybean .jejumap .area04 .txt{fill:#fff;}
.web .orchid .jejumap .area05 .txt{fill:#fff;}
.web .greenBarley .jejumap .area06 .txt{fill:#97b489;}
.web .phytoncide .jejumap .area07 .txt{fill:#fff;}
.web .greenTea .jejumap .area08 .txt{fill:#fff;}
.web .pomegranate .jejumap .area09 .txt{fill:#fff;}
.web .marineSeaweed .jejumap .area10 .txt{fill:#fff;}

.web .jejumap a:hover .ico{fill:#fff;}
.web .jejumap .area06:hover .ico{fill:#97b489;}
.web .tangerine .jejumap .area01 .ico{fill:#fff;}
.web .bija .jejumap .area02 .ico{fill:#fff;}
.web .volcanic .jejumap .area03 .ico{fill:#fff;}
.web .soybean .jejumap .area04 .ico{fill:#fff;}
.web .orchid .jejumap .area05 .ico{fill:#fff;}
.web .greenBarley .jejumap .area06 .ico{fill:#97b489;}
.web .phytoncide .jejumap .area07 .ico{fill:#fff;}
.web .greenTea .jejumap .area08 .ico{fill:#fff;}
.web .pomegranate .jejumap .area09 .ico{fill:#fff;}
.web .marineSeaweed .jejumap .area10 .ico{fill:#fff;}

@media all and (max-width:1599px) {
	.web .ingredients_story{padding:120px 0;}
	.web .ingredients_story h3{margin-top:70px;font-size:24px;}
	.web .ingredients_story p{margin-top:30px;max-width:700px;}
}

.web .ingredients_introduce{display:table;width:100%;height:430px;text-align:center; background-size:cover !important}
.web .greenTea .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_greenTea.jpg') no-repeat center center / auto 100%;}
.web .bija .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_bija.jpg') no-repeat center center / auto 100%;}
.web .greenBarley .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_greenBarley.jpg') no-repeat center center / auto 100%;}
.web .marineSeaweed .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_marineSeaweed.jpg') no-repeat center center / auto 100%;}
.web .orchid .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_orchid.jpg') no-repeat center center / auto 100%;}
.web .phytoncide .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_phytoncide.jpg') no-repeat center center / auto 100%;}
.web .pomegranate .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_pomegranate.jpg') no-repeat center center / auto 100%;}
.web .soybean .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_soybean.jpg') no-repeat center center / auto 100%;}
.web .tangerine .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_tangerine.jpg') no-repeat center center / auto 100%;}
.web .volcanic .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_volcanic.jpg') no-repeat center center / auto 100%;}
.web .cherryBlossom .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_cherryblossom.jpg') no-repeat center center / auto 100%;}
.web .lavaSeawater .ingredients_introduce{background:url('../images/renewal/ingredients/ingredients_lavaSeawater.jpg') no-repeat center center / auto 100%;}
.web .ingredients_introduce .txt_wrap{display:table-cell;vertical-align:middle;color:#fff; line-height:2}
.web .ingredients_introduce h2{font-size:40px;font-weight:500;}
.web .ingredients_introduce .txt{font-size:20px;line-height:32px;margin:20px 0 20px 0;}
.web .ingredients_introduce .txt2{font-size:12px;line-height:15px;margin-top:20px;}
.web .orchid .ingredients_introduce .txt{margin:34px 0 24px;line-height:28px;}

@media all and (max-width:1599px) {
	.web .ingredients_introduce{height:370px;}
	.web .ingredients_introduce h2{font-size:32px;}
	.web .ingredients_introduce .txt{font-size:18px;margin:35px 0 25px 0;}
}

.web .ingredients_con{padding-top:90px;-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-ms-transition:background 0.3s ease;-o-transition:background 0.3s ease;transition:background 0.3s ease;}
.web .ingredients_con .conmid{position:relative;margin-top:50px;}
.web .ingredients_con .conmid:first-child{margin-top:0;}
.web .ingredients_con .img_wrap{position:relative;}
.web .ingredients_con h2{margin-bottom:20px;font-size:20px;line-height:30px;}
.web .ingredients_con .txt_wrap p span{display:block;font-size:12px;line-height:15px;margin-top:20px;}
.web .bija .ingredients_con h2{color:#0aaecc;}
.web .greenBarley .ingredients_con h2{color:#81a273;}
.web .greenTea .ingredients_con h2{color:#12b560;}
.web .greenTea .ingredients_con h2.color_tit{color:#9ecca8;}
.web .marineSeaweed .ingredients_con h2{color:#001b9e;}
.web .marineSeaweed .ingredients_con .history_type .txt_wrap h2{color:#b4beec;}
.web .orchid .ingredients_con h2{color:#43016e;}
.web .phytoncide .ingredients_con h2{color:#6a9072;}
.web .pomegranate .ingredients_con h2{color:#ba0000;}
.web .soybean .ingredients_con h2{color:#623d2c;}
.web .tangerine .ingredients_con h2{color:#ea9000;}
.web .volcanic .ingredients_con h2{color:#402a00;}
.web .cherryBlossom .ingredients_con h2{color:#fa9baf;}
.web .lavaSeawater .ingredients_con h2{color:#075fe4;}
.web .ingredients_con .tY75{-webkit-transform:translateY(-75%);-ms-transform:translateY(-75%);transform:translateY(-75%);}
.web .ingredients_con .tY65{-webkit-transform:translateY(-65%);-ms-transform:translateY(-65%);transform:translateY(-65%);}
.web .ingredients_con .tY55{-webkit-transform:translateY(-55%);-ms-transform:translateY(-55%);transform:translateY(-55%);}
.web .ingredients_con .tY45{-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%);transform:translateY(-45%);}
.web .ingredients_con .txt_wrap sup {line-height:1;}
.web .ingredients_con .con_type1 .txt_wrap{position:absolute;right:0;top:50%;z-index:2;width:100%;padding-left:715px; line-height:1.6}
.web .ingredients_con .con_type1 .img_wrap img{margin-left:-143px;}
.web .ingredients_con .con_type2 .txt_wrap{position:absolute;left:0;top:50%;z-index:2;width:100%;padding-right:715px; line-height:1.6}
.web .ingredients_con .con_type2 .type_wide{padding-right:572px;}
.web .ingredients_con .con_type2 .img_wrap{text-align:right;}
.web .ingredients_con .con_type2 .img_wrap img{margin-right:-143px;}
.web .ingredients_con .list_type {text-align:center;}
.web .ingredients_con .list_type .txt_wrap {text-align:center;}
.web .ingredients_con .list_type ul {width:800px;margin:25px auto;}
.web .ingredients_con .list_type li {display:inline-block;overflow:hidden;vertical-align:top;width:350px;margin:25px 10px 0;color:#767676;background:#fff;border-radius:35px;}
.web .ingredients_con .list_type li .txt_wrap {padding:10px 0;}
.web .ingredients_con .list_type li .txt_wrap p {font-size:12px;line-height:24px;}
.web .ingredients_con .list_type li.vam .txt_wrap {display:table;width:100%;height:72px;}
.web .ingredients_con .list_type li.vam .txt_wrap p {display:table-cell;vertical-align:middle;}

.web .volcanic .list_type{padding:70px 0;}
.web .tangerine .ingredients_con .txt_wrap p span{color:#757575;}
.web .cherryBlossom .ingredients_con .process_type {padding:60px;text-align:center;}
.web .cherryBlossom .ingredients_con .process_type .img_wrap {margin-top:40px;}

.web .bija .bg_type1{background:#eaf7f9;}
.web .bija .bg_type2{background:#0091ac;}
.web .greenBarley .bg_type1{background:#f6f8f4;}
.web .greenBarley .bg_type2{background:#bfd1b7;}
.web .greenBarley .bg_type3{background:#97b489;}
.web .greenTea .bg_type1{background:#f3f5f5;}
.web .greenTea .bg_type2{background:#a0b2b0;}
.web .greenTea .bg_type3{background:#738e8a;}
.web .greenTea .bg_type4{background:#456862;}
.web .greenTea .bg_type5{background:#224b44;}
.web .greenTea .bg_type6{background:#123e36;}
.web .greenTea .bg_type7{background:#0b312c;}
.web .marineSeaweed .bg_type1{background:#f6f7fa;}
.web .marineSeaweed .bg_type2{background:#828bb5;}
.web .marineSeaweed .bg_type3{background:#3f4c8e;}
.web .marineSeaweed .bg_type4{background:#24337e;}
.web .orchid .bg_type1{background:#fbf9fb;}
.web .orchid .bg_type2{background:#b1a5b5;}
.web .orchid .bg_type3{background:#796883;}
.web .orchid .bg_type4{background:#392545;}
.web .phytoncide .bg_type1{background:#eef3ef;}
.web .phytoncide .bg_type2{background:#9db7a3;}
.web .phytoncide .bg_type3{background:#83a48a;}
.web .pomegranate .bg_type1{background:#fcf5f5;}
.web .pomegranate .bg_type2{background:#f9afaf;}
.web .pomegranate .bg_type3{background:#cc4041;}
.web .soybean .bg_type1{background:#fafaf9;}
.web .soybean .bg_type2{background:#a39690;}
.web .soybean .bg_type3{background:#533d32;}
.web .tangerine .bg_type1{background:#fef9f1;}
.web .tangerine .bg_type2{background:#ffeac9;}
.web .tangerine .bg_type3{background:#ffd38c;}
.web .tangerine .bg_type4{background:#f0ae45;}
.web .volcanic .bg_type1{background:#f7f7f5;}
.web .volcanic .bg_type2{background:#bfb095;}
.web .volcanic .bg_type3{background:#5f4e30;}
.web .volcanic .bg_type4{background:#342811;}
.web .cherryBlossom .bg_type1{background:#fff8f9;}
.web .cherryBlossom .bg_type2{background:#ffdfe6;}
.web .cherryBlossom .bg_type3{background:#faa0b3;}
.web .lavaSeawater .bg_type1{background:#ebf3ff;}
.web .lavaSeawater .bg_type2{background:#075fe4;}
	
@media all and (max-width:1200px) {
.web	.ingredients_con .img_wrap img{width:540px;}
.web .ingredients_con .con_type1 .txt_wrap{right:4%;width:96%;padding-left:500px;}
.web .ingredients_con .con_type1 .img_wrap img{margin-left:-91px;}
.web .ingredients_con .con_type2 .txt_wrap{left:4%;width:96%;padding-right:500px;}
.web .ingredients_con .con_type2 .type_wide{padding-right:360px;}
.web .ingredients_con .con_type2 .img_wrap img{margin-right:-91px;}
.web .ingredients_con .list_type li .img_wrap img {width:100%;}
}

.web .ingredients_con .greenTea_img1{position:absolute;right:140px;top:460px;width:420px;text-align:left; line-height:1.5}
.web .ingredients_con .greenTea_img1 p{margin-top:15px;}
.web .ingredients_con .greenTea_img2{position:absolute;left:140px;top:480px;width:420px;text-align:center; line-height:1.5}
.web .ingredients_con .greenTea_img2 ul{font-size:0;line-height:0;}
.web .ingredients_con .greenTea_img2 li{display:inline-block;width:33.33%;padding-top:55px;font-size:14px;line-height:20px;color:#12b560;vertical-align:top;}
.web .ingredients_con .greenTea_img2 li:nth-child(1){background:url('../images/renewal/ingredients/ingredients_greenTea_icon1.png') no-repeat center top;}
.web .ingredients_con .greenTea_img2 li:nth-child(2){background:url('../images/renewal/ingredients/ingredients_greenTea_icon2.png') no-repeat center top;}
.web .ingredients_con .greenTea_img2 li:nth-child(3){background:url('../images/renewal/ingredients/ingredients_greenTea_icon3.png') no-repeat center top;}
.web .ingredients_con .greenTea_img2 span{display:block;font-size:20px;font-weight:500;margin-top:15px;}
.c_primary{color:#12b560}

.web .ingredients_con .volcanic_img1{position:absolute;left:200px;top:355px;width:420px;text-align:center;}
.web .ingredients_con .volcanic_img1 ul{font-size:0;line-height:0;}
.web .ingredients_con .volcanic_img1 li{display:inline-block;width:33.33%;margin-top:60px;padding-top:55px;font-size:14px;line-height:20px;color:#402a00;vertical-align:top;}
.web .ingredients_con .volcanic_img1 li:nth-child(1){background:url('../images/renewal/ingredients/ingredients_volcanic_icon1.png') no-repeat center top;}
.web .ingredients_con .volcanic_img1 li:nth-child(2){background:url('../images/renewal/ingredients/ingredients_volcanic_icon2.png') no-repeat center top;}
.web .ingredients_con .volcanic_img1 li:nth-child(3){background:url('../images/renewal/ingredients/ingredients_volcanic_icon3.png') no-repeat center top;}
.web .ingredients_con .volcanic_img1 li:nth-child(4){background:url('../images/renewal/ingredients/ingredients_volcanic_icon4.png') no-repeat center top;}
.web .ingredients_con .volcanic_img1 li:nth-child(5){background:url('../images/renewal/ingredients/ingredients_volcanic_icon5.png') no-repeat center top;}
.web .ingredients_con .volcanic_img1 li:nth-child(6){background:url('../images/renewal/ingredients/ingredients_volcanic_icon6.png') no-repeat center top;}

@media all and (max-width:1200px) {
.web .ingredients_con .greenTea_img1{right:75px;top:290px;width:300px;}
.web .ingredients_con .greenTea_img1 p{margin-top:10px;font-size:10px;line-height:20px;}
.web .ingredients_con .greenTea_img2{position:absolute;left:75px;top:295px;width:300px;}
.web .ingredients_con .greenTea_img2 li{padding-top:45px;font-size:10px;}
.web .ingredients_con .greenTea_img2 li:nth-child(1),
.web .ingredients_con .greenTea_img2 li:nth-child(2),
.web .ingredients_con .greenTea_img2 li:nth-child(3){background-size:34px auto;}
.web .ingredients_con .greenTea_img2 span{font-size:16px;margin-top:5px;}
.web .ingredients_con .volcanic_img1{position:absolute;left:120px;top:235px;width:280px;}
.web .ingredients_con .volcanic_img1 li{margin-top:20px;padding-top:45px;font-size:10px;}
.web .ingredients_con .volcanic_img1 li:nth-child(1),
.web .ingredients_con .volcanic_img1 li:nth-child(2),
.web .ingredients_con .volcanic_img1 li:nth-child(3),
.web .ingredients_con .volcanic_img1 li:nth-child(4),
.web .ingredients_con .volcanic_img1 li:nth-child(5),
.web .ingredients_con .volcanic_img1 li:nth-child(6){background-size:34px auto;}
}
.c_white{color:#fff !important}
.web .ingredients_con .history_type{overflow:hidden;}
.web .ingredients_con .history_type .txt_wrap{position:absolute;left:0;top:30px;width:440px;}
.web .ingredients_con .history_type .txt_wrap h2{padding:0;}
.web .ingredients_con .history_type .txt_wrap p{margin-top:15px; line-height:1.5}
.web .ingredients_con .history_type .img_wrap{float:right;width:562px;}
.web .ingredients_con .history_type .img_wrap .tab_con{display:none;}
.web .ingredients_con .history_type .img_wrap .tab_con:first-child{display:block;}
.web .ingredients_con .history_type .img_wrap p{max-width:280px;margin:0 auto;color:#fff; line-height:1.5}
.web .ingredients_con .history_type .img_wrap span{display:block;padding-bottom:20px;font-size:20px;}
.web .ingredients_con .history_type .txt_wrap ul{padding-top:25px;max-width:420px;}
.web .ingredients_con .history_type .txt_wrap li{display:inline-block;margin:35px 35px 0 0;}
.web .ingredients_con .history_type .txt_wrap a{display:block;padding-bottom:5px;font-size:20px;line-height:1;color:#ccc;border-bottom:3px solid transparent;}
.web .ingredients_con .history_type .txt_wrap a:hover,
.web .ingredients_con .history_type .txt_wrap a.on{color:#fff;border-color:#fff;}

@media all and (max-width:1599px) {
.web .ingredients_con .history_type .txt_wrap{left:40px;}
.web .ingredients_con .history_type .img_wrap{width:500px;}
}

.web .ingredients_con .video_type{padding:100px 0 200px 0;}
.web .ingredients_con .video_type .vod_wrap{width:100%;height:auto;padding-bottom:56.212%;}
.web .ingredients_con .video_type .vod_area .play:before {background:transparent;}

@media all and (max-width:1200px) {
	.web .ingredients_con .video_type {padding:50px 4% 100px;}
}

.web .ingredients_kind{padding:185px 0 165px 0;background:#fafafa;}
.web .ingredients_kind h2{text-align:center;font-size:26px;line-height:1;}
.web .ingredients_kind ul{width:918px;margin:0 auto;padding-top:20px;font-size:0;line-height:0;}
.web .ingredients_kind li{display:inline-block;width:153px;margin-top:60px;vertical-align:top;}
.web .ingredients_kind a{position:relative;display:block;padding-top:140px;text-align:center;font-size:14px;line-height:28px;}
.web .ingredients_kind a:before{content:'';position:absolute;left:50%;top:0;width:123px;height:123px;margin-left:-61.5px;-webkit-border-radius:50%;border-radius:50%;}
.web .ingredients_kind li.greenTea a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind1.png') no-repeat center top;}
.web .ingredients_kind li.volcanic a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind2.png') no-repeat center top;}
.web .ingredients_kind li.orchid a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind3.png') no-repeat center top;}
.web .ingredients_kind li.bija a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind4.png') no-repeat center top;}
.web .ingredients_kind li.marineSeaweed a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind5.png') no-repeat center top;}
.web .ingredients_kind li.tangerine a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind6.png') no-repeat center top;}
.web .ingredients_kind li.soybean a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind7.png') no-repeat center top;}
.web .ingredients_kind li.phytoncide a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind8.png') no-repeat center top;}
.web .ingredients_kind li.greenBarley a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind9.png') no-repeat center top;}
.web .ingredients_kind li.pomegranate a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind10.png') no-repeat center top;}
.web .ingredients_kind li.cherryBlossom a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind11.png') no-repeat center top;}
.web .ingredients_kind li.lavaSeawater a:before{background:#fff url('../images/renewal/ingredients/ingredients_kind12.png') no-repeat center top;}

.web .ingredients_kind li.greenTea a:hover,
.web .greenTea .ingredients_kind li.greenTea a {color:#12b560;}
.web .ingredients_kind li.volcanic a:hover,
.web .volcanic .ingredients_kind li.volcanic a {color:#402a00;}
.web .ingredients_kind li.orchid a:hover,
.web .orchid .ingredients_kind li.orchid a {color:#43016e;}
.web .ingredients_kind li.bija a:hover,
.web .bija .ingredients_kind li.bija a {color:#0aaecc;}
.web .ingredients_kind li.marineSeaweed a:hover,
.web .marineSeaweed .ingredients_kind li.marineSeaweed a {color:#001b9e;}
.web .ingredients_kind li.tangerine a:hover,
.web .tangerine .ingredients_kind li.tangerine a {color:#ea9000;}
.web .ingredients_kind li.soybean a:hover,
.web .soybean .ingredients_kind li.soybean a {color:#623d2c;}
.web .ingredients_kind li.phytoncide a:hover,
.web .phytoncide .ingredients_kind li.phytoncide a {color:#83a48a;}
.web .ingredients_kind li.greenBarley a:hover,
.web .greenBarley .ingredients_kind li.greenBarley a {color:#81a273;}
.web .ingredients_kind li.pomegranate a:hover,
.web .pomegranate .ingredients_kind li.pomegranate a {color:#ba0000;}
.web .ingredients_kind li.cherryBlossom a:hover,
.web .cherryBlossom .ingredients_kind li.cherryBlossom a {color:#fa9baf;}
.web .ingredients_kind li.lavaSeawater a:hover,
.web .lavaSeawater .ingredients_kind li.lavaSeawater a {color:#075fe4;}

.web .ingredients_kind li.greenTea a:hover:before,
.web .greenTea .ingredients_kind li.greenTea a:before {background-color:#12b560;background-position:center bottom;}
.web .ingredients_kind li.volcanic a:hover:before,
.web .volcanic .ingredients_kind li.volcanic a:before{background-color:#402a00;background-position:center bottom;}
.web .ingredients_kind li.orchid a:hover:before,
.web .orchid .ingredients_kind li.orchid a:before{background-color:#43016e;background-position:center bottom;}
.web .ingredients_kind li.bija a:hover:before,
.web .bija .ingredients_kind li.bija a:before {background-color:#0aaecc;background-position:center bottom;}
.web .ingredients_kind li.marineSeaweed a:hover:before,
.web .marineSeaweed .ingredients_kind li.marineSeaweed a:before{background-color:#001b9e;background-position:center bottom;}
.web .ingredients_kind li.tangerine a:hover:before,
.web .tangerine .ingredients_kind li.tangerine a:before{background-color:#ea9000;background-position:center bottom;}
.web .ingredients_kind li.soybean a:hover:before,
.web .soybean .ingredients_kind li.soybean a:before{background-color:#623d2c;background-position:center bottom;}
.web .ingredients_kind li.phytoncide a:hover:before,
.web .phytoncide .ingredients_kind li.phytoncide a:before{background-color:#83a48a;background-position:center bottom;}
.web .ingredients_kind li.greenBarley a:hover:before,
.web .greenBarley .ingredients_kind li.greenBarley a:before{background-color:#81a273;background-position:center bottom;}
.web .ingredients_kind li.pomegranate a:hover:before,
.web .pomegranate .ingredients_kind li.pomegranate a:before{background-color:#ba0000;background-position:center bottom;}
.web .ingredients_kind li.pomegranate a:hover:before,
.web .pomegranate .ingredients_kind li.pomegranate a:before{background-color:#ba0000;background-position:center bottom;}
.web .ingredients_kind li.cherryBlossom a:hover:before,

.web .cherryBlossom .ingredients_kind li.cherryBlossom a:before{background-color:#fa9baf;background-position:center bottom;}
.web .ingredients_kind li.lavaSeawater a:hover:before,
.web .lavaSeawater .ingredients_kind li.lavaSeawater a:before{background-color:#075fe4;background-position:center bottom;}

.web .pageTitArea {text-align:center;color:#101010;}
.web .pageTitArea .title {position:relative;font-weight:500;line-height:35px;}
.web .pageTitArea .title:before {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;margin-top:-2px;background:#767676;}
.web .pageTitArea .title span {display:inline-block;position:relative;vertical-align:top;background:#fff;}
.web .pageTitArea .title em {color:#12b560;}
.web .pageTitArea.alignL {text-align:left;}
.web .pageTitArea.alignL .title:before {left:auto;right:100%;}
.web .pageTitArea.alignL .title span:after {display:none;}
.web .sec_bg .pageTitArea .title span {background:#fafafa;}
.web .pageTitArea .title span:before,
.web .pageTitArea .title span:after {content:'';display:block;position:absolute;top:50%;width:12px;height:100%;margin-top:-19px;font-weight:400;background:url('../images/renewal/ingredients/mobile/bar_pageTitArea.png') no-repeat;}
.web .pageTitArea .title span:before {left:-6px;background-position:left center;}
.web .pageTitArea .title span:after {right:-5px;background-position:right center;}
.web .pageTitle {text-align:center;color:#101010;}
.web .pageTitle .title {font-weight:500;font-size:25px;line-height:40px;}
.web .pageTitArea .title span {padding:0 80px;}
.web .pageTitle .des {font-size:13px;line-height:28px;}
.web .pageTitle.type2 .des {font-weight:500;font-size:15px;line-height:30px;}
.web .pageTitle.type2 .title {margin-top:23px;font-weight:500;font-size:42px;line-height:1;}
.web .secTitle {padding-bottom:7px;border-bottom:1px solid #767676;}
.web .secTitle .title {font-size:20px;letter-spacing:0.4px;}

.web .vod_wrap {position:relative;width:580px;height:326px;}
.web .vod_area {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.web .vod_area .cover {display:table;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;text-align:center;font-size:0;color:#fff;background-repeat:no-repeat;background-position:center center;}
.web .vod_area .stop {z-index:2;}
.web .vod_area .play {z-index:3;}
.web .vod_area .golink {background-image:url('../images/common/blank.png');}
.web vod_area .play:before {content:'';position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background:rgba(2,65,55,.4);transition-duration:.3s;}
.web .vod_area .play .bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:.5s ease-out;}
.web .vod_area .play .con {display:table-cell;position:relative;z-index:3;vertical-align:middle;}
.web .vod_area .play .txt {font-weight:700;line-height:50px;}
.web .vod_area .play .ico {display:block;position:relative;width:70px;height:70px;margin: auto;}
.web .vod_area .play .ico:before {content:'';display:block;position:absolute;left:50%;top:50%;background:#fff;border-radius:50%;transition:.4s ease-in-out;}
.web .vod_area .play .ico:after {content:'';display:block;position:absolute;left:50%;top:50%;width:0;height:0;}
.web .vod_area .play:hover:before {background:rgba(2,65,55,.7);}
.web .vod_area .play:hover .bg {transform:scale(1.1,1.1);}
.web .vod_area .play:hover .ico:before {transform:scale(1.2,1.2);}
.web .vod_area video {position:absolute;left:-1%;top:50%;width:102%;transform:translateY(-50%);}

@media all and (max-width:1599px) {
	.web .vod_area .play .txt {margin-bottom:20px;font-size:28px;}
	.web .vod_area .play .ico:before {width:54px;height:54px;margin-top:-27px;margin-left:-27px;}
	.web .vod_area .play .ico:after {margin-left:-4px;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid rgba(2,65,55,.7);}
}
@media all and (min-width:1600px) {
	.web .vod_area .play .txt {margin-bottom:42px;font-size:34px;}
	.web .vod_area .play .ico:before {width:70px;height:70px;margin-top:-35px;margin-left:-35px;}
	.web .vod_area .play .ico:after {margin-left:-5px;margin-top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:17px solid rgba(2,65,55,.7);}
}


@media all and (max-width:1599px) {
	.pageTitArea .title {font-size:28px;}
	.pageTitArea.alignL .title {margin-left:-30px;}
	.pageTitArea.alignL .title span {padding:0 0 0 30px;}
	.pageTitle .des {margin-top:6px;}
}
@media all and (min-width:1600px) {
	.pageTitArea .title {font-size:34px;}
	.pageTitArea.alignL .title {margin-left:-45px;}
	.pageTitArea.alignL .title span {padding:0 0 0 45px;}
	.pageTitle .des {margin-top:10px;}
}

	

/* 원료 모바일 */
.mobile .ingredients .tit{font-size:16px;line-height:29px;margin-bottom:25px;}
.mobile .ingredients_visual .img_wrap{position:relative;height:60vh;background:url('../images/renewal/ingredients/mobile/ingredients_visual.jpg') no-repeat center center / cover}
.mobile .ingredients_visual h1{position:absolute;left:50%;top:50%;padding:0 50px 12px 50px;font-size:20px;font-weight:500;line-height:1;color:#fff;border-bottom:1px solid #fff; -moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%); min-width:140px; text-align:center}
.mobile .ingredients_visual .txt_wrap{padding:35px 5.46%;background:#fafafa; line-height:1.8}

.mobile .ingredients_story{padding:70px 7.46%; line-height:2}
.mobile .ingredients_story .tit{margin-top:40px;text-align:center;color:#12b560;}
.mobile .ingredients_story .btn_area{overflow:hidden;padding-top:25px;}
.mobile .ingredients_story .btn_area li{margin-top:15px;width:48.3%;float:left;}
.mobile .ingredients_story .btn_area li:nth-child(even){float:right;}
.mobile .ingredients_story .btn_area a{display:block;padding-left:29%;text-align:center;font-size:11px;font-weight:500;line-height:43px;border:1px solid #767676;box-sizing:border-box;}
.mobile .ingredients_story .btn_area li.greenTea a{background:url('../images/renewal/ingredients/mobile/ingredients_story1.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.volcanic a{background:url('../images/renewal/ingredients/mobile/ingredients_story2.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.orchid a{background:url('../images/renewal/ingredients/mobile/ingredients_story3.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.bija a{background:url('../images/renewal/ingredients/mobile/ingredients_story4.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.marineSeaweed a{background:url('../images/renewal/ingredients/mobile/ingredients_story5.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.tangerine a{background:url('../images/renewal/ingredients/mobile/ingredients_story6.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.soybean a{background:url('../images/renewal/ingredients/mobile/ingredients_story7.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.phytoncide a{background:url('../images/renewal/ingredients/mobile/ingredients_story8.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.greenBarley a{background:url('../images/renewal/ingredients/mobile/ingredients_story9.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.pomegranate a{background:url('../images/renewal/ingredients/mobile/ingredients_story10.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.cherryBlossom a{background:url('../images/renewal/ingredients/mobile/ingredients_story11.png') no-repeat 11% top / 25px auto;}
.mobile .ingredients_story .btn_area li.lavaSeawater a{padding-left:25%;letter-spacing:-0.5px;background:url('../images/renewal/ingredients/mobile/ingredients_story12.png') no-repeat 11% top / 25px auto;}
.mobile .greenTea .ingredients_story .btn_area li.greenTea a{color:#fff;border-color:#12b560;background-color:#12b560;background-position:11% bottom;}
.mobile .volcanic .ingredients_story .btn_area li.volcanic a{color:#fff;border-color:#402a00;background-color:#402a00;background-position:11% bottom;}
.mobile .orchid .ingredients_story .btn_area li.orchid a{color:#fff;border-color:#43016e;background-color:#43016e;background-position:11% bottom;}
.mobile .bija .ingredients_story .btn_area li.bija a{color:#fff;border-color:#0aaecc;background-color:#0aaecc;background-position:11% bottom;}
.mobile .marineSeaweed .ingredients_story .btn_area li.marineSeaweed a{color:#fff;border-color:#001b9e;background-color:#001b9e;background-position:11% bottom;}
.mobile .tangerine .ingredients_story .btn_area li.tangerine a{color:#fff;border-color:#ea9000;background-color:#ea9000;background-position:11% bottom;}
.mobile .soybean .ingredients_story .btn_area li.soybean a{color:#fff;border-color:#623d2c;background-color:#623d2c;background-position:11% bottom;}
.mobile .phytoncide .ingredients_story .btn_area li.phytoncide a{color:#fff;border-color:#83a48a;background-color:#83a48a;background-position:11% bottom;}
.mobile .greenBarley .ingredients_story .btn_area li.greenBarley a{color:#fff;border-color:#81a273;background-color:#81a273;background-position:11% bottom;}
.mobile .pomegranate .ingredients_story .btn_area li.pomegranate a{color:#fff;border-color:#ba0000;background-color:#ba0000;background-position:11% bottom;}
.mobile .cherryBlossom .ingredients_story .btn_area li.cherryBlossom a{color:#fff;border-color:#fa9baf;background-color:#fa9baf;background-position:11% bottom;}
.mobile .lavaSeawater .ingredients_story .btn_area li.lavaSeawater a{color:#fff;border-color:#075fe4;background-color:#075fe4;background-position:11% bottom;}

.mobile .ingredients_introduce{display:table;width:100%;height:400px;padding:0 7.46%;}
.mobile .greenTea .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_greenTea.jpg') no-repeat center center / cover;}
.mobile .bija .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_bija.jpg') no-repeat center center / cover;}
.mobile .greenBarley .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_greenBarley.jpg') no-repeat center center / cover;}
.mobile .marineSeaweed .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_marineSeaweed.jpg') no-repeat center center / cover;}
.mobile .orchid .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_orchid.jpg') no-repeat center center / cover;}
.mobile .phytoncide .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_phytoncide.jpg') no-repeat center center / cover;}
.mobile .pomegranate .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_pomegranate.jpg') no-repeat center center / cover;}
.mobile .soybean .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_soybean.jpg') no-repeat center center / cover;}
.mobile .tangerine .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_tangerine.jpg') no-repeat center center / cover;}
.mobile .volcanic .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_volcanic.jpg') no-repeat center center / cover;}
.mobile .cherryBlossom .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_cherryBlossom.jpg') no-repeat center center / cover;}
.mobile .lavaSeawater .ingredients_introduce{background:url('../images/renewal/ingredients/mobile/ingredients_lavaSeawater.jpg') no-repeat center center / cover;}
.mobile .ingredients_introduce .txt_wrap{display:table-cell;vertical-align:middle;color:#fff; line-height:2; text-align:center}
.mobile .ingredients_introduce h2{text-align:center;font-size:20px;font-weight:500;}
.mobile .ingredients_introduce .tit{margin:18px 0 14px 0;text-align:center;line-height:24px;}
.mobile .ingredients_introduce .stxt{margin-top:10px;text-align:center;font-size:11px;line-height:15px;}

.mobile .ingredients_con{padding:60px 0 70px 0;-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-ms-transition:background 0.3s ease;-o-transition:background 0.3s ease;transition:background 0.3s ease;}
.mobile .ingredients_con .con_type,
.mobile .ingredients_con .list_type,
.mobile .ingredients_con .history_type{padding-top:60px;}
.mobile .ingredients_con .video_type{padding:70px 7.46% 0 7.46%;}
.mobile .ingredients_con .video_type .vod_area .play:before {background:none;}
.mobile .ingredients_con .con_type:first-child{padding-top:0;}
.mobile .ingredients_con .img_wrap{position:relative;max-width:750px;margin:0 auto;}
.mobile .ingredients_con .txt_wrap{margin:0 7.46%; line-height:2}
.mobile .ingredients_con .txt_wrap sup{line-height:1;}
.mobile .ingredients_con .list_type {padding-bottom:20px}
.mobile .ingredients_con .list_type ul {text-align:center;margin-top:30px;}
.mobile .ingredients_con .list_type li {display:inline-block;width:42%;margin:10px 1% 0;vertical-align:top;}
.mobile .ingredients_con h2{font-size:16px;line-height:24px;margin-bottom:15px;}
.mobile .ingredients_con .txt_wrap span{display:block;margin-top:10px;font-size:11px;line-height:15px;color:#767676;}
.mobile .greenTea .ingredients_con h2{color:#12b560;}
.mobile .greenTea .ingredients_con h2.color_tit{color:#9ecca8;}
.mobile .volcanic .ingredients_con h2{color:#402a00;}
.mobile .orchid .ingredients_con h2{color:#43016e;}
.mobile .bija .ingredients_con h2{color:#0aaecc;}
.mobile .marineSeaweed .ingredients_con h2{color:#001b9e;}
.mobile .tangerine .ingredients_con h2{color:#ea9000;}
.mobile .soybean .ingredients_con h2{color:#623d2c;}
.mobile .phytoncide .ingredients_con h2{color:#6a9072;}
.mobile .greenBarley .ingredients_con h2{color:#81a273;}
.mobile .pomegranate .ingredients_con h2{color:#ba0000;}
.mobile .cherryBlossom .ingredients_con h2{color:#fa9baf;}
.mobile .lavaSeawater .ingredients_con h2{color:#075fe4;}
.mobile .volcanic .ingredients_con .txt_wrap span{color:#101010;}

.mobile .ingredients_con .greenTea_img1{position:absolute;left:19%;top:64%;width:62%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); line-height:1.5}
.mobile .ingredients_con .greenTea_img1 p{margin-top:15px;}
.mobile .ingredients_con .greenTea_img1 p:first-child{margin:0;}
.mobile .ingredients_con .greenTea_img2{position:absolute;left:16%;top:65%;width:68%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); line-height:1.5}
.mobile .ingredients_con .greenTea_img2 ul{font-size:0;line-height:0;text-align:center;}
.mobile .ingredients_con .greenTea_img2 li{display:inline-block;width:33.33%;padding-top:55px;font-size:11px;color:#12b560;line-height:14px;vertical-align:top;}
.mobile .ingredients_con .greenTea_img2 li:nth-child(1){background:url('../images/renewal/ingredients/mobile/ingredients_greenTea_icon1.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .greenTea_img2 li:nth-child(2){background:url('../images/renewal/ingredients/mobile/ingredients_greenTea_icon2.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .greenTea_img2 li:nth-child(3){background:url('../images/renewal/ingredients/mobile/ingredients_greenTea_icon3.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .greenTea_img2 span{display:block;font-size:14px;font-weight:500;margin-top:10px;}

.mobile .ingredients_con .volcanic_img1{position:absolute;left:16%;top:63.5%;width:68%;text-align:center;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.mobile .ingredients_con .volcanic_img1 ul{font-size:0;line-height:0;}
.mobile .ingredients_con .volcanic_img1 li{display:inline-block;width:33.33%;margin-top:40px;padding-top:45px;font-size:11px;line-height:15px;color:#402a00;vertical-align:top;}
.mobile .ingredients_con .volcanic_img1 li:nth-child(1){margin-top:0;background:url('../images/renewal/ingredients/mobile/ingredients_volcanic_icon1.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .volcanic_img1 li:nth-child(2){margin-top:0;background:url('../images/renewal/ingredients/mobile/ingredients_volcanic_icon2.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .volcanic_img1 li:nth-child(3){margin-top:0;background:url('../images/renewal/ingredients/mobile/ingredients_volcanic_icon3.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .volcanic_img1 li:nth-child(4){background:url('../images/renewal/ingredients/mobile/ingredients_volcanic_icon4.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .volcanic_img1 li:nth-child(5){background:url('../images/renewal/ingredients/mobile/ingredients_volcanic_icon5.png') no-repeat center top / 35px auto;}
.mobile .ingredients_con .volcanic_img1 li:nth-child(6){background:url('../images/renewal/ingredients/mobile/ingredients_volcanic_icon6.png') no-repeat center top / 35px auto;}

.mobile .bija .bg_type1{background:#eaf7f9;}
.mobile .bija .bg_type2{background:#0091ac;}
.mobile .greenBarley .bg_type1{background:#f6f8f4;}
.mobile .greenBarley .bg_type2{background:#bfd1b7;}
.mobile .greenBarley .bg_type3{background:#97b489;}
.mobile .greenTea .bg_type1{background:#f3f5f5;}
.mobile .greenTea .bg_type2{background:#d6dedd;}
.mobile .greenTea .bg_type3{background:#a7b8b5;}
.mobile .greenTea .bg_type4{background:#7c9490;}
.mobile .greenTea .bg_type5{background:#4f706b;}
.mobile .greenTea .bg_type6{background:#335a53;}
.mobile .greenTea .bg_type7{background:#1d4f46;}
.mobile .greenTea .bg_type8{background:#0b312c;}
.mobile .marineSeaweed .bg_type1{background:#f6f7fa;}
.mobile .marineSeaweed .bg_type2{background:#828bb5;}
.mobile .marineSeaweed .bg_type3{background:#3f4c8e;}
.mobile .marineSeaweed .bg_type4{background:#24337e;}
.mobile .orchid .bg_type1{background:#fbf9fb;}
.mobile .orchid .bg_type2{background:#b1a5b5;}
.mobile .orchid .bg_type3{background:#392545;}
.mobile .orchid .bg_type4{background:#392545;}
.mobile .phytoncide .bg_type1{background:#eef3ef;}
.mobile .phytoncide .bg_type2{background:#9db7a3;}
.mobile .phytoncide .bg_type3{background:#83a48a;}
.mobile .pomegranate .bg_type1{background:#fcf5f5;}
.mobile .pomegranate .bg_type2{background:#f9afaf;}
.mobile .pomegranate .bg_type3{background:#cc4041;}
.mobile .soybean .bg_type1{background:#fafaf9;}
.mobile .soybean .bg_type2{background:#a39690;}
.mobile .soybean .bg_type3{background:#533d32;}
.mobile .tangerine .bg_type1{background:#fef9f1;}
.mobile .tangerine .bg_type2{background:#ffeac9;}
.mobile .tangerine .bg_type3{background:#ffd38c;}
.mobile .tangerine .bg_type4{background:#f0ae45;}
.mobile .volcanic .bg_type1{background:#f7f7f5;}
.mobile .volcanic .bg_type2{background:#bfb095;}
.mobile .volcanic .bg_type3{background:#5f4e30;}
.mobile .volcanic .bg_type4{background:#342811;}
.mobile .cherryBlossom .bg_type1{background:#fef8f9;}
.mobile .cherryBlossom .bg_type2{background:#ffdfe6;}
.mobile .cherryBlossom .bg_type3{background:#faa0b3;}
.mobile .lavaSeawater .bg_type1{background:#ebf3ff;}
.mobile .lavaSeawater .bg_type2{background:#075fe4;}

.mobile .ingredients_con .history_type h2{margin-bottom:45px;}
.mobile .marineSeaweed .ingredients_con .history_type h2{color:#b4beec;}
.mobile .ingredients_con .history_type ul{overflow-x:auto;text-align:center;font-size:0;line-height:0;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.mobile .ingredients_con .history_type li{display:inline-block;margin-left:25px;vertical-align:top;}
.mobile .ingredients_con .history_type li:first-child{margin-left:0;}
.mobile .ingredients_con .history_type li a{display:block;padding-bottom:5px;font-size:13px;line-height:1;color:#ccc;border-bottom:2px solid transparent;}
.mobile .ingredients_con .history_type li a.on{color:#fff;border-color:#fff;}
.mobile .ingredients_con .history_type .img_wrap{margin-top:35px;}
.mobile .ingredients_con .history_type .tab_con{display:none;}
.mobile .ingredients_con .history_type .tab_con:first-child{display:block;}
.mobile .ingredients_con .history_type .img_wrap p{color:#fff;margin:25px 7.46% 0 7.46%; line-height:1.5}
.mobile .ingredients_con .history_type .img_wrap span{display:block;font-size:16px;padding-bottom:10px;}

.mobile .ingredients_kind{padding:60px 0 90px 0;background:#fafafa;}
.mobile .ingredients_kind h2{text-align:center;font-size:16px;line-height:1;}
.mobile .ingredients_kind ul{overflow-x:auto;margin-top:40px;padding:0 7.46%;font-size:0;line-height:0;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.mobile .ingredients_kind li{display:inline-block;width:95px;margin-left:10px;vertical-align:top;}
.mobile .ingredients_kind li:first-child{margin-left:0;}
.mobile .ingredients_kind li a{display:block;position:relative;padding-top:85px;text-align:center;font-size:13px;line-height:23px;}
.mobile .ingredients_kind a:before{content:'';position:absolute;left:50%;top:0;width:80px;height:80px;margin-left:-40px;-webkit-border-radius:50%;border-radius:50%;}
.mobile .ingredients_kind li.greenTea a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind1.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.volcanic a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind2.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.orchid a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind3.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.bija a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind4.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.marineSeaweed a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind5.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.tangerine a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind6.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.soybean a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind7.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.phytoncide a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind8.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.greenBarley a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind9.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.pomegranate a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind10.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.cherryBlossom a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind11.png') no-repeat center top / 100% auto;}
.mobile .ingredients_kind li.lavaSeawater a:before{background:#fff url('../images/renewal/ingredients/mobile/ingredients_kind12.png') no-repeat center top / 100% auto;}
.mobile .greenTea .ingredients_kind li.greenTea a{color:#12b560;}
.mobile .volcanic .ingredients_kind li.volcanic a{color:#402a00;}
.mobile .orchid .ingredients_kind li.orchid a{color:#43016e;}
.mobile .bija .ingredients_kind li.bija a{color:#0aaecc;}
.mobile .marineSeaweed .ingredients_kind li.marineSeaweed a{color:#001b9e;}
.mobile .tangerine .ingredients_kind li.tangerine a{color:#ea9000;}
.mobile .soybean .ingredients_kind li.soybean a{color:#623d2c;}
.mobile .phytoncide .ingredients_kind li.phytoncide a{color:#83a48a;}
.mobile .greenBarley .ingredients_kind li.greenBarley a{color:#81a273;}
.mobile .pomegranate .ingredients_kind li.pomegranate a{color:#ba0000;}
.mobile .cherryBlossom .ingredients_kind li.cherryBlossom a{color:#fa9baf;}
.mobile .lavaSeawater .ingredients_kind li.lavaSeawater a{color:#075fe4;}
.mobile .greenTea .ingredients_kind li.greenTea a:before{background-color:#12b560;background-position:center bottom;}
.mobile .volcanic .ingredients_kind li.volcanic a:before{background-color:#402a00;background-position:center bottom;}
.mobile .orchid .ingredients_kind li.orchid a:before{background-color:#43016e;background-position:center bottom;}
.mobile .bija .ingredients_kind li.bija a:before{background-color:#0aaecc;background-position:center bottom;}
.mobile .marineSeaweed .ingredients_kind li.marineSeaweed a:before{background-color:#001b9e;background-position:center bottom;}
.mobile .tangerine .ingredients_kind li.tangerine a:before{background-color:#ea9000;background-position:center bottom;}
.mobile .soybean .ingredients_kind li.soybean a:before{background-color:#623d2c;background-position:center bottom;}
.mobile .phytoncide .ingredients_kind li.phytoncide a:before{background-color:#83a48a;background-position:center bottom;}
.mobile .greenBarley .ingredients_kind li.greenBarley a:before{background-color:#81a273;background-position:center bottom;}
.mobile .pomegranate .ingredients_kind li.pomegranate a:before{background-color:#ba0000;background-position:center bottom;}
.mobile .cherryBlossom .ingredients_kind li.cherryBlossom a:before{background-color:#fa9baf;background-position:center bottom;}
.mobile .lavaSeawater .ingredients_kind li.lavaSeawater a:before{background-color:#075fe4;background-position:center bottom;}

.mobile .vod_wrap {position:relative;width:100%;padding-top:56.2%;}
.mobile .vod_area {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.mobile .vod_area .cover {display:table;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;text-align:center;font-size:0;color:#fff;background-repeat:no-repeat;background-position:center center;}
.mobile .vod_area .stop {z-index:2;}
.mobile .vod_area .play {z-index:3;}
.mobile .vod_area .play:before {content:'';position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background:rgba(2,65,55,.4);transition-duration:.3s;}
.mobile .vod_area .play .bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:.5s ease-out;}
.mobile .vod_area .play .con {display:table-cell;position:relative;z-index:3;vertical-align:middle;}
.mobile .vod_area .play .txt {font-weight:500;font-size:16px;margin-bottom:8px;}
.mobile .vod_area .play .ico {display:block;position:relative;width:30px;height:30px;margin: auto;}
.mobile .vod_area .play .ico:before {content:'';display:block;position:absolute;left:50%;top:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background:#fff;border-radius:50%;transition:.4s ease-in-out;}
.mobile .vod_area .play .ico:after {content:'';display:block;position:absolute;left:50%;top:50%;width:0;height:0;margin-left:-3px;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgba(2,65,55,.7);}
.mobile .vod_area video {position:absolute;left:-1%;top:50%;width:102%;height:102%;transform:translateY(-50%);}

.mobile img{max-width:100%}
.mobile .pageTitArea {text-align:center;color:#101010;}
.mobile .pageTitArea .title {position:relative;font-weight:500;line-height:35px;}
.mobile .pageTitArea .title:before {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;margin-top:-2px;background:#767676;}
.mobile .pageTitArea .title span {display:inline-block;position:relative;vertical-align:top;background:#fff;}
.mobile .pageTitArea .title em {color:#12b560;}
.mobile .pageTitArea.alignL {text-align:left;}
.mobile .pageTitArea.alignL .title:before {left:auto;right:100%;}
.mobile .pageTitArea.alignL .title span:after {display:none;}
.mobile .sec_bg .pageTitArea .title span {background:#fafafa;}
.mobile .pageTitArea .title span:before,
.mobile .pageTitArea .title span:after {content:'';display:block;position:absolute;top:50%;width:12px;height:100%;margin-top:-19px;font-weight:400;background:url('../images/renewal/ingredients/mobile/bar_pageTitArea.png') no-repeat;}
.mobile .pageTitArea .title span:before {left:-6px;background-position:left center;}
.mobile .pageTitArea .title span:after {right:-5px;background-position:right center;}
.mobile .pageTitle {text-align:center;color:#101010;}
.mobile .pageTitle .title {font-weight:500;font-size:25px;line-height:40px;}
.mobile .pageTitArea .title span {padding:0 30px;}
.mobile .pageTitle .des {font-size:13px;line-height:28px;}
.mobile .pageTitle.type2 .des {font-weight:500;font-size:15px;line-height:30px;}
.mobile .pageTitle.type2 .title {margin-top:23px;font-weight:500;font-size:42px;line-height:1;}
.mobile .secTitle {padding-bottom:7px;border-bottom:1px solid #767676;}
.mobile .secTitle .title {font-size:20px;letter-spacing:0.4px;}

@media all and (max-width:1599px) {
	.mobile .pageTitArea .title {font-size:20px;}
	.mobile  .pageTitArea.alignL .title {margin-left:-30px;}
	.mobile  .pageTitArea.alignL .title span {padding:0 0 0 30px;}
	.mobile  .pageTitle .des {margin-top:6px;}
}
@media all and (min-width:1600px) {
	.mobile  .pageTitArea .title {font-size:20px;}
	.mobile  .pageTitArea.alignL .title {margin-left:-45px;}
	.mobile  .pageTitArea.alignL .title span {padding:0 0 0 45px;}
	.mobile  pageTitle .des {margin-top:10px;}
}

.ingredWrap{color:#222}
.ingredWrap.web{display:block; font-size:14px; padding:30px 0 0 0}
.ingredWrap.mobile{display:none}
.ingredWrap div{box-sizing:border-box}
@media screen and (max-width:1200px) {
	.ingredWrap.web{display:none;}
	.ingredWrap.mobile{display:block}
}

.brandSubTab.ingredients{}
@media screen and (max-width:768px){
	.brandSubTab.ingredients ul{width:1070px}
}

@media screen and (max-width:640px){
	.brandSubTab.ingredients{display:block}
}

@media screen and (max-width:390px){
	.mobile .ingredients_story .btn_area li{width:49%}
	.mobile .ingredients_story .btn_area li.greenBarley a{padding-left:25px; font-size:10px; background:url('../images/renewal/ingredients/mobile/ingredients_story9.png') no-repeat 7% top / 25px auto}
}

/* 띠배너 추가 */
.ingredientBanner{position:relative; height:360px; background-size:cover; background-position:center center; text-align:center;}
.ingredientBanner .position{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; width:100%}
.ingredientBanner .position .tit{font-size:48px; line-height:1.5; margin-bottom:0}
.ingredientBanner .position .link{position:relative; padding:10px 0 0 0}
.ingredientBanner .position .link a{display:inline-block; font-size:15px; position:relative; color:#222}
.ingredientBanner .position .link a:hover:before{content:''; display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#12b560}
.ingredientBanner .position .link a:after{content:url(../images/renewal/find_arrow.svg); display:inline; margin-left:5px}

.greenTea .ingredientBanner{background-image:url(../images/renewal/ingredients/greentea_banner.jpg)}
.greenTea .ingredientBanner .tit{color:#0b312c}
.bija .ingredientBanner{background-image:url(../images/renewal/ingredients/bija_banner.jpg)}
.bija .ingredientBanner .tit{color:#0091ac}
.marineSeaweed .ingredientBanner{background-image:url(../images/renewal/ingredients/seaweed_banner.jpg)}
.marineSeaweed .ingredientBanner .tit{color:#24337e}
.orchid .ingredientBanner{background-image:url(../images/renewal/ingredients/orchid_banner.jpg)}
.orchid .ingredientBanner .tit{color:#392545}
.pomegranate .ingredientBanner{background-image:url(../images/renewal/ingredients/pomegranate_banner.jpg)}
.pomegranate .ingredientBanner .tit{color:#cc4041}
.volcanic .ingredientBanner{background-image:url(../images/renewal/ingredients/volcanic_banner.jpg)}
.volcanic .ingredientBanner .tit{color:#342811}
.soybean .ingredientBanner{background-image:url(../images/renewal/ingredients/soybean_banner.jpg)}
.soybean .ingredientBanner .tit{color:#533d32}
.tangerine .ingredientBanner{background-image:url(../images/renewal/ingredients/tangerine_banner.jpg)}
.tangerine .ingredientBanner .tit{color:#f0ae45}
.greenBarley .ingredientBanner{background-image:url(../images/renewal/ingredients/greenbarley_banner.jpg)}
.greenBarley .ingredientBanner .tit{color:#547b41}
.phytoncide .ingredientBanner{background-image:url(../images/renewal/ingredients/phytoncide_banner.jpg)}
.phytoncide .ingredientBanner .tit{color:#3c6044}

body.language_L018 .greenTea .ingredientBanner{background-image:url(../images/renewal/ingredients/greentea_banner_ca.jpg)}
body.language_L018 .volcanic .ingredientBanner{background-image:url(../images/renewal/ingredients/volcanic_banner_ca.jpg)}
body.language_L018 .orchid .ingredientBanner{background-image:url(../images/renewal/ingredients/orchid_banner_ca.jpg)}
body.language_L018 .bija .ingredientBanner{background-image:url(../images/renewal/ingredients/bija_banner_ca.jpg)}
body.language_L018 .marineSeaweed .ingredientBanner{background-image:url(../images/renewal/ingredients/seaweed_banner_ca.jpg)}
body.language_L018 .tangerine .ingredientBanner{background-image:url(../images/renewal/ingredients/tangerine_banner_ca.jpg)}
body.language_L018 .soybean .ingredientBanner{background-image:url(../images/renewal/ingredients/soybean_banner_ca.jpg)}
body.language_L018 .phytoncide .ingredientBanner{background-image:url(../images/renewal/ingredients/phytoncide_banner_ca.jpg)}
body.language_L018 .greenBarley .ingredientBanner{background-image:url(../images/renewal/ingredients/greenbarley_banner_ca.jpg)}

body.language_L018 .ingredientBanner .tit{color:#fff !important}
body.language_L018 .ingredientBanner .position .link a{color:#fff !important}
body.language_L018 .ingredientBanner .position .link a:after{content:url(../images/renewal/find_arrow_white.svg); display:inline; margin-left:5px}
body.language_L018 .ingredientBanner .position .link a:hover:before{content:''; display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#fff}

body.language_L018 .orchid .ingredientBanner .tit{color:#392545 !important}
body.language_L018 .orchid .ingredientBanner .link a{color:#12b560 !important}
body.language_L018 .orchid .ingredientBanner .position .link a:after{content:url(../images/renewal/find_arrow.svg); display:inline; margin-left:5px}
body.language_L018 .orchid .ingredientBanner .position .link a:hover:before{background:#12b560}

body.language_L018 .greenBarley .ingredientBanner .tit{color:#547b41 !important}
body.language_L018 .greenBarley .ingredientBanner .link a{color:#12b560 !important}
body.language_L018 .greenBarley .ingredientBanner .position .link a:after{content:url(../images/renewal/find_arrow.svg); display:inline; margin-left:5px}
body.language_L018 .greenBarley .ingredientBanner .position .link a:hover:before{background:#12b560}

@media screen and (max-width: 1200px){
	.ingredientBanner{height:150px}
	.ingredientBanner .position .tit{font-size:28px}
	.ingredientBanner .position .link a{font-size:14px}
	
	.greenTea .ingredientBanner{background-image:url(../images/renewal/ingredients/greentea_banner_m.jpg)}
	.bija .ingredientBanner{background-image:url(../images/renewal/ingredients/bija_banner_m.jpg)}
	.marineSeaweed .ingredientBanner{background-image:url(../images/renewal/ingredients/seaweed_banner_m.jpg)}
	.orchid .ingredientBanner{background-image:url(../images/renewal/ingredients/orchid_banner_m.jpg)}
	.pomegranate .ingredientBanner{background-image:url(../images/renewal/ingredients/pomegranate_banner_m.jpg)}
	.volcanic .ingredientBanner{background-image:url(../images/renewal/ingredients/volcanic_banner_m.jpg)}
	.soybean .ingredientBanner{background-image:url(../images/renewal/ingredients/soybean_banner_m.jpg)}
	.tangerine .ingredientBanner{background-image:url(../images/renewal/ingredients/tangerine_banner_m.jpg)}
	.greenBarley .ingredientBanner{background-image:url(../images/renewal/ingredients/greenbarley_banner_m.jpg)}
	.phytoncide .ingredientBanner{background-image:url(../images/renewal/ingredients/phytoncide_banner_m.jpg)}
}

/* 벚꽃, 라바 임시 숨김 */
.web .jejumap_top{display:none}
.web .ingredients_kind li.cherryBlossom{display:none}
.web .ingredients_kind li.lavaSeawater{display:none}
.web .ingredients_kind ul{width:770px}

.mobile .ingredients_story .btn_area li.cherryBlossom{display:none}
.mobile .ingredients_story .btn_area li.lavaSeawater{display:none}
.mobile .ingredients_kind li.cherryBlossom{display:none}
.mobile .ingredients_kind li.lavaSeawater{display:none}


/* 
====================================== 
리뉴얼 2023-02-20 
======================================
*/
.greenTea .ingredientBanner .tit {color:#12b560}
.ingredientBanner .position .link a:after {display: inline-block; width:15px}
.web .ingredients_introduce h2{color: #fff;}
/* .ingredientBanner .position .link a{display:inline-block; font-size:15px; position:relative; color:#222} */

.web .greenTea .bg_type1{background:#f3f5f5;}
.web .greenTea .bg_type2{background:rgba(61,184,118,0.2);}
.web .greenTea .bg_type3{background:rgba(61,184,118,0.3);}
.web .greenTea .bg_type4{background:rgba(61,184,118,0.4);}
.web .greenTea .bg_type5{background:rgba(61,184,118,0.8);}
.web .greenTea .bg_type6{background:rgba(61,184,118,0.9);}
.web .greenTea .bg_type7{background:#12b560;}

.mobile .greenTea .bg_type1{background:#f3f5f5;}
.mobile .greenTea .bg_type2{background:rgba(61,184,118,0.2);}
.mobile .greenTea .bg_type3{background:rgba(61,184,118,0.3);}
.mobile .greenTea .bg_type4{background:rgba(61,184,118,0.4);}
.mobile .greenTea .bg_type5{background:rgba(61,184,118,0.7);}
.mobile .greenTea .bg_type6{background:rgba(61,184,118,0.8);}
.mobile .greenTea .bg_type7{background:rgba(61,184,118,0.9);}
.mobile .greenTea .bg_type8{background:#12b560;}

.web .greenTea .ingredients_con h2.color_tit {color: #005d2c;}
.mobile .greenTea .ingredients_con h2.color_tit {color: #005d2c;}
.web .ingredients_con .history_type .txt_wrap a {color: #005d2c;}
.mobile .ingredients_con .history_type li a {color: #005d2c;}

.web .ingredients_visual .down {bottom: 50px;}