@charset "utf-8";
html,
body{overflow-x:hidden;}
.wrap{margin:0 auto;height:100%;font-family:'NanumSquare', sans-serif;color:#fff;overflow:hidden;}
.hide{width:1px;height:1px;font-size:0;line-height:0;position:absolute;visibility:hidden;}
.clearfix:after{content:'';display:block;clear:both;}
.center{position:absolute;right:0;left:0;margin-right:auto;margin-left:auto;}
::-moz-selection{background-color:#00ff4e;color:#000;}
::selection{background-color:#00ff4e;color:#000;}
.lg_br_br{display:none;}
.lg_br{display:block;}
/* common */
.wrapper{background-color:#000;}
.sub01{text-align:center;color:#fff;font-size:30px;margin-bottom:40px;}
.sub02{text-align:center;color:#fff;font-size:40px;margin-bottom:100px;}
.gr{color:#10783e;}
.bk{color:#000;}
.wh{color:#fff;}
.container-fluid{padding:150px 0;}
.under_wrap{position:relative;}
.under{position:absolute;width:100%;left:-15px;bottom:-5px;}
.section_title{margin-bottom:100px;text-align:center;font-size:60px;font-family:'Do Hyeon', sans-serif;opacity:0;}
.sec08 .section_title{opacity:1;}
.sec02_active .section_title,
.sec03_active .section_title,
.sec04_active .section_title,
.sec05_active .section_title,
.sec06_active .section_title,
.sec07_active .section_title,
.sec09_active .section_title{opacity:1;-webkit-animation:scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
/* header */
.header{overflow:hidden;position:fixed;top:0;width:100%;padding:10px 15px;background-color:#000;z-index:1003;}
.header h1{margin:0;float:left;font-size:20px;}
.header img{height:20px;}
.header ul{float:right;margin-bottom:0;}
.header ul li{float:left;margin-left:20px;}
.header ul li a i{color:#fff;font-size:20px;}
/* sec01 */
.sec01{background:url('../img/sec01_bg.jpg') no-repeat;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100vh;z-index:2;pointer-events:none;}
.sec01 .title{text-align:center;padding:50px 0;}
.sec01 .sub02{font-family:'Do Hyeon', sans-serif;}
.mouse{margin:0 auto;box-shadow:inset 0 0 0 2px rgba(255, 255, 255, 0.5);border-radius:100px;position:relative;height:43px;width:27px;}
/* svg animation */
.mask{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:25px;stroke-dasharray:10646;animation:logo-ani 5s linear;}
/* intro */
.intro{position:relative;width:100%;height:100vh;margin:0 auto;}
.text-content{position:absolute;left:0;right:0;top:0;bottom:0;margin-top:auto;margin-left:auto;margin-right:auto;display:flex;width:1000px;justify-content:center;align-items:center;}
.maske-text1,
.maske-text2,
.maske-text3{margin:0 10px;color:white;overflow:hidden;height:70px;display:flex;justify-content:center;align-items:center;}
.maske-text1 p,
.maske-text2 p,
.maske-text3 p{font-size:50px;letter-spacing:0.3px;-webkit-animation-name:text-show;-webkit-animation-duration:2.5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-name:text-show;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-fill-mode:both;position:relative;}
@keyframes text-show{0%{top:150%;}
10%{top:0;transform:rotate(0deg);}
90%{top:0;transform:rotate(0deg);}
100%{top:150%;}}
.maske-text1 p{animation-delay:0.2s;}
.maske-text2 p{animation-delay:0.4s;}
.maske-text3 p{animation-delay:0.6s;}
.preloader{width:100%;height:100%;position:absolute;display:flex;left:0;top:0;z-index:1001;}
.mask-panel{width:20%;background-color:#10783e;height:100vh;-webkit-animation-name:PreLoader;-webkit-animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-name:PreLoader;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;}
@keyframes PreLoader{0%{transform:translateY(0px);height:100vh;}
100%{transform:translateY(100vh);height:0vh;}}
.preloader .mask-panel:nth-child(1){animation-delay:2.8s;}
.preloader .mask-panel:nth-child(2){animation-delay:2.9s;}
.preloader .mask-panel:nth-child(3){animation-delay:3.0s;}
.preloader .mask-panel:nth-child(4){animation-delay:3.1s;}
.preloader .mask-panel:nth-child(5){animation-delay:3.2s;}
/* sec02 */
.sec02{background-color:#d1dad5;padding-bottom:0;position:relative;z-index:1002;}
.words .col-md-3{height:600px;}
.words .col-md-3 img{bottom:0;position:absolute;}
.words .col-md-3 span{display:inline-block;position:absolute;font-size:35px;font-family:'Nanum Pen Script', cursive;background-repeat:no-repeat;background-size:contain;text-align:center;display:inline-block;padding-top:20px;}
/* sec02 active */
.words .person1{top:130px;}
.words .person2{top:70px;left:-30px;}
.words .person3{top:150px;}
.words .person4{top:60px;}
.words .person{opacity:0;transition:all 0.1s;}
.words .person.active{opacity:1;transition:all 1s;-webkit-animation:scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.words .person01{width:292px;}
.words .person02{width:230px;}
.words .person03{width:292px;}
.words .person04{width:283px;}
.words .person .words01{width:311px;}
.words .person .words02{width:456px;}
.words .person .words03{width:375px;}
.words .person .words04{width:226px;}

/* sec03 */
.sec03{background-color:#10783e;}
.sec03 .sec03_chart{padding:30px 0;position:relative;}
.sec03 .chart_tit{text-align:center;font-family:'Do Hyeon', sans-serif;width:100%;position:absolute;top:42%;color:#fff;font-size:34px;}
.sec03 .chart_tit p{text-align:center;}
.sec03 .chart_line{position:absolute;z-index:2;width:270px;height:2px;border-top:2px solid #fff;top:50px;padding-top:10px;color:#fff;font-size:18px;}
.sec03 .chart_line1{width:180px;top:450px;}
.sec03 .first_bottle{position:relative;text-align:right;}
.sec03 .first_bottle img{height:400px;position:absolute;top:50px;right:-150px;}
.sec03 .first_bottle .chart_line{right:-430px;text-align:left;}
.sec03 .first_bottle .chart_line1{right:-380px;text-align:left;}
.sec03 .cham_bottle_wrap{position:relative;}
.sec03 .cham_bottle_wrap img{height:400px;position:relative;top:50px;}
.sec03 .cham_bottle_wrap .chart_line{left:-430px;text-align:right;}
.sec03 .cham_bottle{left:-150px;z-index:3;}
.sec03 .jinro_bottle{left:-200px;z-index:2;}
/* sec03 active */
.sec03_active .pg{-webkit-animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sec03_active .pg01{animation-delay:0.8s;}
.sec03_active .pg02{animation-delay:1.0s;}
.sec03_active .pg03{animation-delay:1.2s;}
.sec03_active .sec03_ani{opacity:1;transition:all 1s;-webkit-animation:scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sec03_active .ani01{animation-delay:1.8s;}
.sec03_active .ani02{animation-delay:2.0s;}
.sec03_active .ani03{animation-delay:2.2s;}
.sec03_active .ani04{animation-delay:2.4s;}
.sec03_active .ani05{animation-delay:2.6s;}
.sec03_active .ani06{animation-delay:2.8s;}
.sec03_active .ani07{animation-delay:3.0s;}
/* sec04 */
.sec04{background-color:#d1dad5;padding-bottom:0;}
.sec04_active .pg{-webkit-animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sec04_active .pg01{animation-delay:0.8s;}
.sec04_active .pg02{animation-delay:1.0s;}
.sec04_active .sec04_ani{-webkit-animation:1s swing-in-top-bck 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation:1s swing-in-top-bck 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}
.sec04_active .ani01{animation-delay:1.8s;}
.sec04_active .ani02{animation-delay:2s;}
.sec04_active .ani03{animation-delay:2.2s;}
.sec04_04{background-color:#10783e;height:250px;margin-top:-200px;}
/* sec05 */
.sec05{height:100%;background-color:#10783e;}
.graph_wrap{position:relative;height:700px;}
.chart02{padding:30px;background:rgba(255, 255, 255, .15);}
/* sec06 */
.sec06{background-color:#80c269;}
.sec06 .font06{font-size:36px;}
.sec06 .font04{font-size:20px;}
.sec06 .hite{text-align:right;}
.sec06 .hite .ani01,
.sec06 .lotte .ani03{height:490px;}
.sec06 .hite .ani02,
.sec06 .lotte .ani04{height:650px;}
.sec06 .hite img,
.sec06 .lotte img{vertical-align:bottom;}
.hite_desc{display:inline-block;color:#10783e;margin-right:20px;}
.lotte_desc{display:inline-block;color:#10783e;margin-left:20px;}
.sec06_active .vs{padding-top:200px;font-size:180px;text-align:center;color:#10783e;font-family:'Do Hyeon', sans-serif;font-style:italic;}
.sec06_active .ani01{animation-delay:0.6s;}
.sec06_active .ani02{animation-delay:0.8s;}
.sec06_active .ani03{animation-delay:1.0s;}
.sec06_active .ani04{animation-delay:1.2s;}
.sec06_active .ani05{animation-delay:1.4s;}
.sec06_active .ani06{animation-delay:1.6s;}
.sec06_active .ani07{animation-delay:1.8s;}
.sec06_active .sec06_sub_title{animation-delay:2.2s;-webkit-animation:bounce-in-top 1.1s both;animation:bounce-in-top 1.1s both;}
/* sec07 */
.sec07{background-color:#10783e;}
.sec07 .timeline_wrap,
.sec07 .timeline_wrap .timeline{width:2700px;overflow:hidden;}
.sec07 .timeline_wrap2,
.sec07 .timeline_wrap2 .timeline{width:6400px;overflow:hidden;}
.sec07 .timeline_wrap3,
.sec07 .timeline_wrap3 .timeline{width:2823px;overflow:hidden;}
.sec07 .timeline_title{font-size:30px;color:#fff;padding:0 100px;}
.sec07 .timeline_title span{border-top:2px solid #fff;}
.sec07 .timeline{padding-top:100px;font-size:30px;background-color:#10783e;overflow:hidden;}
.sec07 .timeline ul li{float:left;margin:0 30px;}
.sec07 .star{font-size:20px;color:#fff;text-align:left;}
.progress_line{width:100%;margin:0 auto;position:absolute;}
.divition{width:100%;height:10px;background:#10783e;}
.gauge,
.gauge2,
.gauge3{width:10%;height:2px;background:#fff;}
.sec07_active .pg{-webkit-animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sec07_active .pg01{animation-delay:0.6s;}
.sec07_active .pg02{animation-delay:0.8s;}
.sec07_active .pg03{animation-delay:1.0s;}
.sec07_active .pg04{animation-delay:1.2s;}
.sec07_active .pg05{animation-delay:1.4s;}
.sec07_active .pg06{animation-delay:1.6s;}
/* 모바일 */
.m_ver_swiper{border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);}
.sec07 .swiper-wrapper{padding-top:40px;}
.sec07 .swiper-wrapper .timeline_title{position:relative;font-size:20px;color:#fff;padding:0 0 0 20px;height:150px;}
.sec07 .swiper-wrapper .star{font-size:14px;}
.x-hand{color:#fff;font-size:20px;height:50px;left:calc(50% - 10px);opacity:1;position:absolute;bottom:-20px;transform-origin:bottom;width:50px;}
.x-hand-arrow{bottom:0;}
.x-swipe-indicator{position:absolute;bottom:0;width:40px;height:40px;animation:swipe-animation 2s linear infinite;}
@keyframes swipe-animation{
0%{left:10px;}
50%{left:50px;}
100%{left:10px;}
}
.swiper-container{display:none;}
/* sec08 */
.sec08{background-color:#009ada;padding-bottom:200px;}
.sec08 .youtube{position:relative;height:0;padding-bottom:56.25%;z-index:10;}
.sec08 .youtube iframe{position:absolute;width:100%;height:100%;top:0;left:0;}
.sec08 .center_wrap{height:300px;}
.sec08 .center img{width:100%;}
.sec08_active .pg{-webkit-animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sec08_active .pg01{animation-delay:0.2s;}
.sec08_active .pg02{animation-delay:0.4s;}
.sec08_active .pg03{animation-delay:0.6s;}
.sec08_active .pg04{animation-delay:0.8s;}
.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;position:relative;top:-5px;}
.content{height:600px;margin:auto;width:100%;max-width:1050px;display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;align-items:center;position:relative;}
@media screen and (max-width:1200px){.content{max-width:920px;}}
@media screen and (max-width:992px){.content{max-width:920px;margin-top:100px;height:auto;min-height:100vh;}}
@media screen and (max-width:767px){.content{margin-top:20px;}}
@media screen and (max-width:576px){.content{margin-top:20px;margin-bottom:20px;}}
.bg-shape{height:100%;background-color:#0049a2;box-shadow:0px 30px 139px 0px rgba(10, 22, 31, 0.26);border-radius:30px;padding:45px 40px;width:50%;position:absolute;top:0;left:0;display:flex;align-items:center;}
@media screen and (max-width:1200px){.bg-shape{width:45%;}}
@media screen and (max-width:992px){.bg-shape{width:90%;height:290px;align-items:flex-start;padding:50px;left:50%;transform:translateX(-50%);}}
@media screen and (max-width:767px){.bg-shape{padding:30px;width:95%;border-radius:20px;}}
@media screen and (max-width:576px){.bg-shape{height:200px;padding:30px;}}
.next,
.prev{z-index:22;display:inline-flex;border:none;width:61px;height:61px;border-radius:50%;justify-content:center;align-items:center;font-size:25px;position:absolute;top:50%;outline:none;cursor:pointer;}
.next.disabled,
.prev.disabled{cursor:not-allowed;}
.next:focus,
.prev:focus{outline:none;}
@media screen and (max-width:992px){
.next,
.prev{top:170px;}}
.prev{left:-30%;transform:translate(-100%, -50%);}
@media screen and (max-width:1200px){.prev{left:-21%;}}
@media screen and (max-width:992px){.prev{left:0;transform:translate(-50%, -50%);}}
@media screen and (max-width:576px){.prev{transform:translate(20%, -50%);}}
.next{right:0;transform:translate(50%, -50%);}
@media screen and (max-width:576px){.next{transform:translate(-20%, -50%);}}
.product-slider{width:75%;height:85%;border-radius:30px;box-shadow:0 28px 79px 0 rgba(10, 22, 31, 0.35);position:absolute;top:50%;right:0;transform:translateY(-50%);}
@media screen and (max-width:1200px){.product-slider{width:80%;}}
@media screen and (max-width:992px){.product-slider{width:80%;left:50%;transform:translateX(-50%);height:auto;position:relative;top:0;margin-top:170px;margin-bottom:100px;}
.product-slider br{display:none;}}
@media screen and (max-width:767px){.product-slider{border-radius:20px;}}
@media screen and (max-width:576px){.product-slider{width:85%;margin-top:-150px;}}
.product_slider_wrap{height:100%;}
.product_slider_item{position:relative;height:100%;width:100%;}
@media screen and (max-width:992px){.product_slider_item{height:auto;}}
.product_slider_item.swiper-slide-active .product_slider_content>*{opacity:1;transform:none;}
.product_slider_card{height:100%;display:flex;align-items:center;width:100%;transition:all .5s;overflow:hidden;position:relative;border-radius:30px;}
@media screen and (max-width:992px){.product_slider_card{align-items:flex-start;}}
@media screen and (max-width:767px){.product_slider_card{border-radius:20px;}}
.product_slider_cover{border-radius:30px;position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;background-color:#fff;}
@media screen and (max-width:767px){.product_slider_cover{border-radius:20px;}}
.product_slider_content{color:#0049a2;padding-top:1px;position:relative;z-index:2;width:100%;padding-left:250px;padding-right:80px;}
@media screen and (max-width:1200px){.product_slider_content{padding-left:220px;}}
@media screen and (max-width:992px){.product_slider_content{padding:20px 60px 100px;padding-top:280px;text-align:center;}}
@media screen and (max-width:767px){.product_slider_content{padding:20px 30px 50px;padding-top:300px;}}
@media screen and (max-width:576px){.product_slider_content{padding-top:220px;padding-left:15px;padding-right:15px;}}
.product_slider_title{margin:0;margin-bottom:10px;font-weight:900;font-size:41px;line-height:1.2em;letter-spacing:2px;opacity:0;transform:translateY(55px);transition:all .5s;text-align:right;}
@media screen and (max-width:1200px){.product_slider_title{font-size:34px;}}
@media screen and (max-width:576px){.product_slider_title{font-size:24px;}}
.product-img{position:absolute;top:50%;z-index:21;width:500px;right:25%;transform:translateX(-45%);max-height:500px;height:600px;pointer-events:none;}
@media screen and (max-width:1200px){.product-img{width:330px;right:20%;}}
@media screen and (max-width:992px){.product-img{width:430px;right:50%;transform:translateX(-50%);top:0;height:350px;}}
@media screen and (max-width:767px){.product-img{width:100%;max-width:400px;top:30px;height:390px;}}
@media screen and (max-width:576px){.product-img{max-width:300px;height:300px;top:30px;}}
.product_img_item{display:flex;display:-ms-flexbox;display:-webkit-flex;-ms-flex-pack:center;position:absolute;pointer-events:none;user-select:none;right:0;transform:translateY(-50%) translateX(-130px);opacity:0;transition:all .3s;}
.product_img_item.active{opacity:1;transform:translateY(-50%) translateX(0);transition-delay:.3s;}
.product_img_item img{object-fit:contain;object-position:center center;}
/* sec09 */
.sec09{background-color:#10783e;}
.blank{padding-top:60px;position:relative;}
.soju ul li{float:left;margin-right:10px;}
.soju img{height:250px;}
.choicebox{display:inline-block;width:230px;height:80px;position:absolute;bottom:0;left:10px;text-align:center;color:#fff;font-size:40px;line-height:2;}
.choice_soju{visibility:hidden;}
.sec09 .font04{font-size:24px;color:#fff;}
.sec09 .scale-in-right{width:80%;float:right;}
.sec09_active .scale-in-right{-webkit-animation:scale-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
/* sec10 */
.sec10{background-color:#313131;color:rgba(255, 255, 255, .5);padding:20px 0 30px;font-size:12px;}
.sec10 .copy{text-align:right;}
.sec10 .contact a{color:rgba(255, 255, 255, .5);}
/* up */
.up{position:fixed;right:20px;bottom:50px;cursor:pointer;z-index:1100;}
.down{position:fixed;right:20px;bottom:20px;cursor:pointer;z-index:1100;}
.up a,
.down a{color:#fff;font-size:20px;}