:root{--font-pretendard:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--background:#fff;--foreground:#0a0a0a;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209)}}.wide__content{padding:0!important}.full-page-section{min-height:100dvh;padding:60px 0}
:root{--font-pretendard:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--background:#fff;--foreground:#0a0a0a;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209)}}.layout-wrapper{width:calc(100% - 40px);max-width:1420px;margin:0 auto}.fix-title-layout-wrapper{height:auto;padding:60px 0;position:relative}.fix-title-layout-wrapper .container{align-items:flex-start;gap:60px;width:100%;max-width:1420px;height:100%;margin:0 auto;display:flex}.fix-title-layout-wrapper .section-title{min-width:260px;max-width:260px;position:sticky;top:100px}.fix-title-layout-wrapper .section-title .category{color:#f76f94;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:20px;font-family:montserrat,sans-serif;font-size:18px;font-weight:700;line-height:1}.fix-title-layout-wrapper .section-title .subtitle{word-break:keep-all;letter-spacing:-.05em;color:#111;text-transform:uppercase;font-family:Pretendard,sans-serif;font-size:32px;font-weight:800;line-height:1.3}.fix-title-layout-wrapper .section-title .desc{color:#666;letter-spacing:-.03em;word-break:keep-all;margin-top:20px;font-family:Pretendard,sans-serif;font-size:16px;line-height:1.6;display:block}.fix-title-layout-wrapper .sticky-contents{flex:1}.fix-title-layout-wrapper .sticky-contents .intro-swiper-wrapper{position:relative}.fix-title-layout-wrapper .sticky-contents .intro-swiper-wrapper .grd-cover{z-index:2;background:linear-gradient(270deg,#fff0 0%,#fff 100%);width:200px;position:absolute;top:0;bottom:0;left:0}.fix-title-layout-wrapper.center .container{align-items:center}.visual-area{background-image:url(/images/common/sub-visual-bg.jpg);background-position:50%;background-size:cover;height:560px;margin-bottom:40px;padding-top:56px;position:relative}.visual-area .layout-wrapper{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.visual-area .cover{z-index:1;background:#f96f6466;position:absolute;inset:0}.visual-area .title{flex:1;align-items:flex-end;padding-bottom:30px;display:flex}.visual-area .title span{color:#fff;text-align:center;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;display:block}.visual-area .title h2{color:#fff;font-family:Pretendard,sans-serif;font-size:56px;font-weight:800}.visual-area .breadcrumb{align-items:center;width:100%;padding-bottom:30px;display:flex;bottom:0}.visual-area .breadcrumb .layout-wrapper{align-items:center;display:flex}.visual-area .breadcrumb a.home{text-indent:-9999px;background:#e91e63;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;overflow:hidden}.visual-area .breadcrumb a.home:before{content:"";opacity:1;background:url(/images/common/icon-home.png) 50%/100% no-repeat;width:12px;height:12px;margin-bottom:1px;position:absolute;left:auto}.visual-area .breadcrumb a{align-items:center;gap:10px;padding:0 0 0 38px;display:flex;position:relative}.visual-area .breadcrumb a p{color:#fff;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600}.visual-area .breadcrumb a span{color:#fff;opacity:.5;font-family:Montserrat,sans-serif;font-size:14px}.visual-area .breadcrumb a:before{content:"";opacity:.5;background:url(/images/common/arr-visual-area.png) 0 0/100% no-repeat;width:18px;height:18px;position:absolute;left:10px}@media (max-width:768px){.visual-area{height:420px}.visual-area .title span{font-size:16px}.visual-area .title h2{font-size:42px}.visual-area .breadcrumb{height:62px}.visual-area .breadcrumb a.home{width:34px;height:34px}.fix-title-layout-wrapper .container{flex-direction:column;gap:30px}.fix-title-layout-wrapper .section-title{min-width:100%;max-width:100%;position:relative;top:auto}}@media (max-width:500px){.visual-area{height:320px}.visual-area .title{padding-bottom:20px}.visual-area .title h2{font-size:32px}.visual-area .breadcrumb{padding:0}.visual-area .breadcrumb a span{display:none}}@media (max-width:768px){.fix-title-layout-wrapper{padding:0}.fix-title-layout-wrapper .section-title{padding-top:0}.fix-title-layout-wrapper .section-title .category{margin:0;font-size:14px}.fix-title-layout-wrapper .section-title .subtitle{font-size:20px}}@media (max-width:500px){.fix-title-layout-wrapper .container{padding:0 20px}.section-title{padding:20px 0}.section-title .category{margin-bottom:10px;font-size:14px}.section-title .subtitle{font-size:22px}.section-title .desc{font-size:14px}}.brand-hero_drink_swiper{width:100vw;overflow-y:visible!important}.brand-hero_drink_swiper .card-slide-items{position:relative}.brand-hero_drink_swiper .card-slide-items img{width:100%}.brand-hero_drink_swiper .tag-group{position:absolute;bottom:15px;left:15px;right:15px}
