미디투어 남프랑스

남프랑스 가이드, 공인 가이드, 미술/건축 가이드

manulmidi@gmail.com

카톡ID: manu1002

Insta: 미디투어

미디투어 소개

https://www.myrealtrip.com/guides/7135

manulmidi@gmail.com

미디투어 아트투어

미디투어 — 남프랑스 미술 & 건축 투어

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
–ink:#1A1510;
–cream:#F6F0E4;
–warm:#EDE4D0;
–terra:#B8612E;
–terra-light:#D4835A;
–gold:#C8A456;
–lavender:#8285A8;
–sage:#7A8C6E;
–muted:rgba(26,21,16,0.55);
}
html{scroll-behavior:smooth}
body{background:var(–cream);color:var(–ink);font-family:’Noto Serif KR’,serif;overflow-x:hidden}

/* ── CUSTOM CURSOR ── */
body{cursor:crosshair}
a,button{cursor:crosshair}

/* ── NAV ── */
nav{
position:fixed;top:0;left:0;right:0;z-index:200;
padding:22px 60px;
display:flex;justify-content:space-between;align-items:center;
transition:background 0.4s,backdrop-filter 0.4s;
}
nav.scrolled{background:rgba(26,21,16,0.92);backdrop-filter:blur(12px)}
.nav-logo{
font-family:’Cormorant Garamond’,serif;font-size:20px;font-weight:400;
color:var(–cream);text-decoration:none;letter-spacing:0.08em;
}
.nav-logo span{color:var(–gold)}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links a{
font-family:’Noto Sans KR’,sans-serif;font-size:11px;letter-spacing:0.22em;
color:rgba(246,240,228,0.65);text-decoration:none;transition:color 0.2s;
}
.nav-links a:hover{color:var(–gold)}

/* ── HERO ── */
.hero{
height:100vh;min-height:700px;
background:#1A1510;
position:relative;overflow:hidden;
display:flex;align-items:flex-end;
}
.hero-bg{
position:absolute;inset:0;
background:
radial-gradient(ellipse 60% 70% at 70% 40%, rgba(184,97,46,0.18) 0%, transparent 70%),
radial-gradient(ellipse 40% 50% at 20% 80%, rgba(130,133,168,0.12) 0%, transparent 60%),
linear-gradient(160deg, #1A1510 0%, #2A1E14 50%, #1A1510 100%);
}
/* Decorative sun lines */
.hero-sun{
position:absolute;right:8%;top:50%;transform:translateY(-50%);
width:520px;height:520px;opacity:0.06;
}
.hero-sun::before,.hero-sun::after{
content:”;position:absolute;inset:0;
border-radius:50%;border:1px solid var(–gold);
}
.hero-sun::after{inset:40px;border-color:var(–terra)}
.sun-inner{
position:absolute;inset:80px;
border-radius:50%;border:1px solid var(–gold);
}
/* Vertical text */
.hero-vertical{
position:absolute;right:60px;top:50%;transform:translateY(-50%) rotate(90deg);
font-family:’Cormorant Garamond’,serif;font-size:11px;letter-spacing:0.4em;
color:rgba(200,164,86,0.4);white-space:nowrap;
}
.hero-content{
position:relative;z-index:2;
padding:0 60px 80px;
max-width:820px;
}
.hero-eyebrow{
font-family:’Noto Sans KR’,sans-serif;font-size:10px;letter-spacing:0.45em;
color:var(–gold);text-transform:uppercase;margin-bottom:28px;
display:flex;align-items:center;gap:16px;
}
.hero-eyebrow::before{content:”;display:block;width:32px;height:1px;background:var(–gold)}
.hero-quote{
font-family:’Cormorant Garamond’,serif;
font-size:clamp(13px,1.4vw,17px);
font-style:italic;font-weight:300;
color:rgba(246,240,228,0.5);
line-height:1.9;margin-bottom:36px;
max-width:560px;border-left:2px solid var(–terra);padding-left:20px;
}
.hero-title{
font-family:’Cormorant Garamond’,serif;
font-size:clamp(48px,7vw,100px);
font-weight:300;line-height:0.92;color:var(–cream);
margin-bottom:20px;
}
.hero-title em{font-style:italic;color:var(–terra-light)}
.hero-subtitle{
font-family:’Noto Serif KR’,serif;font-size:15px;font-weight:300;
color:rgba(246,240,228,0.6);line-height:2;margin-bottom:48px;max-width:480px;
}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}
.btn-primary{
display:inline-block;padding:15px 40px;
background:var(–terra);color:var(–cream);
font-family:’Noto Sans KR’,sans-serif;font-size:11px;letter-spacing:0.2em;
text-decoration:none;transition:background 0.3s;
}
.btn-primary:hover{background:var(–terra-light)}
.btn-outline{
display:inline-block;padding:15px 40px;
border:1px solid rgba(246,240,228,0.3);color:rgba(246,240,228,0.7);
font-family:’Noto Sans KR’,sans-serif;font-size:11px;letter-spacing:0.2em;
text-decoration:none;transition:all 0.3s;
}
.btn-outline:hover{border-color:var(–gold);color:var(–gold)}

/* hero scroll indicator */
.scroll-hint{
position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
display:flex;flex-direction:column;align-items:center;gap:8px;
font-family:’Noto Sans KR’,sans-serif;font-size:9px;letter-spacing:0.3em;
color:rgba(246,240,228,0.3);
}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(–terra),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:0.3}50%{opacity:1}}

/* ── INTRO ── */
.intro{
display:grid;grid-template-columns:1fr 1fr;
background:var(–ink);color:var(–cream);
}
.intro-left{
padding:100px 64px;
border-right:1px solid rgba(246,240,228,0.07);
}
.intro-right{
padding:100px 64px;
display:flex;flex-direction:column;justify-content:center;
}
.eyebrow{
font-family:’Noto Sans KR’,sans-serif;font-size:10px;letter-spacing:0.4em;
color:var(–gold);text-transform:uppercase;margin-bottom:24px;
}
.section-title{
font-family:’Cormorant Garamond’,serif;
font-size:clamp(32px,3.5vw,52px);font-weight:300;line-height:1.1;
}
.section-title em{font-style:italic;color:var(–terra-light)}
.rule{width:40px;height:1px;background:var(–terra);margin:28px 0}
.intro-body{
font-size:14px;line-height:2.2;color:rgba(246,240,228,0.65);font-weight:300;
}
.intro-body p+p{margin-top:20px}
.intro-stats{
display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:0;
}
.stat{
background:rgba(246,240,228,0.03);padding:36px 32px;
border-top:1px solid rgba(246,240,228,0.07);
}
.stat-n{
font-family:’Cormorant Garamond’,serif;font-size:44px;font-weight:300;
color:var(–terra-light);line-height:1;margin-bottom:8px;
}
.stat-l{
font-family:’Noto Sans KR’,sans-serif;font-size:10px;letter-spacing:0.15em;
color:rgba(246,240,228,0.4);
}

/* ── TOURS ── */
.tours{background:var(–warm);padding:100px 60px}
.tours-header{
display:grid;grid-template-columns:1fr 1fr;gap:60px;
align-items:end;margin-bottom:64px;
}
.tours-header p{
font-size:14px;line-height:2.1;color:var(–muted);font-weight:300;
border-left:2px solid var(–terra);padding-left:20px;
}
.tours-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.tour-card{
background:var(–ink);position:relative;overflow:hidden;
padding:48px 32px 40px;min-height:420px;
display:flex;flex-direction:column;justify-content:flex-end;
transition:transform 0.4s ease;cursor:pointer;
}
.tour-card:hover{transform:translateY(-6px)}
.tour-card::before{
content:”;position:absolute;inset:0;
background:linear-gradient(160deg,rgba(184,97,46,0.08),rgba(130,133,168,0.06));
opacity:0;transition:opacity 0.4s;
}
.tour-card:hover::before{opacity:1}
.tour-num{
position:absolute;top:24px;right:24px;
font-family:’Cormorant Garamond’,serif;font-size:64px;font-weight:300;
color:rgba(246,240,228,0.04);line-height:1;
}
.tour-code{
font-family:’Noto Sans KR’,sans-serif;font-size:9px;letter-spacing:0.4em;
color:var(–gold);margin-bottom:16px;
}
.tour-name{
font-family:’Cormorant Garamond’,serif;font-size:22px;font-weight:300;
color:var(–cream);line-height:1.25;margin-bottom:16px;
}
.tour-spots{
font-family:’Noto Sans KR’,sans-serif;font-size:10px;line-height:2;
color:rgba(246,240,228,0.45);font-weight:300;
}

/* ── FEATURES ── */
.features{background:var(–cream);padding:100px 60px}
.features-top{
display:grid;grid-template-columns:5fr 7fr;gap:80px;
align-items:start;margin-bottom:72px;
}
.features-desc{
font-size:14px;line-height:2.2;color:var(–muted);font-weight:300;
}
.features-desc p+p{margin-top:16px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.feat{
padding:48px 40px;background:var(–warm);
position:relative;overflow:hidden;transition:background 0.35s;
}
.feat:hover{background:var(–terra)}
.feat:hover .feat-title,.feat:hover .feat-body,.feat:hover .feat-num{color:var(–cream)}
.feat-num{
position:absolute;top:20px;right:24px;
font-family:’Cormorant Garamond’,serif;font-size:80px;font-weight:300;
color:rgba(184,97,46,0.08);line-height:1;transition:color 0.35s;pointer-events:none;
}
.feat-icon{font-size:26px;margin-bottom:24px;display:block}
.feat-title{
font-family:’Noto Serif KR’,serif;font-size:16px;font-weight:600;
color:var(–ink);margin-bottom:14px;transition:color 0.35s;
}
.feat-body{
font-family:’Noto Sans KR’,sans-serif;font-size:12px;line-height:1.95;
color:var(–muted);font-weight:300;transition:color 0.35s;
}

/* ── TOUR INFO ── */
.info{background:var(–ink);color:var(–cream);padding:100px 60px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:60px}
.info-block{
padding:52px 48px;
border-top:1px solid rgba(246,240,228,0.08);
}
.info-block:nth-child(odd){border-right:1px solid rgba(246,240,228,0.08)}
.info-block-title{
font-family:’Cormorant Garamond’,serif;font-size:26px;font-weight:300;
font-style:italic;color:var(–gold);margin-bottom:24px;
}
.info-list{list-style:none}
.info-list li{
font-family:’Noto Sans KR’,sans-serif;font-size:13px;line-height:2.1;
color:rgba(246,240,228,0.65);font-weight:300;padding:8px 0;
border-bottom:1px solid rgba(246,240,228,0.06);
padding-left:16px;position:relative;
}
.info-list li::before{
content:’—’;position:absolute;left:0;
color:var(–terra);font-family:’Cormorant Garamond’,serif;
}
.info-note{
font-family:’Noto Sans KR’,sans-serif;font-size:11px;line-height:2;
color:rgba(246,240,228,0.35);margin-top:20px;padding:16px;
border:1px solid rgba(246,240,228,0.06);
}

/* ── GUIDE ── */
.guide{
display:grid;grid-template-columns:1fr 1fr;
background:var(–warm);
}
.guide-visual{
background:var(–ink);min-height:600px;
display:flex;flex-direction:column;justify-content:flex-end;
padding:60px;position:relative;overflow:hidden;
}
.guide-bg-text{
position:absolute;top:40px;left:40px;
font-family:’Cormorant Garamond’,serif;font-size:160px;font-weight:300;
color:rgba(246,240,228,0.03);line-height:1;pointer-events:none;
}
.guide-name{
font-family:’Cormorant Garamond’,serif;font-size:52px;font-weight:300;
color:var(–cream);line-height:1;margin-bottom:8px;position:relative;
}
.guide-name em{font-style:italic;color:var(–terra-light)}
.guide-title-label{
font-family:’Noto Sans KR’,sans-serif;font-size:11px;letter-spacing:0.25em;
color:rgba(246,240,228,0.45);position:relative;
}
.credentials{
display:flex;flex-direction:column;gap:2px;margin-top:32px;position:relative;
}
.cred{
background:rgba(246,240,228,0.04);padding:14px 20px;
font-family:’Noto Sans KR’,sans-serif;font-size:11px;
color:rgba(246,240,228,0.55);letter-spacing:0.05em;
display:flex;align-items:center;gap:12px;
}
.cred::before{
content:”;display:block;width:6px;height:6px;
border-radius:50%;background:var(–terra);flex-shrink:0;
}
.guide-text{padding:80px 64px;display:flex;flex-direction:column;justify-content:center}
.guide-text .section-title{color:var(–ink);margin-bottom:28px}
.guide-bio{
font-size:14px;line-height:2.2;color:var(–muted);font-weight:300;margin-bottom:32px;
}
.guide-bio p+p{margin-top:16px}
.cert-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cert-tag{
padding:7px 16px;background:var(–ink);color:var(–cream);
font-family:’Noto Sans KR’,sans-serif;font-size:10px;letter-spacing:0.12em;
}

/* ── CTA ── */
.cta{
background:var(–terra);padding:120px 60px;
text-align:center;position:relative;overflow:hidden;
}
.cta::before{
content:’남프랑스’;
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
font-family:’Cormorant Garamond’,serif;font-size:22vw;font-weight:300;
color:rgba(255,255,255,0.04);white-space:nowrap;pointer-events:none;line-height:1;
}
.cta-eyebrow{
font-family:’Noto Sans KR’,sans-serif;font-size:10px;letter-spacing:0.4em;
color:rgba(246,240,228,0.6);margin-bottom:20px;position:relative;
}
.cta-title{
font-family:’Cormorant Garamond’,serif;
font-size:clamp(36px,5vw,72px);font-weight:300;
color:var(–cream);line-height:1.1;margin-bottom:20px;position:relative;
}
.cta-title em{font-style:italic}
.cta-sub{
font-family:’Noto Serif KR’,serif;font-size:15px;font-weight:300;
color:rgba(246,240,228,0.7);margin-bottom:48px;position:relative;
}
.cta-contacts{
display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
position:relative;
}
.cta-btn{
display:inline-flex;align-items:center;gap:10px;
padding:16px 44px;
font-family:’Noto Sans KR’,sans-serif;font-size:12px;letter-spacing:0.2em;
text-decoration:none;transition:all 0.3s;
}
.cta-btn.kakao{background:#FEE500;color:#1A1510}
.cta-btn.kakao:hover{background:#fff;color:var(–terra)}
.cta-btn.email{background:rgba(246,240,228,0.12);color:var(–cream);border:1px solid rgba(246,240,228,0.3)}
.cta-btn.email:hover{background:var(–cream);color:var(–terra)}
.cta-note{
font-family:’Noto Sans KR’,sans-serif;font-size:11px;
color:rgba(246,240,228,0.45);margin-top:28px;letter-spacing:0.05em;
position:relative;
}

/* ── FOOTER ── */
footer{
background:var(–ink);padding:60px;
display:flex;justify-content:space-between;align-items:flex-end;
flex-wrap:wrap;gap:24px;
}
.footer-logo{
font-family:’Cormorant Garamond’,serif;font-size:28px;font-weight:300;color:var(–cream);
}
.footer-logo span{color:var(–terra-light)}
.footer-tagline{
font-family:’Noto Serif KR’,serif;font-size:12px;font-weight:300;
color:rgba(246,240,228,0.3);margin-top:6px;
}
.footer-links{
display:flex;flex-direction:column;align-items:flex-end;gap:8px;
}
.footer-links a{
font-family:’Noto Sans KR’,sans-serif;font-size:11px;letter-spacing:0.12em;
color:rgba(246,240,228,0.4);text-decoration:none;transition:color 0.2s;
}
.footer-links a:hover{color:var(–gold)}
.footer-copy{
font-family:’Noto Sans KR’,sans-serif;font-size:10px;
color:rgba(246,240,228,0.2);margin-top:4px;
}

/* ── FADE-IN ANIMATIONS ── */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-up.visible{opacity:1;transform:none}

/* ── RESPONSIVE ── */
@media(max-width:960px){
nav{padding:18px 24px}
.nav-links{display:none}
.hero-content{padding:0 28px 60px}
.hero-vertical{display:none}
.intro,.guide{grid-template-columns:1fr}
.intro-left,.intro-right{padding:60px 28px}
.intro-stats{grid-template-columns:1fr 1fr}
.tours{padding:72px 24px}
.tours-header{grid-template-columns:1fr;gap:24px}
.tours-grid{grid-template-columns:1fr 1fr}
.features{padding:72px 24px}
.features-top{grid-template-columns:1fr;gap:32px}
.features-grid{grid-template-columns:1fr}
.info{padding:72px 24px}
.info-grid{grid-template-columns:1fr}
.info-block:nth-child(odd){border-right:none}
.guide-visual{min-height:420px;padding:40px}
.guide-text{padding:48px 28px}
.cta{padding:80px 28px}
footer{padding:40px 28px;flex-direction:column;align-items:flex-start}
.footer-links{align-items:flex-start}
}

MARSEILLE · PROVENCE · CÔTE D’AZUR

미디투어 · miditour.com

“이 땅의 햇살은 단순한 조명을 넘어,
창작 조건이자 삶을 지탱하는 본질 그 자체이다.”

미술 &
건축으로
만나는
남프랑스

프랑스 공인 가이드이자 미술 작가가 안내하는
소규모 단독 맞춤 한국어 아트 투어

투어 상담 신청
투어 코스 보기

SCROLL

About MidiTour

예술가의 눈으로
설계한 여정

미디투어는 미술 작가이자 프랑스 공인 가이드가 동행하는 소규모 단독 맞춤 투어입니다.

마르세유를 시작으로 프로방스와 코트다쥐르 전역을 아우르며, 단순한 관광을 넘어 명승고적과 대자연은 물론, 인상파의 숨결이 머문 곳들부터 현대 미술 & 건축의 새롭고 대담한 미학까지 연결합니다.

당신의 취향에 맞게 설계된 “나만의 남프랑스 아트 투어”로, 다면적인 이 땅을 깊이 만나보시기 바랍니다.

2~8
소규모 단독 투어 인원

3~8일
맞춤 일정 기간

220+
마이리얼트립 후기

한국어
전담 가이드 진행

Tour Courses

시그니처
투어 코스

인상파의 빛부터 르 코르뷔지에의 건축, 세잔의 화폭, 라벤더 들판과 베르동 협곡까지 — 각 코스는 남프랑스의 서로 다른 얼굴을 담고 있습니다.

1

MIDI 1

마르세유
+ 카시스

마르세유 구항구
르 코르뷔지에 유니테
카시스 절벽 항구

잔

MIDI 잔

세잔 투어
아트투어

액상프로방스
세잔 아틀리에
샤토라코스트 미술관

2

MIDI 2

뤼베롱
투어

퐁댄드보클뤼즈
고르드 석조 마을
후씨옹 · 보니우

3

MIDI 3

반 고흐
투어

아를 고흐의 광장
생레미드프로방스
빛의 채석장

랑

MIDI 랑

라벤더 &
베르동

라벤더 밭
베르동 협곡
무스티에 생트마르

Why MidiTour

미디투어만의
특별한 이유

전문 도슨트로부터 생생한 예술 현장들을 만나봅니다. 햇빛 방향에 따라 자연의 최적한 순간으로 안내합니다.

일정 설계부터 진행까지 미디투어 대표 가이드 Manu가 함께합니다.

01

미술 전문 도슨트

마르세유 보자르(DNSEP 미술 석사) 출신 작가가 인상파, 현대 미술, 건축의 맥락을 생생하게 해설합니다. 단순 명소 방문을 넘어선 깊이 있는 예술 경험.

02

빛의 타이밍 안내

화가들이 사랑한 프로방스의 빛. 햇빛 방향과 시간대에 따라 최적의 감상 순간을 설계합니다. 같은 장소도 빛에 따라 전혀 다른 회화가 됩니다.

03

완전 한국어 진행

현지에서 수십 년을 살아온 가이드가 한국어로 모든 일정을 안내합니다. 레스토랑 예약과 메뉴 주문까지 세심하게 도와드립니다.

04

단독 맞춤 투어

가족, 친구, 출장팀 등 우리만의 단독 투어. EVTC 등록 벤츠 밴 9인승으로 호텔에서 호텔까지 편안하게 모셔드립니다.

05

전체 일정 설계

남프랑스까지의 동선(교통권)부터 전체 마감 일정까지 설계해 드립니다. 숙박과 식사는 일정에 맞는 곳으로 추천 후 자유 예약 진행.

06

무료 사전 상담

오랜 현지 경험을 바탕으로 생생한 정보를 성심성의껏 안내해 드립니다. 메일 또는 카카오톡으로 편하게 문의주세요.

Tour Information

투어 안내 &
이용 정보

투어 구성

  • 가족, 친구, 출장팀 등 우리만을 위한 단독 투어
  • 인원: 2~8인 소규모 그룹
  • 기간: 3일 ~ 8일 (여행자 취향과 목적에 맞춤)
  • 진행: 마르세유, 프로방스, 코트다쥐르 전역
  • 차량: EVTC 등록 벤츠 밴 9인승
매일 호텔부터 호텔까지 모셔드리며, 점심 식사는 적절한 곳에 예약해 드리고 주문까지 도와드립니다. 식사 비용은 자유 개인 부담입니다.

포함 & 불포함

  • ✓ 가이드 & 전문 도슨트 서비스
  • ✓ EVTC 등록 차량 이동 (호텔↔호텔)
  • ✓ 레스토랑 예약 및 주문 보조
  • ✓ 전체 일정 & 동선 설계
  • ✗ 숙박 (일정 맞춤 추천 후 자유 예약)
  • ✗ 항공권 & 교통권
  • ✗ 식사비 (개인 부담)
  • ✗ 입장료 (일정별 안내)

마이리얼트립 코스

  • 【미디1】마르세유 + 르코르뷔지에 + 카시스
  • 【미디잔】세잔 투어 · 액상프로방스 · 샤토라코스트
  • 【미디2】뤼베롱 · 퐁댄드보클뤼즈 · 고르드 · 후씨옹
  • 【미디3】반고흐 투어 · 아를 · 생레미 · 빛의채석장
  • 【미디랑】라벤더 투어 + 베르동 협곡
마이리얼트립 후기 220개+ 참고 가능

가이드 자격

  • Guide Conférencier — 프랑스 공인 가이드
  • DNSEP — 미술 석사 (마르세유 보자르)
  • VTC & EVTC — 드라이빙 자격 및 라이선스
  • EVTC 등록 차량 운영

MANU

Manu

대표 가이드 · 미술 작가

Guide Conférencier — 프랑스 공인 가이드
DNSEP — 마르세유 보자르 미술 석사
VTC & EVTC — 드라이빙 라이선스
마르세유 기반 현지 미술 작가

Your Guide

현지에서 살아온
예술가 가이드

미디투어의 대표 가이드 Manu는 마르세유 보자르(DNSEP 미술 석사) 출신의 미술 작가이자, 프랑스 공인 가이드입니다.

단순히 명소를 안내하는 가이드가 아닙니다. 세잔이 바라본 생빅투아르 산, 고흐가 그린 아를의 들판, 르 코르뷔지에가 설계한 건축물 앞에서 — 작가의 시각으로 그 맥락과 감동을 함께 나눕니다.

일정 설계부터 현장 진행, 식사 예약, 귀국 동선까지 미디투어의 모든 여정에 직접 함께합니다.

프랑스 공인 가이드
미술 작가
건축 전문 해설
한국어 투어
EVTC 인증

무료 상담 · 예약 문의

나만의 남프랑스
아트 투어를 설계하세요

원하시는 날짜, 인원수, 기간, 관심사를 알려주시면
남프랑스 동선부터 전체 일정까지 설계해 드립니다


카카오톡 문의

상담은 완전 무료입니다 · 생생한 현지 정보와 오랜 경험으로 성심성의껏 안내해 드립니다

// Nav scroll effect
const nav = document.getElementById(‘nav’);
window.addEventListener(‘scroll’, () => {
if (window.scrollY > 60) nav.classList.add(‘scrolled’);
else nav.classList.remove(‘scrolled’);
});

// Fade-up on scroll
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) { e.target.classList.add(‘visible’); }
});
}, { threshold: 0.12 });
document.querySelectorAll(‘.fade-up’).forEach(el => observer.observe(el));