/*withu-min v1 src=85317 md5=e63f29ca95e109fc377689116d7ac7aa*/






.block-title {
  margin: var(--space-10) 0;
  font-family: var(--font-display);
  font-size: var(--fs-block-title);
  font-weight: var(--fw-black);
  line-height: var(--lh-tight);

  
  letter-spacing: var(--ls-block-title);

  color: var(--color-text);
  text-align: center;
  text-transform: uppercase;
}

.block-title span {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 0 var(--space-8);
}


.block-title span::before,
.block-title span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--space-5);
  height: var(--space-1);
  margin-top: calc(var(--space-1) / -2);
  border-top: 1px solid var(--color-border-strong);
  border-bottom: 1px solid var(--color-border-strong);
}

.block-title span::after {
  left: auto;
  right: 0;
}




.entry-header,
.entry-summary {
  text-align: left;
  padding: 0;
}


.entry-thumb {
  overflow: hidden;
  border-radius: var(--radius-lg);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
  backface-visibility: hidden;
}

.entry-thumb img {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  object-fit: cover;
  transition: transform 0.4s ease-in-out;
}

.entry-small:hover .entry-thumb img { transform: scale(1.08); }


.entry-thumb:not(.video) { aspect-ratio: 760 / 400; }



[class*="thumb-pos"] img {
  object-position: var(--thumb-x, 50%) var(--thumb-y, 50%);
}

.thumb-pos-top    { --thumb-y: 0%; }
.thumb-pos-upper  { --thumb-y: var(--thumb-pos-upper); }
.thumb-pos-bottom { --thumb-y: 100%; }

.thumb-posx-left  { --thumb-x: 0%; }
.thumb-posx-right { --thumb-x: 100%; }



.entry-small .entry-thumb + .entry-content { margin-top: var(--space-3); }


.blog-feed .row { row-gap: var(--space-10); }



.entry-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
}


.entry-content .entry-kicker .entry-category,
.entry-content .entry-kicker .entry-meta,
.entry-kicker .entry-meta .entry-date {
  margin: 0;
}


.entry-kicker .entry-category + .entry-meta .entry-date::before {
  content: "·";
  margin-right: var(--space-2);
  color: var(--color-text-faint);
}


.entry-kicker .entry-meta .entry-date {
  font-weight: var(--fw-medium);
}




.entry-category a {
  display: inline-block;
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--color-text-muted);
  text-transform: uppercase;
}




.entry-title {
  display: block;
  height: auto;
  line-height: var(--lh-heading);
  margin: var(--space-2) 0 var(--space-3);
  overflow: hidden;
}


.entry-title::after,
.entry-title a::after { content: none; }

.entry-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  font-size: var(--fs-3xl);
  font-weight: var(--fw-semibold);
  line-height: 1.5;
  color: var(--color-text);

  
}


.entry-title br { display: none; }



.entry-summary {
  height: 4.5em;
  max-height: 4.5em;
  overflow: hidden;
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  font-style: normal;
  text-align: left;
}

.entry-summary p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  margin: 0;
  font-size: var(--fs-xl);
  font-weight: var(--fw-normal);
  line-height: 1.6;

  
}



.recent-cat-item p,
.entry-summary p,
.recent-cat-item .cat-post-info {
  cursor: pointer;
}



.entry-date,
.entry-meta .date {
  display: block;
  margin: var(--space-4) 0 0;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  font-style: normal;
  color: var(--color-text-faint);
}





html[lang*="ko"] .entry-title a,
html[lang*="ko"] .entry-summary p {
  word-break: normal;
}

html[lang*="ja"] .entry-title a,
html[lang*="ja"] .entry-summary p,
html[lang*="ja"] .entry-category a,
html[lang*="ja"] .entry-footer .categories a {
  word-break: normal;      
}

html[lang*="en"] .entry-title a,
html[lang*="en"] .entry-summary p {
  word-break: normal;
  overflow-wrap: break-word;
  text-transform: none;
}




.navigation.pagination {
  margin: var(--space-10) 0;
  text-align: center;
}

.navigation.pagination .nav-links { line-height: 1; }

.page-numbers {
  display: inline-block;
  padding: var(--space-3) var(--space-5);
  margin: 0 var(--space-2);
  border: 0;
  background: none;
  font-size: var(--fs-xl);
  color: var(--color-text-subtle);
  transition: color var(--transition), transform var(--transition);
}

a.page-numbers:hover {
  color: var(--c-black);
  transform: translateY(-2px);
}

.page-numbers.current {
  position: relative;
  color: var(--color-text);
  font-weight: var(--fw-semibold);
}


.page-numbers.current::after {
  content: "";
  position: absolute;
  left: var(--space-3);
  right: var(--space-3);
  bottom: var(--space-1);
  height: 2px;
  background: var(--color-text);
}


.page-numbers.prev,
.page-numbers.next,
.page-numbers.prev-block,
.page-numbers.next-block {
  color: var(--color-text-faint);
}

a.page-numbers.prev:hover,
a.page-numbers.next:hover,
a.page-numbers.prev-block:hover,
a.page-numbers.next-block:hover {
  color: var(--c-black);
}


.page-numbers.is-disabled {
  color: var(--color-border-strong);
  pointer-events: none;
}


.page-numbers.is-narrow-only { display: none; }





.mag-slider-container {
  position: relative;

  
  max-width: var(--width-article);
  margin: 0 auto;

  overflow: hidden;
  border-radius: var(--radius);
}


.mag-slides {
  display: flex;
  transition: transform 0.5s ease-out;
  touch-action: pan-y;
}


.mag-slider-container.is-dragging .mag-slides {
  transition: none;
}


.mag-slider-container {
  user-select: none;
  -webkit-user-select: none;
}

.mag-slide {
  position: relative;
  min-width: 100%;
}

.mag-slide img {
  display: block;
  width: 100%;
  aspect-ratio: 10 / 1.5;
  object-fit: cover;

  
  -webkit-user-drag: none;
}


.mag-slider-container.is-dragging,
.mag-slider-container.is-dragging a {
  cursor: grabbing;
}

.mag-controls {
  position: absolute;
  top: var(--space-3);
  right: var(--space-4);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;

  
  gap: var(--space-3);
}



.dot {
  position: relative;
  flex-shrink: 0;
  width: var(--space-2);
  height: var(--space-2);
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.5);

  
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background 0.3s, width 0.3s;
}


.dot::before {
  content: "";
  position: absolute;
  inset: -12px -5px;
}


.dot.active {
  width: var(--space-6);
  background: var(--color-text-invert);
}


.pause-btn {
  position: relative;
  margin-left: var(--space-2);
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  color: var(--color-text-invert);
  font-family: inherit;
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  line-height: 1;
  opacity: 0.7;
  cursor: pointer;
}


.pause-btn::before {
  content: "";
  position: absolute;
  inset: -6px -12px;
}


@media (prefers-reduced-motion: reduce) {
  .mag-slides { transition: none; }
  .dot { transition: none; }
}






#custom-scroll-top {
  display: flex;
  position: fixed;
  right: var(--space-9);
  bottom: var(--space-9);
  z-index: var(--z-modal);

  align-items: center;
  justify-content: center;
  width: var(--tool-btn);
  height: var(--tool-btn);
  border: 0;
  border-radius: var(--radius-circle);
  background: var(--c-black);
  color: var(--color-text-invert);
  box-shadow: var(--shadow-lg);
  cursor: pointer;

  opacity: 0;
  visibility: hidden;
  transform: translateX(var(--space-3));
  transition: opacity 0.35s ease, transform 0.35s ease,
              visibility 0.35s, background var(--transition);
}

#custom-scroll-top.is-visible {
  opacity: 0.7;
  visibility: visible;
  transform: none;
}

#custom-scroll-top.is-visible:hover {
  opacity: 1;
  background: var(--c-gray-800);
  transform: translateY(-3px);
}


@media (prefers-reduced-motion: reduce) {
  #custom-scroll-top {
    transform: none;
    transition: opacity 0.2s ease, visibility 0.2s, background var(--transition);
  }
  #custom-scroll-top.is-visible:hover { transform: none; }
}

#custom-scroll-top svg { display: block; margin: auto; }




.navbar-nav .dropdown-menu li a,
.navbar-nav .sub-menu li a { color: var(--color-text-subtle); }
.navbar-nav .dropdown-menu li a:hover,
.navbar-nav .sub-menu li a:hover { color: var(--color-text); }




:focus:not(:focus-visible) { outline: none; }


:focus-visible {
  outline: var(--focus-ring-w) solid var(--color-text);
  outline-offset: var(--focus-ring-gap);
  box-shadow: var(--focus-ring-shadow);
}


#custom-scroll-top:focus-visible {
  box-shadow: var(--focus-ring-shadow), var(--shadow-lg);
}


.entry-title a:focus-visible,
.recent-cat-item a:focus-visible,
.article-tools-inline .atool-font-btn:focus-visible,

.withu-card:focus-visible,
.withu-yt-item:focus-visible,
.mag-slide a:focus-visible {
  outline-offset: calc(-1 * var(--focus-ring-w));
}


.withu-card:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--focus-ring-w) solid var(--color-text);
  border-radius: inherit;
  box-shadow: inset 0 0 0 calc(var(--focus-ring-gap) + var(--focus-ring-w)) #ffffff;
  pointer-events: none;
}



.section-divider {
  height: 1px;
  margin: var(--space-10) 0;
  border: 0;
  background: var(--color-border-strong);
}




.entry-content .wp-block-button__link {
  display: inline-block;
  padding: var(--space-3) var(--space-7);
  border: 1px solid var(--color-text);
  border-radius: 0;
  background: transparent;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  transition: background var(--transition), color var(--transition),
              border-color var(--transition);
}

.entry-content .wp-block-button__link:hover {
  background: var(--color-text);
  color: var(--color-text-invert);
}


.entry-content .is-style-light .wp-block-button__link {
  border-color: var(--c-white);
  color: var(--c-white);
}

.entry-content .is-style-light .wp-block-button__link:hover {
  background: var(--c-white);
  color: var(--color-text);
}




@media (max-width: 767px) {

  
  .section-divider { display: none; }

  
  .entry-small,
  
  .entry-small .entry-thumb + .entry-content { margin-top: var(--space-2); }

  

  .frontpage-featured-posts .entry-small {
    margin-bottom: var(--card-gap);
  }

  
  .block-title { margin-bottom: var(--space-6); }

  
  .block-title span { padding: 0; }
  .block-title span::before,
  .block-title span::after { content: none; }

  

  
  .entry-title {
    min-height: 0;
    margin: var(--space-2) 0;
  }

  
  .entry-title a {
    font-size: var(--fs-xl);
  }

  

  
  .entry-summary {
    height: auto;
    max-height: none;
    margin: var(--space-2) 0 0;
  }

  
  .entry-summary p {
    -webkit-line-clamp: 2;
            line-clamp: 2;
    font-size: var(--fs-base);
    color: var(--color-text-muted);
  }

  .entry-category a {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    letter-spacing: 0.02em;
  }

  

  .entry-date,
  .entry-meta .date {
    margin-top: var(--space-2);
    font-size: var(--fs-sm);
  }

  
  .single .entry-title br,
  .frontpage-slider .caption h2 br { display: none; }

  
  .blog-feed .row { row-gap: var(--space-8); }

  
  .navigation.pagination {
    margin: var(--space-5) 0 var(--space-8);
  }

  
  .navigation.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  
  .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--pag-num-w);
    min-height: var(--pag-tap-h);
    padding: 0 var(--space-2);
    margin: 0 2px;
    font-size: var(--fs-md);
  }

  
  .page-numbers.prev,
  .page-numbers.next,
  .page-numbers.prev-block,
  .page-numbers.next-block { min-width: 0; }

  
  .page-numbers.current::after {
    left: var(--space-2);
    right: var(--space-2);
  }

  
  .page-numbers.is-wide-only   { display: none; }
  .page-numbers.is-narrow-only { display: inline-flex; }

  
  

  .mag-slide img {
    aspect-ratio: auto;
    height: auto;
    object-fit: contain;
  }

  #custom-scroll-top {
    right: var(--space-5);
    bottom: var(--space-5);
  }
}






@media (prefers-reduced-motion: no-preference) {

  .withu-reveal-on .withu-reveal {
    opacity: 0;
    transform: translateY(var(--reveal-shift));

    
    transition:
      opacity   var(--reveal-dur) var(--reveal-ease) calc(var(--reveal-step) * var(--reveal-i, 0)),
      transform var(--reveal-dur) var(--reveal-ease) calc(var(--reveal-step) * var(--reveal-i, 0));
  }

  
  .withu-reveal-on .withu-reveal.is-revealed {
    opacity: 1;
    transform: none;
  }
}