:root {
    --color-beige: #CCB581;
    --color-red: #C4141B;
    --color-red-dark: #800005;
    --color-black: #000;
    --color-black-op6: rgba(0, 0, 0, 0.6);
    --color-white: #fff;
    --color-white-op6: rgba(255, 255, 255, 0.6);
    --color-white-op4: rgba(255, 255, 255, 0.4);
    --color-white-op2: rgba(255, 255, 255, 0.2);
    --color-white-op1: rgba(255, 255, 255, 0.1);
    --color-gray-900: #111;
    --color-gray-800: #222;
    --color-gray-800-op5: rgba(34, 34, 34, 0.5);
    --color-gray-800-op6: rgba(34, 34, 34, 0.6);
    --color-gray-700: #252525;
    --color-gray-600: #4C4C4C;
}

/* font */
.ff-title{font-family: 'scdream9';}
.ff-point{font-family: 'yesteryear';}
.ff-base{font-family: 'NotoSansKR';}

.fw-bold{font-weight: 700;}

.font-title-lg{font-family: 'scdream9';font-size: 65px;line-height: 1.215;letter-spacing: -0.03em;}
.font-title{font-family: 'scdream9';font-size: 60px;line-height: 1.215;letter-spacing: -0.03em;}
.font-title-sm{font-family: 'scdream9';font-size: 50px;line-height: 1.28;letter-spacing: -0.03em;}
.font-title-xs{font-family: 'scdream9';font-size: 30px;line-height: 1.3;letter-spacing: -0.03em;}

.font-subtitle{font-size: 36px;line-height: 1.388;letter-spacing: -0.03em;}
.font-subtitle-sm{font-size: 28px;line-height: 1.285;letter-spacing: -0.03em;}

.font-desc-xl{font-size: 24px;line-height: 1.6;letter-spacing: -0.03em;}
.font-desc-lg{font-size: 20px;line-height: 1.7;letter-spacing: -0.03em;}
.font-desc{font-size: 18px;line-height: 1.777;letter-spacing: -0.03em;}
.font-desc-sm{font-size: 12px;line-height: 1.5;letter-spacing: -0.03em;}

@media screen and (max-width: 768px){
    .font-title-lg{font-size: 40px;line-height: 1.18;}
    .font-title{font-size: 34px;line-height: 1.2;}
    .font-title-sm{font-size: 32px;line-height: 1.22;}
    .font-title-xs{font-size: 28px;line-height: 1.25;}
    .font-subtitle{font-size: 24px;line-height: 1.32;}
    .font-subtitle-sm{font-size: 22px;line-height: 1.3;}
    .font-desc-xl{font-size: 20px;line-height: 1.55;}
    .font-desc-lg{font-size: 18px;line-height: 1.6;}
    .font-desc{font-size: 15px;line-height: 1.6;}
    .font-desc-sm{font-size: 13px;line-height: 1.4;}
}

/* helper */
.color-beige{color: var(--color-beige);}
.color-red{color: var(--color-red);}
.color-red-dark{color: var(--color-red-dark);}
.color-black{color: var(--color-black);}
.color-white{color: var(--color-white);}
.color-white-op6{color: rgba(255, 255, 255, 0.6);}
.color-white-op4{color: rgba(255, 255, 255, 0.4);}

.bg-beige{background-color: var(--color-beige);}
.bg-red{background-color: var(--color-red);}
.bg-red-dark{background-color: var(--color-red-dark);}
.bg-black{background-color: var(--color-black);}
.bg-black-op6{background-color: var(--color-black-op6);}
.bg-gray-900{background-color: var(--color-gray-900);}
.bg-gray-800{background-color: var(--color-gray-800);}
.bg-gray-800-op5{background-color: var(--color-gray-800-op5);}
.bg-gray-700{background-color: var(--color-gray-700);}

.object-fit-cover{width: 100%;height: 100%;object-fit: cover;}
.dot-prefix{padding-left: 1em;text-indent: -0.7em;}
.dot-prefix::before{content: '·';margin-right: 0.2em;font-weight: 700;}
.notice-prefix{padding-left: 1.4em;text-indent: -1.4em;}
.notice-prefix::before{content: '※';margin-right: 0.2em;font-weight: 700;}

/* responsive classes */
@media screen and (max-width: 1260px){
    .visible-pc{display: none!important;}
}
@media screen and (min-width: 1261px),screen and (max-width: 768px){
    .visible-tablet{display: none!important;}
}
@media screen and (min-width: 769px){
    .visible-mobile{display: none!important;}
}
@media screen and (min-width: 551px){
    .visible-mobile-sm{display: none!important;}
}
@media screen and (min-width: 361px){
    .visible-mobile-xs{display: none!important;}
}

@media screen and (min-width: 1261px){
    .hidden-pc{display: none!important;}
}
@media screen and (min-width: 769px) and (max-width: 1260px){
    .hidden-tablet{display: none!important;}
}
@media screen and (max-width: 768px){
    .hidden-mobile{display: none!important;}
}
@media screen and (max-width: 550px){
    .hidden-mobile-sm{display: none!important;}
}
@media screen and (max-width: 360px){
    .hidden-mobile-xs{display: none!important;}
}

/* landing common */
.landing-container{display: flex;padding: 0 30px;flex-direction: column;justify-content: center;align-items: center;}
.landing-inner{width: 100%;max-width: 1260px;margin: 0 auto;}
.landing-inner-sm{width: 100%;max-width: 1140px;margin: 0 auto;}
.landing-inner-xs{width: 100%;max-width: 1060px;margin: 0 auto;}
@media screen and (max-width: 1260px){
    .landing-container{padding: 0 15px;}
}

.landing-head{text-align: center;}
.landing-head-title{margin-bottom: 40px;}

.dropdown-head{}
.dropdown-head-title{margin-bottom: 0;}
.dropdown-head-wrapper{overflow: hidden;}
.dropdown-head-desc-wrapper{display: flex;padding-top: 45px;flex-direction: column;gap: 20px;}
.dropdown-head-sub{margin-top: 40px;}
.dropdown-head-sub + .dropdown-head-sub-desc{margin-top: 26px;}
@media screen and (max-width: 1260px){
    .dropdown-head{text-align: center;}
    .dropdown-head-desc-wrapper{padding-top: 25px;}
    .dropdown-head-sub{margin-top: 20px;}
    .dropdown-head-sub + .dropdown-head-sub-desc{margin-top: 14px;}
}

/* animation */
.animate-spin{animation: spin 10s linear infinite;}
@keyframes spin{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

/* reset */
body{font-family: 'NotoSansKR';font-weight: 350;}
#wrap{color: #fff;}
section{position: relative;overflow: hidden;}

/* sections */
.sub-wrapper{margin-bottom: 0;padding-top: 0;}

.header-wrap{transform-style: preserve-3d;}/* 배경 깜빡임 이슈 해결 */

.navigation-container{display:flex;flex-direction:column;position:fixed;top:90px;right:0;z-index:1030;max-height:100vh;background-color:#b81319;transition:all .3s;transform:translateX(100%)}
.navigation-container.is-scrolled{transform:translateX(0)}
.navigation-top{flex-shrink:0;display:flex;position:relative;height:5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}
.navigation-slide{width:100%;height:100%}
.navigation-slide .swiper-slide{display:flex;align-items:center;padding-left:1.875rem}
.navigation-slide .slide-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navigation-button{display:flex !important;justify-content:center !important;align-items:center !important;flex-shrink:0;width:5.625rem;height:100%}
.navigation-button-icon{display:flex;flex-direction:column;justify-content:space-between;width:1.875rem;height:1.5rem}
.navigation-button-line{width:100%;height:0.125rem;background-color:#fff;transition:all .3s}
.navigation-container.open .navigation-button-line:nth-child(1){transform:translateY(0.6875rem) rotate(45deg)}
.navigation-container.open .navigation-button-line:nth-child(2){opacity:0}
.navigation-container.open .navigation-button-line:nth-child(3){transform:translateY(-0.6875rem) rotate(-45deg)}
.navigation-bottom{min-height:0;overflow-y:auto}.navigation-list-wrapper{display:none}
.navigation-lists{display:flex;flex-direction:column;gap:1.5rem;padding:1.875rem 0 1.875rem 1.875rem}
.navigation-list.is-active{font-weight:700}
@media screen and (max-width: 48rem){
    .navigation-container{top:15.9vw;width:100%}
    .navigation-top{height:50px}
    .navigation-button-icon{transform: scale(0.8);}
}

.background{position: fixed;top: 0;left: 0;z-index: 0;width: 100%;height: 100lvh;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;}
.background.is-inactive{visibility: hidden;}
.background-board{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;perspective: 1000px;}
.background-board-list{position: relative;width: 100%;height: 100%;transform-style: preserve-3d;--gap: 50px;will-change: transform;}
.background-board-item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color-gray-700);background-position: center;background-size: cover;}
.background-board-item:nth-child(even){background-color: var(--color-gray-900);}

.background-board-item01{background-image: url('https://mawangpork.com/img/pages/landing/background-item01.jpg');}
.background-board-item02{background-image: url('https://mawangpork.com/img/pages/landing/background-item02.jpg');}
.background-board-item03{background-image: url('https://mawangpork.com/img/pages/landing/background-item03.jpg');}
.background-board-item04{background-image: url('https://mawangpork.com/img/pages/landing/background-item04.jpg');}
.background-board-item05{background-image: url('https://mawangpork.com/img/pages/landing/background-item05.jpg');}
.background-board-item08{background-image: url('https://mawangpork.com/img/pages/landing/background-item06.jpg');}
.background-board-item09{background-image: url('https://mawangpork.com/img/pages/landing/background-item04.jpg');}
.background-board-item10{background-image: url('https://mawangpork.com/img/pages/landing/background-item03.jpg');}
.background-board-item11{background-image: url('https://mawangpork.com/img/pages/landing/background-item02.jpg');}
.background-board-item12{background-image: url('https://mawangpork.com/img/pages/landing/background-item01.jpg');}

/* .background-board-item06{background-image: url('https://mawangpork.com/img/pages/landing/background-visible01.jpg');}
.background-board-item07{background-image: url('https://mawangpork.com/img/pages/landing/background-visible02.jpg');} */

.background-board-slide,
.background-board-visible{position: absolute;background: no-repeat center / cover;transition: opacity 1s;opacity: 0;inset: 0;}
.background-board-slide.is-active,
.background-board-visible.is-active{opacity: 1;}

.background-board-slide01{background-image: url('https://mawangpork.com/img/pages/landing/background-item01.jpg');}
.background-board-slide02{background-image: url('https://mawangpork.com/img/pages/landing/background-item02.jpg');}
.background-board-slide03{background-image: url('https://mawangpork.com/img/pages/landing/background-item03.jpg');}
.background-board-slide04{background-image: url('https://mawangpork.com/img/pages/landing/background-item04.jpg');}
.background-board-slide05{background-image: url('https://mawangpork.com/img/pages/landing/background-item05.jpg');}
.background-board-slide06{background-image: url('https://mawangpork.com/img/pages/landing/background-item06.jpg');}
.background-board-slide07{background-image: url('https://mawangpork.com/img/pages/landing/background-item07.jpg');}
.background-board-slide08{background-image: url('https://mawangpork.com/img/pages/landing/background-item08.jpg');}

.background-board-visible{opacity: 0;}
.background-board-visible01{background-image: url('https://mawangpork.com/img/pages/landing/background-item01.jpg');}
.background-board-visible02{background-image: url('https://mawangpork.com/img/pages/landing/background-item02.jpg');}

.background-spacer{height: 1500px;}
@media screen and (max-width: 768px){
    .background-board-item06{background-image: url('https://mawangpork.com/img/pages/landing/background-visible01.jpg');}
    .background-board-item07{background-image: url('https://mawangpork.com/img/pages/landing/background-visible02.jpg');}
    .background-board-item05{background-image: none;}
    .background-board-item08{background-image: none;}
}

/* kitchen-section */
.kitchen-section{overflow: visible;}
.kitchen-sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;}
.kitchen-head{position: relative;z-index: 1;}
.kitchen-text{font-size: 40px;}
.kitchen-title{margin-bottom: 30px;color: var(--color-white);font-size: 112px;line-height: 1;transition: color 0.5s;}
.is-active .kitchen-title{color: var(--color-beige);}
.kitchen-brand{margin-bottom: 50px;}

.kitchen-side{position: absolute;left: calc(50% + 66px);width: 614px;height: 614px;}
.kitchen-side-circle{position: absolute;top: 50%;left: 50%;width: 809px;height: 809px;transform: translate(-50%, -50%);}

.kitchen-spacer-bg{height: 1000px;}
.kitchen-spacer-content{height: 500px;}
@media screen and (max-width: 1260px){
    .kitchen-title{font-size: 80px;}
}

@media screen and (max-width: 768px){
    .kitchen-text{font-size: 30px;}
    .kitchen-title{font-size: 60px;}
    .kitchen-desc{font-size: 25px;}
    .kitchen-side{left: 60%;width: 250px;height: 250px;}
    .kitchen-side-circle{width: 350px;height: 350px;}
}

/* hell-section */
.hell-section{padding: 50px 0;}
.hell-title-em{background-color: #6F0B0F;background-image: linear-gradient(to right, transparent 33.333%, #BA141C, transparent 66.666%);background-position: 50% center;background-size: 300% 100%;background-clip: text;color: transparent;}

/* easy-section */
.easy-section{padding: 50px 0;}
.easy-section .landing-inner{display: flex;justify-content: space-between;align-items: center;}
.easy-section .dropdown-head{flex-shrink: 0;}
.easy-figures{position: relative;width: 550px;aspect-ratio: 550/690;}
.easy-figure{position: absolute;inset: 0;}
.easy-figure img{width: 100%;height: 100%;background-color: #fff;}
@media screen and (max-width: 768px){
    .easy-section{padding: 50px 0;}
    .easy-section .landing-inner{flex-direction: column;gap: 50px;}
    .easy-figures{width: 70%;}
}

/* improved-section */
.improved-section{height: 1000px;}
.improved-section .landing-inner{display: flex;justify-content: space-between;align-items: center;}
.improved-memo{margin-top: 20px;}

.improved-accordion-list{display: flex;width: 700px;flex-direction: column;}
.improved-accordion-list .accordion-list-item{border-bottom: 1px solid var(--color-beige);}
.improved-accordion-list .accordion-list-item:last-child{border-bottom: none;}
.improved-accordion-list .accordion-list-head{display: flex;height: 80px;padding: 0 40px;justify-content: space-between;align-items: center;cursor: pointer;}
.improved-accordion-list .accordion-list-arrow img{display: block;}
.improved-accordion-list .accordion-list-content{display: none;padding: 0 40px 40px;}

.improved-tables{display: flex;justify-content: space-between;}
.improved-tables .table-item{width: 280px;}
.improved-tables .table-item:first-child{opacity: 0.4;}
.improved-tables .table-head{display: flex;height: 50px;justify-content: center;align-items: center;background-color: var(--color-gray-700);}
.improved-tables .table-body{display: flex;padding: 10px 30px;box-sizing: border-box;flex-direction: column;background-color: var(--color-gray-600);}
.improved-tables .table-body-item{display: flex;padding: 12px 0;border-bottom: 1px solid var(--color-white-op1);box-sizing: border-box;justify-content: space-between;flex-grow: 1;}
.improved-tables .table-body-item:last-child{border-bottom: none;}
.improved-tables .table-body-item.item-double-height{height: 92px;flex-shrink: 0;}
.improved-tables .table-foot{display: flex;height: 70px;flex-direction: column;justify-content: center;background-color: var(--color-gray-700);text-align: center;}
.improved-table-desc{margin-top: 15px;}

.improved-circle-wrapper{display: flex;margin-top: 30px;justify-content: center;align-items: flex-start;gap: 20px;}
.improved-circle{display: flex;aspect-ratio: 1/1;border-radius: 50%;justify-content: center;align-items: center;}
.improved-circle01{width: 140px;}
.improved-circle01 .improved-circle-value{font-size: 30px;}
.improved-circle-value small{font-size: 0.5em;}
.improved-circle02{width: 200px;}
@media screen and (max-width: 1260px){
    .improved-section .landing-inner{flex-direction: column;gap: 50px;}
    .improved-accordion-list{max-width: 100%;}
}
@media screen and (max-width: 768px){
    .improved-section{height: 1400px;padding: 50px 0;}
    .improved-section .landing-container{justify-content: start;}
    .improved-accordion-list .accordion-list-head{padding: 0 20px;}
    .improved-accordion-list .accordion-list-title{font-size: 20px;}
    .improved-accordion-list .accordion-list-arrow img{width: 20px;}
    .improved-accordion-list .accordion-list-content{padding: 0 0 20px;}
    .improved-tables{flex-direction: column;align-items: center;gap: 30px;}
    .improved-circle02{width: 180px;}
}

/* worry-section */
.worry-section{padding: 150px 0;}
.worry-section .landing-inner{display: flex;justify-content: space-between;align-items: center;}

.worry-boxes{display: flex;gap: 10px;}
.worry-box{display: flex;padding: 50px;border: 1px solid transparent;flex-direction: column;justify-content: space-between;align-items: center;gap: 30px;transition: all 0.5s;}
.worry-box.is-active{border-color: var(--color-beige);}
.worry-box.is-inactive{opacity: 0.4;}
.worry-list{display: flex;flex-direction: column;align-items: center;gap: 40px;}
@media screen and (max-width: 1260px){
    .worry-section .landing-inner{flex-direction: column;gap: 50px;}
    .worry-accordion-list{max-width: 100%;}
}
@media screen and (max-width: 768px){
    .worry-section{padding: 50px 0;}
    .worry-boxes{width: 100%;flex-direction: column;gap: 30px;}
    .worry-box{padding: 20px;gap: 20px;}
    .worry-list{gap: 10px;}
}

/* chef-section */
.chef-section{padding: 150px 0 0;background-color: var(--color-black);}

.chef-slide{margin-top: 120px;}

.chef-list{display: flex;justify-content: space-between;}
.chef-list-item{display: flex;gap: 50px;}
.chef-list-item:first-child{opacity: 0.6;}
.chef-list-mascot01{height: 250px;}
.chef-list-mascot02{height: 250px;}
.chef-list-content{width: 320px;padding-top: 10px;}

.chef-table{margin-top: 25px;}
.chef-table .table-item{display: flex;padding: 15px 0;border-bottom: 1px solid var(--color-white-op4);justify-content: space-between;align-items: center;}
.chef-table .table-item:last-child{border-bottom: none;}
.chef-table .table-value small{font-size: 25px;}

.chef-step-wrapper{display: flex;margin-top: 30px;justify-content: space-between;text-align: center;}
.chef-step-title{margin-bottom: 10px;}
.chef-step-value small{font-size: 25px;}
.chef-step-hr{width: 1px;background-color: var(--color-white);}
@media screen and (max-width: 1260px){
    .chef-list-item{gap: 10px;}
    .chef-list-mascot01{height: 200px;flex-shrink: 0;}
    .chef-list-mascot02{height: 200px;flex-shrink: 0;}
}

@media screen and (max-width: 768px){
    .chef-section{padding: 50px 0;}
    .chef-slide{margin-top: 50px;}
    .chef-list{flex-direction: column;gap: 30px;}
    .chef-list-mascot01{height: 150px;}
    .chef-list-mascot02{height: 150px;}
}

/* minute-section */
.minute-section{padding: 150px 0 300px;background-color: var(--color-black);}

.minute-food01{position: absolute;top: 499px;left: calc(50% - 578px);}
.minute-food02{position: absolute;top: 628px;left: calc(50% - 309px);}
.minute-food03{position: absolute;top: 400px;left: calc(50% + 88px);}

.minute-slide{margin-top: 80px;}

.minute-list{display: flex;justify-content: space-between;}
.minute-list-item{position: relative;width: 400px;padding: 40px;box-sizing: border-box;background-color: var(--color-gray-800-op6);}
.minute-list-title{margin-bottom: 20px;}
.minute-list-memo{position: absolute;right: 40px;bottom: 20px;}

.minute-table{}
.minute-table-item{display: flex;padding: 15px 0;border-top: 1px solid var(--color-white-op4);justify-content: space-between;align-items: center;}
.minute-table-item:first-child{border-top: none;}
.minute-table-label{line-height: 1.2;}
.minute-table-value small{font-size: 25px;}
@media screen and (max-width: 1260px){
    .minute-list{gap: 30px;}
}
@media screen and (max-width: 1260px) and (min-width: 769px){
    .minute-table-value{font-size: 30px;}
}

@media screen and (max-width: 768px){
    .minute-section{padding: 50px 0 100px;}
    .minute-food01 img,
.minute-food02 img,
.minute-food03 img{width: 100%;}
    .minute-food01{top: 499px;left: calc(50% - 300px);width: 319px;}
    .minute-food02{top: 628px;left: calc(50%);width: 548px;}
    .minute-food03{top: 400px;left: calc(50% + 88px);width: 331px;}
    .minute-list{flex-direction: column;}
    .minute-list-item{width: 100%;}
}

/* highcost-section */
.highcost-section{padding: 120px 0 90px;}
.highcost-back{position: absolute;background-image: url('https://mawangpork.com/img/pages/landing/highcost-bg.jpg');inset: 0;}
.highcost-section .landing-container{position: relative;}
@media screen and (max-width: 768px){
    .highcost-section{padding: 50px 0;}
}

/* manager-section */
.manager-section{padding: 150px 0;border: 1px solid var(--color-beige);border-width: 1px 0;}
.manager-back{position: absolute;background-image: url('https://mawangpork.com/img/pages/landing/manager-bg.jpg');inset: 0;}
.manager-section .landing-container{position: relative;}
.manager-section .landing-inner{display: flex;justify-content: space-between;align-items: center;}

.manager-box{width: 580px;margin-right: 40px;}
.manager-box-head{display: flex;height: 75px;justify-content: center;align-items: center;background-color: var(--color-beige);}
.manager-box-body{display: flex;padding: 40px 44px;border: 1px solid var(--color-beige);flex-direction: column;gap: 25px;}
.manager-box-hr{width: 100%;height: 1px;background-color: var(--color-white-op4);}
.manager-box-item{display: flex;align-items: center;gap: 20px;}
.manager-box-value{display: flex;align-items: center;gap: 8px;}
.manager-box-value-item{display: flex;align-items: center;gap: 8px;}
.manager-circle{position: relative;display: flex;width: 170px;aspect-ratio: 1/1;margin-top: -30px;margin-left: auto;border: 1px solid var(--color-beige);border-radius: 50%;justify-content: center;align-items: center;}
.manager-circle p{line-height: 1;}
.manager-circle img{position: absolute;width: 66%;}
@media screen and (max-width: 1260px){
    .manager-section{padding: 80px 0;}
    .manager-section .landing-inner{flex-direction: column;gap: 50px;}
    .manager-box{margin-right: 0;}
}
@media screen and (max-width: 768px){
    .manager-section{padding: 50px 0;}
    .manager-box{width: 100%;}
    .manager-box-body{padding: 20px;}
    .manager-box-label{flex-shrink: 0;}
    .manager-box-value{flex-wrap: wrap;}
    .manager-circle{width: 150px;}
}

/* choice-section */
.choice-section{overflow: visible;}
.choice-sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;}
.choice-back{position: absolute;inset: 0;}
.choice-bg{position: absolute;inset: 0;}
.choice-bg-light{background-image: url('https://mawangpork.com/img/pages/landing/choice-bg-overlay.png');}
.choice-bg-trophy{background-image: url('https://mawangpork.com/img/pages/landing/choice-bg.jpg');background-position: 60% center;}
.choice-layer{position: absolute;inset: 0;}

.choice-layer01{transition: opacity 0.5s;}
.choice-layer01.is-inactive{opacity: 0;pointer-events: auto;}
.choice-layer02{transition: opacity 0.5s;opacity: 0;pointer-events: none;}
.choice-layer02.is-active{opacity: 1;pointer-events: auto;}
.choice-layer02 .landing-inner{display: flex;align-items: center;}
.choice-layer02-content{position: absolute;bottom: 0;left: 0;z-index: 1;display: flex;height: calc(50% + 200px);flex-direction: column;}
.choice-layer02-title{margin-bottom: 90px;}

.choice-slide{height: 600px;flex-grow: 1;flex-shrink: 0;}
.choice-slide .swiper-slide{height: 300px;transition: opacity 0.5s;opacity: 0.2;}
.choice-slide .swiper-slide-active{opacity: 1;}
.choice-slide .slide-title{margin-bottom: 26px;}
.choice-slide .slide-desc-wrapper{display: flex;flex-direction: column;gap: 20px;}

.choice-layer02-side{position: absolute;right: 0;}
.choice-layer02-figures{display: flex;gap: 255px;}
.choice-layer02-figure{transition: opacity 0.5s;opacity: 0.4;}
.choice-layer02-figure.is-active{opacity: 1;}

.choice-spacer-layer01{height: 500px;}
.choice-spacer-layer02{height: 1000px;}
@media screen and (max-width: 1260px){
    .choice-layer02-content{left: 0;width: 100%;text-align: center;}
    .choice-layer02-side{bottom: 50px;width: 100%;}
    .choice-layer02-figures{justify-content: space-between;gap: 0;}
}
@media screen and (max-width: 768px){
    .choice-layer02-title{margin-bottom: 30px;}
    .choice-layer02-side{}
    .choice-layer02-figure img{width: 100px;}
}

/* plan-section */
.plan-area{position: relative;display: flex;box-sizing: border-box;justify-content: center;align-items: center;}
.plan-section .landing-container{position: relative;width: 100%;}

.plan-cost-area{padding-block: 150px;}
.plan-cost-bg{position: absolute;background-image: url('https://mawangpork.com/img/pages/landing/plan-cost-bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;inset: 0;}
.plan-cost-head{margin-bottom: 28px;text-align: center;}
.plan-cost-title{margin-bottom: 20px;}
.plan-cost-title-item{display: inline-block;}
.plan-cost-figure-container{position: relative;width: fit-content;text-align: center;margin-inline: auto;}
.plan-cost-figure-arrow{position: absolute;top: -130px;right: 90px;width: 195px;aspect-ratio: 195/249;background-image: url('https://mawangpork.com/img/pages/landing/plan-cost-figure-arrow.png');background-repeat: no-repeat;background-position: center;background-size: cover;}
.plan-cost-figure-value{position: relative;width: fit-content;font-size: 170px;margin-inline: auto;}
.plan-cost-figure-unit{position: absolute;bottom: 0.15em;left: calc(100% + 0.05em);font-size: 100px;}
.plan-cost-figure-title-wrap{margin-bottom: 26px;}
.plan-cost-figure-title{font-size: 90px;transition: all 0.5s;opacity: 0.2;filter: blur(7px);}
.plan-cost-figure-title:not(:last-child){margin-bottom: -70px;}
.plan-cost-figure-title.is-active{opacity: 1;filter: blur(0);}

.plan-compare-area{padding-top: 100px;padding-bottom: 150px;}
.plan-area-line{position: absolute;top: -100px;left: 50%;z-index: 1;width: 1px;height: 405px;background-color: var(--color-white-op4);}
.plan-compare-bg{position: absolute;background-image: url('https://mawangpork.com/img/pages/landing/plan-compare-bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;inset: 0;}
.plan-compare-list{display: flex;margin-bottom: 60px;justify-content: center;align-items: center;gap: 290px;}
.plan-compare-item{width: 350px;}
.plan-compare-item.others{text-align: end;}
.plan-compare-item.others .plan-compare-point-item{flex-direction: row-reverse;}
.plan-compare-title{margin-bottom: 20px;}
.plan-compare-title.logo{width: 225px;aspect-ratio: 225/66;}
.plan-compare-point-item{display: flex;align-items: center;gap: 20px;}
.plan-compare-point-count{font-size: 18px;}
.plan-compare-food-wrap{position: relative;display: flex;width: 479px;aspect-ratio: 479/485;justify-content: center;align-items: center;margin-inline: auto;}
.plan-compare-food{position: absolute;inset: 0;}
.plan-compare-food-text{position: relative;text-align: center;}

@media screen and (max-width: 1260px){
    .plan-cost-figure-title:not(:last-child){margin-bottom: -160px;}
    .plan-area-line{top: -75px;height: 150px;}
    .plan-compare-list{flex-direction: column;gap: 0;}
    .plan-compare-title.logo{margin-inline: auto;}
    .plan-compare-item{width: 100%;}
    .plan-compare-item.others{padding-bottom: 30px;text-align: center;}
    .plan-compare-item.ours{padding-top: 30px;border-top: 1px solid var(--color-white-op2);}
    .plan-compare-point-item{justify-self: center;}
}

@media screen and (max-width: 768px){
    .plan-cost-area{padding-block: 80px;}
    .plan-cost-figure-value{font-size: 110px;}
    .plan-cost-figure-unit{font-size: 50px;}
    .plan-cost-figure-arrow{top: -60px;right: auto;left: calc(50% - 55px);width: 110px;}
    .plan-cost-figure-title{font-size: 40px;opacity: 0.3;filter: blur(3px);}
    .plan-cost-figure-title:not(:last-child){margin-bottom: -50px;}
    .plan-compare-area{padding-block: 80px;}
    .plan-area-line{top: -45px;height: 90px;}
    .plan-compare-title.logo{width: auto;height: 40px;}
    .plan-compare-food-wrap{width: 100%;max-width: 470px;}
}

/* success-section */
.success-section{border-top: 1px solid var(--color-beige);border-bottom: 1px solid var(--color-beige);overflow: visible;}
.success-section .landing-container{margin-top: -100vh;padding-top: 140px;padding-bottom: 150px;}
.success-title-container{position: sticky;top: 0;display: flex;height: 100vh;justify-content: center;align-items: center;pointer-events: none;}
.success-title-container::before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 15vh;background-color: var(--color-white-op4);}
.success-title-container::after{content: '';position: absolute;bottom: 0;left: 50%;width: 1px;height: 15vh;background-color: var(--color-white-op4);}
.success-title{letter-spacing: 0.8em;pointer-events: auto;writing-mode: vertical-rl;}
.success-inner{display: flex;justify-content: space-between;}
.success-card-list{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}
.success-card-list.right-column{margin-top: 70px;}
.success-card{width: 530px;}
.success-card:nth-child(2){margin-top: 70px;}
.success-card:nth-child(3){margin-top: -70px;}
.success-card-feature{width: 100%;aspect-ratio: 530/330;}
.success-card-body-area{height: 280px;padding: 40px;box-sizing: border-box;}
.success-card-title{margin-bottom: 26px;}
.success-card-desc-wrap{word-break: keep-all;}
@media screen and (max-width: 1260px){
    .success-section{padding-block: 80px;}
    .success-section .landing-container{margin-top: 0;padding-block: 0;}
    .success-title-container{position: relative;top: auto;height: auto;margin-bottom: 40px;}
    .success-title-container::before{display: none;}
    .success-title-container::after{display: none;}
    .success-title{letter-spacing: -0.03em;writing-mode: horizontal-tb;}
    .success-card-list{width: 100%;max-width: 500px;flex-direction: column;flex-wrap: nowrap;justify-content: center;gap: 20px;margin-inline: auto;}
    .success-card{width: 100%;}
    .success-card:nth-child(2){margin-top: 0;}
    .success-card:nth-child(3){margin-top: 0;}
    .success-card-body-area{height: auto;padding-block: 20px;padding-inline: 25px;}
    .success-card-title{margin-bottom: 12px;}
}
@media screen and (max-width: 768px){
    .success-card-list{max-width: 340px;}
    .success-card-feature{height: 120px;}
    .success-card-body-area{padding: 15px;}
    .success-card-title{margin-bottom: 7px;}
    .success-card-desc{font-size: 13px;}
}

/* cook-section */
.cook-section{padding-top: 140px;padding-bottom: 150px;}
.cook-head-container{position: relative;margin-bottom: 15px;}
.cook-head-clock{width: 710px;aspect-ratio: 710/449;background-image: url('https://mawangpork.com/img/pages/landing/cook-clock.png');background-repeat: no-repeat;background-position: center;background-size: cover;margin-inline: auto;}
.cook-head{position: absolute;bottom: 45px;left: 50%;width: max-content;text-align: center;transform: translateX(-50%);}
.cook-subtitle{margin-bottom: 20px;}
.cook-title em{display: inline-flex;justify-content: center;align-items: center;gap: 10px}
.cook-title-circle{display: inline-block;width: 75px;aspect-ratio: 1/1;border-radius: 50%;}
.cook-content-list{display: flex;justify-content: space-between;align-items: center;}
.cook-content{width: 33.333%;}
.cook-content-feature-area{position: relative;display: flex;margin-bottom: 30px;border-radius: 50%;justify-content: center;align-items: center;}
.cook-content-line{position: absolute;top: 50%;left: 60%;width: 80%;height: 1px;background-color: var(--color-white-op1);}
.cook-content-bar{position: absolute;background-color: var(--color-beige);inset: 0;}
.cook-content-feature{width: 190px;aspect-ratio: 1/1;padding: 13px;border-radius: 50%;background-color: #15120D;}
.cook-content-feature img{position: relative;z-index: 2;border-radius: 50%;}
.cook-content-body-area{text-align: center;}
.cook-content-title{margin-bottom: 15px;}
@media screen and (max-width: 1260px){
    .cook-section{padding-block: 80px;}
    .cook-content-list{flex-direction: column;gap: 50px;}
    .cook-content{width: 100%;}
    .cook-content:not(:last-child) .cook-content-feature::before{display: none;}
}
@media screen and (max-width: 768px){
    .cook-head-container{display: flex;justify-content: center;}
    .cook-head-clock{width: 400px;flex-shrink: 0;}
    .cook-title-circle{width: 50px;}
    .cook-head{bottom: 20px;}
    .cook-subtitle{margin-bottom: 10px;}
    .cook-content-list{gap: 30px;}
    .cook-content-feature-area{margin-bottom: 15px;}
    .cook-content-feature{width: 135px;}
    .cook-content-line{width: 0;}
    .cook-content-desc{font-size: 13px;}
}

/* keyword-section */
.keyword-section{overflow: visible;}
.keyword-sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;}

.keyword-layer{position: absolute;inset: 0;}
.keyword-layer-bg{display: flex;justify-content: center;align-items: center;}
.keyword-bg-circle{width: 1390px;max-width: 90%;aspect-ratio: 1/1;}
.keyword-scroll-down{position: absolute;bottom: 0;left: 50%;width: 2px;height: 100px;}
.keyword-scroll-bar{position: absolute;background-color: var(--color-beige);inset: 0;}

.keyword-layer-visual{display: flex;justify-content: center;align-items: center;}
.keyword-video{position: absolute;display: flex;width: 100%;height: 100%;overflow: hidden;background-image: url('https://mawangpork.com/img/pages/landing/keyword-visual.jpg');}
.keyword-video iframe{position: absolute;width: auto;min-width: 100%;height: auto;min-height: 100%;aspect-ratio: 1/1;}
.keyword-video-size{position: absolute;width: 670px;max-width: 90%;aspect-ratio: 1/1;}
.keyword-mask{position: absolute;}
#keyword-svg{overflow: visible;}

.keyword-layer-content{transition: opacity 0.5s;opacity: 0;pointer-events: none;}
.keyword-layer-content.is-active{opacity: 1;pointer-events: auto;}
.keyword-layer-content .landing-container{padding-top: 190px;padding-bottom: 190px;box-sizing: border-box;}
.keyword-inner{width: 1000px;max-width: 100%;height: 100%;max-height: 700px;flex-shrink: 0;}
.keyword-slide{height: 100%;}
.keyword-slide .swiper-slide{display: flex;flex-direction: column;justify-content: space-between;}
.keyword-body{padding-left: calc(50% + 55px);}
.keyword-label{font-family: 'scdream8';font-size: 18px;line-height: 1.388;letter-spacing: -0.03em;}
.keyword-value{font-family: 'scdream9';font-size: 170px;line-height: 1.1;letter-spacing: -0.03em;}
.keyword-spacer-svg{height: 1000px;}
.keyword-spacer-video{height: 1000px;}
.keyword-spacer-delay{height: 500px;}
@media screen and (max-width: 1260px){
    .keyword-body{padding-left: 0;}
    .keyword-value{font-size: 120px;}
}

@media screen and (max-width: 768px){
    .keyword-layer-content .landing-container{padding-top: 80px;padding-bottom: 50px;}
    .keyword-mask{width: 80%;}
    #keyword-svg{width: 100%;height: auto;}
    .keyword-value{font-size: 80px;}
}

/* sales02-section */
.sales02-inner{margin-bottom: 70px;padding-inline: 70px;}
.sales02-section .landing-container{padding-top: 140px;padding-bottom: 150px;}

.sales02-graph-container{margin-bottom: 70px;}
.sales02-graph-block-wrap{display: flex;flex-direction: column;gap: 36px;}
.sales02-graph-block{display: flex;}
.sales02-graph-head-area{display: flex;justify-content: center;align-items: center;flex-grow: 1;}
.sales02-graph-title-wrap{position: relative;}
.sales02-graph-desc{position: absolute;top: calc(100% + 5px);left: 0;}
.sales02-graph-body-area{display: flex;width: 840px;align-items: center;}
.sales02-graph{display: flex;}
.sales02-graph-item{position: relative;display: flex;height: 80px;justify-content: center;align-items: center;color: #fff;}
.sales02-graph-block.others .sales02-graph-item.main-menu{width: 390px;}
.sales02-graph-block.others .sales02-graph-item.side-menu{width: 110px;}
.sales02-graph-block.ours .sales02-graph-item.main-menu{width: 510px;}
.sales02-graph-block.ours .sales02-graph-item.side-menu{width: 195px;}
.sales02-graph-block.ours .sales02-graph-item.brand-sales{width: 135px;}
.sales02-graph-bar{position: absolute;inset: 0;}
.sales02-graph-item-content{position: relative;}
.sales02-graph-item-text{line-height: 1;text-align: center;}
.sales02-graph-item-text.label{margin-bottom: 5px;}
.sales02-graph-slogan-wrap{position: relative;display: flex;height: 100%;justify-content: center;align-items: center;flex-grow: 1;}
.sales02-graph-slogan-wrap::before{content: '';position: absolute;top: 50%;left: 0;width: 38px;aspect-ratio: 38/8;background-image: url('https://mawangpork.com/img/pages/landing/sales-graph-slogan-arrow.png');background-repeat: no-repeat;background-size: cover;transform: scaleX(-1);}
.sales02-graph-slogan-wrap::after{content: '';position: absolute;top: 50%;right: 0;width: 38px;aspect-ratio: 38/8;background-image: url('https://mawangpork.com/img/pages/landing/sales-graph-slogan-arrow.png');background-repeat: no-repeat;background-size: cover;}
.sales02-graph-slogan{font-size: 25px;}
.sales02-graph-title-logo-wrap{display: flex;}
.sales02-graph-title-logo{height: 36px;aspect-ratio: 113/36;}
.sales02-graph-item-caption{position: absolute;bottom: calc(100% + 10px);left: 0;width: 100%;font-size: 25px;text-align: center;}

.sales02-card-list{display: flex;flex-direction: column;}
.sales02-card{display: flex;height: 360px;flex-direction: row-reverse;}
.sales02-card.order-reverse{flex-direction: row;}
.sales02-card-area{flex: 1 1 50%;}
.sales02-card-body-area{display: flex;padding: 50px;box-sizing: border-box;justify-content: center;align-items: center;word-break: keep-all;}
.sales02-card-title{margin-bottom: 24px;}
.sales02-card-feature-area{height: 100%;}
.sales02-banner-area{height: 460px;border-bottom: 1px solid var(--color-beige);overflow: hidden;}
.sales02-banner{height: 100%;background-image: url('https://mawangpork.com/img/pages/landing/sales-deco.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}

@media screen and (max-width: 1260px){
    .sales02-inner{padding-inline: 30px;}
    .sales02-graph-container{margin-bottom: 40px;}
    .sales02-graph-block-wrap{margin-bottom: 15px;flex-direction: row;justify-content: center;align-items: stretch;gap: 60px;}
    .sales02-graph-block{flex-direction: column-reverse;gap: 12px;}
    .sales02-graph-body-area{width: auto;flex-direction: column-reverse;flex-grow: 1;}
    .sales02-graph{flex-direction: column-reverse;}
    .sales02-graph-item{width: 120px !important;}
    .sales02-graph-block.others .sales02-graph-item.main-menu{width: auto;height: 195px;}
    .sales02-graph-block.others .sales02-graph-item.side-menu{width: auto;height: 55px;}
    .sales02-graph-block.ours .sales02-graph-item.main-menu{width: auto;height: 255px;}
    .sales02-graph-block.ours .sales02-graph-item.side-menu{width: auto;height: 98px;}
    .sales02-graph-block.ours .sales02-graph-item.brand-sales{width: auto;height: 75px;}
    .sales02-graph-head-area{flex-grow: 0;}
    .sales02-graph-title-wrap{white-space: nowrap;}
    .sales02-graph-desc{width: 100%;text-align: center;}
    .sales02-graph-slogan-wrap::before{top: 20px;left: 50%;transform: translateX(-50%) rotate(-90deg);}
    .sales02-graph-slogan-wrap::after{top: auto;bottom: 20px;left: 50%;transform: translateX(-50%) rotate(90deg);}
    .sales02-graph-slogan{font-size: 20px;text-align: center;}
    .sales02-graph-item-caption{top: 0;bottom: auto;left: calc(100% + 20px);display: flex;width: auto;height: 100%;align-items: center;font-size: 18px;white-space: nowrap;}
    .sales02-graph-item-text{line-height: 1.2;}
    .sales02-graph-item-text.label{font-size: 13px;}
    .sales02-graph-title-logo{height: 37px;}
    .sales02-graph-container-mobile-caption{text-align: center;}
    .sales02-card-list{width: 100%;max-width: 600px;gap: 50px;margin-inline: auto;}
    .sales02-card,
.sales02-card.order-reverse{height: auto;flex-direction: column;}
    .sales02-card-title{margin-bottom: 12px;}
}

@media screen and (max-width: 768px){
    .sales02-section .landing-container{padding-block: 80px;padding-inline: 15px;}
    .sales02-inner{margin-bottom: 50px;padding-inline: 15px;}
    .sales02-graph-block-wrap{gap: 20px;}
    .sales02-graph-item{width: 90px !important;}
    .sales02-graph-item-caption{left: calc(100% + 7px);}
    .sales02-graph-title-logo{height: 35px;}
    .sales02-card-list{max-width: 400px;gap: 20px;}
    .sales02-card-feature-area{height: 150px;flex: auto;}
    .sales02-card-body-area{padding-block: 25px;padding-inline: 20px;}
    .sales02-card-desc{font-size: 13px;}
    .sales02-banner-area{height: 230px;}
}

/* smart-section */
.smart-section{padding-top: 150px;}
.smart-main-area{display: flex;justify-content: space-between;align-items: center;}

.smart-content{width: 690px;}
.smart-content-inner{width: 400px;}

.smart-feature-list{position: relative;width: 100%;aspect-ratio: 1/1;margin-bottom: 30px;}
.smart-feature-item{position: absolute;transform: translateX(90%) scale(0.6);transition: all 0.5s;opacity: 0.6;inset: 0;}
.smart-feature-item.is-active{z-index: 1;transform: translateX(0) scale(1);opacity: 1;}

.smart-slide .swiper-slide{display: flex;justify-content: center;}
.smart-content-title{margin-bottom: 20px;}
.smart-divider{width: 1px;height: 100px;margin-top: 150px;margin-bottom: 80px;}

.smart-inquiry-box{display: flex;width: 100%;max-width: 1100px;border: 1px solid var(--color-white-op4);box-sizing: border-box;justify-content: space-between;align-items: center;margin-inline: auto;padding-block: 40px;padding-inline: 60px;}
.smart-inquiry-title-block{display: flex;gap: 10px;}
.smart-inquiry-title{display: flex;margin-bottom: 15px;gap: 10px;font-size: 35px;}
.smart-inquiry-title-icon{display: inline-block;width: 45px;aspect-ratio: 1/1;background-image: url('https://mawangpork.com/img/pages/landing/smart-inquiry-title-icon.svg');background-repeat: no-repeat;background-position: center;background-size: cover;}

@media screen and (max-width: 1260px){
    .smart-main-area{flex-direction: column;gap: 30px;}
    .smart-main-area .dropdown-head{word-break: keep-all;}
    .smart-content{width: 400px;max-width: 100%;}
    .smart-content-inner{width: 100%;}
    .smart-feature-item{transform: translateX(50%) scale(0.6);}
    .smart-slide{width: 100%;}
    .smart-content-title{text-align: center;}
    .smart-divider{margin-block: 60px;}
    .smart-inquiry-box{flex-direction: column;gap: 20px;}
}
@media screen and (max-width: 768px){
    .smart-section{padding-top: 80px;}
    .smart-inquiry-box{padding: 20px;gap: 10px;}
    .smart-inquiry-title{margin-bottom: 8px;font-size: 25px;}
    .smart-inquiry-title-icon{width: 30px;}
    .smart-inquiry-desc-block{word-break: keep-all;}
}

/* cost-section */
.cost-section{padding: 100px 0 80px;}
.cost-head{margin-bottom: 40px;}
.cost-table-wrapper{}
.cost-table-unit{margin-bottom: 10px;}
.cost-table{width: 100%;text-align: center;word-break: keep-all;table-layout: fixed;}
.cost-table col:nth-child(1){width: 33.3333%;}
.cost-table col:nth-child(2){width: 33.3333%;}
.cost-table col:nth-child(3){width: 33.3333%;}
.cost-table small{line-height: 1;}
.cost-table th,
.cost-table td{height: 65px;vertical-align: middle;}
.cost-table thead th{background-color: var(--color-gray-800);}
.cost-table tbody td{border-bottom: 1px solid var(--color-white-op4);}
.cost-table tbody tr:last-child td{border-bottom: 0;}
.cost-table tfoot td{background-color: var(--color-beige);color: var(--color-gray-900);}
.cost-table-desc-wrapper{display: flex;margin-top: 82px;flex-direction: column;gap: 30px;word-break: keep-all;}

@media screen and (max-width: 768px){
    .cost-section{padding-top: 80px;padding-bottom: 0;}
    .cost-head{margin-bottom: 14px;}
    .cost-table-unit{margin-bottom: 40px;text-align: center;}
    .cost-category-list{display: flex;height: 50px;margin-bottom: 20px;}
    .cost-category{height: 100%;flex: 1 1 50%;background-color: var(--color-gray-700);color: var(--color-white-op2);}
    .cost-category.is-active{background-color: var(--color-beige);color: #000;}
    .cost-table col:nth-child(1){width: 50%;}
    .cost-table col:nth-child(2){width: 50%;}
    .cost-table col:nth-child(3){width: 0;}
    .cost-table small{font-size: 12px;white-space: nowrap;}
    .cost-table th,
.cost-table td{height: 50px;}
    .cost-table.all th:nth-child(3),
.cost-table.all td:nth-child(3){display: none;}
    .cost-table.delivery th:nth-child(2),
.cost-table.delivery td:nth-child(2){display: none;}
    .cost-table-desc-wrapper{margin-top: 40px;gap: 15px;}
    .cost-table-desc-item{font-size: 13px;}
}

/* recommend-section */
.recommend-section{padding: 100px 0 150px;}
.recommend-section .landing-head{margin-bottom: 60px;}
.recommend-table-wrapper{}
.recommend-table-unit{margin-bottom: 10px;}
.recommend-table{width: 100%;text-align: center;word-break: keep-all;table-layout: fixed;}
.recommend-table col:nth-child(1){width: 28%;}
.recommend-table col:nth-child(2){width: 72%;}
.recommend-table th,
.recommend-table td{height: 65px;vertical-align: middle;}
.recommend-table td:nth-child(1){border-left: none;}
.recommend-table td:nth-child(2){border-right: none;}
.recommend-table thead th{background-color: var(--color-beige);color: var(--color-gray-900);}
.recommend-table tbody td{border: 1px solid var(--color-white-op4);}
.recommend-table tbody tr:first-child td{border-top: none;}
@media screen and (max-width: 768px){
    .recommend-section{padding-block: 80px;}
    .recommend-table th,
.recommend-table td{height: 50px;}
    .recommend-table td{height: auto;}
    .recommend-table td:nth-child(2){line-height: 1.4;padding-block: 10px;padding-inline: 20px;}
}

/* inquiry-section */
.inquiry-section{padding: 150px 0;}
.inquiry-head{margin-bottom: 60px;}
@media screen and (max-width: 768px){
    .inquiry-section{padding-block: 80px;}
}