.fade-in { -webkit-animation: fadeIn 0.9s ease-in; animation: fadeIn 0.9s ease-in; width: 100%; }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
input, progress { accent-color: black; }

a { text-decoration: none; color: black; }
body { font-family: 'narrow','sm', sans-serif; height: fit-content; display: flex; flex-direction: column;width: 100%; align-items: center; overflow-x: hidden;}
span,input { cursor: pointer; }
.current-page h5 { font-weight: bold;}
.item { height: 69vh; display: flex; align-items: center;}

header { width: 100%; display: flex; justify-content: space-between; font-size: 2.3rem; padding: 3rem 5rem; position: fixed;z-index: 999;max-width: 2000px;margin: 0 auto; mix-blend-mode: difference;}
.head-left { width: 35vw; display: flex; justify-content: space-between; }
.haed-center { position: absolute; left: 38%; top:0; }
.head-right-right { width: 32vw;display: flex; justify-content: space-between; }
.head-right { width: 32vw;display: flex; justify-content: space-between; }
#mobileMenu { display: none; }
.head-center svg { width: 24vw; }
#location-menu { position: absolute; left: 27%; top:30%; }
@keyframes floatAnimation { 0% { transform: translateY(0); }
    50% { transform: translateY(-11px); }100% { transform: translateY(0); } }
.head-left a, #location-menu, .head-right a,#location-toggle,#langBtn,#mainLogo,#langBtnText { animation: floatAnimation 2s ease-in-out infinite; }
.head-left a,#location-toggle,#langBtn,#mainLogo,#langBtnText { animation-delay: 0.1s; /* 첫 번째 요소는 0.1초 딜레이 */ }
.head-right a { animation-delay: 0.2s; }
header h5,header a { font-size: calc(100vw / 60); }
#hoverHistory, #hoverRecipes, #hoverShop, #hoverContact, #hoverLocation { position: absolute;transform:translate(0rem,-2rem) scale(2); z-index: -99; display: none }
.header-history:hover #hoverHistory,.header-recipes:hover #hoverRecipes,.header-shop:hover #hoverShop,.header-contact:hover #hoverContact,
.header-location:hover #hoverLocation { display: flex;transition: 1s; }
#hoverContact,#hoverShop { width:80% ;}
#langKr { display: none; }
#langEn {    display: inline-block;}
#langBtnText,#moblangBtnText { font-family: 'vtks', sans-serif; font-size: calc(100vw / 31);}
#location-menu li { text-align: center !important; }
#location-toggle { cursor: pointer; }
.mobile-nav { width: 100%;height: 100%;position: fixed;z-index: 99999;align-items: center;display: none;flex-direction: column;justify-content: space-between;}
.mobile-nav-top {    width: 100%;display: flex;align-items: flex-start;justify-content: space-between;padding: 1.5rem;mix-blend-mode: difference;}
#hoverShop { transform: translate(0rem,-2rem) scale(3.5);}

#introHover1 { position: absolute;animation: floatAnimation 2s ease-in-out infinite;z-index: 999;left:3%;top:29%;width: 16vw; }
#introHover2 { position: absolute;animation: floatAnimation 2s ease-in-out infinite;z-index: 999;right: 9%; top:24%;width: 16vw; }
#introHover3 { position: absolute;animation: floatAnimation 2s ease-in-out infinite;z-index: 999;right:0;top:38%;width: 23vw;}
.home-text { width: 100%; } 
#homeText1 { width: 100%; position: absolute;bottom:0;padding:0 5rem; height: 33vh; }
.home-latest { align-items:center; width: 100%; display: flex; justify-content: center; margin:5rem 0; flex-direction: column;text-align: center; padding:10rem; }
.home-latest-button { width:100%; color:#F1F600; font-size: 1.7rem;margin:10rem 0;display: flex; justify-content: center; }
.home-latest-button h5 { border-radius: 30px; border: 2px solid #F1F600;padding:0.5rem 5rem; font-weight: bold; }
.home-latest-top { display: grid; color:#F1F600;  grid-template-columns: 1fr 1fr 1fr; gap:0.5rem;margin-bottom:3rem;width: 100%; }
.home-latest-top-child-des h3 { font-size: 1.3rem;font-weight: bold; }
.home-latest-top-child-des h5 { font-size: 1.1rem; }
.home-video { margin-top:-2rem;width: 100%; }
.home-latest-top-child-video { position:relative}
#loadingText {   animation: floatAnimation 2s ease-in-out infinite;  width: 100%;height: 115vh;position: fixed;z-index: 99;justify-content: center;display: flex;align-items: center;font-size: 5.3rem;color: #000; background-color: #F65D00;transition: 1s; padding:3rem 7vw }

/* ---- grid ---- */

.grid { max-width: 1700px; margin: 10rem auto;  }
  
/* clear fix */
.grid:after { content: ''; display: block;clear: both; }
  
/* ---- .grid-item ---- */
  
.grid-item {float: left;width: 13vw;height: 27vh;display: flex; flex-direction: column; gap:0.5rem;}
.grid-item--width2 { width: 19vw;background-color:#019D3E;padding: 1rem; }
.grid-item--width3 { width: 19vw;background-color:#3B9C61;padding: 1rem; }
.grid-item--width4 { width: 19vw;background-color:#959FFB;padding: 1rem; }
.grid-item--height1 { height: 27vw; background-color: #FDF7C1;padding: 1rem;}
.grid-item--height2 { height: 27vw; background-color: #F1F600;padding: 1rem;}
.grid-item:hover {border-color: hsla(0, 0%, 100%, 0.5);cursor: move;}
.grid-item.is-dragging,.grid-item.is-positioning-post-drag { z-index: 2;}
.packery-drop-placeholder {outline: 3px dashed hsla(0, 0%, 0%, 0.5);outline-offset: -6px;-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s; }


.brand-first { width: 100%; height: fit-content; position: relative; padding:0 5rem }
.brand-top { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content:space-between;max-width: 2000px; margin: 0 auto;margin-bottom: 10rem; }
#brandCarrot { position: absolute; left: 0; top:41vh }
#brandBrocoli { position: absolute; top:13vh; right: 0; }
#brandTitle { width: 100%; }
.brand-top-col { color:#F65D00;font-size: 1.7rem;text-align: center; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr;position: relative;margin-top:-12rem;z-index: -99; }
.brand-top-cen { color:#F65D00;font-size: 1.7rem;text-align: center; width: 100%; display: flex; flex-direction:column; justify-content: center; transform: translateY(-57vh);align-items: center; }
.brand-top-full { width: 100%; margin-top:-7rem; display: flex; justify-content: center; margin-bottom:10rem}
.brand-text { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap:1rem; margin: 31vh 0; padding:0 7vw;}
.brand-text p { font-size: calc(100vw / 95); line-height: 1.9;display: flex; align-items: center; justify-content: center; width: 100%; }
#historyImg1,#historyImg2,#historyImg3 { width: 100%; height: auto; object-fit: contain; }
#historyImg1 { width: 21vw;}
#historyImg2 { width: 21vw;}
#historyImg3 { width: 21vw;}
.brand-top-col p { width: calc(100vw / 4);font-size: calc(100vw / 79);}
.brand-top-cen p { font-size: calc(100vw / 79); }
iframe { width: 100%; aspect-ratio: 16/9;position: relative; }
#brandTomato {  position: absolute; top:13vh; }
#brandTimSvg { height: 10vh; }
.brand-items-01 { position: relative; width: 100%; display: flex; justify-content: center; margin-bottom:-7vh }
.brand-items-02 { position: relative; width: 100%; display: flex; justify-content: flex-end; margin-top:-13vh;padding-right:1rem; }
.brand-second { width: 100%;display: flex;flex-direction: column;    max-width: 2000px;margin: 0 auto;align-items: center;padding-top:10rem }
.brand-second-cen { color:#F65D00;font-size: 1.7rem;text-align: center; width: 100%; display: flex; flex-direction:column; justify-content: center;align-items: center; }
.brand-second-col { width: 100%; display: grid; grid-template-columns: 1fr 1fr; font-size: 1.3rem; padding:3rem 13vw; line-height: 1.9; }
.brand-top-col-child-01 { display: flex; flex-direction: column;justify-content: space-between;    align-items: center;}
.brand-top-col-child-02 { display: flex; flex-direction: column;justify-content: space-between;    align-items: center;}
.brand-top-col-child-03 { display: flex; flex-direction: column;justify-content: space-between;    align-items: center;}
.brand-top-col-child-01 p { transform: translateY(15rem);}
.brand-top-col-child-02 p { transform: translateY(15rem);}
.brand-top-col-child-03 p { transform: translate(-8rem, 14rem);}
.brand-second-cen img { width: 55vw; }
#historyBottom {     width: 65vw;transform: translateY(3rem);position: relative;z-index: 99;}
.brand-second-two { width: 100%; display: grid; grid-template-columns: 1fr 1fr;gap:3rem; padding:0 15vw; align-items: center; margin-top:-13rem;}
.brand-third-two {  width: 100%; display: grid; grid-template-columns: 1fr 1fr;gap:1rem; align-items: center;margin-top:-4rem  }
.brand-third { display: flex; flex-direction:column; gap:3rem; padding:0 9vw; align-items: center;margin:7rem }
.brand-second-two p,.brand-third p {    display: flex;font-size: calc(100vw / 95);align-items: end;    line-height: 1.9;}
.brand-thum { display: grid; width: 100%; justify-content: center; gap:0.5rem;grid-template-columns: 1fr 1fr 1fr;margin-bottom:5rem; }
.brand-thum img { width: 100%; height: 100%; object-fit: cover; }
.brand-second-two svg { width: 33vw;}
.brand-second-top svg { width: 43vw;}
.brand-third svg { width: 55vw;}
#brandOldlogo { width: 8vw;}
.history-group-image { width: 100%; display: flex; justify-content: center; align-items: center; }
#brandOldlogo { z-index: 9999;}
.brand-third-top { width: 100%; display: flex; justify-content: center;}

.recipes { width: 100%; margin:0 auto;padding:0 5rem;padding-top:20vh; max-width: 2000px;height:calc(100vw * 5.8/15);    display: flex;justify-content: space-between;align-items: flex-end; }
#recipesGroup {  width: 45vw; max-width: 847px; object-fit: contain;transform: translateY(4px);}
.recipes-heading { width: 100%; height: 35.5vh;display: flex; flex-direction: column; padding-bottom: 10vh; justify-content: flex-end;}
.recipes-heading-title { font-size: calc(100vw / 39); border-radius: 2.7rem; border: 2px solid black; padding: 9px 27px; width: fit-content;}
.recipes-heading p { font-size: calc(100vw / 79); line-height: 1.9; padding-top: 3rem; }
.recipes-card { width: 100%; height: 100%; background-color: black;display: flex; }
.recipes-card-content { padding:3rem 5rem;display: flex; }
.recipes-card-content-child-title h2 { font-family: 'shareware', sans-serif; font-size: calc(100vw / 15);}
.recipes-card-content-filter { width: 24vw; height: calc(23vw * 7/3.2); display: flex; flex-direction: column; background-color: #FFFCF3;justify-content: space-between; align-items: center; text-align: center;padding:1.5rem 0 }
.recipes-card-content-child-title {transform:translateY(-2rem);}
.recipes-card-content-child-title h5 {transform:translateY(-2rem);font-size: calc(100vw / 97);}
.recipes-card-content-child-title img {transform:translateY(-1rem);width: 10vw;}
.recipes-card-content-child { width: 24vw; height: calc(23vw * 7/3.2); display: flex; flex-direction: column; background-color: #FFFCF3;justify-content: space-between; align-items: center; text-align: center;padding:1.5rem 0  }
.recipes-card-content-group {     display: flex;width: 61vw; margin-right:5rem;padding: 3rem 0;gap: 0.5rem;overflow-x: scroll;position: absolute;right: 0; }
.recipes-card-content-child-ing h3,.recipes-card-content-child-recipe h3 { font-size: calc(100vw / 97);border-bottom: 1px solid black;width: 100%;text-align: left;padding-bottom: 0.5rem; font-weight: bold;}
.recipes-card-content-filter-child { display: flex; flex-direction: column;margin-top:-2rem}
.recipes-card-content-child-top { width:24vw;padding:1rem;font-family: 'shareware', sans-serif; font-size: calc(100vw / 18);height:calc(24vw * 5/11); line-height: 0.6;}
.recipes-card-content-filter-child-group h5 { font-weight: bold;font-size: 1rem;}
.recipes-card-content-child-thum {     width: 24vw;height: calc(24vw * 1/35);display: flex;align-items: center;justify-content: center;}
.recipes-card-content-filter-child-select { font-size:0.9rem;padding: 0.5rem;border-top: 1px solid black;margin: 1rem;display: flex;justify-content: space-between;border-bottom: 1px solid black;}
.recipes-card-content-filter-child-group p { font-size:0.8rem;padding: 0.5rem;border-top: 1px solid black;margin: 1rem;display: flex;justify-content: space-between;border-bottom: 1px solid black;}
.recipes-card-content-child-ing {     display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 1.5rem;gap:0.5rem;height: 11vh;}
.recipes-card-content-child-recipe {     display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 1.5rem;gap:0.5rem;height: 18vh;}

.recipes-card-content-child-ing ul,li { text-align: left;font-size: calc(100vw / 112);}
.recipe-content-des-des h5 { font-size: 1.3rem; font-weight: bold;}
.carbon { margin-bottom:2rem }
span { display: flex; align-items: center;}

.recipe {    width: 100%;max-width: 2000px;display: flex;flex-direction: column;margin: 0 auto;    padding: 20vh 5rem;gap:1.5rem }
.recipe-top { width: 100%; display: flex; justify-content: flex-end;}
.recipe-content { display: grid;grid-template-columns: 1fr 1.5fr;gap: 5rem;width: 100%;height:79vh;padding:0; }
.recipe-content-card h1 {font-family: 'shareware', sans-serif;font-size: calc(100vw / 16);text-align: center;line-height: 0.6;}
.recipe-bottom-image { width: 25vw;position: absolute;left: 0;transform: translateY(-99%);z-index: 999;}
.recipe-top svg { width: 13vw;}
.recipe-content-card {     border-radius: 2rem;display: flex;flex-direction: column;justify-content: space-between; align-items: center; padding: 3.5rem 0;}
.recipe-content-card svg { transform: scale(3.5);}
.recipe-content-filter {width: 100%;display: flex;justify-content: center;padding: 0 1.5rem;}
td { font-size:1.3rem;}
.filter-bold { font-weight: bold;}
li, ul { line-height: 1.6; }
tr { display: grid;gap: 1rem;grid-template-columns: 1fr 1fr;text-align: center;line-height: 1.3;}
.recipe-content-des { border-radius: 2rem;border: 1px solid black;padding: 1.5rem 3rem;}
.recipe-content-des-title h2 { font-size:calc(100vw / 60);font-weight: bold; }
.recipe-content-des-title h3 {font-size: 1rem; }
.recipe-content-des-title { padding-bottom:3rem;line-height: 1.5; }
.recipe-content-des-des h5 {border-bottom: 1px solid black;width: 100%;text-align: left;padding-bottom: 0.5rem;margin-bottom:0.5rem }
.recipe-content-des-des li { font-size: 1rem;}
.recipe-content-des-des { padding-bottom:2.5rem; }
.recipe-content-des-two { display: grid; grid-template-columns: 1fr 2fr;gap:2.5rem; }
.recipe-content-des-two-child h5 {font-size:0.9rem;border-bottom: 1px solid black;width: 100%;text-align: left;padding-bottom: 0.5rem;margin-bottom:0.5rem}
.recipe-content-des-two-child p,.recipe-content-des-des p { font-size: 1rem;}
.recipes-card-content-child a { display: flex;flex-direction: column;height: 100%;justify-content: space-between;}

.location {width: 100%; padding:10vh 5rem 0 5rem; display: flex; justify-content: center; position: relative; z-index: 99;}
.location img { width: 100vw; }
.location-top {     transform: translateY(9rem);}
.location-col { width: 100%; display: grid; grid-template-columns: 1fr 1fr;padding:10vh 5rem; }
.location-col-two h3 { font-size: calc(100vw / 49);padding-bottom:3rem; }
.location-col-two p {font-size: calc(100vw / 78);line-height: 1.9;}
#jejuSVG { position: absolute; transform: translate(3rem,37rem);left:0; bottom:0}
.location-gallery img { height: 35vh; width: auto; }
.location-gallery { width: 100%;display: flex;gap: 0.5rem;justify-content: flex-start;margin-bottom: 10rem;overflow-x: scroll;padding:5rem 0}
.location-gallery img:hover { transform: scale(1.2); transition: 0.3s; }

.shops-content,.location-group  {transform: translateY(-3px);  }


.location-head { width: 100%; margin:0 auto;padding:0 5rem;max-width: 2000px;display: flex;justify-content: space-between;align-items: end;height: calc(100vw * 5.8/15); }
.location-heading { width: 100%; height: 35.5vh;display: flex; flex-direction: column; padding-bottom: 10vh; justify-content: flex-end;}
.location-group { max-width:2000px; margin:0 auto;width: 100%; display: flex; flex-direction: column; height: 100%;padding:0 5rem;gap:3rem; margin-bottom:11rem; }
.location-group-top { width: 100%; display: flex; aspect-ratio: 7/2; justify-content: center; align-items: center; }
.location-group-bottom { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap:3rem; }
.location-group-bottom-child { width: 100%; display: flex; aspect-ratio: 11/7; align-items: center; justify-content: center;border-radius: 1.5rem; }
.location-group-top { border-radius: 1.5rem; }
.location-heading p {font-size: calc(100vw / 79); line-height: 1.9; padding-top: 3rem; }
#locationSin h5 { color:#FF4E00;font-size: 2.1rem;position: absolute; }
#locationJeju h5 {color:#E6FE7D;font-size: 2.1rem;}
#locationNewyork h5 {color:#FF4E00;font-size: 2.1rem;}
#locationNam h5 {color:#FDF7C1;font-size: 2.1rem;}
#locationMang h5 {color:#FFC7B0;font-size: 2.1rem;}
#locationSin h5:hover { transition: 0.5s; transform: scale(1.3); }
#locationJeju h5:hover { transition: 0.5s; transform: scale(1.3); }
#locationNewyork h5:hover { transition: 0.5s; transform: scale(1.3); }
#locationNam h5:hover { transition: 0.5s; transform: scale(1.3); }
#locationMang h5:hover { transition: 0.5s; transform: scale(1.3); }
#locationSin:hover { transition: 0.5s; background-size: 120%;background-position: center; }
#locationJeju:hover { transition: 0.5s; background-size: 120%;background-position: center; }
#locationNewyork:hover { transition: 0.5s; background-size: 120%;background-position: center; }
#locationNam:hover { transition: 0.5s; background-size: 120%;background-position: center; }
#locationMang:hover { transition: 0.5s; background-size: 120%;background-position: center; }

.mangwon-grid-child { display: grid; grid-template-columns: 1fr 1fr;gap:1rem;margin-bottom: 11rem; }
.mangwon-grid { width: 100%; align-items:center; display: flex; flex-direction: column; padding:0 15vw; }
#mangwonMenu { width: 37vw;padding-bottom: 3rem;cursor: pointer; }
.mangwon-grid-child-02 { display: none;flex-direction: column; margin-bottom: 11rem; gap: 1rem; }
.mangwon-grid-child-02-01 { display: grid; grid-template-columns: 1fr 1fr;gap:1rem;align-items: center; }
.mangwon-grid-child-02-02 { width: 100%;display: flex; gap: 0.5rem; justify-content: space-between;overflow-x: scroll;}
.mangwon-grid-child-02-02 img { width: 17vw; height: auto; }

.owl-carousel .owl-item img { height: 61%; aspect-ratio: 7/5; object-fit: cover; }

.shops-content {row-gap:5rem !important;display: grid;grid-template-columns: 1fr 1fr 1fr;width: 100%;max-width:2000px; margin:0 auto;padding: 0 5rem;gap:1.5rem;margin-bottom:11rem; }
.shop { width: 100%; margin:0 auto;padding:0 5rem;max-width: 2000px;display: flex;justify-content: space-between;align-items: end;height: calc(100vw * 5.8/15); }
#shopGroup { width:45vw;transform: translateX(5rem);}
.shop-heading { width: 100%; height: 35.5vh;display: flex; flex-direction: column; padding-bottom: 10vh; justify-content: flex-end;}
.shop-heading-title { font-size: calc(100vw / 39); border-radius: 2.7rem; border: 2px solid black; padding: 9px 27px; width: fit-content;}
.shop-heading p { font-size: calc(100vw / 79); line-height: 1.9; padding-top: 3rem; }
.shop-content {    display: grid;grid-template-columns: 1fr 1.3fr;width: 100%;padding: 0 11vw;gap:1.5rem; height: 90vh; margin-top:1.5rem }
.shop-content-child { border-radius: 2rem;border: 1px solid black;display: flex;flex-direction: column;align-items: center;width: 100%; height:calc(33.33% * 16/5);}
.shop-content-child-title h3 { font-family: 'shareware', sans-serif; font-size: calc(100vw / 18);text-transform: capitalize;}
.shop-content-child-title { display: flex; justify-content: space-between; flex-direction: column;align-items: center;height: 13rem;}
.shop-content-child-title h5 {    font-size: calc(100vw / 59);padding: 0 5rem;text-align: center;height: 7vh;align-items: center;display: flex;margin-bottom:1rem;}
.shop-content-child-des { display: flex;flex-direction: column;align-items: center;padding: 1.5rem;}
.shop-content-child-des h3 { font-size: calc(100vw / 75); }
.shop-content-child-des h5 { font-size: calc(100vw / 75); }
#shopSvg {     width: 100%;transform: translateY(3rem);position: relative;z-index: 999;padding: 0 1rem;}
.shop-content-child img { aspect-ratio: 1/1;width: 100%;}

.shop-child { margin-top:19vh; width: 100%; }
.shop-top { width: 100%;display: flex;justify-content: end;padding: 0 11vw;position: relative;z-index: 999;}
.shop-top a svg { width: 11vw; }
.shop-child-content { display: grid; grid-template-columns: 2fr 3fr; width: 100%;padding:0 5rem; gap:2rem;margin-bottom: 10rem;margin-top:1rem }
.shop-content-des { border-radius: 2rem;border: 1px solid black;padding: 1.5rem 5.7rem;display: flex;flex-direction: column;justify-content: space-between; height: 37rem; }
.shop-content-des-two { display: grid; grid-template-columns: 1fr 1fr; text-align: center;font-size: calc(100vw / 70);}
.shop-content-des-title h2 { text-transform: capitalize;font-size: calc(100vw / 60); font-weight: bold;}
.shop-content-des-title h3 { text-transform: capitalize;font-size:1.3rem;}
.shop-content-des-des p {font-size: 1rem }
.shop-content-des-title { line-height: 1.5;}
.shop-content-des-des { border-top: 1px solid black;padding-top: 8px;margin-bottom: 8rem;line-height: 1.9;}
.shop-content-des-two-button { border: 1px solid black; border-radius: 2rem;padding: 0.5rem 1rem;}
.shop-content-des-two-button:hover { background-color: #000; color: #F65D00; transition:0.3s; }
.shop-content-des-two-button:hover a { color:#F65D00 }
.shop-content-des-two-child {     display: flex;align-items: center;}
#shopbutton { background-color: #019D3E; padding:0.5rem 2.5rem; border-radius: 1.7rem;width: 100%; }
.slides {position: relative;cursor: pointer;width: 32vw; height:71vh; display:flex; align-items:center}
.slides img,.slides video {position: absolute;z-index: 0;transition: transform 0.5s, box-shadow 0.5s;pointer-events: none; width:100%;}
.slides img:first-child,.slides video:first-child {z-index: 1;}
.slides img,.slides video {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.slides img.displayed,.slides video.displayed {animation: fadein 0.2s;}
#randomImage { transform:rotateY(180deg) }
.recipe-bottom-image {right:0;left:unset}

.contact {width: 100%; height: fit-content; position: relative; display: flex; justify-content: center; margin:20vh 0; padding:0 5rem }
#contactBack { position: absolute;z-index: -99;}
.contact-back { width: 100%; display: flex; justify-content: center; align-items: center; height: 45vh; }
.contact-text { width: 100%; display: grid; grid-template-columns: 1fr 1fr;position: absolute; padding: 0 5rem; z-index: 999; align-items: center; height: 100%; text-align: center; }
.contact-text-left { width: 100%; display: flex; justify-content: center; flex-direction: column;align-items: center;gap:3rem }
.contact-text-right { width: 100%; display: flex; justify-content: center; flex-direction: column;align-items: center; gap:3rem; }
.contact-text-child { display: flex; flex-direction: column; width: 23vw; justify-content: center;gap:1rem;align-items: center; }
.contact-text-child-button,.contact-text-child-kakao { font-size: 1.5rem; width: 17vw; border: 0.15rem solid black;border-radius: 1.5rem; padding:0.5rem 1rem; }
.contact-text-child-des { font-size: 1.1rem; }
.contact-text-child-button:hover,.contact-text-child-kakao:hover { background-color: #000; color: #959FFB;transition: 0.5s;cursor: pointer; }
.contact-text-child-kakao a:hover { color: #959FFB !important; }
.contact-footer { font-size: calc(100vw / 79);width: 100%;max-width: 2000px; margin:0 auto; display: grid; grid-template-columns: 2fr 1fr; padding:0 5rem;margin-bottom: 7rem;gap:5rem; }
.contact-footer-left { width: 100%; height: 23vh; background-color: #000; color: #959FFB;border-radius: 1.7rem; padding:3rem; line-height: 1.9; display: flex; align-items: center; }
.contact-footer-right {font-size: 1rem; width: 100%; height: 23vh; background-color: #959FFB; color: #000;border-radius: 1.7rem; padding:3rem; line-height: 1.5; display: flex; align-items: flex-start;border: 0.15rem solid black; }
.contact-form { position: fixed;background-color: #3B9C61;width: 52rem;display: none;top: 20vh; left:28vw;height: 41rem;border-radius: 2rem; z-index: 9999; box-shadow: 13px 23px 26px black; flex-direction: column; justify-content: space-between; transition: 1s; }
.contact-top h3 { font-family: 'shareware', sans-serif;transform: translateY(-2rem); font-size: 7rem; }
.contact-top { width: 100%; display: flex; justify-content: space-between; padding:3rem; }
.contact-top svg { width: 2vw; transform: translateY(-1rem); position: relative; z-index: 9999; }
.contact-center-image { position: absolute; bottom:0; right:0; width: 41%; display: flex; align-items: end; justify-content: end; height: 100%; }
.contact-center-form { padding:3rem;position: relative;top:-7rem }
.contact-bottom-button input { background-color: #F1F600; padding:0.5rem 2.5rem; border-radius: 1.7rem;color: black; }
.contact-bottom { width: 100%; display: flex; padding:3rem; justify-content: space-between; position: relative;z-index: 999;}
.contact-bottom-check { display: flex;height: 100%; align-items: center; gap:0.5rem; }
.contact-center { position: absolute; bottom:0; width: 100%;}
.contact-footer-left p { font-size: calc(100vw / 96); line-height: 1.8;}
textarea { width: 100%;}

footer { width: 100%; height: 37vh; position:relative; bottom: 0; background-color: black; color: white; padding:3rem 5rem; 
        display: flex; flex-direction: column; justify-content: space-between; }
.footer-top { width: 100%; display: flex; justify-content: space-between;max-width: 2000px; margin: 0 auto; }
.footer-top-left { font-size: 1.3rem;display: flex; }
#faqbutton { background-color: #F65D00; padding:0.5rem 3rem; margin-right:2rem; border-radius: 1.7rem;color: black; }
#contactbutton { background-color: #019D3E; padding:0.5rem 2.5rem; border-radius: 1.7rem; }
.footer-bottom { font-size: 0.9rem; line-height: 1.5;max-width: 2000px; width: 100%; display: flex; justify-content:space-between;margin: 0 auto;align-items: flex-end; }
.footer-top-right { display: flex; gap:0.5rem; }
.footer-bottom a { color: white;}

.join-us-modal { position: fixed;background-color: #F1F600;width: 67vw;display: none;top: 19vh;height: calc(67vw * 6.8/15);border-radius: 2rem; z-index: 9999; box-shadow: 13px 23px 26px black;}
.join-us-modal-left {width: 37%;display: flex;justify-content: center;}
.join-us-modal-right-top { width: 100%; display: flex; justify-content: space-between;font-family: 'shareware', sans-serif;font-size: calc(100vw / 15);padding: 1.5rem;text-transform: capitalize;transform: translateX(-1rem); }
.join-us-modal-right { width: 73%;display: flex; flex-direction: column; justify-content: space-between;}
.join-us-modal-right-bottom { width: 100%; display: flex; justify-content: space-between; padding:0 1.5rem 1.5rem 0;}
.join-us-modal-right-center,.join-us-modal-right-bottom h5 { font-size: calc(100vw / 75);}
.join-us-modal-right-bottom { align-items: center; }
.join-us-modal-right-bottom svg { transform: scale(0.7);}

@media (orientation: portrait) {
    .mobileBr { display: none; }

    .head-left,#mobileShop,#mobileContact { display: none; } 
    #mobileMenu { display: flex;width: 8vw; }
    #mainLogo { margin-top:-1rem }
    #mobmainLogo { width: 41vw;}
    #mobileClose { width: 9vw; }
    .head-right,.head-right-right {width: fit-content;}
    header { padding:1.5rem }
    #langBtnText, #moblangBtnText { font-size: calc(100vw / 11); margin-top:0 !important}
    .head-center svg { width: 41vw;}
    .mobile-nav-menu {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center; line-height: 1.9;margin-bottom: 14vh;}
    .mobile-nav-menu a h5,#location-toggle-mob { font-size: calc(100vw / 11);}
    .header-jeju { position: absolute;left:1.5rem;top:49vh; }
    .header-newyork { position: absolute;right:1.5rem; top:55vh; }
    .header-mangwon { position: absolute; left:2.3rem; top:57vh }
    .header-namyangju { position: absolute;right: 1.5rem; top:47vh; }
    .header-sindang { position: absolute;right:2.5rem;top:64vh }
    #hoverHistory { transform: translate(-5rem,-9rem) scale(1); }
    #hoverRecipes { transform: translate(-5rem,-8rem) scale(1); }
    #hoverLocation { transform: translate(-1rem,-6rem) scale(1); }
    #hoverShop { transform: translate(-4rem,-7rem) scale(1); }
    #hoverContact { transform: translate(-2rem,-7rem) scale(1); }

    #loadingText {font-size: 3rem; }
    canvas { height: 90vh !important; margin-top:-1vh; }
    .home-video {margin-top:-1rem;}
    #homeText1 { padding: 1.5rem;bottom:-1rem;height: 17vh;}
    .home-latest-top { grid-template-columns: 1fr;gap:1.5rem; }
    .home-latest { margin:0; padding:5rem 1.5rem }
    .home-latest-button { padding:0.5rem 1.5rem; font-size: 1.3rem;margin-bottom:1rem; }
    #introHover1 { top:18%; width: 26vw; }
    #introHover2 { top:16%; width: 22vw; }
    #introHover3 { top:55%; width: 40vw; }

    .grid { max-width: 100vw; margin: 5rem 1.5rem; overflow: hidden;  }
    .grid-item {float: left;width: 39vw;height: 28vh;display: flex; flex-direction: column; gap:0.5rem;}
    .grid-item--width2 { width: 64vw;background-color:#019D3E;padding: 1rem; }
    .grid-item--width3 { width: 64vw;background-color:#3B9C61;padding: 1rem; }
    .grid-item--width4 { width: 64vw;background-color:#959FFB;padding: 1rem; }
    .grid-item--height1 { height: 49vh; background-color: #FDF7C1;padding: 1rem;}
    .grid-item--height2 { height: 49vh; background-color: #F1F600;padding: 1rem;}
    .grid-item:hover {border-color: hsla(0, 0%, 100%, 0.5);cursor: move;}
    .grid-item.is-dragging,.grid-item.is-positioning-post-drag { z-index: 2;}
    .packery-drop-placeholder {outline: 3px dashed hsla(0, 0%, 0%, 0.5);outline-offset: -6px;-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s; }
    
    
    .shops-content,.location-group  {transform: translateY(0);  }

    .brand-text { flex-direction: column;gap:1rem;display: flex;padding:0;margin-bottom:3rem; }
    .brand-top {height: 93vh; margin-bottom:2rem }
    .brand-first { padding:0 1.5rem ; overflow-x: hidden;margin-bottom: 3rem}
    .brand-top-full { padding-top:21vh; }
    .brand-top-col { display: flex; flex-direction: column;margin-top:-2rem; padding-top:7rem }
    .brand-top-col p,.brand-top-cen p { font-size: calc(100vw / 30);width: 100%; }
    .brand-top-col-child-01 { width: 100%; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-end; }
    .brand-top-col-child-01 p { transform: translateY(-6rem);}
    #historyImg1 {width: 40vw; transform: translate(-2rem, -6rem);}
    #historyImg2 { width: 41vw;    transform: translate(4rem, 2rem); }
    .brand-top-col-child-02 { align-items: end; flex-direction: row-reverse;transform: translateY(-11rem);}
    .brand-top-col-child-02 p {transform: translateY(-1rem); }
    #historyImg3 { width: 45vw; transform: translateX(1rem); }
    .brand-top-col-child-03 p { transform: translateY(2rem);}
    .brand-top-col-child-03 { flex-direction: row; justify-content: end; align-items: end;transform: translateY(-21rem);}
    .brand-top-cen {transform: translateY(-71vh);}
    .brand-text p,.brand-second-two p, .brand-third p {width: 100%;font-size: calc(100vw / 30);line-height: 1.5; }
    #brandOldlogo {width: 11vh;}
    .brand-second {padding-top:5rem}
    .brand-second-cen img {height: auto;width: 100%;padding: 0 1.5rem }
    .brand-second-top svg {width: 69vw; height:10vh}
    .brand-second-two {padding: 0 1.5rem;display: flex;flex-direction: column;height: 74vh;gap:0;margin-bottom:9.5rem }
    .brand-second-two svg { width: 67vw; padding-top:8rem; }
    .brand-third svg {width: 83vw;height: 21vh;padding: 1.5rem 0;}
    .brand-third { padding:0; margin:3rem 0 }
    .brand-third-two { display: flex; flex-direction: column;gap:1.5rem;}
    #historyBottom { width: 95vw; transform: translateY(1rem); }
    .slides-01 img, .slides-02 img { position: relative !important; }
    .slides-01, .slides-02 { width: 100% !important; overflow-x: scroll; gap:0.5rem}
    .brand-third-two p { padding: 0 1.5rem; }
    .brand-third-two { overflow-x: hidden;}
    .mobile-br { display: none;} 
    
    .recipes {     padding: 0 1.5rem;flex-direction: column;margin: 13rem 0 0 0;height: calc(100vw * 1/1);overflow: hidden;justify-content: space-between;}
    .recipes-heading-title {    font-size: calc(100vw / 15);}
    .recipes-heading p { font-size: calc(100vw / 26);line-height: 1.9;padding-top: 2rem;}
    #recipesGroup { width: 83vw; z-index: -99; position: relative;transform: translateY(-7vh);}
    .recipes-card {flex-direction: column}
    .recipes-card-content{width: 100%;padding:1.5rem;}
    .recipes-card-content-filter { width: 100%; height: 51vh;}
    .recipes-card-content-group { align-items:center;position: relative; flex-direction: column; width: 100%; padding: 1.5rem; margin-right: 0; }
    .recipes-card-content-child { width: 79%;height: calc(23vw * 7/2); }
    .recipes-card-content-filter-child-group { flex-direction: column; display: flex;}
    .recipes-card-content-child-title h2 { font-size: calc(100vw / 6); }
    .recipes-card-content-filter-child {display: grid; grid-template-columns: 1fr 1fr;margin-top:-1.5rem;gap:1.5rem; }
    .recipes-card-content-filter-child-group h5 { font-size: 1rem; }
    .recipes-card-content-child-title img { width: 28vw;}
    .recipes-card-content-filter-child-select { margin:0.5rem 1rem; display: grid; grid-template-columns: 1fr 1fr; }
    .recipes-card-content-child-title h5 { font-size: 1rem; transform: translateY(-1.5rem);}
    .recipes-card-content-filter-child-select span { font-size: 0.9rem;display: flex; justify-content: center; }
    .recipes-card-content-filter-child-select span input { display: none; }
    .carbon { display: none; }
    .recipes-card-content-child a { align-items: center; }
    .recipes-card-content-child-recipe,.recipes-card-content-child-ing {display: none; }
    .recipes-card-content-child-top {font-size: calc(100vw / 5.5); width: 100%;height: calc(24vw * 5/3.5); }

    .recipe { padding:9rem 1.5rem; flex-direction: column-reverse; }
    .recipe-content { display: flex; flex-direction: column;padding:0;height: fit-content; }
    .recipe-content-card h1 { font-size: 4.7rem ; }
    .recipe-content-card svg { margin:1.5rem 0 ; width: 12vw;}
    .recipe-content-des-title h2 { font-size: 1.3rem; }
    .recipe-content-des { padding:1.5rem }
    .recipe-bottom-image { width: 53vw; }
    .recipe-top { justify-content: start;}
    .recipe-content-des-two-child p, .recipe-content-des-des p,.recipe-content-des-des li {     font-size: calc(100vw / 29);}
    .recipe-content-des-des p br { display: none;}

    .contact-text-child-button, .contact-text-child-kakao { width: 100%; }
    .contact { flex-direction: column;padding:0; margin:10rem 0 }
    .contact-text { padding:0 1.5rem; display: flex;position: relative; flex-direction: column; gap:1rem}
    .contact-text-left,.contact-text-right { gap:1rem }
    .contact-footer { display: flex; flex-direction: column;gap:1.5rem; padding:0 1.5rem; }
    .contact-text-child { width: 100%;gap:1rem }
    .contact-back { position: relative;}
    .contact-footer-left p,.contact-footer-right p {font-size: 0.9rem; }
    .contact-footer-left,.contact-footer-right { padding:1.5rem; height: fit-content;}
    .contact-form { width: 100vw; height: 100vh; top:0; left: 0; border-radius: 0 ; position: fixed;}
    .contact-center-form table { width: 100%;}
    .contact-top svg { width: 7vw; }
    .contact-top h3 {    transform: translateY(-3rem);}
    .contact-center-form { top:-22vh}
    label {text-align: left; }
    .contact-center-image { display: none;}

    .contact-bottom { flex-direction: column; align-items: end;gap:1rem}
    .boder-num { width: 8vw !important;}
    .contact-center-form {padding:2rem}

    .location-head { padding:0 1.5rem}
    #shopGroup {     width: 65vw;z-index: -99;position: relative;transform: translateY(-5vh);}
    .location-group { padding: 0 1.5rem; gap:1.5rem; }
    .location-group-bottom { grid-template-columns: 1fr; gap:1.5rem; }
    .location-head {     padding: 0 1.5rem;flex-direction: column;margin: 13rem 0 0 0;height: calc(100vw * 1/1);overflow: hidden;justify-content: space-between;}
    .shop-heading-title {font-size: calc(100vw / 15);}
    .location-heading p {     font-size: calc(100vw / 26);line-height: 1.9;padding-top: 2rem;}
    #locationSin {  width: 100%;display: flex;aspect-ratio: 11/7;align-items: center;justify-content: center;border-radius: 1.5rem;}

    .location-top-title svg { width: 89vw;margin-bottom: 2rem; }
    .location { padding:0 1.5rem; margin-top:11rem !important;}
    .recipe-top svg { width: 44vw !important; position: relative; z-index: 9999;;}
    .location-top {margin-top: -13rem !important; }
    .location-col { display: flex; padding:3rem 1.5rem; }
    .location-col-two h3 { font-size: 1.5rem;}
    .location-col-two p {font-size: 1rem;}

    .namyangju { grid-template-columns: 1fr 1fr !important;}

    .mangwon-grid { padding:1.5rem }
    #mangwonMenu {width: 100%; }
    .mangwon-grid-child-02-02 img { width: 20vw;}

    .shop {    padding: 0 1.5rem;flex-direction: column;margin: 13rem 0 0 0;height: calc(100vw * 1/1);overflow: hidden;justify-content: space-between;}
    .shop-heading-title {font-size: calc(100vw / 15);}
    .shop-heading p {   font-size: 1rem;line-height: 1.9;padding-top: 2rem;}
    .shops-content { display: flex; flex-direction: column;padding:0 1.5rem;margin-top:-1.15rem; }
    .shop-content-child-title h3 {font-size: 4rem;}
    .shop-content-child-title {height: 10rem;}
    .shop-content-child-title h5 {font-size: 1.2rem;}
    .shop-content-child-des h3 {font-size: 1rem;}
    .shop-content-child-des h5 {font-size: 1rem; margin-top:0.5rem}
    .shop-content-des-des p { font-size: 1rem;}
    .shop-content-des-title h3 { font-size: 1rem; margin-bottom: 1.5rem;}
    
    .shop-child { display: flex; flex-direction: column-reverse;}
    .shop-content { display: flex; flex-direction: column; padding:0 1.5rem;height: fit-content; }
    .slides { width: 100%; }
    .shop-content-des { height: 86vh; padding: 1.5rem;margin-top:4rem }
    .shop-top { padding:1.5rem; justify-content: start;margin-bottom: 8rem;}
    .shop-top a svg {width: 41vw }
    .shop-content-des-title h2 {font-size: 1.3rem;}
    .shop-content-des-two {font-size: 1rem;}

    footer { padding:1.5rem;height: 37vh; }
    #faqbutton,#contactbutton {font-size: 1rem; }
    .footer-bottom {font-size: 0.9rem;flex-direction: column;justify-content: start;align-items: start;gap: 1rem; }
    .join-us-modal { width: 100%;height: 100%;left: 0;top: 0;z-index: 9999;flex-direction: column-reverse;}
    .join-us-modal-right { width: 100%; height: 100%; }
    .join-us-modal-left { position: absolute;}
    .join-us-modal-right-top { font-size: calc(100vw / 5); transform: none; }
    .join-us-modal-right-top h5 { transform: translateY(-1.4rem);}
    .join-us-modal-right-bottom h5 {font-size: calc(100vw / 17);padding-right: 1.5rem;margin-bottom: 5rem;}
    .join-us-modal-right-center {     font-size: calc(100vw / 18);padding: 0 1.5rem;line-height: 1.5;margin-bottom: 7rem; word-break: keep-all;}
    .join-us-modal-right-bottom {width: 100%;display: flex;justify-content: end;padding: 0;flex-direction: column;align-items: end;}
    .join-us-modal-right-bottom svg {     transform: translate(-1rem,-1.5rem);width: 34vw; }
    .footer-bottom a { color:white !important }

    #hoverContact { width: 45vw;}
    #hoverContact { width: 55vw; }
}

@media (min-width: 2000px) {
    .head-right-right {width: 25vw;}
    .recipes-card-content-filter-child-group h5,.recipes-card-content-child-ing h4 { font-size: 1.3rem;}
    .recipes-card-content-filter-child-group p { font-size: 1.2rem; padding:1.5rem 0}
    .recipes-card-content-filter-child-select { font-size: 1.3rem; padding:1.5rem; }
    span {gap:0.5rem}
    .recipes-card-content-filter-child {gap:1rem}
}