@charset "utf-8";

/* Font */
@font-face{
    font-family:'NanumSquareNeoLight';
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}
@font-face {
    font-family:'NanumSquareNeo';
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}
/* 700 */
@font-face {
    font-family:'NanumSquareNeoBold';
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}
@font-face {
    font-family:'NanumSquareNeoExtraBold';
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}
@font-face{
    font-family:'NanumSquareNeoHeavy';
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}
@font-face{
    font-family:'NanumSquareNeoVariable';
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}
@font-face{
    font-family:'gunnar-regular-webfont';
    src:url(../images/fonts/gunnar-regular-webfont.eot);
    src:url(../images/fonts/gunnar-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../images/fonts/gunnar-regular-webfont.woff) format("woff"), url(../images/fonts/gunnar-regular-webfont.ttf) format("truetype");
}

/* Reset */
*,*:before,*:after{box-sizing:border-box;}
html,body{width:100%;}
.overflow--hidden{height:100%;overflow:hidden;}
body{background-color:#ECECEC;line-height:1.3;color:#3F3D3D;font-size:20px;font-family:'NanumSquareNeoBold','Pretendard',sans-serif;font-weight:normal;word-break:keep-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
button{border:0 none;outline:none;cursor:pointer;background-color:transparent;font-size:20px;color:inherit;line-height:1;font-family:'NanumSquareNeoBold','Pretendard',sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
th,td{border-collapse:collapse;}
legend,caption,hr{display:none;}
select,input,textarea{margin:0;padding:0;border-radius:0;border:none;font-size:20px;color:inherit;line-height:inherit;font-family:'NanumSquareNeoBold','Pretendard',sans-serif;outline:none;resize:none;}
select,input{line-height:1;vertical-align:middle;}
input:-ms-input-placeholder{color:#A9A9A9;}
input::-webkit-input-placeholder{color:#A9A9A9;}
input::-moz-placeholder{color:#A9A9A9;}
textarea:-ms-input-placeholder{color:#A9A9A9;}
textarea::-webkit-input-placeholder{color:#A9A9A9;}
textarea::-moz-placeholder{color:#A9A9A9;}
em,cite{font-style:normal;}
strong{font-weight:normal;font-family:'NanumSquareNeoExtraBold','Pretendard',sans-serif;}
img{border:0;vertical-align:middle;}
a{color:inherit;text-decoration:none;outline-offset:-1px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
address{font-style:normal;}
select,mark{background-color:transparent;outline:none;}
label{vertical-align:middle;}
[disabled], .disabled{opacity:0.6;pointer-events:none;}
::-moz-selection{background-color:#F12222;color:#fff;}
::selection{background-color:#F12222;color:#fff;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background-color:#fafafa;}
::-webkit-scrollbar-thumb{background-color:#adadb0;}

/* Layout */
.container{max-width:1728px;margin:0 auto;padding:0 24px;}
.contents{padding:50px 0;}
@media (max-width: 768px) {
	.container{padding:0;}
	.contents{padding:0 16px 24px 16px;}
}
.header{position:relative;height:144px;line-height:1;}
.header-logo{position:absolute;left:50%;top:0;width:200px;height:100%;margin-left:-100px;font-size:0;}
.header-logo a{display:block;height:100%;background:url('../images/img-logo.svg') no-repeat center center;background-size:124px 106px;}
.header-gnb{display:flex;align-items:center;justify-content:center;height:100%;color:#F12222;font-size:21px;font-family:'NanumSquareNeoExtraBold';}
.header-gnb .header-gnb__menu{flex:1;display:flex;align-items:center;gap:80px;}
.header-gnb .header-gnb__menu.m1{justify-content:flex-end;}
.header-gnb .header-gnb__menu a{display:flex;align-items:center;}
.header-gnb .blank{flex:none;width:500px;}
.header-gnb__top{display:none;justify-content:space-between;height:48px;margin-bottom:24px;font-size:0;}
.header-gnb__top-logo{width:121px;}
.header-gnb__top-logo a{display:block;height:100%;background:url('../images/img-logo-white.svg') no-repeat center center;background-size:57px 48px;}
.header-gnb__top-close{width:72px;display:flex;align-items:center;justify-content:center;}
.header-gnb__top-close a{display:block;width:40px;height:40px;border-radius:20px;background:#F12C2C url('../images/btn-close.svg') no-repeat center center;background-size:24px 24px;}
.header-menu{position:absolute;right:0;top:0;display:none;width:62px;height:100%;font-size:0;}
.header-menu a{display:flex;align-items:center;justify-content:center;height:100%;background:url('../images/btn-menu.svg') no-repeat center center;background-size:30px 30px;}
@media (max-width: 1200px) {
	.header-gnb .blank{width:300px;}
}
@media (max-width: 1024px) {
	.header-gnb .header-gnb__menu{gap:60px;}
}
@media (max-width: 960px) {
	.header-logo{width:150px;margin-left:-75px;}
	.header-logo a{background-size:93px 80px;}
	.header-gnb{font-size:18px;}
	.header-gnb .header-gnb__menu{gap:40px;}
	.header-gnb .blank{width:230px;}
}
@media (max-width: 768px) {
	.header{height:80px;}
	.header-logo{left:0;width:89px;margin:0;}
	.header-logo a{background-size:57px 48px;}
	.header-gnb{z-index:2;position:fixed;right:-295px;top:0;bottom:0;display:block;width:295px;padding:16px 0;background-color:#DF1818;color:#fff;font-size:18px;font-family:'NanumSquareNeoBold';transition:right 0.5s ease-in-out;will-change:right;}
	.header.display--menu .header-gnb{right:0;}
	.header-gnb .header-gnb__menu{display:block;}
	.header-gnb .header-gnb__menu a{height:52px;padding:0 40px;}
	.header-gnb .blank{display:none;}
	.header-gnb__top{display:flex;}
	.header-menu{display:block;}
}

/* Footer */
.footer{padding:24px 0 24px 210px;background:url('../images/img-logo.svg') no-repeat 24px 15px;background-size:124px 106px;font-size:16px;color:#6C6C6C;line-height:1.7;}
.footer-company{color:#F12222;font-family:'NanumSquareNeoExtraBold';}
.footer-address p{display:flex;flex-wrap:wrap;column-gap:20px;}
.footer-sns{display:flex;gap:24px;margin-top:24px;font-size:0;}
.footer-sns a{display:block;width:32px;height:32px;background-repeat:no-repeat;background-position:0 0;background-size:32px 32px;}
.footer-sns .kakao-channel{background-image:url('../images/img-sns-kakao-channel.svg');}
.footer-sns .kakao-counsel{background-image:url('../images/img-sns-kakao-counsel.svg');}
.footer-sns .blog{background-image:url('../images/img-sns-blog.svg');}
.footer-sns .instargram{background-image:url('../images/img-sns-instargram.svg');}
@media (max-width: 768px) {
	.footer{padding:102px 24px 24px 24px;background-size:71px 61px;background-position:center 24px;font-size:14px;text-align:center;}
	.footer-address p{display:block;}
	.footer-address p span{display:block;}
	.footer-sns{justify-content:center;}
}

/* Main */
.main{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:218px 218px 460px;grid-gap:24px;}
.main > div{position:relative;border-radius:40px;background-color:#fff;overflow:hidden;}
.main .main-item1{grid-row:1/3;grid-column:1/2;}
.main .main-item2{grid-row:1/2;grid-column:2/4;}
.main .main-item3{grid-row:2/3;grid-column:2/4;}
.main .main-item4{grid-row:1/3;grid-column:4/5;background-color:#FAF0BD;}
.main .main-item5{grid-row:3/4;grid-column:2/3;}
.main .main-item6{grid-row:3/4;grid-column:3/4;}
.main .main-item7{grid-row:3/4;grid-column:4/5;}
.main .main-item8{grid-row:3/4;grid-column:1/2;background-color:#009959;color:#fff;}
.main-item__inner{display:flex;flex-direction:column;height:100%;padding:40px 10%;}
.main .main-item3 .main-item__inner{padding-left:5%;padding-right:5%;}
.main-title{flex:none;}
.main-title__title{font-size:32px;color:#F12222;line-height:1;font-family:'gunnar-regular-webfont';}
.main-title__title em{color:#FFF969;}
.main-title__sub{margin-top:10px;font-size:17px;color:#F12222;}
.main .main-item8 .main-title__title{color:#fff;}
.main-item__prod{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;height:320px;}
.main-item3 .main-item__prod{left:unset;top:0;justify-content:flex-start;width:51.39732685%;height:100%;}
.main-item__prod span{width:70.17543859%;max-width:280px;height:280px;margin-left:-20px;}
.main-item__prod em{position:absolute;right:4.76190476%;bottom:30px;width:22.80701754%;max-width:92px;height:127px;}
.main-item3 .main-item__prod span{width:66.19385342%;height:100%;margin:0;background:url('../images/img-main-prod-monday.png') no-repeat center center;background-size:100% auto;}
.main-item3 .main-item__prod em{right:11.34751773%;bottom:49px;width:20.09456264%;max-width:85px;height:120px;background:url('../images/img-main-prod-monday_.png') no-repeat center center;background-size:100% auto;}
.main-item4 .main-item__prod span{background:url('../images/img-main-prod-tuesday.png') no-repeat center bottom;background-size:100% auto;}
.main-item4 .main-item__prod em{background:url('../images/img-main-prod-tuesday_.png') no-repeat center bottom;background-size:100% auto;}
.main-item5 .main-item__prod span{background:url('../images/img-main-prod-wednesday.png') no-repeat center bottom;background-size:100% auto;}
.main-item5 .main-item__prod em{background:url('../images/img-main-prod-wednesday_.png') no-repeat center bottom;background-size:100% auto;}
.main-item6 .main-item__prod span{background:url('../images/img-main-prod-thursday.png') no-repeat center bottom;background-size:100% auto;}
.main-item6 .main-item__prod em{background:url('../images/img-main-prod-thursday_.png') no-repeat center bottom;background-size:100% auto;}
.main-item7 .main-item__prod span{background:url('../images/img-main-prod-friday.png') no-repeat center bottom;background-size:100% auto;}
.main-item7 .main-item__prod em{background:url('../images/img-main-prod-friday_.png') no-repeat center bottom;background-size:100% auto;}
.main-vs{display:flex;align-items:center;justify-content:center;height:100%;background-color:#DF1818;color:#fff;line-height:1;text-align:center;}
.main-vs__inner{width:100%;}
.main-vs__title{font-size:22px;font-family:'NanumSquareNeoExtraBold';}
.main-vs__track{display:flex;align-items:center;height:16px;margin:35px 7% 0 7%;padding:0 4px;border-radius:8px;background-color:#8C1717;}
.main-vs__track span{display:inline-block;width:3.5%;height:8px;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#5AE781;}
.main-vs__track div{position:relative;}
.main-vs__track div em{position:absolute;left:-45px;top:-25px;width:103px;height:50px;background:url('../images/img-main-bus.svg') no-repeat 0 0;background-size:103px 50px;}
.main-vs__track.action div em{animation:jump 1.5s linear infinite;}
.main-vs__week{position:relative;display:flex;margin:30px 0 0 7%;font-size:14px;}
.main-vs__week div{z-index:1;position:relative;flex:1;display:flex;align-items:center;gap:5px;height:40px;padding:0 20px;}
.main-vs__week span{position:absolute;left:0;top:0;width:106px;height:40px;border-radius:20px;background-color:#8C1717;transition:left 0.5s ease-in-out;will-change:left;}
.main-vs__week span:before{content:'';position:absolute;left:50%;top:-8px;width:27px;height:17px;margin-left:-13px;background:url('../images/bul-main-vs-arrow.svg') no-repeat 0 0;background-size:27px 17px;}
.main-vs__week.active2 span{left:25%;}
.main-vs__week.active3 span{left:50%;}
.main-vs__week.active4 span{left:75%;}
.main-hit{margin-top:50px;line-height:1;}
.main-hit__item{display:flex;min-height:52px;font-size:19px;line-height:1.3;font-family:'NanumSquareNeoExtraBold';}
.main-hit__item + .main-hit__item{margin-top:10px;}
.main-hit__item strong{flex:none;width:13px;margin-right:10px;font-size:24px;color:#FFF969;line-height:1;font-family:'gunnar-regular-webfont';}
.main-hit__item div{display:flex;}
.main-hit__item div span{flex:none;width:34px;height:22px;background:url('../images/bul-main-hit-plus.svg') no-repeat center center;background-size:16px 17px;font-size:0;}
.main-delivery{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:-20px;font-size:20px;line-height:1.6;color:#F41818;text-align:center;font-family:'NanumSquareNeoExtraBold';}
.main-delivery div{z-index:1;position:relative;padding-top:10px;border-radius:100%;background:rgb(255,255,255);background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);box-shadow:0 0 20px #fff;}
.main-delivery span{position:absolute;right:0;top:0;width:100%;height:263px;background:url('../images/img-main-balloon.svg') no-repeat right 0;background-size:263px 263px;}
@media (max-width: 1400px) {
	.main .main-item3 .main-item__inner{background-size:auto 70%;}
	.main-hit__item strong{width:12px;margin-right:5px;font-size:22px;}
	.main-hit__item{font-size:17px;}
	.main-hit__item div span{width:24px;}
	.main-delivery br{display:none;}
}
@media (max-width: 1200px) {
	.main{grid-template-columns:1fr 1fr 1fr;grid-template-rows:218px 218px 460px 460px;}
	.main-item__inner{padding:40px;}
	.main .main-item1{grid-row:4/5;grid-column:3/4;}
	.main .main-item2{grid-column:1/3;}
	.main .main-item3{grid-column:1/3;}
	.main .main-item4{grid-column:3/4;}
	.main .main-item5{grid-column:1/2;}
	.main .main-item6{grid-column:2/3;}
	.main .main-item7{grid-column:3/4;}
	.main .main-item8{grid-row:4/5;grid-column:1/3;}
	.main-hit__item strong{width:13px;margin-right:10px;font-size:24px;}
	.main-hit__item{font-size:19px;}
	.main-hit__item div span{width:34px;}
}
@media (max-width: 960px) {
	.main{grid-template-columns:1fr 1fr;grid-template-rows:218px 460px 460px 460px 460px;}
	.main .main-item1{grid-row:2/3;grid-column:1/2;}
	.main .main-item2{grid-column:1/3;}
	.main .main-item3{grid-column:2/3;}
	.main .main-item4{grid-row:3/4;grid-column:1/2;}
	.main .main-item5{grid-column:2/3;}
	.main .main-item6{grid-row:4/5;grid-column:1/2;}
	.main .main-item7{grid-row:4/5;grid-column:2/3;}
	.main .main-item8{grid-row:5/6;grid-column:1/3;}
	.main .main-item3 .main-item__inner{padding:40px;}
	.main-item3 .main-item__prod{left:0;top:unset;justify-content:center;width:auto;height:320px;}
	.main-item3 .main-item__prod span{width:70.17543859%;height:280px;margin-left:-20px;background-position:center bottom;background-size:100% auto;}
	.main-item3 .main-item__prod em{right:4.76190476%;bottom:30px;width:22.80701754%;max-width:92px;height:127px;background-position:center bottom;background-size:100% auto;}
}
@media (max-width: 768px) {
	.main{grid-gap:16px;grid-template-rows:168px 158px 158px 158px 271px;}
	.main > div{border-radius:24px;}
	.main .main-item3{grid-column:2/3;}
	.main .main-item4{grid-row:3/4;grid-column:1/2;}
	.main .main-item5{grid-column:2/3;}
	.main .main-item6{grid-row:4/5;grid-column:1/2;}
	.main .main-item7{grid-row:4/5;grid-column:2/3;}
	.main .main-item8{grid-row:5/6;grid-column:1/3;}
	.main-item__inner{padding:17px 24px;}
	.main .main-item3 .main-item__inner{padding:17px 24px;}
	.main .main-item8 .main-item__inner{padding-top:24px;padding-bottom:9px;}
	.main-title__title{font-size:16px;}
	.main-vs__title{font-size:16px;line-height:1.4;}
	.main-vs__title span{display:block;}
	.main-title__sub{margin-top:5px;font-size:10px;}
	.main-item__prod{height:95px;}
	.main-item3 .main-item__prod{height:95px;}
	.main-item__prod span{width:61.34969325%;max-width:100px;height:100px;margin-left:-41px;}
	.main-item__prod em{left:50%;right:unset;bottom:10px;width:22.69938650%;max-width:37px;height:50px;margin-left:33px;}
	.main-item3 .main-item__prod span{width:61.34969325%;height:100px;margin-left:-41px;}
	.main-item3 .main-item__prod em{left:50%;right:unset;bottom:10px;width:22.69938650%;max-width:37px;height:50px;margin-left:33px;}
	.main-vs__track{margin-top:20px;}
	.main-vs__week{margin:25px 0 0 10%;}
	.main-vs__week div{height:32px;padding:0 16px;}
	.main-vs__week div em{display:none;}
	.main-vs__week span{width:69px;height:32px;border-radius:16px;}
	.main-hit{margin-top:22px;}
	.main-hit__item{min-height:32px;line-height:1.15;font-size:14px;font-family:'NanumSquareNeoBold';}
	.main-hit__item strong{width:10px;font-size:18px;}
	.main-hit__item div span{width:20px;height:17px;background-size:12px 12px;}
	.main-delivery{margin:0;font-size:10px;}
	.main-delivery br{display:inherit;}
	.main-delivery span{top:-30px;right:-20px;height:263px;background-size:100px 100px;} 
}
@media (max-width: 400px) {
	.main-vs__week{margin-left:3%;}
	.main-delivery br{display:none;}
}
@keyframes jump{
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-5px);}
	60% {transform: translateY(-5px);}
}

/* Company */
.company{width:100%;overflow:hidden;}
.company-intro{display:flex;justify-content:space-between;gap:24px;color:#474747;line-height:1.6;}
.company-intro__haccp{flex:1;display:flex;flex-direction:column;justify-content:center;height:300px;padding:0 40px;border-radius:40px;background-color:#fff !important;font-size:32px;overflow:hidden;}
.company-intro__haccp strong{display:block;margin-bottom:45px;color:#ED3C3C;font-size:48px;line-height:1;font-family:'gunnar-regular-webfont';}
.company-intro__haccp span{color:#ED3C3C;}
.company-intro__bus{flex:1;background:url('../images/img-company-bus.svg') no-repeat center center;background-size:100% auto;}
.company-story{position:relative;padding-bottom:619px;text-align:center;}
.company-story__name{font-size:32px;color:#F12222;line-height:1;font-family:'gunnar-regular-webfont';}
.company-story__title{margin-top:64px;font-size:64px;color:#3F3D3D;}
.company-story__bg{position:absolute;left:0;right:0;bottom:0;font-size:140px;color:#D4D4D4;line-height:1.18;}
.company-story__item{z-index:1;position:absolute;display:inline-flex;align-items:center;height:104px;padding:0 155px 0 52px;border-radius:100px;background-color:#fff;font-size:40px;line-height:1;color:#F12222;}
.company-story__item.type1{left:5%;bottom:425px;animation:right 3s linear infinite;}
.company-story__item.type2{right:15%;bottom:268px;animation:left 4s linear infinite;}
.company-story__item.type3{left:25%;bottom:102px;animation:right 3s linear infinite;}
.company-story__item span{position:absolute;right:-50px;top:50%;display:block;width:168px;height:168px;margin-top:-84px;}
.company-story__item.type1 span{background:url('../images/img-company-brand1.svg') no-repeat center center;background-size:100% auto;}
.company-story__item.type2 span{background:url('../images/img-company-brand2.svg') no-repeat center center;background-size:100% auto;}
.company-story__item.type3 span{background:url('../images/img-company-brand3.svg') no-repeat center center;background-size:100% auto;}
.company-vision{display:flex;flex-wrap:wrap;gap:24px;margin-top:104px;}
.company-vision__item{position:relative;flex:1;width:100%;height:360px;padding:40px;border-radius:40px;background-color:#fff;font-family:'NanumSquareNeoExtraBold';}
.company-vision__item.type0{display:none;align-items:center;font-size:32px;color:#C0C0C0;}
.company-vision__item.type0 strong{color:#FF1818;}
.company-vision__item.type1{background-color:#FFE560;}
.company-vision__item.type2{background-color:#009959;}
.company-vision__item div{line-height:1;font-size:32px;color:#009959;}
.company-vision__item.type1 div{color:#FF1818;}
.company-vision__item.type2 div{color:#fff;}
.company-vision__item span{position:absolute;display:block;}
.company-vision__item.type1 span{right:58px;bottom:31px;width:306px;height:149px;background:url('../images/img-company-vision1.svg') no-repeat center center;background-size:100% auto;}
.company-vision__item.type2 span{right:33px;bottom:40px;width:220px;height:119px;background:url('../images/img-company-vision2.svg') no-repeat center center;background-size:100% auto;}
.company-vision__item.type3 span{right:41px;bottom:32px;width:165px;height:165px;background:url('../images/img-company-vision3.svg') no-repeat center center;background-size:100% auto;}
.company-goal{margin-top:80px;font-size:40px;line-height:2;text-align:center;}
.company-location{display:flex;margin:104px -40px 0 -40px;overflow:hidden;}
.company-location__wrap{flex:none;width:50%;padding:0 40px;}
.company-location__delivery{position:relative;height:518px;padding:47px 40px;border-radius:40px;background:url('../images/img-company-map.svg') no-repeat right center;background-size:auto 100%;background-color:#009959 !important;color:#fff;line-height:1.6;font-family:'NanumSquareNeoExtraBold';}
.company-location__delivery-title strong{display:block;font-size:32px;}
.company-location__delivery-title span{display:block;margin-top:12px;font-size:21px;}
.company-location__delivery-item{position:absolute;display:flex;align-items:flex-end;justify-content:center;width:65px;height:86px;font-size:26px;}
.company-location__delivery-item.type1{top:13.89961389%;right:268px;}
.company-location__delivery-item.type2{top:33.39768339%;right:335px;}
.company-location__delivery-item.type3{top:47.49034749%;right:221px;}
.company-location__delivery-item.type4{top:70.07722007%;right:253px;}
.company-location__delivery-item span{position:absolute;left:0;top:0;display:block;width:100%;height:38px;background:url('../images/img-company-map-bus.svg') no-repeat center center;background-size:100% auto;}
.company-location__delivery-item:nth-child(odd) span{animation:jump2 1s linear infinite;}
.company-location__delivery-item:nth-child(even) span{transform:translateY(-5px);animation:jump3 1s linear infinite;}
.company-location__map{position:relative;height:518px;border:2px solid #D8D8D8;border-radius:40px;overflow:hidden;}
.company-location__map-title{z-index:2;position:absolute;top:20px;right:30px;display:flex;align-items:center;height:91px;padding:0 32px;border-radius:30px;background-color:#fff;font-size:32px;color:#F12222;line-height:1;}
.company-location__map-area{height:100%;}
.company-location__map-area iframe{width:100% !important;height:100% !important;}
@media (max-width: 1550px) {
	.company-intro__haccp br{display:none;}
}
@media (max-width: 1400px) {
	.company-story{padding-bottom:569px;}
	.company-story__title{font-size:56px;}
	.company-story__bg{font-size:120px;}
	.company-story__item.type1{bottom:400px;}
	.company-story__item.type2{bottom:243px;}
	.company-story__item.type3{bottom:77px;}
}
@media (max-width: 1300px) {
	.company-location__delivery{background-position:right -130px center;}
	.company-location__delivery-item.type1{right:138px;}
	.company-location__delivery-item.type2{right:205px;}
	.company-location__delivery-item.type3{right:91px;}
	.company-location__delivery-item.type4{right:123px;}
}
@media (max-width: 1200px) {
	.company-intro__haccp{font-size:28px;}
	.company-story{padding-bottom:469px;}
	.company-story__title{font-size:48px;}
	.company-story__bg{font-size:105px;}
	.company-story__item{height:84px;padding-right:145px;}
	.company-story__item.type1{bottom:350px;}
	.company-story__item.type2{bottom:193px;}
	.company-story__item.type3{bottom:27px;}
	.company-story__item span{right:-40px;width:148px;height:148px;margin-top:-74px;}
	.company-vision__item div{font-size:28px;}
	.company-vision__item.type1 span{right:38px;width:256px;height:125px;}
	.company-vision__item.type2 span{right:23px;width:170px;height:92px;}
	.company-vision__item.type3 span{right:21px;width:115px;height:115px;}
}
@media (max-width: 1024px) {
	.company-intro{display:block;}
	.company-intro__haccp{display:block;height:400px;padding:40px;background:url('../images/img-company-bus-mo.svg') no-repeat center bottom;background-size:91.83673469% auto;font-size:30px;}
	.company-intro__haccp br{display:inherit;}
	.company-intro__bus{display:none;}
	.company-story__bg{display:none;}
	.company-story__item.type1{animation:right-sm 3s linear infinite;}
	.company-story__item.type2{animation:left-sm 4s linear infinite;}
	.company-story__item.type3{left:16.78571428%;animation:right-sm 3s linear infinite;}
	.company-vision__item{min-width:40%;}
	.company-vision__item.type0{display:flex;}
	.company-vision__item div{font-size:32px;}
	.company-goal{font-size:34px;}
	.company-location{display:block;margin-left:0;margin-right:0;}
	.company-location__wrap{width:100%;padding:0;}
	.company-location__wrap + .company-location__wrap{margin-top:80px;}
	.company-location__delivery{background-position:right center;}
	.company-location__delivery-item.type1{right:268px;}
	.company-location__delivery-item.type2{right:335px;}
	.company-location__delivery-item.type3{right:221px;}
	.company-location__delivery-item.type4{right:253px;}
}
@media (max-width: 768px) {
	.company-intro__haccp{height:183px;padding:17px 24px;border-radius:24px;font-size:14px;}
	.company-intro__haccp strong{margin-bottom:10px;font-size:16px;}
	.company-story{padding-bottom:244px;margin-top:56px;}
	.company-story__name{font-size:16px;}
	.company-story__title{margin-top:16px;font-size:14px;}
	.company-story__item{height:42px;padding:0 52px 0 24px;border-radius:20px;font-size:14px;}
	.company-story__item.type1{left:1%;bottom:162px;}
	.company-story__item.type2{right:8%;bottom:86px;}
	.company-story__item.type3{left:8%;bottom:10px;}
	.company-story__item span{right:-16px;width:64px;height:64px;margin-top:-32px;}
	.company-vision{gap:16px;margin-top:56px;}
	.company-vision__item{height:138px;padding:17px;border-radius:24px;}
	.company-vision__item.type0{font-size:15px;}
	.company-vision__item div{font-size:14px;text-align:center;}
	.company-vision__item.type1 span{right:unset;left:50%;bottom:24px;width:99px;height:48px;margin-left:-60px;background-size:auto 48px;}
	.company-vision__item.type2 span{right:unset;left:50%;bottom:24px;width:89px;height:48px;margin-left:-45px;background-size:auto 48px;}
	.company-vision__item.type3 span{right:unset;left:50%;bottom:24px;width:48px;height:48px;margin-left:-24px;background-size:auto 48px;}
	.company-goal{margin-top:40px;font-size:14px;}
	.company-location{margin-top:40px;}
	.company-location__wrap + .company-location__wrap{margin-top:32px;}
	.company-location__delivery{height:225px;padding:24px;border-radius:24px;background:url('../images/img-company-map-mo.png') no-repeat right center;background-size:auto 100%;}
	.company-location__delivery-title strong{font-size:14px;}
	.company-location__delivery-title span{margin-top:4px;font-size:12px;}
	.company-location__delivery-item{width:24px;height:36px;font-size:12px;}
	.company-location__delivery-item.type1{top:35px;right:121px;}
	.company-location__delivery-item.type2{top:87px;right:156px;}
	.company-location__delivery-item.type3{top:113px;right:111px;}
	.company-location__delivery-item.type4{top:168px;right:123px;}
	.company-location__delivery-item span{height:14px;}
	.company-location__map{height:225px;border:0;border-radius:24px;}
	.company-location__map-title{top:16px;right:16px;height:38px;padding:0 16px;border-radius:10px;font-size:14px;}
}
@media (max-width: 380px) {
	.company-intro__haccp br{display:none;}
}
@media (max-width: 350px) {
	.company-location__delivery{background-position:right -50px center;}
	.company-location__delivery-item.type1{right:71px;}
	.company-location__delivery-item.type2{right:106px;}
	.company-location__delivery-item.type3{right:61px;}
	.company-location__delivery-item.type4{right:73px;}
}
@media (max-width: 340px) {
	.company-goal{letter-spacing:-1px;}
}
@keyframes right{
	0% {transform: translateX(0);}
	50% {transform: translateX(50%);}
	100% {transform: translateX(0);}
}
@keyframes left{
	0% {transform: translateX(0);}
	50% {transform: translateX(-50%);}
	100% {transform: translateX(0);}
}
@keyframes right-sm{
	0% {transform: translateX(0);}
	50% {transform: translateX(20%);}
	100% {transform: translateX(0);}
}
@keyframes left-sm{
	0% {transform: translateX(0);}
	50% {transform: translateX(-20%);}
	100% {transform: translateX(0);}
}
@keyframes jump2{
	0% {transform: translateY(0);}
	50% {transform: translateY(-5px);}
	0% {transform: translateY(0);}
}
@keyframes jump3{
	0% {transform: translateY(-5px);}
	50% {transform: translateY(0);}
	0% {transform: translateY(-5px);}
}

/* Faq */
.faq-title{margin-bottom:114px;text-align:center;}
.faq-title span{display:block;font-size:32px;color:#F12222;line-height:1;font-family:'gunnar-regular-webfont';}
.faq-title strong{display:block;margin-top:24px;font-size:44px;line-height:1.11;font-family:'NanumSquareNeoBold';}
.faq-title div{margin-top:34px;font-size:29px;color:#616161;line-height:1.6;}
.faq-title div a{position:relative;color:#3A7DFF;}
.faq-title div a:before{content:'';position:absolute;left:0;right:0;bottom:0;display:block;height:1px;background-color:#3A7DFF;}
.faq-box{display:flex;gap:24px;}
.faq-box__item{flex:1;position:relative;padding:70px 64px 120px 64px;border-radius:40px;background-color:#fff;}
.faq-box__item strong{z-index:1;position:relative;display:inline-flex;border-radius:100%;background:rgb(255,255,255);background:linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.4) 100%);font-size:29px;color:#F12222;font-family:'NanumSquareNeoExtraBold';}
.faq-box__item div{margin-top:54px;font-size:26px;line-height:1.6;}
.faq-box__item span{position:absolute;right:40px;bottom:24px;display:block;width:120px;height:120px;}
.faq-box__item.type1 span{background:url('../images/img-faq-1.svg') no-repeat right center;background-size:100% auto;}
.faq-box__item.type2 span{background:url('../images/img-faq-2.svg') no-repeat right center;background-size:100% auto;}
.faq-box__item.type3 span{background:url('../images/img-faq-3.svg') no-repeat right center;background-size:100% auto;}
.faq-box__item.type4 span{background:url('../images/img-faq-4.svg') no-repeat right center;background-size:100% auto;}
.faq-desc{margin-top:80px;margin-bottom:74px;text-align:center;font-size:44px;line-height:1.6;}
.faq-desc strong{color:#F12222;font-family:'NanumSquareNeoBold';}
@media (max-width: 960px) {
	.faq-box{display:block;}
	.faq-box__item + .faq-box__item{margin-top:24px;}
}
@media (max-width: 768px) {
	.faq-title{margin-bottom:56px;}
	.faq-title span{font-size:16px;}
	.faq-title strong{margin-top:16px;font-size:16px;}
	.faq-title div{margin-top:16px;font-size:14px;}
	.faq-box__item{padding:88px 24px 24px 24px;border-radius:24px;text-align:center;}
	.faq-box__item + .faq-box__item{margin-top:16px;}
	.faq-box__item strong{font-size:16px;}
	.faq-box__item div{margin-top:8px;font-size:14px;}
	.faq-box__item span{right:50%;top:16px;width:64px;height:64px;margin-right:-32px;}
	.faq-desc{margin-top:56px;margin-bottom:56px;font-size:16px;}
}

/* Menu */
.menu-title{text-align:center;}
.menu-title span{display:block;color:#F12222;font-size:32px;line-height:1;font-family:'gunnar-regular-webfont';}
.menu-title strong{display:block;margin-top:24px;font-size:44px;line-height:1.6;font-family:'NanumSquareNeoBold';}
.menu-title div{margin-top:10px;color:#616161;font-size:24px;line-height:1.6;}
.menu-content__section{display:none;}
.menu-content__section.display--show{display:block;}
.menu-tab{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:104px;}
.menu-tab__item{flex:1;height:177px;border-radius:40px;background-color:#fff;color:#404040;font-size:22px;line-height:1;}
.menu-tab__item.active{background-color:#F12222;color:#fff;}
.menu-tab__item a{display:flex;justify-content:center;align-items:flex-end;height:100%;padding-bottom:30px;}
.menu-tab__item.type1 a{background:url('../images/img-menu-tab1.png') no-repeat center 16px;background-size:auto 96px;}
.menu-tab__item.type2 a{background:url('../images/img-menu-tab2.png') no-repeat center 16px;background-size:auto 96px;}
.menu-tab__item.type3 a{background:url('../images/img-menu-tab3.png') no-repeat center 16px;background-size:auto 96px;}
.menu-tab__item.type4 a{background:url('../images/img-menu-tab4.png') no-repeat center 16px;background-size:auto 96px;}
.menu-tab__item.type5 a{background:url('../images/img-menu-tab5.png') no-repeat center 16px;background-size:auto 96px;}
.menu-tab__item.type6 a{background:url('../images/img-menu-tab6.png') no-repeat center 16px;background-size:auto 96px;}
.menu-subtab{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:62px;}
.menu-subtab__item{flex:1;max-width:200px;height:88px;border-radius:20px;background-color:#fff;color:#404040;font-size:20px;line-height:1;}
.menu-subtab__item.active{background-color:#F12222;color:#fff;}
.menu-subtab__item a{display:flex;justify-content:center;align-items:center;height:100%;}
.menu-content{margin-top:64px;}
.menu-list{display:none;flex-wrap:wrap;gap:24px;margin-top:72px;}
.menu-list.display--show{display:flex;}
.menu-list__item{flex:1 1 20%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;max-width:402px;height:374px;border-radius:40px;background-color:#fff;}
.menu-list__item-title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;line-height:1;}
.menu-list__item-title:before{content:'';position:absolute;left:-24px;top:50%;display:block;width:14px;height:26px;margin-top:-13px;background:url('../images/img-menu-title-l.svg') no-repeat 0 0;background-size:auto 100%;}
.menu-list__item-title:after{content:'';position:absolute;right:-24px;top:50%;display:block;width:14px;height:28px;margin-top:-14px;background:url('../images/img-menu-title-r.svg') no-repeat 0 0;background-size:auto 100%;}
.menu-list__item-title strong{font-size:22px;color:#DF1818;font-family:'NanumSquareNeoBold';}
.menu-list__item-title span{margin-top:12px;font-size:16px;color:#009900;}
.menu-list__item-content{position:relative;width:100%;text-align:center;}
.menu-list__item-content figure{max-width:280px;width:100%;height:280px;margin:0 auto;}
.menu-list__item-content span{position:absolute;bottom:36px;right:19px;width:91px;height:127px;}
.menu-list__item-content img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.menu-list.type--set .menu-list__item-title:before,
.menu-list.type--set .menu-list__item-title:after{display:none;}
.menu-list.type--drink .menu-list__item-content figure{max-width:200px;}
@media (max-width: 1300px) {
	.menu-list__item{flex:1 1 30%;}
}
@media (max-width: 1024px) {
	.menu-tab__item{flex:1 1 30%;}
}
@media (max-width: 960px) {
	.menu-title strong{font-size:40px;}
	.menu-list__item{flex:1 1 40%;max-width:none;}
}
@media (max-width: 768px) {
	.menu-title span{font-size:16px;}
	.menu-title strong{margin-top:16px;font-size:16px;}
	.menu-title div{margin-top:8px;font-size:14px;}
	.menu-tab{gap:4px;margin-top:44px;}
	.menu-tab__item{height:80px;border-radius:8px;font-size:15px;}
	.menu-tab__item a{padding-bottom:12px;}
	.menu-tab__item.type1 a{background-position:center 3px;background-size:auto 48px;}
	.menu-tab__item.type2 a{background-position:center 3px;background-size:auto 48px;}
	.menu-tab__item.type3 a{background-position:center 3px;background-size:auto 48px;}
	.menu-tab__item.type4 a{background-position:center 3px;background-size:auto 48px;}
	.menu-tab__item.type5 a{background-position:center 3px;background-size:auto 48px;}
	.menu-tab__item.type6 a{background-position:center 3px;background-size:auto 48px;}
	.menu-subtab{gap:2px;flex-wrap:wrap;margin-top:22px;}
	.menu-subtab__item{height:44px;border-radius:10px;font-size:14px;}
	.menu-content{margin-top:28px;}
	.menu-list{gap:16px;margin-top:24px;}
	.menu-list__item{justify-content:center;height:155px;border-radius:24px;}
	.menu-list__item-title{height:40px;}
	.menu-list__item-title:before{left:-14px;width:8px;height:15px;margin-top:-8px;}
	.menu-list__item-title:after{right:-14px;width:8px;height:16px;margin-top:-8px;}
	.menu-list__item-title strong{font-size:14px;}
	.menu-list__item-title span{margin-top:10px;font-size:12px;}
	.menu-list__item-content figure{max-width:95px;height:95px;}
	.menu-list__item-content span{bottom:10px;right:12px;width:36px;height:50px;}
	.menu-list.type--drink .menu-list__item-content figure{max-width:68px;}
}

/* Cs */
.cs-title{text-align:center;font-family:'NanumSquareNeoBold';}
.cs-title span{display:block;color:#F12222;font-size:32px;line-height:1;font-family:'gunnar-regular-webfont';}
.cs-title strong{display:block;margin-top:24px;font-size:44px;line-height:1.6;font-family:'NanumSquareNeoBold';}
.cs-title div{margin-top:34px;color:#616161;font-size:29px;line-height:1.6;}
.cs-title div a{position:relative;color:#3A7DFF;}
.cs-title div a:before{content:'';position:absolute;left:0;right:0;bottom:0;display:block;height:1px;background-color:#3A7DFF;}
.cs-form{max-width:900px;margin:114px auto 0 auto;padding:56px 64px;border-radius:40px;background-color:#fff;}
.cs-form__item + .cs-form__item{margin-top:32px;}
.cs-form__item-title{margin-bottom:16px;font-size:18px;color:#404040;line-height:1;}
.cs-form__item input[type=text]{width:100%;height:56px;padding:0 15px;border:1px solid #D9D9D9;border-radius:16px;color:#404040;font-size:16px;line-height:1;font-family:'NanumSquareNeoBold';}
.cs-form__item textarea{width:100%;height:245px;padding:15px;border:1px solid #D9D9D9;border-radius:16px;color:#404040;font-size:16px;line-height:1.6;font-family:'NanumSquareNeoBold';vertical-align:top;}
.cs-form__func{display:flex;align-items:center;justify-content:space-between;height:80px;margin-top:32px;}
.cs-form__func-agree label{position:relative;display:inline-flex;align-items:center;font-size:12px;cursor:pointer;}
.cs-form__func-agree input{position:absolute;left:0;top:0;width:0;height:0;opacity:0;}
.cs-form__func-agree span{position:relative;display:inline-flex;align-items:center;min-height:16px;padding-left:24px;}
.cs-form__func-agree span:before{content:'';position:absolute;left:0;top:0;display:block;width:16px;height:16px;border:1px solid #C5C5C5;border-radius:6px;background-color:#fff;}
.cs-form__func-agree input:checked + span:after{content:'';position:absolute;left:3px;top:3px;display:block;width:10px;height:10px;background-color:#C5C5C5;border-radius:4px;}
.cs-form__func-agree span a{display:inline-flex;margin-left:5px;}
.cs-form__func-send a{display:flex;align-items:center;height:48px;padding:0 20px;border-radius:32px;background-color:#F12222;color:#fff;font-size:14px;}
@media (max-width: 768px) {
	.cs-title span{font-size:16px;}
	.cs-title strong{margin-top:16px;font-size:16px;}
	.cs-title div{margin-top:16px;font-size:14px;}
	.cs-form{margin-top:36px;padding:40px 24px;border-radius:24px;}
	.cs-form__item + .cs-form__item{margin-top:22px;}
	.cs-form__item-title{margin-bottom:8px;font-size:16px;}
	.cs-form__item input[type=text]{height:38px;border-radius:11px;font-size:14px;}
	.cs-form__item textarea{height:145px;font-size:14px;}
	.cs-form__func{height:auto;}
	.cs-form__func-agree span{display:block;}
	.cs-form__func-agree span a{display:flex;margin-left:0;margin-top:5px;}
	.cs-form__func-send a{padding:0 10px;}
}

/* Popup */
.pop{position:fixed;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;padding:20px;background-color:rgba(0,0,0,0.6);}
.pop.display--show{display:flex;}
.pop-box{display:flex;flex-direction:column;position:relative;max-width:500px;height:500px;padding:40px 0;border-radius:40px;background-color:#fff;}
.pop-box__title{flex:none;padding:0 40px;margin-bottom:24px;line-height:1;font-size:24px;font-family:'NanumSquareNeoBold';}
.pop-box__content{flex:1;padding:0 40px;font-size:14px;line-height:1.6;overflow:auto;}
.pop-box__close{position:absolute;right:0;top:0;width:80px;height:80px;}
.pop-box__close a{display:block;height:100%;background:url('../images/btn-close-black.svg') no-repeat center center;background-size:24px 24px;font-size:0;}
@media (max-width: 768px) {
	.pop-box{height:300px;padding:20px 0;border-radius:20px;}
	.pop-box__title{padding:0 20px;margin-bottom:16px;font-size:16px;}
	.pop-box__content{padding:0 20px;font-size:12px;}
	.pop-box__close{width:50px;height:50px;}
}

/* Etc */
.ctt_admin{display:none;}