/* BASIC css start */
/* ===== 이용 안내 리뉴얼 — 1280px ===== */

#guide {
    font-family: 'Pretendard Variable', 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 14px; color: #111;
    padding-bottom: 60px;
}

/* ===== 히어로 ===== */
#guide .gd-hero {
    display: flex; flex-direction: column; gap: 6px;
    margin-top: 28px; background: #111;
    border-radius: 8px; padding: 28px 32px;
}
#guide .gd-label {
    font-size: 11px; font-weight: 700;
    letter-spacing: 2px; color: #d4af6a;
}
#guide .gd-hero h2 {
    font-size: 22px; font-weight: 700;
    color: #fff; margin: 0; letter-spacing: -0.3px;
}
#guide .gd-hero p {
    font-size: 13px; color: #aaa; margin: 0;
}

/* ===== 본문 ===== */
#guide .page-body { padding: 0; }

#guide .gd-intro {
    margin-top: 24px;
    padding: 16px 20px;
    background: #f8f8f8; border-radius: 6px;
    font-size: 13px; color: #666; line-height: 1.7;
}
#guide .gd-intro a {
    color: #111; font-weight: 700; text-decoration: underline;
}

/* ===== 섹션 그리드 ===== */
#guide .gd-sections {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* 전체 너비 섹션 */
#guide .gd-section-full {
    grid-column: 1 / -1;
}

/* 개별 섹션 카드 */
#guide .gd-section {
    border: 1px solid #e8e8e8;
    border-radius: 8px; overflow: hidden;
}

/* 섹션 헤더 */
#guide .gd-section-head {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 20px;
    background: #f8f8f8;
    border-bottom: 1px solid #e8e8e8;
}
#guide .gd-icon {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    background: #111; border-radius: 6px;
    color: #fff; flex-shrink: 0;
}
#guide .gd-icon svg { stroke: #fff; }
#guide .gd-section-head h3 {
    font-size: 14px; font-weight: 700; color: #111;
    margin: 0; display: flex; align-items: center; gap: 10px;
}
#guide .gd-link-policy {
    font-size: 11px; font-weight: 600; color: #888;
    border: 1px solid #d0d0d0; border-radius: 3px;
    padding: 2px 8px; text-decoration: none;
    transition: all 0.15s;
}
#guide .gd-link-policy:hover { border-color: #111; color: #111; }

/* ===== 주문 스텝 ===== */
#guide .gd-steps {
    list-style: none; padding: 0; margin: 0;
}
#guide .gd-steps li {
    display: flex; align-items: flex-start; gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 13px; color: #444; line-height: 1.6;
}
#guide .gd-steps li:last-child { border-bottom: none; }
#guide .step-num {
    flex-shrink: 0;
    font-size: 11px; font-weight: 700;
    color: #d4af6a; letter-spacing: 0.5px;
    padding-top: 2px;
}
#guide .step-txt b { color: #111; font-weight: 700; }

/* ===== 정보 목록 ===== */
#guide .gd-info {
    list-style: none; padding: 0; margin: 0;
}
#guide .gd-info li {
    display: flex; align-items: flex-start;
    padding: 13px 20px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 13px; line-height: 1.6;
}
#guide .gd-info li:last-child { border-bottom: none; }
#guide .info-label {
    flex-shrink: 0; width: 90px;
    font-size: 12px; font-weight: 700; color: #888;
}
#guide .info-val { color: #333; }
#guide .info-val b { color: #111; font-weight: 700; }

/* gif 요소 숨김 */
#guide .tit-page img,
#guide .gd-dsc dt { background-image: none !important; }
#guide .gd-dsc .bull li { background-image: none !important; padding-left: 0; }

/* ===== 오프라인 매장 소개 ===== */

#guide .gd-store {
    margin-top: 28px;
    border: 1px solid #e8e8e8; border-radius: 8px;
    overflow: hidden;
}

/* 매장 헤더 */
#guide .gd-store-header {
    padding: 28px 32px;
    background: linear-gradient(135deg, #0f0f0f 0%, #1e1e1e 100%);
    position: relative; overflow: hidden;
}
#guide .gd-store-header::after {
    content: 'FISHWIZ';
    position: absolute; right: 24px; top: 50%;
    transform: translateY(-50%);
    font-size: 64px; font-weight: 900;
    color: rgba(255,255,255,0.04);
    letter-spacing: -2px; pointer-events: none;
    font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
}
#guide .gd-store-header .gd-label {
    font-size: 10px; font-weight: 700;
    letter-spacing: 2.5px; color: #d4af6a;
    display: block; margin-bottom: 8px;
}
#guide .gd-store-header h3 {
    font-size: 20px; font-weight: 700;
    color: #fff; margin: 0 0 8px;
    letter-spacing: -0.3px;
}
#guide .gd-store-header p {
    font-size: 13px; color: #999;
    margin: 0; line-height: 1.6; max-width: 480px;
}

/* 매장 본문 — 정보 + 지도 2열 */
#guide .gd-store-body {
    display: grid; grid-template-columns: 1fr 1fr;
}

/* 매장 정보 */
#guide .gd-store-info {
    padding: 24px;
    border-right: 1px solid #f2f2f2;
    display: flex; flex-direction: column; gap: 0;
}
#guide .store-info-list {
    list-style: none; padding: 0; margin: 0; flex: 1;
}
#guide .store-info-list li {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f5f5f5;
}
#guide .store-info-list li:last-child { border-bottom: none; }
#guide .si-icon {
    flex-shrink: 0; margin-top: 2px;
    width: 28px; height: 28px;
    background: #111; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
}
#guide .si-icon svg { stroke: #d4af6a; }
#guide .store-info-list li > div {
    display: flex; flex-direction: column; gap: 2px;
}
#guide .si-label {
    font-size: 11px; font-weight: 700; color: #aaa;
}
#guide .si-val {
    font-size: 13px; color: #333; line-height: 1.5;
}
#guide .si-closed {
    font-size: 11px; color: #aaa; margin-top: 2px;
}

/* 지도 버튼 */
#guide .store-map-btns {
    display: flex; gap: 8px; flex-wrap: wrap;
    margin-top: 20px; padding-top: 20px;
    border-top: 1px solid #f2f2f2;
}
#guide .map-btn {
    display: inline-flex; align-items: center; gap: 6px;
    height: 34px; line-height: 34px;
    padding: 0 14px;
    font-size: 12px; font-weight: 700;
    border-radius: 4px; text-decoration: none;
    transition: all 0.15s;
}
#guide .map-naver {
    background: #03c75a; color: #fff;
}
#guide .map-naver:hover { background: #02a84a; }
#guide .map-kakao {
    background: #fee500; color: #111;
}
#guide .map-kakao:hover { background: #f0d800; }
#guide .map-google {
    background: #fff; color: #333;
    border: 1px solid #d0d0d0;
}
#guide .map-google:hover { border-color: #111; color: #111; }

/* 지도 임베드 */
#guide .gd-store-map {
    min-height: 320px;
    background: #f4f4f4;
}
#guide .gd-store-map iframe {
    width: 100%; height: 100%;
    min-height: 320px; display: block;
    border: none;
}
/* BASIC css end */