@charset "utf-8";
/* 로바다야끼 가쿠 랜딩 : 시안 기준 1920px */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

/* 웹폰트는 사용 글자만 서브셋. 문구 변경 시 tools/subset.js 로 다시 생성 */
@font-face {font-family:'MapoAgape';src:url('../fonts/mapo-sub.woff2') format('woff2');font-display:swap}
@font-face {font-family:'ShillaCulture';src:url('../fonts/shilla-sub.woff2') format('woff2');font-display:swap}
@font-face {font-family:'GmarketSans';font-weight:700;src:url('../fonts/gmarket-sub.woff2') format('woff2');font-display:swap}

:root {
    --red: #fb0000;
    --red-dark: #c6191e;
    --black: #020202;
    --inner: 1304px;
    --hd-h: 88px;
}

/* 기본 */
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:var(--hd-h)}
body {margin:0;font-family:'Pretendard Variable',Pretendard,'Malgun Gothic',sans-serif;color:#fff;background:var(--black);line-height:1.4;letter-spacing:-0.05em;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img {max-width:100%;height:auto;vertical-align:top}
a {color:inherit;text-decoration:none}
button {font:inherit;color:inherit;letter-spacing:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p,ul,ol,dl,dd {margin:0;padding:0}
ul,ol {list-style:none}
.sound_only {position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.c_red {color:var(--red)}
.f_mapo {font-family:'MapoAgape',serif;font-weight:400}
.f_shilla {font-family:'ShillaCulture',serif;font-weight:400}
.lp_inner {position:relative;width:100%;max-width:var(--inner);margin:0 auto}
#hd_login_msg {position:fixed;left:10px;bottom:10px;z-index:999;padding:6px 10px;background:#333;color:#fff;font-size:12px;border-radius:4px;letter-spacing:0}
#hd_login_msg a {margin-left:6px;text-decoration:underline}

/* 상단 고정 */
#lp_hd {position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hd-h);background:var(--black)}
.hd_inner {display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 141px 0 121px}
.hd_logo img {display:block;width:203px}
.hd_gnb {display:flex;gap:70px;font-size:18px}
.hd_gnb a {position:relative;padding:8px 0}
.hd_gnb a::after {content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .25s}
.hd_gnb a:hover::after, .hd_gnb a.on::after {transform:scaleX(1)}
.hd_menu_btn {display:none}

/* 퀵메뉴 */
#lp_quick {position:fixed;right:50px;bottom:63px;z-index:90;display:flex;flex-direction:column;align-items:flex-end}
#lp_quick a {transition:transform .2s}
#lp_quick a:hover {transform:translateY(-3px)}
.qk_tel img {display:block;width:59px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
.qk_call {display:flex;align-items:center;gap:13px;margin-top:45px;width:265px;height:78px;padding:0 0 0 32px;background:#040404;border-radius:39px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.qk_call img {width:43px}
.qk_call em {display:block;font-style:normal;font-size:16px;font-weight:700;line-height:1.2}
.qk_call strong {display:block;font-size:30px;font-weight:700;line-height:1.1}

/* 메인 비주얼 */
.sec_hero {position:relative;height:1000px;background:url('../img/bg_hero.webp') center/cover no-repeat}
.hero_logo {position:absolute;left:50%;top:321px;z-index:2;width:64px;margin-left:-32px}
/* 영상 : 재생이 시작되면 배경 이미지 위로 서서히 표시. 시안의 20% 어둡게 처리를 위에 덧씌움 */
.sec_hero {overflow:hidden}
.hero_media {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.hero_media.is_play {opacity:1}
.hero_yt iframe {position:absolute;top:50%;left:50%;border:0;transform:translate(-50%,-50%);pointer-events:none}
.sec_hero:has(.is_play)::after {content:'';position:absolute;inset:0;z-index:1;background:rgba(2,2,2,.2)}

/* #section 01 */
.sec01 {height:1000px;padding-top:106px;text-align:center;background:var(--black)}
.s01_lead {font-size:49px;font-weight:700;line-height:63px}
.s01_tit {margin-top:62px;font-size:66px;font-weight:700;line-height:87px}
.s01_logo {display:block;width:141px;margin:66px auto 0}
.s01_quote {margin-top:76px;font-size:36px;line-height:45px}

/* #section 02 */
.sec02 {height:1000px;background:url('../img/bg_s02.webp') center/cover no-repeat;overflow:hidden}
.sec02 .lp_inner {height:100%}
.sec02 img, .s02_txt1, .s02_txt2 {position:absolute}
.p02_a {left:0;top:234px;width:190px}
.p02_b {left:209px;top:103px;width:340px}
.p02_c {left:733px;top:601px;width:570px}
.s02_txt1 {left:652px;top:317px;font-size:26px;line-height:40px}
.s02_txt2 {right:774px;top:688px;font-size:26px;line-height:40px;text-align:right;white-space:nowrap}

/* 흐르는 띠 */
.flow_band {height:114px;background:var(--red);overflow:hidden;display:flex;align-items:center}
.flow_track {display:flex;width:max-content;animation:lp_flow 30s linear infinite}
.flow_set {display:flex;align-items:center;font-family:'GmarketSans',sans-serif;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.flow_set .fl_out {font-size:58px;color:transparent;-webkit-text-stroke:2px #fff}
.flow_set .fl_fill {font-size:54px;color:#fff}
.flow_set i {display:inline-block;width:15px;height:15px;margin:0 28px;background:#fff;border-radius:50%}
@keyframes lp_flow {to {transform:translateX(-50%)}}

/* #section 03 브랜드 경쟁력 */
.sec03 {padding:46px 26px 111px;background:url('../img/bg_s03.webp') center/cover no-repeat;color:#020202}
.s03_head {display:flex;align-items:center;justify-content:center;gap:37px;padding-right:0}
.s03_head p {font-size:30px;letter-spacing:-0.09em}
.s03_head img {width:375px}
.s03_cards {display:grid;grid-template-columns:repeat(4,1fr);gap:11px;max-width:1868px;margin:44px auto 0}
.s03_cards li {aspect-ratio:459/425;padding:41px 0 0;background-position:center;background-size:cover;color:var(--c)}
.cd_label {padding:0 37px;font-size:21px;font-weight:700;letter-spacing:-0.03em}
.s03_cards h3 {padding:0 37px;font-size:32px;font-weight:700;line-height:43px;letter-spacing:-0.03em}
.cd_desc {margin-top:27px;padding:28px 37px;border-top:1px solid color-mix(in srgb,var(--l) 50%,transparent);border-bottom:1px solid color-mix(in srgb,var(--l) 50%,transparent);font-size:20px;font-weight:300;line-height:27px;letter-spacing:-0.03em}

/* 코어비스 띠 */
.corevice_band {display:flex;align-items:center;justify-content:center;height:121px;background:url('../img/bg_band.webp') center/cover no-repeat}
.cb_txt1 {position:relative;padding-right:31px;font-size:27px;font-weight:500;line-height:34px}
.cb_txt1::after {content:'';position:absolute;right:-4px;top:50%;width:4px;height:68px;margin-top:-34px;background:#fff}
.corevice_band img {width:285px;margin:0 11px 0 45px;filter:brightness(0) invert(1)}
.cb_txt2 {position:relative;top:3px;font-size:35px;font-weight:500}

/* #section 04 메뉴 경쟁력 */
.sec04 {min-height:1000px;padding:163px 0 90px;text-align:center;background:url('../img/bg_s04.webp') center/cover no-repeat;overflow:hidden}
.s04_sub {font-size:36px}
.s04_tit {margin-top:12px;font-size:65px;line-height:1.2;letter-spacing:-0.05em}
.s04_tabs {display:flex;justify-content:center;margin-top:44px}
.s04_tabs button {width:277px;height:69px;font-size:25px;font-weight:700;border:1px solid #fff;margin-left:-1px;transition:background .2s}
.s04_tabs button.on {background:var(--red);border-color:var(--red)}
.s04_tabs button:not(.on):hover {background:rgba(255,255,255,.1)}
.s04_panel {display:none;margin-top:66px}
.s04_panel.on {display:block}
/* 옆으로 계속 흐름 (목록 2벌, 절반만큼 이동하면 처음과 같은 모양). 마우스를 올리면 멈춤 */
.menu_list {display:flex;gap:35px;width:max-content;padding-right:35px;text-align:center;animation:lp_flow 40s linear infinite}
.menu_list:hover {animation-play-state:paused}
.menu_list li {flex:0 0 491px}
.menu_list img {display:block;width:491px;height:327px;object-fit:cover}
.menu_list p {margin-top:20px;font-size:25px;font-weight:700}
.menu_sq li {flex-basis:400px}
.menu_sq img {width:400px;height:400px}
/* 메뉴판 : PC 2쪽씩, 768px 이하 1쪽씩. 가로 스크롤 + 화살표 */
.board_slider {position:relative;max-width:900px;margin:0 auto}
.board_track {display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.board_track::-webkit-scrollbar {display:none}
.board_track li {flex:0 0 calc((100% - 16px) / 2);scroll-snap-align:start}
.bd_zoom {display:block;width:100%;cursor:zoom-in}
.bd_zoom img {display:block;width:100%;height:auto;aspect-ratio:626/874}
.bd_nav {position:absolute;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.5);transition:background .2s,opacity .2s}
.bd_nav::before {content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -4px;border:solid #fff;border-width:0 0 3px 3px;transform:rotate(45deg)}
.bd_nav:hover:not(:disabled) {background:var(--red);border-color:var(--red)}
.bd_nav:disabled {opacity:0;pointer-events:none}
.bd_prev {left:-76px}
.bd_next {right:-76px}
.bd_next::before, .mv_next::before {margin-left:-10px;transform:rotate(-135deg)}
.bd_count {margin-top:22px;font-size:18px;color:rgba(255,255,255,.8)}
.bd_count b {color:#fff}
.bd_hint {margin-top:6px;font-size:15px;color:rgba(255,255,255,.55)}
/* 크게 보기 */
.lp_modal.md_viewer {background:rgba(0,0,0,.92);padding:56px 90px}
.mv_img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.md_viewer .bd_nav {position:fixed}
.mv_prev {left:20px}
.mv_next {right:20px}
.mv_count {position:fixed;left:0;right:0;bottom:16px;text-align:center;font-size:15px;color:rgba(255,255,255,.8)}
.md_viewer .mv_close {position:fixed;top:12px;right:12px;width:44px;height:44px;margin:0;background:none;border-radius:0}
.mv_close::before, .mv_close::after {content:'';position:absolute;top:50%;left:50%;width:26px;height:2px;margin:-1px 0 0 -13px;background:#fff;transform:rotate(45deg)}
.mv_close::after {transform:rotate(-45deg)}
.panel_ready {padding:140px 0;font-size:22px;color:rgba(255,255,255,.7)}

/* #section 05 성공비법 */
.sec05 {position:relative;height:1000px;overflow-x:clip;padding-top:190px;background:var(--black) url('../img/bg_s05.webp') center/cover no-repeat}
.sec05 > img {position:absolute;pointer-events:none}
.d_salmon {left:calc(50% - 333px);top:-39px;width:368px;z-index:2}
.d_oyster {left:calc(50% + 612px);top:291px;width:392px}
.d_skewer {left:calc(50% - 986px);top:188px;width:492px}
.s05_grid {display:grid;grid-template-columns:194px 363px 392px 1fr;grid-template-rows:389px auto;z-index:1}
.s05_tit {grid-column:1 / 3;grid-row:1;font-size:55px;font-weight:700;line-height:65px}
.s05_item img {display:block;height:56px;width:auto;object-fit:contain}
.s05_item h3 {margin-top:30px;font-size:32px;font-weight:700}
.s05_item p {margin-top:14px;font-size:23px;font-weight:300;line-height:29px}
.s05_item.i1 {grid-column:3;grid-row:1}
.s05_item.i2 {grid-column:4;grid-row:1}
.s05_item.i3 {grid-column:2;grid-row:2}
.s05_item.i4 {grid-column:3;grid-row:2}
.s05_item.i5 {grid-column:4;grid-row:2}

/* #section 06 창업 절차 */
.sec06 {height:1002px;padding-top:155px;text-align:center;background:var(--red-dark) url('../img/bg_s06.webp') center/cover no-repeat}
.s06_sub {font-size:46px}
.s06_tit {margin-top:4px;font-size:75px;line-height:1.1}
.s06_steps {display:grid;grid-template-columns:repeat(4,1fr);gap:24px 14px;margin-top:95px;text-align:left}
.s06_steps li {display:grid;grid-template-columns:auto 1fr;align-content:start;column-gap:18px;min-height:218px;padding:45px 20px 20px 28px;background:#fff;border-radius:16px;color:#020202}
.s06_steps b {font-size:40px;font-weight:700;line-height:30px;color:var(--red-dark)}
.s06_steps h3 {font-size:28px;font-weight:700;line-height:31px}
.s06_steps p {grid-column:1 / -1;margin-top:22px;font-size:20px;line-height:26px;color:#5d5d5d}

/* #section 07 개설비용 */
.sec07 {height:1000px;padding-top:131px;background:url('../img/bg_s07.webp') center/cover no-repeat}
.s07_tit {font-size:55px;font-weight:700;text-align:center;line-height:1.2}
.s07_unit {margin-top:-4px;font-size:18px;font-weight:300;text-align:right}
.s07_table_wrap {margin-top:12px}
.s07_table {width:100%;border-collapse:collapse;background:var(--black);font-size:25px;text-align:center}
.s07_table th, .s07_table td {height:61px;padding:0 10px;border:1px solid rgba(255,255,255,.5);font-weight:500}
.s07_table thead th {height:76px;background:var(--red);font-weight:700;border-color:var(--red)}
.s07_table tr > :first-child {border-left:0}
.s07_table tr > :last-child {border-right:0}
.s07_table th:nth-child(1) {width:423px}
.s07_table th:nth-child(2) {width:465px}
.s07_note {margin-top:30px;font-size:18px;font-weight:300;line-height:25px}

/* #section 08 커뮤니티 */
.sec08 {height:992px;padding-top:116px;text-align:center;background:url('../img/bg_s08.webp') center/cover no-repeat;overflow:hidden}
.s08_tit {font-size:55px;font-weight:700;line-height:1.2}
.tag_band {margin-top:24px;height:74px;display:flex;align-items:center;background:rgba(255,255,255,.17);border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);overflow:hidden}
.tag_track {display:flex;gap:63px;width:max-content;padding-right:63px;font-size:25px;font-weight:700;white-space:nowrap;animation:lp_flow 40s linear infinite}
.insta_wrap {margin-top:64px;overflow:hidden}
.insta_track {display:flex;gap:40px;width:max-content;animation:lp_flow 50s linear infinite}
.insta_wrap:hover .insta_track {animation-play-state:paused}
.insta_card {width:340px;padding:0 9px;background:#eeeff0;border-radius:3px;color:#333;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.ic_top, .ic_bot {display:flex;align-items:center;height:62px;font-size:17px}
.ic_ring {width:26px;height:26px;border-radius:50%;background:linear-gradient(45deg,#fcaf45,#e1306c,#833ab4);-webkit-mask:radial-gradient(circle,transparent 9px,#000 10px);mask:radial-gradient(circle,transparent 9px,#000 10px)}
.ic_more {margin-left:auto;display:flex;gap:6px}
.ic_img {aspect-ratio:322/377;background:#fff;overflow:hidden}
.ic_img img {width:100%;height:100%;object-fit:cover}
.ic_bot {gap:10px;height:60px;font-size:16px}
.ic_bot .fa-heart {color:#c4151c}
.ic_bot .fa-star-o {margin-left:auto}

/* #section 09 */
.sec09 {display:flex;align-items:center;justify-content:center;height:896px;margin-top:-8px;background:url('../img/bg_s09.webp') center/cover no-repeat}
.s09_box {display:flex;flex-direction:column;justify-content:center;width:946px;height:390px;background:#fff;text-align:center}
.s09_box h2 {font-size:63px;line-height:79px;color:#070707}
.s09_box p {margin-top:33px;font-size:35px;font-weight:700;color:#9b9b9b}
.red_band {display:flex;align-items:center;justify-content:center;height:113px;padding:0 20px;background:var(--red);text-align:center}
.red_band p {font-size:36px;font-weight:700}

/* #section 10 가맹문의 */
.sec10 {padding:97px 0 85px;background:url('../img/bg_s10.webp') center/cover no-repeat}
.inq_box {width:100%;max-width:var(--inner);margin:0 auto;padding:149px 0 104px;background:#313131;border-radius:40px}
/* 라벨 열은 가장 긴 라벨 폭에 맞추고, 라벨+입력칸 묶음 전체를 가운데 정렬 */
#finquiry {display:grid;grid-template-columns:max-content 815px;justify-content:center;gap:12px 14px}
#finquiry > :not(.inq_row) {grid-column:1 / -1}
.inq_row {display:contents}
.inq_row label {align-self:center;text-align:right;font-size:28px;font-weight:700}
.inq_row input, .inq_row textarea {width:100%;height:63px;padding:0 18px;border:0;border-radius:0;background:#fff;font:inherit;font-size:20px;color:#111;letter-spacing:-0.02em}
.inq_row_ta label {align-self:start;padding-top:14px}
.inq_row textarea {height:183px;padding:16px 18px;resize:vertical}
.inq_row input:focus, .inq_row textarea:focus {outline:3px solid var(--red);outline-offset:-3px}
.inq_agree {display:flex;align-items:center;justify-content:center;gap:10px;margin-top:38px;font-size:19px;font-weight:700}
.inq_agree input {width:21px;height:21px;margin:0 6px 0 0;accent-color:var(--red)}
.inq_agree label {cursor:pointer}
.btn_policy {font-weight:700}
.btn_policy:hover {text-decoration:underline}
.inq_submit {display:block;width:228px;height:55px;margin:30px auto 0;background:var(--red);font-size:23px;font-weight:700;transition:background .2s}
.inq_submit:hover {background:#b30000}
.inq_submit:disabled {opacity:.6;cursor:default}
.inq_notice {text-align:center;font-size:20px}
.inq_hp {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* 그누보드 캡챠 */
#captcha {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:24px 0 0;padding:0;border:0}
#captcha legend {position:absolute;font-size:0;overflow:hidden}
#captcha #captcha_img {height:44px;border-radius:4px;background:#fff}
#captcha #captcha_mp3, #captcha #captcha_reload {width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../../../../img/captcha2.png') no-repeat;border-radius:4px}
#captcha #captcha_reload {background-position:0 -40px}
#captcha #captcha_key {width:110px;height:44px;padding:0 8px;border:0;border-radius:4px;font-size:20px;font-weight:700;text-align:center}
#captcha #captcha_info {flex-basis:100%;text-align:center;font-size:14px;color:#bbb}
#captcha audio {flex-basis:100%;max-width:260px}

/* 푸터 */
#lp_ft {height:462px;padding-top:120px;background:#070707}
.ft_inner {display:flex;gap:134px;max-width:var(--inner);margin:0 auto;padding-left:6px}
.ft_logo {flex:0 0 185px;width:185px}
.ft_info {padding-top:9px;font-size:19px;line-height:29px;letter-spacing:-0.03em}
.ft_links {margin-bottom:14px;font-size:18px}
.ft_links button:hover, .ft_links a:hover {text-decoration:underline}
.ft_info i {display:inline-block;width:1px;height:14px;margin:0 22px;background:#fff;vertical-align:-1px}
.ft_tel {display:inline-block;margin-top:38px;font-size:40px;font-weight:700;color:var(--red);line-height:1}

/* 모달 */
.lp_modal {position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.7)}
.lp_modal[hidden] {display:none}
.md_box {width:100%;max-width:560px;max-height:85vh;overflow:auto;padding:36px 32px 28px;background:#fff;border-radius:16px;color:#222;letter-spacing:-0.02em}
.md_box h2 {font-size:22px;font-weight:700}
.md_con {margin-top:18px;font-size:15px;line-height:1.7;color:#444}
.md_con dl {display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:16px 0;padding:16px;background:#f5f5f5;border-radius:8px}
.md_con dt {font-weight:700;color:#222}
.md_box_long {max-width:720px}
.md_con h3 {margin:24px 0 6px;font-size:16px;font-weight:700;color:#222}
.md_con ul {margin:6px 0;padding-left:18px;list-style:disc}
.md_con ul li + li {margin-top:2px}
.md_close {display:block;width:100%;height:50px;margin-top:22px;background:#111;color:#fff;font-weight:700;border-radius:8px}

/* 등장 효과 */
.js .reveal {opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.js .reveal.is_in {opacity:1;transform:none}
@media (prefers-reduced-motion:reduce) {
    html {scroll-behavior:auto}
    .flow_track, .tag_track, .insta_track {animation:none}
    .menu_list {width:auto;padding:0 20px;flex-wrap:wrap;justify-content:center;animation:none}
    .menu_list .dup {display:none}
    .menu_list li {flex:0 1 491px}
    .menu_list img {width:100%;height:auto;aspect-ratio:491/327}
    .menu_sq li {flex-basis:300px}
    .menu_sq img {aspect-ratio:1}
    .js .reveal {opacity:1;transform:none;transition:none}
}

/* ===== 1320px 이하 ===== */
@media (max-width:1320px) {
    .lp_inner, .inq_box, .ft_inner {max-width:calc(100% - 40px)}
    .hd_inner {padding:0 30px}
    .hd_gnb {gap:40px}
    #lp_quick {right:20px}

    .sec02 {height:auto;padding:100px 0}
    .sec02 .lp_inner {display:grid;grid-template-columns:1fr 1fr;gap:40px 50px;align-items:center}
    .sec02 img, .s02_txt1, .s02_txt2 {position:static}
    .s02_photos {display:flex;align-items:flex-end;gap:19px}
    .p02_a {width:36%}
    .p02_b {width:64%}
    .s02_txt2 {grid-row:2;text-align:right;white-space:normal}
    .p02_c {grid-row:2;width:100%}

    .s05_grid {grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:60px 30px}
    .s05_tit {grid-column:1 / -1}
    .s05_item.i1, .s05_item.i2, .s05_item.i3, .s05_item.i4, .s05_item.i5 {grid-column:auto;grid-row:auto}
    .sec05 {height:auto;padding:150px 0 120px}

    /* 카드 4장이 화면 폭 안에 들어오도록 (1fr은 글자 폭보다 줄지 않아 넘침) */
    .s03_cards {grid-template-columns:repeat(4,minmax(0,1fr))}
    .s03_cards li {padding-top:30px}
    .cd_label {padding:0 22px;font-size:16px}
    .s03_cards h3 {padding:0 22px;font-size:23px;line-height:1.35}
    .cd_desc {margin-top:18px;padding:18px 22px;font-size:15px;line-height:1.5}
    .d_salmon {left:auto;right:5%;width:280px}
    .d_oyster, .d_skewer {opacity:.35}
    .d_oyster {left:auto;right:-80px}
    .d_skewer {left:-200px}

    #finquiry {grid-template-columns:max-content min(815px, calc(100% - 140px));padding:0 40px}
}

/* ===== 1024px 이하 ===== */
@media (max-width:1024px) {
    :root {--hd-h:70px}
    .hd_logo img {width:140px}
    .hd_menu_btn {display:block;position:relative;width:40px;height:40px}
    .hd_menu_btn span, .hd_menu_btn::before, .hd_menu_btn::after {content:'';position:absolute;left:8px;right:8px;height:2px;background:#fff;transition:transform .25s,opacity .25s}
    .hd_menu_btn span {top:19px}
    .hd_menu_btn::before {top:11px}
    .hd_menu_btn::after {top:27px}
    .hd_menu_btn[aria-expanded="true"] span {opacity:0}
    .hd_menu_btn[aria-expanded="true"]::before {transform:translateY(8px) rotate(45deg)}
    .hd_menu_btn[aria-expanded="true"]::after {transform:translateY(-8px) rotate(-45deg)}
    .hd_gnb {position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:10px 0 20px;background:var(--black);border-top:1px solid #222;transform:translateY(-10px);opacity:0;visibility:hidden;transition:.25s}
    .hd_gnb.open {transform:none;opacity:1;visibility:visible}
    .hd_gnb a {padding:14px 30px}
    .hd_gnb a::after {display:none}

    .sec_hero {height:80vh;height:80svh;min-height:360px;margin-top:0}
    /* 메뉴바 아래 영역 가운데, 배너 높이에 맞춰 크기 조절 (키 작은 화면에서 잘리지 않게) */
    .hero_logo {top:calc(var(--hd-h) + (100% - var(--hd-h)) / 2);width:auto;height:min(400px, calc((100% - var(--hd-h)) * .78));margin:0;transform:translate(-50%,-50%)}

    .sec01 {height:auto;padding:110px 20px}
    .s01_lead {font-size:34px;line-height:1.35}
    .s01_tit {margin-top:40px;font-size:46px;line-height:1.3}
    .s01_logo {width:110px;margin-top:50px}
    .s01_quote {margin-top:50px;font-size:27px;line-height:1.35}

    .flow_band {height:80px}
    .flow_set .fl_out {font-size:40px}
    .flow_set .fl_fill {font-size:38px}

    .s03_head {flex-direction:column-reverse;gap:16px}
    .s03_head p {font-size:24px;text-align:center}
    .s03_head img {width:280px}
    .s03_cards {grid-template-columns:repeat(2,1fr)}
    .corevice_band {height:auto;padding:24px 20px;flex-wrap:wrap;gap:12px}
    .cb_txt1 {padding-right:20px}
    .corevice_band img {margin-left:24px}

    .sec04 {height:auto;padding:110px 0}
    .s04_sub {font-size:26px;padding:0 20px}
    .s04_tit {font-size:46px}
    .s04_tabs button {width:auto;flex:1;max-width:240px;height:58px;font-size:19px}
    .s04_tabs {padding:0 20px}
    .board_slider {max-width:min(900px, calc(100% - 40px))}
    .bd_prev {left:10px}
    .bd_next {right:10px}
    .menu_list {width:auto;margin:0 20px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:30px 20px;animation:none}
    .menu_list .dup {display:none}
    .menu_list img {width:100%;height:auto;aspect-ratio:491/327}
    .menu_list p {font-size:20px;margin-top:12px}
    .menu_sq {grid-template-columns:repeat(4,1fr)}
    .menu_sq img {aspect-ratio:1}

    .sec06 {height:auto;padding:110px 0}
    .s06_sub {font-size:32px}
    .s06_tit {font-size:52px}
    .s06_steps {grid-template-columns:repeat(2,1fr);margin-top:60px}

    .sec07 {height:auto;padding:110px 0}
    .s07_table {font-size:19px}
    .s07_table th:nth-child(1), .s07_table th:nth-child(2) {width:auto}

    .sec08 {height:auto;padding:110px 0}
    .insta_card {width:260px}

    .sec09 {height:auto;padding:120px 20px;margin-top:0}
    .s09_box {width:100%;max-width:760px;height:auto;padding:60px 30px}
    .s09_box h2 {font-size:44px;line-height:1.3}
    .s09_box p {font-size:24px;margin-top:20px}
    .red_band {height:auto;padding:28px 20px}
    .red_band p {font-size:24px}

    .sec10 {padding:80px 0}
    .inq_box {padding:80px 0;border-radius:28px}

    #lp_ft {height:auto;padding:70px 0 90px}
    .ft_inner {gap:50px}
}

/* ===== 768px 이하 ===== */
@media (max-width:768px) {
    :root {--hd-h:60px}
    .hd_inner {padding:0 12px 0 16px}
    .hd_logo img {width:112px}

    #lp_quick {right:12px;bottom:16px}
    .qk_tel img {width:48px}
    .qk_call {display:none}

    .sec_hero {height:70vh;height:70svh;min-height:360px;background-position:60% center}

    .sec01 {padding:80px 16px}
    .s01_lead {font-size:22px}
    .s01_tit {margin-top:28px;font-size:32px}
    .s01_logo {width:84px;margin-top:36px}
    .s01_quote {margin-top:36px;font-size:19px}

    .sec02 {padding:70px 0}
    .sec02 .lp_inner {grid-template-columns:1fr;gap:28px;max-width:calc(100% - 32px)}
    .s02_txt1, .s02_txt2 {font-size:18px;line-height:1.6}
    .s02_txt2 {grid-row:auto;text-align:left}
    .p02_c {grid-row:auto}

    .flow_band {height:56px}
    .flow_set .fl_out {font-size:28px;-webkit-text-stroke-width:1.5px}
    .flow_set .fl_fill {font-size:26px}
    .flow_set i {width:9px;height:9px;margin:0 16px}

    .sec03 {padding:60px 16px}
    .s03_head p {font-size:18px}
    .s03_head img {width:200px}
    .s03_cards {grid-template-columns:1fr;gap:12px;margin-top:30px}
    .s03_cards li {aspect-ratio:auto;padding:30px 0 40px}
    .cd_label {padding:0 24px;font-size:16px}
    .s03_cards h3 {padding:0 24px;font-size:24px;line-height:1.4}
    .cd_desc {margin-top:18px;padding:18px 24px;font-size:16px;line-height:1.5}

    .corevice_band {flex-direction:column;text-align:center}
    .cb_txt1 {font-size:18px;line-height:1.4}
    .cb_txt1 {padding-right:0}
    .cb_txt1::after {display:none}
    .corevice_band img {margin:6px 0 0;width:180px}
    .cb_txt2 {top:0;font-size:20px}

    .sec04 {padding:80px 0}
    .s04_sub {font-size:18px}
    .s04_tit {margin-top:8px;font-size:32px}
    .s04_tabs {margin-top:30px}
    .s04_tabs button {height:48px;font-size:14px;letter-spacing:-0.07em}
    .s04_panel {margin-top:36px}
    .board_slider {max-width:none;margin:0 16px}
    .board_track li {flex-basis:100%}
    .bd_nav {width:42px;height:42px;margin-top:-21px}
    .lp_modal.md_viewer {padding:56px 0 60px}
    .md_viewer .bd_nav {top:auto;bottom:6px;margin:0}
    .mv_prev {left:16px}
    .mv_next {right:16px}
    .mv_count {bottom:18px}
    .menu_list {margin:0 16px;gap:22px 12px}
    .menu_sq {grid-template-columns:repeat(2,1fr)}
    .menu_list p {font-size:15px;margin-top:10px}

    .sec05 {padding:90px 0 80px}
    .s05_grid {grid-template-columns:1fr 1fr;gap:44px 20px;max-width:calc(100% - 32px)}
    .s05_tit {font-size:32px;line-height:1.3}
    .s05_item img {height:42px}
    .s05_item h3 {margin-top:16px;font-size:22px}
    .s05_item p {margin-top:8px;font-size:15px;line-height:1.5}
    .d_salmon {width:160px;top:-30px;right:0}
    .d_oyster, .d_skewer {display:none}

    .sec06 {padding:80px 0}
    .s06_sub {font-size:22px}
    .s06_tit {font-size:34px}
    .s06_steps {grid-template-columns:1fr;gap:12px;margin-top:40px;max-width:calc(100% - 32px)}
    .s06_steps li {min-height:0;padding:26px 22px}
    .s06_steps b {font-size:30px;line-height:24px}
    .s06_steps h3 {font-size:20px;line-height:24px}
    .s06_steps p {margin-top:14px;font-size:15px;line-height:1.5}

    .sec07 {padding:80px 0}
    .sec07 .lp_inner {max-width:calc(100% - 32px)}
    .s07_tit {font-size:32px}
    .s07_unit {margin-top:16px;font-size:13px}
    .s07_table {font-size:13px;letter-spacing:-0.06em}
    .s07_table th, .s07_table td {height:46px;padding:4px 6px}
    .s07_table thead th {height:50px}
    .s07_note {font-size:13px;line-height:1.6}

    .sec08 {padding:80px 0}
    .s08_tit {font-size:32px}
    .tag_band {height:54px}
    .tag_track {gap:36px;padding-right:36px;font-size:17px}
    .insta_wrap {margin-top:40px}
    .insta_track {gap:16px}
    .insta_card {width:210px;padding:0 6px}
    .ic_top, .ic_bot {height:44px;font-size:14px}

    .sec09 {padding:70px 16px}
    .s09_box {padding:44px 16px}
    .s09_box h2 {font-size:23px}
    .s09_box p {font-size:16px;margin-top:14px}
    .red_band p {font-size:17px}

    .sec10 {padding:50px 16px}
    .inq_box {max-width:100%;padding:44px 0;border-radius:20px}
    #finquiry {display:block;padding:0 20px}
    .inq_row {display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px}
    .inq_row label, .inq_row_ta label {flex:none;align-self:stretch;text-align:left;font-size:17px;padding-top:0}
    .inq_row input {flex:none;height:50px;font-size:16px}
    .inq_row textarea {flex:none;height:150px;font-size:16px}
    .inq_agree {flex-wrap:wrap;margin-top:24px;font-size:15px}
    .inq_submit {width:100%;max-width:280px}

    #lp_ft {padding:50px 0 80px}
    .ft_inner {flex-direction:column;align-items:center;gap:28px;padding:0 16px;max-width:100%;text-align:center}
    .ft_logo {flex:none;width:110px}
    .ft_info {font-size:13px;line-height:1.7}
    .ft_links {font-size:13px}
    .ft_info i {margin:0 8px;height:10px}
    .ft_tel {margin-top:20px;font-size:30px}
}