/* BASIC css start */
#content_mem {
  width: 100%;
  padding: 0 !important;
  margin: 0 auto;
  text-align: initial;
  overflow: visible;
}
#content_mem img { max-width: 100%; }
.footer_section { display:none; }

.vacation-editorial,
.vacation-editorial * {
  box-sizing: border-box;
}
.vacation-editorial {
  --black:#111;
  --line:rgba(17,17,17,.18);
  color:var(--black);
  background:#fff;
  font-family: Pretendard, "Noto Sans KR", Arial, sans-serif;
}
.vacation-page .headerBottom_wrap .depth01 > li > .depth02,
.vacation-page .headerBottom_wrap .depth01 > li:hover > .depth02,
.vacation-page .headerBottom_wrap .lnb_depth1 > .lnb_depth2,
.vacation-page .headerBottom_wrap .lnb_depth1:hover > .lnb_depth2 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.white{color:white!important;}
.vacation-editorial a {
  color:inherit;
  text-decoration:none;
}
.ve-strip-hero {
    position: relative;
    width: 100%;
    height: 760px;
    overflow: hidden;
    background: #111;
    color: #fff;
}

.ve-strip-viewport {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
}

.ve-strip-viewport.is-dragging {
    cursor: grabbing;
}

.ve-strip-track {
    display: flex;
    width: max-content;
    height: 100%;
    will-change: transform;
}

.ve-strip-slide {
    flex: 0 0 700px;
    width: 700px;
    height: 100%;
    overflow: hidden;
}

.ve-strip-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}

.ve-strip-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,.5) 0%,
        rgba(0,0,0,.18) 48%,
        rgba(0,0,0,.04) 100%
    );
}

.ve-strip-overlay {
    position: absolute;
    left: 6vw;
    bottom: 95px;
    z-index: 3;
    pointer-events: none;
}

.ve-strip-overlay .ve-hero__eyebrow {
    margin-bottom: 28px;
    font-size: 13px;
    letter-spacing: .18em;
    font-weight: 700;
    
}

.ve-strip-overlay h1 {
    margin: 0;
    font-size: clamp(54px, 8.2vw, 136px);
    line-height: .84;
    letter-spacing: -.075em;
    font-weight: 900;
    color:white!important;
}

.ve-strip-overlay h1 span {
    display: block;
}

.ve-strip-overlay p {
    margin: 34px 0 0;
    font-size: 18px;
    line-height: 1.7;
}

.ve-strip-hero .ve-scroll {
    position: absolute;
    right: 6vw;
    bottom: 72px;
    z-index: 4;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    letter-spacing: .14em;
}

@media (max-width: 640px) {
    .ve-strip-hero {
        height: 620px;
    }

    .ve-strip-slide {
        flex-basis: 82vw;
        width: 82vw;
    }

    .ve-strip-overlay {
        left: 22px;
        bottom: 88px;
    }

    .ve-strip-overlay h1 {
        font-size: 47px;
        line-height: .9;
    }

    .ve-strip-overlay p {
        margin-top: 24px;
        font-size: 14px;
    }

    .ve-strip-hero .ve-scroll {
        right: 22px;
        bottom: 36px;
    }
}
.ve-scroll {
  position:absolute;
  right:6vw;
  bottom:72px;
  padding-bottom:8px;
  border-bottom:1px solid #fff;
  font-size:11px;
  letter-spacing:.14em;
}
.ve-intro {
  padding:150px 6vw;
  text-align:center;
}
.ve-nav-space{
    height:62px;
}
.ve-intro__small,
.ve-label {
  margin:0 0 20px;
  font-size:12px;
  letter-spacing:.18em;
  font-weight:800;
}
.ve-intro h2 {
  margin:0;
  font-size:clamp(34px,4.5vw,68px);
  line-height:1.16;
  letter-spacing:-.055em;
}
.ve-intro__copy {
  margin:38px 0 0;
  font-size:16px;
  line-height:1.9;
  color:#555;
}
.ve-nav{
    position:fixed;
    top:-70px;
    left:0;
    width:100%;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4vw;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(10px);
    border-bottom:1px solid #ddd;
    z-index:9;
    transition:.35s ease;
}
.ve-nav a.active{
    font-weight:900;
    position:relative;
}

.ve-nav a.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-20px;
    width:100%;
    height:2px;
    background:#111;
}
.ve-nav.show{
    top:130px;
}
.ve-nav a {
  font-size:12px;
  letter-spacing:.14em;
  font-weight:800;
}
.ve-section {
  padding:150px 6vw;
  sscroll-margin-top:152px; /* Çì´õ 90px + ÅÇ 62px */
  
}
.ve-section--blue { background:#b9d8e7; }
.ve-section--cream { background:#eee9df; }
.ve-section--yellow { background:#f2d95c; }
.ve-section--green { background:#78917a; }
.ve-section--gray { background:#e7e7e7; }

.ve-section__head {
  max-width:1400px;
  margin:0 auto 70px;
  position:relative;
}
.ve-section__head--right {
  text-align:right;
}
.ve-no {
  display:block;
  margin-bottom:45px;
  font-size:12px;
  font-weight:800;
}
.ve-section__head h2 {
  margin:0;
  font-size:clamp(58px,8vw,125px);
  line-height:.9;
  letter-spacing:-.07em;
}
.ve-section__head h3 {
  margin:22px 0 0;
  font-size:clamp(20px,2.2vw,34px);
  font-weight:500;
  letter-spacing:-.035em;
}
.ve-editorial-grid {
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);
  gap:5vw;
  align-items:center;
}
.ve-editorial-grid--reverse {
  grid-template-columns:minmax(340px,.75fr) minmax(0,1.45fr);
}
.ve-photo {
  overflow:hidden;
  background:#d7d7d7;
}
.ve-photo--large {
  aspect-ratio:1.08/1;
}
.ve-photo__placeholder {
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(0,0,0,.12)),
    #aaa;
  color:#fff;
  font-size:12px;
  letter-spacing:.16em;
}
.ve-pick {
  padding:38px 0;
  border-top:2px solid #111;
  border-bottom:1px solid rgba(17,17,17,.18);
}
.ve-pick--dark {
  color:#fff;
  border-color:#fff;
}
.ve-pick__top {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:24px;
  border-bottom:1px solid currentColor;
}
.ve-pick__avatar {
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.ve-pick--dark .ve-pick__avatar {
  background:#fff;
  color:#111;
}
.ve-pick__top strong {
  font-size:13px;
  letter-spacing:.1em;
}
.ve-pick h4 {
  margin:38px 0 28px;
  font-size:clamp(27px,3vw,43px);
  line-height:1.22;
  letter-spacing:-.055em;
}
.ve-pick p {
  margin:0 0 20px;
  font-size:15px;
  line-height:1.9;
  word-break:keep-all;
}
.ve-brand-row {
  max-width:1400px;
  margin:100px auto 0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}
.ve-brand-row--single {
  grid-template-columns:minmax(0,680px);
}
.ve-brand-row--four {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.ve-brand-card {
  display:block;
  border-top:1px solid #111;
  padding-top:16px;
}
.ve-brand-card__image {
  aspect-ratio:1/1.05;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.42);
  font-size:11px;
  letter-spacing:.12em;
}
.ve-brand-card__name {
  display:block;
  margin-top:20px;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.02em;
}
.ve-brand-card__desc {
  display:block;
  margin-top:8px;
  font-size:14px;
}
.ve-coupon {
  max-width:1400px;
  margin:80px auto 0;
  min-height:108px;
  padding:0 36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #111;
  background:#fff;
  transition:.25s ease;
}
.ve-coupon:hover {
  color:#fff;
  background:#111;
}
.ve-coupon span {
  font-size:12px;
  letter-spacing:.16em;
  font-weight:800;
}
.ve-coupon strong {
  font-size:24px;
}
.ve-coupon--dark {
  color:#fff;
  border-color:#fff;
  background:transparent;
}
.ve-coupon--dark:hover {
  color:#111;
  background:#fff;
}
.ve-work-banner {
  max-width:1400px;
  min-height:500px;
  margin:0 auto;
  padding:6vw;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.5)),
    url("https://saveheels.speedgabia.com/banner/ss26/vacation/5_last.png") center/cover no-repeat;
  color:#fff;
}
.ve-work-banner p {
  margin:0 0 10px;
  font-size:20px;
}
.ve-work-banner h4 {
  margin:0;
  font-size:clamp(42px,6vw,88px);
  line-height:1;
  letter-spacing:-.065em;
}
.ve-work-banner span {
  max-width:650px;
  margin-top:34px;
  font-size:15px;
  line-height:1.9;
}
.ve-work-coupon{
  max-width:1400px;
  margin:80px auto 0;
  min-height:108px;
  padding:0 36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #111;
  background:#fff;
  transition:.25s ease;
}

.ve-work-coupon:hover{
  background:#111;
  color:#fff;
}

.ve-work-coupon span{
  font-size:12px;
  letter-spacing:.16em;
  font-weight:800;
}

.ve-work-coupon strong{
  font-size:24px;
  line-height:1;
  letter-spacing:0;
}

.ve-work-coupon em{
  display:none;
}
.ve-footer {
  padding:80px 6vw;
  display:flex;
  justify-content:space-between;
  background:#111;
  color:#fff;
}
.ve-footer p,
.ve-footer a {
  margin:0;
  font-size:11px;
  letter-spacing:.14em;
}

@media (max-width:1024px) {
  .ve-hero { min-height:650px; }
  .ve-editorial-grid,
  .ve-editorial-grid--reverse {
    grid-template-columns:1fr;
    gap:55px;
  }
  .ve-editorial-grid--reverse .ve-pick { order:2; }
  .ve-brand-row--four {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px) {
  .ve-hero {
    min-height:600px;
    padding:72px 22px 42px;
  }
  .ve-hero__eyebrow { top:32px; left:22px; }
  .ve-hero h1 {
    font-size:49px;
    line-height:.9;
  }
  .ve-hero p { font-size:14px; }
  .ve-scroll { right:22px; bottom:42px; }
  .ve-intro { padding:95px 22px; }
  .ve-intro__copy br { display:none; }
  .ve-nav {
    justify-content:flex-start;
    gap:28px;
    padding:0 20px;
    overflow-x:auto;
  }
  .ve-nav a { flex:0 0 auto; }
  .ve-section { padding:95px 22px; }
  .ve-section__head { margin-bottom:45px; }
  .ve-section__head--right { text-align:left; }
  .ve-no { margin-bottom:28px; }
  .ve-photo--large { aspect-ratio:.82/1; }
  .ve-pick { padding:28px 0; }
  .ve-pick h4 { margin-top:30px; }
  .ve-brand-row,
  .ve-brand-row--four,
  .ve-brand-row--single {
    grid-template-columns:1fr;
    margin-top:65px;
  }
  .ve-coupon {
    min-height:88px;
    padding:0 22px;
  }
  .ve-coupon strong { font-size:19px; }
  .ve-work-banner {
    min-height:530px;
    padding:34px 25px;
  }
  .ve-work-coupon {
    min-height:180px;
    padding:28px 24px;
  }
  .ve-work-coupon strong { font-size:78px; }
  .ve-footer {
    gap:20px;
    padding:55px 22px;
    flex-direction:column;
  }
}
/* BASIC css end */

