:root{--font-pri:'SF Pro Display';--font-sec:'UTM Impact';--font-third:'Inter';--font-four:'SignPainter';--w-logo:21rem;--size-hd:18rem;--ss-pd:10rem;--it-pd:1.6rem;--ctn:123rem;--duration-zoom:7000ms;--color-pri:#9AB71B;--color-second:#F6BB00;--color-third:#354E2A;--color-text:#000000;--blue-bold:#091E42;--white:#ffffff;--black:#000000;--black-2:#111;--black-3:#1E293B;--black-4:#1E1E1E;--gray-1:#D0D5DD;--gray-2:#8C8C8C;--gray-3:#667085;--yel:#F6BB00;--red:#E80505;--res-mobile:1199px;--res-mobile-min:1200px;--res-tablet:1024px;--res-tablet-min:767px;--mobile:575px;--radius:0.6rem;--cubic:cubic-bezier(0.72, 0.04, 0.49, 0.82)}@media (max-width:1199px){:root{--w-logo:8rem;--size-hd:8rem;--ss-pd:4rem;--it-pd:0.8rem}}@media (max-width:575px){:root{--it-pd:.4rem}}.food-info-sec .food-img .img{display:block;padding-top:calc((488 / 488) * 100%);position:relative;overflow:hidden;border-radius:2.4rem}@media screen and (max-width:1199px){.food-info-sec .food-img .img{border-radius:1.2rem}}.food-info-sec .food-img .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.food-info-sec .food-content .food-content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:1.6rem;height:100%}.food-info-sec .food-content .title-sec{font-family:var(--font-pri);font-weight:600;text-transform:uppercase}.food-info-sec .share-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.2rem}.table-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:2.4rem}@media screen and (max-width:1199px){.table-info{row-gap:1.6rem}}.table-info .table-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem}@media screen and (max-width:575px){.table-info .table-info-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.6rem}}.table-info .label{color:#98a2b3;font-size:1.4rem;font-weight:600;text-transform:uppercase;line-height:1.1}.table-info .txt{max-width:50%;color:var(--black-2);font-size:1.8rem;display:block;line-height:1.1;text-align:right}@media screen and (max-width:575px){.table-info .txt{max-width:100%;text-align:left}}.recipe-sec{background:#eff1e2;padding:6rem 0;margin-bottom:var(--ss-pd)}@media screen and (max-width:1199px){.recipe-sec{padding:4rem 0}}.recipe-sec .recipe-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recipe-sec .col-lf{width:calc(6/12*100%)}@media screen and (max-width:767px){.recipe-sec .col-lf{width:100%}}.recipe-sec .col-lf .recipe-list{--gap:2rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--gap);-ms-flex-wrap:wrap;flex-wrap:wrap}.recipe-sec .col-lf .recipe-item{width:calc(50% - var(--gap));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:1rem}.recipe-sec .col-lf .recipe-item .img{background:#f9fafb;border-radius:2.4rem;padding:2rem}@media screen and (max-width:1199px){.recipe-sec .col-lf .recipe-item .img{border-radius:1.2rem}}.recipe-sec .col-lf .recipe-item .img-in{display:block;padding-top:calc((370 / 275) * 100%);position:relative;overflow:hidden}@media (hover:hover){.recipe-sec .col-lf .recipe-item .img-in:hover>img{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}}.recipe-sec .col-lf .recipe-item .img-in>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}.recipe-sec .col-lf .recipe-item .recipe-name{color:var(--black-2);--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:600;text-transform:uppercase;text-align:center;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}@media (hover:hover){.recipe-sec .col-lf .recipe-item .recipe-name:hover{color:var(--color-pri)}}.recipe-sec .col-center{width:calc(2/12*100%)}@media screen and (max-width:767px){.recipe-sec .col-center{width:100%}}.recipe-sec .col-center .plus{font-family:var(--font-sec);font-size:20rem;color:var(--yel);text-align:center;line-height:1}@media screen and (max-width:1199px){.recipe-sec .col-center .plus{font-size:15rem}}.recipe-sec .col-rt{width:calc(4/12*100%)}@media screen and (max-width:767px){.recipe-sec .col-rt{width:100%}}.recipe-sec .table-info{background:var(--white);border-radius:2.4rem;border:1px solid rgba(0,0,0,.1);padding:4rem 3.2rem;row-gap:3.2rem}@media screen and (max-width:1199px){.recipe-sec .table-info{padding:2rem 1.6rem;border-radius:1.2rem;row-gap:1.6rem}}@media screen and (max-width:575px){.recipe-sec .table-info .table-info-item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.recipe-sec .table-info .label{max-width:70%;font-size:1.8rem;font-weight:600;color:var(--black)}@media screen and (max-width:1199px){.recipe-sec .table-info .label{font-size:1.4rem}}.recipe-sec .table-info .txt{font-size:1.8rem;color:#667085;max-width:100%!important}@media screen and (max-width:1199px){.recipe-sec .table-info .txt{font-size:1.4rem}}.step-img{position:sticky;top:calc(var(--size-hd) + 1rem);height:100%}.step-img .img{display:block;padding-top:calc((520 / 520) * 100%);position:relative;overflow:hidden;border-radius:2.4rem}.step-img .img>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}