:root{
  --moda-ink:#102a3a;
  --moda-ink-soft:#385365;
  --moda-blue:#1268e8;
  --moda-blue-deep:#0a3d91;
  --moda-teal:#0ca58c;
  --moda-sand:#f4f0e6;
  --moda-surface:#fbfaf6;
  --moda-line:rgba(16,42,58,.14);
  --moda-shadow:0 28px 80px rgba(4,29,50,.24);
}

body.mdt-design-pilot{
  margin:0;
  color:var(--moda-ink);
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%),
    #4f82b6;
  background-attachment:fixed;
}

body.mdt-design-pilot::after{
  content:none;
}

body.mdt-design-pilot .wp-site-blocks{
  position:relative;
  isolation:isolate;
  width:min(1240px,calc(100% - 40px));
  margin:18px auto 34px;
  overflow:hidden;
  border:2px solid #0757c7;
  border-radius:9px 9px 4px 4px;
  background:var(--moda-surface);
  box-shadow:0 24px 70px rgba(3,28,63,.28),inset 0 0 0 1px rgba(255,255,255,.36);
}

body.mdt-design-pilot .wp-site-blocks::before{
  content:"modatrip.com  -  여행 준비 도구";
  display:block;
  min-height:34px;
  padding:7px 118px 6px 13px;
  box-sizing:border-box;
  color:#fff;
  background:linear-gradient(180deg,#4a96f2 0%,#176dde 16%,#0757c7 72%,#0b47a3 100%);
  border-bottom:1px solid #003d91;
  box-shadow:inset 0 1px rgba(255,255,255,.65);
  font:700 13px/1.5 Tahoma,Pretendard,sans-serif;
  text-shadow:0 1px #003c88;
  letter-spacing:0;
}

body.mdt-design-pilot .mdt-window-controls{
  position:absolute;
  top:4px;
  right:6px;
  z-index:80;
  display:flex;
  gap:2px;
  margin:0!important;
  pointer-events:none;
}

body.mdt-design-pilot .mdt-window-control{
  display:grid;
  width:25px;
  height:23px;
  place-items:center;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.92);
  border-radius:3px;
  color:#fff;
  background:linear-gradient(180deg,#69a9f4 0%,#2c7bdc 45%,#0c54b9 100%);
  box-shadow:inset 0 0 0 1px rgba(0,49,128,.45);
  font:700 14px/1 Tahoma,sans-serif;
  text-align:center;
  text-shadow:0 1px #003c88;
}

body.mdt-design-pilot .mdt-window-control-close{
  background:linear-gradient(180deg,#ef9b82 0%,#df603f 42%,#b62b16 100%);
  box-shadow:inset 0 0 0 1px rgba(126,25,9,.5);
}

body.mdt-design-pilot .topnav{
  position:sticky;
  top:0;
  z-index:50;
  background:#f7f5ee!important;
  border-bottom:1px solid #d4d0c8!important;
  box-shadow:inset 0 1px #fff;
  backdrop-filter:none;
}

body.mdt-design-pilot .topnav-inner{
  max-width:1080px!important;
}

body.mdt-design-pilot .brand-name{
  color:var(--moda-ink)!important;
  letter-spacing:-.03em;
}

body.mdt-design-pilot .brand-mark{
  background:var(--moda-blue)!important;
  box-shadow:none;
}

body.mdt-design-pilot .topnav-link{
  position:relative;
  color:#476174!important;
  font-weight:650!important;
}

body.mdt-design-pilot .topnav-link::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:var(--moda-blue);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}

body.mdt-design-pilot .topnav-link:hover::after,
body.mdt-design-pilot .topnav-link:focus-visible::after{transform:scaleX(1)}

/* Home: a travel-first work surface rather than a generic card dashboard. */
body.mdt-design-home #root .app{background:var(--moda-surface)!important}
body.mdt-design-home #root .main,
body.mdt-design-home #root .page-home{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.mdt-design-home #root .home-hero{
  position:relative;
  width:100%!important;
  max-width:none!important;
  min-height:clamp(420px,42vw,480px);
  margin:0!important;
  padding:clamp(76px,9vw,128px) max(24px,calc((100% - 1080px)/2)) 72px!important;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:0!important;
  color:#fff;
  background-image:
    linear-gradient(90deg,rgba(4,25,44,.92) 0%,rgba(4,39,68,.78) 42%,rgba(4,39,68,.16) 76%,rgba(4,39,68,.06) 100%),
    url('/wp-content/uploads/2026/05/online-checkin-body-1-1.png');
  background-size:cover;
  background-position:center 48%;
}

body.mdt-design-home #root .home-hero::after{content:none}

body.mdt-design-home #root .home-hero>*{position:relative;z-index:1;max-width:660px}
body.mdt-design-home #root .home-hero-eyebrow{color:#9ff3e6!important;letter-spacing:.06em}
body.mdt-design-home #root .home-hero-title{
  color:#fff!important;
  max-width:620px;
  font-size:clamp(2.5rem,4.3vw,3.9rem)!important;
  line-height:1.06!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
  word-break:keep-all;
}
body.mdt-design-home #root .home-hero-sub{color:rgba(255,255,255,.86)!important;font-size:clamp(1rem,1.6vw,1.22rem)!important;word-break:keep-all}
body.mdt-design-home #root .home-hero-meta{color:rgba(255,255,255,.72)!important;font-size:.9rem!important}
body.mdt-design-home #root .home-hero-meta b{color:#fff!important}
body.mdt-design-home #root .home-kakao-tip{
  display:none!important;
}

.mdt-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.mdt-hero-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:5px;
  color:#fff;
  font-size:.94rem;
  font-weight:800;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.mdt-hero-actions a:hover,.mdt-hero-actions a:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:#fff}
.mdt-hero-actions .mdt-hero-primary{border-color:#fff;color:#08304f;background:#fff}
.mdt-hero-actions .mdt-hero-primary{
  border-color:#fff;
  color:#073870;
  background:linear-gradient(180deg,#fff 0%,#f5f7fb 56%,#dce8f9 100%);
  box-shadow:inset 0 0 0 1px rgba(16,91,191,.18),0 1px 2px rgba(1,22,51,.3);
}
.mdt-hero-actions .mdt-hero-primary:hover,.mdt-hero-actions .mdt-hero-primary:focus-visible{background:#fff}

body.mdt-design-home #root .home-tools,
body.mdt-design-home #root .quickinfo{display:none!important}

body.mdt-design-home #root .home-essentials,
body.mdt-design-home #root .home-tools,
body.mdt-design-home #root .home-quick,
body.mdt-design-home #root .quickinfo,
body.mdt-design-home #root .faq{
  width:min(1080px,calc(100% - 48px))!important;
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.mdt-design-home #root .home-essentials{margin-top:50px!important}
body.mdt-design-home #root .essential-card,
body.mdt-design-home #root .tool-card{
  border:0!important;
  border-bottom:1px solid var(--moda-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .18s ease!important;
}
body.mdt-design-home #root .essential-card:hover,
body.mdt-design-home #root .tool-card:hover{
  transform:none!important;
  background:rgba(18,104,232,.045)!important;
  box-shadow:none!important;
}

body.mdt-design-home #root .home-quick .quick-card{
  border:0!important;
  border-radius:18px!important;
  color:#fff!important;
  background:linear-gradient(115deg,#0a3d91 0%,#1268e8 58%,#0ca58c 135%)!important;
  box-shadow:0 18px 42px rgba(18,104,232,.22)!important;
}
body.mdt-design-home #root .home-quick .quick-card h4,
body.mdt-design-home #root .home-quick .quick-card p{color:#fff!important}

body.mdt-design-home .mdt-all-tools,
body.mdt-design-home .mdt-blog-section{
  width:min(1080px,calc(100% - 48px))!important;
  max-width:1080px!important;
  margin:72px auto!important;
  padding:0!important;
}

body.mdt-design-home .mdt-all-tools h2,
body.mdt-design-home .mdt-blog-section h2{
  margin-bottom:10px;
  color:var(--moda-ink);
  font-size:clamp(1.55rem,2.6vw,2rem);
  letter-spacing:-.04em;
}

.mdt-tool-finder{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 16px;
  align-items:center;
  margin:26px 0 22px;
  padding:0 0 22px;
  border:0;
  border-bottom:1px solid var(--moda-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mdt-tool-finder label{
  grid-column:1/-1;
  color:var(--moda-ink);
  font-size:.86rem;
  font-weight:750;
  letter-spacing:-.01em;
}
.mdt-tool-search-wrap{position:relative}
.mdt-tool-search-wrap::before{
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  width:12px;
  height:12px;
  transform:translateY(-62%);
  border:2px solid var(--moda-blue);
  border-radius:50%;
  box-sizing:border-box;
}
.mdt-tool-search-wrap::after{content:"";position:absolute;left:27px;top:calc(50% + 5px);width:7px;height:2px;transform:rotate(45deg);transform-origin:left center;border-radius:2px;background:var(--moda-blue)}
#mdt-tool-search{
  width:100%;
  min-height:52px;
  padding:0 18px 0 48px;
  box-sizing:border-box;
  border:1px solid #cbd8e2;
  border-radius:3px;
  color:var(--moda-ink);
  background:#fbfdff;
  font:600 16px/1.4 Pretendard,sans-serif;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
#mdt-tool-search:focus{
  border-color:var(--moda-blue);
  background:#fff;
  box-shadow:0 0 0 4px rgba(18,104,232,.12);
}
#mdt-tool-search-clear{
  min-height:44px;
  padding:0 16px;
  border:1px solid var(--moda-line);
  border-radius:4px;
  box-shadow:inset 0 1px #fff;
  color:var(--moda-ink-soft);
  background:#f6f8fa;
  font:700 14px/1 Pretendard,sans-serif;
  cursor:pointer;
}
#mdt-tool-search-clear[hidden]{display:none}
.mdt-tool-search-status{grid-column:1/-1;margin:0;color:#607787;font-size:.84rem}

body.mdt-design-home .mdt-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--moda-line);counter-reset:moda-tool}
body.mdt-design-home .mdt-tool-card{
  position:relative;
  min-height:128px;
  padding:46px 54px 20px 20px!important;
  overflow:hidden;
  border:0!important;
  border-bottom:1px solid var(--moda-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .18s ease!important;
  counter-increment:moda-tool;
}
body.mdt-design-home .mdt-tool-card:nth-child(even){border-left:1px solid var(--moda-line)!important;padding-left:24px!important}
body.mdt-design-home .mdt-tool-card::before{content:counter(moda-tool,decimal-leading-zero);position:absolute;left:20px;top:18px;color:#7b8f9d;font:750 11px/1 Inter,Pretendard,sans-serif;letter-spacing:.08em}
body.mdt-design-home .mdt-tool-card:nth-child(even)::before{left:24px}
body.mdt-design-home .mdt-tool-card::after{
  content:"→";
  position:absolute;
  right:20px;
  top:18px;
  color:var(--moda-blue);
  font:800 19px/1 Inter,sans-serif;
  transition:transform .2s ease;
}
body.mdt-design-home .mdt-tool-card:hover{
  transform:none!important;
  background:rgba(18,104,232,.04)!important;
  box-shadow:none!important;
}
body.mdt-design-home .mdt-tool-card:hover::after{transform:translateX(4px)}
body.mdt-design-home .mdt-tool-card .nm{font-size:1.03rem!important;letter-spacing:-.02em}
body.mdt-design-home .mdt-tool-card .ds{margin-top:8px;color:#607787!important}
body.mdt-design-home .mdt-tool-card[hidden]{display:none!important}

body.mdt-design-home .mdt-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--moda-line)}
body.mdt-design-home .mdt-blog-card{
  position:relative;
  min-height:168px;
  padding:26px 50px 26px 20px!important;
  border:0!important;
  border-bottom:1px solid var(--moda-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.mdt-design-home .mdt-blog-card:nth-child(odd){padding:26px 50px 26px 20px!important}
body.mdt-design-home .mdt-blog-card:nth-child(even){padding:26px 50px 26px 20px!important;border-left:1px solid var(--moda-line)!important}
body.mdt-design-home .mdt-blog-card::after{content:"↗";position:absolute;right:16px;top:28px;color:var(--moda-blue);font-weight:800}
body.mdt-design-home .mdt-blog-card:hover{transform:none!important;background:rgba(18,104,232,.035)!important}
body.mdt-design-home .mdt-blog-card[href="/hello-modatrip/"]{display:none!important}

/* Guide hub: editorial clarity with one photographic anchor. */
body.mdt-design-hub main{padding-bottom:72px;background:var(--moda-surface)}
body.mdt-design-hub main>div:first-child{
  position:relative;
  min-height:520px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  max-width:none!important;
  padding:76px max(24px,calc((100% - 1080px)/2))!important;
  color:#fff;
  background-image:
    linear-gradient(90deg,rgba(3,24,43,.94) 0%,rgba(5,41,69,.75) 48%,rgba(5,41,69,.18) 100%),
    url('/wp-content/uploads/2026/06/entry-cost-passport-world-v2.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
body.mdt-design-hub main>div:first-child>*{position:relative;z-index:1;max-width:680px;margin-left:0!important}
body.mdt-design-hub main>div:first-child h1{color:#fff!important;font-size:clamp(2.55rem,4.6vw,4rem)!important;line-height:1.08!important;letter-spacing:-.05em!important;text-wrap:balance}
body.mdt-design-hub main>div:first-child p{color:rgba(255,255,255,.82)!important}
body.mdt-design-hub main>div:first-child .wp-block-buttons a{border-radius:8px!important}
body.mdt-design-hub main>div:first-child .tr-tool-panel{
  margin:38px 0 0!important;
  padding:4px 0 4px 24px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.36)!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  backdrop-filter:none;
}
body.mdt-design-hub main>div:first-child .tr-tool-panel h2,
body.mdt-design-hub main>div:first-child .tr-tool-panel p,
body.mdt-design-hub main>div:first-child .tr-tool-panel li{color:#fff!important}
body.mdt-design-hub #guide-topics,
body.mdt-design-hub .wp-block-query{width:min(1080px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}
body.mdt-design-hub #guide-topics{padding-top:72px}
body.mdt-design-hub #guide-topics>.wp-block-columns{gap:0!important;border-top:1px solid var(--moda-line);border-bottom:1px solid var(--moda-line)}
body.mdt-design-hub #guide-topics .wp-block-column{border-right:1px solid var(--moda-line)}
body.mdt-design-hub #guide-topics .wp-block-column:last-child{border-right:0}
body.mdt-design-hub #guide-topics .tr-card{height:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.mdt-design-hub .wp-block-post-template{gap:0!important;border-top:1px solid var(--moda-line)}
body.mdt-design-hub .wp-block-post-template>li{margin:0!important;border-bottom:1px solid var(--moda-line)}
body.mdt-design-hub .wp-block-post-template .tr-card{position:relative;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:background .2s ease,padding .2s ease}
body.mdt-design-hub .wp-block-post-template .tr-card:hover{background:rgba(18,104,232,.04)!important}
body.mdt-design-hub .wp-block-post-template .wp-block-post-excerpt__more-link{color:var(--moda-blue);font-weight:750}

/* Editorial guide: calm reading rhythm, clearer decisions, stronger sources. */
body.mdt-design-guide main{
  position:relative;
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:72px!important;
  background:transparent;
}
body.mdt-design-guide main::before{
  content:"인천공항 주차 안내";
  display:block;
  width:min(780px,100%);
  margin:0 auto 18px;
  color:var(--moda-blue);
  font:750 13px/1.4 Pretendard,sans-serif;
  letter-spacing:0;
}
body.mdt-design-guide main>.wp-block-post-title{max-width:860px;font-size:clamp(2.5rem,5vw,4.75rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;text-wrap:balance}
body.mdt-design-guide .entry-content{max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
body.mdt-design-guide .entry-content>.answerbox{
  margin:42px 0 34px!important;
  padding:24px 26px!important;
  border:1px solid rgba(16,42,58,.14)!important;
  border-left:4px solid var(--moda-teal)!important;
  border-radius:6px!important;
  background:#f0f6f3!important;
  box-shadow:none!important;
}
body.mdt-design-guide .entry-content>figure{margin:0 0 54px!important}
body.mdt-design-guide .entry-content>figure img{width:100%;border-radius:8px!important;box-shadow:0 14px 36px rgba(16,42,58,.12)!important}
body.mdt-design-guide .entry-content h2{margin-top:64px!important;color:var(--moda-ink);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;line-height:1.2}
body.mdt-design-guide .entry-content p,
body.mdt-design-guide .entry-content li{color:#385365;line-height:1.86}
body.mdt-design-guide .entry-content table{display:block;width:100%!important;overflow-x:auto;border:1px solid var(--moda-line)!important;border-radius:6px;border-collapse:separate!important;border-spacing:0!important;background:#fff}
body.mdt-design-guide .entry-content th{background:#e9f3ff!important;color:var(--moda-ink);border-color:#d7e4ee!important}
body.mdt-design-guide .entry-content td{border-color:#e1e9ef!important}
body.mdt-design-guide .entry-content a{color:var(--moda-blue);text-underline-offset:3px}

.mdt-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.mdt-reveal.is-visible{opacity:1;transform:none}
.mdt-nowrap{white-space:nowrap}

@media(max-width:900px){
  body.mdt-design-hub main>div:first-child{min-height:480px}
}

@media(max-width:640px){
  body.mdt-design-pilot{background:#4f82b6}
  body.mdt-design-pilot .wp-site-blocks{width:100%;margin:0;border-width:0 0 2px;border-radius:0;box-shadow:none}
  body.mdt-design-pilot .wp-site-blocks::before{content:"modatrip.com";min-height:29px;padding:5px 102px 4px 9px;font-size:12px}
  body.mdt-design-pilot .mdt-window-controls{top:3px;right:4px}
  body.mdt-design-pilot .mdt-window-control{width:22px;height:21px;font-size:12px}
  body.mdt-design-home #root .home-hero{
    min-height:500px;
    padding:56px 16px 48px!important;
    background-image:
      linear-gradient(180deg,rgba(4,25,44,.72) 0%,rgba(4,25,44,.8) 44%,rgba(4,25,44,.96) 100%),
      url('/wp-content/uploads/2026/05/online-checkin-body-1-1.png');
    background-position:62% center;
  }
  body.mdt-design-home #root .home-hero-title{max-width:330px;font-size:clamp(2.45rem,12vw,3.35rem)!important}
  body.mdt-design-home #root .home-hero-title .mdt-title-break{display:block}
  body.mdt-design-home #root .home-hero-meta{display:flex!important;flex-wrap:wrap;gap:6px 10px!important}
  .mdt-hero-actions{margin-top:4px}
  .mdt-hero-actions a{min-height:44px;padding:0 17px}
  body.mdt-design-home #root .home-essentials,
  body.mdt-design-home #root .home-tools,
  body.mdt-design-home #root .home-quick,
  body.mdt-design-home #root .quickinfo,
  body.mdt-design-home #root .faq,
  body.mdt-design-home .mdt-all-tools,
  body.mdt-design-home .mdt-blog-section{width:calc(100% - 32px)!important}
  body.mdt-design-home .mdt-all-tools,
  body.mdt-design-home .mdt-blog-section{margin:54px auto!important}
  .mdt-tool-finder{grid-template-columns:1fr;padding:0 0 18px}
  #mdt-tool-search-clear{grid-column:1}
  .mdt-tool-search-status{grid-column:1}
  body.mdt-design-home .mdt-tool-grid{grid-template-columns:1fr!important}
  body.mdt-design-home .mdt-tool-card,
  body.mdt-design-home .mdt-tool-card:nth-child(even){min-height:0;padding:46px 42px 18px 0!important;border-left:0!important}
  body.mdt-design-home .mdt-tool-card::before,
  body.mdt-design-home .mdt-tool-card:nth-child(even)::before{left:0}
  body.mdt-design-home .mdt-blog-grid{grid-template-columns:1fr!important}
  body.mdt-design-home .mdt-blog-card,
  body.mdt-design-home .mdt-blog-card:nth-child(odd),
  body.mdt-design-home .mdt-blog-card:nth-child(even){min-height:0;padding:22px 42px 22px 0!important;border-left:0!important}
  body.mdt-design-hub main>div:first-child{min-height:auto;padding:54px 22px 38px!important;background-position:58% center!important}
  body.mdt-design-hub main>div:first-child h1{font-size:clamp(2.25rem,11vw,3.25rem)!important}
  body.mdt-design-hub main>div:first-child .tr-tool-panel{margin-top:28px!important;padding:18px 20px!important}
  body.mdt-design-hub #guide-topics,
  body.mdt-design-hub .wp-block-query{width:calc(100% - 32px)!important}
  body.mdt-design-hub #guide-topics{padding-top:52px}
  body.mdt-design-hub #guide-topics>.wp-block-columns{display:block!important}
  body.mdt-design-hub #guide-topics .wp-block-column{border-right:0;border-bottom:1px solid var(--moda-line)}
  body.mdt-design-hub #guide-topics .wp-block-column:last-child{border-bottom:0}
  body.mdt-design-guide main{width:calc(100% - 32px)!important;padding:48px 0 64px!important}
  body.mdt-design-guide main>.wp-block-post-title{font-size:clamp(2.25rem,11vw,3.25rem)!important}
  body.mdt-design-guide .entry-content>.answerbox{padding:20px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .mdt-reveal{opacity:1;transform:none}
}