/* BASIC css start */
/* legacy */
.stickyBox {padding: 0 100px;}
.stickyBox:after {
    content:'';
    display:block;
    clear:both;
}
.stickyBox .detail {
    width:50%;
    float:right;
}

.stickyBox .prd-detail {
    float:left;
    width:50%;
}

.stickyBox .detail.center {
    position: sticky;
    height: calc(100vh - 190px);
    top: 90px;
    left: 50%;
}

.stickyBox .detail.center .info {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}

.stickyBox .detail .info {padding-left:60px;}
.stickyBox .detail .info h2{line-height: 1.6;}
.stickyBox .detail .info h3{line-height: 1.6;font-size:12px;color:#adadad; padding-bottom:30px}
.stickyBox .detail .info h4{line-height: 1.8;font-size:12px;padding-bottom:30px}
.stickyBox .detail .info .info2{line-height: 1.8;font-size:14px;}
.stickyBox .detail .info .info2 img{display:none}


/* renew26 */
.journal__h {
    padding: 90px 10px 40px;
    text-align: center;
}
.journal__h h2 {
    font-size: 32px;
    word-break: normal;
}
.journal__h .i2 {
    margin-top: 10px;
    display: inline-flex;
    gap: 64px;
}
.journal__h .i2 span {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1em;
    font-variant: petite-caps;
}
.journal__b {
    font-family: 'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;
    font-size: 16px;
    line-height: 1.4;
    color: var(--ub-color-main);
}
body .journal__b * {
    font-family: 'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;
    font-size: inherit;
    line-height: inherit;
}

@media (min-width: 900px) {
  .journal__h h2 {
    font-size: 40px;
  }
}

.rel-articles {
  padding: 80px 0;
}
.rel-articles .s_head {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--ub-color-sys250);
}
.rel-articles .s_head h3 {
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: .1em;
  text-align: center;
  font-variant: petite-caps;
}

.rel-articles .j-rel-article-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 80px;
    padding: 64px 10px;
}

@media (min-width: 900px) {
  .rel-articles {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .rel-articles .j-rel-article-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1400px) {
  .rel-articles .j-rel-article-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 120px 9vw;
    padding-left: 9vw;
    padding-right: 9vw;
  }
}

@media (max-width: 899.8px) {
  .j-rel-article-list .jn-card:nth-child(n+2) {
    display: none;
  }
}

.rel-products {
    padding: 120px 10px;
}
.rel-products .s_head {
    margin-bottom: 40px;
}
.rel-products .s_head h3 {
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: .1em;
    text-align: center;
    font-variant: petite-caps;
}

@media (min-width: 900px) {
  .rel-products .s_head {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ub-color-sys250);
  }
}

/* rel products */
.p-prd-item {
  position: relative;
  color: var(--ub-color-main);
}
.p-prd-item .pp-thumb {
  position: relative;
}
.p-prd-item .pp-thumb > a {
  display: block;
}
.p-prd-item .pp-thumb img {
  display: block;
  width: 100%;
}
.p-prd-item .pp-thumb .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.p-prd-item .pp-info {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 5px;
}
.p-prd-item .p_name .sbtxt {
  display: inline-block;
  padding: 2px;
  line-height: 13px;
  background: #fff;
  transition: background 0.25s;
}
.p-prd-item .p_name .sbtxt:hover {
  background: var(--ub-color-sys100);
}
.p-prd-item .p_name .h3 {
  margin-top: 1px;
}
.p-prd-item .p_name .h3 a {
  font: inherit;
  color: inherit;
}
.p-prd-item .wish_bt {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  background-image: url(https://syneez.com/x/img/i/bt-plus.svg);
}
.p-prd-item .wish_tip {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  padding: 0 2px;
  background: #fff;
  border-right: 2px solid transparent;
  box-sizing: content-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  font-family: var(--ub-font-sans);
  font-size: 10px;
  height: 22px;
  font-variant: all-small-caps;
  letter-spacing: 0.3px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, visibility 0.3s;
}
.p-prd-item .wish_bt:hover .wish_tip,
.p-prd-item .wish_bt:focus-visible .wish_tip {
  opacity: 1;
  pointer-events: auto;
}
.p-prd-item .wish_bt .my-wish-list {
  display: block;
  width: 100%;
  height: 100%;
}

.p-prd-item .wish_bt .my-wish-list ~ .wish_tip span {font: inherit;}
.p-prd-item .wish_bt .my-wish-list ~ .wish_tip .t_x {display: inline;}
.p-prd-item .wish_bt .my-wish-list ~ .wish_tip .t_o {display: none;}
.p-prd-item .wish_bt .my-wish-list.wish-on ~ .wish_tip .t_x {display: none;}
.p-prd-item .wish_bt .my-wish-list.wish-on ~ .wish_tip .t_o {display: inline;}

.p-prd-item:hover .pp-thumb .back {
  opacity: 1;
}

@media (min-width: 1024px) {
  .journal__h h2 {
      font-size: 40px;
  }
}


/* rel articles */
.rel-articles .jn-card {position: relative;}
.rel-articles .jn-card .c_thumb a {display: block; position: relative;}
.rel-articles .jn-card .c_thumb img {display: block; width: 100%;}
.rel-articles .jn-card .c_info {margin-top: 10px;}
.rel-articles .jn-card .c_info .t_bx {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.rel-articles .jn-card .c_info .t1 {
    font-size: 24px;
    line-height: 1.1;
}
.rel-articles .jn-card .c_info .t1 * {
    font: inherit;
}
.rel-articles .jn-card .c_info .t2 {
    flex-shrink: 0;
    font-family: var(--ub-font-sans);
    font-size: 10px;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.rel-articles .jn-card .e_bx .ex2 {display: none;}

.rel-articles .jn-card .btag {
    position: absolute;
    left: 8px;
    top: 8px;
    padding: 4px 4px 3.5px;
    font-family: var(--ub-font-sans);
    font-size: 10px;
    line-height: 1.05;
    letter-spacing: .03em;
    font-variant: all-small-caps;
    background-color: #f1f1f1;
}
.rel-articles .jn-card .btag.be2 {
    position: absolute;
    left: 8px;
    top: auto;
    bottom: 8px;
    opacity: 0;
    transition: opacity .25s;
}

.rel-articles .jn-card a:hover .btag.be2 {
    opacity: 1;
}

.rel-articles .jn-card .e_bx .ex1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.36;
}
.rel-articles .jn-card .e_bx .ex1 > span {
    display: inline-block;
    width: 230px;
    border-bottom: 1px solid var(--ub-color-sys300);
    margin-bottom: 4px;
    font-size: 12px;
    font-family: var(--ub-font-sans);
    font-variant: all-small-caps;
}


/* 원클릭옵션 */
.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { float:left; margin: 0 0 0 15px; }
.MK-oneclick-list li:first-child{ margin: 0}
.MK-oneclick-list li a { border:0; display: inline-block; border-radius: 1px; box-sizing:border-box; }
.MK-oneclick-list li.MK-oneclick-sel a { border-bottom:1px solid #000000; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {  padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle;  }
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image a {height:50px;}
.MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;}
.MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; }
.MK-oneclick-list li.MK-oneclick-color a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; }
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-text  .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a {  }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;}
.MK-oneclick-list li.MK-oneclick-text span {   max-width: 320px; overflow: hidden; height: 44px; }
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { }
.MK-oneclick-value {  display:none; }
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: 14px;  max-width: 320px;     }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; text-decoration: line-through; cursor:default; }



/* 공통 모듈 클래스 */
.journal__b .jxc-module {
  padding: 60px 10px;
}

/* ===========================
    좁은 텍스트 박스
=========================== */
.journal__b .jxc-t1_txtn21 {
  max-width: 463px;
  margin: 0 auto;
  /* padding-top: 80px;
  padding-bottom: 80px; */
  padding-top: 40px;
  padding-bottom: 40px;
  word-break: keep-all;
}
.journal__b .jxc-t1_txtn21 p {
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.5;
}
.journal__b .jxc-t1_txtn21 p:last-child {
  margin-bottom: 0;
}

/* ===========================
    인터뷰 타입
=========================== */
.journal__b .jxc-t1_txtqa {
  max-width: 526px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  word-break: keep-all;
}
.journal__b .jxc-t1_txtqa ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.journal__b .jxc-t1_txtqa li {
  /* padding: 32px 0; */
  padding: 16px 0;
}
.journal__b .jxc-t1_txtqa p {
  display: flex;
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.6;
}
.journal__b .jxc-t1_txtqa p:last-child {
  margin-bottom: 0;
}
.journal__b .jxc-t1_txtqa strong {
  flex: 0 0 60px;
  margin-top: -.1em;
  font-family: var(--ub-font-sans);
  font-size: 12px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .journal__b .jxc-t1_txtqa p {
    font-size: 16px;
  }
}

/* ===========================
    싱글 이미지 타입 (캡션 가능)
    - mobile first / desktop: min-width 768px
=========================== */
.journal__b .jxc-t1_imgc1 {
  /* padding-top: 40px;
  padding-bottom: 40px; */
  padding-top: 20px;
  padding-bottom: 20px;
}
.journal__b .jxc-t1_imgc1 .wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.journal__b .jxc-t1_imgc1 p.caption {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 19px;
}

@media (min-width: 768px) {
  .journal__b .jxc-t1_imgc1 {
    /* padding-top: 64px;
    padding-bottom: 64px; */
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .journal__b .jxc-t1_imgc1 .inx {
    position: relative;
    width: 40%;
    max-width: 600px;
    margin: 0 auto;
  }
  .journal__b .jxc-t1_imgc1 p.caption {
    position: absolute;
    top: 0;
    right: -10px;
    transform: translateX(100%);
    width: 170px;
    margin-top: 0;
  }
}


/* ===========================
    2컬럼 이미지 타입
=========================== */
.journal__b .jxc-t1_imgc2 {
  /* padding-top: 80px;
  padding-bottom: 80px; */
  padding-top: 40px;
  padding-bottom: 40px;
}
.journal__b .jxc-t1_imgc2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.journal__b .jxc-t1_imgc2 li img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .journal__b .jxc-t1_imgc2 {
    max-width: 1200px;
    margin: 0 auto;
    /* padding-top: 120px;
    padding-bottom: 120px; */
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .journal__b .jxc-t1_imgc2 ul {
    flex-direction: row;
    gap: 10%;
  }
  .journal__b .jxc-t1_imgc2 li {
    width: 50%;
  }
}


/* ===========================
  full image
=========================== */
.journal__b .jxc-t1_img-fw {
  max-width: 1200px;
  margin: 0 auto;
  /* padding-top: 120px;
  padding-bottom: 120px; */
  padding-top: 60px;
  padding-bottom: 60px;
}

/* ===========================
  Quote
=========================== */
.journal__b .jxc-t1_quote {
  width: 94%;
  max-width: 820px;
  margin: 0 auto;
  /* padding-top: 64px;
  padding-bottom: 64px; */
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 20px;
  line-height: 35px;
  word-break: keep-all;
  text-align: center;
}

@media (min-width: 768px) {
  .journal__b .jxc-t1_quote {
    font-size: 22px;
    line-height: 34px;
  }
}


/* ===========================
  Heading 블록
=========================== */
.journal__b .jxc-t1_h3 {
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 16px;
}

.journal__b .jxc-t1_h3 h3 {
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
  letter-spacing: .1em;
}

/* ===========================
  디테일 블록
=========================== */
.journal__b .jxc-t2_detail {
  max-width: 465px;
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.journal__b .jxc-t2_detail .sub_t {
  font-family: var(--ub-font-sans);
  font-size: 10px;
  font-variant: all-small-caps;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--ub-color-sys300);
  margin-bottom: 12px
}
.journal__b .jxc-t2_detail .main_t {
  font-size: 14px;;
  margin-bottom: 16px;
}
.journal__b .jxc-t2_detail .main_t strong {
  font-size: 24px;
  margin-right: 4px;
}
.journal__b .jxc-t2_detail .descc p {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: .7em;
}
.journal__b .jxc-t2_detail .descc p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .journal__b .jxc-t2_detail .descc {
    padding-left: 58px;
    padding-right: 58px;
  }
}


/* ===========================
    스와이퍼 타입 (이미지 + 옵션 캡션)
=========================== */
.journal__b .jxc-t1_swiper {
  /* padding: 120px 10px; */
  padding: 60px 10px;
  overflow: hidden;
}
.journal__b .jxc-t1_swiper .tit {
  font-size: 16px;
  line-height: 18px;
  padding: 0 10px 6px;
  border-bottom: 1px solid var(--ub-color-sys250);
  margin: 0 -10px 16px;
}

.journal__b .jxc-t1_swiper .swiper {
  overflow: visible;
}

.journal__b .jxc-t1_swiper .swiper-slide {}

.journal__b .jxc-t1_swiper .slide-figure {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.journal__b .jxc-t1_swiper .slide-figure img {
  display: block;
  width: 100%;
  /* height: 360px; */
  object-fit: cover;
  background: #eee;
}

.journal__b .jxc-t1_swiper .slide-figure figcaption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.6;
}


@media (min-width: 768px) {
  .journal__b .jxc-t1_swiper {
    /* padding-top: 200px;
    padding-bottom: 200px; */
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .journal__b .jxc-t1_swiper .slide-figure img {
    /* height: 480px; */
  }
  .journal__b .jxc-t1_swiper .slide-figure figcaption {
    font-size: 14px;
    max-width: 90%;
  }
}

@media (max-width: 767.8px) {
  .rel-articles .s_head h3,
  .rel-products .s_head h3 {
    font-weight: 700;
  }
}


/*Pooky*/



@font-face{
  font-family:"205TF Henry";
  src:url("/design/urbanic30/Pooky/205TF-Henry-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"205TF Henry";
  src:url("/design/urbanic30/Pooky/205TF-Henry-Italic.woff") format("woff");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:"ABC ROM";
  src:url("/design/urbanic30/Pooky/ABCROM-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

.journal__b.uj-active{
  all:initial;
}
.journal__b.uj-active *{

}

.journal__h.uj-active{
  all:initial;
  display:block;
}
.journal__h.uj-active + #shopdetailSticky .prd-group2{display:none !important;}

.journal__h.uj-active *{
 
}
.journal__h.uj-active{
  display:block;
  box-sizing:border-box;
  text-align:center;
  color:#25150e;
  font-family:'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;
  padding:90px 10px 105px;
  margin:0;
}
.journal__h.uj-active *{box-sizing:border-box;}
.journal__h.uj-active h2{
  display:block;
  font-family:'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;
  font-weight:400;
  font-size:40px;
  line-height:50px;
  letter-spacing:normal;
  color:#25150e;
  margin:0;
}
.journal__h.uj-active .i2{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:64px;
  margin-top:8px;
}
.journal__h.uj-active .j-cat,
.journal__h.uj-active .j-date{
  display:inline-block;
  font-variant:small-caps;
  font-family:'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;
  letter-spacing:1.4px;
  font-size:14px;
  font-weight:400;
  color:#25150e;
}
.journal__h.uj-active .uj-h-quote{
  display:block;
  font-family:'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;
  font-style:normal;
  font-size:18px;
  line-height:24px;
  color:#25150e;
  margin:65px 0 0;
  white-space:pre-line;
}

.journal__b.uj-active{
  box-sizing:border-box;
  --ink:#1a1815;
  --muted:#D8D8DC;
  --line:#e4e0d8;
  --bg:#ffffff;
  display:block;
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.journal__b.uj-active *{box-sizing:border-box;}
.journal__b.uj-active a{color:inherit;text-decoration:none;}
.journal__b.uj-active img{max-width:100%;height:auto;display:block;}

.journal__b.uj-active .uj-wrap{display:block;}
.journal__b.uj-active .uj-wrap *{box-sizing:border-box;}
.journal__b.uj-active .uj-inner{display:block;max-width:none;margin:0;padding:0 10px;}

.journal__b.uj-active .uj-seclabel{
  display:block;
  font-variant:small-caps;letter-spacing:10%;font-size:14px;
  padding-bottom:0px;margin:0 0 20px;
  position:sticky;top:50px;z-index:2;
  background:transparent;
  transform:translateZ(0);
  will-change:transform;
}
/* 네비와 스토리를 같은 셀(1/1)에 겹쳐 배치 → 스토리는 전체 폭, 이미지는 페이지 정중앙 */
.journal__b.uj-active .uj-grid{display:grid;grid-template-columns:1fr;align-items:start;}

.journal__b.uj-active .uj-nav{
  display:block;grid-area:1/1;z-index:2;
  position:sticky;top:90px;align-self:start; /* 헤더바 40px + 기존 70px */
  width:348px;max-width:calc((100% - 585px) / 2 - 24px); /* 가운데 이미지와 겹치지 않게 폭 제한 */
  transform:translateZ(0);will-change:transform;
}
.journal__b.uj-active .uj-nav__item{
  display:grid;grid-template-columns:50px 1fr;gap:6px 10px;
  padding:10px 0;border-bottom:1px solid var(--line);
  color:var(--muted);transition:color .35s;cursor:pointer;
}
.journal__b.uj-active .uj-nav__num{font-size:12px;letter-spacing:1px;padding-top:2px;    font-family: 'ABC ROM', 'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;}
.journal__b.uj-active .uj-nav__name{letter-spacing:10%;font-size:16px;line-height:1.3;}
.journal__b.uj-active .uj-nav__addr{grid-column:2;font-size:14px;line-height:1.4;margin-top:0px;}
.journal__b.uj-active .uj-nav__item.is-active{color:var(--ink);}
/* 호버 시: 네비 전체를 흐리게, 올린 항목만 진하게 (스크롤 활성 항목도 흐려짐) */
.journal__b.uj-active .uj-nav:hover .uj-nav__item{color:var(--muted);}
.journal__b.uj-active .uj-nav:hover .uj-nav__item:hover{color:var(--ink);}

.journal__b.uj-active .uj-stories{grid-area:1/1;display:flex;flex-direction:column;gap:80px;}
.journal__b.uj-active .uj-story{display:block;position:relative;scroll-margin-top:40px;}

/* 이미지: 페이지(전체 폭) 정중앙 */
.journal__b.uj-active .uj-figwrap{display:block;position:relative;width:586px;margin:0 auto;}
.journal__b.uj-active .uj-figs{display:flex;flex-direction:column;gap:20px;}
.journal__b.uj-active .uj-fig{display:block;position:relative;margin:0;}
.journal__b.uj-active .uj-fig img{display:block;width:100%;}
.journal__b.uj-active .uj-badge{
  position: absolute;
    top: 16px;
    left: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: var(--ink);
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 34px;
    font-family: 'Eulyoo1945', 'Noto Serif KR', serif;
}
.journal__b.uj-active .uj-counter{display:none;}
.journal__b.uj-active .uj-story__hd{display:none;}

/* 캡션: 가운데 이미지의 "바로 오른쪽"에 붙임 (585/2 + 10px 간격)
   top:0~bottom:0 으로 스토리 전체 높이를 채워야 안쪽 sticky 가 따라옴 */
.journal__b.uj-active .uj-caption{display:block;position:absolute;top:0;bottom:0;left:calc(50% + 302px);width:170px;}
.journal__b.uj-active .uj-caption-inner{display:block;position:sticky;top:50px;transform:translateZ(0);will-change:transform;} /* 헤더바 40px + 기존 10px */
.journal__b.uj-active .uj-caption p{
    display: block;
    margin: 0 0 22px;
    font-size: 13px;
    line-height: 19px;
    color: #25150E;
}
.journal__b.uj-active .uj-cap-idx{font-variant:small-caps;letter-spacing:.5px;margin-right:10px;    font-family: 'ABC ROM', 'Henry', 'Eulyoo1945', 'Noto Serif KR', serif;}

@media (max-width:1024px){
  .journal__h.uj-active{padding:40px 20px 24px;}
  .journal__h.uj-active h2{font-size:28px;line-height:1.3;}
  .journal__h.uj-active .i2{gap:24px;margin-top:12px;}
  .journal__h.uj-active .j-cat,
  .journal__h.uj-active .j-date{font-size:12px;}
  .journal__h.uj-active .uj-h-quote{font-size:15px;margin-top:20px;}

  .journal__b.uj-active .uj-inner{padding:0 20px;}
  .journal__b.uj-active .uj-seclabel{display:none;}
  .journal__b.uj-active .uj-grid{display:block;}
  .journal__b.uj-active .uj-nav{display:none;}
  .journal__b.uj-active .uj-stories{display:block;}
  .journal__b.uj-active .uj-story{
    display:block;
    margin-top:34px;padding-top:22px;border-top:1px solid var(--line);
  }
  .journal__b.uj-active .uj-story:first-child{margin-top:0;}

  .journal__b.uj-active .uj-story__hd{
    display:grid;grid-template-columns:38px 1fr;gap:2px 8px;margin-bottom:16px;align-items:baseline;
  }
  .journal__b.uj-active .uj-story__num{font-size:11px;letter-spacing:1px;}
  .journal__b.uj-active .uj-story__name{font-variant:small-caps;letter-spacing:1.5px;font-size:15px;line-height:1.3;}
  .journal__b.uj-active .uj-story__addr{grid-column:2;font-size:15px;line-height:1.45;}

  .journal__b.uj-active .uj-figs{
    flex-direction:row;gap:0;
    overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .journal__b.uj-active .uj-figs::-webkit-scrollbar{display:none;}
  .journal__b.uj-active .uj-fig{flex:0 0 100%;scroll-snap-align:center;}
  .journal__b.uj-active .uj-badge{width:26px;height:26px;font-size:12px;top:10px;left:10px;}
  .journal__b.uj-active .uj-counter{
    display:block;position:absolute;top:10px;right:10px;
    background:rgba(255,255,255,.9);color:var(--ink);
    font-size:11px;letter-spacing:.5px;padding:3px 8px;
  }

  .journal__b.uj-active .uj-caption{margin-top:16px;}
  .journal__b.uj-active .uj-caption-inner{position:static;transform:none;}
  .journal__b.uj-active .uj-caption p{
    font-size:14px;line-height:1.55;margin:0 0 8px;
  }
}

/* BASIC css end */