/* D reference: cherry-tree first screen, image city cards, four guide cards. */
:root{--paper:#faf8f4;--ink:#13171b;--muted:#666b72;--coral:#df6252;--line:#e7e2db;--green:#476a65;--serif:'Batang','바탕',Georgia,serif}
body{background:#faf8f4;color:var(--ink);font-size:15px;line-height:1.65}.home{position:relative;isolation:isolate;background:#faf8f4}.scene-image.hero-image{position:absolute;inset:0 0 auto;z-index:-3;width:100%;height:clamp(590px,52vw,750px);object-fit:cover;object-position:top center}.scene-fade{position:absolute;top:0;left:0;right:0;height:clamp(620px,54vw,780px);z-index:-2;background:linear-gradient(0deg,#faf8f4 0%,#faf8f4e6 7%,transparent 27%),linear-gradient(90deg,#fffdf9bd 0%,#fffdf95c 28%,transparent 50%)}
.header.d-header{position:relative;max-width:1360px;margin:auto;padding:25px 40px 12px;height:112px;gap:24px;background:linear-gradient(90deg,#fffdf8ed,#fffdf8dd 62%,#fffdf869 82%,transparent);border-bottom:1px solid #dedbd6}
.design-label{position:absolute;top:5px;left:44px;font-size:11px;color:#313944;line-height:1.5}.design-label>span{color:#746d66;margin-left:9px;font-size:10px}.d-header .brand{font-family:var(--serif);font-size:35px;font-weight:700;letter-spacing:-.075em;gap:13px;color:#10141a}.d-header .brand svg{height:34px;width:34px;color:#f1817a}.d-header nav{gap:30px;margin-left:auto;font-size:15px;font-weight:600;white-space:nowrap}.d-header nav a{padding:12px 0}.d-header .saved-nav{border:0;padding-left:0!important}.city-menu{position:relative}.city-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;list-style:none}.city-menu summary::-webkit-details-marker{display:none}.city-menu>div{position:absolute;left:-15px;top:45px;z-index:20;display:grid;min-width:165px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;box-shadow:0 12px 25px #2f23151f}.city-menu>div>a{padding:9px 0!important;font-size:14px;font-weight:400}.header-search{display:flex;align-items:center;background:#fffdfbfa;border:1px solid #e4aba3;border-radius:28px;min-width:220px;max-width:330px;flex:1;height:43px;margin-left:20px}.header-search button{flex-shrink:0;width:44px;min-height:41px;padding:11px;border:0;background:none}.header-search svg{width:21px;height:21px}.header-search input{width:100%;min-width:0;padding:7px 12px 7px 0;border:0;background:none;font-size:12px;color:#3b424b}.header-search input::placeholder{color:#77706e}.bookmark{height:44px;width:44px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e2ddd3;border-radius:11px;background:#fffdf6ed}.bookmark svg{height:23px;width:23px}
.home .hero{height:clamp(430px,39.2vw,560px);overflow:hidden;background:transparent;isolation:auto;position:relative}.home .hero-copy{max-width:1280px;margin:0 auto;padding:clamp(85px,7.8vw,115px) 0 0}.home .hero h1{font-size:clamp(48px,5.35vw,74px);font-family:var(--serif);font-weight:700;letter-spacing:-.07em;line-height:1.2;margin:0 0 20px;text-shadow:0 1px 5px #fff9}.home .hero h1 em{color:#de6453}.home .hero-description{font-size:22px;color:#666b6f;font-family:var(--serif);margin:0 0 23px;line-height:1.7}.hero-cities{display:flex;gap:7px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.hero-cities>a{display:flex;align-items:center;gap:9px;height:47px;min-width:102px;justify-content:center;padding:5px 17px;border:1px solid #e3e0dc;border-radius:28px;background:#fffdf8ed;font-size:14px;font-weight:600;color:#3e454e}.hero-cities>a>span{font-size:23px;line-height:1.2}.hero-cities>a.selected{background:#e66150;border-color:#e66150;color:#fff}.hero-cities>a:hover{box-shadow:0 2px 8px #bc7d6933}.button{background:var(--coral);border-radius:25px;font-size:15px;padding:10px 22px;min-height:45px;gap:16px;font-weight:600}.button:hover{background:#c84d40}.hero-cta{min-width:200px}.hero-annotation{position:absolute;right:0;bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero-annotation>span{padding:4px 14px;background:#fffdf8d9;color:#474b50;font-size:11px;border-radius:3px}.hero-annotation .motion{position:static;min-height:34px;font-size:11px;background:#fffdf8dd;border-color:#e9ded5;border-radius:20px;margin-right:20px}.home .petals{z-index:-1}.home .petals i{width:13px;height:22px;background:#f5a8adbb;left:calc(3% + var(--i)*7%);animation-duration:calc(10s + var(--i)*.6s)}
.home .section{max-width:1280px;margin:0 auto;padding-top:0}.home .section-heading{align-items:flex-end;margin-bottom:18px;gap:20px}.home .section-heading h2{font-family:var(--serif);font-size:31px;line-height:1.4;color:#0d1219;font-weight:700;letter-spacing:-.065em;margin:0 0 3px}.home .section-heading>div>p{font-size:16px;margin:0;color:#71757a;line-height:1.7}.more-link{flex-shrink:0;color:#ce4c3d;font-size:14px;padding:8px 0;min-height:40px}.photo-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-city{overflow:hidden;border-radius:11px;background:#fffefa;border:1px solid #e9e3dc;box-shadow:0 3px 5px #32230d0a}.photo-city-scene{position:relative;aspect-ratio:1.45;overflow:hidden}.photo-city-scene>img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .3s}.photo-city:hover .photo-city-scene>img{transform:scale(1.025)}.photo-city-shade{position:absolute;inset:28% 0 0;background:linear-gradient(0deg,#171b1bf2,transparent 95%)}.photo-city-copy{position:absolute;bottom:15px;left:22px;right:18px;color:white}.photo-city-copy h3{font-family:var(--serif);font-size:32px;font-weight:700;margin:0 0 3px;line-height:1.4;letter-spacing:-.04em}.photo-city-copy p{font-size:15px;line-height:1.6;color:white;margin:0 0 10px;text-shadow:0 1px 4px #000}.city-guide-link{display:inline-flex;align-items:center;gap:12px;min-height:28px;padding:3px 16px;background:#fffefa;color:#3b4048;border-radius:30px;font-size:12px;font-weight:600;line-height:1.6}.city-guide-link:hover{background:#fce4df}.city-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:83px;padding:9px 10px 8px;gap:3px}.city-shortcuts>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#5c6470;min-height:60px}.city-shortcuts svg{height:22px;width:22px;color:#252d3b}.city-shortcuts>a:hover{color:#d45748;background:#fff0e9;border-radius:7px}
.home .d-guides{padding-top:33px}.photo-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.photo-guide{display:block;overflow:hidden;background:#fffefa;border:1px solid #ebe4dc;border-radius:10px;box-shadow:0 3px 5px #32230d0a}.photo-guide>img{display:block;width:100%;aspect-ratio:2.45;object-fit:cover;height:auto}.photo-guide-copy{position:relative;padding:12px 17px 15px;min-height:105px}.photo-guide-copy h3{font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.45;letter-spacing:-.04em}.photo-guide-copy>p{font-size:12px;line-height:1.6;margin:0;color:#69717c;padding-right:27px}.round-arrow{position:absolute;right:13px;bottom:25px;display:grid;place-items:center;border:1px solid #e2ddd5;background:#fffefa;color:#cf574b;border-radius:50%;height:29px;width:29px;font-size:24px;line-height:1}.photo-guide:hover h3{color:#c84d40}.image-note{font-size:11px!important;color:#716b66;margin:13px 0 0;line-height:1.7}.home .d-explore{margin-top:37px;padding:29px 30px 30px;border-radius:13px;background:#f0f5f5;border:1px solid #e4ebeb}.section-kicker{display:inline-block;background:#dfecf7;color:#215da1;border-radius:20px;font-size:11px;padding:3px 10px;margin-bottom:8px}.d-explore .explore-layout{margin-top:18px;background:#fffdf9;border-radius:10px;grid-template-columns:1fr 1.15fr}.d-explore .map{background:#e9f2f5}.d-explore .islands g:first-child{fill:#bbdce1}.d-explore .map-label,.d-explore .map-label small,.d-explore .compass,.d-explore .map-foot{color:#466a7a}.d-explore .pin-dot{background:#35758b}.d-explore .map-pin{border-color:#d6e3e8;min-height:44px}.d-explore .map-pin.active{background:#d86153}.d-explore .city-panel{padding:23px 28px}.d-explore .city-heading .landmark{display:none}.d-explore .city-heading{height:auto;padding:0}.d-explore .city-heading h3{font-family:var(--serif);font-size:32px}.d-explore .city-tabs{margin-bottom:20px}.d-explore .city-intro{font-size:17px;color:#3f4d59}.d-explore .city-note{border-color:#9dbac9}.d-explore .city-photo-preview{height:170px;width:100%;object-fit:cover;display:block;border-radius:8px;margin:14px 0}.home .places-section{padding-top:36px;padding-bottom:50px}.home .search{max-width:650px;margin:18px 0;border-radius:25px}.home .place-grid{gap:18px}.home .place-art{height:180px}.place-photo{display:block;width:100%;height:100%;object-fit:cover}.place-art:before,.place-art:after{display:none}.place-art .art-caption{padding:1px 5px;background:#ffffffe0;border-radius:2px;font-size:10px!important;left:9px;bottom:8px;color:#4b5257}.place-art .save{background:#ffffffe8}.place-body h3{font-size:18px}.theme-filters button[aria-pressed=true],#saved-filter[aria-pressed=true]{background:#d86153;border-color:#d86153}.places-section .link-notice{font-size:12px}.home footer{max-width:1280px;border-top:1px solid #e9e3d9;padding-top:25px;padding-bottom:20px;margin:0 auto}.home .footer-inner p{display:none}.footer-inner .brand{font-family:var(--serif);font-weight:700}.footer-inner .brand small{font-family:Arial,'Malgun Gothic',sans-serif}.footer-bottom{font-size:11px!important;margin-top:17px}.city-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 36px}.city-info-grid>section{scroll-margin-top:20px;padding:20px;background:#fffaf3;border:1px solid #e5ddd3;border-radius:9px}.city-info-grid h2{font-size:22px;letter-spacing:-.04em}.city-info-grid p{font-size:13px}.city-info-grid a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.inner-page .detail-hero{background:#fff8ef}.inner-page .source-box .button{border-radius:20px}.inner-page .header{background:#fffdf8}
@media(max-width:1400px){.home .hero-copy,.home .section,.home footer{margin-left:40px;margin-right:40px}.home .d-explore{margin-top:37px}.header.d-header{padding-left:40px;padding-right:40px;gap:20px}.d-header nav{gap:24px}.header-search{margin-left:12px;max-width:310px}.home .hero-annotation>span{font-size:11px}.photo-city-copy h3{font-size:30px}}
@media(max-width:1100px){.header.d-header{height:103px;gap:15px;padding-left:30px;padding-right:30px}.design-label{left:33px}.d-header .brand{font-size:31px}.d-header .brand svg{height:30px;width:30px}.d-header nav{font-size:13px;gap:20px}.header-search{min-width:180px;margin-left:0;max-width:265px}.header-search input{font-size:11px}.bookmark{width:40px}.home .hero-copy,.home .section,.home footer{margin-left:35px;margin-right:35px}.home .hero h1{font-size:55px}.home .hero-copy{padding-top:85px}.home .hero-description{font-size:20px}.hero-cities{gap:6px}.hero-cities>a{min-width:86px;padding:5px 12px;font-size:13px}.hero-cities>a>span{font-size:21px}.home .hero{height:430px}.photo-city-copy{left:17px;right:13px;bottom:12px}.photo-city-copy h3{font-size:28px}.photo-city-copy p{font-size:13px}.city-shortcuts>a{font-size:11px}.city-shortcuts{padding:9px 6px;min-height:75px}.home .section-heading h2{font-size:29px}.home .section-heading>div>p{font-size:14px}.photo-guide-copy{padding:11px 12px;min-height:105px}.photo-guide-copy h3{font-size:14px}.photo-guide-copy p{font-size:11px}.photo-guide-grid{gap:12px}.round-arrow{right:9px;bottom:24px;width:25px;height:25px}.photo-city-grid{gap:13px}.home .hero-annotation{bottom:6px}.hero-annotation>span{max-width:240px;line-height:1.6;font-size:10px!important}.hero-annotation .motion{min-height:32px!important;font-size:10px;margin-right:15px}.d-explore .city-photo-preview{height:150px}}
@media(max-width:850px){.header.d-header{flex-wrap:wrap;height:132px;gap:10px 15px;padding-top:25px;padding-bottom:10px}.d-header nav{order:3;width:100%;margin-left:0;justify-content:flex-start;gap:35px;font-size:14px}.header-search{margin-left:auto;max-width:280px}.d-header .brand{font-size:30px}.design-label{font-size:10px}.home .hero{height:430px}.scene-image.hero-image{height:670px;object-position:68% top}.scene-fade{height:690px;background:linear-gradient(0deg,#faf8f4,transparent 28%),linear-gradient(90deg,#fffdf9dd,transparent 75%)}.home .hero-copy{padding-top:76px}.home .hero h1{font-size:50px}.home .hero-description{font-size:18px}.hero-cities{max-width:450px}.hero-cities>a{min-width:75px;font-size:12px;height:42px;padding:4px 10px;gap:6px}.hero-cities>a>span{font-size:19px}.home .hero-annotation>span{display:none}.home .section-heading h2{font-size:27px}.photo-city-copy h3{font-size:25px}.photo-city-copy p{font-size:12px;min-height:39px}.photo-city-copy{left:13px}.city-guide-link{font-size:11px;padding:3px 11px;min-height:30px}.city-shortcuts{grid-template-columns:repeat(2,1fr);padding:8px}.city-shortcuts>a{min-height:50px;font-size:11px;gap:3px}.city-shortcuts svg{height:20px;width:20px}.photo-city-scene{aspect-ratio:.9}.photo-city-grid{gap:10px}.photo-guide-grid{grid-template-columns:repeat(2,1fr);gap:15px}.photo-guide-copy h3{font-size:16px}.photo-guide-copy p{font-size:12px}.photo-guide>img{aspect-ratio:2.2}.home .d-explore{padding:23px}.d-explore .explore-layout{grid-template-columns:1fr 1.1fr}.d-explore .city-panel{padding:20px}.d-explore .city-photo-preview{height:130px}.city-info-grid{grid-template-columns:1fr}}
@media(max-width:640px){body{font-size:14px}.header.d-header{height:154px;padding:24px 18px 8px;gap:8px 13px}.design-label{left:20px;top:4px;font-size:10px}.design-label>span{font-size:9px}.d-header .brand{font-size:29px;gap:9px}.d-header .brand svg{height:29px;width:29px}.d-header nav{width:auto;order:3;flex:1;gap:17px;font-size:12px;justify-content:space-between;border-top:0;padding-top:0;margin-top:1px}.d-header nav a{padding:8px 0;min-height:38px}.city-menu summary{min-height:38px;gap:5px}.city-menu>div{top:39px}.header-search{order:4;width:100%;flex:none;max-width:none;margin:0;height:37px;background:#fffffff0}.header-search button{min-height:35px;width:38px;padding:8px}.header-search input{font-size:11px}.header-search svg{width:19px;height:19px}.bookmark{order:2;margin-left:auto;height:36px;width:36px;border-radius:8px}.bookmark svg{width:21px;height:21px}.home .hero-copy,.home .section,.home footer{margin-left:18px;margin-right:18px}.home .hero{height:548px}.scene-image.hero-image{height:700px;object-position:71% top;object-fit:cover;width:100%}.scene-fade{height:726px;background:linear-gradient(0deg,#faf8f4 1%,#faf8f4bb 8%,transparent 28%),linear-gradient(90deg,#fffdf9d9 0%,#fffdf9aa 34%,transparent 92%)}.home .hero-copy{padding-top:64px;position:relative;margin-left:23px;margin-right:23px}.home .hero h1{font-size:42px;line-height:1.23;margin-bottom:20px;text-shadow:0 1px 6px #ffffffe0}.home .hero-description{font-size:17px;max-width:235px;line-height:1.7;margin-bottom:20px;color:#51575f;text-shadow:0 1px 6px #fff}.hero-cities{max-width:310px;gap:7px;margin-bottom:15px}.hero-cities>a{height:39px;min-width:83px;padding:4px 11px;font-size:12px;gap:7px;background:#fffdf8e8}.hero-cities>a>span{font-size:20px}.home .hero-cta{font-size:14px;min-height:43px;padding:9px 20px;min-width:180px}.home .hero-annotation{right:0;bottom:13px;max-width:100%;gap:4px}.home .hero-annotation>span{display:block;background:#fffdf9dd;font-size:10px!important;max-width:200px;line-height:1.5;padding:5px 7px}.hero-annotation .motion{min-height:34px!important;font-size:10px;padding:3px 9px;margin-right:10px}.home .section-heading{align-items:flex-end;gap:9px;margin-bottom:15px}.home .section-heading h2{font-size:26px;margin-bottom:4px;line-height:1.4}.home .section-heading>div>p{font-size:12px;line-height:1.7}.more-link{font-size:11px;min-height:35px;padding:5px 0;white-space:nowrap}.major-cities .section-heading{flex-wrap:wrap;gap:3px}.major-cities .more-link{margin-left:auto}.photo-city-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:0 0 11px;scrollbar-width:thin;scrollbar-color:#d7c1b7 transparent}.photo-city{flex:0 0 82%;scroll-snap-align:start;border-radius:10px}.photo-city-scene{aspect-ratio:1.35}.photo-city-copy{left:18px;bottom:14px}.photo-city-copy h3{font-size:29px}.photo-city-copy p{font-size:13px;min-height:0;margin-bottom:9px}.city-guide-link{font-size:12px;padding:4px 14px;min-height:32px}.city-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));min-height:73px;padding:8px 6px}.city-shortcuts>a{font-size:10px;gap:5px;min-height:53px}.city-shortcuts svg{width:21px;height:21px}.home .d-guides{padding-top:26px}.d-guides .section-heading{flex-wrap:wrap}.d-guides .more-link{margin-left:auto}.photo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.photo-guide>img{aspect-ratio:1.65}.photo-guide-copy{padding:11px 12px 14px;min-height:114px}.photo-guide-copy h3{font-size:14px;line-height:1.5;margin-bottom:6px;min-height:42px}.photo-guide-copy p{font-size:11px;line-height:1.65;padding-right:0}.round-arrow{right:8px;bottom:8px;width:23px;height:23px;font-size:21px;background:#fffcf3e8}.image-note{font-size:10px!important;line-height:1.8;margin-top:12px}.home .d-explore{margin-top:28px;padding:20px 13px}.d-explore .section-heading h2{font-size:25px}.d-explore .section-heading>div>p{font-size:12px}.d-explore .explore-layout{display:flex;flex-direction:column;margin-top:14px}.d-explore .map{min-height:330px}.d-explore .map-label{font-size:22px;left:15px;top:18px}.d-explore .map-foot{font-size:10px!important;max-width:80%}.d-explore .city-panel{padding:17px 15px 20px}.d-explore .city-tabs{gap:2px;margin-bottom:17px}.d-explore .city-tabs button{font-size:11px;padding:7px 3px;min-height:44px}.d-explore .city-heading h3{font-size:29px}.d-explore .city-intro{font-size:15px;margin-top:12px}.d-explore .city-photo-preview{height:160px}.d-explore .actions{gap:7px;flex-wrap:wrap}.d-explore .actions .button{font-size:12px;min-height:43px;padding:10px 14px}.home .places-section{padding-top:28px;padding-bottom:33px}.home .place-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.home .place-art{height:135px}.home .place-body h3{font-size:14px}.home .place-body>p{font-size:11px}.home .place-body{padding:13px 10px 8px}.home .search{margin:16px 0}.home footer{padding-top:23px;padding-bottom:23px}.home .footer-inner{gap:19px}.home .footer-inner nav{font-size:11px;gap:15px}.footer-bottom{font-size:10px!important;line-height:1.7}.inner-page .header.d-header{margin:0}.inner-page .content-wrap{margin-left:20px;margin-right:20px}.inner-page .detail-hero .landmark{display:none}.inner-page .detail-hero h1{font-size:31px}.city-info-grid{gap:13px}.city-info-grid>section{padding:18px}.city-info-grid h2{font-size:22px}.home .petals i{width:11px;height:18px}.home .section .section-heading>p{display:none}}
@media(max-width:360px){.d-header nav{gap:10px;font-size:11px}.d-header .brand{font-size:27px}.home .hero h1{font-size:37px}.home .hero-copy{margin-left:20px;padding-top:58px}.home .hero-description{font-size:16px}.home .hero{height:540px}.home .hero-annotation>span{max-width:160px}.home .section-heading h2{font-size:23px}.photo-city{flex-basis:91%}.photo-guide-copy{padding-left:9px;padding-right:9px}.photo-guide-copy h3{font-size:13px}.photo-guide-copy p{font-size:10px}.scene-image.hero-image{object-position:70% top}}
body{font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif}
.d-header .brand,.home .hero h1,.home .section-heading h2,.photo-city-copy h3,.footer-inner .brand{font-family:'Noto Serif KR','Batang',serif;font-weight:800}
.home .hero h1{line-height:1.12;margin-bottom:15px}.home .hero-description{margin-bottom:17px}.hero-cities{margin-bottom:10px}.home .hero{height:clamp(410px,36.6vw,530px)}
.home .section-heading h2{font-size:30px;line-height:1.3}
@media(max-width:1100px){.home .hero{height:410px}.home .section-heading h2{font-size:28px}}
@media(max-width:850px){.home .hero{height:410px}}
@media(max-width:640px){.home .hero{height:548px}.home .hero h1{line-height:1.23;margin-bottom:20px}.home .hero-description{margin-bottom:20px}.hero-cities{margin-bottom:15px}.home .section-heading h2{font-size:25px}}
@media(max-width:360px){.home .hero{height:540px}.home .section-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.home .petals{display:none}.photo-city-scene>img{transition:none}.photo-city:hover .photo-city-scene>img{transform:none}}