/* ===== mobile (≤760) 2/2 : menu ~ footer ===== */
@media (max-width:760px){
/* menu */
.menu{height:auto;padding:40px 0 30px;background-image:none;display:flex;flex-wrap:wrap;justify-content:center}
.menu>*{position:relative;left:auto;right:auto;top:auto;width:100%}
.menu__pre{font-size:14px;transform:none}
.menu__title{margin-top:14px}
.menu__title span,.menu__title small{height:64px}
.menu__title span{width:44px;font-size:32px}
.menu__title small{width:62px;font-size:14px}
.menu__sub{margin-top:14px;font-size:12px}
.menu__side{display:none}
.mbub,.mbub--2{width:170px;margin:22px 4px 0;padding:10px 8px;font-size:10px}
.mbub b{font-size:11px}
.mbub--3{order:1;width:220px;margin-top:26px}
.menu__stage{height:250px;margin-top:22px}
.menu__item{width:180px;height:180px;margin:-90px 0 0 -90px}
.menu .arrow--prev{margin-left:-152px}.menu .arrow--next{margin-left:114px}
.menu__name{font-size:20px}
.menu__desc{margin-top:4px}

/* store */
.store{height:auto}
.marquee{height:40px}
.marquee__track span{font-size:24px;line-height:40px}
.store__band{position:relative;inset:auto;margin-top:40px;padding:44px 14px 30px}
.store__corner--l{width:60px;height:60px}
.store__corner--r{width:90px;height:200px}
.store__diag{right:8px;top:14px;font-size:13px}
.store__head,.store__en{position:relative;top:auto}
.store__head h2 span{width:52px;height:52px;font-size:32px}
.store__v,.store__v2{font-size:12px}
.store__v{margin-right:6px}.store__v--en{margin:0 0 0 6px}
.store__en{font-size:18px;margin-top:12px}
.store__gallery{position:relative;left:auto;right:auto;top:auto;margin-top:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:6px}
.store__gallery img{height:120px}
.store__vlogo{display:none}
.store__main{grid-row:auto;grid-column:1/3;height:220px !important}
.store__gallery img:nth-child(6){grid-column:auto}

/* chan */
.chan{height:auto;padding:40px 0 0}
.chan__marq{height:40px}
.chan__marq span{font-size:40px;line-height:38px}
.chan__frame{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:20px 12px 0;padding-bottom:40px}
.chan__frame::before{left:-12px;right:-12px;top:168px}
.chan__title{margin-top:30px;font-size:28px;gap:10px}
.chan__seal{font-size:14px;padding:0 6px}
.chan__sub{font-size:12px;padding:0 14px}
.chan__sub b{display:block}
.chan__oval{width:300px;height:124px;margin-top:20px}
.chan__oval img{width:230px}
.chan__rings{gap:10px;margin-top:34px}
.ring{width:100px;height:100px;border-width:2px}
.ring svg{inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}
.ring b{font-size:38px}.ring span{font-size:11px}

/* sales */
.sales{height:auto;padding:40px 0 30px}
.sales .bigseal{top:28px;width:56px;height:56px;font-size:30px}
.sales .bigseal--l{left:14px}.sales .bigseal--r{right:14px}
.sales__kicker,.sales__title{position:relative;top:auto}
.sales__kicker{gap:8px;font-size:12px;margin-top:12px}
.sales__kicker i{width:24px}
.sales__title{font-size:24px;margin-top:40px;z-index:0}
.sales__ghost{font-size:48px;top:-14px}
.sales__board{position:relative;left:auto;right:auto;top:auto;height:auto;margin:26px 14px 0;padding:20px 14px;grid-template-columns:1fr;gap:18px}
.sales__table{margin-top:0}
.sales__note{grid-column:auto;margin-top:0}
.sales__pie{width:280px;height:280px}
.pie__l b{font-size:26px}
.sales__proof img{width:130px}
.sales__proof b{font-size:16px}

/* ceo */
.ceo__arch{height:auto;padding-bottom:50px}
.ceo__arch::before{top:60px;bottom:0;height:auto;left:-10px;right:-10px;border-radius:200px 200px 0 0}
.ceo__seal{margin-top:110px;width:50px;height:50px;font-size:24px}
.ceo__pre{font-size:20px;margin-top:12px}
.ceo__arch h2{font-size:25px}
.ceo__box{width:auto;margin:24px 20px 0;padding:12px 8px}
.ceo__box span{font-size:12px}.ceo__box b{font-size:15px}
.ceo__v{display:none}
.ceo__text{margin-top:30px;padding:0 22px;font-size:12px}
.ceo__text br{display:none}
.ceo__hl{font-size:13px}
.ceo__sign{font-size:15px !important}.ceo__sign b{font-size:16px}
.ceo__tabs{height:44px}
.ceo__tabs span{width:33.4%;font-size:14px}
.ceo__split{grid-template-columns:1fr;height:auto}
.ceo__half,.ceo__half--l,.ceo__half--r{padding:36px 22px 32px;text-align:left}
.ceo__vlogo{display:none}
.ceo__script{font-size:20px}
.ceo__half h3{font-size:26px}
.ceo__lead{font-size:13px}
.ceo__half i,.ceo__half--r i{margin:14px 0}
.ceo__half p:not(.ceo__script):not(.ceo__lead){font-size:12px}
.ceo__half .ceo__photo{display:block;position:relative;right:auto;bottom:auto;width:170px;height:170px;margin:22px auto 0;border-radius:50%;box-shadow:0 0 0 6px #555}
.ceo__give{grid-template-columns:1fr;padding:36px 20px;gap:18px}
.ceo__give h3{font-size:22px}
.ceo__give-img img{height:130px}

/* count */
.count{height:auto;padding:24px 14px}
.count__card{height:auto;padding:40px 14px 24px;display:flex;flex-direction:column;align-items:center}
.count__pill{margin-top:0;font-size:12px}
.count__card h2{font-size:28px;margin-top:14px}
.count__sub{font-size:14px}
.clock{gap:3px;margin-top:22px}
.clock span{min-width:54px;font-size:36px;letter-spacing:4px;text-indent:4px}
.clock i{font-size:26px}
.count__food{position:relative;order:1;left:auto;bottom:auto;width:290px;margin:18px 0 -46px}
.count__logo{top:60px;right:10px;width:160px}
.count__black{position:relative;order:2;left:auto;bottom:auto;width:100%;margin:0;padding:18px 14px;z-index:1}
.count__black img{width:150px}

/* cost */
.cost{padding:44px 14px 40px}
.cost__en{font-size:12px}
.cost__title{font-size:32px}
.cost__sub{font-size:12px}
.cost__grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}
.cost__grid li{height:110px}
.cost__grid li.is-hot{grid-column:1/3}
.cost__grid span{font-size:13px}
.cost__grid b{font-size:36px}
.cost__grid small{font-size:13px}
.cost__grid em{top:6px;right:8px;font-size:10px}
.cost__total{width:auto;height:64px;gap:14px}
.cost__total span{font-size:15px}.cost__total b{font-size:30px}
.cost__support{grid-template-columns:1fr;margin-top:26px}
.cost__support li{padding:14px 6px;font-size:12px;border-left:0;border-top:1px solid var(--hair)}
.cost__support li:first-child{border-top:0}
.cost__support b{font-size:15px}
.cost__stores{font-size:11px;line-height:1.8}
.cost__stores i{display:block;width:auto;height:0;margin:4px 0}

/* process */
.process{height:auto;padding:34px 0 50px}
.process::before{width:44px}
.process__marq{left:44px;height:34px}
.process__marq span{font-size:18px;line-height:34px}
.process__vl{left:14px;top:80px;font-size:11px;letter-spacing:1.2em}
.process__vr{display:none}
.process__en{left:60px;bottom:14px;font-size:12px}
.process__title{position:relative;top:auto;margin-top:30px;padding-left:44px;font-size:30px;gap:10px}
.process__title span{font-size:14px}
.process__zig{position:relative;left:auto;top:auto;width:auto;margin:26px 14px 0 58px;grid-template-columns:1fr;row-gap:8px}
.pz{height:52px}
.pz--r{margin-left:0}
.pz--l{flex-direction:row-reverse}
.pz--l div{text-align:left}
.pz h3{font-size:15px}
.pz b{width:46px;font-size:16px}

/* contact */
.contact{height:auto;padding:40px 0}
.contact .bigseal{top:24px;width:56px;height:56px;font-size:30px}
.contact .bigseal--l{left:14px}.contact .bigseal--r{right:14px}
.contact__pre{margin-top:30px;font-size:15px}
.contact__title{font-size:20px}
.contact__wrap{position:relative;left:auto;right:auto;top:auto;height:auto;margin:110px 14px 0;grid-template-columns:44px 1fr}
.contact__vlogo img{width:200px}
.contact__ghost{display:none}
.form{padding:22px 16px 20px}
.form label:not(.radio):not(.form__agree){grid-template-columns:62px 1fr}
.form__row{gap:20px;padding-right:10px}
.form .btn{width:100%}
.contact__call{right:0;top:-92px;width:170px;height:62px}
.contact__kakao{right:0;top:-28px;width:170px;height:34px;font-size:12px}

/* footer · bar · totop */
.ft{padding:24px 0 30px}
.ft img{position:relative;right:auto;top:auto;margin-top:16px}
.ft__sns{flex-wrap:wrap;gap:6px 14px}
.bar{height:auto;padding:6px 8px;flex-wrap:wrap;justify-content:flex-start;gap:4px 6px}
.bar__tel{flex:1 0 100%;font-size:13px;margin-right:0}
.bar__fields{flex:1 1 250px;padding-top:0;gap:4px}
.bar__fields input[name]:not([type=checkbox]){width:0;flex:1;height:26px;font-size:11px}
.bar__agree{left:auto;right:0;top:-22px}
.bar button{height:26px;margin-top:0;padding:0 12px;font-size:12px}
.totop{right:14px;bottom:calc(var(--bar-h) + 20px);width:40px;height:40px}
}

/* 고래 워터마크 · 모바일 최적화 (09-29) */
@media (max-width:760px){
.why__echo{display:none}
.sales__ghost{display:none}
.store__head h2 span{width:46px;height:46px;font-size:28px}
.store__corner--r,.store__diag{display:none}
.hd__cta{display:none}
}