: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)}}.story-section{flex-direction:column;gap:80px;display:flex}.story-section .item{flex:1}.story-section .item .contents-box{padding:20px 10px;display:flex}.story-section .item .contents-box .thumb{width:300px;height:300px;margin-right:80px}.story-section .item .contents-box .thumb img{object-fit:cover;width:100%;display:block}.story-section .item .contents-box .thumb.overflow{height:380px;margin-top:-80px}.story-section .item .contents-box .text{flex:1}.story-section .item .contents-box .text .title{align-items:baseline;margin-bottom:20px;display:flex}.story-section .item .contents-box .text .title h4{text-align:center;color:#e91e63;margin-top:0;margin-bottom:0;margin-right:20px;font-family:Pretendard,sans-serif;font-size:32px;font-weight:800}.story-section .item .contents-box .text .title span{text-transform:uppercase;text-align:center;color:#e91e63;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-size:18px;font-weight:500;display:block}.story-section .item .contents-box .text p+p{margin-top:20px}.story-section .item .contents-box .text p{color:#666;word-break:keep-all;text-align:justify;letter-spacing:-.05em;font-family:Pretendard,sans-serif;font-size:18px;font-weight:400}.story-section .item .contents-box .text .contents-img{justify-content:flex-end;margin-top:15px;display:flex}.story-section .item .contents-box .text .contents-img img{width:auto;height:140px}.brand-hero_drink_swiper .swiper-wrapper{transition-timing-function:linear!important}.brand-grid{gap:80px;margin-bottom:40px;display:flex}.brand-grid img{flex:1;width:100%}.brand-grid .column{flex-direction:column;flex:1;gap:40px;display:flex}.brand-download{align-items:center;margin-bottom:120px;display:flex}.brand-download .f1{flex:1;align-items:center;display:flex}.brand-download .f1 span{color:#fff;background:#e91e63;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-right:10px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;display:flex}.brand-download .f1 p{color:#666;margin:0;font-family:Pretendard,sans-serif;font-size:16px}.brand-download .btn-wrap{align-items:center;display:flex}.brand-download .btn-wrap label{color:#111;margin-right:20px;font-family:Pretendard,sans-serif;font-size:14px;font-weight:700}.brand-download .btn-wrap .download{color:#fff;background:#e91e63;border-radius:20px;align-items:center;height:42px;padding:0 15px;font-family:Pretendard,sans-serif;font-size:14px;font-weight:700;display:flex}@media (max-width:767px){.story-section{flex-direction:column}.story-section .item .title-box h4{font-size:20px}.story-section .item .title-box span{font-size:14px}.story-section .item .contents-box{flex-direction:column;align-items:stretch;padding:0}.story-section .item .contents-box img{width:50%;margin:0 auto}.story-section .item .contents-box .text{margin-top:20px;padding:0}.story-section .item .contents-box .text *{font-size:14px}.brand-grid{flex-direction:column;gap:20px}.brand-grid .column{gap:20px}.brand-download{flex-direction:column}.brand-download .f1 p{font-size:14px}.brand-download .btn-wrap{align-self:flex-end;margin-top:20px}}.make-section .bg-img{background-image:url(/images/common/history-bg.jpg);background-position:50%;background-size:cover;border-radius:80px 0;flex-direction:column;justify-content:center;align-items:center;height:620px;display:flex;position:relative;overflow:hidden}.make-section .bg-img label{color:#fff;text-align:center;z-index:2;margin-bottom:-13px;font-family:Pretendard,sans-serif;font-size:24px;font-weight:700;position:relative}.make-section .bg-img h2{color:#fff;letter-spacing:-.05em;word-break:keep-all;background-color:#e91e63;border-radius:46px;margin-bottom:20px;padding:20px 40px;font-size:32px;font-weight:800}.make-section .bg-img .txt-line p{color:#fff;text-align:center;word-break:keep-all;font-size:18px}.make-section .sticky-layout{margin-top:40px}.make-section .sticky-layout h2{color:#333;letter-spacing:-.03em;flex:1;margin-bottom:30px;font-family:Pretendard,sans-serif;font-size:42px;font-weight:800;line-height:1.2}.make-section .sticky-layout .txt-box p{color:#777;text-align:justify;margin-bottom:20px;font-family:Pretendard,sans-serif;font-size:18px;font-weight:400}.history-timeline{margin-bottom:120px}.history-timeline .year-block{padding:40px 0;display:flex}.history-timeline .year-block h3{color:#111;letter-spacing:-.03em;flex:1;font-family:Montserrat,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.history-timeline .year-block ul{border-left:2px solid #e91e6326;flex-direction:column;flex:4;gap:30px;margin-left:10px;padding-left:40px;display:flex}.history-timeline .year-block ul li{color:#777;text-align:justify;padding-left:24px;font-family:Pretendard,sans-serif;font-size:18px;font-weight:400;position:relative}.history-timeline .year-block ul li:before{content:"";z-index:2;background-color:#fff;border:4px solid #e91e63;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-48px}@media (max-width:768px){.make-section .bg-img{height:360px}.make-section .bg-img label{margin-bottom:-10px;font-size:16px}.make-section .bg-img h2{padding:16px 20px;font-size:20px}.make-section .bg-img .txt-line p{font-size:14px}.make-section .sticky-layout{margin-top:40px}.make-section .sticky-layout h2{font-size:26px}.make-section .sticky-layout .txt-box p{font-size:14px}.history-timeline .year-block h3{font-size:36px}.history-timeline .year-block ul{gap:20px}.history-timeline .year-block ul li{font-size:16px}}@media (max-width:767px){.make-section .bg-img{border-radius:30px 0;height:280px}.make-section .bg-img label{margin-bottom:10px;font-size:14px}.make-section .bg-img h2{text-align:center;border-radius:0;margin:0 0 10px;padding:10px 20px;font-size:18px}.make-section .bg-img .txt-line p{margin:0 20px;font-size:13px}.make-section .sticky-layout{flex-direction:column;margin-top:40px}.make-section .sticky-layout h2{margin-bottom:10px;font-size:22px}.make-section .sticky-layout h2 br{display:none}.make-section .sticky-layout .txt-box p{font-size:14px}.history-timeline .year-block{flex-direction:column;padding:20px 0}.history-timeline .year-block h3{margin-bottom:10px;font-size:28px}.history-timeline .year-block ul{border:0;gap:20px;margin:0;padding:0}.history-timeline .year-block ul li{border:0;margin-left:0;padding-left:30px;font-size:14px}.history-timeline .year-block ul li:before{left:0}}.charactor-box{align-items:flex-start;gap:80px;margin-bottom:80px;display:flex}.charactor-box .thumb{justify-content:center;align-items:center;display:flex;position:sticky}.charactor-box .thumb img{aspect-ratio:1;max-width:320px}.charactor-box .contents{flex-direction:column;flex:1;display:flex}.charactor-box .contents label{letter-spacing:-.05em;color:#111;font-family:Pretendard;font-size:20px;font-weight:500}.charactor-box .contents h1{color:#e91e63;letter-spacing:-.05em;font-family:Montserrat;font-size:80px;font-weight:800}.charactor-box .contents h1 span{color:#999;letter-spacing:0;padding-left:20px;font-family:Pretendard;font-size:18px;font-weight:400}.charactor-box .contents p{color:#666;font-size:16px;font-weight:500;line-height:1.7}.charactor-box .story-box{border-top:1px solid #e2e4e7;flex-direction:column;gap:10px;padding-top:30px;display:flex}.charactor-box .story-box h2{letter-spacing:-.05em;margin-bottom:10px;font-family:Pretendard;font-size:28px;font-weight:800;line-height:1.3}.charactor-box .story-box p{letter-spacing:-.03em;color:#666;font-family:Pretendard,sans-serif;font-size:16px;font-weight:400;line-height:1.8}.identity-story{gap:60px;display:flex}.identity-story .thumb{border:1px solid #e2e4e7;border-radius:40px;flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.identity-story .contents{flex-direction:column;flex:1;align-items:flex-start;padding-top:20px;display:flex}.identity-story .contents .text{flex:1}.identity-story .contents span{color:#111;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600}.identity-story .contents h3{letter-spacing:-.05em;border-bottom:1px solid #e2e4e7;width:100%;margin-bottom:20px;padding-bottom:20px;font-family:Montserrat,sans-serif;font-size:36px;font-weight:800}.identity-story .contents p{color:#666;margin-bottom:20px;font-family:Pretendard,sans-serif;font-size:18px;font-weight:400}.identity-story .contents .download{cursor:pointer;color:#fff;background-color:#e91e63;border-radius:28px;margin-top:10px;padding:16px 24px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;display:inline-block}.identity-story .contents .adv-box{background-color:#f0f0f0;width:100%;margin-top:20px;padding:20px;display:flex}.identity-story .contents .adv-box span{color:#fff;background:#e91e63;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-top:2px;margin-right:10px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;display:flex}.identity-story .contents .adv-box p{color:#666;margin:0;font-family:Pretendard,sans-serif;font-size:16px}@media (max-width:768px){.identity-story{gap:40px}.identity-story .thumb img{width:80%}.identity-story .contents span{font-size:14px}.identity-story .contents h3{font-size:24px}.identity-story .contents p{font-size:14px}.identity-story .contents p br{display:none}.identity-story .contents button{padding:10px 12px;font-size:13px}.identity-story .contents .adv-box p{font-size:14px}}@media (max-width:767px){.identity-story{flex-direction:column-reverse;gap:0}.identity-story .thumb img{width:60%}.identity-story .contents span{font-size:13px}.identity-story .contents h3{margin-bottom:15px;padding-bottom:15px;font-size:20px}.identity-story .contents p{font-size:14px}.identity-story .contents p br{display:none}.identity-story .contents button{width:100%;padding:10px 12px;font-size:13px}.identity-story .contents .adv-box p{font-size:14px}}@media screen and (max-width:1440px){.visual-area{height:420px}.visual-area .layout-wrapper{box-sizing:border-box;width:100%;margin:0;padding:0 40px}.visual-area .title h2{font-size:40px}.story-section .item .contents-box .thumb.overflow{width:260px;height:330px}.story-section .item .contents-box .thumb{width:260px;height:260px}.charactor-box{gap:60px}.charactor-box .thumb img{max-width:240px}.charactor-box .contents{flex-direction:column;flex:1;display:flex}.charactor-box .contents label{font-size:18px}.charactor-box .contents h1{color:#e91e63;font-size:40px}.charactor-box .contents h1 span{padding-left:10px;font-size:16px}.charactor-box .contents p{color:#666;font-size:16px;font-weight:500;line-height:1.7}.charactor-box .story-box{border-top:1px solid #e2e4e7;flex-direction:column;gap:10px;padding-top:30px;display:flex}.charactor-box .story-box h2{font-size:24px}.charactor-box .story-box p{font-size:16px;line-height:1.7}}@media screen and (max-width:1024px){.fix-title-layout-wrapper .container{gap:40px}.fix-title-layout-wrapper .section-title{min-width:220px;max-width:220px}.fix-title-layout-wrapper .section-title .category{margin-bottom:10px;font-size:16px}.fix-title-layout-wrapper .section-title .subtitle{font-size:24px}.story-section .item .contents-box .thumb.overflow{width:200px;height:256px}.story-section .item .contents-box .thumb{width:200px;height:200px;margin-right:40px}.story-section .item .contents-box .text .title{flex-direction:column;margin-bottom:10px}.story-section .item .contents-box .text .title h4{font-size:24px}.story-section .item .contents-box .text .title span{font-size:16px}.story-section .item .contents-box .text p{font-size:16px;line-height:1.6}.brand-download{flex-direction:column}.brand-download .f1 p{font-size:14px}.brand-download .btn-wrap{align-self:flex-end;margin-top:20px}.charactor-box{gap:40px}.charactor-box .thumb img{max-width:180px}.charactor-box .contents{flex-direction:column;flex:1;display:flex}.charactor-box .contents label{font-size:16px}.charactor-box .contents h1{color:#e91e63;font-size:32px}.charactor-box .contents h1 span{padding-left:10px;font-size:14px}.charactor-box .story-box{border-top:1px solid #e2e4e7;flex-direction:column;gap:10px;padding-top:30px;display:flex}.charactor-box .story-box h2{font-size:20px}.charactor-box .story-box p{word-break:keep-all;font-size:16px;line-height:1.7}}@media screen and (max-width:768px){.story-section .item .contents-box .thumb.overflow{margin-top:-40px}.fix-title-layout-wrapper .section-title{max-width:100%;padding-bottom:0}.story-section{gap:40px}}@media screen and (max-width:500px){.visual-area .layout-wrapper{padding:0 20px}.intro-swiper-wrapper{margin-top:-40px}.fix-title-layout-wrapper .container{padding:0 20px}.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}.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}.story-section{margin-top:20px}.story-section .item .contents-box .thumb{align-self:center;margin:0}.charactor-box{flex-direction:column;gap:40px}.charactor-box .thumb{align-self:center}.charactor-box .thumb img{max-width:180px}.charactor-box .contents{flex-direction:column;flex:1;display:flex}.charactor-box .contents label{font-size:14px}.charactor-box .contents h1{color:#e91e63;font-size:28px}.charactor-box .contents h1 span{padding-left:10px;font-size:14px}.charactor-box .story-box{border-top:1px solid #e2e4e7;flex-direction:column;gap:10px;padding-top:30px;display:flex}.charactor-box .story-box h2{font-size:16px}.charactor-box .story-box p{word-break:keep-all;font-size:14px;line-height:1.7}}
