.yolo-page img{vertical-align:middle;max-width:100%}.mask_play{position:relative;overflow:hidden;cursor:pointer}.mask_play::before{content:'';position:absolute;z-index:5;width:100%;height:100%;background:rgba(0,0,0,0.6)}.mask_play::after{content:'';position:absolute;z-index:10;top:50%;left:50%;transition:transform .2s ease-in;transform:translate(-50%, -50%);width:62px;height:62px;background:url(../images/ic_play_b.png) center/cover no-repeat}.mask_play:hover::after{transform:translate(-50%, -50%) scale(1.2)}img.section_bg{opacity:0;transition:opacity 400ms}img.section_bg.lazyloaded{opacity:1}.section_banner img{width:100%;max-width:100%}.show_mobile{display:none}.tc{text-align:center}.section_container{position:relative;height:46.875vw}.section_container .section_bg{width:100%;height:100%;object-fit:cover}.section_container .section_detail{position:absolute;max-width:1200px;width:100%;left:50%;transform:translateX(-50%)}.section_container .section_detail h2{font-family:"Manrope-ExtraBold";font-weight:normal;font-size:2.1875vw;color:#fff;margin:0 auto}.section_container .section_detail h3{color:#393939;font-size:1.97917vw;font-family:"Manrope-Light";font-weight:normal}.section_container .section_detail p{font-family:"Manrope-Regular";font-weight:normal;font-size:1.04167vw;color:#fff;margin-top:1.5625vw}.tpd_list{display:flex;max-width:42.70833vw;margin:1.5625vw auto}.tpd_list .tpd_item{position:relative;padding:0 1.5625vw}.tpd_list .tpd_item:nth-of-type(1)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:95%;border-right:1px dashed #b4b4b4}.tpd_list .tpd_item .number{position:absolute;z-index:-1;font-family:"Manrope-ExtraBold";font-weight:normal;font-size:8.85417vw;font-style:italic;left:50%;top:50%;transform:translate(-50%, -50%);color:#f3f3f3}.tpd_list .tpd_item .content{z-index:2;color:#393939;text-align:center}.tpd_list .tpd_item .content span{font-family:"Manrope-Bold";font-weight:normal;font-size:1.30208vw}.tpd_list .tpd_item .content p{font-family:"Manrope-Regular";font-weight:normal;font-size:1.04167vw;margin:0;max-width:unset !important}.flavor{margin:4.16667vw auto 0;height:auto}.flavor .section_detail{position:relative}.flavor .section_detail h2,.flavor .section_detail p{color:#393939}.flavor .section_detail p{max-width:34.89583vw;margin:1.5625vw auto 0}.flavor .flavor_wrapper{position:relative;overflow-x:auto;overflow-y:hidden;width:100%}.flavor .flavor_wrapper::-webkit-scrollbar{width:5px;height:5px}.flavor .flavor_wrapper::-webkit-scrollbar-thumb{border-radius:0;background:#ff0030}.flavor .flavor_wrapper::-webkit-scrollbar-track{border-radius:0;background:rgba(22,20,26,0.8)}.flavor .flavor-list{display:flex;justify-content:center;width:100%;margin:3.64583vw auto 0}.flavor .flavor-list li{width:calc(100% / 10);height:35.20833vw;min-height:676px;position:relative;margin-top:-1px;overflow:hidden;transition:width .5s}.flavor .flavor-list li h3{color:#fff;font-size:1.5625vw;position:absolute;z-index:3;text-align:center;width:100%;top:25%}.flavor .flavor-list li img{width:auto;max-width:none}.flavor .flavor-list .flavor-img{position:absolute;top:0;left:0;z-index:2}.section_one{overflow:hidden}.section_one .section_detail{z-index:2;top:50%;transform:translate(-50%, -50%)}.section_one .section_detail p{max-width:19.79167vw}.section_one .section_detail .mask_play{width:20vw;border-radius:15px;transform:translate(0, 20%)}.section_one .section_detail .mask_play img{border-radius:15px}.section_one .img-box{position:absolute;right:0;top:0}.section_one .img-box img{max-width:unset;width:45.5vw}.section_two .section_detail{text-align:center;bottom:15%}.section_two .section_detail h2{max-width:45.3125vw}.section_two .section_detail p{max-width:34.89583vw;margin:.78125vw auto 0}.section_three{position:relative;background-color:#000000;overflow:hidden;height:100vh}.section_three .section_detail{top:50%;transform:translate(-50%, -50%)}.section_three .section_detail p{max-width:21.875vw}.section_three .img-box{max-width:1000px;position:absolute;right:7%;top:50%;transform:translateY(-50%)}.section_three .mask-img{position:absolute}.section_flour{text-align:center}.section_flour .section_detail{height:100%}.section_flour .section_detail h2{top:10%;position:relative}.section_flour .section_detail p{position:absolute;bottom:10%;max-width:33.33333vw;width:100%;left:0;right:0;margin:0 auto}.section_five .section_detail{top:5%;height:90%}.section_five .specification-list{margin-top:1.30208vw;display:flex}.section_five .specification-list img{width:3.125vw}.section_five .specification-list li{text-align:center;margin-right:1.30208vw}.section_five .specification-list li p{margin-top:.52083vw;font-size:.83333vw}.section_five #specification_swiper .swiper-slide{padding-left:1.5625vw}.section_five #specification_swiper .swiper-button-next:after,.section_five #specification_swiper .swiper-button-prev:after{font-size:1.5625vw;color:#ffffff}.section_six{height:41.66667vw;text-align:center;position:relative}.section_six .section_bg{position:absolute;top:0;left:0}.section_six #packing{max-width:50%}.section_six #packing .swiper-button-next,.section_six #packing .swiper-button-prev{color:#ffffff}.section_six #packing .swiper-button-next:after,.section_six #packing .swiper-button-prev:after{font-size:1.5625vw}.section_six .section_detail{height:100%}.section_six .section_detail h2{position:relative;top:10%}.section_six .section_detail .img-box{position:relative;top:8.33333vw;width:44.16667vw}.poster_section{height:max-content}.poster_list{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.poster_list .swiper-slide{width:24.5%;height:auto;margin-bottom:0.75%}.poster_list .swiper-slide img{width:100%}.poster_list .swiper-slide:nth-of-type(n+5){margin-bottom:0}@media screen and (min-width: 993px){.flavor .flavor-list li:hover{width:15vw}.flavor .flavor-list li:hover .flavor-img{left:0}}@media screen and (max-width: 992px){.show_pc{display:none}.show_mobile{display:block}.section_container{height:144vw}.flavor{height:auto}.section_container .section_detail h2{font-size:5.06667vw}.section_container .section_detail p{font-size:2.4vw}.flavor .section_detail p{max-width:60%}.flavor .flavor-list{width:calc(40vw * 10);justify-content:flex-start;margin:6.66667vw 0 auto}.flavor .flavor-list li{width:40vw;height:90.13333vw;min-height:auto}.flavor .flavor-list li h3{font-size:3.2vw}.section_one.section_container{height:auto;min-height:167.2vw;background:#1b1b1b}.section_one .img-box{max-width:100%;right:50%;transform:translateX(57%);width:100%}.section_one .img-box img{max-width:unset;width:100%}.section_one .section_detail{top:unset;bottom:7%;transform:translate(-50%, 0)}.section_one .section_detail{text-align:center}.section_one .section_detail p{max-width:90%;margin:4vw auto 0}.section_one .section_detail .mask_play{width:64vw;margin-left:auto;margin-right:auto}.section_two.section_container{height:120vw}.section_two .section_detail{text-align:left;max-width:80%}.section_two .section_detail p{margin:4vw 0 0 0;max-width:46.66667vw;text-align:left}.section_two .section_detail h2{margin:0;max-width:90%}.section_three.section_container{height:100vh}.section_three .img-box{float:unset;max-width:100%;transform:translate(50%, -25%);right:50%}.section_three .section_detail{text-align:center;top:13%;transform:translate(-50%, 0%);z-index:10}.section_three .section_detail p{max-width:62%;margin:4vw auto}.section_flour.section_container{height:120vw}.section_flour .section_detail p{max-width:60%;bottom:8%}.section_five{text-align:center}.section_five .specification-list{justify-content:center;margin-top:4vw}.section_five .specification-list li{margin:0 2.66667vw}.section_five .specification-list li img{max-width:100%;width:100%}.section_five .specification-list li p{font-size:2.4vw;margin-top:2vw}.section_six #packing{max-width:100%}.section_six.section_container{height:80vw}.section_six .section_detail .img-box{max-width:unset;width:70%;transform:translateY(30%)}.section_five #specification_swiper .swiper-button-next::after,.section_five #specification_swiper .swiper-button-prev::after,.section_six #packing .swiper-button-next:after,.section_six #packing .swiper-button-prev:after{font-size:4vw}.section_container .section_detail h3{font-size:4vw}.tpd_list{max-width:100%;margin:4vw 0 0 0}.tpd_list .tpd_item .number{font-size:18.66667vw}.tpd_list .tpd_item .content span{font-size:2.66667vw}.tpd_list .tpd_item .content p{font-size:2.26667vw}}@media screen and (max-width: 600px){.mask_play::after{width:48px;height:48px}.section_container .section_detail h2{font-size:25px}.section_container .section_detail>p{font-size:14px;max-width:90%}.flavor .flavor-list li h3{font-size:18px}.flavor .flavor-list{margin-bottom:0}.section_one.section_container{min-height:184vw}.section_one .img-box{width:90%}.section_one .section_detail{bottom:10%;z-index:2}.section_one .section_detail .mask_play{width:74.66667vw}.section_two .section_detail{max-width:85%}.section_three .img-box{max-width:120%;position:relative;left:50%;transform:translate(-48%, -20%)}.section_three .img-box.mask-img{position:absolute}.section_flour .section_detail h2{top:5%}.section_five .specification-list{flex-wrap:wrap}.section_five .specification-list li{margin:0;width:18%}.section_five .specification-list li img{max-width:45px}.section_five #specification_swiper .swiper-button-next::after,.section_five #specification_swiper .swiper-button-prev::after,.section_six #packing .swiper-button-next:after,.section_six #packing .swiper-button-prev:after{font-size:25px}.section_container .section_detail h3{font-size:22px}.tpd_list{margin:15px 0 0 0}.tpd_list .tpd_item .number{font-size:125px}.tpd_list .tpd_item .content span{font-size:15px}.tpd_list .tpd_item .content p{font-size:12px}.poster_section{height:auto}.poster_list{justify-content:unset;flex-wrap:unset;align-items:unset;height:auto}.poster_list .swiper-slide{margin-bottom:0}.poster_section.swiper-container .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:15px}}