: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 top;background-repeat: no-repeat;background-size: cover;}
.hero__inner{position:relative;z-index:1;margin:0 auto;text-align:center;/* padding-top: 5rem; */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;margin-top:2.5rem}
.hero__arts {margin-top:0}
.hero__arts {position:relative;}
.hero__arts img {position: absolute;bottom:0;max-width:400px}
.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:#26b0b3;font-size:clamp(3.2rem,5vw,5.5rem);font-weight:900; 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 h2 br{display:none}
.hero h2 strong {font-family: inherit;font-size:inherit;color:#cf5c54}
.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:#444;color:#fff;font-size:2.8rem;}
.hero__lead{margin:2rem auto 0;width:100%;font-size:2.6rem;padding:1.5rem 2rem 3rem;color:#1c1c1c;background: url(./assets/visual-road.png) no-repeat center top;/* border-top:solid 5px #05bfce; */background-size: cover;}
.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;border-radius: 18px;}
.landing.colored {background:#f3f6fb;}

.tabs {margin: 0 auto;text-align: center; padding: rem 0}
.tabs a {border: solid 1px #95cdd2; border-radius: 100px; color: #55bac8; font-family: 'Jalnan'; padding: 1.5rem 2rem;transition: all .2s ease;font-size: 2.2rem;letter-spacing: 0;}
.tabs a.active, .tabs a:hover {border-color:#1b97a1;background: #1b97a1; color: #fff;}
.tabs a:not(:last-of-type) {margin-right: 15px}
.tabs a br {display: none;}

@media (max-width: 900px) {
  .tabs {display: flex; flex-wrap: wrap;align-items: center;justify-content:center;gap:10px}
  .tabs a {width: 22%;margin:0!important;border-radius: 12px;border-width: 2px;}
  .tabs a br {display: block;}
}

@media (max-width: 768px) {
  .tabs a {font-size: 1.8rem;}
}

@media (max-width: 600px) {
  .tabs a {width:45%;font-size: 1.7rem;}
}

@media (max-width: 360px) {
  .tabs {flex-direction: column;}
  .tabs a {width:100%;}
.tabs a br {display: none;}
}

.places{display:grid;gap:3rem}
.places h3 {font-size: 0;text-indent: -9999px;color: transparent;}
.place-card{display:grid;grid-template-columns:1.2fr 1fr;gap:2.8rem;align-items:start;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;width:100%}
.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 h3 {text-indent: -9999;font-size: 0;}
.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 {width:100%;display: flex;flex-direction: column;gap:10px}
.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:start}
.info-list dt{font-family:'Escoredream';display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#5f5f5f;color:#fff;font-size:1.6rem;font-weight:400;position:relative;padding:0.25rem 0.5rem;white-space: nowrap;text-indent: 20px;width:12rem;margin-top:1px}
.info-list dt::before {position:absolute;content: ''; left:12px;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 > div:nth-of-type(4) dt::before {background-image: url(./assets/card-icon4.png);}
.info-list > div:nth-of-type(5) dt::before {background-image: url(./assets/card-icon5.png);}
.info-list > div:nth-of-type(6) dt::before {background-image: url(./assets/card-icon6.png);}
.info-list > div:nth-of-type(7) dt::before {background-image: url(./assets/card-icon7.png);}
.info-list dd{font-family:'Escoredream';margin:0;color:#222;font-size:1.6rem;font-weight:500;padding-top:0.3rem;padding-left:7rem}

.notice {padding: 1.8rem;}
.notice h2 {font-family: 'Escoredream';font-weight: 600;color:#1b97a1}
.notice article {background-color: #fff;border-radius: 12px;padding:2.2rem;display:flex;gap:20px;align-items:center;justify-content: space-between;}
  .notice article img {max-width: 500px;}
.notice article ul {padding:0;margin:0; text-indent: 0; }
.notice article ul li{color:#2c2b2a;word-break: keep-all;font-family: 'Escoredream';position: relative;padding-left:15px;list-style: none;text-indent: 0;font-weight: 500;margin-top: 10px;}
.notice article ul li:before {content:'';background-color:#1b97a1;left:0;top:50%;transform:translateY(-50%);position: absolute;width:5px;height:5px;border-radius: 100%;}
.notice article ul li:last-child {background:#2f8ed2;color:#fff;padding:1rem 2rem;font-weight: 600;border-radius: 100px;text-align: center;width:auto;flex-grow:0;margin:20px 0;}
.notice article ul li:last-child:before {display: none;}
.notice article ul li:last-child br {display: none;}
.footer{padding:3.5rem 1rem 2rem 1rem;background:#444;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: 300px;}
}

@media (max-width:1400px) {
  /* .notice {background: #fff3e4 url();} */
  .notice article img {max-width: 400px;}
}


@media (max-width:1200px) {
  .hero {height:auto;min-height: auto;}
  .hero__arts img {max-width: 250px;/* bottom:180px; */}
  .hero__arts img.left {left:-80px}
  .hero__arts img.right {right:-100px}
  .notice article ul li:last-child br {display: block;}
}

@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;}
    .notice article {flex-direction: column;align-items: start;}
    .notice article .notice-img {align-self: end;}
      .notice article img {display: none;}
      .notice article ul {width: 100%;}
          .hero__arts img.left {left:-120px}
  .hero__arts img.right {right:-160px}
  .hero__lead p {font-size: 2rem;}
}


@media (max-width:760px){
    .hero__arts img.left {left:-160px}
        .hero__arts img.right{right:-180px}
  body{font-size:1.5rem}
  .hero{min-height:auto}
  .hero__logos {margin-top:0}
  .hero__inner{padding-top:2rem}
  .logo{position:static;margin-bottom:1rem}
  .hero h2{margin: 1.4rem 1rem;font-size: 3.5rem;}
  .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 article .notice-img img {max-width: 100%;}

.notice h2 {background-color:#1b97a1;color:#fff;border-radius: 12px;width: 100%;text-align: center;padding:1rem;display: flex;align-items: center;justify-content: center;}


}

@media (max-width:580px) {
    .hero__arts img.left {bottom:178px}
        .hero__arts img.right {bottom:108px}

  .hero h2 br {display:block}
}

@media (max-width:520px) {
  .hero__arts {display:none}
  /* .hero__arts img.left, .hero__arts img.right {bottom:0} */
  .hero h2 br {display:block}
  .hero{background:#fff url(./assets/visual-bg-m.png);background-position: center top;background-repeat: no-repeat;background-size: cover;}
.hero__lead{background: url(./assets/visual-road-m.png) no-repeat center top;background-size: cover;}
}

@media (max-width:480px){

  .notice article ul li:last-child {padding: 1rem 3rem}.notice article ul li:last-child br {display: none;}
}
@media (max-width:420px){
  .info-list div {display: flex;flex-direction: column;align-items: start;justify-content: start;margin-bottom: 20px;}
.info-list dd {padding-left: 0;}
  .place-card__gallery{gap:.8rem}
  .place-card__body p{font-size:1.35rem}
  .hero__lead br{display:none}
}
/* photo slider */
.place-card__gallery{
  --place-slide-height:360px;
  --place-slide-gap:10px;
  display:block;
  overflow:visible;
  /* padding-bottom:2.8rem; */
}

.place-slider__viewport{
  width:100%;
  height:calc((var(--place-slide-height) * 2) + var(--place-slide-gap));
  overflow:hidden;
  border-radius:1.2rem;
}

.place-slider__track{
  display:flex;
  flex-direction:column;
  gap:var(--place-slide-gap);
  transition:transform .35s ease;
  will-change:transform;
}

.place-slider__slide{
  flex:0 0 var(--place-slide-height);
  height:var(--place-slide-height);
  min-width:0;
  overflow:hidden;
}

.place-slider__slide img{
  width:100%;
  height:100%;
  border-radius:1.2rem;
  object-fit:cover;
  object-position:center;
}

.place-slider__btn{
  position:absolute;
  left:50%;
  z-index:2;
  display:grid;
  place-items:center;
  width:3.5rem;
  height:3.5rem;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:2.4rem;
  line-height:1;
  cursor:pointer;
  box-shadow:1px 1px 10px rgba(0,0,0,.35);
  transform:translateX(-50%);
}

.place-slider__btn--prev{top:-1.5rem}
.place-slider__btn--next{bottom: 3rem;}

.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:.3rem;
}

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

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

.place-slider__btn:disabled{
  opacity:.35;
  cursor:default;
}

.place-slider__pager{
  position:absolute;
  top:0;
  right:-10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:5px;
  height:calc((var(--place-slide-height) * 2) + var(--place-slide-gap));
  overflow:visible;
  background:#fff;
}

/* 버튼 수는 전체 이미지 수가 아니라 실제 페이지 수만큼 JS에서 생성됩니다. */
.place-slider__pager button{
  /* flex:1 1 0; */
  width:5px;
  height:40px;
  padding:0;
  border:0;
  border-radius:99rem;
  background:#fff;
  cursor:pointer;
  transition:width .25s ease, background .25s ease;
}

.place-slider__pager button.is-active{
  width:2rem;
  background:#1b97a1;
}

@media (max-width:1080px) {
  /* .place-slider__viewport {margin-bottom: 20px;} */
  .place-slider__pager{
  position:absolute;
  top:unset;
  bottom:0;
  right:0;
  width:100%;
  height:40px;
  align-items: center;
  flex-direction: row;
    background: transparent;

}
 .place-slider__pager:before {position: absolute;top:18px;height:5px;width:100%;left:0;background-color: #fff;content:''}

.place-slider__pager button{
  width:100px;
  height:4px;
}

.place-slider__pager button.is-active{
  height:20px;
  width: 100px;
  z-index: 1
  ;
}
}


@media (max-width:520px){
  .place-slider__viewport {
    height:var(--place-slide-height);
  }
}

.place-map{
    width:100%;
    height:300px;
    border-radius:16px;
    overflow:hidden;
}

.root_daum_roughmap {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
}

.root_daum_roughmap .wrap_map {
    width: 100% !important;
}

.root_daum_roughmap .map {
    width: 100% !important;
}


.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont {
    display: none !important;
}

.map-info {width: 100%;display: flex;flex-direction: column;background-color: #fff;border-radius: 0 0 1rem 1rem;padding:1rem}
.map-info * {font-family: 'Escoredream';font-size: 1.8rem!important;}
.map-info h4 {margin:0!important;padding:0!important}