:root {
    --point: #128783;
    --black: #333;
    --white: #fff;
    --darkgray: #777;
    --gray: #888;
    --lightgray: #e7e7e7;
    --content-maxwidth: 1500px;
    --main-color: #128783;
    --section-padding-pc: 61px;
    --section-padding-mb: 30px;
    --section-h1df-fontsize: 60px;
    --section-h1df-fontsize-mb: 34px;
    --section-h2df-fontsize: 20px;
    --section-h2df-fontsize-mb: 20px;
    --section-h2df-mgtop: 15px;
    --section-h2df-paddingmb: 17px;
}
* {
    font-family: pretend;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,input,textarea,select,button,th,td,blockquote,a,span,figure,section,article,aside,nav{margin:0;padding:0;vertical-align:top;box-sizing:border-box}
body{-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-size:inherit}
ul,ol,li{list-style:none}
a{color:inherit;text-decoration:none}
img{max-width:100%;border:none;vertical-align:top}
button,input[type=button],input[type=submit]{-webkit-appearance:none;-webkit-border-radius:none;background:none;border:none;font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;cursor:pointer;text-align:left}
input[type=text],input[type=tel]{font-family:inherit}
input,select,textarea{border:0 none;background:transparent;font-size:inherit;color:inherit;outline:none}
small{font-size:inherit}
strong{font-weight:500}
div,p,li,span,a{word-break:keep-all}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: inherit;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, noscript, object, ol, output, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
body {
    margin: 0;
    padding: 0;
}
@media (min-width: 780px) {
.mbv {
    display: none;
}
.pcv {
    display: flex;
}
}
@media (max-width: 780px) {
.mbv {
    display: flex;
}
.pcv {
    display: none;
}
}

/* sitemap */
.sitemap{position:fixed;overflow-y:scroll;top:0;left:0;width:100%;height:100vh;background:#fff;color:#000;opacity:0;visibility:hidden;transition:all 0.3s ease-out;z-index:-1}
.sitemap.active{padding-right:17px;visibility:visible;opacity:1;z-index:35}
.sitemap__wrap{display:flex;max-width:1920px;height:100%;margin:0 auto;padding:220px 120px 0}
.sitemap__box{flex:1}
.sitemap__slogan{font-size:4.2vw;font-weight:900;line-height:1.2;letter-spacing:0;text-align:left;text-transform:uppercase}
.sitemap__item{overflow:hidden;margin-top:30px;padding-left:80px;color:var(--black)}
.sitemap__title{font-size:36px;font-weight:bold;cursor:pointer;user-select:none}
.sitemap__page{font-size:16px;font-weight:600}
.sitemap__list{display:none;margin-bottom:20px}
.sitemap__list>li{display:inline-block;min-width:272px;margin-top:15px;font-size:20px;font-weight:bold;color:#999}
.sitemap__list>li:nth-child(2n){padding-left:15px}
.sitemap__list>li:hover{color:#000}
.sitemap__item.active .sitemap__list>li a{color:var(--black)}
.sitemap__item.active .sitemap__title {color:var(--black);}


/* =========================
   MAIN VISUAL WRAPPER
   ========================= */
#main_visual {
  position: relative;
  overflow: hidden;
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

/* =========================
   SWIPER SLIDE 기본
   ========================= */
#main_visual .swiper-container {
  width: 100%;
  height: 100%;
}

#main_visual .swiper-slide {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}

/* 살짝 어두운 오버레이로 텍스트 가독성 향상 */
#main_visual .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.55)
  );
  z-index: 1;
}

/* =========================
   배경 이미지
   ========================= */
#main_visual .swiper-slide .backgroundimg {
  width: 100%;
  height: 100%;
}

#main_visual .swiper-slide .backgroundimg img {
  width: 100%;
  height: auto;
  display: block;
}

/* pc / mobile 이미지 기본값 */
#main_visual .backgroundimg .pc_only {
  display: block;
}

#main_visual .backgroundimg .mobile_only {
  display: none;
}

/* =========================
   텍스트 오버레이 (sliderkit-text)
   ========================= */
#main_visual .sliderkit-text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100%;
  max-width: 1500px;
  padding: 0 5vw;
  text-align: center;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}

/* 기본적으로 모든 자식 div는 투명 (애니메이션용) */
#main_visual .sliderkit-text > div {
  opacity: 0;
}

/* 큰 타이틀 (lviewa) */
#main_visual .sliderkit-text .lviewa {
  padding-bottom: 20px;
  font-size: clamp(2.2rem, 3.3vw, 3.5rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.06em;
  color: #fff;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  opacity: 1; /* 첫 타이틀은 기본적으로 보이게 (애니메이션이 덮어씀) */
}

#main_visual .sliderkit-text .lviewa span {
  font-size: 1.7em;
}

/* 서브 텍스트 (sviewa) */
#main_visual .sliderkit-text .sviewa {
  padding-bottom: 20px;
  font-size: 2em;
  line-height: 1.7;
  color: #f9fafb;
  text-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
}

/* 버튼 스타일 (sbtn) */
#main_visual .sliderkit-text .sbtn {
  display: inline-block;
  margin: 10px auto 0;
  padding: 12px 32px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(135deg, #0081e9, #00b3ff);
  border-radius: 0;
  box-shadow: none;
  opacity: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

#main_visual .sliderkit-text .sbtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 129, 233, 0.55);
  background: linear-gradient(135deg, #00a0ff, #06b6d4);
}

#main_visual .sliderkit-text .sbtn {
    
    background: transparent;
    box-shadow: none;
    border: 1px solid #fff;
}

#main_visual .sliderkit-text .sbtn:hover {
    background: #fff;
    box-shadow: none;
    color: #000;
}

/* =========================
   TEXT RESPONSIVE
   ========================= */
@media (max-width: 1520px) {
  #main_visual .sliderkit-text {
    padding: 0 4%;
  }
}

/* 태블릿 이하에서 타이틀/텍스트 사이즈 살짝 조정 */
@media (max-width: 1024px) {
  #main_visual .sliderkit-text .lviewa {
    font-size: clamp(2rem, 4vw, 2.6rem);
    letter-spacing: -0.04em;
  }

  #main_visual .sliderkit-text .sviewa {
    font-size: 0.95rem;
  }
}

/* =========================
   MOBILE 전환
   ========================= */
@media (max-width: 768px) {
  #main_visual .backgroundimg .pc_only {
    display: none;
  }

  #main_visual .backgroundimg .mobile_only {
    display: block;
  }

  #main_visual .sliderkit-text {
    top: 52%;
    padding: 0 7vw;
  }

  #main_visual .sliderkit-text .lviewa {
            font-size: 1.57rem;
  }

  #main_visual .sliderkit-text .sviewa {
    font-size: 0.9rem;
  }

  #main_visual .sliderkit-text .sbtn {
    padding: 10px 24px;
    font-size: 0.9rem;
  }
}

/* =========================
   SWIPER 컨트롤 래퍼
   ========================= */
#main_visual .swiper-btn-wrap {
  position: absolute;
  left: 50%;
  bottom: 5%;
  z-index: 3;
  width: 100%;
  max-width: 300px;
  height: 50px;
  transform: translateX(-50%);
  pointer-events: none; /* 안쪽 버튼만 클릭 가능하게 */
}

/* =========================
   PAGINATION (동그라미)
   ========================= */
#main_visual .swiper-pagination-bullets {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: auto;
}

#main_visual .swiper-pagination-bullet {
  
 
      display: inline-block;
    margin: 0 5px;
    font-size: 0;
    width: 12px;
    height: 12px;
    border: none;
    outline: none;
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#main_visual .swiper-pagination-bullet:hover {
  opacity: 1;
  transform: scale(1.1);
}

#main_visual .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
  transform: scale(1.2);
  opacity: 1;
      width: 30px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

/* =========================
   다음/이전 버튼 공통
   ========================= */
#main_visual .swiper-button-next,
#main_visual .swiper-button-prev {
  width: 50px;
  height: 50px;
  margin: 0;
  opacity: 0;
  color: rgba(255, 255, 255, 0);
  transform: translateY(-50%);
  top: 50%;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: auto;
}

/* 슬라이드 위에 마우스 올리면 화살표 살짝 나타나게 */
#main_visual:hover .swiper-button-next,
#main_visual:hover .swiper-button-prev {
  opacity: 0.7;
}

#main_visual .swiper-button-next:hover,
#main_visual .swiper-button-prev:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}

/* 다음 버튼 */
#main_visual .swiper-button-next {
  right: 16px;
  background: url(/wsrc_data/product/wrds25112501/web/img/idx/main_next_bt.png)
    center center no-repeat;
}

/* 이전 버튼 */
#main_visual .swiper-button-prev {
  left: 16px;
  background: url(/wsrc_data/product/wrds25112501/web/img/idx/main_prev_bt.png)
    center center no-repeat;
}

/* 모바일에서는 화살표 조금 작게 & 안쪽으로 */
@media (max-width: 768px) {
  #main_visual .swiper-button-next,
  #main_visual .swiper-button-prev {
    width: 38px;
    height: 38px;
  }

  #main_visual .swiper-button-next {
    right: 8px;
  }

  #main_visual .swiper-button-prev {
    left: 8px;
  }
}

/* ================== Scoped Styles (prefix: .ujv251201a) ================== */
.ujv251201a{ --max:1400px; --gap:28px; --radius:16px; --ink:#111; --muted:#6b7280; --bd:#e8edf3; --brand:#1e90ff; --bg:#f7f9fc;}
.ujv251201a *{ box-sizing:border-box; }
.ujv251201a img{ display:block; width:100%; height:100%; object-fit:cover; }
.ujv251201a a{ color:inherit; text-decoration:none; }

.ujv251201a .wrap{max-width:var(--max);margin:0 auto;padding: var(--section-padding-pc) 0px;}
.ujv251201a .head{ text-align:center; margin-bottom:18px; }
.ujv251201a .title{font-size: var(--section-h1df-fontsize);font-weight:900;letter-spacing:.02em;line-height: 0.8;margin:0;}
.ujv251201a .sub{margin-top: var(--section-h2df-mgtop);font-size: var(--section-h2df-fontsize);color:var(--muted);word-break: keep-all;}

/* filter chips */
.ujv251201a .filters{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin:24px 0 10px; }
.ujv251201a .chip{border:1px solid var(--bd);padding: 15px 35px;border-radius:12px;background:#fff;font-weight:700;font-weight: 400;cursor:pointer;transition:.2s ease;}
.ujv251201a .chip:hover{
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
.ujv251201a .chip.is-active{background: var(--main-color);color:#fff;border-color: var(--main-color);box-shadow: none;}

/* cards */
.ujv251201a .cards{ display:flex; flex-wrap:wrap; gap:var(--gap); align-items:stretch; margin-top:26px; }
.ujv251201a .card{flex:0 1 calc(25% - var(--gap));min-width:260px;background:#fff;border: 3px solid var(--bd);border-radius:var(--radius);overflow:hidden;box-shadow: none;display:flex;flex-direction:column;transition:transform .25s ease, box-shadow .25s ease;}
.ujv251201a .card:hover{box-shadow: none;border: 3px solid var(--main-color);}

/* thumb */
.ujv251201a .thumb{ position:relative; aspect-ratio: 16 / 10; overflow:hidden; background:#eef2f7; }
.ujv251201a .thumb img{ transition: transform .55s ease; }
.ujv251201a .card:hover .thumb img{ transform: scale(1.06); }

/* NEW tag */
.ujv251201a .badge{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:999px;background: var(--main-color);color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(14,165,233,.25);}

/* body */
.ujv251201a .body{padding:16px 18px 18px;display:flex;align-items:center;gap:8px;font-weight: 400;border-top:1px solid var(--bd);}
.ujv251201a .heart{margin-left:auto;color: var(--main-color);font-weight: 600;}

/* Responsive */
@media (max-width: 1200px){
  .ujv251201a .card{ flex:1 1 calc(33.333% - var(--gap)); }
  .ujv251201a .title{ font-size:40px; }
}
@media (max-width: 900px){
  .ujv251201a{--gap:22px;padding: 0px var(--section-h2df-paddingmb);}
  .ujv251201a .card{ flex:1 1 calc(50% - var(--gap)); }
}
@media (max-width: 560px){
  .ujv251201a .title{font-size: var(--section-h1df-fontsize-mb);}
  .ujv251201a .card{ flex:1 1 100%; }
}

/* Filter hide */
.ujv251201a .is-hidden{ display:none !important; }






/* ===== Base & tokens ===== */
.ujv251201b{--bg:#0b2b52;--fg:#fff;--muted:rgba(255,255,255,.86);
  --green:#19a05a;--blue:#0d6efd;
  font-family:system-ui,-apple-system,'Pretendard','맑은 고딕',Segoe UI,Roboto,Arial,sans-serif;color:var(--fg)}
.ujv251201b *{box-sizing:border-box}
.ujv251201b .wrap{
  padding: var(--section-padding-pc) 0px;
  background: url(../img/idx/esg_bg.jpg);
  background-position: center center;
  background-size: cover;
  padding: 70px 0px;
  }

/* Title */
.ujv251201b .head{max-width:1200px;margin:0 auto 22px;text-align:center}
.ujv251201b .title{margin-top: 0;line-height: 0.8;font-weight:900;letter-spacing:.02em;font-size: var(--section-h1df-fontsize);}
.ujv251201b .subtitle{margin-top: var(--section-h2df-mgtop);color:var(--muted);font-size: var(--section-h2df-fontsize);margin-bottom: 40px;}

/* Grid shell */
.ujv251201b .shell{
  max-width: var(--content-maxwidth);
  margin:0 auto;
  display:grid;
  gap: 0px;
  grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);
  align-items:stretch
  }

/* Left hero */
.ujv251201b .visual{
  position:relative;
  border-radius: 18px 0px 0px 18px;
  overflow:hidden;
  box-shadow: none;
  min-height:520px
  }
.ujv251201b .slide{position:absolute;inset:0;background:#000 center/cover no-repeat;
  opacity:0;transform:scale(1.03);transition:opacity .45s ease,transform .7s ease}
.ujv251201b .slide.is-active{opacity:1;transform:scale(1)}
.ujv251201b .grad{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.55) 65%,rgba(0,0,0,.65))}
.ujv251201b .vcenter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  align-items:center;text-align:center;padding:40px 28px}
.ujv251201b .hero{font-size:clamp(26px,3.3vw,46px);font-weight:900;text-shadow:0 6px 22px rgba(0,0,0,.35)}
.ujv251201b .hero-sub{margin-top:14px;line-height:1.8;color:rgba(255,255,255,.92);
  font-size:clamp(13px,1.4vw,17px);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.ujv251201b .btn{margin-top:16px;display:inline-flex;align-items:center;gap:8px;
  padding:12px 20px;border-radius:28px;font-weight:800;font-size:15px;
  color:#fff;background:var(--green);text-decoration:none;border:2px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.25)}
.ujv251201b .btn[data-tone="blue"]{background:var(--blue)}

/* Right stacked tabs — equal height */
.ujv251201b .tabs{display:grid;grid-template-rows:repeat(3,1fr);height:100%;
  border-radius:18px;overflow:visible;background:#fff;color:#1b263b;
  box-shadow:0 18px 40px rgba(0,0,0,.18)}
.ujv251201b .row{position:relative;display:grid;grid-template-columns:1fr 82px;align-items:center;
  border-bottom:1px solid #e9eef6;background:#fff}
.ujv251201b .row:first-child{border-radius: 0px 18px 0 0;}
.ujv251201b .row:last-child{border-bottom:0;border-radius: 0 0 18px 0px;}
.ujv251201b .inner{padding:24px 26px;display:flex;flex-direction:column;justify-content:center;height:100%}
.ujv251201b .r-title{font-weight: 500;font-size:clamp(18px,1.9vw,22px);color:#0f172a}
.ujv251201b .r-sub{font-weight: 400;margin-left:4px;color:#475569}
.ujv251201b .r-desc{margin-top:6px;color:#64748b;font-size:14px}
.ujv251201b .initial{
  width:82px;
  height:82px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:40px;
  font-weight:900;
  color:#e2e8f0;
  background: transparent;
  border: 1px solid transparent;
  margin-right:16px;
  right: 20px;
  position: relative;
  }

/* Big ghost letter & wedge */
.ujv251201b .row::after{
  content:attr(data-key);
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  font-size:64px;
  font-weight:900;
  color:rgba(0,0,0,.06);
  pointer-events:none;
  opacity: 0;
  }
.ujv251201b .row{--active:#fff}
.ujv251201b .row.is-active[data-key="E"]{--active:#1fa24a;background:#1fa24a;color:#fff}
.ujv251201b .row.is-active[data-key="S"]{--active:#1c92e7;background:#1c92e7;color:#fff}
.ujv251201b .row.is-active[data-key="G"]{--active:#0d6efd;background:#0d6efd;color:#fff}
.ujv251201b .row.is-active::after{color:rgba(255,255,255,.5)}
.ujv251201b .row.is-active .r-title,
.ujv251201b .row.is-active .r-sub,
.ujv251201b .row.is-active .r-desc{color:#fff}
.ujv251201b .row.is-active .initial{background: transparent;color:#fff;border-color: transparent;}
.ujv251201b .row.is-active::before{
  content:"";
  position:absolute;
  left:-24px;
  top:50%;
  transform: translateY(-50%) rotate(
180deg);
  /* transform: rotate(45deg); */
  width:24px;
  height:24px;
  clip-path:polygon(100% 50%,0 0,0 100%);
  background:var(--active)
  }

/* Responsive */
@media (max-width:1100px){
  .ujv251201b .shell{grid-template-columns:1fr}
  .ujv251201b .visual{min-height:420px}
  .ujv251201b .tabs{grid-template-rows:none}
  .ujv251201b .row{grid-template-columns:1fr 74px}
  .ujv251201b .initial{width:74px;height:74px}
  .ujv251201b .row.is-active::before{display:none}
}
@media (max-width:560px){
  .ujv251201b .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .ujv251201b .slide{transition:none}
}




.ujv251201c{
  --indigo:#133a77;          /* 액티브 카드 배경(스크린샷 느낌의 네이비) */
  --ink:#111827;
  --muted:#6b7280;
  --line:#eaeef4;
  --shadow:0 10px 30px rgba(17,24,39,.06), 0 1px 0 rgba(17,24,39,.04);
}
/* ===== SECTION ===== */
section.ujv251201c{padding: var(--section-padding-pc) 0px;padding-bottom: 70px;}
.ujv251201c .wrap{max-width: var(--content-maxwidth);margin:0 auto;position:relative}

.ujv251201c .head{
  text-align:center;margin-bottom:26px;position:relative
}
.ujv251201c .head h2{
  margin: 0;
  font-size: var(--section-h1df-fontsize);
  line-height: 0.8;
  font-weight:800;
  letter-spacing:.06em
}
.ujv251201c .head p{margin:0;color:#8c94a5;font-size: var(--section-h2df-fontsize);margin-top: var(--section-h2df-mgtop);}

/* arrows (우측 상단 작은 회색 화살표) */
.ujv251201c .navs{position:absolute;right:0;top:4px;display:flex;gap:10px}
.ujv251201c .nav{
  width:28px;height:28px;border-radius:50%;
  border:1px solid var(--line);
  display:grid;place-items:center;
  color:#9aa4b2;background:#fff;box-shadow:var(--shadow)
}
.ujv251201c .nav:hover{color:#5a6573}

/* Swiper area */
.ujv251201c .swiper{overflow:visible}
.ujv251201c .swiper-slide{height:auto}

/* ===== CARD ===== */
.notice-card{
  height: 290px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow: none;
  padding:26px;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.notice-card .date{font-size:12px;color:#7c8698;margin-bottom:12px}
.notice-card .title{font-weight: 500;font-size:18px;line-height:1.45;margin:4px 0 10px;color:var(--ink)}
.notice-card .excerpt{font-size:13px;line-height:1.7;color:#6b7280;margin-top:auto}
.notice-card .more{
  margin-top:14px;display:flex;justify-content:flex-end;align-items:center;
  gap:8px;color:#8a93a5;font-size:12px;font-weight:700;
}
.notice-card .more .dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}

/* 액티브(왼쪽 파란 카드) + 호버 시 동일 */
.swiper-slide-active .notice-card,
.notice-card:hover{
  background: var(--main-color);
  color:#fff;
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow: none;
}
.swiper-slide-active .notice-card .date,
.notice-card:hover .date{ color:#d8e5ff }
.swiper-slide-active .notice-card .title,
.notice-card:hover .title{ color:#fff }
.swiper-slide-active .notice-card .excerpt,
.notice-card:hover .excerpt{ color:#eaf1ff }
.swiper-slide-active .notice-card .more,
.notice-card:hover .more{ justify-content:flex-end }

/* 액티브 카드의 READ MORE 버튼 스타일(흰색 캡슐 + 작은 동그라미 화살표 느낌) */
.swiper-slide-active .notice-card .more,
.notice-card:hover .more{ gap:10px }
.swiper-slide-active .notice-card .more::before,
.notice-card:hover .more::before{
  content: attr(namecode);
  background:#fff;
  color:var(--indigo);
  font-weight:800;
  padding:8px 14px;
  border-radius:18px;
  box-shadow:0 6px 16px rgba(255,255,255,.22);
}
.swiper-slide-active .notice-card .more .dot,
.notice-card:hover .more .dot{
  width:24px;height:24px;background:#fff;border-radius:50%;
  box-shadow:0 6px 16px rgba(255,255,255,.22);
  position:relative;
}
.swiper-slide-active .notice-card .more .dot::after,
.notice-card:hover .more .dot::after{
  content:"";position:absolute;left:8px;top:7px;
  width:6px;height:6px;border-right:2px solid var(--indigo);border-bottom:2px solid var(--indigo);
  transform:rotate(-45deg);
}
section.ujv251201c {
    overflow: hidden;
}
/* 페이지네이션 점 */
.ujv251201c .swiper-pagination{
  position:static;margin-top:18px;display:flex;justify-content:center;align-items:center;gap:6px
}
.ujv251201c .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background:#cbd5e1;
  opacity:1;
  margin:0 !important;
  border-radius:50%;
}
.ujv251201c .swiper-pagination-bullet-active{ background:#6b7280 }

/* 반응형 */
@media (max-width: 960px){
  .ujv251201c .head h2{font-size:28px}
  .notice-card{height:240px}
}
@media (max-width: 600px){
  section.ujv251201c{padding: var(--section-padding-mb) var(--section-h2df-paddingmb);}
  .ujv251201c .navs{display:none}
}





.ujv251201d{
  --bg:#000;            /* Section 배경(스크린샷처럼 블랙) */
  --panel:#0d0f12;      /* 살짝 진한 패널 배경 */
  --ink:#ffffff;        /* 본문 흰색 */
  --muted:#a5adbb;      /* 흐린 텍스트 */
  --line:#1a1f27;       /* 경계선 */
  --accent: #009688;     /* 파란 포인트 */
  --card:#0f1319;       /* 카드 배경 */
  --cardHover:#151b24;  /* 카드 호버 */
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

/* ====== SECTION ====== */
section.ujv251201d{
  background: url(../img/idx/contact_bg.jpg);
  padding: var(--section-padding-pc) 0px;
  padding: 75px 0px;
}
.ujv251201d .wrap{
  max-width: var(--content-maxwidth);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap: 71px;
  align-items:start;
}

/* ====== LEFT : Text & Cards ====== */
.ujv251201d .title{
  font-size: var(--section-h1df-fontsize);
  font-weight:900;
  letter-spacing:.02em;
  margin: 0 0 25px;
  color: #fff;
  line-height: 0.8;
}
.ujv251201d .title .em{color:var(--accent)}
.ujv251201d .subtitle{margin:0 0 18px;color:var(--muted);font-size:15px}

.ujv251201d .kvs{display:flex;gap:26px;flex-wrap:wrap;margin:12px 0 28px;padding:0}
.ujv251201d .kv{
  list-style:none;display:flex;align-items:center;gap:10px;
  color:#e8ecf3;font-weight:700;font-size:15px;
}
.ujv251201d .kv svg{width:18px;height:18px;color:#c9d3e7;flex:0 0 18px}

.ujv251201d .card-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.ujv251201d .card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  height:110px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  box-shadow: none;
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
  text-align:center;
}
.ujv251201d .card:hover{
  background: var(--main-color);
  border-color:#2a3342;
}
.ujv251201d .card svg{width:28px;height:28px;color:#e7eefc}
.ujv251201d .card .label{font-weight:700;font-size:14px;color: #fff;}

/* ====== RIGHT : Map ====== */
.ujv251201d .map-wrap{
  background:var(--panel);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
}
.ujv251201d .map-wrap iframe{
  display:block;width:100%;height:380px;border:0
}

/* ====== Responsive ====== */
@media (max-width: 1100px){
  .ujv251201d .wrap{grid-template-columns:1fr;gap: 0px;}
  .ujv251201d .map-wrap iframe{height:360px}
}
@media (max-width: 820px){
  .ujv251201d .title{font-size:36px}
  .ujv251201d .card-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 520px){
  .ujv251201d .title{font-size:30px}
  .ujv251201d .kvs{gap:14px}
  .ujv251201d .card-grid{grid-template-columns:1fr}
  .ujv251201d .map-wrap iframe{height:320px}
}




/* ========= THEME ========= */
.footerblk251201{
  --bg:#0b0d10;           /* 가장 어두운 배경 */
  --bg-soft: #1f1f1f;      /* 패널/칩 배경 */
  --ink:#ffffff;          /* 본문 텍스트(화이트) */
  --muted:#c9d0da;        /* 옅은 텍스트 */
  --line:#1c2129;         /* 구분선 */
  --focus:#5cc8ff;        /* 포커스/포인트 */
  --accent:#8ee2ff;       /* 버튼 그라데이션 */
}

/* reset */
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",Roboto,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}

/* ========= FOOTER ========= */
footer.footerblk251201{
  background:var(--bg);
  color:var(--ink);
  padding:56px 20px 26px;
}
.footerblk251201 .wrap{
  max-width: var(--content-maxwidth);
  margin:0 auto;
}
span.workingtime_so {
    margin-top: 10px;
    display: block;
}
/* top brand */
.footerblk251201 .brand{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:4px 0 24px;border-bottom:1px solid var(--line);
}
.footerblk251201 .logo{
  display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)
}
.footerblk251201 .logo svg{width:42px;height:42px;flex:0 0 42px}
.footerblk251201 .logo .word{font-weight:900;letter-spacing:.02em;font-size:24px}
.footerblk251201 .slogan{color:var(--muted);font-size:14px}

/* grid */
.footerblk251201 .grid{
  display:grid;gap:28px;padding:28px 0;
  grid-template-columns:2fr 1.2fr 1.2fr 1.6fr;
}
.footerblk251201 h6{
  margin:0 0 12px;color:#eaf2ff;font-size:14px;letter-spacing:.06em;font-weight:800;
  text-transform:uppercase;
}

/* link list */
.footerblk251201 ul{margin:0;padding:0;list-style:none}
.footerblk251201 a{color:var(--muted);text-decoration:none;transition:color .2s ease,opacity .2s ease}
.footerblk251201 a:hover{color:#fff;}
.footerblk251201 .links li{padding:6px 0}
.footerblk251201 .links a{position:relative}
.footerblk251201 .links a:after{
  content:"";position:absolute;left:0;bottom:-3px;width:0;height:1px;
  background:linear-gradient(90deg,var(--focus),transparent);
  transition:width .25s ease;
}
.footerblk251201 .links a:hover:after{width:100%}

/* contact block */
.footerblk251201 .contact p{margin:6px 0;color:var(--muted)}
.footerblk251201 .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--bg-soft);
  color:#e6eef9;
  font-size:13px
}

/* newsletter */
.footerblk251201 .news .row{
  display:flex;gap:10px;margin-top:10px
}
.footerblk251201 input[type="email"]{
  flex:1;min-width:0;background:var(--bg-soft);color:#fff;border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;font-size:14px;outline:none;
}
.footerblk251201 input[type="email"]::placeholder{color:#8d98a6}
.footerblk251201 .btn{
  background:linear-gradient(135deg,var(--focus),var(--accent));
  color:#001018;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer
}
.footerblk251201 .btn:focus-visible,
.footerblk251201 input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* divider */
.footerblk251201 .div{height:1px;background:var(--line);margin:8px 0 18px}

/* bottom row */
.footerblk251201 .bottom{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:var(--muted);font-size:13px
}
.footerblk251201 .policy a{color:var(--muted);margin-right:14px}
.footerblk251201 .policy a:hover{color:#fff}
.footerblk251201 .social{display:flex;gap:10px}
.footerblk251201 .social a{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--bg-soft);border:1px solid var(--line)
}
.footerblk251201 .social a:hover{background: var(--main-color);}
.footerblk251201 .social svg{width:18px;height:18px;stroke:#fff}

/* responsive */
@media (max-width: 1024px){
  .footerblk251201 .grid{grid-template-columns:1.6fr 1fr 1fr}
  .footerblk251201 .news{grid-column:1/-1}
}
@media (max-width: 680px){
  .footerblk251201{padding:42px 16px 22px}
  .footerblk251201 .brand{flex-direction:column;align-items:flex-start;gap:8px}
  .footerblk251201 .grid{grid-template-columns:1fr;gap:20px}
  .footerblk251201 .bottom{flex-direction:column;align-items:flex-start;gap:10px}

  .ujv251201a .wrap {
    padding: var(--section-padding-mb) 0px;
}

.ujv251201a .chip {
    padding: 15px 25px;
}

.ujv251201b .wrap {
    padding: var(--section-padding-mb) var(--section-h2df-paddingmb);
    /* padding-bottom: 0; */
}

.ujv251201b .title {
    font-size: var(--section-h1df-fontsize-mb);
}

.ujv251201b .visual {
    border-radius: 0;
    min-height: 354px;
}

.ujv251201b .row:first-child {
    border-radius: 18px 18px 0 0;
}

.ujv251201b .row:last-child {
    border-radius: 0 0 0px 0px;
}

.ujv251201b .tabs {
    box-shadow: none;
    /* border-bottom: 1px solid #eee; */
    border-radius: 18px 18px 0px 0px;
}

section.ujv251201d {
    padding: var(--section-padding-mb) var(--section-h2df-paddingmb);
}

.ujv251201d .card {
    display: none;
}

footer.footerblk251201 {
    padding: var(--section-padding-mb) var(--section-h2df-paddingmb);
}
  
}