/* 오감트립 홈페이지 공통 스타일 — 구조용 기본값 (색·사진·글꼴 꾸밈은 새김 범위)
   색은 OGAM TRIP VISUAL SYSTEM v0.1 (OGAMTRIP_기준_03) 팔레트를 그대로 씀 */
:root {
  --shell: #F6F2EC;   /* Warm Shell — 배경 */
  --dusk: #3D4867;    /* OGAM Dusk — 본문·제목 */
  --dusk-soft: #5F6884;
  --mist: #AEBCC9;    /* Mist Blue */
  --cloud: #D9E2E7;   /* Cloud Haze — 분리선 */
  --lilac: #CDC0DE;   /* Lilac Prism */
  --iri-a: #E6D3EE; --iri-b: #D6D8F4;
  --paper: #FFFFFF;
  --ext: #9A4A16;     /* 외부(판매처) 이동 표시 */
  --serif: "OGAM Serif", "Noto Serif KR", "AppleMyungjo", "Batang", serif;
  --sans: "OGAM Sans", "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --wrap: 68rem;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 5rem; }
body { background: var(--shell); color: var(--dusk); font-family: var(--sans); font-size: 1.0625rem; line-height: 1.75; word-break: keep-all; overflow-wrap: break-word; }
img { max-width: 100%; display: block; }
a { color: inherit; }
ul, ol { list-style: none; }
:focus-visible { outline: 2px solid var(--dusk); outline-offset: 3px; border-radius: 2px; }
.skip { position: absolute; left: -9999px; top: 0; background: var(--dusk); color: var(--shell); padding: .5rem 1rem; z-index: 10; }
.skip:focus { left: 1rem; top: 1rem; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gut); }
.narrow { max-width: 46rem; }

/* 상단 메뉴 */
.site-head { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--cloud); }
.site-head .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4rem; }
.wordmark { font-family: var(--serif); font-weight: 600; font-size: 1.3rem; text-decoration: none; white-space: nowrap; }
.wordmark small { font-family: var(--sans); font-size: .62rem; letter-spacing: .18em; color: var(--dusk-soft); margin-left: .4rem; font-weight: 600; }
.nav ul { display: flex; gap: clamp(.75rem, 2.4vw, 1.75rem); font-size: .95rem; }
.nav a { text-decoration: none; padding: .25rem 0; }
.nav a:hover, .nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: .35em; }
.nav-toggle { display: none; border: 1px solid var(--cloud); border-radius: .5rem; padding: .35rem .7rem; font: inherit; }
@media (max-width: 760px) {
  .nav-toggle { display: inline-block; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; }
  .nav.open { display: block; }
  .nav ul { flex-direction: column; gap: 0; }
  
}

/* 공통 글·영역 */
main { display: block; }
section { padding: clamp(2.5rem, 6vw, 4.5rem) 0; }
h1, h2, h3 { line-height: 1.35; font-weight: 700; }
h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.9rem, 4.6vw, 2.9rem); }
h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.4rem, 3vw, 1.85rem); margin-bottom: 1.1rem; }
h3 { font-size: 1.08rem; margin-bottom: .35rem; }
p + p { margin-top: .9rem; }
.muted { font-size: .95rem; }
.eyebrow { font-size: .9rem; font-weight: 700; color: var(--dusk-soft); }
.btn { display: inline-block; border: 1.5px solid var(--dusk); border-radius: 999px; font-size: .98rem; text-decoration: none; }

.btn + .btn { margin-left: .5rem; }
.more { margin-top: 1.25rem; text-align: right; }
.more a { text-decoration: none; }
.card { background: var(--paper); border: 1px solid var(--cloud); border-radius: 1rem; padding: 1.15rem 1.25rem; }
.grid { display: grid; gap: 1rem; }


.g4 { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }



.sense-ic { font-style: normal; }


/* 메인 */




.search { display: flex; gap: .5rem; margin-top: 1.25rem; max-width: 30rem; }
.search input { flex: 1; min-width: 0; border: 1.5px solid var(--mist); border-radius: 999px; padding: .55rem 1rem; font: inherit; background: var(--paper); color: var(--dusk); }
.search button { border: 0; border-radius: 999px; padding: .55rem 1.1rem; font: inherit; font-weight: 700; background: var(--dusk); color: var(--shell); }
@media (max-width: 760px) {    .btn + .btn { margin: .6rem 0 0; }  }
.chips { display: flex; flex-wrap: wrap; gap: .6rem; }
.chip { display: inline-flex; align-items: center; gap: .35rem; border: 1.5px solid var(--cloud); background: var(--paper); border-radius: 999px; padding: .5rem 1rem; text-decoration: none; font-size: .98rem; }
.chip .m { display: none; }
@media (max-width: 760px) { .chips { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .3rem; } .chip { justify-content: center; padding: .3rem .2rem; font-size: .8rem; gap: .1rem; white-space: nowrap; }  .chip .p { display: none; } .chip .m { display: inline; } }




.depth .card b.big { display: block; margin: .1rem 0; }

.state { display: inline-block; margin-top: .75rem; font-size: .88rem; color: var(--dusk-soft); border: 1px dashed var(--mist); border-radius: 999px; padding: .3rem .9rem; }

.faq details { border-bottom: 1px solid var(--cloud); padding: .9rem 0; }
.faq summary { cursor: pointer; font-weight: 700; }
.faq details p { margin-top: .6rem; }


.badge { display: inline-block; font-size: .8rem; font-weight: 700; border: 1px solid currentColor; border-radius: 999px; padding: .05rem .65rem; margin-left: .4rem; vertical-align: middle; }

/* 소개 */


.quote { font-family: var(--serif); font-size: 1.15rem; font-weight: 600; }

/* 상세 */
.crumb { font-size: .88rem; color: var(--dusk-soft); }
.crumb a { text-decoration: none; }
.meta { font-size: .92rem; color: var(--dusk-soft); margin-top: .6rem; }
.meta a { color: var(--dusk); font-weight: 700; }
.notice { margin-top: 1.1rem; background: #ECE7DD; color: #222; border-radius: .6rem; padding: .85rem 1rem; font-size: 1.0625rem; line-height: 1.6; }
.summary { border: 1.5px solid var(--dusk); }
.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .75rem 1rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--cloud); }
.facts dt { font-size: .82rem; color: var(--dusk-soft); }
.facts dd { font-weight: 700; }



.steps li { display: grid; grid-template-columns: 2.4rem 1fr; gap: .9rem; padding: .9rem 0; border-bottom: 1px solid var(--cloud); }
.steps .n { width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--dusk); color: var(--shell); display: grid; place-items: center; font-weight: 700; }

.products .card h3 { font-size: 1rem; }
.price { font-weight: 700; }

.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; min-width: 36rem; background: var(--paper); border-radius: .75rem; overflow: hidden; font-size: .95rem; }
th, td { text-align: left; padding: .7rem .8rem; border-bottom: 1px solid var(--cloud); vertical-align: top; }
thead th, tfoot th, tfoot td { background: #EFE9DF; }
td small { display: block; color: var(--dusk-soft); }
.warn { padding: 1rem 1.15rem; margin-top: 1rem; }
.warn li { list-style: disc; margin-left: 1.1rem; }


/* 문서형(개인정보처리방침) */
.doc h2 { font-family: var(--sans); font-weight: 700; font-size: 1.15rem; margin: 2rem 0 .6rem; }
.doc li { list-style: disc; margin-left: 1.2rem; }


/* 푸터 */
.site-foot { background: var(--dusk); }
.site-foot .mark { font-family: var(--serif); color: var(--shell); }
.site-foot a { color: var(--shell); }

.site-foot .links { display: flex; flex-wrap: wrap; margin-top: .9rem; }
.notfound { place-content: center; gap: 1rem; }

/* 메인 히어로: 배경 실사 + 카드 사진 2장 + 영상 1개 (D73) */








.hero-credit { text-shadow: 0 1px 4px rgba(0,0,0,.6); }

.hero-credit { position: absolute; z-index: 2; color: rgba(255,255,255,.85); }



.hero-photo .media video { width: 100%; height: 100%; object-fit: cover; display: block; }




.motion-toggle { position: absolute; right: var(--gut); bottom: .5rem; z-index: 3; font: inherit; font-size: .78rem; color: #fff; background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.6); border-radius: 999px; padding: .2rem .8rem; cursor: pointer; }

/* 감각 아이콘 1세트 (D38·D39, 새김·대표 확정 그림) */
img.sense-ic { display: inline-block; width: 1.6em; height: 1.6em; vertical-align: middle; border-radius: 50%; }
.chip img.sense-ic { width: 1.75em; height: 1.75em; }

.eyebrow img.sense-ic { width: 1.6em; height: 1.6em; }

/* 대문 글자 가독성: 글자 덩어리 뒤에만 은은한 그늘(스크림) + 부드러운 그림자 */





/* 긴 소개 글: PC에서는 문장마다 줄을 바꿔 읽기 편하게, 모바일은 자연스럽게 흐르게 */
.pc-br { display: none; }
@media (min-width: 761px) { .pc-br { display: inline; } }

/* 소개 페이지: 영문 작은 제목, 반투명 흰 상자 */
h2.label-en { font-family: var(--sans); font-size: .95rem; font-weight: 700; letter-spacing: .22em; color: var(--dusk-soft); margin-bottom: .6rem; }
.soft-box { background: rgba(255,255,255,.55); border: 1px solid rgba(217,226,231,.9); border-radius: 1rem; backdrop-filter: blur(4px); }

/* 약속 카드와 구분되는 '작성 기준·수익 방식' 두 상자 묶음 */
.trust-boxes { padding-top: 1rem; }
.trust-boxes .soft-box + .soft-box { margin-top: 1rem; }
.trust-boxes .soft-box > p { letter-spacing: -.01em; text-align: left; }

.soft-box h2 { font-family: var(--serif); font-weight: 600; font-size: 1.25rem; }
.soft-box { padding: 1.5rem 1.6rem; }
.soft-box h2 { margin-bottom: 1rem; }
/* 소개 페이지 약속 카드: 가운데 정렬, 대표 지정 줄바꿈(PC) */
.promise-cards .card { text-align: center; padding: 1.5rem 1.25rem; }
.promise-cards .card h3 { margin-bottom: .7rem; }

/* 약속 카드 줄바꿈: PC·모바일 모두 대표 지정 위치로 (좁은 폰에서는 글자를 살짝 줄여 한 줄 유지) */
@media (max-width: 760px) { .promise-cards .card { padding: 1.25rem .9rem; } .promise-cards .card p { font-size: .95rem; } }
@media (max-width: 380px) { .promise-cards .card p { font-size: .9rem; } }

/* 모바일 메뉴: 버튼은 남색으로 채우고, 펼친 메뉴는 흰 판 + 그림자로 본문과 구분 */
.nav-toggle { background: var(--dusk); color: var(--shell); border-color: var(--dusk); font-weight: 700; }
.nav-toggle[aria-expanded="true"] { background: var(--shell); color: var(--dusk); border-color: var(--dusk); }
@media (max-width: 760px) {
  .nav { border-bottom: 0; border-radius: 0 0 1rem 1rem; }
  .nav ul { padding: .4rem var(--gut) .9rem; }
  .nav li + li { border-top: 1px solid var(--cloud); }
  
  .nav a[aria-current="page"] { text-decoration: none; border-radius: .5rem; }
}
/* 모바일 메뉴 다듬기: 그라데이션 띠 대신 작은 점 + 굵은 글씨, 밑줄 없이 은은한 눌림 */
@media (max-width: 760px) {
  
  .nav a, .nav a:hover { text-decoration: none; }
  .nav a { display: flex; align-items: center; gap: .55rem; padding: .85rem .5rem; border-radius: .6rem; letter-spacing: -.01em; }
  
  .nav a::before { content: ""; width: .4rem; height: .4rem; border-radius: 50%; background: transparent; flex: none; }
  .nav a[aria-current="page"] { background: none; padding-left: .5rem; font-weight: 700; }
  
}
/* 모바일 펼친 메뉴: 바탕 남색(푸터와 같은 색) + 글자 밝은 크림색으로 반전 */
@media (max-width: 760px) {
  .nav { background: var(--dusk); box-shadow: 0 14px 28px rgba(20,28,48,.28); }
  .nav a { color: var(--shell); }
  .nav li + li { border-top-color: rgba(246,242,236,.14); }
  .nav a:hover, .nav a:active { background: rgba(246,242,236,.12); }   /* 남색 위에서는 옅은 크림빛이 살짝 깔림 */
  .nav a[aria-current="page"] { color: #fff; }
  .nav a[aria-current="page"]::before { background: var(--lilac); }
}

/* 메인 홈 무드 보강: 오감트립 비주얼 시스템 v0.1 */
/* 대문·사진·영상·폰트·그리드 구조는 유지하고 종이색, 얇은 선, 낮은 그림자만 더함 */
#senses,
#check,
#promise,
#faq,
#faq + section { position: relative; }

#senses,
#promise,
#faq + section { background: var(--shell); }
#check {
  background: rgba(217,226,231,.25);
  border-block: 1px solid rgba(174,188,201,.35);
}
#faq {
  background: rgba(255,255,255,.42);
  border-block: 1px solid rgba(217,226,231,.62);
}

#senses h2,
#check h2,
#promise h2,
#faq h2 {
  align-items: center;
  gap: .85rem;
}
#senses h2::after,
#check h2::after,
#promise h2::after,
#faq h2::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(61,72,103,.2);
}

#senses .chip,
#check .card,
#promise .card {
  background: rgba(255,255,255,.72);
  border-color: rgba(174,188,201,.48);
  box-shadow: 0 .3rem 1.15rem rgba(61,72,103,.035);
}


#faq details {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(174,188,201,.48);
  border-radius: 0;
  padding: 1rem .25rem;
  box-shadow: none;
}
#faq details + details { margin-top: 0; }
#faq summary { color: var(--dusk); }
#faq details[open] {
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(174,188,201,.52);
  border-radius: .75rem;
  padding: 1rem 1.1rem;
}



@media (max-width: 760px) {
  #senses h2,
  #check h2,
  #promise h2,
  #faq h2 { gap: .55rem; }
  #senses .chip,
  #check .card,
  #promise .card { box-shadow: 0 .25rem .9rem rgba(61,72,103,.035); }
}

/* 메인 약속 카드: 네 제목의 높이와 중심선을 통일 */
#promise .grid { align-items: stretch; }
#promise .card {
  justify-content: center;
}
#promise .card h3 {
  margin: 0;
  text-wrap: balance;
}



/* 2026-10-19 새김/Codex: 대표 지시·오감 교신에 따라 이리체크 4카드 이미지 추가 */
#check .depth-media {
  position: relative;
  margin: 0 0 .85rem;
  overflow: hidden;
  background: var(--cloud);
}
#check .depth-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#check .depth-media figcaption {
  position: absolute;
  right: .4rem;
  bottom: .4rem;
  padding: .12rem .4rem;
  border-radius: .3rem;
  color: var(--shell);
  background: rgba(35, 43, 65, .88);
  font-size: .7rem;
  line-height: 1.5;
}

/* 2026-10-20 새김/Codex: 대표 승인 미케비치 실사 카드 */

/* ===== 2026-10-20 지음: 시각 개편 1단계 (오감 인계 '여행 매거진형' · 대표 승인 방향)
   원칙: 한 톤 바탕으로 섹션을 잇고, 박스·선·그림자를 줄이고, 사진·여백·글자로 리듬을 만든다 ===== */
:root { --card: #FCFAF7; --line: #E5E0D8; --sub: #5A6170; --radius: 14px; }

/* 섹션: 모두 같은 바탕, 띠·테두리 제거, 넉넉한 여백 */
#senses, #check, #promise, #faq, #faq + section { background: transparent !important; border: 0 !important; }

#senses h2::after, #check h2::after, #promise h2::after, #faq h2::after { display: none; }
#senses h2, #check h2, #promise h2, #faq h2 { display: block; margin-bottom: 1.6rem; }

/* 영문 작은 머리글 (매거진 톤) */
.kicker { font-family: var(--sans); font-size: .74rem; font-weight: 700; letter-spacing: .24em; margin-bottom: .55rem; text-transform: uppercase; }

/* 카드: 아이보리 종이, 얇은 선, 그림자 없음 */
.card, #check .card, #promise .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; }
.chip, #senses .chip { background: var(--card); border: 1px solid var(--line); box-shadow: none; }
.chip:hover { border-color: var(--mist); }
.muted { color: var(--sub); }

/* 버튼: 한 가지 모양 */
.btn { border-width: 1px; font-weight: 600; padding: .62rem 1.35rem; background: transparent; }


.depth .card .btn:hover { border-color: var(--dusk); }

/* AI 표기: 배경·테두리 없이 글자만, 사진 가장자리 (대표 결정 2026-10-20, 문구는 정본 '연출 이미지(AI)') */
.ai-label, #check .depth-media figcaption {
  position: absolute; right: .55rem; left: auto; bottom: .45rem; margin: 0;
  background: none !important; border: 0; padding: 0; border-radius: 0;
  font-size: .68rem; font-weight: 500; letter-spacing: .02em; color: rgba(255,255,255,.92);
  text-shadow: 0 1px 2px rgba(0,0,0,.55), 0 0 8px rgba(0,0,0,.35);
}
.hero-credit { background: none; font-size: .7rem; }

/* 대문 오른쪽 사진 묶음: 흰 액자 제거 */



/* 추천 여행 카드 */






/* 여행 준비 카드: 사진 위, 글 아래, 높이 정렬 */
.depth .card { display: flex; flex-direction: column; padding: .75rem .75rem 1.1rem; }

.depth .card > .muted:first-of-type { font-size: .8rem; letter-spacing: .02em; }
.depth .card b.big { font-family: var(--serif); font-weight: 600; font-size: 1.2rem; }
.depth .card p.muted { margin: .25rem 0 1rem; }
#check .depth-media { border-radius: 10px; }

/* 약속: 네모 상자 대신 위쪽 가는 선 + 번호, 한 줄로 */
#promise .grid { counter-reset: promise; gap: 0 1.5rem; }
#promise .card { background: none; border: 0; border-top: 1px solid var(--dusk); border-radius: 0; min-height: 0; text-align: left; padding: 1rem 0 .4rem; }
#promise .card::before { counter-increment: promise; content: "0" counter(promise); font-family: var(--serif); font-size: .9rem; color: var(--mist); margin-bottom: .45rem; }
#promise .card h3 { font-family: var(--serif); font-weight: 600; line-height: 1.55; }
@media (max-width: 760px) { #promise .grid { grid-template-columns: 1fr 1fr; gap: .5rem 1rem; } #promise .card { padding: .8rem 0 .3rem; } }

/* FAQ: 선형 아코디언 (열려도 상자로 바뀌지 않음) */
#faq details, #faq details[open] { background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 1.15rem 0; }

#faq summary { list-style: none; display: flex; justify-content: space-between; gap: 1rem; font-weight: 600; }
#faq summary::-webkit-details-marker { display: none; }
#faq summary::after { font-weight: 400; font-size: 1.3rem; line-height: 1; color: var(--mist); }

#faq details p { color: var(--sub); margin-top: .7rem; }

/* 오감여행레시피: 남색 상자 대신 옅은 라일락 빛 띠 */




/* 상단 메뉴: 아래 선을 더 옅게 */
.site-head { border-bottom-color: rgba(229,224,216,.7); }
.more a { font-weight: 600; font-size: .95rem; }
/* 1단계 보정: 섹션 여백 줄이기, 머리글 대비, 추천 여행 카드는 가로형(사진 왼쪽·글 오른쪽) */
main > section { padding: clamp(2.4rem, 5vw, 4rem) 0; }
.kicker { color: #666E84; }


/* 2026-10-20 지음: 새김 미리보기 페이지를 공통 틀에 맞춤 */

.page-next { max-width: 850px; margin: 0 auto 3rem; padding: 1.5rem 32px 0; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; font-size: .95rem; }
.page-next a { font-weight: 600; }
.page-next a:hover { text-underline-offset: .3em; }
@media (max-width: 650px) { .page-next { padding: 1.25rem 20px 0; } }
.preview-card, .place-card, .list-card { background: var(--card) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; }
.check-article h1, .check-hub h1 { font-family: var(--serif); font-weight: 600; letter-spacing: -.02em; }
.article-meta { letter-spacing: .04em; }

/* ===== 2026-10-20 지음: 시각 개편 2단계 (오감 시안 이미지 배치·톤 반영) ===== */
/* 추천 여행 카드: 사진 크게, 동그란 화살표 */





/* 여행 준비 카드: 사진 비율 넓게, 카드 테두리 더 옅게 */
#check .depth-media { aspect-ratio: 4 / 3; margin-bottom: 1rem; }
.depth .card { background: #FFFDFA; }

/* 약속: 아이콘 + 제목, 가는 선은 유지 */
#promise .card::before { display: none; }
#promise .card { display: flex; align-items: flex-start; gap: .75rem; border-top-color: var(--line); padding-top: 1.2rem; }
.pr-ic { flex: none; width: 2rem; height: 2rem; fill: none; stroke: var(--dusk); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; margin-top: .1rem; }
#promise .card h3 { font-size: 1.02rem; }
@media (max-width: 760px) { .pr-ic { width: 1.6rem; height: 1.6rem; } #promise .card h3 { font-size: .95rem; } }

/* FAQ: 제목 왼쪽, 질문 오른쪽 */
.faq-2col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 1rem 3rem; align-items: start; }

@media (max-width: 760px) { .faq-2col { grid-template-columns: 1fr; }  .faq-list::after { content: ""; } }
#faq details:first-of-type { border-top: 1px solid var(--line); }

/* 오감여행레시피: 사진 배경 띠 (대표 선호) */
.recipe { position: relative; overflow: hidden; color: #fff; padding: clamp(3.5rem, 9vw, 6.5rem) 0 !important; margin-top: 1rem; }
.recipe-bg, .recipe-bg img { position: absolute; inset: 0; width: 100%; height: 100%; }
.recipe-bg img { object-fit: cover; }
.recipe::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.recipe .wrap { position: relative; z-index: 2; max-width: var(--wrap); }
.recipe .wrap > * { max-width: 34rem; }
.recipe .kicker { color: rgba(246,242,236,.85); }
.recipe h2 { color: #fff; font-size: clamp(1.35rem, 2.8vw, 1.85rem); }
.recipe p { color: rgba(255,255,255,.92); }
.recipe .badge { border-color: rgba(255,255,255,.7); color: #fff; }
.recipe > .ai-label { z-index: 3; }

.site-foot { margin-top: 0; }

/* ===== 2026-10-20 지음: 오감트립 소개 페이지 (시안 배치) ===== */
.about-hero .wrap { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.about-hero h1 { margin: .7rem 0 1.1rem; }
.about-hero .quote { font-size: clamp(1.15rem, 2vw, 1.35rem); margin-bottom: 1.3rem; }
.about-hero-text p:not(.kicker):not(.quote) { color: var(--sub); }
.about-hero-photo { overflow: hidden; }


.founder .wrap { display: grid; align-items: center; }
.founder-photo { margin: 0; }
.founder-photo img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 35%; }
.founder h2 { margin-bottom: .9rem; }
.about-promise { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.about-promise .card { position: relative; text-align: left !important; padding: 1.4rem 1.2rem 1.5rem !important; }
.about-promise .pc-num { position: absolute; right: 1.1rem; top: 1rem; font-family: var(--serif); font-size: .85rem; color: var(--mist); }
.about-promise .pr-ic { display: block; width: 2.2rem; height: 2.2rem; margin-bottom: .9rem; }
.about-promise h3 { font-family: var(--serif); font-weight: 600; font-size: 1.05rem; line-height: 1.5; margin-bottom: .7rem !important; text-wrap: balance; }
.about-promise p { font-size: .9rem; color: var(--sub); line-height: 1.75; }
.trust-boxes .soft-box { border-color: var(--line); backdrop-filter: none; }
@media (max-width: 1000px) { .about-promise { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .about-hero .wrap, .founder .wrap { grid-template-columns: 1fr; }
  
  
  
  .about-promise { grid-template-columns: 1fr; }
}
/* 소개 페이지 약속 카드: 메인 '#promise' 선형 스타일과 분리 */
#promise .about-promise .card { display: block; min-height: 0; }
#promise .about-promise .card::before { display: none; }


/* ===== 2026-10-20 지음: 이리 소개 페이지 (시안: 대문 사진·번호 2단·사진+인용) ===== */





















/* ===== 2026-10-20 지음: 이리체크 모아보기 (시안: 큰 배경 사진 위 카드 3장) ===== */
.check-hub { position: relative; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
.check-hub > :not(.hub-bg) { position: relative; z-index: 2; max-width: 1040px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; }
.hub-bg { position: absolute; top: 0; right: 0; width: min(62%, 980px); height: 520px; z-index: 1; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 38%), linear-gradient(180deg, #000 70%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0%, #000 38%); }
.hub-bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; opacity: .9; }
.hub-bg .ai-label { right: 1rem; bottom: 1rem; }
.check-hub .preview-grid { margin-top: clamp(4rem, 12vw, 9rem); }
.preview-card { position: relative; padding: .75rem .75rem 1.3rem !important; text-decoration: none; box-shadow: 0 10px 30px rgba(61,72,103,.06); }
.preview-card > :not(.pc-media) { padding-left: .6rem; padding-right: .6rem; }
.pc-media { position: relative; margin: 0 0 .9rem; border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 3; }
.pc-media img { width: 100%; height: 100%; object-fit: cover; }
.preview-card h2 { font-family: var(--serif); font-weight: 600; margin: .2rem 0 .5rem; }

@media (max-width: 650px) { .hub-bg { width: 100%; height: 260px; -webkit-mask-image: linear-gradient(180deg, #000 40%, transparent 100%); mask-image: linear-gradient(180deg, #000 40%, transparent 100%); } .check-hub > :not(.hub-bg) { padding-left: 20px; padding-right: 20px; } .check-hub .preview-grid { margin-top: 2rem; } }
@media (max-width: 650px) { .hub-bg img { opacity: .45; } .hub-bg { opacity: 1; } }

/* ===== 2026-10-20 지음: 이리 소개 v3 — 여행 매거진형 한 단 (대표 지시: 답답하지 않게, 사진은 상자 없이 가장자리 투명) ===== */
.iri-hero2 { display: flex; align-items: center; }


.iri-hero2 .wrap { position: relative; z-index: 2; width: 100%; }

.iri-hero2 h1 { font-size: clamp(2.1rem, 4.6vw, 3.1rem); margin: .8rem 0 1.6rem; line-height: 1.3; }
.iri-hero2 .quote { font-family: var(--serif); font-weight: 600; font-size: clamp(1.12rem, 1.9vw, 1.3rem); line-height: 1.7; margin-bottom: 1.4rem; }
.iri-hero2-text p:not(.quote):not(.crumb) { color: var(--sub); line-height: 1.95; }

.mag { margin: 0 auto; padding: 0 var(--gut) 4rem; }

.mag-num { font-family: var(--serif); font-size: .95rem; color: var(--mist); letter-spacing: .1em; margin-bottom: .8rem; }
.mag-num::after { content: ""; display: block; width: 2.2rem; height: 1px; background: var(--mist); margin-top: .7rem; }
.mag h2 { font-size: clamp(1.3rem, 2.6vw, 1.65rem); line-height: 1.55; margin-bottom: 1.6rem; text-wrap: balance; word-break: keep-all; }
.mag p { font-size: 1.06rem; line-height: 2.05; color: #4A5370; }
.mag p + p { margin-top: 1.35rem; }
.mag .pull, .mag-invite .quote { font-family: var(--serif); font-weight: 600; font-size: clamp(1.2rem, 2.3vw, 1.45rem); line-height: 1.75; color: var(--dusk); text-align: center; margin: 2.6rem 0 !important; padding: 0 .5rem; text-wrap: balance; }
.mag .pull::before, .mag-invite .quote::before { content: ""; display: block; width: 1px; height: 2.2rem; background: var(--mist); margin: 0 auto 1.2rem; }



.mag-invite { text-align: center; }
.mag-invite h2 { margin-bottom: 1.2rem; }
.mag-invite .sign { text-align: center !important; margin-top: 1rem; }
.mag-back { margin-top: 3rem !important; font-size: .95rem !important; }
.mag-back a { text-decoration: none; font-weight: 600; }
@media (max-width: 760px) {
  .iri-hero2 { display: block; }
  
  .iri-hero2 .wrap { margin-top: -3.5rem; }
  .mag p { font-size: 1rem; line-height: 1.95; }
}
main { overflow-x: clip; }

/* 이리 소개 v3.1: 대문 사진은 본문 폭 안에서 세로 비율 유지(넓은 화면에서도 바다·하늘·인물이 함께 보이게) */
.iri-hero2 { min-height: 0; padding: clamp(2rem, 5vw, 4rem) 0 !important; }
.iri-hero2-wrap { min-height: clamp(520px, 46vw, 680px); display: flex; align-items: center; }


/* 마지막 초대: 직접 찍은 하늘 사진을 배경으로 */










@media (max-width: 760px) {
  .iri-hero2-wrap { display: block; min-height: 0; padding: 0; }
  .iri-hero2 .wrap.iri-hero2-wrap { margin-top: 0; padding: 0; }
  
  .iri-hero2-text { padding: 0 var(--gut); margin-top: -3.5rem; }
  
}

/* ===== 2026-10-20 지음: 메인 v3 — 오감 시안(3차) 구조 재현 ===== */
/* 상단 메뉴 검색 아이콘 */
.site-head .nav { order: 1; } .head-search { order: 2; } .nav-toggle { order: 3; }
.head-search { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; margin-left: .4rem; border-radius: 50%; color: var(--dusk); }
.head-search svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.head-search:hover { background: rgba(61,72,103,.06); }
@media (max-width: 760px) { .head-search { margin-left: auto; margin-right: .3rem; } }

/* 대문 */
.hero3 { position: relative; overflow: hidden; padding: clamp(2.6rem, 6vw, 4.6rem) 0 !important; min-height: clamp(440px, 40vw, 560px); display: flex; align-items: center; }
.hero3-bg, .hero3-bg img { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero3-bg img { object-fit: cover; object-position: 60% 55%; }
.hero3::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.hero3-in { position: relative; z-index: 2; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 330px); gap: 2rem; align-items: center; }
.hero3 .eyebrow { color: var(--dusk); font-weight: 600; font-size: .95rem; }
.hero3 h1 { color: var(--dusk); font-size: clamp(2rem, 4.4vw, 3rem); line-height: 1.32; margin: .5rem 0 1.5rem; }



.search3 { display: flex; align-items: center; gap: .6rem; }
.search3 svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: var(--dusk); stroke-width: 1.7; stroke-linecap: round; flex: none; }
.search3 input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; background: transparent; color: var(--dusk); }
.search3 button { flex: none; border: 0; font-size: 1.05rem; cursor: pointer; }




.hero3-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero3 .hero-credit { color: rgba(255,255,255,.9); text-shadow: 0 1px 3px rgba(0,0,0,.5); left: auto; }
@media (max-width: 760px) {
  
  
  .hero3-in { grid-template-columns: 1fr; }
  
  .hero3 .hero-credit { left: auto; }
}

/* 섹션 머리: 제목 + 가는 선 + 오른쪽 더보기 */
.sec-head { display: flex; align-items: flex-end; gap: 1.2rem; margin-bottom: 1.5rem; }
.sec-head h2 { margin: 0 !important; }
.sec-line { flex: 1; height: 1px; background: var(--line); margin-bottom: .95rem; }
.sec-more { white-space: nowrap; font-size: .9rem; font-weight: 600; text-decoration: none; margin-bottom: .55rem; }
.sec-more:hover { text-underline-offset: .3em; }
@media (max-width: 760px) { .sec-head { flex-wrap: wrap; gap: .4rem; } .sec-line { display: none; } .sec-head > div { flex: 1 1 100%; } .sec-more { margin: 0; } }

/* 감각 칩: 같은 폭 5칸 */
@media (min-width: 761px) { #senses .chips { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }   }

/* 추천 여행 카드: 사진 왼쪽 크게 */
.trip3 { position: relative; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); margin-top: 1.4rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; text-decoration: none; box-shadow: 0 10px 30px rgba(61,72,103,.06); }
.trip3-photo { position: relative; margin: 0; min-height: 240px; }
.trip3-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.trip3-body { position: relative; padding: clamp(1.4rem, 3vw, 2.2rem); display: flex; flex-direction: column; justify-content: center; gap: .3rem; }
.trip3-body b { font-family: var(--serif); font-weight: 600; font-size: clamp(1.35rem, 2.4vw, 1.7rem); }
.trip3-body .icons img.sense-ic { width: 2.1rem; height: 2.1rem; margin-right: .2rem; }
.trip3 .go, .depth .go { position: absolute; right: 1.1rem; bottom: 1.1rem; place-items: center; text-decoration: none; }
.trip3 .go { background: var(--dusk); color: #fff; }
@media (max-width: 760px) { .trip3 { grid-template-columns: 1fr; } .trip3-photo { min-height: 200px; }  }

/* 여행 준비: 옅은 띠 바탕, 카드 오른쪽 아래 동그란 화살표 */
#check.tint { background: rgba(229,224,216,.42) !important; }
.depth .card { position: relative; }

.depth .go { border: 1px solid var(--dusk); color: var(--dusk); bottom: 1rem; right: 1rem; }
.depth .go:hover { background: var(--dusk); color: #fff; }

/* 약속: 아이콘 + 제목, 세로 구분선 */
.pr-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pr-item { display: flex; align-items: center; gap: .85rem; padding: .4rem 1.3rem; border-left: 1px solid var(--line); }
.pr-item:first-child { border-left: 0; padding-left: 0; }
.pr-item h3 { margin: 0; font-size: 1rem; line-height: 1.5; font-weight: 600; text-wrap: balance; }
.pr-item .pr-ic { width: 2.3rem; height: 2.3rem; margin: 0; }
@media (max-width: 900px) { .pr-row { grid-template-columns: 1fr 1fr; gap: 1rem 0; } .pr-item:nth-child(3) { border-left: 0; padding-left: 0; } }
@media (max-width: 480px) { .pr-row { grid-template-columns: 1fr; } .pr-item { border-left: 0; padding-left: 0; } }

/* FAQ: 질문만 보이는 상자형 아코디언 */
#faq .faq-list { display: flex; flex-direction: column; gap: .6rem; }
.faq-more { align-self: flex-end; margin-bottom: .2rem; }
#faq details, #faq details[open], #faq details:first-of-type { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 0; }
#faq summary { padding: 1rem 1.2rem; align-items: center; font-size: .98rem; }
#faq summary::after { content: ""; width: .5rem; height: .5rem; border-right: 1.5px solid var(--sub); border-bottom: 1.5px solid var(--sub); transform: rotate(45deg); transition: transform .2s; margin-right: .2rem; flex: none; }
#faq details[open] summary::after { transform: rotate(-135deg); }
#faq details p { margin: 0; padding: 0 1.2rem 1.1rem; }

/* 오감여행레시피: 글자 뒤 대비 강화 */
.recipe::before { background: linear-gradient(90deg, rgba(18,24,42,.82) 0%, rgba(18,24,42,.62) 40%, rgba(18,24,42,.18) 78%, rgba(18,24,42,.05) 100%) !important; }
.recipe-bg img { object-position: 50% 60%; }
.recipe h2, .recipe p { text-shadow: 0 1px 12px rgba(0,0,0,.35); }
@media (max-width: 760px) { .recipe::before { background: linear-gradient(180deg, rgba(18,24,42,.72), rgba(18,24,42,.55)) !important; } }
@media (min-width: 761px) and (max-width: 1180px) { #senses .chip { font-size: .86rem; }  }
@media (min-width: 761px) and (max-width: 900px) { #senses .chip .p { display: none; } #senses .chip .m { display: inline; } }


/* ===== 2026-10-20 지음: 메인 v3.1 — 대문은 사진+글만, 사진 묶음은 감각 섹션으로 (대표 요청) ===== */

.hero3::before { background: linear-gradient(90deg, rgba(246,242,236,.58) 0%, rgba(246,242,236,.32) 32%, rgba(246,242,236,0) 55%); }
.hero3-copy { position: relative; max-width: 36rem; }
.hero3-copy::before { content: ""; position: absolute; inset: -3rem -4rem -3rem -6rem; z-index: -1; pointer-events: none; background: radial-gradient(closest-side, rgba(246,242,236,.62) 0%, rgba(246,242,236,.35) 60%, rgba(246,242,236,0) 100%); filter: blur(10px); }
.hero3 .hero-credit { right: var(--gut); }

.sense-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.2rem; margin-top: 1.4rem; align-items: stretch; }
.trip3.v { margin-top: 0; grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto; }
.trip3.v .trip3-photo { min-height: 260px; }
.trip3.v .trip3-body { padding: 1.4rem 1.6rem 1.6rem; }
.sense-media { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: .6rem; min-height: 420px; }
.sense-media figure { position: relative; margin: 0; border-radius: var(--radius); overflow: hidden; background: var(--cloud); }
.sense-media .sm1 { grid-row: 1 / 3; }
.sense-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sense-media .motion-toggle { z-index: 3; }
@media (max-width: 760px) {
  
  .hero3-copy::before { display: none; }
  .sense-row { grid-template-columns: 1fr; }
  .sense-media { min-height: 340px; }
}

/* ===== 2026-10-20 지음: 이리 소개 v4 — 오감 시안(저널형) + 사진 사방 그라데이션 (대표 요청) ===== */
.iri-hero2 { border-bottom: 1px solid var(--line); }

.iri-hero2-text .kicker { margin-top: 1.2rem; }
.iri-hero2 h1 { margin-top: .3rem; }
.hero-rule { border: 0; border-top: 1px solid var(--line); margin: 1.4rem 0 1.4rem; max-width: 30rem; }

.iri-hero2 { overflow: visible; }
.iri-hero2-wrap { overflow: hidden; }

.mag { max-width: 60rem; padding-top: 3.5rem; }
.chap-label { font-size: .78rem !important; letter-spacing: .14em; color: var(--sub) !important; margin-bottom: .5rem; }
.mag-sec { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); column-gap: 1.5rem; border-bottom: 1px solid var(--line); }
.mag-sec > * { grid-column: 2; }
.mag-sec > .mag-num { grid-column: 1; grid-row: 1 / span 20; font-size: 1.6rem; line-height: 1.3; color: #9C8F7E; letter-spacing: .02em; margin: .1rem 0 0; }
.mag-sec > .mag-num::after { display: none; }
.mag-sec h2 { margin-bottom: 1.2rem; }
.mag-sec p { max-width: 42rem; }
.mag .pull { text-align: left; margin: 2rem 0 0 !important; padding: 0; }
.mag .pull::before { margin: 0 0 1rem; width: 2.2rem; height: 1px; }
@media (max-width: 760px) {
  
  
  .mag-sec { grid-template-columns: 1fr; }
  .mag-sec > .mag-num { grid-column: 1; grid-row: auto; font-size: 1.2rem; margin-bottom: .5rem; }
  .mag-sec > * { grid-column: 1; }
}

.iri-hero2-text { max-width: 28rem; }
@media (max-width: 760px) {  .iri-hero2-text { max-width: none; } }


/* 이리 소개 대문 사진 v5: 타원 비네팅 제거 → 오른쪽 끝까지 붙이고 왼쪽·아래만 스며드는 에디토리얼 방식 */
.iri-hero2 { position: relative; }
.iri-hero2-wrap { position: static !important; }
.iri-hero2-photo { position: absolute !important; top: 0; right: 0; bottom: 0; left: auto; width: min(52vw, 820px) !important; margin: 0; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 18%, #000 42%), linear-gradient(0deg, transparent 0%, #000 22%) !important; mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 18%, #000 42%), linear-gradient(0deg, transparent 0%, #000 22%) !important; -webkit-mask-composite: source-in !important; mask-composite: intersect !important; }
.iri-hero2-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 28%; }
.iri-hero2-text { position: relative; z-index: 2; }
@media (max-width: 760px) { .iri-hero2-photo { position: relative !important; width: 100% !important; max-width: none; aspect-ratio: 4 / 5; height: auto !important; -webkit-mask-image: linear-gradient(180deg, #000 62%, transparent 100%) !important; mask-image: linear-gradient(180deg, #000 62%, transparent 100%) !important; -webkit-mask-composite: source-over !important; mask-composite: add !important; } }
/* 소개 페이지 대문 사진: 스크롤 따라 움직이던 sticky 제거 → 이리 소개와 같은 에디토리얼 방식 */
.about-hero { position: relative; min-height: clamp(560px, 48vw, 760px); display: flex; align-items: center; }
.about-hero .wrap { display: block !important; position: static; width: 100%; }
.about-hero-text { position: relative; z-index: 2; max-width: min(34rem, 50%); }
.about-hero-photo { position: absolute !important; top: 0 !important; right: 0; bottom: 0; width: min(52vw, 860px); margin: 0; border-radius: 0 !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 18%, #000 42%), linear-gradient(0deg, transparent 0%, #000 20%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 18%, #000 42%), linear-gradient(0deg, transparent 0%, #000 20%); -webkit-mask-composite: source-in; mask-composite: intersect; }
.about-hero-photo img { width: 100%; height: 100% !important; aspect-ratio: auto !important; object-fit: cover; object-position: 62% 45%; }
.about-hero-photo .ai-label { top: .9rem; bottom: auto; right: 1rem; }
@media (max-width: 760px) { .about-hero { display: block; min-height: 0; padding-top: 0 !important; } .about-hero-photo { position: relative !important; width: 100%; aspect-ratio: 4 / 3; height: auto; -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent 100%); mask-image: linear-gradient(180deg, #000 60%, transparent 100%); -webkit-mask-composite: source-over; mask-composite: add; } .about-hero-text { max-width: none; padding: 0 var(--gut); margin-top: -2rem; } .about-hero .wrap { padding: 0; } }
@media (max-width: 760px) { .about-hero .wrap { display: flex !important; flex-direction: column; } .about-hero-photo { order: -1; } }
/* 이리 소개 대문 사진 비율: 칸을 사진과 같은 4:5로, 최대 높이 제한(얼굴 과확대 방지) */
@media (min-width: 761px) { .iri-hero2-photo { top: 50% !important; bottom: auto !important; transform: translateY(-50%); height: min(90%, 620px) !important; width: auto !important; aspect-ratio: 4 / 5; } .iri-hero2-photo img { object-position: 50% 40%; } }
@media (min-width: 761px) { .iri-hero2-photo { right: max(0px, calc((100vw - var(--wrap)) / 2)) !important; } }

/* ===== 2026-10-20 지음: 오감트립 소개 v5 — 잡지형 (대문 사진 비율 고정 + 아래 섹션 편집 디자인) ===== */
/* 대문 사진: 세로 4:5 칸, 최대 높이 640px, 넓은 화면은 본문 오른쪽 끝에 정렬 */
@media (min-width: 761px) {
  .about-hero { min-height: clamp(560px, 44vw, 700px); }
  .about-hero-photo { top: 50% !important; bottom: auto !important; transform: translateY(-50%); height: min(92%, 640px); width: auto !important; aspect-ratio: 4 / 5; right: max(0px, calc((100vw - var(--wrap)) / 2)) !important; }
  .about-hero-photo img { object-position: 78% 50%; }
}
.about-hero h1 { font-size: clamp(2.2rem, 4.6vw, 3.2rem); }
.about-hero-text p:not(.kicker):not(.quote) { font-size: 1.02rem; line-height: 1.95; }

/* 만든 사람: 사진에 얇은 어긋난 선 프레임, 인사말은 큰 세리프 인용 */
.founder { background: transparent !important; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.founder .wrap { grid-template-columns: minmax(0, 320px) minmax(0, 1fr) !important; gap: clamp(2rem, 6vw, 5rem) !important; }
.founder-photo { position: relative; overflow: visible !important; border-radius: 0 !important; }
.founder-photo img { position: relative; z-index: 1; border-radius: 2px; }
.founder-photo::after { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 1px solid var(--mist); z-index: 0; }
.founder-text h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1.2rem !important; }
.founder-text p b { display: block; font-family: var(--serif); font-weight: 600; font-size: clamp(1.15rem, 2vw, 1.35rem); line-height: 1.7; color: var(--dusk); padding-left: 1.1rem; border-left: 2px solid var(--lilac); }
.founder-text .more { margin-top: 1.6rem; }

/* 네 가지 약속: 상자 대신 큰 번호 + 가는 윗선의 편집형 4단 */
#promise .about-promise { gap: 0 2rem; }
#promise .about-promise .card { background: none !important; border: 0 !important; border-top: 1px solid var(--dusk) !important; border-radius: 0 !important; padding: 1.4rem 0 .5rem !important; box-shadow: none; }
#promise .about-promise .pc-num { position: static; display: block; font-size: 2.4rem; line-height: 1; color: var(--lilac); margin-bottom: 1rem; }
#promise .about-promise .pr-ic { display: none; }
#promise .about-promise .card h3 { font-size: 1.12rem; margin-bottom: .8rem !important; }
#promise .about-promise .card p { font-size: .92rem; line-height: 1.85; }

/* 작성 기준·수익 방식: 상자 대신 2단 편집, 윗선과 작은 머리글 */
.trust-boxes .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 3rem; }
.trust-boxes .soft-box { background: none !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0; padding: 1.6rem 0 0 !important; margin: 0 !important; }
.trust-boxes .soft-box h2 { font-size: 1.2rem !important; margin-bottom: 1rem !important; }
.trust-boxes .soft-box > p { font-size: .95rem; color: var(--sub); line-height: 1.95; }
@media (max-width: 900px) { .trust-boxes .wrap { grid-template-columns: 1fr; gap: 2rem; } }
@media (max-width: 760px) {
  .founder .wrap { grid-template-columns: 1fr !important; }
  .founder-photo { max-width: 240px; }
  
}
@media (max-width: 760px) { #promise .about-promise { grid-template-columns: 1fr !important; gap: 1.6rem; } #promise .about-promise .pc-num { font-size: 2rem; } }

/* ===== 2026-10-20 지음: 이리 소개 v6 — 챕터 반만 접기 + 마지막 펼침면(대문과 좌우 대칭) ===== */
/* 챕터: 첫 문단만 보이고 나머지는 '이야기 이어 읽기' */
.mag-sec { padding: 2.4rem 0 2.2rem !important; }
.read-more { margin-top: .4rem; }
.read-more summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; margin-top: .6rem; font-size: .9rem; font-weight: 600; color: var(--dusk); letter-spacing: .02em; }
.read-more summary::-webkit-details-marker { display: none; }
.read-more summary::after { content: ""; width: .45rem; height: .45rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.read-more[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.read-more summary .c { display: none; }
.read-more[open] summary .o { display: none; }
.read-more[open] summary .c { display: inline; }
.read-more[open] summary { margin: 1.2rem 0 0; order: 2; }
.read-more summary:hover { text-decoration: underline; text-underline-offset: .3em; }
.read-more[open] { display: flex; flex-direction: column; }
.read-more[open] > p:first-of-type { margin-top: 1.35rem; }

/* 마지막 초대: 사진 왼쪽(오른쪽으로 스며듦) + 글 오른쪽 — 색감 보정 없음 */
.iri-finale2 { padding: clamp(3rem, 7vw, 5.5rem) 0 !important; border-top: 1px solid var(--line); }
.finale2-in { display: grid; grid-template-columns: minmax(0, 460px) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 4.5rem); align-items: center; }
.finale2-photo { position: relative; margin: 0; aspect-ratio: 4 / 5; -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,.6) 14%, #000 34%); mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,.6) 14%, #000 34%); }
.finale2-photo img { width: 100%; height: 100%; object-fit: cover; }
.finale2-photo .ai-label { left: .9rem; right: auto; top: .9rem; bottom: auto; }
.finale2-text { text-align: left !important; }
.finale2-text h2 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); line-height: 1.55; margin-bottom: 1.2rem; text-wrap: balance; }
.finale2-text p { font-size: 1.02rem; line-height: 2; color: #4A5370; }
.finale2-text .quote { font-family: var(--serif); font-weight: 600; font-size: clamp(1.25rem, 2.4vw, 1.55rem) !important; line-height: 1.7; color: var(--dusk); text-align: left !important; margin: 1.8rem 0 1rem !important; padding: 0 0 0 1.2rem !important; border-left: 2px solid #E8B4C4; text-wrap: balance; }
.finale2-text .quote::before { display: none !important; }
.finale2-text .sign { text-align: left !important; font-family: var(--serif); font-weight: 600; margin-top: 1.2rem; }
@media (max-width: 760px) {
  .finale2-in { grid-template-columns: 1fr; }
  .finale2-photo { max-width: 420px; width: 100%; margin: 0 auto; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 70%, transparent 100%); }
}
.mag h2:has(.pc-br), .mag .pull:has(.pc-br), .finale2-text h2:has(.pc-br), .finale2-text .quote:has(.pc-br) { text-wrap: wrap; }
@media (min-width: 761px) { .finale2-in { grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); } .finale2-text h2 { font-size: clamp(1.2rem, 1.9vw, 1.45rem); } .finale2-text .quote { font-size: clamp(1.1rem, 1.8vw, 1.32rem) !important; } }
.h1-stack { display: inline-block; vertical-align: top; }
@media (min-width: 761px) { .iri-hero2 h1 { white-space: nowrap; } }
@media (max-width: 760px) { .h1-stack { display: inline; } .h1-stack br { display: none; } }
/* 이리 소개 맨 끝 돌아가기: 가운데 얇은 테두리 둥근 버튼 */
.mag-back { text-align: center !important; margin: 3.5rem 0 1rem !important; }
.back-pill { align-items: center; text-decoration: none !important; }
.bp-ic { place-items: center; }


/* 돌아가기 링크 v2: 버튼 대신 잡지형 텍스트 링크(세리프 + 가는 밑줄) */
.mag-back::before { content: ""; display: block; width: 1px; height: 2.4rem; background: var(--mist); margin: 0 auto 1.4rem; }
.back-pill { display: inline-flex; gap: .6rem; padding: 0 0 .35rem; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; font-family: var(--serif); font-weight: 600; font-size: 1.05rem; letter-spacing: .01em; color: var(--dusk); transition: border-color .25s; }
.bp-ic { display: inline; width: auto; height: auto; background: none; color: var(--mist); font-size: 1rem; border-radius: 0; transition: transform .25s, color .25s; }
.back-pill:hover { background: none; color: var(--dusk); border-bottom-color: var(--dusk); }
.back-pill:hover .bp-ic { background: none; color: var(--dusk); transform: translateX(-4px); }

/* ===== 2026-10-20 지음: 콘텐츠 페이지(여행지·여행 목록·감각별·검색·FAQ·이리체크) 잡지형 통일 ===== */
.check-article { max-width: 46rem !important; padding-top: clamp(3rem, 7vw, 5rem) !important; }
.check-article .article-meta { font-size: .76rem; font-weight: 700; letter-spacing: .16em; color: #666E84; margin-bottom: 1rem; }
.check-article h1 { font-size: clamp(2rem, 4.4vw, 3rem) !important; line-height: 1.3 !important; letter-spacing: -.02em; margin-bottom: 1.4rem !important; }
.check-article h1 + p { font-size: 1.1rem !important; line-height: 1.9 !important; color: var(--sub); max-width: 38rem; }
.check-article a { text-decoration: none; }
.check-article p a, .check-article li a{ text-decoration: underline; text-decoration-color: var(--mist); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.check-article p a:hover, .check-article li a:hover { text-decoration-color: var(--dusk); }
.check-article > h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.3rem, 2.4vw, 1.55rem) !important; margin: 3.2rem 0 1.1rem !important; padding-top: 1.8rem; border-top: 1px solid var(--line); letter-spacing: -.01em; }
.check-article > p { color: #46506C; }
.check-article em { font-style: normal; font-size: .84rem; color: #666E84; display: block; padding-left: .9rem; border-left: 2px solid var(--line); line-height: 1.8; }

/* 나라·도시 카드: 아이보리 종이 카드, 밑줄 없이, 머리글 + 세리프 제목 + 화살표 */
.place-card, .preview-card { position: relative; display: block; text-decoration: none !important; padding: 1.8rem 2rem 1.7rem !important; margin: 1.6rem 0 !important; background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; transition: border-color .25s, transform .25s, box-shadow .25s; }
.place-card:hover, .preview-card:hover { border-color: var(--mist) !important; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(61,72,103,.07); }
.place-card span { display: block; font-size: .74rem !important; font-weight: 700; letter-spacing: .14em; color: #666E84; margin-bottom: .6rem; }
.place-card h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.4rem, 2.6vw, 1.75rem) !important; margin: 0 0 .7rem !important; padding: 0 !important; border: 0 !important; }
.place-card p { color: var(--sub); margin: 0 0 1.2rem !important; }
.place-card b, .list-card b, .preview-card b { display: inline-flex; gap: .4rem; font-size: .92rem; font-weight: 600; color: var(--dusk); padding-bottom: .2rem; border-bottom: 1px solid var(--dusk); }
.place-nav { gap: .5rem 1.2rem !important; }
.place-nav a { font-size: .85rem; color: var(--sub); }

/* 버튼 */
.check-article .btn { background: transparent; border: 1px solid var(--dusk); color: var(--dusk); padding: .6rem 1.3rem; margin: .3rem .4rem .3rem 0; text-decoration: none !important; }
.check-article .btn:hover { background: var(--dusk); color: var(--shell); }

/* 감각 탭: 메인 칩과 같은 모양 */
.sense-links { gap: .5rem !important; margin: 1.8rem 0 2rem !important; }
.sense-links a { border: 1px solid var(--line) !important; background: var(--card); border-radius: 999px; padding: .45rem 1.1rem !important; font-size: .92rem; text-decoration: none !important; }
.sense-links a:hover { border-color: var(--mist) !important; }


/* 여행 목록 카드: 사진 위, 글 아래 (넓은 화면은 가로형) */
.list-card { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0 1.8rem; align-items: center; padding: .8rem !important; text-decoration: none !important; background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; transition: border-color .25s, box-shadow .25s; }
.list-card:hover { border-color: var(--mist) !important; box-shadow: 0 12px 30px rgba(61,72,103,.07); }
.list-card .lc-photo { position: relative; grid-row: 1 / 7; margin: 0; border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 3; }
.list-card .lc-photo img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border-radius: 0 !important; }
.list-card h2 { font-family: var(--serif); font-weight: 600; font-size: 1.6rem !important; margin: .2rem 0 .3rem !important; border: 0 !important; padding: 0 !important; }
.list-card p { margin: 0 0 .6rem !important; color: var(--sub); }
.list-card b { justify-self: start; margin-top: .4rem; }
@media (max-width: 700px) { .list-card { grid-template-columns: 1fr; } .list-card .lc-photo { grid-row: auto; margin-bottom: 1rem; } .list-card > *:not(.lc-photo) { padding: 0 .4rem; } .list-card b { margin-bottom: .6rem; } }

/* 표: 테두리 줄이고 머리줄만 옅게 */
.check-article .table-wrap { border: 1px solid var(--line) !important; border-radius: 12px !important; }
.check-article th { font-weight: 600; }
.check-article td { color: #46506C; }
.check-article th + th, .check-article td + td { border-left-color: var(--line) !important; }
.check-article tr + tr td { border-top-color: var(--line) !important; }

/* 검색 */
.search-form { background: #fff; border-radius: 999px; padding: .35rem .35rem .35rem 1.2rem; box-shadow: 0 8px 26px rgba(30,40,70,.1); gap: .5rem !important; }
.search-form input { border: 0 !important; background: transparent !important; outline: 0; min-height: 44px !important; }
.search-form button { border-radius: 999px !important; padding: .6rem 1.4rem !important; }

/* FAQ 전체 페이지: 메인 FAQ와 같은 상자형 */
.faq-full details { background: var(--card); border: 1px solid var(--line) !important; border-radius: 12px; padding: 0 !important; margin-bottom: .7rem; }
.faq-full summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 1.3rem; font-size: 1.02rem !important; }
.faq-full summary::-webkit-details-marker { display: none; }
.faq-full summary::after { content: ""; width: .5rem; height: .5rem; border-right: 1.5px solid var(--sub); border-bottom: 1.5px solid var(--sub); transform: rotate(45deg); transition: transform .2s; flex: none; }
.faq-full details[open] summary::after { transform: rotate(-135deg); }
.faq-full details p { margin: 0 !important; padding: 0 1.3rem 1rem; color: #46506C; }
.faq-full details p:last-child { padding-bottom: 1.3rem; }

/* 함께 보기 링크 */
.page-next a { color: var(--dusk); border-bottom: 1px solid var(--line); padding-bottom: .15rem; text-decoration: none !important; }
.page-next a:hover { border-bottom-color: var(--dusk); text-decoration: none !important; }
.sense-links a { display: inline-flex; align-items: center; gap: .4rem; }
.sense-links img.sense-ic { width: 1.6em; height: 1.6em; }

/* ===== 2026-10-20 지음: 콘텐츠 페이지 대문 — 이리체크 모아보기와 같은 '오른쪽 위 큰 사진이 글 쪽으로 스며드는' 무드 ===== */
main.has-hero { position: relative; }
.page-hero-bg { position: absolute; top: 0; right: 0; width: min(62%, 980px); height: 540px; z-index: 0; pointer-events: none; -webkit-mask-composite: source-in; mask-composite: intersect; }
.page-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 45%; opacity: .92; }
.page-hero-bg .ai-label { right: 1rem; bottom: auto; top: .9rem; }
.check-article.hero-art { position: relative; z-index: 1; max-width: 1040px !important; padding-left: 32px !important; padding-right: 32px !important; }
.check-article.hero-art > * { max-width: 46rem; }
.check-article.hero-art > h1, .check-article.hero-art > h1 + p { max-width: 30rem; }
.check-article.hero-art > h1 + p { margin-bottom: clamp(3.5rem, 11vw, 9rem) !important; }
.check-article.hero-art > .sense-links { margin-top: -6rem !important; }
@media (max-width: 1000px) { .check-article.hero-art > .sense-links { margin-top: 0 !important; } .check-article.hero-art > h1 + p { margin-bottom: 3rem !important; } }
@media (max-width: 650px) {
  .page-hero-bg { width: 100%; height: 280px; -webkit-mask-composite: source-over; mask-composite: add; }
  .page-hero-bg img { opacity: .5; }
  .check-article.hero-art { padding-left: 20px !important; padding-right: 20px !important; }
  .check-article.hero-art > h1 + p { margin-bottom: 2rem !important; }
}
.page-hero-bg img[src*="-real-"] { opacity: 1; }
@media (max-width: 650px) { .page-hero-bg img[src*="-real-"] { opacity: .55; } }
/* 대문 배경 아래쪽 번짐 줄이기(대표 요청): 흐려지는 구간을 짧게 */
.page-hero-bg { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 40%), linear-gradient(180deg, #000 84%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 40%), linear-gradient(180deg, #000 84%, transparent 100%); }
@media (max-width: 650px) { .page-hero-bg { -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 70%, transparent 100%); } }
/* 좌우 반전 대문(베트남): 사진 왼쪽, 글 오른쪽 */
@media (min-width: 651px) {
  main.has-hero.flip .page-hero-bg { right: auto; left: 0; }
  main.has-hero.flip .page-hero-bg img { object-position: 35% 45%; }
  main.has-hero.flip .page-hero-bg .ai-label { right: auto; left: 1rem; }
  main.has-hero.flip .check-article.hero-art > .place-nav, main.has-hero.flip .check-article.hero-art > .article-meta, main.has-hero.flip .check-article.hero-art > h1, main.has-hero.flip .check-article.hero-art > h1 + p { margin-left: auto; }
  main.has-hero.flip .flip-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; max-width: none; }
  main.has-hero.flip .flip-cards .place-card { margin: 0 !important; }
  main.has-hero.flip .check-article.hero-art > h1, main.has-hero.flip .check-article.hero-art > h1 + p, main.has-hero.flip .check-article.hero-art > .article-meta, main.has-hero.flip .check-article.hero-art > .place-nav { width: 30rem; max-width: 100%; }
}

/* ===== 2026-10-20 지음: 다낭 도시 가이드 본문 잡지형 (번호 2단·강조 리드·CTA 띠·출처 칸) ===== */
.guide > h1 + p { margin-bottom: 1rem !important; max-width: 30rem; }
.guide > h1 + p strong { font-family: var(--serif); font-weight: 600; font-size: 1.15rem; color: var(--dusk); line-height: 1.8; }
.guide > h1 + p + p { max-width: 30rem; color: var(--sub); margin-bottom: clamp(3rem, 9vw, 7rem) !important; }
.check-article.guide > section { max-width: none !important; }
.g-sec { display: grid; grid-template-columns: minmax(0, 16rem) minmax(0, 1fr); gap: 1rem clamp(1.5rem, 4vw, 3.5rem); padding: 2.6rem 0; border-top: 1px solid var(--line); }
.g-h { align-self: start; }
.g-num { display: block; font-family: var(--serif); font-size: 2.2rem; line-height: 1; color: var(--lilac); margin-bottom: .8rem; }
.g-h h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.2rem, 2vw, 1.4rem) !important; line-height: 1.5; margin: 0 !important; padding: 0 !important; border: 0 !important; text-wrap: balance; }
.g-b > p { color: #46506C; line-height: 1.95; margin: 0 0 1rem !important; }
.g-b > p:first-child { font-size: 1.06rem; color: var(--dusk); }
.g-b .table-wrap { margin: 1.4rem 0; }
.g-cta { margin: 2.5rem 0 0; }
.g-cta h2 { font-family: var(--serif); margin: 0 0 .8rem !important; padding: 0 !important; border: 0 !important; }
.g-cta p { margin-bottom: 1rem !important; }
.g-cta .btn { border-color: var(--dusk) !important; }
.g-src { margin-top: 2.5rem; padding-top: 1.6rem; border-top: 1px solid var(--line); }
.g-src h2 { font-family: var(--sans) !important; font-size: .78rem !important; font-weight: 700; letter-spacing: .16em; color: #666E84; margin: 0 0 .8rem !important; padding: 0 !important; border: 0 !important; }
.g-src p { font-size: .9rem; color: var(--sub); }
@media (max-width: 760px) { .g-sec { grid-template-columns: 1fr; padding: 2rem 0; } .g-num { font-size: 1.7rem; margin-bottom: .5rem; } }
/* 다낭 가이드 다음 이야기 안내 v2: 상자·채운 버튼 대신 잡지형(가는 선·세리프·텍스트 링크) */
.g-cta { background: none !important; border-radius: 0; border-top: 1px solid var(--dusk); border-bottom: 1px solid var(--line); padding: 2.4rem 0 2.6rem !important; margin-top: 3rem; text-align: center; }
.g-cta::before { content: "NEXT STORY"; display: block; font-size: .74rem; font-weight: 700; letter-spacing: .22em; color: #666E84; margin-bottom: .9rem; }
.g-cta h2 { font-size: clamp(1.3rem, 2.4vw, 1.6rem) !important; margin-bottom: .8rem !important; }
.g-cta p { max-width: 36rem; margin-left: auto !important; margin-right: auto !important; color: var(--sub); }
.g-cta .btn { background: none !important; color: var(--dusk) !important; border: 0 !important; border-bottom: 1px solid var(--dusk) !important; border-radius: 0 !important; padding: 0 0 .3rem !important; font-family: var(--serif); font-weight: 600; font-size: 1.05rem; margin-top: .6rem; transition: letter-spacing .25s; }
.g-cta .btn:hover { background: none !important; color: var(--dusk) !important; letter-spacing: .02em; }

/* 2026-10-20 지음: 메인 감각 칩 v2 — 점 제거·한 줄·톡 튀는 동작 */
#senses .chips { gap: .8rem; }
#senses .chip { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem 1rem .75rem .8rem; white-space: nowrap; border: 1px solid transparent !important; background: var(--card); box-shadow: 0 2px 10px rgba(61,72,103,.05); transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s, border-color .3s; }
#senses .chip:first-child { border-color: transparent !important; }
#senses .chip img.sense-ic { width: 2.1em; height: 2.1em; transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
#senses .chip .p { font-size: .95rem; letter-spacing: -.01em; }
#senses .chip:hover, #senses .chip:focus-visible { transform: translateY(-5px); box-shadow: 0 14px 28px rgba(61,72,103,.13); border-color: var(--line) !important; }
#senses .chip:hover img.sense-ic, #senses .chip:focus-visible img.sense-ic { transform: scale(1.22) rotate(-8deg); }
#senses .chip:active { transform: translateY(-2px) scale(.98); }
@media (min-width: 761px) and (max-width: 1180px) { #senses .chip .p { display: none; } #senses .chip .m { display: inline; } }

@media (prefers-reduced-motion: reduce) { #senses .chip, #senses .chip img.sense-ic { transition: none; } #senses .chip:hover { transform: none; } #senses .chip:hover img.sense-ic { transform: none; } }

/* 2026-10-20 지음: 동그라미 화살표 → 잡지형 가는 선 화살표(카드에 올리면 선이 늘어나며 톡 밀려남) */
.trip3 .go, .depth .go { --ar: 0px; --ab: .5rem; display: block; font-size: 0; width: 3.4rem; height: 1rem; background: none !important; border: 0 !important; border-radius: 0; color: var(--dusk) !important; }
.trip3 .go { right: 1.8rem; bottom: 1.8rem; }
.depth .go { inset: 0; width: auto; height: auto; --ar: 1.4rem; --ab: 1.6rem; z-index: 2; border-radius: inherit; }
.depth .go:focus-visible { outline: 2px solid var(--dusk); outline-offset: -2px; }
.trip3 .go::before, .depth .go::before { content: ""; position: absolute; right: var(--ar); bottom: var(--ab); width: 1.9rem; height: 1.5px; border-radius: 1px; background: currentColor; transition: width .5s cubic-bezier(.34,1.56,.64,1), transform .5s cubic-bezier(.34,1.56,.64,1); }
.trip3 .go::after, .depth .go::after { content: ""; position: absolute; right: calc(var(--ar) + .1rem); bottom: calc(var(--ab) - .25rem); width: .55rem; height: .55rem; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .5s cubic-bezier(.34,1.56,.64,1); }
.trip3:hover .go::before, .trip3:focus-visible .go::before, .depth .card:hover .go::before, .depth .go:focus-visible::before { width: 3rem; transform: translateX(.35rem); }
.trip3:hover .go::after, .trip3:focus-visible .go::after, .depth .card:hover .go::after, .depth .go:focus-visible::after { transform: translateX(.35rem) rotate(45deg); }
.depth .card { transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .3s; }
.depth .card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(61,72,103,.1); }
.depth .card p.muted { margin-bottom: 0; padding-right: 0; }
@media (max-width: 760px) { .trip3 .go { right: 1.4rem; bottom: 1.6rem; } }
@media (prefers-reduced-motion: reduce) { .trip3 .go::before, .trip3 .go::after, .depth .go::before, .depth .go::after, .depth .card { transition: none; } .depth .card:hover { transform: none; } }

/* 영상 '움직임 멈추기'가 연출 영상(AI) 표기를 가리지 않도록 위로 */
.sense-media .motion-toggle { border-color: rgba(255,255,255,.45); }

/* 2026-10-20 지음: 레시피 제목 PC에서 한 줄 */
@media (min-width: 1100px) { .recipe .wrap > h2, .recipe .wrap > h2 + p { max-width: none; white-space: nowrap; } }

/* 2026-10-20 지음: 여행 상세 '이 여행, 어떤 느낌일까요?' — 상자 없이 아이콘 중심, 가는 선으로 나눈 목록 */
.sense-strip { margin-top: 1.4rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ss-item { display: flex; align-items: center; gap: 1.4rem; padding: 1rem .2rem; }
.ss-item + .ss-item { border-top: 1px solid var(--line); }
.ss-item h3 { margin: 0; flex: none; line-height: 1; }
.ss-item img.sense-ic { width: 3.4rem; height: 3.4rem; margin: 0; transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
.ss-item:hover img.sense-ic { transform: scale(1.14) rotate(-8deg); }
.ss-item p { margin: 0; font-size: 1.02rem; line-height: 1.7; color: #46506C; word-break: keep-all; }
@media (max-width: 760px) { .ss-item { gap: 1.1rem; padding: .85rem 0; } .ss-item img.sense-ic { width: 2.9rem; height: 2.9rem; } .ss-item p { font-size: .96rem; } }
@media (prefers-reduced-motion: reduce) { .ss-item img.sense-ic { transition: none; } .ss-item:hover img.sense-ic { transform: none; } }

/* 2026-10-20 지음: 건드리면 살짝 움직이는 동작 통일 (여행 카드·FAQ·더보기 링크) */
.trip3 { transition: transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s; }
.trip3:hover, .trip3:focus-visible { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(61,72,103,.13); }
.trip3-photo img { transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.trip3:hover .trip3-photo img { transform: scale(1.04); }
.trip3-body .icons img.sense-ic { transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
.trip3:hover .trip3-body .icons img.sense-ic { transform: translateY(-3px) rotate(-6deg); }
.trip3:hover .trip3-body .icons img.sense-ic + img.sense-ic { transition-delay: .06s; }
#faq details, .faq-full details { transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .3s, border-color .3s; }
#faq details:hover, .faq-full details:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(61,72,103,.09); border-color: var(--mist) !important; }
.sec-more .arr { display: inline-block; transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
.sec-more:hover .arr, .sec-more:focus-visible .arr { transform: translateX(.3rem); }
.sec-more:hover { text-decoration: none; }
@media (prefers-reduced-motion: reduce) { .trip3, .trip3-photo img, .trip3-body .icons img.sense-ic, #faq details, .faq-full details, .sec-more .arr { transition: none; } .trip3:hover, #faq details:hover, .faq-full details:hover { transform: none; } .trip3:hover .trip3-photo img, .trip3:hover .trip3-body .icons img.sense-ic, .sec-more:hover .arr { transform: none; } }

/* 2026-10-20 지음: 카드가 통통 움직이므로 화살표 숨김(링크·클릭 영역은 그대로) */
.trip3 .go::before, .trip3 .go::after, .depth .go::before, .depth .go::after { display: none; }
.depth .card { padding-bottom: 1.6rem; }
@media (max-width: 760px) { .trip3-body { padding-bottom: clamp(1.4rem, 3vw, 2.2rem); } }

/* 2026-10-20 지음: 첫 화면 A안 — 유리 같은 검색 막대 하나 + 밑줄 글자 링크 두 갈래 */
.search3 { max-width: 31rem; margin-top: 1.8rem; padding: .25rem .4rem .25rem 1.2rem; border-radius: 999px;
  background: rgba(255,255,255,.58); border: 1px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 10px 34px rgba(30,40,70,.12); transition: background .35s, box-shadow .35s, border-color .35s; }
.search3:hover, .search3:focus-within { background: rgba(255,255,255,.82); box-shadow: 0 14px 40px rgba(30,40,70,.16); border-color: #fff; }
.search3 input { font-size: .98rem; padding: .7rem 0; }
.search3 input::placeholder { color: rgba(61,72,103,.62); }
.search3 button { width: 3rem; height: 2.6rem; border-radius: 999px; background: transparent; color: var(--dusk); display: grid; place-items: center; }
.search3 button svg { width: 1.7rem; height: .85rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
.search3:hover button svg, .search3:focus-within button svg, .search3 button:focus-visible svg { transform: translateX(.3rem); }
.search3 button:focus-visible { outline: 2px solid var(--dusk); outline-offset: 2px; }

.hero3-paths { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem 1.1rem; margin: 1.3rem 0 0 1.25rem; font-size: .98rem; }

.hero3-paths a { position: relative; color: var(--dusk); font-weight: 600; text-decoration: none; padding-bottom: .2rem;
  background: linear-gradient(currentColor, currentColor) left bottom / 100% 1px no-repeat;
  transition: background-size .45s cubic-bezier(.34,1.56,.64,1), transform .45s cubic-bezier(.34,1.56,.64,1); }
.hero3-paths a:hover, .hero3-paths a:focus-visible { background-size: 100% 2px; transform: translateY(-2px); }
.hero3-paths .sep { width: 1px; height: .9rem; background: rgba(61,72,103,.35); }
@media (max-width: 760px) {
  .search3 { margin-top: 1.4rem; }
  .hero3-paths { margin-left: .2rem; gap: .5rem .9rem; font-size: .93rem; }
  
  .hero3-paths .sep { display: none; }
}
@media (prefers-reduced-motion: reduce) { .search3 button svg, .hero3-paths a { transition: none; } .hero3-paths a:hover { transform: none; } }
.hero3-paths a{ text-shadow: 0 0 2px rgba(255,255,255,.95), 0 0 12px rgba(255,255,255,.9), 0 0 24px rgba(255,255,255,.7); }

.hero3-paths a { box-shadow: 0 6px 14px -10px rgba(255,255,255,.9); }

/* 2026-10-20 지음: 여행지 '베트남' 상자 — 글 왼쪽, 모서리 둥근 사진 오른쪽(호이안 바구니배) */






.place-card.has-photo:hover .pc-photo img { transform: scale(1.04); }

@media (prefers-reduced-motion: reduce) {  .place-card.has-photo:hover .pc-photo img { transform: none; } }

/* 2026-10-20 지음: 베트남 페이지 두 카드 — 위쪽 모서리 둥근 사진(3:2) */
.place-card.top-photo { padding: .9rem .9rem 1.7rem !important; transition: transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s, border-color .3s; }
.place-card.top-photo > :not(.tp-photo) { margin-left: 1.1rem !important; margin-right: 1.1rem !important; }
.tp-photo { position: relative; margin: 0 0 1.3rem; aspect-ratio: 3 / 2; border-radius: 10px; overflow: hidden; }
.tp-photo img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border-radius: 0 !important; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.tp-photo .ai-label { display: block; font-size: .68rem !important; letter-spacing: .02em; color: rgba(255,255,255,.92); margin: 0; }
.place-card.top-photo:hover { transform: translateY(-5px); box-shadow: 0 18px 38px rgba(61,72,103,.12); }
.place-card.top-photo:hover .tp-photo img { transform: scale(1.04); }
.place-card.top-photo > b { display: inline-flex; }
@media (prefers-reduced-motion: reduce) { .place-card.top-photo, .tp-photo img { transition: none; } .place-card.top-photo:hover, .place-card.top-photo:hover .tp-photo img { transform: none; } }

/* 2026-10-20 지음: 넓은 화면에서 대문 사진이 화면 끝으로 멀어지지 않게 — 본문 폭(1240px) 기준으로 붙이고 바깥쪽도 부드럽게 */
@media (min-width: 1300px) {
  .page-hero-bg, .hub-bg { right: calc((100% - 1240px) / 2); width: 700px; -webkit-mask-composite: source-in; mask-composite: intersect; }
  main.has-hero.flip .page-hero-bg { right: auto; left: calc((100% - 1240px) / 2); }
  .page-hero-bg .ai-label, .hub-bg .ai-label { right: 18%; }
  main.has-hero.flip .page-hero-bg .ai-label { right: auto; left: 18%; }
}

/* 2026-10-20 지음: 404 안내 — 차분한 잡지 톤, 알약 버튼 대신 밑줄 링크 목록 */
.notfound { min-height: 62vh; display: block; text-align: left; max-width: 1040px; margin: 0 auto; padding: clamp(4rem, 10vw, 7rem) 32px clamp(3rem, 8vw, 5rem); }
.notfound h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.8rem, 3.6vw, 2.6rem); line-height: 1.35; letter-spacing: -.02em; margin: 0 0 1.1rem; }
.notfound .nf-lead { color: var(--sub); font-size: 1.05rem; line-height: 1.85; max-width: 32rem; margin: 0 0 2.4rem; }
.nf-links { list-style: none; margin: 0; padding: 0; max-width: 26rem; border-top: 1px solid var(--line); }
.nf-links li { border-bottom: 1px solid var(--line); }
.nf-links a { display: flex; justify-content: space-between; align-items: center; padding: .95rem .1rem; color: var(--dusk); font-weight: 600; text-decoration: none; transition: padding .4s cubic-bezier(.34,1.56,.64,1); }
.nf-links a::after { content: "→"; font-weight: 400; color: var(--mist); transition: transform .45s cubic-bezier(.34,1.8,.64,1), color .3s; }
.nf-links a:hover, .nf-links a:focus-visible { padding-left: .5rem; }
.nf-links a:hover::after, .nf-links a:focus-visible::after { transform: translateX(.3rem); color: var(--dusk); }
@media (max-width: 650px) { .notfound { padding-left: 20px; padding-right: 20px; } }
@media (prefers-reduced-motion: reduce) { .nf-links a, .nf-links a::after { transition: none; } }

/* 2026-10-20 지음: 메뉴 5개(자주 묻는 질문 추가) — 글자 꺾임 방지, 940px 이하는 '메뉴' 버튼으로 접기 */
.nav a { white-space: nowrap; }
@media (max-width: 940px) {
  .nav-toggle { display: inline-block; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; }
  .nav.open { display: block; }
  .nav ul { flex-direction: column; gap: 0; }
  
}
@media (max-width: 940px) { .head-search { margin-left: auto; margin-right: .3rem; } }

/* 2026-10-20 지음: 다낭·호이안 여행 예시 비공개 동안 — 카드는 보이되 링크 없음, '공개 준비 중' 표시 */

.trip3.soon:hover, .place-card.soon:hover, .list-card.soon:hover { transform: none !important; box-shadow: 0 10px 30px rgba(61,72,103,.06) !important; border-color: var(--line) !important; }
.soon:hover img { transform: none !important; }




/* 2026-10-20 지음: 제휴 판매처 링크 — 밑줄 글자 링크, 올리면 화살표가 밀려남 */


.aff-link:hover span, .aff-link:focus-visible span { transform: translateX(.3rem); }
td .aff-link { margin-top: 0; font-size: .9rem; white-space: nowrap; }


/* 2026-10-20 지음: 대문 사진 뿌연 번짐 줄이기 — 번지는 폭을 좁히고 사진을 또렷하게 */
@media (min-width: 651px) {
  .page-hero-bg, .hub-bg {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%), linear-gradient(180deg, #000 88%, transparent 100%); -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent 0%, #000 20%), linear-gradient(180deg, #000 88%, transparent 100%); mask-composite: intersect; }
  main.has-hero.flip .page-hero-bg {
    -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 20%), linear-gradient(180deg, #000 88%, transparent 100%);
    mask-image: linear-gradient(270deg, transparent 0%, #000 20%), linear-gradient(180deg, #000 88%, transparent 100%); }
  .page-hero-bg img, .hub-bg img { opacity: 1 !important; }
}
@media (min-width: 1300px) {
  .page-hero-bg, .hub-bg {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 86%, transparent 100%), linear-gradient(180deg, #000 88%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 86%, transparent 100%), linear-gradient(180deg, #000 88%, transparent 100%); }
  main.has-hero.flip .page-hero-bg {
    -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 18%, #000 86%, transparent 100%), linear-gradient(180deg, #000 88%, transparent 100%);
    mask-image: linear-gradient(270deg, transparent 0%, #000 18%, #000 86%, transparent 100%), linear-gradient(180deg, #000 88%, transparent 100%); }
}

/* 2026-10-20 지음: 감각 탭 켜진 표시를 가볍게(남색 채우기 → 얇은 남색 테두리+진한 글자), 올리면 톡 떠오름 */
.sense-links a[aria-current] { background: #fff !important; border-color: var(--dusk) !important; box-shadow: inset 0 0 0 .5px var(--dusk); color: var(--dusk) !important; font-weight: 700; }
.sense-links a { transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .3s, border-color .3s; }
.sense-links a:hover, .sense-links a:focus-visible { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(61,72,103,.1); }
.sense-links a[aria-current]:hover { box-shadow: inset 0 0 0 .5px var(--dusk), 0 8px 18px rgba(61,72,103,.1); }
.sense-links img.sense-ic { transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
.sense-links a:hover img.sense-ic { transform: scale(1.18) rotate(-8deg); }
@media (prefers-reduced-motion: reduce) { .sense-links a, .sense-links img.sense-ic { transition: none; } .sense-links a:hover, .sense-links a:hover img.sense-ic { transform: none; } }

/* ===== 2026-10-20 지음: 여행 둘러보기·감각별 — 여행 매거진형 편집 (번호 목차 · 박스 없는 피처 · 편집자 노트) ===== */
/* 1) 감각 탭 → 번호가 붙은 잡지 목차 */
.hero-art > .sense-links { counter-reset: sense; display: flex; margin: 0 0 clamp(2.4rem, 5vw, 3.6rem) !important; position: relative; z-index: 1; }
.hero-art > .sense-links a { counter-increment: sense; display: inline-flex; align-items: center; transform: none !important; }
.hero-art > .sense-links a::before { content: counter(sense, decimal-leading-zero); align-self: flex-start; margin-top: -.15rem; font-family: var(--sans); font-size: .62rem; font-weight: 700; letter-spacing: .12em; color: #A3AAB9; }
.hero-art > .sense-links a:first-child { counter-increment: none; }
.hero-art > .sense-links a:first-child::before { content: "ALL"; }
.hero-art > .sense-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--dusk); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.34,1.3,.64,1); }

.hero-art > .sense-links a:hover::after, .hero-art > .sense-links a:focus-visible::after { transform: scaleX(.5); }

.hero-art > .sense-links a[aria-current]::after { transform: scaleX(1); }


/* 2) 대문 글: 제목은 크게, 리드는 세리프로 */
.hero-art > .article-meta { letter-spacing: .22em; }
.hero-art > h1 + p { font-family: var(--serif); font-size: 1.12rem !important; color: #46506C !important; line-height: 1.9 !important; }

/* 3) 준비 중 안내 → 편집자 노트(상자 없음) */
.hero-art > .note { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; max-width: 34rem; }
.hero-art > .note::before { content: "EDITOR'S NOTE"; display: block; margin-bottom: .8rem; font-size: .68rem; font-weight: 700; letter-spacing: .2em; color: #A3AAB9; }
.hero-art > .note p { font-family: var(--serif); font-size: 1.2rem; line-height: 1.85; color: var(--dusk); margin: 0 0 1.2rem !important; }
.hero-art > .note a { display: inline-block; font-size: .92rem; font-weight: 600; color: var(--dusk); text-decoration: none !important; border-bottom: 1px solid var(--dusk); padding-bottom: .15rem; }

/* 4) 여행 카드 → 박스 없는 매거진 피처 */
.hero-art > .list-card { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important; gap: 0 clamp(1.6rem, 4vw, 3rem) !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.hero-art > .list-card:hover { box-shadow: none !important; }
.hero-art > .list-card .lc-photo { border-radius: 4px !important; aspect-ratio: 4 / 5; }
.hero-art > .list-card .lc-photo img { transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.hero-art > .list-card:hover .lc-photo img { transform: scale(1.04); }
.hero-art > .list-card .article-meta { margin-bottom: 1rem !important; font-size: .7rem !important; letter-spacing: .2em; }
.hero-art > .list-card h2 { font-size: clamp(1.8rem, 3.2vw, 2.4rem) !important; line-height: 1.25; margin: 0 0 .6rem !important; }
.hero-art > .list-card h2 + p { font-family: var(--serif); font-size: 1.1rem; color: var(--dusk) !important; margin-bottom: 1.2rem !important; padding-bottom: 1.2rem; border-bottom: 1px solid var(--line); }
.hero-art > .list-card p { line-height: 1.85; }
.hero-art > .list-card b { margin-top: 1rem; }
.hero-art > .list-card b { transition: gap .4s cubic-bezier(.34,1.56,.64,1); }
.hero-art > .list-card:hover b { gap: .8rem; }
@media (max-width: 700px) {
  .hero-art > .list-card .lc-photo { aspect-ratio: 4 / 3; }
  .hero-art > .list-card > *:not(.lc-photo) { padding: 0 !important; }
  
}
@media (prefers-reduced-motion: reduce) { .hero-art > .sense-links a::after, .hero-art > .list-card .lc-photo img { transition: none; } }
/* 목차 줄이 대문 사진 위에 걸칠 때 읽히도록 — 반투명 유리 띠 */
.hero-art > .sense-links { max-width: 100%; border-top: 0 !important; }

/* 여행 둘러보기·감각별: 대문 사진이 목차 줄에서 끝나게 — 아래 특집 글이 사진 위에 겹치지 않도록 */

@media (max-width: 700px) { .hero-art > .list-card { grid-template-columns: 1fr !important; } .hero-art > .list-card .lc-photo { grid-row: auto !important; margin-bottom: 1.2rem !important; } }

/* 2026-10-20 지음: 감각 탭 다시 알약으로 — 띠 없이, 버튼마다 옅은 라일락 안개빛 */
.hero-art > .sense-links { width: auto; background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border: 0 !important; border-radius: 0; }

.hero-art > .sense-links a::before { display: none !important; }
.hero-art > .sense-links a::after { display: none !important; }


@media (max-width: 700px) { .hero-art > .sense-links { border-top: 0 !important; }  }
@media (min-width: 651px) { .hero-art > .sense-links { margin-bottom: clamp(3.5rem, 7vw, 5.5rem) !important; } }

/* 2026-10-20 지음: 감각 탭 1번 유리 알약 (대표 선택) — 뒤 사진이 은은하게 비침 */




/* ===== 2026-10-20 지음: 여행 둘러보기·감각별 — 화보형 대문(큰 세로 사진 + 엇갈린 작은 사진, 번짐 없음) ===== */
.check-article.hero-art.smag { display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, 34vw, 430px); grid-template-rows: auto auto auto auto 1fr; column-gap: clamp(2rem, 5vw, 4.5rem); max-width: 1120px !important; padding-top: clamp(3rem, 6vw, 4.5rem) !important; }
.smag > * { grid-column: 1 / -1; max-width: none !important; }
.smag > .article-meta, .smag > h1, .smag > h1 + p, .smag > .sense-links, .smag > .smag-mini { grid-column: 1; }
.smag > .smag-photo { grid-column: 2; grid-row: 1 / 6; position: relative; margin: 0 0 clamp(3rem, 6vw, 5rem); aspect-ratio: 3 / 4; border-radius: 6px; overflow: hidden; align-self: start; }
.smag > .smag-photo img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border-radius: 0 !important; }
.smag > .smag-photo .ai-label { right: .8rem; bottom: .7rem; top: auto; left: auto; }
.smag > h1 { font-size: clamp(2.3rem, 4.6vw, 3.5rem) !important; line-height: 1.2 !important; margin: .4rem 0 1.4rem !important; }
.smag > h1 + p { max-width: 30rem !important; margin-bottom: 2.2rem !important; }
.smag > .sense-links { margin: 0 0 2rem !important; }
/* 엇갈린 작은 사진 — 글 칸 오른쪽 아래, 큰 사진 쪽으로 붙임 */
.smag-mini { align-self: end; justify-self: end; display: block; width: clamp(220px, 24vw, 300px); margin: 0 0 clamp(3rem, 6vw, 5rem); text-decoration: none !important; color: var(--dusk); }
.smag-mini-img { display: block; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; box-shadow: 0 14px 30px rgba(30,40,70,.12); }
.smag-mini-img img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border-radius: 0 !important; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.smag-mini:hover .smag-mini-img img { transform: scale(1.05); }
.smag-mini-cap { display: flex; flex-direction: column; gap: .2rem; margin-top: .7rem; }
.smag-mini-cap b { font-size: .86rem; font-weight: 600; letter-spacing: .02em; }
.smag-mini-cap small { font-size: .72rem; color: #666E84; }
.smag-mini:hover .smag-mini-cap b { text-decoration: underline; text-underline-offset: .3em; }
@media (max-width: 860px) {
  .check-article.hero-art.smag { grid-template-columns: 1fr; grid-template-rows: none; }
  .smag > * , .smag > .smag-photo { grid-column: 1 !important; grid-row: auto !important; }
  .smag > .smag-photo { order: -1; aspect-ratio: 4 / 3; margin-bottom: 1.6rem; }
  .smag-mini { justify-self: start; width: 100%; max-width: 420px; margin-bottom: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) { .smag-mini-img img { transition: none; } }

/* 2026-10-20 지음: 화보형 대문 제목 — 낱자 한 글자만 떨어지지 않게 */
.smag > h1 { max-width: none !important; word-break: keep-all; text-wrap: balance; }

/* 2026-10-20 지음: 감각 탭 — 알약 대신 종이 질감 태그, 한 줄 나열(넘치면 옆으로 밀어 보기) */
.hero-art > .sense-links { flex-wrap: nowrap !important; overflow-x: auto; overflow-y: visible; scrollbar-width: none; -webkit-mask-image: none; }
.hero-art > .sense-links::-webkit-scrollbar { display: none; }
.hero-art > .sense-links a {
  flex: none; white-space: nowrap;
  font-size: .9rem; letter-spacing: -.01em;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}



@media (max-width: 1080px) and (min-width: 861px) { .hero-art > .sense-links a { font-size: .84rem; } }
@media (max-width: 700px) { .hero-art > .sense-links { margin-right: -20px !important; padding-right: 20px !important; } .hero-art > .sense-links a { font-size: .86rem; } }

/* 2026-10-20 지음: 감각 탭 테두리 없이 — 종이 질감과 은은한 그림자만 */
.hero-art > .sense-links a { border-color: transparent !important; }
.hero-art > .sense-links a:hover, .hero-art > .sense-links a:focus-visible { border-color: transparent !important; }
.hero-art > .sense-links a[aria-current] { border-color: transparent !important; }

/* 2026-10-20 지음: 감각 탭 가장 기본형 — 배경·테두리·그림자 없이 아이콘+글자, 현재 탭만 굵게+밑줄 (대표 요청) */

.hero-art > .sense-links a { background: none !important; border: 0 !important; box-shadow: none !important; color: #5A6170 !important; font-weight: 500; }
.hero-art > .sense-links a:hover, .hero-art > .sense-links a:focus-visible { box-shadow: none !important; background: none !important; color: var(--dusk) !important; text-underline-offset: .45em; text-decoration-thickness: 1px; }
.hero-art > .sense-links a[aria-current] { background: none !important; box-shadow: none !important; color: var(--dusk) !important; font-weight: 700; text-decoration: underline; text-underline-offset: .45em; text-decoration-thickness: 1.5px; }


/* 2026-10-20 지음: 감각 탭 — 글자 없이 큰 아이콘만, 전체는 유리알 원형 ALL (대표 요청) */
.hero-art > .sense-links { gap: .9rem !important; align-items: center; }
.hero-art > .sense-links .lbl { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hero-art > .sense-links a { position: relative; padding: 0 !important; gap: 0 !important; border-radius: 50% !important; text-decoration: none !important; transition: transform .4s cubic-bezier(.34,1.7,.64,1) !important; }
.hero-art > .sense-links img.sense-ic { width: 3.1rem !important; height: 3.1rem !important; border-radius: 50%; display: block; transition: box-shadow .3s; }
.hero-art > .sense-links a:hover, .hero-art > .sense-links a:focus-visible { text-decoration: none !important; }
.hero-art > .sense-links a[aria-current] img.sense-ic { box-shadow: 0 0 0 2px var(--shell), 0 0 0 3.5px var(--dusk); }
.hero-art > .sense-links a:not([aria-current]) img.sense-ic { opacity: .92; }
/* 유리알 원형 ALL */
.hero-art > .sense-links a.all { width: 3.1rem; height: 3.1rem; display: inline-grid !important; place-items: center; font-size: .72rem !important; font-weight: 700; letter-spacing: .14em; text-indent: .14em; color: var(--dusk) !important;
  background: radial-gradient(circle at 32% 28%, rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 38%, rgba(255,255,255,.28) 100%) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: inset 0 -6px 12px rgba(61,72,103,.08), inset 0 2px 4px rgba(255,255,255,.9), 0 6px 16px rgba(30,40,70,.12) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2); }
.hero-art > .sense-links a.all[aria-current] { box-shadow: inset 0 -6px 12px rgba(61,72,103,.08), inset 0 2px 4px rgba(255,255,255,.9), 0 0 0 2px var(--shell), 0 0 0 3.5px var(--dusk) !important; }

/* ALL 확대 시 가장자리 잘림·흐림 방지 — 줄 안쪽 여백 확보, 확대 대신 떠오르기만 */
.hero-art > .sense-links { padding: .55rem .5rem .7rem !important; margin-left: -.5rem !important; }
.hero-art > .sense-links a:hover, .hero-art > .sense-links a:focus-visible { transform: translateY(-3px) !important; }
.hero-art > .sense-links a.all { -webkit-font-smoothing: antialiased; backface-visibility: hidden; }
@media (max-width: 700px) { .hero-art > .sense-links { margin-left: -.5rem !important; } }

/* 2026-10-20 지음: 감각 페이지 제휴 칸 '이 감각을 채우는 경험' + 상단 광고 고지 */
.sense-notice { max-width: calc(1120px - 64px); margin: 1.4rem auto 0 !important; padding: .7rem 1rem !important; font-size: .9rem !important; box-sizing: border-box; width: calc(100% - 64px); }

.smag > .sense-pick { grid-column: 1 / -1; margin: 0 0 clamp(2.5rem, 5vw, 3.5rem); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sense-pick .sp-kicker { margin: 0 0 .7rem !important; font-size: .7rem; font-weight: 700; letter-spacing: .18em; color: #666E84; }
.sense-pick h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.35rem, 2.4vw, 1.65rem) !important; margin: 0 0 .8rem !important; padding: 0 !important; border: 0 !important; }
.sense-pick ul { margin: 0 0 1rem; padding-left: 1.1rem; color: #46506C; line-height: 1.85; }


.sense-pick .sp-note { margin: 0 !important; font-size: .78rem; color: #666E84; }
/* 제휴 링크 표시를 링크 앞에 — 같은 줄 정렬 */


/* 2026-10-20 지음: AI·사진 표기를 왼쪽 위 모서리로 통일 (대표 요청) */
.ai-label, figcaption.ai-label, span.ai-label, #check .depth-media figcaption,
.page-hero-bg .ai-label, .hub-bg .ai-label, .smag > .smag-photo .ai-label, .trip3-photo .ai-label,
.sense-media .ai-label, .recipe > .ai-label, .about-hero-photo .ai-label, .finale2-photo .ai-label, .tp-photo .ai-label {
  top: .6rem !important; left: .7rem !important; right: auto !important; bottom: auto !important; }

.recipe > .ai-label { left: 1rem !important; }

/* 영상 멈춤: 오른쪽 아래 작은 원형 단추(❚❚ / ▶) */
.sense-media .motion-toggle { top: auto !important; bottom: .6rem !important; right: .6rem !important; left: auto !important; width: 2rem; height: 2rem; padding: 0 !important; border-radius: 50% !important; display: grid; place-items: center;
  background: rgba(20,24,36,.42) !important; border: 1px solid rgba(255,255,255,.55) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: 0 !important; cursor: pointer; transition: background .25s, transform .25s; }
.sense-media .motion-toggle:hover { background: rgba(20,24,36,.62) !important; transform: scale(1.06); }
.sense-media .motion-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.motion-toggle .mt-ic { position: relative; width: 10px; height: 11px; }
.motion-toggle .mt-ic::before, .motion-toggle .mt-ic::after { content: ""; position: absolute; top: 0; width: 3px; height: 11px; border-radius: 1px; background: #fff; }
.motion-toggle .mt-ic::before { left: 1px; } .motion-toggle .mt-ic::after { right: 1px; }
.motion-toggle[aria-pressed="true"] .mt-ic::after { display: none; }
.motion-toggle[aria-pressed="true"] .mt-ic::before { left: 2px; width: 0; height: 0; border-radius: 0; background: none; border-left: 9px solid #fff; border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; }
.spa-tip { margin-top: .8rem !important; padding: .8rem 1rem; border-left: 2px solid var(--line); line-height: 1.8; }
.spa-tip b { color: var(--dusk); }

/* 2026-10-20 지음: 표기 위치 재조정(대표) — 이미지·사진 표기 오른쪽 위, 영상 표기 왼쪽 아래, 멈춤 단추는 등불 영상 오른쪽 아래 */
.ai-label, figcaption.ai-label, span.ai-label, #check .depth-media figcaption,
.page-hero-bg .ai-label, .hub-bg .ai-label, .smag > .smag-photo .ai-label, .trip3-photo .ai-label,
.recipe > .ai-label, .about-hero-photo .ai-label, .finale2-photo .ai-label, .tp-photo .ai-label {
  top: .6rem !important; right: .7rem !important; left: auto !important; bottom: auto !important; }
.hero-credit { top: .8rem !important; right: .9rem !important; left: auto !important; bottom: auto !important; }
.recipe > .ai-label { top: .8rem !important; right: 1rem !important; }
.sense-media .ai-label { top: auto !important; right: auto !important; bottom: .6rem !important; left: .7rem !important; }
.sense-media figure.sm2 .motion-toggle { position: absolute; bottom: .6rem !important; right: .6rem !important; top: auto !important; left: auto !important; z-index: 3; }

/* 2026-10-20 지음: AI·사진·영상 표기를 작고 차분하게 — 읽을 수는 있되 본문보다 튀지 않게 (대표 요청) */
.ai-label, figcaption.ai-label, span.ai-label, .hero-credit, #check .depth-media figcaption {
  font-size: 10.5px !important; font-weight: 400 !important; letter-spacing: .01em !important; line-height: 1.2 !important;
  color: rgba(255,255,255,.82) !important; text-shadow: 0 0 6px rgba(0,0,0,.35) !important; }

/* 2026-10-20 지음: 여행지 '여행지가 이미 정해졌다면' — 알약 버튼 대신 잡지형 두 갈래 */
.next-ways { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; margin: 1.6rem 0 1.4rem; }
.next-ways .nw { display: flex; flex-direction: column; gap: .35rem; padding: 1.2rem 0 1.3rem; border-top: 1px solid var(--dusk); border-bottom: 1px solid var(--line); text-decoration: none !important; color: var(--dusk); transition: transform .4s cubic-bezier(.34,1.56,.64,1); }
.next-ways .nw-k { font-size: .68rem; font-weight: 700; letter-spacing: .18em; color: #666E84; }
.next-ways .nw b { font-family: var(--serif); font-weight: 600; font-size: 1.35rem; line-height: 1.35; background: linear-gradient(var(--dusk), var(--dusk)) left bottom / 0 1px no-repeat; transition: background-size .45s cubic-bezier(.34,1.3,.64,1); width: fit-content; padding-bottom: .1rem; }
.next-ways .nw-d { font-size: .9rem; color: var(--sub); line-height: 1.7; }
.next-ways .nw:hover, .next-ways .nw:focus-visible { transform: translateY(-3px); }
.next-ways .nw:hover b, .next-ways .nw:focus-visible b { background-size: 100% 1px; }
.check-article .nw-note em { border-left: 0 !important; padding-left: 0 !important; font-size: .82rem; }
@media (max-width: 650px) { .next-ways { grid-template-columns: 1fr; } .next-ways .nw + .nw { border-top-color: var(--line); } }
@media (prefers-reduced-motion: reduce) { .next-ways .nw, .next-ways .nw b { transition: none; } .next-ways .nw:hover { transform: none; } }
/* 2026-10-20 지음: 이리체크 카드 동그라미 화살표 제거 — '읽어보기' 하나로 */

.preview-card { transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .3s, border-color .3s; }

/* 2026-10-20 지음: 이리체크 글 하단 '다른 이리체크' — 잡지형 두 갈래 */
.more-check { max-width: 46rem; margin: 3rem auto 4rem; padding: 0 32px; box-sizing: content-box; }
.more-check .mc-k { margin: 0 0 .2rem; font-size: .7rem; font-weight: 700; letter-spacing: .2em; color: #666E84; }
.more-check .next-ways { margin-top: .8rem; }
.more-check .mc-all { display: inline-block; margin-top: .4rem; font-size: .88rem; font-weight: 600; color: var(--dusk); text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: .1rem; }
.more-check .mc-all:hover { border-bottom-color: var(--dusk); }
@media (max-width: 650px) { .more-check { padding: 0 20px; } }

/* 2026-10-20 지음: '이 감각을 채우는 경험' 상품 카드 — 아이보리 카드 + 진한 버튼 하나 */
.smag > .sense-pick { display: grid; grid-template-columns: minmax(0, 1fr) 15rem; gap: 1.2rem 2.2rem; align-items: center; max-width: none !important;
  padding: clamp(1.4rem, 3vw, 2rem) clamp(1.3rem, 3vw, 2.2rem); border: 1px solid #E8DFD1 !important; border-radius: 16px;
  background: linear-gradient(135deg, #FDFBF7 0%, #F6EFE4 100%); box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 10px 28px rgba(61,72,103,.06);
  transition: transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s; }
.smag > .sense-pick:hover { transform: translateY(-3px); box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 16px 36px rgba(61,72,103,.10); }
.sense-pick .sp-kicker { display: flex; align-items: center; gap: .45rem; }
.sense-pick .sp-kicker img.sense-ic { width: 1.6rem; height: 1.6rem; }
.sense-pick ul { margin-bottom: 0 !important; }
.sp-action { display: flex; flex-direction: column; align-items: stretch; gap: .6rem; }


.sp-btn:hover, .sp-btn:focus-visible { background: #2F3955; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(61,72,103,.28); }
.sp-btn:focus-visible { outline: 2px solid var(--dusk); outline-offset: 3px; }
.sp-action .sp-note { font-size: .74rem !important; line-height: 1.6; }
@media (max-width: 760px) { .smag > .sense-pick { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .smag > .sense-pick{ transition: none; } .smag > .sense-pick:hover, .sp-btn:hover { transform: none; } }

/* ===== 2026-10-20 지음: 제휴 티켓 버튼 — 오감트립 공통 예약 표시(대표 선택 '다': 흰 종이 티켓, 표지만 고지색) ===== */
.tk-guide { display: flex; align-items: center; gap: .55rem; margin: 0 0 1rem !important; font-size: .84rem; color: #5F6884; }
.tk-wrap { display: block; transition: transform .35s cubic-bezier(.2,.7,.2,1), filter .35s; }
.tk-wrap:hover, .tk-wrap:focus-within { transform: translateY(-3px) rotate(-.6deg); filter: drop-shadow(0 2px 2px rgba(61,72,103,.10)) drop-shadow(0 12px 22px rgba(61,72,103,.14)); }
.tk { --cut: 5.1rem; --r: 8px; position: relative; display: grid; grid-template-columns: var(--cut) 1fr; min-height: 3.6rem; border-radius: 10px; background: rgba(61,72,103,.38); text-decoration: none !important;
  -webkit-mask: radial-gradient(circle var(--r) at var(--cut) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--r) at var(--cut) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle var(--r) at var(--cut) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--r) at var(--cut) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat; }
.tk::before { content: ""; position: absolute; inset: 1px; border-radius: 9px; background: linear-gradient(180deg, #FFFFFF, #F7F2EA);
  -webkit-mask: radial-gradient(circle calc(var(--r) + 1px) at calc(var(--cut) - 1px) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle calc(var(--r) + 1px) at calc(var(--cut) - 1px) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle calc(var(--r) + 1px) at calc(var(--cut) - 1px) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle calc(var(--r) + 1px) at calc(var(--cut) - 1px) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat; }
.tk > * { position: relative; z-index: 1; }
.tk-stub { display: flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 600; letter-spacing: .08em; line-height: 1.25; text-align: center; color: var(--ext); }
.tk-stub::after { content: ""; position: absolute; right: 0; top: 12px; bottom: 12px; border-right: 1.5px dashed #3D4867; opacity: .35; }
.tk-main { display: flex; align-items: center; justify-content: center; gap: .55rem; font-weight: 600; font-size: 1rem; letter-spacing: -.01em; color: var(--dusk); }
.tk-main .ar { transition: transform .35s; }
.tk-wrap:hover .ar { transform: translateX(4px); }
.tk:focus-visible { outline: none; }
.tk-wrap:focus-within { outline: 2px solid var(--dusk); outline-offset: 4px; border-radius: 10px; }
/* 안내 줄의 작은 티켓 */
.tk-mini { flex: none; position: relative; display: inline-block; width: 28px; height: 16px; border-radius: 3px; background: rgba(61,72,103,.45);
  -webkit-mask: radial-gradient(circle 2.8px at 8px 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 2.8px at 8px 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle 2.8px at 8px 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 2.8px at 8px 100%, #0000 98%, #000) bottom / 100% 51% no-repeat; }
.tk-mini::before { content: ""; position: absolute; inset: 1px; border-radius: 2px; background: #fff; }
.tk-mini::after { content: ""; position: absolute; left: 8px; top: 4px; bottom: 4px; border-left: 1px dashed rgba(61,72,103,.5); }
.sp-action .tk-wrap + .sp-note { margin-top: .2rem !important; }
@media (prefers-reduced-motion: reduce) { .tk-wrap, .tk-main .ar { transition: none; } .tk-wrap:hover, .tk-wrap:focus-within { transform: none; } .tk-wrap:hover .ar { transform: none; } }
/* 티켓 크기 — 본문 속(sm)·표 속(xs). 카드 안은 기본 크기로 폭을 채움 */
.tk-wrap.tk-sm{ display: inline-block; vertical-align: middle; }
.tk-sm .tk { --cut: 4.4rem; min-height: 3rem; width: 15rem; max-width: 100%; }

.tk-sm .tk-main { font-size: .92rem; }




div > .tk-wrap.tk-sm { margin-top: .9rem; }
.spa-tip .tk-wrap { display: flex; margin-top: .8rem; }

.notice + .tk-guide { margin: .9rem 0 0 !important; }
.products .card:has(.tk-wrap) { display: flex; flex-direction: column; }
.products .card .tk-wrap { margin-top: auto; padding-top: 1rem; }
/* 준비 칸 마무리 — 색 상자 대신 가는 선 + 작은 글씨 (2026-10-20 지음) */



.steps p.muted + .tk-wrap.tk-sm { display: block; width: max-content; max-width: 100%; margin: .7rem 0 1.1rem; }
/* ===== 2026-10-20 지음: 예상 총비용 — 표 대신 '비용 메모' ===== */
.cost-memo { margin: 1.2rem 0 2rem; padding: 1.4rem 1.6rem 1.2rem; background: #FFFDF9; border: 1px solid rgba(61,72,103,.10); border-radius: 14px; }
.cm-row { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px dashed rgba(61,72,103,.18); }
.cm-row:first-child { padding-top: .2rem; }
.cm-item { min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.cm-k { font-size: .7rem; font-weight: 700; letter-spacing: .14em; color: #666E84; }
.cm-item b { font-weight: 600; font-size: 1rem; color: var(--dusk); }
.cm-item small { font-size: .8rem; color: #666E84; line-height: 1.6; }
.cm-amt { flex: none; font-size: .88rem; color: #666E84; white-space: nowrap; }
.cm-amt.is-num { font-family: var(--serif); font-size: 1.15rem; font-weight: 600; color: var(--dusk); }
.cm-total { display: flex; justify-content: space-between; align-items: baseline; gap: 1.5rem; padding: 1.1rem 0 .3rem; border-top: 1.5px solid var(--dusk); margin-top: -1px; }
.cm-total span:first-child { font-family: var(--serif); font-size: 1.1rem; font-weight: 600; color: var(--dusk); white-space: nowrap; }
.cm-total span:last-child { font-size: .86rem; color: #5F6884; text-align: right; }
.cm-fine { margin: .9rem 0 0 !important; font-size: .74rem; line-height: 1.7; color: #666E84; }
@media (max-width: 560px) { .cost-memo { padding: 1.1rem 1.1rem 1rem; } .cm-row { gap: 1rem; } .cm-total { flex-direction: column; gap: .2rem; } .cm-total span:last-child { text-align: left; } }
.cm-row { align-items: center; }

/* ===== 2026-10-20 지음: 메뉴바 정리 — 주 메뉴 3개(감각여행·여행지·이리체크) + 안내 메뉴(소개·자주 묻는 질문) + '검색' 유리 버튼, 현재 메뉴는 작은 점 ===== */
@media (min-width: 941px) {
  .site-head .wrap { justify-content: flex-start; gap: 0; }
  .site-head .wordmark { margin-right: clamp(2rem, 4vw, 3.5rem); }
  .site-head .nav { flex: 1; }
  .site-head .nav ul { align-items: center; gap: clamp(1.4rem, 2.6vw, 2.2rem); }
  .site-head .nav a { position: relative; font-size: .95rem; font-weight: 500; color: var(--dusk); text-decoration: none !important; padding: .4rem 0; }
  .site-head .nav a::after { content: ""; position: absolute; left: 50%; bottom: -.15rem; width: 4px; height: 4px; border-radius: 50%; background: var(--dusk); transform: translateX(-50%) scale(0); transition: transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s; }
  .site-head .nav a:hover::after { transform: translateX(-50%) scale(.75); opacity: .5; }
  .site-head .nav a[aria-current="page"]::after { transform: translateX(-50%) scale(1); opacity: 1; }
  .site-head .nav a[aria-current="page"] { font-weight: 700; }
  .site-head .nv-first { margin-left: auto; }
  .site-head .nv-util a { font-size: .82rem; font-weight: 400; color: #7A839A; }
  .site-head .nv-util + .nv-util { margin-left: -.6rem; }
  .site-head .nv-util + .nv-util::before { content: "·"; color: #B7BDCB; margin-right: .6rem; }
  .site-head .nv-util a:hover, .site-head .nv-util a[aria-current="page"] { color: var(--dusk); }
  .site-head .head-search { width: auto; height: 2.2rem; margin-left: 1.4rem; padding: 0 .95rem 0 .75rem; gap: .35rem; display: inline-flex; align-items: center; border-radius: 999px;
    border: 1px solid rgba(61,72,103,.16); background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: .82rem; color: var(--dusk); text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8); transition: background .25s, border-color .25s; }
  .site-head .head-search svg { width: 1rem; height: 1rem; }
  .site-head .head-search:hover { background: #fff; border-color: rgba(61,72,103,.3); }
}
@media (max-width: 940px) { .hs-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }
@media (prefers-reduced-motion: reduce) { .site-head .nav a::after { transition: none; } }
/* 2026-10-20 지음: 940px 이하 펼친 메뉴 — 남색 판 + 크림 글자로 통일(뒤쪽 940px 규칙이 바탕을 크림으로 덮어 글자가 안 보이던 문제 수정) */
@media (max-width: 940px) {
  .nav { border-bottom: 0; }
  
  
  .nav a { display: flex; align-items: center; gap: .55rem; border-radius: .6rem; text-decoration: none; }
  
  .nav a::before { content: ""; border-radius: 50%; background: transparent; flex: none; }
  
  
}
/* 2026-10-20 지음: 940px 이하 펼친 메뉴 — 남색 판 대신 밝은 유리 판(크림 반투명 + 흐림), 남색 글자, 안내 메뉴는 작고 연하게 */
@media (max-width: 940px) {
  .nav { background: rgba(251,249,245,.94); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
    border-top: 1px solid rgba(61,72,103,.06); box-shadow: 0 18px 36px rgba(61,72,103,.12); border-radius: 0 0 1.1rem 1.1rem; }
  .nav ul { padding: .6rem var(--gut) 1.1rem; }
  .nav li + li { border-top: 1px solid rgba(61,72,103,.07); }
  .nav a { color: var(--dusk); font-size: 1.02rem; font-weight: 500; padding: .95rem .5rem; letter-spacing: -.01em; }
  .nav a:hover, .nav a:active { background: rgba(61,72,103,.04); }
  .nav a::before { width: 5px; height: 5px; }
  .nav a[aria-current="page"] { color: var(--dusk); font-weight: 700; }
  .nav a[aria-current="page"]::before { background: var(--dusk); }
  .nav .nv-first { margin-top: .5rem; border-top: 1px solid rgba(61,72,103,.14) !important; padding-top: .35rem; }
  .nav .nv-util a { font-size: .88rem; font-weight: 400; color: #7A839A; padding: .7rem .5rem; }
  .nav .nv-util + .nv-util { border-top: 0; }
  .nav .nv-util a[aria-current="page"] { color: var(--dusk); font-weight: 600; }
}
/* 2026-10-20 지음: 휴대폰에서 대문 사진 위 제목이 묻히던 문제 — 글자 쪽 크림 막을 진하게, 사진은 아래쪽에서 살아나게 */
@media (max-width: 760px) {
  .hero3::before { background: linear-gradient(180deg, rgba(246,242,236,.9) 0%, rgba(246,242,236,.8) 45%, rgba(246,242,236,.45) 78%, rgba(246,242,236,.15) 100%) !important; }
  .hero3 h1, .hero3 .eyebrow { text-shadow: 0 0 14px rgba(246,242,236,.95), 0 0 2px rgba(246,242,236,.9); }
}
@media (max-width: 650px) {
  .page-hero-bg img, .hub-bg img, .page-hero-bg img[src*="-real-"] { opacity: .28 !important; }
  main.has-hero h1, .check-hub h1 { text-shadow: 0 0 14px rgba(246,242,236,.95); }
}

/* ===== 2026-10-20 지음: 이리체크 색상 정비 — 탁한 회베이지·회청색을 걷어내고 종이 흰색 + 남색 잉크 + 가는 선으로 (구조는 그대로) ===== */
body .choice-box { background: #FFFDF9; border: 1px solid rgba(61,72,103,.10); border-radius: 18px; box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 10px 30px rgba(61,72,103,.06); }
body .choice-top, body .choice-progress, body .choice-badge, body .choice-source { color: #666E84; }
body .choice-top { letter-spacing: .02em; }
body .choice-top a { color: var(--dusk); text-decoration-color: rgba(61,72,103,.35); }
body .choice-box h2 { font-family: var(--serif); color: var(--dusk); }
body .choice-option { background: #fff; border: 1px solid rgba(61,72,103,.13); color: var(--dusk); border-radius: 12px; box-shadow: 0 1px 2px rgba(61,72,103,.04);
  transition: border-color .25s, background .25s, transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s; }
body .choice-option small { color: #666E84; }
body .choice-option:hover { background: #FBF8F3; border-color: rgba(61,72,103,.38); transform: translateY(-2px); box-shadow: 0 8px 18px rgba(61,72,103,.08); }
body .choice-option:focus-visible, body .choice-back:focus-visible { outline: 2px solid var(--dusk); outline-offset: 3px; }
body .choice-back { color: #5F6884; text-decoration-color: rgba(61,72,103,.3); }
body .choice-path span { background: transparent; border: 1px solid rgba(61,72,103,.14); color: #5F6884; }
body .choice-result details, body .full-reading { background: #FFFDF9; border: 1px solid rgba(61,72,103,.10); border-radius: 14px; }
body .choice-result summary, body .full-reading > summary { color: var(--dusk); }
.check-article th { background: transparent !important; border-bottom: 1.5px solid rgba(61,72,103,.28) !important; color: #5F6884; font-size: .82rem; letter-spacing: .02em; }
.check-article .table-wrap { background: #FFFDF9 !important; border-color: rgba(61,72,103,.10) !important; }
.check-article td { border-bottom-color: rgba(61,72,103,.08) !important; }
/* '꼭 확인하세요' 상자 — 복숭아색 바탕 대신 흰 종이 + 왼쪽 고지색 선 */
.warn { background: #FFFDF9; border: 1px solid rgba(61,72,103,.08); border-left: 2px solid rgba(154,74,22,.55); border-radius: 4px 12px 12px 4px; }
.warn h3 { color: #9A4A16; font-size: .95rem; letter-spacing: .02em; }
@media (prefers-reduced-motion: reduce) { body .choice-option { transition: none; } body .choice-option:hover { transform: none; } }
.check-article table { background: #FFFDF9 !important; }
/* 2026-10-20 지음: 휴대폰 메인 대문 — 사진을 가리지 않고 위에 온전히, 그 아래 제목·검색창·두 갈래 길 순서 */
@media (max-width: 760px) {
  .hero3 { display: block; padding: 0 0 1.8rem !important; min-height: 0; }
  .hero3::before { display: none !important; }
  .hero3-bg { position: relative; display: block; inset: auto; height: auto; }
  .hero3-bg img { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 60% 55%;
    -webkit-mask-image: linear-gradient(180deg, #000 82%, transparent 100%); mask-image: linear-gradient(180deg, #000 82%, transparent 100%); }
  .hero3 .hero-credit { top: .6rem; bottom: auto; right: var(--gut); }
  .hero3-in { padding-top: .6rem; }
  .hero3 h1, .hero3 .eyebrow, .hero3-paths a{ text-shadow: none !important; }
  .hero3-paths a { box-shadow: none; }
  .hero3 .search3 { background: #fff; border-color: rgba(61,72,103,.14); box-shadow: 0 8px 22px rgba(61,72,103,.08); }
}
/* 2026-10-20 지음: 휴대폰 대문(여행지·이리체크 등 배경 사진형) — 메인과 같이 사진은 위에 온전히, 글은 그 아래 */
@media (max-width: 760px) {
  main.has-hero .page-hero-bg, main .hub-bg { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; left: auto !important;
    width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; opacity: 1 !important; z-index: 0;
    -webkit-mask-image: linear-gradient(180deg, #000 82%, transparent 100%) !important; mask-image: linear-gradient(180deg, #000 82%, transparent 100%) !important; }
  main.has-hero .page-hero-bg img, main .hub-bg img, .page-hero-bg img[src*="-real-"] { opacity: 1 !important; width: 100%; height: 100%; object-fit: cover; }
  main.has-hero .page-hero-bg .ai-label, main .hub-bg .ai-label { top: .6rem; bottom: auto; right: var(--gut); left: auto; }
  main.has-hero h1, .check-hub h1 { text-shadow: none !important; }
  main.has-hero > .check-article.hero-art, .check-hub > .article-meta { padding-top: 1rem !important; margin-top: 0 !important; }
}
@media (max-width: 760px) { .check-hub { padding-top: 0 !important; } }
/* 2026-10-20 지음: 검색 페이지 — 알약 버튼 대신 홈 검색창과 같은 가는 선·화살표, 안내 글은 작고 조용하게 */
body .search-form { display: flex; align-items: center; gap: .6rem !important; max-width: 34rem; margin-top: 1.6rem; padding: .25rem .4rem .25rem 1.15rem; background: #fff;
  border: 1px solid rgba(61,72,103,.14); border-radius: 999px; box-shadow: 0 8px 24px rgba(61,72,103,.07); transition: box-shadow .3s, border-color .3s; }
body .search-form:focus-within { border-color: rgba(61,72,103,.32); box-shadow: 0 12px 30px rgba(61,72,103,.11); }
body .search-form .sf-ic { width: 1.15rem; height: 1.15rem; fill: none; stroke: var(--dusk); stroke-width: 1.7; stroke-linecap: round; flex: none; }
body .search-form input { flex: 1; min-width: 0; font: inherit; font-size: .98rem; color: var(--dusk); padding: .7rem 0; min-height: 0 !important; }
body .search-form input::placeholder { color: rgba(61,72,103,.45); }
body .search-form button { flex: none; width: 3rem; height: 2.6rem; padding: 0 !important; border: 0; border-radius: 999px !important; background: transparent !important; color: var(--dusk) !important; display: grid; place-items: center; cursor: pointer; box-shadow: none !important; }
body .search-form button svg { width: 1.7rem; height: .85rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .45s cubic-bezier(.34,1.8,.64,1); }
body .search-form:hover button svg, body .search-form:focus-within button svg { transform: translateX(.3rem); }
body .search-form button:focus-visible { outline: 2px solid var(--dusk); outline-offset: 2px; }
#search-state { margin: 1.2rem 0 0 1.2rem !important; font-size: .86rem; color: #666E84; }
.search-scope { margin: .3rem 0 0 1.2rem !important; font-size: .78rem; color: #A3AAB9; }
#empty .choices { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; margin-top: .8rem; }
#empty .choices .btn { background: none !important; border: 0 !important; box-shadow: none !important; padding: .2rem 0 !important; border-radius: 0 !important; color: var(--dusk) !important; font-weight: 600;
  text-decoration: underline; text-decoration-color: rgba(61,72,103,.3); text-underline-offset: .35em; }
@media (prefers-reduced-motion: reduce) { body .search-form button svg { transition: none; } }
main.search-page .check-article.hero-art > h1, .hero-art > h1:has(+ .search-form) { max-width: none !important; }
#results .result, #results .result * { text-decoration: none !important; }
#results .result small { font-size: .74rem; letter-spacing: .08em; color: #666E84; }
#results .result h2 { font-family: var(--serif); color: var(--dusk); transition: color .25s; }
#results .result p { color: #5F6884; }
#results .result:hover h2 { text-decoration: underline !important; text-decoration-color: rgba(61,72,103,.35) !important; text-underline-offset: .3em; }
.check-article p.search-scope, .check-article p#search-state { font-size: .8rem !important; line-height: 1.6 !important; color: #666E84 !important; } .check-article p.search-scope { color: #A3AAB9 !important; }

/* ===== 2026-10-21 지음: 푸터 정비 — 브랜드·링크 한 줄, 안내 글 작게, 사업자 정보는 항목 단위로 끊기게 ===== */
.site-foot { padding: 3rem 0 2.4rem; font-size: .86rem; color: rgba(246,242,236,.72); }
.site-foot p + p { margin-top: 0; }
.site-foot .ft-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .8rem 2rem; padding-bottom: 1.3rem; margin-bottom: 1.3rem; border-bottom: 1px solid rgba(246,242,236,.12); }
.site-foot .mark { margin: 0; font-size: 1.2rem; letter-spacing: -.01em; }
.site-foot .mark span { font-size: .78em; letter-spacing: .14em; opacity: .7; margin-left: .2rem; }
.site-foot .links { margin: 0 !important; gap: .3rem 1.3rem; font-size: .82rem; }
.site-foot .links a { color: rgba(246,242,236,.82); text-decoration: none; transition: color .2s; }
.site-foot .links a:hover, .site-foot .links a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: .3em; text-decoration-color: rgba(246,242,236,.4); }

.site-foot .ft-biz { display: flex; flex-wrap: wrap; gap: .15rem 0; margin: 0 0 1.1rem; font-size: .78rem; color: rgba(246,242,236,.55); }
.site-foot .ft-biz span { white-space: nowrap; }
.site-foot .ft-biz span + span::before { content: "·"; margin: 0 .55rem; opacity: .6; }
.site-foot .ft-biz a { color: rgba(246,242,236,.8); text-decoration: none; }
.site-foot .ft-biz a:hover { text-decoration: underline; text-underline-offset: .3em; }
.site-foot .ft-copy { margin: 0; font-size: .74rem; color: rgba(246,242,236,.4); letter-spacing: .02em; }
@media (max-width: 600px) { .site-foot .ft-top { flex-direction: column; gap: .7rem; }  }
@media (max-width: 600px) { .site-foot .ft-biz { flex-direction: column; gap: .2rem; } .site-foot .ft-biz span + span::before { content: none; } }
.balance { text-wrap: balance; }
.m-br { display: none; } @media (max-width: 760px) { .m-br { display: inline; } }
/* 2026-10-21 지음: 여행지 대문 — 대표 촬영 비행기 날개 영상(PC에서만 재생, 휴대폰은 첫 장면) */
.page-hero-bg video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 45%; }
.page-hero-bg .motion-toggle { position: absolute; right: 1rem !important; bottom: 1rem !important; top: auto !important; left: auto !important; width: 2rem; height: 2rem; padding: 0 !important; border-radius: 50% !important; display: grid; place-items: center; background: rgba(20,24,36,.35); border-color: rgba(255,255,255,.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 3; pointer-events: auto; }
.page-hero-bg .motion-toggle[hidden] { display: none; }
.page-hero-bg.has-video { pointer-events: auto; }
@media (max-width: 760px) { main.has-hero .page-hero-bg video { position: relative; } }

/* ===== 2026-10-21 지음: 여행지 대문 — 대표 촬영 야경을 번짐 없이 화보형 액자로(오른쪽 세로 사진 + 왼쪽 글) ===== */
@media (min-width: 761px) {
  main.has-hero .page-hero-bg.dest-frame { position: absolute; top: clamp(2.2rem, 4vw, 3.4rem); right: max(var(--gut), calc((100% - 1040px) / 2 + 32px)); left: auto;
    width: clamp(300px, 34vw, 430px); height: auto; aspect-ratio: 4 / 5; margin: 0; border-radius: 14px; overflow: hidden; opacity: 1;
    -webkit-mask-image: none !important; mask-image: none !important; box-shadow: 0 24px 50px rgba(30,40,70,.22), 0 2px 6px rgba(30,40,70,.08); }
  main.has-hero .page-hero-bg.dest-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; opacity: 1 !important; }
  main.has-hero:has(.dest-frame) .check-article.hero-art > h1, main.has-hero:has(.dest-frame) .check-article.hero-art > h1 + p { max-width: min(30rem, calc(100% - clamp(300px, 34vw, 430px) - 3rem)) !important; }
  main.has-hero:has(.dest-frame) .check-article.hero-art { padding-top: clamp(4rem, 9vw, 7rem) !important; }
}
.dest-frame .df-cap { position: absolute; left: 1rem; bottom: .9rem; z-index: 2; margin: 0; font-size: .74rem; letter-spacing: .14em; color: rgba(255,255,255,.88); text-shadow: 0 1px 3px rgba(0,0,0,.5); }
@media (max-width: 760px) { main.has-hero .page-hero-bg.dest-frame { margin: 0; } main.has-hero .page-hero-bg.dest-frame img { object-position: 50% 38%; } }
@media (min-width: 761px) { main.has-hero:has(.dest-frame) .check-article.hero-art > h1 + p { margin-bottom: clamp(7.5rem, 17vw, 14.5rem) !important; } }
.dest-smag > h1 { max-width: none !important; } .dest-smag .smag-photo .df-cap { left: .9rem; bottom: .8rem; }
/* 2026-10-21 지음: 여행지 대문 — 사진 왼쪽·글 오른쪽, 아래 베트남은 번갈아 글 왼쪽·작은 사진 오른쪽 */
@media (min-width: 861px) {
  .check-article.hero-art.smag.dest-smag { grid-template-columns: clamp(280px, 34vw, 430px) minmax(0, 1fr); }
  .dest-smag > .smag-photo { grid-column: 1 !important; }
  .dest-smag > .article-meta, .dest-smag > h1, .dest-smag > h1 + p { grid-column: 2 !important; }
  .dest-smag > .article-meta { margin-top: clamp(2rem, 6vw, 5rem) !important; }
  .hero-art.dest-smag > .list-card { grid-template-columns: minmax(0, 1fr) clamp(260px, 30vw, 380px) !important; }
  .hero-art.dest-smag > .list-card .lc-photo { grid-column: 2; grid-row: 1 / 7; }
  .hero-art.dest-smag > .list-card > :not(.lc-photo) { grid-column: 1; }
}
.hero-art.dest-smag > .list-card .lc-photo { aspect-ratio: 4 / 3 !important; }
.dest-smag > h1 { font-size: clamp(2.1rem, 3.5vw, 2.85rem) !important; }
/* 공명 회신(2026-10-20): 제휴 표지 글자는 모든 크기에서 0.7rem(약 11px) 이상 */ .tk-sm .tk-stub{ font-size: .7rem !important; letter-spacing: .04em; }

/* 푸터 정리 (2026-10-21): SNS 한 줄, 개인정보처리방침은 저작권 줄로 */
.site-foot .ft-copy { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1rem; }
.site-foot .ft-copy a { color: rgba(246,242,236,.62); text-decoration: none; }
.site-foot .ft-copy a:hover, .site-foot .ft-copy a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: .3em; }
@media (max-width: 600px) { .site-foot .links { flex-wrap: nowrap; gap: 1.1rem; }  }

/* 휴대폰 글자 크기를 키워도 첫 화면 검색창이 화면 밖으로 나가지 않게 (2026-10-21) */
.hero3-in.solo { grid-template-columns: minmax(0, 1fr); }
.hero3-copy { min-width: 0; }
.search3 input { width: 100%; }
/* 메뉴 막대 뒤로 본문이 비치지 않게 · 큰 글자 설정에서 메뉴 버튼이 밀리지 않게 (2026-10-21) */
.site-head { background: var(--shell); }
@media (max-width: 420px) { .site-head .wrap { gap: .5rem; } .wordmark { min-width: 0; } .wordmark small { letter-spacing: .1em; } .nav-toggle { flex: none; } }
/* 모바일 양옆 여백 넓힘: 약 19px → 24~26px (대표 2026-10-21 "빽빽해서 답답해") */
:root { --gut: clamp(1.5rem, 6.5vw, 3rem); }
/* 소개 페이지 '네 가지 약속' 모바일 가운데 정렬 (대표 2026-10-21) */
@media (max-width: 760px) { #promise > .wrap > .kicker, #promise > .wrap > h2, .about-promise .card { text-align: center !important; } .about-promise .card .pr-ic { margin-left: auto; margin-right: auto; } }
/* 여행지·이리체크·감각여행 글 페이지도 모바일 여백을 사이트 공통(--gut)으로 (2026-10-21) */
@media (max-width: 650px) { .check-article, .check-article.hero-art { padding-left: var(--gut) !important; padding-right: var(--gut) !important; } }
@media (max-width: 650px) { .sense-notice { width: calc(100% - 2 * var(--gut)); } }
/* 다낭 여행지 대표 사진을 실사로 바꾸며 PC에서 소개 문장이 사진에 겹치지 않게 (2026-10-21) */
@media (min-width: 651px) { .check-article.hero-art.guide > p { max-width: 25rem; } }
/* 모바일 여행지 액자: 번짐 없이 또렷한 사진 + 아래 여백 (2026-10-21 대표 "스며들게 처리 안 어울려, 매거진 형태로") */
@media (max-width: 760px) { main.has-hero .page-hero-bg.dest-frame { -webkit-mask-image: none !important; mask-image: none !important; aspect-ratio: 4 / 3; height: auto !important; } }
@media (min-width: 761px) { main.has-hero:has(.dest-frame) .check-article.hero-art.guide > h1 + p { margin-bottom: 1.4rem !important; } main.has-hero:has(.dest-frame) .check-article.hero-art.guide > h1 + p + p { margin-bottom: clamp(6rem, 14vw, 11rem) !important; } }
.motion-toggle[hidden] { display: none !important; }
/* 오감여행레시피: 제목 3줄(이름 / 질문 크게 / 준비 중) + 대표 직접 촬영 제주 노을 배경 (2026-10-21) */
.recipe h2.rc-title { white-space: normal !important; max-width: none; }
.recipe .rc-name { display: block; font-size: clamp(1.05rem, 2vw, 1.3rem); letter-spacing: .02em; opacity: .92; margin-bottom: .45rem; }
.recipe .rc-q { display: block; font-size: clamp(1.75rem, 4.2vw, 2.7rem); line-height: 1.3; }
.recipe .rc-title .badge { display: inline-block; margin: .9rem 0 0; font-size: .8rem; vertical-align: 0; }



.recipe:has(img[src*="recipe-real-jeju"]) h2, .recipe:has(img[src*="recipe-real-jeju"]) p { text-shadow: 0 1px 14px rgba(10,14,30,.55), 0 0 2px rgba(10,14,30,.35); }
/* 레시피 배경 v2 (2026-10-21 대표): 바다·하늘이 더 보이게 크롭, 검정 반투명 — PC 왼쪽 55%, 모바일 전체 40% */
.recipe:has(img[src*="recipe-real-jeju"])::before { background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.5) 35%, rgba(0,0,0,.18) 62%, rgba(0,0,0,0) 85%) !important; }
.recipe-bg img[src*="recipe-real-jeju"] { object-position: 62% 72%; }

/* 대표가 고른 크롭(바다·하늘 중심)으로 교체 */
.recipe-bg img[src*="recipe-real-jeju-sea"] { object-position: 50% 62%; }
@media (max-width: 760px) { .recipe-bg img[src*="recipe-real-jeju-sea"] { object-position: 62% 60%; } }
/* 레시피 모바일 전용 배경: 파스텔 해변(팀 AI, 연출 이미지(AI) 표기) + 남색 글자 (2026-10-21 대표) */
.recipe-bg picture { position: absolute; inset: 0; }
.rc-ai-m { display: none; }
@media (max-width: 760px) {
  .rc-ai-m { display: block; }
  .recipe-bg img { object-position: 50% 30% !important; }
  .recipe:has(img[src*="recipe-real-jeju"])::before { background: linear-gradient(180deg, rgba(246,242,236,.5) 0%, rgba(246,242,236,.28) 55%, rgba(246,242,236,.05) 100%) !important; }
  .recipe:has(img[src*="recipe-real-jeju"]) h2, .recipe:has(img[src*="recipe-real-jeju"]) p, .recipe:has(img[src*="recipe-real-jeju"]) .kicker { color: var(--dusk) !important; text-shadow: 0 0 18px rgba(255,255,255,.6) !important; }
  .recipe:has(img[src*="recipe-real-jeju"]) .badge { color: var(--dusk); border-color: rgba(61,72,103,.55); }
  .recipe > .rc-ai-m { color: rgba(61,72,103,.75); text-shadow: none; }
}
@media (max-width: 760px) { .recipe > .ai-label.rc-ai-m { background: none !important; } }
/* 모바일 레시피: 섬(사진 높이 42% 지점)을 '준비 중' 줄에 맞춤, 준비 중만 밝은 글자 (2026-10-21 대표) */
@media (max-width: 760px) {
  .recipe-bg img[src*="recipe-real-jeju"] { height: max(100%, 505px) !important; bottom: auto; object-position: 50% 0% !important; }
  .recipe:has(img[src*="recipe-real-jeju"]) .rc-title .badge { color: #fff !important; border-color: rgba(255,255,255,.9) !important; text-shadow: 0 1px 6px rgba(20,28,50,.45) !important; }
}
@media (max-width: 760px) { .recipe > .ai-label.rc-ai-m { color: rgba(255,255,255,.92) !important; text-shadow: 0 1px 4px rgba(20,28,50,.45) !important; } }

/* 2026-10-21 지음: 첫 화면 감각 버튼(모바일) — 원형 아이콘 + 아래 이름 (대표 A안 승인). 갤럭시 360px에서 글자가 둥근 칸 밖으로 나오던 문제 */
@media (max-width: 760px) {
  #senses .chips { display: flex; justify-content: space-between; gap: 0; padding: .4rem 0 .2rem; }
  #senses .chip { flex-direction: column; gap: .4rem; padding: 0; background: none; border: 0 !important; border-radius: 0; box-shadow: none; }
  #senses .chip:hover, #senses .chip:focus-visible { box-shadow: none; }
  #senses .chip img.sense-ic { display: block; width: min(3.6rem, 15.5vw); height: min(3.6rem, 15.5vw); box-shadow: 0 4px 14px rgba(61,72,103,.10); }
  #senses .chip .p { display: none; }
  #senses .chip .m { display: block; font-size: .82rem; color: var(--dusk); letter-spacing: -.01em; }
}

/* 2026-10-21 지음: 이리체크 체크리스트형 글(첫 글: /check/deep/tour-voucher/) — 접지 않고 펼친 본문, 요약 목록·전날 점검·예시 상품 */
.vc-article .vc-byline { font-size: .9rem; color: var(--dusk-soft); margin: -1.2rem 0 1rem; }
.vc-article .notice { margin: 0 0 1.6rem; font-size: .95rem; }
.vc-list { list-style: none; counter-reset: vc; margin: 1.8rem 0 .5rem; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.vc-list li { counter-increment: vc; border-bottom: 1px solid var(--line); margin: 0; }
.vc-list li:nth-child(odd) { border-right: 1px solid var(--line); }
.vc-list a { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; padding: .95rem .9rem; text-decoration: none !important; color: var(--dusk); }
.vc-list a::before { content: counter(vc, decimal-leading-zero); grid-row: span 2; font-family: var(--serif); font-size: 1.05rem; color: var(--dusk-soft); line-height: 1.6; }
.vc-list b { font-size: 1.02rem; line-height: 1.5; }
.vc-list span { font-size: .88rem; color: var(--dusk-soft); line-height: 1.5; }
.vc-list a:hover b, .vc-list a:focus-visible b { text-decoration: underline; text-underline-offset: 4px; }
.vc-article h2[id] { scroll-margin-top: 5.5rem; }
.vc-night { list-style: none; padding: 1.1rem 1.2rem !important; border: 1px solid var(--line); border-radius: 14px; background: #fffdf9; }
.vc-night li { position: relative; padding-left: 1.6rem; margin: .35rem 0; }
.vc-night li::before { content: ""; position: absolute; left: .1rem; top: .62em; width: .7rem; height: .38rem; border-left: 2px solid var(--dusk); border-bottom: 2px solid var(--dusk); transform: rotate(-45deg); }
.vc-picks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.2rem; }
.vc-pick { display: flex; flex-direction: column; justify-content: space-between; gap: .9rem; padding: 1.1rem 1.1rem 1.2rem; border-top: 1px solid var(--dusk); border-bottom: 1px solid var(--line); }
.vc-article .vc-pick-t { margin: 0; font-size: .92rem; line-height: 1.7; color: var(--dusk-soft); }
.vc-pick-t b { display: block; font-size: 1.02rem; color: var(--dusk); margin-bottom: .2rem; }
@media (max-width: 650px) {
  .vc-list { grid-template-columns: 1fr; }
  .vc-list li:nth-child(odd) { border-right: 0; }
  .vc-list a { padding: .8rem .2rem; }
  .vc-picks { grid-template-columns: 1fr; }
  .vc-pick { padding: 1rem .2rem 1.1rem; }
}
.vc-byline .nw { white-space: nowrap; }

/* 2026-10-22 지음: 이리체크 본문을 접지 않고 펼침(오감 SEO 점검 P2, 대표 승인) — 상자 테두리 없이 글로 이어지게 */
body div.full-reading.is-open { border: 0; background: none; border-radius: 0; margin: 2.4rem 0 0; padding: 0; }
body div.full-reading.is-open > h2, body div.full-reading.is-open > p, body div.full-reading.is-open > .table-wrap, body div.full-reading.is-open > ul, body div.full-reading.is-open > ol { margin-left: 0; margin-right: 0; }
/* 2026-10-22 지음: 첫 화면 이리체크 카드 — 주제 문장 자체가 링크, 카드 전체를 눌러도 이동(오감 SEO 점검 5장, 대표 승인) */
.depth .card .card-link { color: inherit; text-decoration: none; }
.depth .card .card-link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.depth .card:hover .card-link, .depth .card .card-link:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.depth .card .card-link:focus-visible { outline: none; }
.depth .card:has(.card-link:focus-visible) { outline: 3px solid #717fa4; outline-offset: 3px; }
/* 2026-10-22 지음: 이리체크 분류별 목차(/check/quick·compare·deep/)와 전체 글 목록 — 주소 규칙 /check/<분류>/<주제>/ (대표 결정) */
.cat-hub .article-meta a, .check-article .article-meta a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.cat-hub .cat-other { font-size: .95rem; color: var(--dusk-soft); }
.cat-hub .cat-other a { color: var(--dusk); }
.check-hub .hub-sub { font-size: 1.3rem; }
.hub-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.hub-list li { border-bottom: 1px solid var(--line); }
.hub-list a { display: grid; grid-template-columns: 7rem 1fr; column-gap: 1rem; padding: .9rem .2rem; text-decoration: none; color: var(--dusk); }
.hub-list span { grid-row: span 2; font-size: .82rem; color: var(--dusk-soft); padding-top: .2rem; }
.hub-list b { font-size: 1.02rem; }
.hub-list small { font-size: .88rem; color: var(--dusk-soft); }
.hub-list a:hover b, .hub-list a:focus-visible b { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 650px) { .hub-list a { grid-template-columns: 1fr; } .hub-list span { grid-row: auto; } }
/* 전체 글 목록을 카드 줄과 맞춤 */
.check-hub .hub-sub { margin: 3.5rem auto .8rem; }
.check-hub .hub-list { border-top: 0; padding-top: 0; padding-bottom: 0; }
.hub-list li:first-child { border-top: 1px solid var(--line); }
.cat-hub .preview-grid { margin-top: 2.2rem; }
/* 2026-10-22 지음: 휴대폰 글자 크기 150%에서 화면 밖 넘침 수정 — 2열 카드 최소 폭이 글자 크기를 따라 커지던 문제, 감각 아이콘 줄(6개)이 한 줄을 넘던 문제 */
.g2 { grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr)); }
@media (max-width: 700px) {
  .hero-art > .sense-links { gap: min(.6rem, 2vw) !important; }
  .hero-art > .sense-links img.sense-ic, .hero-art > .sense-links a.all { width: min(2.7rem, 11.5vw) !important; height: min(2.7rem, 11.5vw) !important; }
}
/* 2026-10-22 지음: 글 안 복사 상자(바우처 글 숙소 칸 예시) */
.vc-copy { position: relative; margin: 0 0 1.4rem; border: 1px solid var(--line); border-radius: 12px; background: #fffdf9; }
.vc-copy pre { margin: 0; padding: 1rem 5rem 1rem 1rem; font-family: ui-monospace, Consolas, monospace; font-size: .9rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--dusk); }
.vc-copy-btn { position: absolute; top: .6rem; right: .6rem; border: 1px solid var(--dusk); background: #fff; color: var(--dusk); border-radius: 999px; padding: .3rem .8rem; font: inherit; font-size: .82rem; cursor: pointer; }
.vc-copy-btn:hover, .vc-copy-btn:focus-visible { background: var(--dusk); color: #fff; }

/* 2026-10-22 지음: 홈페이지 글 형식(대표 확정) — 짧은 소제목 + 굵은 결론 + 라벨 블록('혼자라면' 칸) + 실제 캡처 → 아래 설명.
   휴대폰(760px 이하) = 가운데 정렬(A안), PC = 왼쪽 정렬·라벨 칸(B안). 첫 적용: /check/deep/tour-voucher/ */
.fx h2.fx-h { font-size: 1.35rem; margin: 2.8rem 0 .6rem; line-height: 1.4; }
.fx .fx-key { margin: 0 0 1.2rem; font-size: 1.05rem; }
.fx .fx-labels { margin: 0 0 1.6rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: .6rem 0; }
.fx .fx-labels > div { display: grid; grid-template-columns: 6.2rem 1fr; gap: .8rem; padding: .45rem 0; align-items: baseline; }
.fx .fx-labels dt { font-size: .82rem; font-weight: 700; color: var(--dusk-soft); letter-spacing: .02em; }
.fx .fx-labels dd { margin: 0; font-size: .98rem; line-height: 1.65; color: var(--dusk); }
.fx .fx-labels .fx-solo { background: #FFF6EC; border-radius: 10px; padding: .55rem .7rem; margin: .3rem 0; }
.fx .fx-labels .fx-solo dt { color: #9A4A16; }
.fx .fx-shot { margin: 1.6rem 0 1rem; max-width: 22rem; }
.fx .fx-shot img { width: 100%; height: auto; display: block; border: 1px solid var(--line); border-radius: 14px; }
.fx .fx-shot figcaption { font-size: .78rem; color: #666E84; margin-top: .45rem; }
.fx .fx-quote { margin: 1.4rem 0 1rem; padding: 1rem 1.1rem; border-left: 3px solid var(--dusk); background: #fffdf9; border-radius: 0 12px 12px 0; }
.fx .fx-quote p { margin: 0; font-size: 1rem; line-height: 1.7; color: var(--dusk); font-weight: 600; }
.fx .fx-quote cite { display: block; margin-top: .5rem; font-style: normal; font-size: .78rem; color: #666E84; }
.fx .m-br { display: none; }
@media (max-width: 760px) {
  .fx .m-br { display: inline; }
  .fx-resp > h2, .fx-resp > p, .fx-resp .fx-shot figcaption, .fx-resp > .article-meta { text-align: center; }
  .fx-resp > .notice { text-align: left; }
  .fx-resp .fx-labels > div { grid-template-columns: 1fr; gap: .1rem; text-align: center; }
  .fx-resp .fx-shot { margin-left: auto; margin-right: auto; }
  .fx-resp .fx-quote { border-left: 0; border-top: 2px solid var(--dusk); border-radius: 0 0 12px 12px; text-align: center; }
  .fx h2.fx-h { font-size: 1.2rem; }
}
/* 2026-10-22 지음: 바우처 글 보강 — 휴대폰 제목 가운데, 대표 사진, 오감트립 TIP 표지(오감 아이콘 오면 이미지로 교체) */
@media (max-width: 760px) { .fx-resp > h1 { text-align: center; } }
.vc-hero { margin: 0 0 1.6rem; }
.vc-hero img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 62%; border-radius: 16px; display: block; }
.vc-hero figcaption { font-size: .78rem; color: #666E84; margin-top: .45rem; }
@media (max-width: 760px) { .vc-hero figcaption { text-align: center; } }
.og-tip { margin-right: .2rem; }

/* 2026-10-22 지음: 바우처 글 — 대표 사진을 바우처 예시 캡처로, 다섯 가지 체크 표시, 공식 안내 세로 목록 */
.vc-hero.vc-hero-voucher { max-width: 20rem; }
.vc-hero.vc-hero-voucher img { aspect-ratio: auto; object-fit: contain; border: 1px solid var(--line); }
@media (max-width: 760px) { .vc-hero.vc-hero-voucher { margin-left: auto; margin-right: auto; } }
.vc-checks { list-style: none; padding: 0 !important; margin: .4rem 0 1.2rem; display: flex; flex-wrap: wrap; gap: .5rem .9rem; }
.vc-checks li { position: relative; padding-left: 1.7rem; font-weight: 600; color: var(--dusk); margin: 0; }
.vc-checks li::before { content: ""; position: absolute; left: 0; top: .28em; width: 1.15rem; height: 1.15rem; border: 1.5px solid var(--dusk); border-radius: 4px; background: #fffdf9; }
.vc-checks li::after { content: ""; position: absolute; left: .32rem; top: .5em; width: .55rem; height: .3rem; border-left: 2px solid var(--dusk); border-bottom: 2px solid var(--dusk); transform: rotate(-45deg); }
@media (max-width: 760px) { .vc-checks { flex-direction: column; gap: .45rem; } }
.vc-article .vc-src-k { margin: 1.6rem 0 .4rem; font-size: .9rem; font-weight: 700; color: var(--dusk-soft); }
.vc-src { list-style: none; padding: 0 !important; margin: 0 0 1.4rem; }
.vc-src li { margin: .25rem 0; font-size: .95rem; }
@media (max-width: 760px) { .vc-src { text-align: center; } }
/* 2026-10-22 지음: 오감트립 TIP 표지 — 오감 시안(남색 얇은 원 + 세리프 TIP)을 이미지 대신 글자·테두리로 구현(용량 0, 선명) */
.og-tip { display: inline-grid; place-items: center; padding: 0; margin: 0 .35rem 0 0; border: 1.5px solid var(--dusk); border-radius: 50%; background: transparent; color: var(--dusk); font-family: var(--serif); font-weight: 600; line-height: 1; vertical-align: middle; white-space: nowrap; }
.og-tip .og-tip-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 760px) { .fx-resp .og-tip { display: grid; margin: .25rem auto .4rem; } .fx-resp .vc-night .og-tip { margin-left: 0; } }
.og-tip { width: 3.4em; height: 3.4em; font-size: .66rem; border-width: 1.2px; letter-spacing: .06em; text-indent: .06em; }
/* TIP 표지는 휴대폰에서도 문장 왼쪽에(대표 지시) */
@media (max-width: 760px) { .fx-resp .og-tip, .fx-resp .vc-night .og-tip { display: inline-grid; margin: 0 .4rem 0 0; vertical-align: middle; } }
/* 체크 목록: 휴대폰에서 상자들이 세로 한 줄로 정렬되고, 묶음 전체는 가운데(대표 지시) */
@media (max-width: 760px) { .vc-checks { align-items: flex-start; width: fit-content; margin-left: auto !important; margin-right: auto !important; } }
/* 목차 카드의 바우처 예시 이미지는 윗부분(상품명·날짜)이 보이게 */
.preview-card img.pc-voucher { background: #fff; }
.preview-card img.pc-voucher { object-position: 50% 50%; }
.preview-card img.pc-voucher + .ai-label { color: #1f1f1f !important; text-shadow: none !important; }
/* 2026-10-22 전자명함 끝 서명: 편지처럼 오른쪽 정렬, 손글씨 사인 자리(.sign-img는 대표 파일 받으면 사용) */
.iri-finale2 .finale2-text .sign { text-align: right !important; margin-top: 1.4rem; }
.iri-finale2 .sign .sign-img { display: block; margin: .4rem 0 0 auto; height: 3.2rem; width: auto; }
/* 2026-10-22 제휴 버튼 아래 앱 설치 안내(작게) */
.app-note { font-size: .85rem; color: var(--sub); line-height: 1.7; margin-top: .8rem; }
.card .app-note { margin-top: .7rem; }
/* 2026-10-22 작은 휴대폰(430px 이하)에서만 줄바꿈: 넓은 화면은 한 줄 유지 */
.xs-br { display: none; } @media (max-width: 430px) { .xs-br { display: inline; } }

/* 2026-10-22 휴대폰 첫 화면 앱형(바로가기·가로 카드·목록·하단 탭바). PC는 그대로 */
.m-app, .m-tabbar { display: none; }
@media (max-width: 760px) {
  body:has(.m-tabbar) { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  main#main > #senses, main#main > #check, main#main > #faq, main#main > .recipe, main#main > #promise { display: none; }
  .hero3-paths { display: none; }
  .m-app { display: flex; flex-direction: column; gap: 28px; padding: 22px 16px 32px; background: var(--shell); }
  .ma-sec { display: flex; flex-direction: column; gap: 12px; }
  .ma-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .ma-head a { font-size: .82rem; color: #666E84; text-decoration: none; }
  .ma-h { font-family: var(--serif); font-size: 1.2rem; font-weight: 600; margin: 0; }
  .ma-sub { margin: -4px 0 0; font-size: .86rem; color: #666E84; line-height: 1.6; }
  .ma-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 6px; background: #FFFDF9; border: 1px solid rgba(61,72,103,.08); border-radius: 18px; padding: 16px 8px 12px; }
  .ma-grid a { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: var(--dusk); font-size: .8rem; font-weight: 500; }
  .ma-grid img, .ma-ic { width: 46px; height: 46px; border-radius: 50%; background: #F1ECF8; display: grid; place-items: center; object-fit: contain; padding: 5px; }
  .ma-ic svg { width: 22px; height: 22px; fill: none; stroke: #5B4A9A; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .ma-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 42%; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 2px 16px 6px; scrollbar-width: none; }
  .ma-rail::-webkit-scrollbar { display: none; }
  .ma-card { position: relative; scroll-snap-align: start; display: block; border-radius: 14px; overflow: hidden; text-decoration: none; aspect-ratio: 4 / 5; background: #E7E2DA; }
  .ma-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ma-card::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(to top, rgba(20,24,36,.72), rgba(20,24,36,0)); }
  .ma-card b { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 1; color: #FFFDF9; font-size: .86rem; line-height: 1.35; font-weight: 700; }
  .ma-cr { position: absolute; top: 7px; right: 8px; z-index: 1; font-size: .62rem; color: rgba(255,255,255,.9); text-shadow: 0 1px 2px rgba(0,0,0,.5); }
  .ma-list { list-style: none; margin: 0; padding: 0; background: #FFFDF9; border: 1px solid rgba(61,72,103,.08); border-radius: 16px; overflow: hidden; }
  .ma-list li + li { border-top: 1px solid rgba(61,72,103,.08); }
  .ma-list a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 13px 14px; text-decoration: none; color: var(--dusk); }
  .ma-list a:not(:has(.ma-tag)) { grid-template-columns: 1fr auto; }
  .ma-list b { font-size: .9rem; font-weight: 600; line-height: 1.45; }
  .ma-tag { font-size: .68rem; font-weight: 700; color: #5B4A9A; background: #F1ECF8; border-radius: 999px; padding: 3px 8px; white-space: nowrap; }
  .ma-arr { color: #9AA0B2; font-size: 1.2rem; }
  .m-tabbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: rgba(255,253,249,.96); backdrop-filter: blur(8px); border-top: 1px solid rgba(61,72,103,.1); padding: 6px max(8px, env(safe-area-inset-right, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px)); }
  .m-tabbar a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 0; text-decoration: none; color: #6E7386; font-size: .68rem; font-weight: 500; }
  .m-tabbar a[aria-current="page"] { color: #5B4A9A; font-weight: 700; }
  .m-tabbar svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
}
/* 2026-10-22 푸터: 브랜드 시그니처 그러데이션(Iridescent Glow) 바탕 + OGAM Dusk 글자 (대표 선택 A) */
.site-foot { background: linear-gradient(135deg, #E6D3EE 0%, #D6D8F4 100%); color: #4A5068; }
.site-foot .mark, .site-foot .mark span { color: #3D4867; }
.site-foot a, .site-foot .links a, .site-foot .ft-biz a { color: #3D4867; }
.site-foot .links a:hover, .site-foot .links a:focus-visible { color: #22283A; text-decoration-color: rgba(61,72,103,.4); }
.site-foot .ft-top { border-bottom-color: rgba(61,72,103,.15); }
.site-foot .ft-biz { color: #4A5068; }
.site-foot .ft-copy { color: #5F6884; }
.site-foot .ft-copy a { color: #3D4867; text-decoration: underline; text-underline-offset: .25em; text-decoration-color: rgba(61,72,103,.35); }
@media (max-width: 760px) { .m-tabbar { grid-template-columns: repeat(5, minmax(0, 1fr)); } .m-tabbar a { min-width: 0; font-size: 11px; } .m-tabbar a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } }
@media (max-width: 760px) { .ma-hr { display: flex; align-items: center; gap: 10px; } .ma-play { appearance: none; border: 1px solid rgba(61,72,103,.18); background: #FFFDF9; color: #5B4A9A; width: 28px; height: 28px; border-radius: 50%; font-size: 10px; line-height: 1; cursor: pointer; } .ma-play:focus-visible { outline: 2px solid #5B4A9A; outline-offset: 2px; } }
/* 2026-10-22 가로 카드 끊김 없는 회전(JS가 .is-marquee를 붙였을 때만) */
@media (max-width: 760px) {
  .ma-rail .ma-track { display: contents; }
  .ma-rail.is-marquee { display: block; overflow: hidden; scroll-snap-type: none; }
  .ma-rail.is-marquee .ma-track { display: flex; width: max-content; animation: ma-marquee 36s linear infinite; }
  .ma-rail.is-marquee .ma-card { width: calc((100vw - 32px) * .42); flex: none; margin-right: 10px; }
  .ma-rail.is-paused .ma-track, .ma-rail.is-held .ma-track, .ma-rail.is-off .ma-track { animation-play-state: paused; }
  @keyframes ma-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) { .ma-rail.is-marquee .ma-track { animation: none; } }
/* 2026-10-22 가로 카드: 자동 회전 대신 손으로 미는 무한 순환(.is-loop). 스냅 없이 자연스럽게 흐름 */
@media (max-width: 760px) {
  .ma-rail.is-loop { display: block; overflow-x: auto; scroll-snap-type: none; -webkit-overflow-scrolling: touch; }
  .ma-rail.is-loop .ma-track { display: flex; width: max-content; animation: none; }
  .ma-rail.is-loop .ma-card { width: calc((100vw - 32px) * .42); flex: none; margin-right: 10px; scroll-snap-align: none; }
}
/* 2026-10-22 메뉴 버튼: 푸터와 같은 시그니처 그러데이션(Iridescent Glow) + OGAM Dusk 글자 */
.nav-toggle { background: linear-gradient(135deg, #E6D3EE 0%, #D6D8F4 100%); color: #3D4867; border-color: #CDC0DE; }
.nav-toggle[aria-expanded="true"] { background: #FFFDF9; color: #3D4867; border-color: #CDC0DE; }
.nav-toggle:focus-visible { outline: 2px solid #5B4A9A; outline-offset: 2px; }
@media (max-width: 760px) { .ma-grid img.ma-ic-img { background: none; padding: 0; border-radius: 50%; object-fit: cover; } }
/* 2026-10-24 지음: 대표 요청 — 대문 사진 위 소개 한 줄(eyebrow)이 흐려 보여 진하게 */
.hero3 .eyebrow { color: #2A3150 !important; font-weight: 700 !important; letter-spacing: .01em; }
@media (min-width: 651px) {
  .hero3 .eyebrow { text-shadow: 0 0 10px rgba(246,242,236,.95), 0 0 3px rgba(246,242,236,.95) !important; }
}

/* 홈 역할 한 문장 (정밀 진단 권고, 2026-10-26) */
.hero3 h1 + .hero3-note { margin: -.6rem 0 1.4rem; font-size: .98rem; line-height: 1.6; color: var(--dusk); text-shadow: 0 0 2px rgba(255,255,255,.95), 0 0 12px rgba(255,255,255,.9); }
@media (max-width: 650px) { .hero3 h1 + .hero3-note { font-size: .9rem; margin-bottom: 1.1rem; } }