/* 공통 뉴스 하단은 오픈예정 본문의 폰트 선언에 의존하지 않는다. */
@font-face{font-family:'Paperlogy';src:url('/font/Paperlogy-4Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Paperlogy';src:url('/font/Paperlogy-7Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Paperlogy';src:url('/font/Paperlogy-8ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Paperlogy';src:url('/font/Paperlogy-9Black.woff2') format('woff2');font-weight:900;font-display:swap}
.managed-awards,
.managed-awards * { box-sizing: border-box; }

.managed-awards { display: flex; flex-direction: column; gap: 34px; width: 100%; }
.managed-award-row { display: flex; justify-content: center; gap: 24px; width: 100%; }
.managed-award-item { flex: 0 0 var(--award-item-width); min-width: 0; text-align: center; }

/*
 * 수상 이미지 공통 설정
 * - height: 한 수상 항목이 차지하는 이미지 영역 높이
 * - img width/height: 수상 이미지 한 장의 크기
 * - img + img의 음수 margin-left: 같은 행 이미지의 가로 겹침 정도
 *   예) -78px을 -85px로 바꾸면 더 겹침. -60px로 바꾸면 덜 겹침
 */
.managed-award-images { display: flex; flex-direction: column; height: 112px; align-items: center; justify-content: center; }
.managed-awards .managed-award-image-row { position: relative; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.managed-award-images img { position: relative; display: block; width: 106px; max-width: none; height: 106px; margin: 0; object-fit: contain; }
.managed-award-images img + img { margin-left: -78px; }

/*
 * 동일한 수상 이미지가 7개 이상이라 2행으로 표시될 때의 PC 설정
 * - image-row height: 두 행의 세로 중심 간격. 값이 작을수록 위아래가 더 겹침
 * - img 크기: 2행일 때만 사용하는 이미지 크기
 * - margin-left: 2행일 때 각 행 내부의 가로 겹침 정도
 */
.managed-award-images--rows-2 .managed-award-image-row { height: 24px; }
.managed-award-images--rows-2 img { width: 90px; height: 90px; }
.managed-award-images--rows-2 img + img { margin-left: -66px; }
.managed-award-item p { margin: 10px 0 0; color: #3f3f3f; font-size: 17px; font-weight: 700; line-height: 1.35; letter-spacing: -.045em; word-break: keep-all; }

.managed-awards--franchise { gap: 28px; }
.managed-awards--franchise .managed-award-row { gap: 18px; }
.sec12_left_col { min-width: 0; }

/* 창업 메인(index_fran) 수상 영역 전용 크기·겹침 설정 */
.managed-awards--franchise .managed-award-images { height: 105px; }
.managed-awards--franchise .managed-award-images img { width: 102px; height: 102px; }
.managed-awards--franchise .managed-award-images img + img { margin-left: -76px; }
/* 창업 메인에서 동일 수상이 2행일 때: height는 세로 겹침, margin-left는 가로 겹침 */
.managed-awards--franchise .managed-award-images--rows-2 .managed-award-image-row { height: 24px; }
.managed-awards--franchise .managed-award-images--rows-2 img { width: 90px; height: 90px; }
.managed-awards--franchise .managed-award-images--rows-2 img + img { margin-left: -66px; }
.managed-awards--franchise .managed-award-item p { color: #fff; font-size: 18px; }

.managed-awards-history { max-width: 1180px; margin: 0 auto 70px; padding: 65px 40px 55px; border-bottom: 1px solid #e5e5e5; text-align: center; }
.managed-awards-history h2 { margin: 0 0 42px; color: #3f3f3f; font-size: 30px; font-weight: 700; }

/* 두 상태의 뉴스 상세·관리자 미리보기 공통: 최대 1000px */
.managed-awards-news { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto 45px; padding: 44px 28px; border: 4px solid #80c342; border-radius: 20px; background: #f7f7f7; text-align: center; }
.managed-awards-news h2 { margin: 0 0 35px; color: #333; font-size: 30px; font-weight: 700; }
.managed-awards--news .managed-award-item p { font-size: 13px; }
/* 오픈 예정 뉴스는 가게 이미지 하단을 덮도록 위로 올려 배치함 */
.managed-awards-news--store, .managed-awards-news--store-planned { position: relative; z-index: 6; padding: 46px 28px 55px; background: #efefef; }
.managed-awards-news--store-planned { margin: -7.2% auto 45px; }

/* 오픈예정·그랜드오픈 공통 성과 영역. 기존 HTML 호환을 위해 클래스명 유지. */
.store-planned-proof { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 25px 58px; background: #fff; text-align: center; box-sizing: border-box; }
/* 그랜드오픈 본문 다음에만 검증 문구 위 간격을 추가한다. */
.store-grand-open + .store-planned-proof { margin-top: 15px; }
/* 기존 공개 글에 저장된 내장 스타일보다 우선 적용하는 인터뷰 제목 색상. */
.store-grand-open .sgo-interview .sgo-answer h3 { color: #7fc241; }
.store-grand-open .sgo-interview .sgo-answer p { font-weight: 400; }
/* 기존 게시글에도 점주 서명용 Medium 폰트와 굵기를 적용한다. */
@font-face{font-family:StoreGrandOpen;src:url('/font/Paperlogy-5Medium.woff2') format('woff2');font-weight:500;font-display:swap}
.store-grand-open .sgo-interview .sgo-signature { font-weight: 500; }
.store-grand-open .sgo-info .sgo-info-copy p { font-weight: 400; }
.store-grand-open .sgo-info .sgo-info-copy b { font-weight: 500; }
.store-planned-proof-banner { display: flex; flex-direction: column; justify-content: center; min-height: 112px; padding: 16px 5%; border-radius: 22px; background: #80c342; color: #fff; font-family: 'Paperlogy', 'GmarketSans', sans-serif; font-weight: 800; letter-spacing: -.055em; line-height: 1.1; box-sizing: border-box; }
.store-planned-proof-banner strong { font-size: 33px; font-weight: 800; }
.store-planned-proof-banner span { margin-top: 3px; font-size: 33px; }
.store-planned-proof-banner em { color: #497224; font-style: normal; }
.store-planned-proof-banner b { color: #fff; font-weight: inherit; }
.store-planned-proof-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 38px 34px; margin: 64px auto 0; }
.store-planned-proof-card { position: relative; width: calc((100% - 68px) / 3); min-height: 225px; margin-top: 34px; border: 4px solid #c4a86e; border-radius: 24px; background: #454545; box-shadow: 0 7px 7px rgba(0,0,0,.22); box-sizing: border-box; }
/* 왕관만 이미지로 사용하고 카드 본체는 CSS로 구성함 */
.store-planned-proof-card::before { content: ''; position: absolute; z-index: 2; top: -52px; right: -34px; width: 128px; aspect-ratio: 153 / 123; background: url('/img/2022_fran/awards5_crown.png') center / contain no-repeat; pointer-events: none; }
.store-planned-proof-card-copy { position: absolute; inset: 17% 7% 7%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #edcda3; font-family: 'Paperlogy', 'GmarketSans', sans-serif; line-height: 1.15; }
.store-planned-proof-card p { margin: 0; }
.store-planned-proof-eyebrow {
  background: linear-gradient(90deg,#f6e7cc 0%,#f0d0a4 52%,#df9656 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 23px;
  font-weight: 500;
}
.store-planned-proof-card strong { margin-top: 2px; background: linear-gradient(90deg,#ffefcb 0%,#ffe7aa 46%,#e49a57 100%); color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 32px; font-weight: 900; letter-spacing: -.06em; }
.store-planned-proof-line { width: 78%; height: 2px; margin: 14px 0 12px; background: #d8bb91; }
.store-planned-proof-body {
  background: linear-gradient(90deg,#ecbc88 0%,#fad39d 48%,#d7a171 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 19px;
  font-weight: 500;
}
.store-planned-proof-card small {
  margin-top: 4px;
  background: linear-gradient(90deg,#e7e3dd 0%,#f0e0c7 55%,#f2d4ad 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  font-weight: 400;
}
.store-planned-proof-logo { margin-top: 70px; padding-top: 48px; border-top: 1px solid #d7d7d7; }
.store-planned-proof-logo img { display: block; width: 245px; max-width: 48%; height: auto; margin: 0 auto; }

.managed-awards-footer { width: 100%; }
.managed-awards--footer { gap: 12px; }
.managed-awards--footer .managed-award-row { gap: 12px; }

/* 홈페이지 푸터 수상 영역 전용 크기·겹침 설정 */
.managed-awards--footer .managed-award-images { height: 66px; }
.managed-awards--footer .managed-award-images img { width: 62px; height: 62px; }
.managed-awards--footer .managed-award-images img + img { margin-left: -49px; }
/* 푸터에서 동일 수상이 2행일 때: height는 세로 겹침, margin-left는 가로 겹침 */
.managed-awards--footer .managed-award-images--rows-2 .managed-award-image-row { height: 16px; }
.managed-awards--footer .managed-award-images--rows-2 img { width: 60px; height: 60px; }
.managed-awards--footer .managed-award-images--rows-2 img + img { margin-left: -42px; }
.managed-awards--footer .managed-award-item p { margin-top: 5px; font-size: 11px; line-height: 1.25; }

@media (max-width: 760px) {
    /*
     * 모바일 공통 설정
     * PC와 조절 방식 동일. 단위만 화면 너비 기준인 vw 사용
     * image-row height를 줄이면 세로로 더 겹치고,
     * 음수 margin-left의 절댓값을 키우면 가로로 더 겹침
     */
    .managed-awards { gap: 7vw; }
    .managed-award-row { flex-wrap: wrap; gap: 7vw 3vw; }
    .managed-award-item { flex-basis: calc((100% - 3vw) / 2); }
    .managed-award-images { height: 21vw; }
    .managed-award-images img { width: 20vw; height: 20vw; }
    .managed-award-images img + img { margin-left: -14.5vw; }
    .managed-award-images--rows-2 .managed-award-image-row { height: 4.5vw; }
    .managed-award-images--rows-2 img { width: 16vw; height: 16vw; }
    .managed-award-images--rows-2 img + img { margin-left: -11.7vw; }
    .managed-award-item p { margin-top: 1.8vw; font-size: 3.35vw; line-height: 1.35; }
    .managed-awards--franchise { gap: 6vw; }
    /* 모바일 창업 메인: 한 행에 수상 항목 2개 배치 */
    .managed-awards--franchise { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3vw; row-gap: 6vw; }
    .managed-awards--franchise .managed-award-row { display: contents; }
    .managed-awards--franchise .managed-award-item { width: auto; }
    .managed-awards--franchise .managed-award-images { height: 20vw; }
    .managed-awards--franchise .managed-award-images img { width: 19vw; height: 19vw; }
    .managed-awards--franchise .managed-award-images img + img { margin-left: -14vw; }
    .managed-awards--franchise .managed-award-images--rows-2 .managed-award-image-row { height: 4.5vw; }
    .managed-awards--franchise .managed-award-images--rows-2 img { width: 16vw; height: 16vw; }
    .managed-awards--franchise .managed-award-images--rows-2 img + img { margin-left: -11.7vw; }
    .managed-awards--franchise .managed-award-item p { color: #3f3f3f; font-size: 3.4vw; }
    .managed-awards-history { margin-bottom: 10vw; padding: 10vw 5vw 8vw; }
    .managed-awards-history h2 { margin-bottom: 7vw; font-size: 6vw; }
    .managed-awards-news { margin-bottom: 8vw; padding: 7vw 4vw; border-width: 2px; border-radius: 3vw; }
    .managed-awards-news--store, .managed-awards-news--store-planned { padding: 9vw 4vw 7vw; }
    .store-planned-proof { padding: 0 4vw 10vw; }
    .store-planned-proof-banner { min-height: 17vw; padding: 2.5vw 4vw; border-radius: 3vw; }
    .store-planned-proof-banner strong,
    .store-planned-proof-banner span { font-size: 4.65vw; }
    .store-planned-proof-cards { gap: 7vw 3vw; margin-top: 10vw; }
    .store-planned-proof-card { width: calc((100% - 3vw) / 2); min-height: 36vw; margin-top: 6vw; border-width: .6vw; border-radius: 3.5vw; box-shadow: 0 1vw 1vw rgba(0,0,0,.22); }
    .store-planned-proof-card::before { top: -8vw; right: -5vw; width: 20vw; }
    .store-planned-proof-card-copy { inset: 17% 7% 7%; }
    .store-planned-proof-eyebrow { font-size: 3.5vw; }
    .store-planned-proof-card strong { font-size: 4.7vw; }
    .store-planned-proof-line { height: 1px; margin: 2vw 0 1.6vw; }
    .store-planned-proof-body { font-size: 3vw; }
    .store-planned-proof-card small { margin-top: .5vw; font-size: 2.3vw; }
    .store-planned-proof-logo { margin-top: 11vw; padding-top: 7vw; }
    .store-planned-proof-logo img { width: 40vw; max-width: 52%; }
    .managed-awards-news h2 { margin-bottom: 6vw; font-size: 5.5vw; }
    .managed-awards--news .managed-award-item p { font-size: 3.2vw; }
    .managed-awards--footer { gap: 4vw; }
    /* 모바일 푸터 전용 크기·겹침 설정 */
    .managed-awards--footer .managed-award-row { gap: 4vw 2vw; }
    .managed-awards--footer .managed-award-item { flex-basis: calc((100% - 2vw) / 2); }
    .managed-awards--footer .managed-award-images { height: 13vw; }
    .managed-awards--footer .managed-award-images img { width: 12vw; height: 12vw; }
    .managed-awards--footer .managed-award-images img + img { margin-left: -9vw; }
    .managed-awards--footer .managed-award-images--rows-2 .managed-award-image-row { height: 3.2vw; }
    .managed-awards--footer .managed-award-images--rows-2 img { width: 11vw; height: 11vw; }
    .managed-awards--footer .managed-award-images--rows-2 img + img { margin-left: -7.7vw; }
    .managed-awards--footer .managed-award-item p { margin-top: 1vw; font-size: 2.35vw; }
}