@charset "utf-8";

/* hothann.css - 동래정 basic 테마 커스텀 스타일 */

:root {
    --hh-header-h:100px;
    --main_color: #C99D66;
}
@font-face {font-family:'Eulyoo1945'; font-style:normal; font-weight:400; font-display:swap; src:url(../font/Eulyoo1945-Regular.eot), url(../font/Eulyoo1945-Regular.woff2) format("woff2"), url(../font/Eulyoo1945-Regular.woff) format("woff"), url(../font/Eulyoo1945-Regular.ttf) format("truetype")}
@font-face {font-family:'Eulyoo1945'; font-style:normal; font-weight:600; font-display:swap; src:url(../font/Eulyoo1945-SemiBold.eot), url(../font/Eulyoo1945-SemiBold.woff2) format("woff2"), url(../font/Eulyoo1945-SemiBold.woff) format("woff"), url(../font/Eulyoo1945-SemiBold.ttf) format("truetype")}
@font-face {font-family:'Paperlogy'; font-style:normal; font-weight:500; font-display:swap; src:url(../font/Paperlogy-5Medium.ttf) format("truetype")}
@font-face {font-family:'Paperlogy'; font-style:normal; font-weight:700; font-display:swap; src:url(../font/Paperlogy-7Bold.ttf) format("truetype")}
@font-face {font-family:'Cafe24Danjunghae'; font-style:normal; font-weight:400; font-display:swap; src:url(../font/Cafe24Danjunghae.woff2) format("woff2"), url(../font/Cafe24Danjunghae.woff) format("woff")}
html {scroll-behavior:smooth}
body {display:flex; flex-direction:column; min-height:100vh; font-family:'Pretendard', 'Malgun Gothic', sans-serif; color:#222; background:#fff; word-break: keep-all;}
body.hh_mobile_menu_lock {overflow:hidden}
#wrapper {flex:1 0 auto; padding-top:var(--hh-header-h)}
#footer {flex-shrink:0}
[id^="sc_"] {scroll-margin-top:var(--hh-header-h)}



/* ===== 헤더 (Figma: Header, node 55:4073) ===== */

.hh_header {position:fixed; top:0; left:0; width:100%; z-index:1000; height:var(--hh-header-h); background:rgba(0, 0, 0, 0.3); border-bottom:1px solid rgba(221, 221, 221, 0.3); transition:backdrop-filter 0.3s ease}
.hh_header.hh_scrolled {backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px)}
.hh_header_inner {max-width:1920px; height:100%; margin:0 auto; padding:0 160px; display:flex; align-items:center; justify-content:space-between}

/* 로고 */
.hh_logo {flex:0 0 auto}
.hh_logo a {position:relative; display:block; width:152px; height:54.384px}
.hh_logo_char {position:absolute; left:0; top:0; width:45.188px; height:54.384px}
.hh_logo_mark {position:absolute; left:53.39px; top:3.03px; width:98.612px; height:48.323px}
.hh_logo_emblem {position:absolute; left:0; top:0; width:98.612px; height:34.816px}
.hh_logo_wordmark {position:absolute; left:4.34px; top:34.59px; width:89.924px; height:13.733px}
.hh_logo_dots {position:absolute; left:31.76px; top:21.65px; display:flex; align-items:flex-start; gap:4px}
.hh_logo_dots img {width:9px; height:9px}

/* 메인메뉴(GNB) - 하드코딩 */
.hh_gnb {flex:0 0 auto; width:800px}
.hh_gnb ul {display:flex; align-items:center; justify-content:space-between; width:100%}
.hh_gnb a {display:block; font-family:'Pretendard', sans-serif; font-weight:600; font-size:18px; line-height:1; color:#fff; white-space:nowrap; text-decoration:none; transition: all 0.3s;}
.hh_gnb a:hover {color: var(--main_color);}

/* 우측 연락처 */
.hh_contact {flex:0 0 auto}
.hh_contact a {display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-decoration:none}
.hh_contact_label {display:flex; align-items:center; gap:4px; font-family:'Paperlogy', sans-serif; font-weight:700; font-size:18px; line-height:1.2; letter-spacing:-0.72px; color:var(--main_color); white-space:nowrap}
.hh_contact_label img {width:20px; height:20px; position: relative; bottom: 5px;}
.hh_contact_num {font-family:'Paperlogy', sans-serif; font-weight:700; font-size:24px; line-height:1.2; letter-spacing:-0.96px; color:var(--main_color); white-space:nowrap}

/* 모바일 메뉴 버튼 - 1024px 이하에서만 노출 (Figma 모바일: node 36:6738) */
.hh_menu_toggle {display:none; flex:0 0 auto; border:0; background:transparent; cursor:pointer}
.hh_menu_toggle img {display:block; width:24px; height:auto}

/* 모바일 사이드바 메뉴 - 햄버거로 열리는 전체화면 메뉴 (Figma 모바일: node 36:5603) */
.hh_mobile_menu {position:fixed; top:var(--hh-header-h); left:0; width:100%; height:calc(100vh - var(--hh-header-h)); z-index:999; background:#000; overflow-y:auto; transform:translateX(-100%); visibility:hidden; transition:transform 0.3s ease, visibility 0s linear 0.3s}
.hh_mobile_menu.active {transform:translateX(0); visibility:visible; transition:transform 0.3s ease, visibility 0s linear 0s}
.hh_mobile_menu_list {display:flex; flex-direction:column; gap:28px; margin:0; padding:28px 20px; list-style:none}
.hh_mobile_menu_item > a, .hh_mobile_menu_toggle_item {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0; border:0; background:transparent; font-family:'Pretendard', sans-serif; font-weight:700; font-size:24px; color:#fff; text-decoration:none; cursor:pointer}
.hh_mobile_menu_icon {font-family:'Pretendard', sans-serif; font-weight:100; font-size:36px; line-height:1; color:#fff}
.hh_mobile_menu_sub {display:none; margin:20px 0 0; padding:0 20px; list-style:none}
.hh_mobile_menu_sub li {margin-bottom:10px}
.hh_mobile_menu_sub li:last-child {margin-bottom:0}
.hh_mobile_menu_sub a {font-family:'Pretendard', sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.64px; color:#fff; text-decoration:none}



/* ===== 서브페이지 공통 배너 (Figma: node 2034:1768) ===== */

.sub_banner {position:relative; width:100%; height:500px; margin-top:calc(var(--hh-header-h) * -1); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; text-align:center; background:#000 url(../img/subbanner-bg.png) center / cover no-repeat; transition:background-image 0.3s ease}
.sub_banner_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:60px; line-height:1.2; color:#fff}
.sub_banner_subtitle {margin:0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:28px; color:#cbbba0}

/* 성공창업안내 페이지 - 탭 전환 시 서브배너 배경도 같이 전환 (탭별 Figma 시안 배경 다름, 창업절차 탭은 기본값 재사용) */
.sub_banner.sub_banner_tab_cost {background-image:url(../img/subbanner-bg-cost.png)}
.sub_banner.sub_banner_tab_faq {background-image:url(../img/subbanner-bg-faq.png)}
.sub_banner.sub_banner_tab_inquiry {background-image:url(../img/subbanner-bg-inquiry.png)}

/* 매장찾기 페이지 서브배너 배경 */
.sub_banner.sub_banner_store {background-image:url(../img/subbanner-bg-store.png)}

/* 메뉴소개 페이지 서브배너 배경 */
.sub_banner.sub_banner_menu {background-image:url(../img/subbanner-bg-menu.png)}

/* 공지사항(notice) 게시판 서브배너 배경 */
.sub_banner.sub_banner_notice {background-image:url(../img/subbanner-bg-notice.png)}



/* ===== 공통 컴포넌트 ===== */

/* CTA 버튼 (어두운 배경 + 화살표, 여러 페이지 공용) */
.btn_cta {display:inline-flex; align-items:center; gap:16px; padding:14px 40px; border:1px solid #b68a36; border-radius:999px; background:#432918; font-family:'Pretendard', sans-serif; font-weight:600; font-size:24px; line-height:1.35; color:#fff; text-decoration:none; cursor:pointer; transition:background 0.2s ease}
.btn_cta:hover {background:#1d1d1b}
.btn_cta:disabled {opacity:0.6; cursor:not-allowed}
.btn_cta img {width:10px; height:16px; transform:scaleX(-1)}

/* 개인정보 처리방침 레이어 팝업 (창업문의 폼 공용 - 메인 sc_12 / 성공창업안내 창업문의 탭) */
.privacy_modal {display:none; position:fixed; inset:0; z-index:2000; align-items:center; justify-content:center; padding:20px}
.privacy_modal.active {display:flex}
.privacy_modal_dim {position:absolute; inset:0; background:rgba(0, 0, 0, 0.6)}
.privacy_modal_box {position:relative; z-index:1; display:flex; flex-direction:column; width:100%; max-width:640px; max-height:80vh; border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 20px 60px rgba(0, 0, 0, 0.3)}
.privacy_modal_head {display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; padding:28px 32px; border-bottom:1px solid #eee}
.privacy_modal_head h2 {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:24px; color:#1d1d1b}
.privacy_modal_close {flex:0 0 auto; width:32px; height:32px; padding:0; border:0; background:transparent; font-size:28px; line-height:1; color:#999; cursor:pointer}
.privacy_modal_close:hover {color:#1d1d1b}
.privacy_modal_body {flex:1 1 auto; overflow-y:auto; padding:32px; font-family:'Pretendard', sans-serif; font-size:15px; line-height:1.7; color:#444}
.privacy_modal_body h3 {margin:28px 0 10px; font-size:17px; font-weight:700; color:#1d1d1b}
.privacy_modal_body h3:first-child {margin-top:0}
.privacy_modal_body p {margin:0 0 8px}
.privacy_modal_body ul {margin:0 0 8px; padding-left:20px}
.privacy_modal_body li {margin-bottom:4px}



/* ===== 성공창업안내 페이지 - 탭메뉴 (Figma: node 36:5713) ===== */

.franchise_tabs_wrap {max-width:1600px; margin:0 auto; padding:120px 20px 200px}
.franchise_tabs {display:flex; align-items:center; justify-content:center; gap:10px; margin:0 0 80px}
.franchise_tab {padding:14px 30px; border:0; border-radius:999px; background:transparent; font-family:'Pretendard', sans-serif; font-weight:500; font-size:24px; line-height:1.35; letter-spacing:-0.72px; color:rgba(17, 17, 17, 0.8); cursor:pointer; transition:background 0.2s ease, color 0.2s ease}
.franchise_tab.active, .franchise_tab:hover {background:#1d1d1b; font-weight:700; color:#fff}
.franchise_panel {display:none; flex-direction:column; align-items:center; gap:40px}
.franchise_panel.active {display:flex}

/* 창업절차 탭 */
.franchise_procedure {position:relative; overflow:hidden; width:100%; padding:80px 0; border-radius:20px; background:#efece8; display:flex; flex-direction:column; align-items:center; gap:60px}
.franchise_procedure_title {position:relative; z-index:1; margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:40px; line-height:1.2; color:#000; text-align:center}
.franchise_steps {position:relative; display:flex; flex-direction:column; gap:189px; width:100%; max-width:1296px; padding:0 40px}
.franchise_steps_row {position:relative; z-index:1; display:grid; grid-template-columns:repeat(4, 1fr)}
.franchise_steps_row:before {content:''; position:absolute; left:12.5%; right:12.5%; top:33px; height:1px; background:#b8b0a2}
.franchise_step {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:20px; padding:0 10px; text-align:center}
.franchise_step_last:before {content:''; position:absolute; z-index:-1; left:50%; top:24%; transform:translate(-50%, -50%); width:202px; height:239px; background:url(../img/franchise-watermark.svg) center / contain no-repeat}
.franchise_step_icon {display:flex; align-items:center; justify-content:center; width:66.5px; height:66.5px; border-radius:50%; background:#1d1d1b; font-family:'Pretendard', sans-serif; font-weight:800; font-size:25px; color:#fff}
.franchise_step_title {margin:0; font-family:'Pretendard', sans-serif; font-weight:700; font-size:21px; color:#1d1d1b}
.franchise_step_desc {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:18px; line-height:1.3; color:#1d1d1b}
.franchise_procedure_note {position:relative; z-index:1; margin:0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:24px; line-height:1.5; color:#7b6a58; text-align:center}

/* 창업비용 탭 */
.franchise_cost {width:100%; padding:80px 0; border-radius:20px; background:#efece8; display:flex; flex-direction:column; align-items:center; gap:54px}
.franchise_cost_title {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:40px; line-height:1.2; color:#000; text-align:center}
.franchise_cost_table_wrap {display:flex; flex-direction:column; gap:16px; width:1330px}
.franchise_cost_table {width:1330px; border-collapse:separate; border-spacing:0; border-radius:30px; overflow:hidden; background:#fff}
.franchise_cost_col_label, .franchise_cost_col_amount {width:300px}
.franchise_cost_table th {height:90px; padding:24px 32px; background:#dbc59b; border-bottom:1px solid #edc18f; font-family:'Pretendard', sans-serif; font-weight:700; font-size:28px; letter-spacing:-1.12px; color:#000; text-align:center; vertical-align:middle}
.franchise_cost_table th:not(:last-child) {border-right:1px solid #edc18f}
.franchise_cost_table td {height:100px; padding:24px 32px; background:#fff; font-family:'Pretendard', sans-serif; font-weight:600; font-size:24px; line-height:1.4; color:#3c3c3b; text-align:center; vertical-align:middle}
.franchise_cost_table td:not(:last-child) {border-right:1px dashed #9d9d9c}
.franchise_cost_table tbody tr:not(:last-child) td {border-bottom:1px dashed #9d9d9c}
.franchise_cost_highlight {font-weight:700; color:#e00c19}
.franchise_cost_note {margin:0; padding:0 70px; font-family:'Pretendard', sans-serif; font-weight:400; font-size:18px; line-height:1.4; color:#1d1d1b}
.franchise_cost_note_label {font-weight:600}

/* 가장 궁금한 문의 탭 (FAQ 게시판 연동) */
.franchise_faq {width:100%; padding:80px 0; border-radius:20px; background:#efece8; display:flex; flex-direction:column; align-items:center; gap:54px}
.franchise_faq_title {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:40px; line-height:1.2; color:#000; text-align:center}
.franchise_faq_list {width:1326px; border-top:1px solid #111; border-bottom:1px solid #111}
.franchise_faq_item {border-bottom:1px solid rgba(17, 17, 17, 0.2)}
.franchise_faq_item:last-child {border-bottom:0}
.franchise_faq_question {display:flex; align-items:center; gap:20px; width:100%; height:80px; padding:0; border:0; background:transparent; cursor:pointer; text-align:left}
.franchise_faq_q {flex:0 0 60px; font-family:'Pretendard', sans-serif; font-weight:500; font-size:28px; line-height:1.5; letter-spacing:-0.28px; color:rgba(0, 0, 0, 0.6); text-align:center}
.franchise_faq_question_text {flex:1 0 0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:20px; line-height:1.5; color:#000}
.franchise_faq_toggle {position:relative; flex:0 0 60px; width:60px; height:60px}
.franchise_faq_toggle:before, .franchise_faq_toggle:after {content:''; position:absolute; left:50%; top:50%; background:#111; transform:translate(-50%, -50%)}
.franchise_faq_toggle:before {width:19px; height:1px}
.franchise_faq_toggle:after {width:1px; height:19px; transition:opacity 0.2s ease}
.franchise_faq_item.active .franchise_faq_toggle:after {opacity:0}
.franchise_faq_answer {display:none; padding:0 152px 25px 80px; font-family:'Pretendard', sans-serif; font-weight:400; font-size:18px; line-height:1.5; color:rgba(0, 0, 0, 0.8)}
.franchise_faq_answer p {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:18px; line-height:1.5; color:rgba(0, 0, 0, 0.8)}
.franchise_faq_empty {margin:0; padding:40px 0; font-family:'Pretendard', sans-serif; font-weight:500; font-size:20px; color:#7b6a58; text-align:center}

/* 창업문의 탭 (메인 sc_12 문의폼과 동일 기능, 스타일만 다르게 재사용) */
.franchise_inquiry {width:100%; padding:80px 0; border-radius:20px; background:#efece8; display:flex; align-items:center; justify-content:center}
.franchise_inquiry_form {display:flex; flex-direction:column; align-items:center; gap:60px; width:1370px}
.franchise_inquiry_header {display:flex; flex-direction:column; align-items:center; gap:32px; text-align:center}
.franchise_inquiry_header h2 {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:40px; line-height:1.2; color:#000}
.franchise_inquiry_header p {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:24px; line-height:1.3; letter-spacing:-0.96px; color:rgba(0, 0, 0, 0.7)}
.franchise_inquiry_fields {display:flex; flex-direction:column; width:100%}
.franchise_inquiry_row {display:flex; align-items:flex-start; width:100%}
.franchise_inquiry_item {flex:1 1 0; min-width:0; padding:20px}
.franchise_inquiry_item_full {width:100%}
.franchise_inquiry_item label {display:block; margin-bottom:10px; font-family:'Pretendard', sans-serif; font-weight:700; font-size:24px; letter-spacing:-0.96px; color:#222}
.franchise_inquiry_required {margin-left:2px; color:#ea5514}
.franchise_inquiry_item input[type="text"], .franchise_inquiry_item textarea, .franchise_inquiry_select_wrap {width:100%; border:1px solid #d8d8d8; border-radius:8px; background:#fff; font-family:'Pretendard', sans-serif; font-weight:400; font-size:18px; letter-spacing:-0.72px; color:#000}
.franchise_inquiry_item input[type="text"] {height:70px; padding:0 16px}
.franchise_inquiry_item input[type="text"]::placeholder {color:rgba(0, 0, 0, 0.4)}
.franchise_inquiry_item textarea {height:227px; padding:16px; resize:none}
.franchise_inquiry_item textarea::placeholder {color:rgba(0, 0, 0, 0.4)}
.franchise_inquiry_select_wrap {position:relative; height:70px}
.franchise_inquiry_select_wrap select {width:100%; height:100%; padding:0 44px 0 16px; border:0; background:transparent; -webkit-appearance:none; appearance:none; font-family:'Pretendard', sans-serif; font-size:18px; letter-spacing:-0.72px; color:rgba(0, 0, 0, 0.4)}
.franchise_inquiry_select_wrap select:valid {color:#000}
.franchise_inquiry_select_wrap select option {color:#000}
.franchise_inquiry_select_wrap:after {content:''; position:absolute; right:16px; top:50%; width:12px; height:24px; transform:translateY(-50%) rotate(90deg); background:url(../img/sc12-arrow.svg) center / contain no-repeat; pointer-events:none}
.franchise_inquiry_consent {position:relative; display:flex; align-items:center; width:100%; padding:39px 30px; border-radius:20px; background:rgba(255, 255, 255, 0.5)}
.franchise_inquiry_checkbox {display:flex; align-items:center; gap:20px; font-family:'Pretendard', sans-serif; font-weight:400; font-size:19px; letter-spacing:-1px; color:#555; cursor:pointer}
.franchise_inquiry_checkbox input {position:absolute; width:1px; height:1px; overflow:hidden; opacity:0}
.franchise_inquiry_checkbox_box {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; background:#f2f2f2}
.franchise_inquiry_checkbox_box img {width:12px; height:16px; opacity:0; filter:brightness(0) saturate(100%)}
.franchise_inquiry_checkbox input:checked ~ .franchise_inquiry_checkbox_box img {opacity:1}
.franchise_inquiry_privacy_btn {position:absolute; top:50%; right:30px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:175px; height:57px; border:0; border-radius:10px; background:#432918; font-family:'Pretendard', sans-serif; font-weight:700; font-size:20px; color:#fff; text-decoration:none; cursor:pointer; transition:background 0.2s ease}
.franchise_inquiry_privacy_btn:hover {background:#1d1d1b}

/* .sc_12_submit(메인페이지 스타일)이 소스 순서상 뒤에 있어 .btn_cta를 덮어써서, 두 클래스 조합으로 다시 명시 */
.franchise_inquiry_form .btn_cta.sc_12_submit {padding:14px 40px; border:0; background:#432918; font-size:24px; color:#fff}
.franchise_inquiry_form .btn_cta.sc_12_submit:hover {background:#1d1d1b}

/* 기본 유효성 검사 - 제출 시도 후 미입력 필드 강조 */
.sc12_was_validated .franchise_inquiry_item input:invalid, .sc12_was_validated .franchise_inquiry_select_wrap:has(select:invalid) {border-color:#ea5514}
.sc12_was_validated input:invalid ~ .franchise_inquiry_checkbox_box {border-color:#ea5514}



/* ===== 매장찾기 페이지 (Figma: node 2044:1769) ===== */

.store_wrap {max-width:1600px; margin:0 auto; padding:120px 20px 200px}
.store_layout {display:flex; width:100%}
.store_cta {display:flex; width:fit-content; margin:48px auto 0}

/* 사이드바 - 필터/검색/결과리스트 */
.store_sidebar {flex:0 0 450px; width:450px; height:620px; padding:40px 30px; border-radius:30px 0 0 30px; background:#f6f6f6; display:flex; flex-direction:column; gap:20px}
.store_filters {display:flex; flex-direction:column; gap:12px; width:100%}
.store_filter_row {display:flex; gap:12px; width:100%}
.store_select_wrap {position:relative; flex:1; height:60px; background:#fff; border:1px solid #ddd; border-radius:5px}
.store_select_wrap select {width:100%; height:100%; padding:0 44px 0 20px; border:0; background:transparent; -webkit-appearance:none; appearance:none; font-family:'Pretendard', sans-serif; font-weight:500; font-size:16px; color:#a1a1a1; cursor:pointer}
.store_select_wrap select.store_has_value {color:#333}
.store_select_wrap:after {content:''; position:absolute; right:20px; top:50%; width:12px; height:24px; transform:translateY(-50%) rotate(90deg); background:url(../img/store-select-arrow.svg) center / contain no-repeat; pointer-events:none}
.store_search {position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; height:60px; padding:0 21px; background:#fff; border:1px solid #ddd; border-radius:5px}
.store_search input {flex:1 0 0; min-width:0; border:0; background:transparent; font-family:'Pretendard', sans-serif; font-weight:500; font-size:16px; color:#333}
.store_search input::placeholder {color:#a1a1a1}
.store_search img {flex:0 0 20px; width:20px; height:20px}

/* 검색 결과 리스트 */
.store_results {flex:1; min-height:0; display:flex; flex-direction:column; gap:14px; width:100%}
.store_results_count {margin:0; font-family:'Pretendard', sans-serif; font-weight:500; font-size:15px; line-height:1.4; color:#333}
.store_results_num {font-weight:700; color:#ea5514}
.store_result_list {flex:1; min-height:0; width:100%; padding:24px 20px; border:1px solid #ddd; border-radius:5px; background:#fff; display:flex; flex-direction:column; gap:15px; overflow-y:auto}
.store_result_item {display:flex; gap:15px; width:100%; padding-bottom:15px; border-bottom:1px solid #ddd; cursor:pointer}
.store_result_item:last-child {padding-bottom:0; border-bottom:0}
.store_result_pin {flex:0 0 50px; width:50px; height:60px}
.store_result_pin img {width:100%; height:100%}
.store_result_details {display:flex; flex-direction:column; gap:10px; min-width:0}
.store_result_name {margin:0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:18px; line-height:1.5; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:158px}
.store_result_info {display:flex; flex-direction:column; gap:4px; font-family:'Pretendard', sans-serif; font-weight:500; font-size:14px; line-height:1.4; color:#666}
.store_result_info p {margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:158px}
.store_empty {margin:0; padding:40px 0; text-align:center; font-family:'Pretendard', sans-serif; font-weight:500; font-size:15px; color:#999}

/* 지도 영역 */
.store_map_wrap {flex:1; height:620px; border-radius:0 30px 30px 0; overflow:hidden; background:#d9d9d9}
.store_map {width:100%; height:100%}
.store_map_placeholder {display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:20px; text-align:center; font-family:'Pretendard', sans-serif; font-weight:500; font-size:16px; line-height:1.5; color:#999}

/* 매장찾기 게시판 관리자 글쓰기 폼 (store 스킨, adm이 아니라 bbs/write.php로 접속하는 프론트 스킨) */
.store_admin_form {max-width:800px; margin:60px auto; padding:0 20px}
.store_admin_field {display:flex; flex-direction:column; gap:8px; margin-bottom:20px}
.store_admin_field label {font-family:'Pretendard', sans-serif; font-weight:600; font-size:15px; color:#222}
.store_admin_field label strong {margin-left:4px; font-weight:400; font-size:12px; color:#ea5514}
.store_admin_field .frm_input {width:100%; height:44px; padding:0 14px; border:1px solid #ddd; border-radius:6px; font-family:'Pretendard', sans-serif; font-size:15px; color:#222}
.store_admin_field .frm_input:read-only {background:#f6f6f6; color:#666}
.store_admin_row {display:flex; align-items:flex-end; gap:16px}
.store_admin_row .store_admin_field {flex:1}
.store_admin_address_row {display:flex; align-items:center; gap:12px}
.store_admin_address_row .frm_input {flex:1}
.store_admin_address_row .store_admin_geocode_btn {margin-bottom:0}
.store_admin_geocode_btn {flex:0 0 auto; height:44px; margin-bottom:20px; padding:0 20px; border:0; border-radius:6px; background:#432918; font-family:'Pretendard', sans-serif; font-weight:600; font-size:14px; color:#fff; white-space:nowrap; cursor:pointer; transition:background 0.2s ease}
.store_admin_geocode_btn:hover {background:#1d1d1b}
.store_admin_form .btn_confirm {display:flex; justify-content:center; gap:12px; margin-top:20px}
.store_admin_form .btn_cancel, .store_admin_form .btn_submit {display:inline-flex; align-items:center; justify-content:center; padding:12px 32px; border:0; border-radius:999px; font-family:'Pretendard', sans-serif; font-weight:600; font-size:16px; text-decoration:none; cursor:pointer}
.store_admin_form .btn_cancel {background:#eee; color:#333}
.store_admin_form .btn_submit {background:#432918; color:#fff}
.store_admin_form .btn_submit:hover {background:#1d1d1b}



/* ===== 메뉴소개 페이지 (Figma: node 2047:1772) ===== */

/* sc_1 - 본질 소개 (Figma: node 55:9253) */
.menu_sc_1 {position:relative; max-width: 1800px; margin: 120px auto; width:100%; background:#e2ddd3 url(../img/menu-sc1-bg.jpg) center / cover no-repeat; overflow:hidden; border-radius: 20px;}
.menu_sc_1_inner {margin:0 auto; padding: 68px 60px; display:flex; align-items:center; gap:80px;}
.menu_sc_1_char {margin:0; flex:0 0 auto; font-family:'Noto Serif JP', serif; font-weight:600; font-size:240px; line-height:1.1; letter-spacing:-12px; color:#cbbba0}
.menu_sc_1_content {display:flex; flex-direction:column; gap:18px}
.menu_sc_1_title {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:30px; color:#000}
.menu_sc_1_desc {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:20px; line-height:1.4; color:#1d1d1b}
.menu_sc_1_desc b {font-weight:700}
.menu_sc_1_logo {position:absolute; right:40px; bottom:40px; width:101px; height:120px;}

/* sc_2 - 갤러리 게시판(menu) 카테고리 탭 + 카드 그리드 (Figma: node 36:1919) */
.menu_sc_2 {max-width:1600px; margin:0 auto; padding: 0px 20px 160px; display:flex; flex-direction:column; align-items:center; gap:80px}
.menu_gallery_tabs {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px}
.menu_gallery_tab {padding:14px 30px; border:0; border-radius:999px; background:transparent; font-family:'Pretendard', sans-serif; font-weight:500; font-size:24px; line-height:1.35; letter-spacing:-0.72px; color:rgba(17, 17, 17, 0.8); cursor:pointer; transition:background 0.2s ease, color 0.2s ease}
.menu_gallery_tab.active, .menu_gallery_tab:hover {background:#1d1d1b; font-weight:700; color:#fff}
.menu_gallery_wrap {display:flex; flex-direction:column; align-items:center; gap:60px; width:100%}
.menu_gallery_grid {display:grid; grid-template-columns:repeat(3, 1fr); gap: 40px 20px; width:100%}
.menu_gallery_card {display:flex; flex-direction:column; align-items:center; gap:24px}
.menu_gallery_thumb {position:relative; width:100%; aspect-ratio:520 / 370; border-radius:20px; overflow:hidden; background:#eee}
.menu_gallery_thumb img {width:100%; height:100%; object-fit:cover; cursor:pointer}
.menu_gallery_info {display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center}
.menu_gallery_title {margin:0; font-family:'Pretendard', sans-serif; font-weight:700; font-size:30px; color:#000}
.menu_gallery_desc {font-family:'Pretendard', sans-serif; font-weight:400; font-size:20px; line-height:1.4; color:rgba(0, 0, 0, 0.7)}
.menu_gallery_desc p {margin:0}
.menu_gallery_empty {padding:60px 0; text-align:center; font-family:'Pretendard', sans-serif; font-weight:500; font-size:18px; color:#999}



/* ===== 그누보드 게시판 목록 공통 스타일 (basic/store 스킨, default.css 제거 이후 최소한의 가독성 확보용) ===== */

#bo_list {max-width:1200px; margin:80px auto 150px; padding:0 20px; font-family:'Pretendard', sans-serif}
#bo_list table caption {display:none}
.bo_list_title {margin:0 0 20px; font-size:28px; font-weight:700; color:#1d1d1b}
#bo_cate {margin-bottom:20px}
#bo_cate_ul {display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:10px 0 0; padding:0}
#bo_cate_ul a {display:inline-block; padding:6px 14px; border:1px solid #ddd; border-radius:999px; font-size:14px; color:#555; text-decoration:none}
#bo_cate_ul a:hover, #bo_cate_ul #bo_cate_on a {background:#1d1d1b; border-color:#1d1d1b; color:#fff}

/* 상단 total/버튼 영역 */
#bo_btn_top {display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.more_opt:before,
#bo_btn_top:after {display: none !important;}
#bo_list_total {font-size:14px; color:#666}
.btn_bo_user {position:relative; display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0}
.btn_bo_user .btn {display:flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid #ddd; border-radius:6px; color:#555; text-decoration:none; background:#fff; cursor:pointer}
.btn_bo_user .btn:hover {background:#1d1d1b; border-color:#1d1d1b; color:#fff}
.more_opt {position:absolute; right:0; top:40px; z-index:10; display:none; flex-direction:column; min-width:120px; border:1px solid #ddd; border-radius:6px; background:#fff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.08); list-style:none; margin:0; padding:6px 0}
.more_opt button {width:100%; padding:8px 14px; border:0; background:transparent; text-align:left; font-size:14px; color:#333; cursor:pointer}
.more_opt li {width: 100%;}
.more_opt button:hover {background:#f5f5f5}


/* 목록 테이블 */
.tbl_head01 {width:100%; overflow-x:auto}
.tbl_head01 table {width:100%; border-collapse:collapse; font-size:14px}
.tbl_head01 thead th {padding:12px 10px; border-top:2px solid #1d1d1b; border-bottom:1px solid #ddd; background:#f8f7f5; font-weight:700; color:#222; white-space:nowrap; vertical-align:middle}
.tbl_head01 thead th a {color:inherit; text-decoration:none}
.tbl_head01 tbody td {padding:14px 10px; border-bottom:1px solid #eee; color:#444; text-align:center; vertical-align:middle}
.tbl_head01 tbody tr:hover {background:#faf9f7}
.tbl_head01 .td_subject {text-align:left}
.tbl_head01 .bo_tit {display:inline-flex; align-items:center; gap:6px}
.tbl_head01 .bo_tit a {color:#222; text-decoration:none}
.tbl_head01 .bo_tit a:hover {text-decoration:underline}
.tbl_head01 .new_icon {display:inline-flex; align-items:center; justify-content:center; padding:1px 5px; border-radius:4px; background:#ea5514; font-size:11px; color:#fff}
.tbl_head01 .notice_icon {display:inline-block; padding:2px 8px; border-radius:4px; background:#1d1d1b; font-size:12px; color:#fff}
.tbl_head01 .empty_table {padding:60px 0; color:#999}
.tbl_head01 tr.even {background:#fcfcfb}

/* 드래그 순서변경 */
.tbl_head01 .th_drag, .tbl_head01 .td_drag {width:40px; padding-left:6px; padding-right:6px}
.drag_handle {display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; color:#aaa; cursor:grab}
.drag_handle:hover {background:#f0efec; color:#555}
.tbl_head01 tr.sortable-chosen {background:#faf3e8}
.tbl_head01 tr.sortable-ghost {opacity:0.4}

/* 페이지네이션 */
.pg_wrap {display:flex; justify-content:center; margin:30px 0}
.pg {display:flex; align-items:center; gap:4px}
.pg_page, .pg_current {display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; padding:0 8px; border-radius:6px; font-size:14px; text-decoration:none; color:#555}
.pg_page:hover {background:#f0efec}
.pg_current {background:#1d1d1b; color:#fff; font-weight:700}

/* 하단 버튼 영역 */
.bo_fx {margin-top:16px}

/* 게시판 검색 팝업 */
.bo_sch_wrap {display:none; position:fixed; inset:0; z-index:1000; align-items:center; justify-content:center}
.bo_sch_wrap .bo_sch {position:relative; z-index:1; width:400px; max-width:90vw; padding:30px; border-radius:12px; background:#fff}
.bo_sch_wrap .bo_sch h3 {margin:0 0 16px; font-size:18px}
.bo_sch_wrap .sch_bar {display:flex; margin-top:10px}
.bo_sch_wrap #sfl {width:100%; height:40px; margin-bottom:10px; padding:0 10px; border:1px solid #ddd; border-radius:6px}
.bo_sch_wrap .sch_input {flex:1; height:40px; padding:0 12px; border:1px solid #ddd; border-right:0; border-radius:6px 0 0 6px}
.bo_sch_wrap .sch_btn {width:44px; height:40px; border:0; border-radius:0 6px 6px 0; background:#1d1d1b; color:#fff; cursor:pointer}
.bo_sch_wrap .bo_sch_cls {position:absolute; top:10px; right:10px; width:28px; height:28px; border:0; background:transparent; color:#999; cursor:pointer}
.bo_sch_bg {position:absolute; inset:0; background:rgba(0, 0, 0, 0.5)}


/* ===== 공지사항 목록 (Figma: node 2059:1951) ===== */

.bo_list_notice .bo_list_title {display:block; margin:0 0 60px; font-family:'Pretendard', sans-serif; font-weight:700; font-size:40px; line-height:1.2; letter-spacing:-2px; text-align:center; color:#000}
.bo_list_notice .tbl_head01 table {table-layout:fixed}
.bo_list_notice .tbl_head01 thead th {height:50px; padding:0 10px; border-top:0; border-bottom:1px solid #eee; background:#f7f8fa}
.bo_list_notice .tbl_head01 tbody td {height:50px; padding:0 10px}
.bo_list_notice .tbl_head01 tr.even {background:transparent}
.bo_list_notice .th_num2, .bo_list_notice .td_num2 {width:80px}
.bo_list_notice .th_name, .bo_list_notice .td_name {width:120px}
.bo_list_notice .th_datetime, .bo_list_notice .td_datetime {width:150px}
.bo_list_notice .th_num, .bo_list_notice .td_num {width:110px}
.bo_list_notice .tbl_head01 .chk_box {width:44px}

/* 인라인 검색바 (구 팝업검색 .bo_sch 레거시 스타일과 겹치지 않도록 필요한 속성 전부 명시, Figma: 셀렉트박스와 동일한 톤의 테두리만 있는 버튼) */
.bo_sch_inline {position:static; display:flex; justify-content:center; width:auto; max-height:none; margin: 60px 0 0; padding:0; border:0; border-radius:0; overflow:visible; background:none; box-shadow:none; text-align:center; gap: 10px;}
.bo_sch_inline form {display:flex; align-items:center; gap:10px; padding:0}
.bo_sch_inline #sfl {height:40px; padding:0 12px; border:1px solid #ddd; border-radius:0; font-family:'Pretendard', sans-serif; font-size:13px; color:#111; background:#fff}
.bo_sch_inline .sch_input {height:40px; padding:0 12px; border:1px solid #ddd; border-radius:0; font-family:'Pretendard', sans-serif; font-size:13px; color:#111}
.bo_sch_inline .sch_input::placeholder {color:#c5c5c5}
.bo_sch_inline .sch_btn {height:40px; padding:0 12px; border:1px solid #ddd; border-radius:0; background:#fff; font-family:'Pretendard', sans-serif; font-weight:400; font-size:13px; color:#111; cursor:pointer}
.bo_sch_inline .sch_btn:hover {background:#f7f8fa}

/* 레거시 style.css(구 basic 스킨 기본 CSS) 미로딩에 따른 보강 스타일 */
.bo_list_notice tr.bo_notice td {background:#faf6ef}
.bo_list_notice .bo_current {color:#e94e1b; font-weight:600}
.bo_list_notice .bo_cate_link {display:inline-block; margin-right:8px; padding:2px 8px; border-radius:4px; background:#f3ede4; font-size:12px; color:#8a6a45; text-decoration:none}
.bo_list_notice .cnt_cmt {display:inline-flex; align-items:center; justify-content:center; margin-left:4px; padding:0 6px; height:18px; border-radius:9px; background:#f3ede4; font-size:11px; color:#8a6a45}
.bo_list_notice .chk_box input[type="checkbox"] {position:static; width:16px; height:16px; opacity:1}
.bo_list_notice .chk_box label span {display:none}

/* 페이지네이션 재정의 */
.bo_list_notice .pg_wrap {margin:80px 0 30px}
.bo_list_notice .pg_page, .bo_list_notice .pg_current {min-width:30px; height:30px; padding:0; border-radius:0; background:transparent; color:#999; font-weight:400}
.bo_list_notice .pg_current {background:transparent; color:#432918; font-weight:700; text-decoration:underline; text-underline-offset:4px}
.bo_list_notice .pg_page:hover {background:transparent; color:#432918}
.bo_list_notice .pg_start, .bo_list_notice .pg_prev, .bo_list_notice .pg_next, .bo_list_notice .pg_end {font-size:0}
.bo_list_notice .pg_start:before, .bo_list_notice .pg_prev:before, .bo_list_notice .pg_next:before, .bo_list_notice .pg_end:before {font-family:'FontAwesome'; font-size:14px}
.bo_list_notice .pg_start:before {content:"\f100"}
.bo_list_notice .pg_prev:before {content:"\f104"}
.bo_list_notice .pg_next:before {content:"\f105"}
.bo_list_notice .pg_end:before {content:"\f101"}


/* ===== 게시판 보기(view)/글쓰기(write) 공통 — default.css 제거 이후 스타일 전무했던 부분을 새로 구성 ===== */

/* 보기 페이지: 제목+본문 중심으로 심플하게, 댓글/추천/공유/이전-다음글은 숨김 */
#bo_v {max-width:840px; margin:80px auto; padding:0 20px; font-family:'Pretendard', sans-serif}
#bo_v_title {margin:0 0 20px}
#bo_v_title .bo_v_cate {display:inline-block; margin-bottom:10px; padding:4px 12px; border-radius:4px; background:#f3ede4; font-size:13px; color:#8a6a45}
#bo_v_title .bo_v_tit {display:block; font-size:32px; font-weight:700; line-height:1.4; color:#1d1d1b; word-break:break-all}
#bo_v_info {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-bottom:20px; border-bottom:1px solid #eee}
#bo_v_info h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_info .profile_info {display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:0}
#bo_v_info .profile_info .pf_img {display:none}
#bo_v_info .profile_info_ct {display:flex; flex-wrap:wrap; align-items:center; gap:16px}
#bo_v_info strong {display:inline-flex; align-items:center; gap:6px; font-weight:400; font-size:14px; color:#888}
#bo_v_info .sv_member, #bo_v_info .member {font-weight:600; color:#1d1d1b}
#bo_v_top {margin-top:0}
#bo_v_top .bo_v_com {display:flex; justify-content:flex-end; gap:6px; margin:0; padding:0; list-style:none}
#bo_v_atc {margin-top:32px}
#bo_v_atc_title {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_share, #bo_v_act, .bo_v_nb {display:none}
#bo_v_con {padding:32px 0; font-size:16px; line-height:1.8; color:#333; word-break:break-word}
#bo_v_con img {max-width:100%; height:auto}

/* 첨부파일 / 관련링크 */
#bo_v_file, #bo_v_link {margin-top:20px; padding-top:20px; border-top:1px solid #eee}
#bo_v_file h2, #bo_v_link h2 {margin:0 0 12px; font-size:15px; font-weight:700; color:#1d1d1b}
#bo_v_file ul, #bo_v_link ul {margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px}
#bo_v_file li, #bo_v_link li {display:flex; align-items:center; gap:8px; padding:12px 16px; border:1px solid #eee; border-radius:8px; font-size:14px}
#bo_v_file a, #bo_v_link a {color:#333; text-decoration:none}
#bo_v_file a:hover, #bo_v_link a:hover {text-decoration:underline}
#bo_v_file .bo_v_file_cnt, #bo_v_link .bo_v_link_cnt {margin-left:auto; font-size:12px; color:#999; white-space:nowrap}

/* 글쓰기 폼 */
#bo_w {max-width:840px; margin:80px auto; padding:0 20px; font-family:'Pretendard', sans-serif}
#bo_w .write_div {margin:0 0 20px}
#bo_w .bo_w_info {display:flex; flex-wrap:wrap; gap:16px}
#bo_w .bo_w_info .half_input {flex:1 1 calc(50% - 8px)}
.frm_input {box-sizing:border-box; width:100%; height:48px; padding:0 16px; border:1px solid #ddd; border-radius:6px; font-family:'Pretendard', sans-serif; font-size:15px; color:#1d1d1b; background:#fff}
.frm_input:focus {outline:none; border-color:#432918}
#bo_w .wr_content textarea {box-sizing:border-box; width:100%; height:340px; padding:16px; border:1px solid #ddd; border-radius:6px; font-family:'Pretendard', sans-serif; font-size:15px; line-height:1.6; color:#1d1d1b; resize:vertical}
#bo_w .bo_w_select select {box-sizing:border-box; width:100%; height:48px; padding:0 16px; border:1px solid #ddd; border-radius:6px; font-family:'Pretendard', sans-serif; font-size:15px; color:#1d1d1b; background:#fff}
#bo_w .bo_v_option {display:flex; flex-wrap:wrap; gap:16px; margin:0; padding:0; list-style:none}
#bo_w .bo_v_option .chk_box {display:flex; align-items:center; gap:6px}
#bo_w .bo_v_option .chk_box input[type="checkbox"] {position:static; width:16px; height:16px; opacity:1}
#bo_w .bo_v_option .chk_box label span {display:none}
#bo_w .bo_v_option .chk_box label {font-size:14px; color:#555}
#bo_w .bo_w_flie .file_wr {display:flex; align-items:center; gap:10px; padding:12px 16px; border:1px dashed #ddd; border-radius:6px}
#bo_w .bo_w_flie .lb_icon {color:#999}
#bo_w .bo_w_flie .frm_file {flex:1}
#bo_w .bo_w_flie .file_del {margin-top:8px; font-size:13px; color:#999}
#char_count_desc {margin:0 0 8px; font-size:13px; color:#888}
#char_count_wrap {margin-top:6px; text-align:right; font-size:13px; color:#888}
#btn_autosave {margin-top:8px; padding:6px 12px; border:1px solid #ddd; border-radius:6px; background:#fff; font-size:13px; color:#555; cursor:pointer}
#autosave_pop {display:none; margin-top:8px; border:1px solid #ddd; border-radius:6px; background:#fff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}
#autosave_pop ul {margin:0; padding:8px 16px; list-style:none; max-height:160px; overflow-y:auto}
#autosave_pop li {display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid #f1f1f1; font-size:13px}
#autosave_pop div {padding:8px 16px; text-align:right}
#autosave_pop .autosave_close {border:0; background:transparent; font-size:13px; color:#999; cursor:pointer}

/* 글쓰기 하단 버튼 */
.btn_confirm {display:flex; justify-content:center; gap:12px; margin-top:32px}
.btn_confirm .btn {display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 32px; border-radius:6px; font-family:'Pretendard', sans-serif; font-weight:600; font-size:15px; text-decoration:none; cursor:pointer}
.btn_confirm .btn_submit {border:0; background:#432918; color:#fff}
.btn_confirm .btn_submit:hover {background:#2e1c10}
.btn_confirm .btn_cancel {border:1px solid #ddd; background:#fff; color:#555}
.btn_confirm .btn_cancel:hover {background:#f7f8fa}

/* store 게시판 전용 매장 등록 폼(store_admin_*) — 라벨이 화면에 보이는 방식이라 별도 보강 */
#bo_w .store_admin_field {margin:0 0 20px}
#bo_w .store_admin_field label {display:block; margin-bottom:8px; font-size:14px; font-weight:600; color:#1d1d1b}
#bo_w .store_admin_field label strong {margin-left:4px; font-weight:400; font-size:12px; color:#e94e1b}
#bo_w .store_admin_row {display:flex; gap:16px}
#bo_w .store_admin_row .store_admin_field {flex:1}
#bo_w .store_admin_address_row {display:flex; gap:10px}
#bo_w .store_admin_address_row .frm_input {flex:1}
#bo_w .store_admin_address_row + .frm_input {margin-top:10px}
#bo_w .store_admin_geocode_btn {flex:0 0 auto; height:48px; padding:0 20px; border:0; border-radius:6px; background:#432918; font-family:'Pretendard', sans-serif; font-size:14px; font-weight:600; color:#fff; white-space:nowrap; cursor:pointer}
#bo_w .store_admin_geocode_btn:hover {background:#2e1c10}



/* ===== 푸터 (Figma: node 49:3050) ===== */

#footer {background:#000; border-top:1px solid rgba(221, 221, 221, 0.3); padding:60px 160px}
.footer_inner {display:flex; align-items: center; gap:90px; max-width:1600px; margin:0 auto}
.footer_logo {flex:0 0 auto; width:101px; height:120px}
.footer_info {display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px 60px}
.footer_col {display:flex; flex-direction:column; align-items:flex-start}
.footer_col p {margin:0; font-family:'Pretendard', sans-serif; font-size:16px; line-height:1.6; letter-spacing:-0.4px; color:#caba9f}
.footer_company {font-weight:600}
.footer_col p b {font-weight:500}



/* === 메인페이지 === */

#main {background: #000;}

/* ===== 플로팅 메뉴 (Figma: node 147:2639, 2026-08-31 얇아진 폭으로 리사이즈) ===== */

.hh_floating_menu {position:absolute; left:20px; top: 20%; z-index:900; display:flex; flex-direction:column; align-items:center; gap:14px; width:65px; padding:16px 5px; border-radius:15px; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); transition:top 0.4s cubic-bezier(0.22, 1, 0.36, 1)}
.hh_floating_item {display:flex; flex-direction:column; align-items:center; gap:4px; width:100%; text-decoration:none}
/* 아이콘마다 원본 SVG 크기가 다 달라서(각자 실제 비율/크기 그대로 export된 파일들), 30x30로 통일해서 강제로 채우면
   유튜브/블로그 아이콘이 부자연스럽게 확대되어 보임 - 30x30 슬롯은 정렬용으로만 두고, 안쪽 이미지는 원본 크기 그대로 중앙 배치 */
.hh_floating_icon {display:flex; align-items:center; justify-content:center; width:30px; height:30px}
.hh_floating_inquiry .hh_floating_icon {width:27px; height:32px}
.hh_floating_item span {font-family:'Pretendard', sans-serif; font-weight:600; font-size:13px; line-height:1.2; letter-spacing:-0.35px; color:#422918; text-align:center}
.hh_floating_divider {width:55px; height:2px; background:rgba(66, 41, 24, 0.3)}


/* ===== 히어로 섹션 (Figma: hero_sec, node 2006:1768) ===== */

.hh_hero {position:relative; width:100%; height: 1000px; margin-top:calc(var(--hh-header-h) * -1); overflow:hidden; background:#000}
.hh_hero_video {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; pointer-events:none}
.hh_hero_overlay {position:absolute; inset:0; background:transparent; z-index:1}
.hh_hero_content {position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:clamp(24px, 3.75vw, 72px); height:100%; width:90%; max-width:100%; margin:0 auto; text-align:center; padding-top: 250px;}
.hh_hero_logo {width:clamp(220px, 21vw, 404px); height:auto; opacity:0; filter:blur(20px); animation:hh_hero_logo_in 1s ease-out 1.2s forwards, hh_hero_fade_out 1s ease-in 4s forwards}
.hh_hero_slogan {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:clamp(20px, 1.875vw, 36px); line-height:1.4; color:#fff; opacity:0; transform:translateY(-80px); animation:hh_hero_slogan_in 1.2s ease-out forwards, hh_hero_fade_out 1s ease-in 4s forwards}

/* 히어로 등장 인터랙션: 슬로건이 먼저 중앙쯤에서 페이드인 → 제자리(로고 아래)로 내려가고, 그 뒤를 이어 로고가 블러+페이드인 */
@keyframes hh_hero_slogan_in {
    to {opacity:1; transform:translateY(0)}
}
@keyframes hh_hero_logo_in {
    to {opacity:1; filter:blur(0)}
}
/* 로고+슬로건이 다 나타난 뒤(2.2s) 잠깐 머물다가(4s부터) 둘이 동시에 페이드아웃 */
@keyframes hh_hero_fade_out {
    to {opacity:0}
}
.hh_hero_break {display:none}

/* 모바일/데스크탑 전용 줄바꿈 - 모바일 시안이 desktop과 다른 지점에서 개행될 때 마크업에서 <br class="br_mobile">(또는 br_desktop)로 지정 */
.br_mobile {display:none}
.br_desktop {display:block}



/* ===== 브랜드소개 섹션 (Figma: node 49:2685) ===== */

.sc_1 {position:relative; width:100%; height:1000px; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 39.5%, rgba(0, 0, 0, 0.8) 100%), url(../img/sc1-bg.png) center / cover no-repeat; background-blend-mode:multiply}
.sc_1_inner {display:flex; flex-direction:column; align-items:center; gap:40px; max-width:885px; height:100%; margin:0 auto; padding:0 20px; justify-content:center}
.sc_1_title {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:54px; line-height:1.5; text-align:center; white-space:nowrap; color:var(--main_color)}
.sc_1_body {display:flex; flex-direction:column; align-items:center; gap:30px; width: 100%;}
.sc_1_divider {width:100px; height:auto}
.sc_1_text p {margin:0; font-family:'Eulyoo1945', serif; font-weight:400; font-size:20px; line-height:1.5; text-align:center; color:#fff}
.sc_1_text p b {font-weight:600; font-size:30px; color:#c99d66}



/* ===== 맛의 차별화 배너 (Figma: node 49:2698) ===== */

.sc_2 {position:relative; width:100%; height:329px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:40px; background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc2-bg.png) center / cover no-repeat}
.sc_2_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:100px; line-height:1.1; letter-spacing:-5px; text-align:center; white-space:nowrap; color:#fdd88f}
.sc_2_divider {width:500px; height:auto}

/* AOS 커스텀 이펙트: 페이드업 대신 좌→우로 width 0%→100% 늘어나는 효과 (duration/delay/easing은 aos.css의 속성 선택자가 자동 처리) */
[data-aos="grow-width"] {transform:scaleX(0); transform-origin:left; opacity:1; transition-property:transform}
[data-aos="grow-width"].aos-animate {transform:scaleX(1)}



/* ===== 프리미엄 원육 섹션 (Figma: node 49:2701) ===== */

.sc_3 {position:relative; width:100%; height:1000px; background:linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 28.8%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc3-bg.png) center / cover no-repeat}
.sc_3_inner {display:flex; align-items:center; gap:137px; max-width:1330px; height:100%; margin:0 auto; padding:0 20px}
.sc_3_badge {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; flex:0 0 auto; width:520px; height:520px; border-radius:50%; background:rgba(0, 0, 0, 0.6)}
.sc_3_badge_title {display:flex; flex-direction:column; align-items:center; gap:4px}
.sc_3_badge_title p {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:36px; line-height:1.1; text-align:center; color:#fff}
.sc_3_badge_title p.sc_3_kanji, .sc_3_badge_title p.sc_3_gold {font-size:80px; color:#ca9e67}
.sc_3_badge_title p.sc_3_kanji {font-family:'Noto Serif JP', serif}
.sc_3_badge_desc {display:flex; flex-direction:column; align-items:center; gap:16px}
.sc_3_badge_desc p {margin:0; font-family:'Eulyoo1945', serif; font-weight:400; font-size:24px; line-height:1.3; text-align:center; color:#fff}
.sc_3_badge_desc p.sc_3_premium {font-weight:600; font-size:40px; color:#cbbba0}
.sc_3_content {display:flex; flex-direction:column; align-items:flex-start; gap:24px}
.sc_3_highlight {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:54px; line-height:1.5; color:#fff; white-space:nowrap}
.sc_3_desc {display:flex; flex-direction:column; align-items:flex-start; gap:10px; max-width: 100%;}
.sc_3_desc_lead {margin:0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:28px; line-height:1.5; color:#cbbba0}
.sc_3_desc_body {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:20px; line-height:1.5; color:#fff}
.sc_3_desc_body b {font-weight:700}



/* ===== 멜조림 섹션 (Figma: node 49:2720, sc_3와 동일 구조 재사용) ===== */

.sc_4 {position:relative; width:100%; height:1000px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc4-bg.png) center / cover no-repeat}



/* ===== 백탄직화 섹션 (Figma: node 49:2738, sc_3와 동일 구조 재사용) ===== */

.sc_5 {position:relative; width:100%; height:1000px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc5-bg.png) center / cover no-repeat}



/* ===== 동래정 경쟁력 섹션 (Figma: node 49:2541) ===== */

.sc_6 {position:relative; width:100%; padding:200px 0; background:url(../img/sc6-bg.jpg) center / cover no-repeat; overflow:hidden}
.sc_6_watermark {position:absolute; top: 50%; right: 3%; transform: translateY(-50%);}
.sc_6_head {display:flex; flex-direction:column; align-items:center; gap:40px; max-width:876px; margin:0 auto}
.sc_6_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:100px; line-height:1.1; text-align:center; white-space:nowrap; color:#fdd88f}
.sc_6_head_divider {width:500px; height:auto}
.sc_6_rows {display:flex; flex-direction:column; gap:80px; max-width:1299px; margin:100px auto 0}
.sc_6_row {display:flex; align-items:center; gap:80px}
.sc_6_row_text {display:flex; flex-direction:column; gap:24px; flex:1 1 0; min-width:0}
.sc_6_row_heading {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:36px; line-height:1.4; color:#ca9e67}
.sc_6_row_list {margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:0}
.sc_6_row_list li {display:flex; align-items:flex-start; gap:12px; font-family:'Pretendard', sans-serif; font-weight:400; font-size:24px; line-height:1.5; color:#fff}
.sc_6_row_list li::before {content:''; flex:0 0 auto; margin-top:0.7em; width:5px; height:5px; border-radius:50%; background:#fff}
.sc_6_card {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; flex:0 0 auto; width:540px; height:331px; border-radius:0 30px 0 30px; overflow:hidden; background:linear-gradient(to right, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0.3))}
.sc_6_card_num {position:absolute; top:30px; left:24px; margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:60px; line-height:1.3; color:#fff}
.sc_6_card_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:60px; line-height:1.3; text-align:center; white-space:nowrap; color:#fdd88f}
.sc_6_card_divider {width:160px; height:auto}



/* ===== 가맹점 관리 시스템 섹션 (Figma: node 49:2573, sc_6과 유사 구조) ===== */

.sc_7 {position:relative; width:100%; padding:200px 0; background:linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 13.139%), linear-gradient(180deg, rgba(0, 0, 0, 0) 51.937%, rgba(0, 0, 0, 1) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/sc7-bg.jpg) center / cover no-repeat; overflow:hidden}
.sc_7_head {display:flex; flex-direction:column; align-items:center; gap:40px; max-width:876px; margin:0 auto}
.sc_7_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:100px; line-height:1.1; text-align:center; white-space:nowrap; color:#fdd88f}
.sc_7_head_divider {width:500px; height:auto}
.sc_7_rows {display:flex; flex-direction:column; gap:80px; max-width:1299px; margin:100px auto 0}
.sc_7_row {display:flex; align-items:center; gap:80px}
.sc_7_card {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; flex:0 0 auto; width:540px; height:331px; border-radius:0 30px 0 30px; overflow:hidden; background:linear-gradient(to right, #755a3e, rgba(117, 90, 62, 0.3))}
.sc_7_card_icon {position:absolute; top:24px; left:24px; width:36px; height:36px}
.sc_7_card_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:54px; line-height:1.3; text-align:center; white-space:nowrap; color:#fdd88f}
.sc_7_text {display:flex; flex-direction:column; gap:24px; flex:1 1 0; min-width:0}
.sc_7_text_heading {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:36px; line-height:1.4; color:#ca9e67}
.sc_7_text_body {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:24px; line-height:1.5; color:#fff}



/* ===== 수익 인포그래픽 섹션 (Figma: node 49:2757) ===== */

.sc_8 {position:relative; width:100%; padding:160px 0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 24.195%), linear-gradient(180deg, rgba(0, 0, 0, 0.8) 50.971%, rgba(0, 0, 0, 1) 99.874%), url(../img/sc8-bg.jpg) center / cover no-repeat}
.sc_8_inner {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:80px}
.sc_8_head {display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center}
.sc_8_head p {margin:0; font-family:'Cafe24Danjunghae', serif; line-height:1.2}
.sc_8_head_title {font-size:100px; letter-spacing:-5px; color:#fdd88f}
.sc_8_head_title.sc_8_red {color:#e10a17}
.sc_8_head_sub {font-size:80px; letter-spacing:-4px; color:#fdd88f}

/* 매출 강조 텍스트 */
.sc_8_earnings {display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center}
.sc_8_earnings_label {margin:0; font-family:'Paperlogy', sans-serif; font-weight:500; font-size:44px; line-height:1.2; color:#fff}
.sc_8_earnings_amount {margin:0; font-family:'Paperlogy', sans-serif; font-weight:700; font-size:100px; line-height:1.2; color:#e23e17}

/* 순익구조 도넛차트 */
.sc_8_chart {position:relative; width: fit-content; margin:120px auto 0; right: 5%;}
.sc_8_chart_donut {display:block; width:100%; max-width:700px; height:auto;}
.sc_8_chart_arrow {position: absolute; width: 366px; z-index: 1; right: -36%; bottom: 0;}
.sc_8_chart_profit {position:absolute; left: -28%; top: 11.46%; z-index:2; display:flex; flex-direction:column; align-items:center; gap:8px}
.sc_8_chart_profit_row {display:flex; align-items:flex-end; justify-content:center; gap:8px; color:#fff; white-space:nowrap}
.sc_8_chart_profit_row p {margin:0; font-family:'Pretendard', sans-serif; line-height:1.2}
.sc_8_chart_profit_label {font-weight:600; font-size:49.503px}
.sc_8_chart_profit_pct {font-weight:400; font-size:33.002px}
.sc_8_chart_profit_box {display:flex; align-items:center; justify-content:center; gap:5px; padding:4px 10px; border:1px solid #fff}
.sc_8_chart_profit_box p {margin:0; font-family:'Pretendard', sans-serif; font-weight:700; letter-spacing:-1px; color:#fff; white-space:nowrap}
.sc_8_chart_profit_amount {font-size:75px}
.sc_8_chart_profit_won {font-size:40px; letter-spacing:-1.6px; align-self:flex-end; margin-bottom:8px}

/* 지점별 매출 */
.sc_8_branches {display:flex; align-items:center; justify-content:center; gap:80px; padding:60px 0}
.sc_8_branch {display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center}
.sc_8_branch p {margin:0; font-family:'Paperlogy', sans-serif; line-height:1.2}
.sc_8_branch_name {font-weight:500; font-size:40px; color:#fff}
.sc_8_branch_amount {font-weight:700; font-size:60px; color:#ea5514}
.sc_8_branch_divider {width:1px; height:160px; background:#fff}



/* ===== 창업 안내 섹션 (Figma: node 49:2837) ===== */

.sc_9 {position:relative; width:100%; padding:160px 0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 76.899%, rgba(0, 0, 0, 1) 100%), linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 55.288%, rgba(0, 0, 0, 0.8) 100%), url(../img/sc9-bg.jpg) center / cover no-repeat}
.sc_9_inner {display:flex; flex-direction:column; gap:120px; max-width:1332px; margin:0 auto}
.sc_9_title {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:100px; line-height:1.2; text-align:center; color:#dbc59b}

/* 손익 구조 표 */
.sc_9_profit_wrap {display:flex; flex-direction:column; gap:60px; align-items:center}
.sc_9_table_wrap {width:100%; border-radius:30px; overflow:hidden}
.sc_9_table {width:100%; table-layout:fixed; border-collapse:collapse}
.sc_9_col_label {width:200px}
.sc_9_col_val {width:250px}
.sc_9_col_pct {width:130px}
.sc_9_scrollbar {display:none}
.sc_9_table th, .sc_9_table td {padding:0 10px; border-right:1px solid #585856; text-align:center; vertical-align:middle}
.sc_9_table th:last-child, .sc_9_table td:last-child {border-right:0}
.sc_9_table tbody tr:not(:last-child):not(:nth-last-child(2)) td {border-bottom:1px dashed #585856}
.sc_9_table thead th {height:90px; background:#cbbba0; font-family:'Pretendard', sans-serif; font-weight:700; font-size:28px; letter-spacing:-1.12px; color:#000}
.sc_9_table tbody td {height:100px; background:#fff; font-family:'Pretendard', sans-serif}
.sc_9_table .sc_9_label {font-weight:600; font-size:24px; letter-spacing:-0.96px; color:#575756}
.sc_9_table .sc_9_label span {display:block; margin-top:2px; font-weight:400; font-size:18px; letter-spacing:-0.72px}
.sc_9_table .sc_9_val, .sc_9_table .sc_9_pct {font-weight:500; font-size:24px; letter-spacing:-0.96px; color:#1d1d1b}
.sc_9_table tbody tr:first-child .sc_9_val {font-weight:700; font-size:32px; letter-spacing:-1.28px}
.sc_9_table tbody tr:first-child .sc_9_pct {font-weight:700; font-size:28px; letter-spacing:-1.12px}
.sc_9_table .sc_9_highlight td {background:#e94e1b}
.sc_9_table .sc_9_highlight .sc_9_label {font-weight:600; font-size:36px; letter-spacing:-1.44px; color:#fff}
.sc_9_table .sc_9_highlight .sc_9_val {font-weight:700; font-size:36px; letter-spacing:-1.44px; color:#fff}
.sc_9_table .sc_9_highlight .sc_9_pct {font-weight:800; font-size:36px; letter-spacing:-1.44px; color:#f6ff00}

/* 상권별 영업이익률 바 차트 + 로고 */
.sc_9_bars_row {display:flex; gap:48px; align-items:center; width:100%}
.sc_9_bars {display:flex; flex-direction:column; flex:0 0 auto; max-width:790px; width: 100%; padding-bottom:32px; border-radius:30px; filter:drop-shadow(0 0 10px rgba(217, 43, 20, 0.3))}
.sc_9_bar_item {padding:31px 40px; border-top:1px dashed rgba(221, 221, 221, 0.8)}
.sc_9_bar_item:first-child {border-top:0; padding-top:30px}
.sc_9_bar_label {margin:0 0 24px; font-family:'Pretendard', sans-serif; font-weight:700; font-size:32px; color:#fff}
.sc_9_bar_track {height:60px; border-radius:20px; overflow:hidden; background:rgba(247, 246, 246, 0.3)}
.sc_9_bar_fill {display:flex; align-items:center; justify-content:flex-end; height:100%; width:0; padding:0 16px; border-radius:20px; background:linear-gradient(to right, #ea5514, #f6ff00); transition:width 2s cubic-bezier(0.16, 1, 0.3, 1)}
.sc_9_bar_fill span {font-family:'Pretendard', sans-serif; font-weight:700; font-size:32px; color:#ea5514; opacity:0; transition:opacity 0.4s ease 1.3s}
.sc_9_bar_fill.sc_9_bar_filled span {opacity:1}

/* 그래프 차오르는 순서: 상권 3개 순차 딜레이 */
.sc_9_bar_item:nth-child(2) .sc_9_bar_fill {transition-delay:150ms}
.sc_9_bar_item:nth-child(2) .sc_9_bar_fill span {transition-delay:1450ms}
.sc_9_bar_item:nth-child(3) .sc_9_bar_fill {transition-delay:300ms}
.sc_9_bar_item:nth-child(3) .sc_9_bar_fill span {transition-delay:1600ms}
.sc_9_logo_box {display:flex; flex-direction:column; align-items:center; gap:36px; flex:0 0 auto}
.sc_9_logo_box img {width:263px; height:auto; opacity:0.4}
.sc_9_logo_tagline {margin:0; font-family:'Cafe24Danjunghae', serif; font-weight:400; font-size:36px; line-height:1.3; letter-spacing:-1.44px; text-align:center; color:#dbc59b; opacity:0.4}

/* 창업비용 안내 표 */
.sc_9_cost_wrap {display:flex; flex-direction:column; gap:16px}
.sc_9_cost_title {margin:0 0 60px; font-family:'Eulyoo1945', serif; font-weight:600; font-size:60px; line-height:1.2; text-align:center; color:#caba9f}
.sc_9_cost_table_wrap {width:100%; border-radius:30px; overflow:hidden}
.sc_9_cost_table {width:100%; table-layout:fixed; border-collapse:collapse; background:#fff}
.sc_9_cost_table th, .sc_9_cost_table td {height:100px; padding:24px 25px; border-bottom:1px dashed #9d9d9c; text-align:center; vertical-align:middle}
.sc_9_cost_table th:first-child, .sc_9_cost_table td:first-child, .sc_9_cost_table th:last-child, .sc_9_cost_table td:last-child {width:300px}
.sc_9_cost_table th:not(:last-child), .sc_9_cost_table td:not(:last-child) {border-right:1px dashed #9d9d9c}
.sc_9_cost_table tr:last-child td {border-bottom:0}
.sc_9_cost_table thead th {height:90px; background:#dbc59b; border-bottom:1px solid #edc18f; font-family:'Pretendard', sans-serif; font-weight:700; font-size:28px; letter-spacing:-1.12px; color:#000}
.sc_9_cost_table thead th:not(:last-child) {border-right:1px solid #edc18f}
.sc_9_cost_table tbody td {font-family:'Pretendard', sans-serif; font-weight:600; font-size:24px; color:#3c3c3b}
.sc_9_cost_table .sc_9_cost_detail {font-weight:600}
.sc_9_cost_table .sc_9_cost_detail b {font-weight:700; color:#e00c19}

/* 하단 안내문구 */
.sc_9_disclaimer {margin:0; padding:0 70px; font-family:'Pretendard', sans-serif; font-size:18px; line-height:1.4; color:#caba9f}
.sc_9_disclaimer b {font-weight:600}



/* ===== 메뉴소개 섹션 (Figma: node 49:2821) ===== */

.sc_10 {position:relative; width:100%; padding:120px 0; overflow:hidden;  background:url(../img/sc10-smoke.png) center / cover no-repeat}
.sc_10_fade {position:absolute; inset:0; background:linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40.467%), linear-gradient(180deg, rgba(0, 0, 0, 0) 66.983%, rgba(0, 0, 0, 1) 100%)}
.sc_10_title {position:relative; display:flex; flex-direction:column; align-items:center; gap:20px; margin-bottom: 80px;}
.sc_10_title h2 {margin:0; font-family:'Eulyoo1945', serif; font-weight:600; font-size:80px; line-height:1.2; color:#ca9e67}
.sc_10_title p {margin:0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:28px; color:#fff}
.sc_10_content {position:relative; display:flex; align-items:flex-end; justify-content:center; gap:80px}
.sc_10_photo {flex:0 0 auto; width:600px; height:900px; object-fit:cover}
.sc_10_char_wrap {display:flex; flex-direction:column; align-items:flex-start; gap:30px}
.sc_10_char {margin:0; font-family:'Noto Serif JP', serif; font-weight:600; font-size:150px; line-height:1.1; letter-spacing:-7.5px; color:#ca9e67}
.sc_10_text {display:flex; flex-direction:column; align-items:flex-start; gap:40px; width:fit-content;}
.sc_10_menu {display:flex; flex-direction:column; align-items:flex-start; gap:16px; width:100%}
.sc_10_menu_title {display:flex; flex-direction:column; gap:8px; width:100%; font-family:'Eulyoo1945', serif; font-weight:600; font-size:40px; line-height:1.2; color:#fff}
.sc_10_menu_desc {margin:0; font-family:'Pretendard', sans-serif; font-weight:600; font-size:18px; line-height:1.5; color:#fff}
.sc_10_menu_desc_light {font-weight:400}
.sc_10_btn {display:inline-flex; align-items:center; justify-content:center; padding:12px 40px; border-radius:99px; background:#ca9e67; font-family:'Pretendard', sans-serif; font-weight:600; font-size:18px; color:#000; text-decoration:none}



/* ===== 매장 갤러리 캐러셀 (Figma: node 49:3550) ===== */

.sc_11 {position:relative; width:100%; padding:160px 0; background:#000}
.sc_11_swiper {width:100%; padding:0 80px}
.sc_11_swiper .swiper-wrapper {align-items:center}
.sc_11_slide {position:relative; width:520px; height:780px; border-radius:30px; overflow:hidden; cursor:zoom-in}
.sc_11_slide img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.sc_11_nav {width:56px; height:56px; margin-top:0; border-radius:50%; background:rgba(0, 0, 0, 0.5); border:1px solid rgba(255, 255, 255, 0.3); opacity:0; transition:opacity 0.3s ease}
.sc_11_nav:after {font-size:20px; color:#fff}
.sc_11_swiper:hover .sc_11_nav {opacity:1}
.sc_11_swiper:hover .sc_11_nav.swiper-button-disabled {opacity:0.3}

/* 라이트박스 */
.sc_11_lightbox {display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.9)}
.sc_11_lightbox.active {display:flex}
.sc_11_lightbox img {max-width:90vw; max-height:85vh;}
.sc_11_lightbox_close {position:absolute; top:32px; right:32px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255, 255, 255, 0.1); color:#fff; font-size:28px; line-height:1; cursor:pointer}



/* ===== 창업문의 폼 (Figma: node 49:3571) ===== */

.sc_12 {position:relative; width:100%; padding: 0 0 200px; background:#000}
.sc_12_form {display:flex; flex-direction:column; align-items:center; gap:60px; max-width:1370px; margin:0 auto; padding:0 20px}
.sc_12_header {display:flex; flex-direction:column; align-items:center; gap:32px; text-align:center}
.sc_12_header h2 {margin:0; font-family:'Pretendard', sans-serif; font-weight:700; font-size:48px; line-height:1; color:#fff}
.sc_12_header p {margin:0; font-family:'Pretendard', sans-serif; font-weight:400; font-size:24px; line-height:1.3; color:rgba(255, 255, 255, 0.7)}
.sc_12_fields {display:flex; flex-direction:column; width:100%}
.sc_12_row {display:flex; align-items:flex-start; width:100%}
.sc_12_item {flex:1 1 0; min-width:0; padding:20px}
.sc_12_item_full {width:100%}
.sc_12_item label {display:block; margin-bottom:10px; font-family:'Pretendard', sans-serif; font-weight:700; font-size:24px; letter-spacing:-0.96px; color:#fff}
.sc_12_required {margin-left:2px; color:#ea5514}
.sc_12_item input[type="text"], .sc_12_item textarea, .sc_12_select_wrap {width:100%; border:1px solid #d8d8d8; border-radius:8px; background:transparent; font-family:'Pretendard', sans-serif; font-weight:400; font-size:18px; letter-spacing:-0.72px; color:#fff}
.sc_12_item input[type="text"] {height:70px; padding:0 16px}
.sc_12_item input[type="text"]::placeholder {color:#666}
.sc_12_item textarea {height:227px; padding:16px; resize:none}
.sc_12_item textarea::placeholder {color:#666}
.sc_12_select_wrap {position:relative; height:70px}
.sc_12_select_wrap select {width:100%; height:100%; padding:0 44px 0 16px; border:0; background:transparent; -webkit-appearance:none; appearance:none; font-family:'Pretendard', sans-serif; font-size:18px; letter-spacing:-0.72px; color:#666}
.sc_12_select_wrap select:valid {color:#fff}
.sc_12_select_wrap select option {color:#000}
.sc_12_select_wrap:after {content:''; position:absolute; right:16px; top:50%; width:12px; height:24px; transform:translateY(-50%) rotate(90deg); background:url(../img/sc12-arrow.svg) center / contain no-repeat; pointer-events:none}
.sc_12_consent {position:relative; display:flex; align-items:center; width:100%; padding:39px 30px; border-radius:20px; background:rgba(219, 197, 155, 0.1)}
.sc_12_checkbox {display:flex; align-items:center; gap:20px; font-family:'Pretendard', sans-serif; font-weight:300; font-size:19px; color:#fff; cursor:pointer}
.sc_12_checkbox input {position:absolute; width:1px; height:1px; overflow:hidden; opacity:0}
.sc_12_checkbox_box {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid #ddd; border-radius:50%}
.sc_12_checkbox_box img {width:12px; height:16px; opacity:0}
.sc_12_checkbox input:checked ~ .sc_12_checkbox_box img {opacity:1}
.sc_12_privacy_btn {position:absolute; top:50%; right:30px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:175px; height:57px; border:0; border-radius:10px; background:#ca9e67; font-family:'Pretendard', sans-serif; font-weight:700; font-size:20px; color:#000; text-decoration:none; cursor:pointer; transition:background 0.2s ease}
.sc_12_privacy_btn:hover {background:#b68a36}
.sc_12_submit {display:inline-flex; align-items:center; justify-content:center; padding:12px 40px; border:0; border-radius:99px; background:#ca9e67; font-family:'Pretendard', sans-serif; font-weight:600; font-size:18px; color:#000; cursor:pointer}

/* 기본 유효성 검사 - 제출 시도 후 미입력 필드 강조 */
.sc12_was_validated .sc_12_item input:invalid, .sc12_was_validated .sc_12_select_wrap:has(select:invalid) {border-color:#ea5514}
.sc12_was_validated input:invalid ~ .sc_12_checkbox_box {border-color:#ea5514}
.sc_12_submit:disabled {opacity:0.6; cursor:not-allowed}



/* === 메인페이지 끝 === */



/* ===== 팝업레이어 (그누보드 관리자 > 환경설정 > 팝업레이어, bbs/newwin.inc.php) ===== */

#hd_pop {position:relative; height:0; margin:0 auto; z-index:1100}
#hd_pop h2 {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0; background:#000; color:#fff; text-align:left; position:relative}
.hd_pops_footer:after {display:block; visibility:hidden; clear:both; content:""}
.hd_pops_footer button {padding:10px; border:0; color:#fff; cursor:pointer}
.hd_pops_footer .hd_pops_reject {background:#000; text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939; position:absolute; top:0; right:0}



/* ===== 반응형 (데스크탑 우선, 좁은 화면일수록 아래쪽 쿼리가 나중에 덮어씀) ===== */

/* 1500px 이하 */
@media (max-width:1500px) {
    #footer {padding: 60px 20px;}
    .hh_header_inner {padding: 0px 20px;}
    .hh_floating_menu {left: 20px;}
    .sc_3_highlight {font-size: 44px;}
    .sc_6 {padding: 160px 20px;}
    .sc_6_card_title {font-size: 50px;}
    .sc_2_title,
    .sc_6_title,
    .sc_9_title,
    .sc_7_title {font-size: 80px;}
    .sc_7_rows {padding: 0px 20px; box-sizing: border-box;}
    .sc_8_inner {padding: 0px 20px; overflow: hidden; box-sizing: border-box;}
    .sc_8_branch_amount {font-size: 40px;}
    .sc_9_inner {padding: 0px 20px;}
    .sc_9_logo_tagline {font-size: 30px;}

    .sc_10 {padding: 120px 20px; box-sizing: border-box;}

    .sc_12_form {padding: 0px 20px;}
}

/* 1280px 이하 */
@media (max-width:1280px) {

    .hh_gnb {width: 560px;}

    /* sc_3~5(프리미엄 원육/멜조림/백탄직화): 좌우 배치 → 세로 스택. 폰트 크기는 유지, 배치 방향만 전환 (Figma 모바일: node 36:6180) */
    .sc_3, .sc_4, .sc_5 {height:auto; padding:120px 0}
    .sc_3_inner {flex-direction:column; gap:60px; height:auto}
    .sc_3_content {align-items:center; max-width:700px; margin:0 auto; text-align:center}
    .sc_3_desc {align-items:center}

    /* sc_6(동래정 경쟁력): 텍스트+카드 좌우 배치 → 세로 스택, 카드가 위로 오도록 순서 반전. 폰트/카드 크기는 유지 (Figma 모바일: node 36:6234) */
    .sc_6_rows {gap:60px}
    .sc_6_row {flex-direction:column-reverse; gap:32px}
    .sc_6_row_text {flex:none; width:100%; max-width:540px}

    /* sc_7(가맹점 관리 시스템): sc_6과 동일 구조지만 마크업상 카드가 이미 먼저라 순서 반전 불필요. 폰트/카드 크기는 유지 (Figma 모바일: node 36:6266) */
    .sc_7_rows {gap:60px}
    .sc_7_row {flex-direction:column; gap:32px}
    .sc_7_text {flex:none; width:100%; max-width:540px}

    /* sc_8(수익 인포그래픽): 지점별 매출 - 가로 배치+세로 구분선 → 세로 스택+가로 구분선 (Figma 모바일: node 36:6304).
       .sc_8_chart 자체가 이제 데스크탑 기본값부터 max-width 기반 유동 폭이라 1280px 전용 축소 처리는 더 이상 필요 없음 */
    .sc_8_branches {flex-direction:column; gap:40px}
    .sc_8_branch_divider {width:200px; height:1px}

    .sc_8_chart_profit {top: 12%; left: -12%;}
    .sc_8_chart_profit_label {font-size: 30px;}
    .sc_8_chart_profit_pct {font-size: 20px;}
    .sc_8_chart_profit_amount {font-size: 40px;}
    .sc_8_chart_donut {max-width: 500px;}
    .sc_8_chart_arrow {width: 200px; right: -26%;}

    /* sc_9(오래가고 단단한 외식 프랜차이즈) (Figma 모바일: node 36:6369) */
    /* 손익구조 표(첫번째 표) - 1024px 구간은 폰트를 줄여서 483px로 줄어든 표가 컨테이너 폭 안에 편하게 들어가므로
       스크롤/bleed 없이 그냥 폭 100% + 라운드 10px + 좌우 여백(부모 20px 패딩)만 적용. 768px 이하에서 다시 좁아지면 스크롤로 전환 */
    .sc_9_table_wrap {width:100%; margin-right:0; overflow:hidden; border-radius:10px}
    .sc_9_table {width:100%; min-width:0; border-radius:10px}
    .sc_9_col_label {width:72px}
    .sc_9_col_val {width:90px}
    .sc_9_col_pct {width:47px}
    .sc_9_scrollbar {display:none}
    .sc_9_table tbody tr:first-child .sc_9_val,
    .sc_9_table tbody tr:first-child .sc_9_pct,
    .sc_9_table .sc_9_highlight .sc_9_label,
   .sc_9_table .sc_9_highlight .sc_9_val,
   .sc_9_table .sc_9_highlight .sc_9_pct {font-size: 26px;}

    /* 상권별 영업이익률 바 차트 + 로고: 가로 배치 → 세로 스택. 폰트/바 크기는 유지 */
    .sc_9_bars_row {flex-direction:column; gap:60px}

}

/* 1024px 이하 (태블릿) */
@media (max-width:1024px) {

    .hh_floating_menu {display: none;}

    /* 헤더: 모바일 시안 그대로 적용 (Figma 모바일: node 36:6738) - 헤더 높이 100px→80px, 로고 축소, GNB/연락처 숨기고 햄버거 버튼 노출 */
    :root {--hh-header-h:80px}
    .hh_header_inner {padding:0 20px}
    .hh_logo a {transform:scale(0.552); transform-origin:left center}
    .hh_gnb {display:none}
    .hh_contact {display:none}
    .hh_menu_toggle {display:flex; align-items:center; justify-content:center}

    /* 푸터: 로고+텍스트 가로 배치 → 세로 스택, 연락처 2컬럼도 1개 블록처럼 이어지게 (Figma 모바일: node 36:6660) */
    #footer {padding:60px 20px}
    .footer_inner {flex-direction:column; align-items:flex-start; gap:50px; max-width:none}
    .footer_logo {width:84px; height:100px}
    .footer_info {flex-direction:column; align-items:flex-start; gap:0}
    .footer_col p {font-size:14px; line-height:1.7}

    /* 영상 대신 정적 이미지 배경 (Figma 모바일: node 2080:1784) */
    .hh_hero {height: 100vh; background:#000}
    .hh_hero_overlay {background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))}
    .hh_hero_content {width:73.8%; gap:32px}
    .hh_hero_logo {width:180px; height:auto}
    .hh_hero_slogan {font-size:26px}
    .hh_hero_break {display:block}

    .br_mobile {display:block}
    .br_desktop {display:none}

    /* 서브페이지 공통 배너: 375:300 비율 유지(고정 높이 X) + 모바일 전용 배경(오버레이 이미 baked-in) (Figma 모바일: node 2112:1896) */
    .sub_banner {height:auto; aspect-ratio:375/300; gap:10px; background-image:url(../img/subbanner-bg-mobile.jpg)}
    .sub_banner_title {font-size:28px}
    .sub_banner_subtitle {font-size:16px}
    .sub_banner.sub_banner_tab_cost {background-image:url(../img/subbanner-bg-cost-mobile.jpg)}
    .sub_banner.sub_banner_tab_faq {background-image:url(../img/subbanner-bg-faq-mobile.jpg)}
    .sub_banner.sub_banner_tab_inquiry {background-image:url(../img/subbanner-bg-inquiry-mobile.jpg)}
    .sub_banner.sub_banner_store {background-image:url(../img/subbanner-bg-store-mobile.jpg)}
    .sub_banner.sub_banner_menu {background-image:url(../img/subbanner-bg-menu-mobile.jpg)}
    .sub_banner.sub_banner_notice {background-image:url(../img/subbanner-bg-notice-mobile.jpg)}

    /* 개인정보 처리방침 레이어 팝업 - 모바일은 하단 바텀시트 형태 */
    .privacy_modal {align-items:flex-end; padding:0}
    .privacy_modal_box {max-width:none; max-height:85vh; border-radius:16px 16px 0 0}
    .privacy_modal_head {padding:20px}
    .privacy_modal_head h2 {font-size:18px}
    .privacy_modal_body {padding:20px; font-size:14px}
    .privacy_modal_body h3 {font-size:15px; margin:20px 0 8px}

    /* 성공창업안내 - 창업절차 탭 (Figma 모바일: node 55:14527) */
    .franchise_tabs_wrap {padding:80px 20px 100px}
    .franchise_tabs {flex-wrap:wrap; gap:8px 4px; margin:0 0 24px}
    .franchise_tab {padding:6px 16px; font-size:15px; letter-spacing:0}

    .franchise_procedure {padding:40px 0; gap:32px; border-radius:10px}
    .franchise_procedure_title {font-size:24px}
    .franchise_steps {padding:0 20px; gap:32px}
    .franchise_steps_row {grid-template-columns:repeat(2, 1fr); gap:32px 16px}
    .franchise_steps_row:before {display:none}
    .franchise_step {gap:8px; padding:0}
    .franchise_step_last:before {width: 96px; height: 116px; top: 44%;}
    .franchise_step_icon {width:35px; height:35px; font-size:13px}
    .franchise_step_title {font-size:15px; letter-spacing:-0.6px}
    .franchise_step_desc {font-size:12px}
    .franchise_procedure_note {font-size:16px; padding:0 20px}

    .btn_cta {padding:10px 30px; font-size:18px}
    .btn_cta img {width:8px; height:13px}

    /* 성공창업안내 - 창업비용 탭 (Figma 모바일: node 2115:1898) */
    .franchise_cost {padding:40px 0; gap:24px; border-radius:10px}
    .franchise_cost_title {font-size:24px}
    .franchise_cost_table_wrap {width:295px; margin:0 auto; gap:12px}
    .franchise_cost_table {width:295px; table-layout:fixed; border-radius:10px}
    .franchise_cost_col_label, .franchise_cost_col_amount {width:80px}
    .franchise_cost_table th {height:auto; padding:10px 8px; font-size:12px; letter-spacing:0}
    .franchise_cost_table td {height:auto; padding:10px 8px; font-size:11px; line-height:1.4}
    .franchise_cost_note {padding:0 18px; font-size:11px}

    /* 성공창업안내 - 가장 궁금한 문의(FAQ) 탭 (Figma 모바일: node 2115:1901) */
    .franchise_faq {padding:40px 0; gap:24px; border-radius:10px}
    .franchise_faq_title {font-size:24px; line-height:1.2}
    .franchise_faq_list {width:295px; margin:0 auto}
    .franchise_faq_question {height:auto; gap:10px; padding:20px 8px}
    .franchise_faq_q {flex:0 0 20px; font-size:20px}
    .franchise_faq_question_text {font-size:16px; line-height:1.2}
    .franchise_faq_toggle {flex:0 0 16px; width:16px; height:16px}
    .franchise_faq_toggle:before {width:10px; height:1px}
    .franchise_faq_toggle:after {width:1px; height:10px}
    .franchise_faq_answer {padding:0 0 14px 34px; font-size:14px}
    .franchise_faq_answer p {font-size:14px}
    .franchise_faq_empty {font-size:16px; padding:24px 0}

    /* 성공창업안내 - 창업문의 탭 (Figma 모바일: node 2115:1904) */
    .franchise_inquiry {padding:40px 0; border-radius:10px}
    .franchise_inquiry_form {width:295px; gap:24px}
    .franchise_inquiry_header {gap:16px}
    .franchise_inquiry_header h2 {font-size:24px}
    .franchise_inquiry_header p {font-size:16px; line-height:1.3; letter-spacing:0}
    .franchise_inquiry_header p br {display: none;}
    .franchise_inquiry_fields {gap:14px}
    .franchise_inquiry_row {flex-direction:column; gap:14px}
    .franchise_inquiry_item {padding:0; width: 100%;}
    .franchise_inquiry_item label {font-size:16px; letter-spacing:0; margin-bottom:5px}
    .franchise_inquiry_item input[type="text"], .franchise_inquiry_item textarea, .franchise_inquiry_select_wrap {font-size:14px; letter-spacing:0}
    .franchise_inquiry_item input[type="text"] {height:44px}
    .franchise_inquiry_item textarea {height:180px}
    .franchise_inquiry_select_wrap {height:44px}
    .franchise_inquiry_select_wrap select {font-size:14px}
    .franchise_inquiry_consent {padding:20px 12px; border-radius: 10px;}
    .franchise_inquiry_checkbox {gap:8px; font-size:14px; letter-spacing:0; max-width: 176px;}
    .franchise_inquiry_checkbox_box {width:24px; height:24px}
    .franchise_inquiry_checkbox_box img {width:9px; height:13px}
    .franchise_inquiry_privacy_btn {width:auto; height:auto; padding:8px 16px; font-size:14px; border-radius:10px; right: 12px;}
    .franchise_inquiry_form .btn_cta.sc_12_submit {padding:10px 30px; font-size:18px; margin-top:16px}

    /* 매장찾기 페이지 (Figma 모바일: node 2116:1908) - 지도가 위, 필터+리스트가 아래로 세로 스택 (마크업 순서는 사이드바가 먼저라 order로 시각 순서만 뒤집음) */
    .store_wrap {padding:80px 20px 100px}
    .store_layout {flex-direction:column}
    .store_map_wrap {order:-1; flex:0 0 auto; width:100%; height:230px; border-radius:10px 10px 0 0}
    .store_sidebar {order:1; flex:0 0 auto; width:100%; height:619px; padding:24px 16px; border-radius:0 0 10px 10px}
    .store_filters {gap:10px}
    .store_filter_row {gap:10px}
    .store_select_wrap {height:44px}
    .store_select_wrap select {padding:0 34px 0 16px; font-size:14px}
    .store_select_wrap:after {right:16px}
    .store_search {height:44px; padding:0 17px}
    .store_search input {font-size:14px}
    .store_search img {flex:0 0 18px; width:18px; height:18px}
    .store_results_count {font-size:14px}
    .store_result_list {padding:20px 16px}
    .store_result_pin {flex:0 0 42px; width:42px; height:50px}
    .store_cta {margin-top:40px}

    /* 메뉴소개 페이지 (Figma 모바일: node 2117:1910) */
    .menu_sc_1 {position:relative; width:auto; max-width:none; margin: 40px 20px 40px; border-radius:10px; background:#e2ddd3 url(../img/menu-sc1-bg-mobile.jpg) center/cover no-repeat}
    .menu_sc_1_inner {flex-direction:column; align-items:flex-start; padding:20px 20px 80px; gap:30px}
    .menu_sc_1_char {font-size:60px; letter-spacing:-3px}
    .menu_sc_1_content {gap:16px}
    .menu_sc_1_title {font-size:24px}
    .menu_sc_1_desc {font-size:16px; letter-spacing:-0.32px}
    .menu_sc_1_logo {right:20px; bottom:20px; width:50px; height:60px}

    .menu_sc_2 {max-width:none; padding:0 20px 100px; gap:24px}
    .menu_gallery_tabs {flex-wrap:wrap; gap:8px 4px}
    .menu_gallery_tab {padding:6px 16px; font-size:15px; letter-spacing:0}
    .menu_gallery_wrap {gap:40px}
    .menu_gallery_grid {grid-template-columns:1fr; gap:24px}
    .menu_gallery_card {gap:20px}
    .menu_gallery_thumb {height:240px; aspect-ratio:auto; border-radius:10px}
    .menu_gallery_info {gap:16px}
    .menu_gallery_title {font-size:20px}
    .menu_gallery_desc {font-size:16px}

    /* 공지사항 게시판 리스트 (Figma 모바일: node 2119:1913) */
    #bo_list {margin: 40px auto 100px; padding:0 20px}
    #bo_btn_top {display: none;}
    .bo_list_notice .bo_list_title {margin:0 0 40px; font-size:24px; letter-spacing:-1.2px}
    .bo_list_notice .tbl_head01 thead th {height:44px; padding:0 8px; font-size:12px}
    .bo_list_notice .tbl_head01 tbody td {height:44px; padding:0 8px; font-size:11px}
    .bo_list_notice .th_num2, .bo_list_notice .td_num2 {width:44px}
    .bo_list_notice .th_name, .bo_list_notice .td_name {width:50px}
    .bo_list_notice .th_datetime, .bo_list_notice .td_datetime {width:80px}
    .bo_list_notice .th_num, .bo_list_notice .td_num {width:44px}
    .bo_sch_inline {margin:24px 0 0; flex-wrap:wrap}
    .bo_sch_inline #sfl {flex:1 1 100%}
    .bo_sch_inline .sch_input {flex:1 1 0; min-width:0}
    .bo_sch_inline .sch_btn {flex:0 0 auto}
    .bo_list_notice .pg_wrap {margin:40px 0 0}

    /* sc_1(브랜드소개): 모바일 전용 배경 이미지, 텍스트/여백 축소 (Figma 모바일: node 36:6163).
       본문 줄바꿈은 이미 있는 <br> 구조가 좁은 폭에서 자연 개행되면서 시안이랑 그대로 맞아떨어져서 마크업은 안 건드림 */
    .sc_1 {height:auto; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 39.5%, rgba(0, 0, 0, 0.8) 100%), url(../img/sc1-bg-mobile.png) center/cover no-repeat; background-blend-mode:multiply}
    .sc_1_inner {gap:34px; padding:100px 20px; justify-content:flex-start; max-width:none; height:auto}
    .sc_1_title {font-size:24px}
    .sc_1_body {gap:30px}
    .sc_1_divider {width:80px}
    .sc_1_text p {font-size:16px; letter-spacing:-0.48px}
    .sc_1_text p b {font-size:18px; letter-spacing:-0.54px}

    /* sc_2(맛의 차별화 배너): 모바일 전용 배경 이미지 + 텍스트/여백 축소 (Figma 모바일: node 36:6177). 그라디언트 오버레이는 desktop과 동일해서 안 건드림 */
    .sc_2 {height:160px; gap:20px; background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc2-bg-mobile.jpg) center/cover no-repeat}
    .sc_2_title {font-size:28px; letter-spacing:-1.4px}
    .sc_2_divider {width:160px}

    /* sc_3~5(프리미엄 원육/멜조림/백탄직화): 1280px 때는 레이아웃만 세로로 바꾸고 폰트는 유지했는데,
       1024px부터는 "모바일 시안 그대로"라 폰트/뱃지 크기까지 전부 축소 + 섹션별 모바일 전용 배경이미지로 교체
       (Figma 모바일: sc_3=node 36:6180, sc_4=node 36:6198, sc_5=node 36:6216 — 오빠가 3개 노드 다 확인해줘서 배경 각각 다름 확인) */
    .sc_3, .sc_4, .sc_5 {padding:100px 0}
    .sc_3_inner {gap:40px}
    .sc_3_badge {gap:12px; width:280px; height:280px}
    .sc_3_badge_title {gap:8px}
    .sc_3_badge_title p {font-size:24px}
    .sc_3_badge_title p.sc_3_kanji, .sc_3_badge_title p.sc_3_gold {font-size:34px}
    .sc_3_badge_desc {gap:12px}
    .sc_3_badge_desc p {font-size:18px}
    .sc_3_badge_desc p.sc_3_premium {font-size:24px}
    .sc_3_content {gap:20px}
    .sc_3_highlight {font-size:26px; white-space:normal}
    .sc_3_desc_lead {font-size:20px}
    .sc_3_desc_body {font-size:16px}

    /* 섹션별 모바일 전용 배경 - desktop의 상단 페이드 그라디언트는 빼고, 시안에 있는 20% 블랙 딤만 남김 */
    .sc_3 {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc3-bg-mobile.png) center/cover no-repeat}
    .sc_4 {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc4-bg-mobile.png) center/cover no-repeat}
    .sc_5 {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/sc5-bg-mobile.png) center/cover no-repeat}

    /* sc_6(동래정 경쟁력): 1280px 때 세로 스택으로만 바꿨던 걸 이번엔 폰트/카드/뱃지 크기까지 전부 시안값으로, 배경도 모바일 전용 이미지로 교체 (Figma 모바일: node 36:6234) */
    .sc_6 {margin-top:-1px; padding:100px 20px; background:url(../img/sc6-bg-mobile.jpg) center/cover no-repeat}
    .sc_6_watermark {display:none}
    .sc_6_head {gap:20px; max-width:none}
    .sc_6_title {font-size:30px; letter-spacing:-1.5px}
    .sc_6_head_divider {width:120px}
    .sc_6_rows {gap:40px; max-width:none; margin-top:40px}
    .sc_6_row {gap:24px}
    .sc_6_row_text {gap:16px; max-width:300px}
    .sc_6_row_heading {font-size:20px}
    .sc_6_row_list li {font-size:16px; letter-spacing:-0.32px}
    .sc_6_card {width:320px; height:120px; border-radius:0 14.66px 0 14.66px; gap:8px}
    .sc_6_card_num {top:15px; left:20px; font-size:30px}
    .sc_6_card_title {font-size:24px}
    .sc_6_card_divider {width:78px}

    /* sc_7(가맹점 관리 시스템): 카드/폰트/배경 전부 모바일 시안값으로 (Figma 모바일: node 36:6266). 체크 아이콘은 기존 sc7-check-icon.svg 재사용(같은 도형, 비율 그대로 축소) */
    .sc_7 {padding:100px 20px; background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/sc7-bg-mobile.jpg) center/cover no-repeat}
    .sc_7_head {gap:20px; max-width:none}
    .sc_7_title {font-size:30px}
    .sc_7_head_divider {width:120px}
    .sc_7_rows {gap:40px; max-width:none; margin-top:40px}
    .sc_7_row {gap:24px}
    .sc_7_card {width:320px; height:auto; padding:44px 20px; border-radius:0 14.66px 0 14.66px; gap:8px}
    .sc_7_card_icon {top:14px; left:14.5px; width:21.3px; height:20px}
    .sc_7_card_title {font-size:24px}
    .sc_7_text {gap:16px; max-width:300px}
    .sc_7_text_heading {font-size:22px}
    .sc_7_text_body {font-size:16px; letter-spacing:-0.32px}

    /* sc_8(수익 인포그래픽): 폰트/차트 전부 모바일 시안값으로 (Figma 모바일: node 36:6304).
       도넛차트는 오빠가 sc8-donut_mo.svg로 새로 만들어줌 — 식자재/인건비 라벨, 중앙 아이콘·문구까지 전부 이미지 안에 이미 포함되어 있어서
       desktop처럼 텍스트를 따로 얹을 필요 없음. 순수익 박스(.sc_8_chart_profit)만 desktop과 동일하게 살아있는 텍스트로 유지 */
    .sc_8 {padding: 100px 0px 0;}
    .sc_8_inner {gap:40px}
    .sc_8_head {gap:12px}
    .sc_8_head_title {font-size:36px; letter-spacing:normal}
    .sc_8_head_sub {font-size:28px; letter-spacing:normal}
    .sc_8_earnings {gap:8px}
    .sc_8_earnings_label {font-size:24px}
    .sc_8_earnings_amount {font-size:40px}
    .sc_8_branch_name {font-size: 20px;}
    .sc_8_branch_amount {font-size: 32px;}

    .sc_8_chart {margin: 60px auto 0;}
    .sc_8_chart_donut {max-width: 400px;}
    .sc_8_chart_arrow {right: -35%;}
    .sc_8_chart_profit_amount {font-size: 30px;}
    .sc_8_chart_profit_won {font-size: 30px;}

    /* sc_9(오래가고 단단한 외식 프랜차이즈) 전체: 제목/섹션 여백/창업비용 표까지 모바일 시안값으로 (Figma 모바일: node 36:6369).
       손익구조 표(첫번째 표)는 여전히 스크롤 유지 대상이라 폭/컬럼폭은 안 건드리고 폰트·행높이만 축소 */
    .sc_9 {padding:80px 0 100px}
    .sc_9_inner {gap: 50px; max-width:none}
    .sc_9_title {font-size:30px}
    .sc_9_profit_wrap {gap:32px}

    .sc_9_table thead th {height:32px; font-size:10px; letter-spacing:normal}
    .sc_9_table tbody td {height:36px}
    .sc_9_table .sc_9_label {font-size:9px; letter-spacing:normal}
    .sc_9_table .sc_9_label span {font-size:7px}
    .sc_9_table .sc_9_val, .sc_9_table .sc_9_pct {font-size:9px; letter-spacing:normal}
    .sc_9_table tbody tr:first-child .sc_9_val {font-size:11px; letter-spacing:normal}
    .sc_9_table tbody tr:first-child .sc_9_pct {font-size:10px; letter-spacing:normal}
    .sc_9_table .sc_9_highlight .sc_9_label {font-size:12px; letter-spacing:normal}
    .sc_9_table .sc_9_highlight .sc_9_val {font-size:12px; letter-spacing:normal}
    .sc_9_table .sc_9_highlight .sc_9_pct {font-size:12px; letter-spacing:normal}

    .sc_9_cost_title {margin:0; font-size:24px}
    .sc_9_cost_table th, .sc_9_cost_table td {height:48px; padding:10px 12px}
    .sc_9_cost_table th:first-child, .sc_9_cost_table td:first-child, .sc_9_cost_table th:last-child, .sc_9_cost_table td:last-child {width:80px}
    .sc_9_cost_table thead th {height:36px; font-size:14px; letter-spacing:normal}
    .sc_9_cost_table tbody td {font-size:12px}
    .sc_9_disclaimer {padding:0 20px; font-size:12px}

    .sc_9_bars_row {gap:24px}
    .sc_9_bars {padding-bottom:28px; filter:drop-shadow(0 0 9px rgba(217, 43, 20, 0.3))}
    .sc_9_bar_item {padding:14px 20px}
    .sc_9_bar_label {margin:0 0 7px; font-size:18px}
    .sc_9_bar_track {height:32px; border-radius:18px}
    .sc_9_bar_fill {border-radius:18px}
    .sc_9_bar_fill span {font-size:20px}
    .sc_9_logo_box {gap:19px}
    .sc_9_logo_box img {width:140px}
    .sc_9_logo_tagline {font-size:20px}
    .sc_9_cost_table_wrap {border-radius: 10px;}

    /* sc_10(메뉴소개 배너): 사진+텍스트 가로 배치 → 세로 스택, 모바일 전용 배경/사진으로 교체 (Figma 모바일: node 36:6588) */
    .sc_10 {padding:80px 20px; background:url(../img/sc10-bg-mobile.jpg) center/cover no-repeat}
    .sc_10_fade {background:linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 12.5%), linear-gradient(180deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.9) 100%); opacity: 0.3;}
    .sc_10_title {gap:16px; margin-bottom:40px}
    .sc_10_title h2 {font-size:30px; letter-spacing:-1.5px}
    .sc_10_title p {font-size:16px}
    .sc_10_content {flex-direction:column; align-items:center; gap:24px; max-width:320px; margin:0 auto}
    .sc_10_photo {width:320px; height:480px; border-radius:0 30px 0 30px; content:url(../img/sc10-photo-mobile.jpg)}
    .sc_10_char_wrap {gap:24px; width:100%}
    .sc_10_char {font-size:60px; letter-spacing:-3px}
    .sc_10_text {gap:24px; width:100%}
    .sc_10_menu_title {font-size:28px}
    .sc_10_menu_desc {font-size:16px}
    .sc_10_menu_desc_light {font-weight:600}

    /* sc_11(매장 갤러리 캐러셀): 슬라이드 폭/높이 축소 (Figma 모바일: node 45:2605). 슬라이드 간격(spaceBetween)은
       Swiper JS 옵션이라 CSS로는 못 바꿔서 hothann.js에 breakpoints:{1025:{spaceBetween:24}} 추가해서 처리 */
    .sc_11 {padding: 100px 0px;}
    .sc_11_swiper {padding:0 20px}
    .sc_11_slide {width:250px; height:316px; border-radius:10px}

    /* sc_12(창업문의 폼): 2단 배치 → 세로 스택, 필드/버튼 크기 전부 모바일 시안값으로 (Figma 모바일: node 36:6604) */
    .sc_12 {padding: 0 0 100px;}
    .sc_12_form {gap:24px}
    .sc_12_header {gap:16px}
    .sc_12_header h2 {font-size:32px}
    .sc_12_header p {font-size:16px}
    .sc_12_fields {gap:16px}
    .sc_12_row {flex-direction:column; gap:16px}
    .sc_12_item {padding:0; width: 100%;}
    .sc_12_item label {margin-bottom:8px; font-size:16px}
    .sc_12_item input[type="text"], .sc_12_item textarea, .sc_12_select_wrap {font-size:14px}
    .sc_12_item input[type="text"] {height:44px; padding:0 11px}
    .sc_12_item textarea {height:180px; font-size:16px}
    .sc_12_select_wrap {height:44px}
    .sc_12_select_wrap select {padding:0 40px 0 11px; font-size:14px}
    .sc_12_consent {padding:20px 16px; border-radius:10px; justify-content:space-between}
    .sc_12_checkbox {gap:8px; font-weight:300; font-size:14px}
    .sc_12_checkbox_box {width:24px; height:24px}
    .sc_12_privacy_btn {position:static; transform:none; width:auto; height:auto; padding:8px 16px; font-size:15px}
    .sc_12_submit {margin-top:36px}



}

/* 768px 이하 (모바일) */
@media (max-width:768px) {

   .hh_hero_content {width: 100%;}

    /* sc_8 도넛차트: 사이즈/폰트만 Figma 모바일 값(node 36:6314)으로 맞춤, 포지션(left/top 등)은 오빠가 직접 잡기로 해서 안 건드림 */
    .sc_8_chart {margin: 40px auto 0;}
    .sc_8_chart_profit {left: -24%;}
    .sc_8_chart_donut {max-width:200px}
    .sc_8_chart_profit_label {font-size:16px}
    .sc_8_chart_profit_pct {font-size:12px}
    .sc_8_chart_profit_amount {font-size:19.22px}
    .sc_8_chart_profit_won {font-size:12px}
    .sc_8_chart_arrow {width: 100px;}

    .sc_9_disclaimer {font-size: 11px;}

    /* sc_9 손익구조 표: 실제 폰 너비대에서는 483px 표가 다시 안 들어갈 수 있어서 1024px에서 껐던 bleed+스크롤을 되살림
       (.sc_9_inner 좌우 패딩이 20px이라 그 값 기준으로 bleed 계산) */
    .sc_9_inner {padding: 0;}
    .sc_9_table_wrap {width: 100%; overflow-x:auto; overflow-y:hidden; border-radius:0; scrollbar-width:none}
    .sc_9_table_wrap::-webkit-scrollbar {display:none}
    .sc_9_table {width:auto; min-width:483px; border-radius:10px; margin: 0px 20px; overflow:hidden}
    .sc_9_bars {padding: 0px 20px 36px; box-sizing: border-box;}
    .sc_9_cost_wrap {padding: 0px 20px; box-sizing: border-box;}

    .sc_9_scrollbar {display:block; position:relative; width:100%; height:2px; margin:12px -20px 0 0; border-radius:3px; background:rgba(217, 217, 217, 0.4); overflow:hidden; max-width:calc(100% - 40px)}
    .sc_9_scrollbar_thumb {position:absolute; top:0; left:0; height:100%; min-width:30px; border-radius:3px; background:#D9D9D9}

}