@charset "utf-8";
/* overlay.css — 이 산출물에서 신규로 작성하는 유일한 스타일 파일(R5 v1).
 * 원본 CSS(common/layout/respond/notokr)는 절대 수정하지 않는다. 여기서 캐스케이드로 이긴다.
 * head 정본 조각(partials/head.html)이 이 파일을 항상 맨 뒤에 링크한다.
 *
 * 반입 원칙:
 *  - 반응형 보강 / 트래커·깨진 규칙 무력화 / 에디터 친화 보정만.
 *  - 원본 클래스명·DOM 계약(.bx-*, .swiper-*, .gnb_*, .sub_gnb …)은 건드리지 않는다.
 */

/* ── R23 skip-nav 표준(원본에 없어 신규 삽입 — partials/header.html 최상단) ── */
#skipNavigation {
    position: relative;
    z-index: 10000;
}
#skipNavigation .skip-nav,
.skip-nav {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
}
#skipNavigation .skip-nav:focus,
.skip-nav:focus {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    padding: 10px 16px;
    background: #222;
    color: #fff;
    text-decoration: none;
}

/* 지도 임베드 — 원본은 Google Maps JS API(도메인 제한 API 키)라 미러에서도 오류박스만 떴다.
   R18/외부 핫링크 금지에 따라 키 없는 표준 임베드 iframe 으로 대체(원본 .map_box 높이 계약 그대로). */
.map_box .g_map_frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ── R1 편집친화 보정: 문단 = 행마다 독립 요소(br 연타 제거) ─────────────
 * 원본(.s1_2 .con .t_box)은 문단 사이를 `<br><br>` 로 벌렸다 — 운영자가 문구를
 * 고치면 깨지고, 문단이 편집 단위가 되지 않는다. 문단을 <p class="para"> 로
 * 쪼개고 그 빈 줄(= line-height 1줄분)을 CSS 여백으로 옮긴다.
 * 수치 근거: 본문 line-height 180%(common.css) → 빈 줄 1줄 = 1.8em. 눈대중 아님.
 * 마지막 문단 뒤 `<br><br>` 의 여백은 컨테이너 padding-bottom 으로 승계한다. */
.edit-para > .para {
    /* common.css 의 `p{font-size:14px}` 리셋을 무력화 — 원본 맨몸 텍스트는
       컨테이너(.fz16)의 16px 를 그대로 받았다. 상속으로 되돌린다. */
    font-size: inherit;
    margin: 0 0 1.8em;
}
.edit-para > .para-lead {
    margin-bottom: 0;   /* 원본에서 이 줄 뒤는 <br> 1개 = 단순 줄바꿈(빈 줄 없음) */
}
.edit-para > .para:last-child {
    margin-bottom: 0;
}
.edit-para {
    padding-bottom: 1.8em;
}

/* 같은 취지의 게시판 본문 보정(store/best-2·best-3 의 .bd_tr 본문).
 * 원본 CMS 에디터가 남긴 `<br style="clear:both;"><br>` 연타에서 뒤쪽 <br>(= 여백용
 * 빈 줄)만 걷어내고, 그 한 줄분을 문단 여백으로 옮긴다. float 해제용 앞쪽 <br> 는 유지.
 * 1.8em = line-height 180%(common.css) 1줄분 — 뷰포트별 본문 크기(14/12px)에 자동 추종. */
.edit-gap {
    margin-bottom: 1.8em;
}

/* 이미지 없는 게시글 — 어드민과 같은 방식(자산 없이 중립 블록)으로 자리를 지킨다.
   <img> 를 지우면 카드 높이가 줄어 격자가 어긋난다. 원본에 노이미지 자산이 없다. */
.mn_link.no-img,
.list_area .a.no-img { position: relative; }
.mn_link.no-img::before,
.list_area .a.no-img::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 100%;
	background: #f1f0ee url(/img/logo.png) 50% 50% / 42% auto no-repeat;
	opacity: .35;
}
@media all and (max-width: 767px) {
	.mn_link.no-img::before,
	.list_area .a.no-img::before { background-size: 55% auto; }
}

/* 검색폼 — 셀렉트(제목+내용 / 시·도)를 걷어냈으므로 그 자리였던 좌측 여백을 없앤다.
   .btt_sch 는 창업문의·공지사항·매장찾기가 함께 쓰는 셀렉터라 한 곳만 고치면 된다.
   우측 여백은 절대배치된 검색 버튼 자리라 유지한다. */
.btt_sch { max-width: 400px; padding-left: 0; }
@media all and (max-width: 567px) {
	.btt_sch { padding-left: 0; }
}

/* 창업문의 상세의 목록 버튼 — 다른 상세(공지·우수매장·매장)는 본문과 30px 떨어져 있다.
   이 화면은 우리가 만든 뷰라 그 간격이 없었다. */
[data-inquiry-view] > .tac { margin-top: 30px; }