:root{
  --blue:#087faa;
  --green:#35b34a;
  --orange:#f28b24;
  --ink:#39454f;
  --muted:#6d7a84;
  --card:#f6f9ff;
  --brown:#846158;
}

@font-face {
    font-family: 'Jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OneMobile Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

*{box-sizing:border-box;word-break: keep-all!important;}
html{font-size:62.5%;scroll-behavior:smooth}
body{margin:0;font-family:"Pretendard","Noto Sans KR",Arial,sans-serif;color:var(--ink);background:#fff;font-size:1.6rem;line-height:1.55;overflow-x: hidden;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:1rem;z-index:10;background:#000;color:#fff;padding:1rem}

.hero{position:relative;overflow:hidden;background:#fff url(assets/visual-bg.png);background-position: center bottom;}
.hero__inner{position:relative;z-index:1;margin:0 auto;text-align:center;padding:2.4rem 0 3rem;height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.hero__logos, .hero__arts {width:min(171rem,92%);display: flex;align-items: center;justify-content: space-between;margin:0 auto}
.hero__arts {position:relative;}
.hero__arts img {position: absolute;bottom:40px;max-width:300px}
.hero__arts img.left {left:0;}
.hero__arts img.right {right:0}
.logo {margin:0;padding:0}
.hero h2{font-family: 'Jalnan';margin:0 auto 3rem auto;color:#f07f1f;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:900;letter-spacing:-.06em; filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff);}
.hero__eyebrow{font-family:'OneMobile Title';display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 8rem;margin:0;border-radius:999px;background:#315c25;color:#fff;font-size:2.8rem;}
.hero__lead{margin:2rem auto 0;width:100%;font-size:2rem;padding:4rem 2rem;color:#4e493f;background: url(./assets/visual-road.png) no-repeat center center;}
.hero__lead p {font-family:'OneMobile Title'; word-break: keep-all;
  filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);
}

.landing{width:min(131rem,92%);margin:4rem auto}
.places{display:grid;gap:3rem}
.place-card{display:grid;grid-template-columns:1.2fr 1fr;gap:2.8rem;align-items:center;padding:2.2rem;border-radius:1.6rem;background:var(--card);box-shadow:0 .4rem 1.5rem rgba(59,91,130,.08)}
.place-card__gallery{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding-bottom:2.2rem}
.place-card__gallery img{width:100%;aspect-ratio:1/1;border-radius:1.2rem;object-fit:cover}
.place-card__arrow{position:absolute;left:-1rem;top:50%;transform:translateY(-65%);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:2.4rem;line-height:1}
.place-card__bar{position:absolute;left:2rem;bottom:.2rem;width:3rem;height:.8rem;border-radius:99rem;background:#2f78d7}
.place-card__head{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}
.place-card h3{font-family:'Jalnan';margin:0;color:var(--blue);font-size:clamp(2.4rem,3vw,4.2rem);letter-spacing:-.06em;line-height:1.1}
.place-card__links{display:flex;gap:.6rem;flex-shrink:0}
.place-card__links a{font-family:'Jalnan';display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;border-radius:0.5rem;background:var(--green);color:#fff;font-size:1.7rem;text-transform:lowercase;font-weight: 400;}
.place-card__links a:before{content:"";width:24px;height:24px;border-radius:50%;background:url(./assets/card-naver.png) no-repeat center center / contain}
.place-card__body p{font-family:'Escoredream';margin:0 0 1.4rem;color:#5b6771;font-size:1.8rem;line-height:1.35;font-weight:500}
.info-list{display:grid;gap:.55rem;margin:0;background: #fff;padding:2rem;border-radius: 1rem;}
.info-list div{display:grid;grid-template-columns:5.2rem 1fr;gap:.8rem;align-items:center}
.info-list dt{font-family:'Escoredream';display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#087FAA;color:#fff;font-size:1.25rem;font-weight:500;position:relative;padding:0.5rem;letter-spacing: 5px;white-space: nowrap;text-indent: 20px;width:7rem;margin-top:1px}
.info-list dt::before {position:absolute;content: ''; left:5px;top:50%;transform: translateY(-50%);background-repeat: no-repeat;background-size: contain;background-position: center center;width:17px;height:17px;}
.info-list > div:first-of-type dt::before {background-image: url(./assets/card-icon1.png);}
.info-list > div:nth-of-type(2) dt::before {background-image: url(./assets/card-icon2.png);}
.info-list > div:nth-of-type(3) dt::before {background-image: url(./assets/card-icon3.png);}

.info-list dd{font-family:'Escoredream';margin:0;color:#e87922;font-size:1.5rem;font-weight:500;padding-left:2rem}

.notice{display:flex;align-items:center;gap:2rem;margin-top:3.5rem;padding:7rem 3rem;border-radius:1.2rem;background:#fff3e4 url(./assets/notice-bg.png) no-repeat center center / 95%; position: relative;justify-content: center; flex-direction: column; }
.notice p{font-family:'Jalnan';font-size:2rem;color:#2c2b2a;word-break: keep-all;}
.notice img {margin:0 auto;display: none;}
.notice p strong {color:#f07f1f}
.footer{padding:3.5rem 1rem 2rem 1rem;background:var(--brown);color:#fff;text-align:center;font-size:1.5rem;line-height: 1;}
.footer * {font-family: 'Escoredream';}
.footer address{font-style:normal}

@media (max-width:1600px) {
  .hero__logos img {max-width:100px}
  .hero__arts img {max-width:200px}
}

@media (max-width:1400px) {
  .notice {background: #fff3e4 url();}
  .notice img {display: block;}
}


@media (max-width:1200px) {
  .hero {height:auto;min-height: auto;}
  .hero__arts img {max-width: 120px;bottom:180px}
}

@media (max-width:1080px) {
.place-card {display:flex;flex-direction: column;}
.place-card__body p {font-size:1.5rem}
}

@media (max-width:1024px) {
  .pc-br {display: none;}
}


@media (max-width:760px){
    /* .hero__arts {display: none;} */
    .hero__arts img {z-index:-1;bottom:160px}
  body{font-size:1.5rem}
  .hero{min-height:auto}
  .hero__inner{padding:2rem 0 2.8rem}
  .logo{position:static;margin-bottom:1rem}
  .hero h2{margin:1.4rem 0;font-size:3rem}
  .hero__eyebrow{min-width:0;width:auto;padding:.9rem 2rem;font-size:2rem}
  .hero__lead {font-size: 1.5rem;}
  .landing{margin:2.4rem auto}
  .places{gap:1.8rem}
  .place-card{grid-template-columns:1fr;gap:1.6rem;padding:1.6rem}
  .place-card__head{align-items:flex-start;flex-direction:column}
  .place-card__links{width:100%}
  .place-card__links a{justify-content:center;flex:1}
  .info-list div{grid-template-columns:4.8rem 1fr}
  .notice{flex-direction:column;text-align:center;padding:2rem}
  .notice img{}
}
@media (max-width:420px){
  .place-card__gallery{gap:.8rem}
  .place-card__body p{font-size:1.35rem}
  .hero__lead br{display:none}
}
/* photo slider */
.place-card__gallery{display:block;overflow:visible;padding-bottom:2.8rem}
.place-slider__viewport{overflow:hidden;width:100%;border-radius:1.2rem}
.place-slider__track{display:flex;gap:0;transition:transform .35s ease;will-change:transform}
.place-slider__slide{flex:0 0 50%;min-width:0}
.place-slider__slide img{width:calc(100% - 8px);aspect-ratio:1/1;border-radius:1.2rem;object-fit:cover;object-position:center;margin-right:8px}
.place-slider__btn{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:4.5rem;height:4.5rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;transform:translateY(-70%);box-shadow:1px 1px 10px rgba(0,0,0,.35)
;}
.place-slider__btn--prev{left:-1rem;}
.place-slider__btn--next{right:-1rem;}

.place-slider__btn::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:10px;
    border-top:3px solid #fff;
    border-right:3px solid #fff;
    border-radius: 0.3rem;
}

.place-slider__btn--prev::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.place-slider__btn--next::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.place-slider__btn:disabled{opacity:.35;cursor:default}
.place-slider__pager{position:absolute;/* left:2rem; */bottom:.3rem;display:flex;gap: 0;width: calc(100% - 8px); display: flex;justify-content: start;align-items:center;background:#fff;height:.25rem;overflow: visible;}
.place-slider__pager button{width: 100%;height:.25rem;padding:0;border:0;border-radius:0;background: #fff;cursor:pointer;transition:width .25s ease,background .25s ease;}
.place-slider__pager button.is-active{/* width:3rem; */background:#2f78d7;border-radius: 99rem!important;height:1.3rem}
.place-slider__pager button:first-of-type {border-radius: 99rem 0 0 99rem;}
.place-slider__pager button:last-of-type {border-radius: 0 99rem 99rem 0;}

@media (max-width:520px){
  .place-slider__slide{flex-basis:100%}
  .place-slider__track{gap:0}
  .place-slider__pager, .place-slider__slide img {width: 100%}
  .place-slider__btn--prev{left:.6rem}
  .place-slider__btn--next{right:.6rem}
}