@charset "utf-8";

/* =========================
   Design Tokens
========================= */

:where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px dashed #852e2e !important;
  outline-offset: 3px !important;
  z-index: 999 !important;
  position: relative;
}

:root{
  --bg:#fff;
  --card:#fff;
  --border:#e9ecf3;
  --text:#181818;
  --muted:#7e8598;
  --primary:#7a6bf0;
  --pink:#E96271;
  --shadow:3px 3px 6px #2346822f;
  --shadow-h:3px 3px 6px #E9627131;
  --radius-md:12px;
  --mag-cover-h: clamp(320px, 34vw, 415px);
  --care-point: #019EAD;
  --job-point: #019EAD;
}
.prevenBtn{height: 20px !important;
    padding: 10px !important;
    line-height: 1px !important;}
.text-sub{ color:#899098; }
.form-input{border-radius: 6px !important;}
/* =========================
   Base / Layout
========================= */
html,body{ background:var(--bg); color:var(--text); }
.respon{ max-width:1200px; margin:0 auto; }
.csp-main{ padding:50px 0 80px; }
.csp-section {
    padding: 56px 0 25px;
}
input[type="checkbox"]{opacity:0;}
.csp-section__title{ font-size:26px; font-weight:600; margin:0 0 20px; }
.csp-card,.csp-service,.csp-age-search,.csp-keyword-search,.csp-news__list{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
}
.js-promo-title{
	font-size: 15px;
	display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 185px;
}
.h-405{ height: 405px;}
.csp-hero__inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
    align-items: start;
    height:100%;
}
.carousel-inner{ border-radius:12px; height:100%;}
.csp-hero__slider{ min-width:0; height:100%;}
.csp-hero__slider .carousel{ position:relative;height:100%; }
.csp-hero__slider .carousel-item>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}
.mb-15{margin-bottom: 15px !important;}
.csp-hero__slider .carousel-caption {
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    text-align: left;
    padding: 73px 50px;
    background: #1d1d1d80;
}
.csp-hero__slider .carousel-caption p{ margin:0 0 6px; font-weight:bold; font-size:22px; }
.csp-hero__slider .carousel-caption h2{ margin:0; color:#fff; font-size:32px; font-weight:bolder; }
.care-cards {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: 85%;
    max-width: 820px;
    height: 180px;
    background: rgb(22 22 22 / 12%);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 12px;
    transition: transform 0.4s ease;
}

.care-cards .item {
  flex: 1;
  padding: 18px 10px;
  text-align: center;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.28);
  display: block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: transform 0.4s ease;
}

.care-cards .item:last-child {
  border-right: none;
}
.pt-0{padding-top:0px !important;}

.care-cards .item h3 {
  margin: 8px 0 8px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
  display: inline-flex; 
  align-items: center;
  gap: 6px;
}

.care-cards .item h3::after {
   content: "";
   position: absolute;
   left: 45%;
   bottom: 0;
   transform: translateX(-45%);
   width: 42px;
   height: 2px;
   background: rgba(255, 255, 255, 0.55);
   border-radius: 1px;
}
.care-cards .item-title {
  display: inline-block;
}

.care-cards .item-plus {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('/images/newhmpgimg/plus.png') no-repeat center;
  background-size: contain;
  transition: transform 0.4s ease;
}

.care-cards p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
}

.care-cards .item:hover {
  transform: translateY(-2px);
}

.care-cards .item:hover .item-plus {
  transform: rotate(180deg);
}

.csp-slide-ui{position:absolute; left:24px; bottom:14px; z-index:5;display:flex; align-items:center; gap:12px;padding:10px 20px; color:#fff; font-weight:700;}
.csp-slide-ui__btn{appearance:none; border:none; background:transparent; color:#fff;width:28px; height:28px; border-radius:50%; display:grid; place-items:center;cursor:pointer; transition:background .15s ease;}
.csp-slide-ui__btn:hover{ background:rgba(255,255,255,.16); }
.csp-slide-ui__btn svg{ width:20px; height:20px; }
.totalPage{ color:#A4A4A4; margin-left:5px; }
.csp-slide-ui__progress{
  width:60px; height:3px; border-radius:999px;
  background:rgba(255,255,255,.22); overflow:hidden; position:relative;
}
.csp-slide-ui__progress::after{
  content:""; position:absolute; left:0; top:0; height:100%;
  width:var(--prog, 0%); background:#fff; opacity:.92; transition:width var(--interval,0ms) linear;
}
.csp-slide-paused .csp-slide-ui__progress::after{ opacity:.4; transition:none; }

/* =========================
   우측: 카테고리/검색
========================= */
.csp-hero__side{ display:flex; flex-direction:column; gap:18px; }
.csp-hero__side .d-flex {
    display: grid !important;
    /* grid-template-columns: 1fr 1fr !important; */
    gap: 90px;
}

.csp-hero__services .csp-service:nth-child(1) {
    border-color: #B0BCC8;
}

.csp-hero__services .csp-service:nth-child(2) {
    border-color: #66BB6A;
}

.csp-hero__services .csp-service:nth-child(3) {
    border-color: #FFBFBF;
}

.csp-hero__services .csp-service:nth-child(4) {
    border-color: #FFD54F;
}
.csp-card--pill{
  display:grid !important; place-items:center !important; text-align:center !important;
  min-height:208px !important; padding:22px 20px !important; margin:0 !important;
  border:1px solid #DDE0E3 !important; border-radius:12px !important; background:#fff !important;
  position:relative !important; overflow:visible !important; transition:transform .3s ease, box-shadow .3s ease;
}
.csp-card--pill img{ width:110px !important; height:110px !important; object-fit:contain !important; margin-bottom:12px !important; }
.csp-card--pill p{ margin:0 !important; font-weight:500 !important; font-size:22px !important; color:#222 !important; }
.csp-card--pill::after{
  content:""; position:absolute; left:50%; top:-7px; width:12px; height:12px;
  border-radius:50%; background:#ffc93c; transform:translateX(-50%) scale(.6); opacity:0; transition:transform .25s ease, opacity .25s ease;
}
.csp-card--pill:hover,
.csp-card--pill.active{
  border-color:#ffc93c !important; background:#fffdfa !important; transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(255,201,60,.22) !important;
}
.place-card__footer {
    margin-top: 10px;
    text-align: right;
}

.place-card__link {
    display: inline-block;
    padding: 6px 12px;
    background: #E96271;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    text-decoration: none;
    transition: all .2s ease;
}

.place-card__link:hover {
    background: #f3597c;
}

.csp-card--pill:hover::after,
.csp-card--pill.active::after{ opacity:1; transform:translateX(-50%) scale(1.4); }

.csp-age-search{padding:22px 30px; border-radius:12px;border:1.5px solid #eef1f6; box-shadow:3px 3px 3px #23468213;}
.csp-age-search__head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.csp-age-search__head label{ font-size:22px; font-weight:500; color:#222; }
.csp-age-search .btn-pink{height:45px; padding:0 23px; line-height:44px; border:none; border-radius:12px;font-size:16px; color:#fff; background:var(--pink); box-shadow:3px 3px 6px #2346822a;}
.csp-age-search input[type="range"]{
  -webkit-appearance:none; appearance:none; width:100%; height:8px;
  border-radius:999px; outline:none; background:
    linear-gradient(var(--pink), var(--pink)) 0/var(--bg,0%) 100% no-repeat,
    #e6e8ef;
  box-shadow: inset 0 0 0 0 #0000;
  transition: background-size .15s ease;
}
.csp-age-search input[type="range"]::-webkit-slider-runnable-track{height:8px; border-radius:999px; background:transparent;}
.csp-age-search input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none; width:20px; height:20px; margin-top:-5px; 
  border-radius:50%; background:#fff; border:4px solid var(--pink);
  box-shadow:0 10px 18px rgba(255,110,161,.35);
  cursor:pointer; transition: transform .12s ease;
}
.csp-age-search input[type="range"]::-moz-range-thumb{
  width:28px; height:28px; border-radius:50%; background:#fff; border:6px solid var(--pink);
  box-shadow:0 10px 18px rgba(255,110,161,.35);
  cursor:pointer; transition: transform .12s ease;
}
.csp-age-search input[type="range"]:active::-webkit-slider-thumb{ transform: scale(1.02); }
.csp-age-search input[type="range"]:active::-moz-range-thumb{ transform: scale(1.02); }
.csp-age-search input[type="range"]::-moz-range-track{height:8px; border-radius:999px; background:#e6e8ef;}
.csp-age-search input[type="range"]::-moz-range-progress{height:8px; border-radius:999px; background:var(--pink);}
.csp-age-search__ticks{
  display:grid; grid-template-columns:repeat(17,1fr);
  gap:8px; font-size:15px; color:#8d95a8; margin-top:12px; text-align:center;
}

.csp-keyword-search{
  position:relative !important; display:flex !important; align-items:center !important;
  padding:0 90px 0 37px !important; height:75px !important; border:3px solid #B384D6; border-radius:12px !important;
  transition:box-shadow .3s ease;
}
.csp-keyword-search:hover{ box-shadow:3px 3px 3px #23468213; }
.csp-keyword-search input{
  width:100%; height:100% !important; border:none; font-size:17px !important; font-weight:800 !important; color:#4a4f60 !important;
}
.csp-keyword-search input::placeholder{ color:#a7aec2 !important; font-weight:700 !important; }
.csp-keyword-search__btn{
  position:absolute !important; right:0; top:50% !important; transform:translateY(-50%) !important;
  width:75px; height:100%; border:none; border-bottom-right-radius:6px; border-top-right-radius:8px;
  background:#B384D6; display:grid !important; place-items:center !important; transition:background .3s ease;
}
.csp-keyword-search__btn:hover{ background:#a570ce; }
.csp-keyword-search__btn img{ width:30px; height:30px; }
.card-style{display: flex;flex-direction: column;}
/* =========================
   서비스 바로가기
========================= */
.csp-hero__services{
  display:grid; grid-template-columns:repeat(4, minmax(240px,1fr)); gap:16px; align-items:stretch; margin-top:50px;
}
.csp-service{
  --accent:var(--pink);
  position:relative; display:grid; grid-template-columns:64px 1fr; align-items:center; gap:5px;
  padding: 20px 12px; background:#fff; border:2px solid #e6e9f2; border-radius:16px;
  box-shadow:0 2px 10px rgba(28,33,51,.06);
  text-decoration:none;
  transition: opacity .3s ease, transform .3s ease, box-shadow .3s ease;
}
.csp-service__icon img{ width:56px; height:56px; object-fit:contain; display:block; }
.csp-service__title{ margin:0; font-weight:bold; font-size:17px; color:var(--text); }
.csp-service__desc{ margin:6px 0 0; font-size:14px; color:var(--muted); }
.csp-service::after{
  content:""; position:absolute; left:50%; top:0; transform:translate(-50%,-10px);
  width:12px; height:12px; border-radius:999px; background:var(--accent); opacity:0;
  transition: opacity .3s ease, transform .3s ease, box-shadow .3s ease;
  pointer-events: none;
}
.csp-service:hover,
.csp-service:focus-visible{
transform:translateY(-1px); border-color:var(--accent) !important;
box-shadow: 3px 3px 6px #8e0f2f36;
}
.csp-service:hover::after,
.csp-service:focus-visible::after{ opacity:1; transform:translate(-50%,-50%); }

/* =========================
   분야별 정보 
========================= */
.csp-section__head{
  display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px;
}
.csp-more .icon-plus {
  display:inline-block;
  transition: transform .5s ease;
}
.csp-more:hover .icon-plus {
  transform: rotate(180deg);
}
.csp-info__bgimg {
  position: absolute;
  right: 3px;
  bottom: 0px;
  width: 100px;
  pointer-events: none; 
}
.csp-more{
  display:inline-flex; align-items:center; gap:6px; padding:8px 12px; background:#fff;
  color:#3a3f4d; text-decoration:none;
  transition:background .15s ease, box-shadow .15s ease, transform .12s ease;
}

.mind-wrap {
  text-align: center;
}

.mind-title p {
  font-size: 20px;
  color: #333;
  margin-bottom: 5px;
  font-weight: bold;
}

.mind-title h2 {
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 20px;
  color: #222;
}

.mind-title span {
  font-size: 18px;
  color: #555;
}

.mind-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    /* max-width: 520px; */
    margin-left: auto;
    margin-right: auto;
}

.csp-hero__inner .card {
    width: 100%;
    border-radius: 12px;
    padding:60px 20px;
    text-align: center;
    box-sizing: border-box;
    transition:background .3s ease, box-shadow .3s ease, border .3s ease,color .3s ease;
}

.csp-hero__inner .card.white {
  background: #fff;
  border: 1px solid rgba(255, 0, 85, 0.25);
}

.csp-hero__inner .card:hover {
  background: #E96271 !important;
  border: 1px solid #ED217C !important;
  color: #fff !important;
}
.csp-hero__inner .card:hover .sub{
  color: #fff !important;
}
.csp-hero__inner .card:hover h3{
  color: #fff !important;
}
.csp-hero__inner .card.lightpink {
    background: #ffe3ec;
    border: 1px solid #ffffff;
}

.csp-hero__inner .card .sub {
  font-size: 16px;
  margin-bottom: 4px;
  display: block;
  color: #a72143;
  transition:color .3s ease;
}

.csp-hero__inner .card.pink .sub {
  color: #ffe6f1;
}

.csp-hero__inner .card h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #a72143;
   transition:color .3s ease;
}

.csp-hero__inner .card.pink h3 {
  color: #fff;
}

.csp-hero__inner .card.lightpink h3 {
  color: #e74977;
}

.csp-info-wrap{ display:flex; gap:24px; align-items:stretch; }
.csp-info__left{ flex:2 1 0%; min-width:0; display:flex; flex-direction:column; }
.csp-info__right{ flex:1 1 0%; min-width:0; display:flex; }


.csp-info__grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch;}
.csp-info__left .csp-info__grid{ height:100%; }

.csp-info__box{
  position:relative; border-radius:var(--radius-md);
  padding:28px 26px 22px; background:#F8F9FB; color:#1d1d1d;
  overflow:hidden; isolation:isolate;
  min-height:260px; transition:transform .15s ease, box-shadow .15s ease;
}
.csp-info__box:hover{ transform:translateY(-1px); box-shadow:3px 3px 3px#2346820e; }


.csp-info__badge{
  position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:100%; text-align:center; color:#fff;
  font-size:20px; font-weight:500; letter-spacing:.2px;
  padding:13px 28px; border:1px solid rgba(255,255,255,.25);
  box-shadow:0 8px 18px rgba(0,0,0,.12) inset, 0 6px 16px rgba(0,0,0,.08);
  backdrop-filter:blur(2px);
}
.teal{ background:#E96271; }
.blue{ background:#1A237E; }

.csp-info__cols{
  display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start;
  margin-top:40px; position:relative; z-index:1; text-align:center;
}
.csp-info__cols::before{
  content:""; position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:1px; height:100%; background:#DDE0E3;
}
.csp-info__cols .col{ min-width:0; }
.csp-info__cols h4{ margin:6px 0 14px; font-size:20px; font-weight:500; text-shadow:0 1px 0 rgba(0,0,0,.12); }


.csp-info__list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; text-align:start;padding: 0px 20px; }
.csp-info__list li{ padding:6px 0; }
.csp-info__list li>a{
  display:inline-flex; align-items:center; gap:4px; position:relative;
  padding-bottom:2px; color:#1D1D1D; font-weight:500; line-height:1.35; text-decoration:none;
}
.csp-info__list li>a::before{ content:"·"; opacity:.9; transform:translateY(-1px); }
.csp-info__list li>a::after{
  content:""; position:absolute; left:1px; right:0; bottom:-3px; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:left center; transition:transform .18s ease;
}
.csp-info__list li>a:hover,
.csp-info__list li>a:focus{ color:#51B4B7; }
.csp-info__list li>a:hover::after,
.csp-info__list li>a:focus::after{ transform:scaleX(1); }
.csp-info__box.teal .csp-info__list a,
.csp-info__box.blue .csp-info__list a{ color:#D7F4F5; }
.csp-info__box.teal .csp-info__list a:hover,
.csp-info__box.blue .csp-info__list a:hover{ color:#fff; }
.csp-info__bgmark{
  position:absolute; right:-18px; bottom:-22px; width:200px; height:200px;
  border-radius:50%; background:rgba(255,255,255,.18); box-shadow:inset 0 0 40px rgba(0,0,0,.06);
  opacity:.22; pointer-events:none; z-index:0;
}
.csp-info__right .csp-info__ad{display:block; width:100%; height:100%; min-height:260px;border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow);}
.csp-info__right .csp-info__ad img{ width:100%; height:100%;  object-fit: fill; }
.csp-info__ad-caption{
  position:absolute; left:14px; bottom:12px;
  padding:6px 10px; border-radius:8px;
  font-size:13px; font-weight:700; color:#fff;
  background:rgba(0,0,0,.35); backdrop-filter: blur(2px);
}
.carousel-item{height:100%;}
#promoCarousel2 .carousel-item {
  height: 340px;
}
#promoCarousel2 .carousel-item > img {
  width: 100%;
  height: 100%;
  object-fit: fill !important;
  object-position: center;
  display: block;
}
.csp-info__plus{
  position:absolute; right:12px; top:12px; width:36px; height:36px; border:0; border-radius:50%;
  display:grid; place-items:center; font-weight:800; color:#fff; background:#4a4f5f;
  box-shadow:0 8px 18px rgba(0,0,0,.18); transition:transform .18s ease, background .18s ease;
}
.csp-info__plus:hover{ transform:translateY(-1px) scale(1.06); background:#3c4151; }
.csp-info__ad--slider{ position:relative; }
.csp-info__ad--slider .csp-slide-ui--mini {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    display: flex;
    width: 1;
    align-items: center;
    gap: 8px;
    padding:15px 20px;
    border-radius: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #fff;
    width: 100%;
    font-size: 12px;
    background: rgba(0, 0, 0, .50);
    backdrop-filter: blur(2px);
    justify-content: space-between;
}
.csp-slide-ui--mini .csp-slide-ui__btn{ width:24px; height:24px; }
.csp-slide-ui--mini .csp-slide-ui__btn svg{ width:16px; height:16px; }
.csp-slide-ui--mini .csp-slide-ui__progress{
  width:68px; height:3px; border-radius:999px;
  background:rgba(255,255,255,.22); position:relative; overflow:hidden;
}
.csp-slide-ui--mini .csp-slide-ui__progress .fill{
  position:absolute; left:0; top:0; bottom:0;
  width:0%; background:#fff; transition:width 0ms linear; will-change:width;
}

/* =========================
   울산 아동돌봄시설 현황
========================= */
.csp-facility__content{
  border:1px solid var(--border); border-radius:var(--radius-md);
  background:#fff; box-shadow:var(--shadow); padding:14px;
}
.csp-facility__content img{ width:100%; border-radius:10px; display:block; }
.csp-facility__left {
  flex: 1;
}

.csp-facility__right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gap-20{    gap: 20px;}
.map-placeholder {
  width: 100%;
  height: 540px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 14px;
}
.form-select{height:100%; line-height: 2.5 !important; padding: 0.375rem 8.25rem .375rem 1.75rem;border-radius: 12px; border: 1px solid #B0BCC8;}
.csp-facility__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
}
.csp-facility__card.active span {
    color: #fff;
}
.csp-facility__card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px 10px;
  text-align: center;
  transition: all .2s ease;
}

.csp-facility__card:hover, .csp-facility__card:focus-visible {
    transform: translateY(-3px);
    box-shadow: 3px 3px 6px #8e0f2f34;
    background: #E96271;
    color: #fff;
    border: 1px solid #E96271;
}
.csp-facility__card b {
  display: block;
  font-size: 45px;
  font-weight: 500;
  color: #E96271;
  margin: 20px 0px;
}

.csp-facility__card span {
  font-size: 18px;
  color: #333;
}
.csp-facility__card:focus-visible {
  background: #E96271;
  color: #fff;
  border: none;
}
.csp-facility__card.active {
  background: #E96271;
  color: #fff;
  border: none;
}

.csp-facility__card:hover b,
.csp-facility__card:focus-visible b,
.csp-facility__card.active b {
  color: #fff;
}
.csp-facility__card:focus-visible {
  color: #fff !important;
}
.csp-facility__card:hover span,
.csp-facility__card:focus-visible span,
.csp-facility__card.active span {
  color: #fff;
}

.region:hover,
.region:focus-visible,
.region.is-active {
  z-index: 9998;
}

.map {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    aspect-ratio: 580 / 580;
    isolation: isolate;
    overflow: visible;
}

.map::before {
  content: "";
  position: absolute;
  inset: 0;
  background: center / 100% 100% no-repeat url("/images/newhmpgimg/shadow.png");
  opacity: .95;
  pointer-events: none;
}


.map-inner {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: top left;
  transform: scale(var(--scale, 1));
}
.mobile-break {
    display: none;
}
.region {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  z-index: 0;
  outline: 0;
}
@font-face{
  font-family:"NotoSansKR";
  font-style:normal;
  font-weight:700;
  src:url("/font/NotoSansKR-Bold.ttf") format("truetype");
  font-display:swap;
}

.hanja{
  font-family:"NotoSansKR",sans-serif !important;
  font-weight:700;
}

.region::before {
  content: "";
  position: absolute;
  left: var(--vx);
  top: var(--vy);
  width: var(--vw);
  height: var(--vh);
  background: center / contain no-repeat var(--img-default);
  pointer-events: none;
  -webkit-mask-image: var(--img-default);
  mask-image: var(--img-default);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition:
    transform 240ms cubic-bezier(.2,.6,.2,1),
    filter 240ms cubic-bezier(.2,.6,.2,1),
    background-image 240ms cubic-bezier(.2,.6,.2,1),
    -webkit-mask-image 240ms cubic-bezier(.2,.6,.2,1),
    mask-image 240ms cubic-bezier(.2,.6,.2,1);
  will-change: transform, filter;
}

.region::after {
  content: attr(data-label);
  position: absolute;
  left: var(--lx, 50%);
  top: var(--ly, 50%);
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 10px 20px;
  border-radius: 18px;
  background: #fff;
  color: #64748b;
  border: 1px solid #B0BCC8;
  pointer-events: none;
  user-select: none;
  z-index: 9999;
}

.region:hover::after,
.region:focus-visible::after,
.region.is-active::after {
  box-shadow: 0 3px 3px rgba(0,0,0,.18);
  transform: translate(-50%, -50%) translate(-7px, -7px) scale(1.02);
  transition:
    transform 240ms cubic-bezier(.2,.6,.2,1),
    background 240ms cubic-bezier(.2,.6,.2,1),
    color 240ms cubic-bezier(.2,.6,.2,1),
    box-shadow 240ms cubic-bezier(.2,.6,.2,1);
}

.region:hover::before,
.region:focus-visible::before,
.region.is-active::before {
  background-image: var(--img-hover);
  -webkit-mask-image: var(--img-hover);
  mask-image: var(--img-hover);
  transform: translate(-7px, -7px) scale(1.02);
  filter: drop-shadow(0 16px 32px rgba(0,0,0,.28));
}

.region[data-label="울주군"] {
  z-index: 1;
}
.region[data-label="동구"]{
 z-index: 5;	
}
.region[data-label="북구"] {
  z-index: 3;
}
.region[data-label="중구"]{
  z-index: 4;
}
.region[data-label="남구"]{
  z-index: 5;
}

.csp-news__head{
  display:flex;
  align-items:flex-end;
  gap:50px;
  padding-bottom:14px;
  border-bottom:1px solid #e6e9ef;
  margin-bottom:18px;
}
.csp-news__head .csp-section__title {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 5px;
}
.csp-tabs__menu{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0; padding:0; list-style:none;
}
.csp-tabs__menu li{ position:relative; }
.csp-tabs__menu li + li::before {
    content: "·";
    color: #9fb2bd;
    margin: 0 20px 0 5px;
}
.csp-tabs__menu a {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    font-size: 19px;
    font-weight: bold;
    color: #1D1D1D;
    transition: color 0.3s ease;
}

.csp-tabs__menu li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: #E96271;
    border-radius: 2px;
    bottom: -16px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease; 
}

.csp-tabs__menu li.active a {
    color: #E96271;
}
.csp-tabs__menu li.active a::after {
    transform: scaleX(1);
}

.csp-tabs__menu li:hover a {
    color: #E96271;
}
.csp-tabs__menu li:hover a::after {
    transform: scaleX(1); 
}


.csp-more{
  margin-left:auto;     
  border-radius:50%;
  display:grid; place-items:center;
  font-size:22px; font-weight:800;
  color:#2a2f35; text-decoration:none;
  transition:transform .2s ease, background .2s ease;
}
.csp-news__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: static; 
    z-index: auto; 
    height: auto; 
}
.csp-card {
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    border: 2px solid #e8edf2;
    height: 150px;
    z-index: 2;
    box-shadow: 0px 3px 6px #2346820d;
    transition: border-color .25s ease, box-shadow .25s ease;
    flex-direction: column;
    justify-content: space-between;
}

.csp-card__title {
  font-size: 20px;
  font-weight: 700;
  color: #1e2329;
  margin-bottom: 22px;
}
.csp-card__date {
  font-size: 15px;
  color: #8a97a4;
}
.csp-card::before {
  content: "";
  position: absolute;
  top: -0px;
  left: 50%;
  transform: translate(-50%, -5px) scale(0.5);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #E96271;
  opacity: 0;
  transition:
    opacity .3s ease,
    transform .3s ease;
  pointer-events: none;
}
.csp-card.active,
.csp-card:hover {
  border: 2px solid #E96271;
  box-shadow: var(--shadow-h);
}

.csp-card.active::before,
.csp-card:hover::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}


.csp-news__right .csp-section__title{margin:0px;}
.csp-magazine__cover{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  height: var(--mag-cover-h);
}
.csp-magazine__carousel .csp-magazine__img {
  width: 100%;
  height: 400px;
  border-radius: 12px;
}

.csp-magazine__cover.is-contain .csp-magazine__img{object-fit: contain;background: #4db8be;   }
.csp-magazine__cover.is-aspect{height: auto;aspect-ratio: 4 / 5;}
.csp-magazine__date {
  top: 20px;
  font-size: 14px;
  background: #fff;
  color: #4db8be;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
}
.justify-center{justify-content: center !important;}
.csp-magazine__title {top: 60px;font-size: 24px;font-weight: 700;}
.csp-magazine__subtitle {top: 95px;font-size: 14px;letter-spacing: 1px;}
.csp-magazine__iconbox {
  bottom: 50px;
  display: flex;
  justify-content: center;
  gap: 16px;
  font-size: 28px;
  transform: translateX(-50%);
}

.csp-magazine__page {
  bottom: 14px;
  right: 14px;
  left: auto; 
  transform: none;   
  font-size: 12px;
  background: rgba(255,255,255,0.9);
  color: #333;
  border-radius: 10px;
  padding: 2px 8px;
  font-weight: 500;
}

.csp-sosic__inner {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    height: auto; 
}

.csp-sosic__inner .csp-news__right {
    width: 350px;
    flex-shrink: 0;
    height: auto;
}
.csp-sosic__inner .csp-news__left {
    flex-grow: 1; 
    flex-shrink: 1;
    width: 100%;
    height: auto;
}
.mobile-br {
  display: none;
}
.mobile-br2 {
  display: none;
}
@media (max-width:475px){
	.csp-sosic__inner .csp-news__right{
		width:100% !important;
	}
	.js-promo-title {
        max-width: 52% !important;
    }
    
}
@media (max-width:1100px){
	.kpInner {
    	grid-template-columns: repeat(1, 1fr) !important;
	}
	.intro .centerhub-tab{font-size:13px !important;}
	.bin {display:none;}
	.csp-news__left{
    	margin-bottom:30px;
    }
   .mobile-br {
    display: block;
  }
	#promoCarousel2 .carousel-item {
	   height: 100%;
	}
  .mind-grid{display: flex !important;}
  .csp-hero__side{margin-top: 30px !important;}
  .mind-title span{display: none;}
  .carousel-inner{border-radius: 0px !important;}
  .margin-x-m{margin: 0 !important;}
  .csp-hero__inner{ grid-template-columns:1fr; }
  .csp-hero__services{
    grid-template-columns: 2fr 2fr !important;
  }
  .csp-hero__inner .card {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    height: 100% !important;
    display: flex;
    padding: 5px !important;
    /* aspect-ratio: 1 / 1 !important; */
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
  }
  .csp-hero__inner .card .sub{display: none;}
  .csp-hero__inner .card h3{font-size: 18px;}
  .csp-service {
      display: flex !important;
      flex-direction: row !important;
      justify-content: space-around !important;
      align-items: center !important;
    }
    .csp-career-card__inner{border-radius: 0 !important;}
  .csp-info-wrap{ flex-direction:column; }
  .csp-info__grid{ grid-template-columns:1fr; }
   .csp-info__right .csp-info__ad {
     width: 100%;
     aspect-ratio: 1 / 1;
     height: auto;
 }
  #promoCarousel .carousel-item{height: 100%;}
  .csp-service{display: flex!important;}

}

@media (max-width:720px){
  .csp-section__head{ margin-bottom:14px; }
  .csp-hero__slider .carousel-caption h2{ font-size:28px; }
  .csp-slide-ui{ left:14px; bottom:8px; gap:8px; font-size:12px; }
  .csp-slide-ui__progress{ width:90px; }
  .csp-hero__side .d-flex{ grid-template-columns:1fr !important; }
  .csp-hero__services .csp-service{ grid-template-columns:48px 1fr; padding:10px; }
  .csp-hero__services .csp-service__icon img{ width:40px; height:40px; }
  .csp-hero__services .csp-service__title{ font-size:18px; }
  .course-detail h3 {
    font-size: 20px !important;
  }
  .course-detail b {
    font-size: 15px !important;
  }
  .course-detail li {
      font-size: 14px !important;
      display: flex;
      flex-direction: column;
      gap:10px;
    }
}
.decorative-background-section {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 550px;
    background: linear-gradient(180deg, #FFF6F8 0%, #FFFFFF 100%);
}
.decorative-icon {
    position: absolute;
    z-index: 1;
    width: 180px;
    height: 180px;
    background-image: url('/images/newhmpgimg/dots_pattern.png');
    background-size: contain;
    background-repeat: no-repeat;
    left: 267px;
    bottom: 69px;
    opacity: 0.5;
}
.mb-50{margin-bottom:50px;}
.decorative-background-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 150px;
    border-top-right-radius: 40px;
    overflow: hidden;
    background-image: radial-gradient(circle, #fff 4%, transparent 5%), 
                      radial-gradient(circle, #fff 4%, transparent 5%);
    background-size: 20px 20px; 
    background-position: 100% 0, calc(100% - 10px) 10px;
    opacity: 0.8; 
}
.decorative-background-section2::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 150px;
    border-top-right-radius: 40px;
    overflow: hidden;
    background-image: radial-gradient(circle, #fff 4%, transparent 5%), 
                      radial-gradient(circle, #fff 4%, transparent 5%);
    background-size: 20px 20px; 
    background-position: 100% 0, calc(100% - 10px) 10px;
    opacity: 0.8; 
}
.decorative-background-section2 {
    position: absolute;
    right: 0px;
    z-index: 0;
    width: 46%;
    top: 129px;
    height: 482px;
    background: linear-gradient(215deg, #F0F0F0 0%, #FFC6D4 100%);
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
}
.decorative-icon2 {
    position: absolute;
    z-index: 1;
    width: 200px;
    height: 200px;
    background-image: url('/images/newhmpgimg/location-sharp.png');
    background-size: contain;
    background-repeat: no-repeat;
    right: 142px;
    bottom: -30px;
}
/* =======================================
   직업체험 카드 스타일: .csp-career-card
   ======================================= */


.csp-career-card__inner {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    padding: 70px 35px;
    background-image: url('/images/newhmpgimg/bg.png');
    background-position: center;
    position: relative;
}

.csp-career-card__inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a4684c2; 
    z-index: 1;
}

.csp-career-card__head,
.csp-career-card__regions {
    position: relative;
    z-index: 2;
    color: #ffffff; 
}


.csp-career-card__title {
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px;
}

.csp-career-card__sub {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
}



.csp-career-card__regions {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 15px 15px; 
    
    & > *:nth-child(1) {
        grid-column: span 2;
    }
}
.h-100{height: 100%;}
.csp-region-btn {
    width: 100%;
    padding: 12px 15px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    background-color: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.csp-region-btn:hover {
    border-color: #ffffff;
}
.csp-region-btn:hover {
    background-color: #ffffff;
    color: #345c8f;
    border: 1px solid #ffffff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.csp-region-btn.is-active {
    background-color: #ffffff;
    color: #345c8f;
    border: 1px solid #ffffff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.csp-region-btn.is-active .arrow {
    font-size: 1rem;
    margin-left: 5px;
}

.floating-decorative-icon {
    position: absolute;
    z-index: 0;
    width: 200px;
    height: 200px;
    background-image: url('/images/newhmpgimg/bk-icon1.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: -76px;
    right: -25px;
    opacity: 0.8;
}
.floating-decorative-icon2 {
    position: absolute;
    z-index: 0;
    width: 200px;
    height: 200px;
    background-image: url('/images/newhmpgimg/bk-icon2.png');
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -112px;
    right: -25px;
    opacity: 0.8;
}


.mt-50{margin-top: 50px;}
.floating-decorative-icon3 {
    position: absolute;
    z-index: 0;
    width: 199px;
    height: 175px;
    background-image: url('/images/newhmpgimg/bk-icon2.png');
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -80px;
    right: -121px;
}
.floating-decorative-icon4 {
    position: absolute;
    z-index: 0;
    width: 199px;
    height: 175px;
    background-image: url('/images/newhmpgimg/bk-icon2.png');
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 155px;
    right: -47px;
}
.floating-decorative-icon4 { z-index: 1; }


.floating-decorative-icon5 {
    position: absolute;
    z-index: 0;
    width: 174px;
    height: 60px;
    background-image: url('/images/newhmpgimg/service_00.png');
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px;
    top: 90px;
}
.pb-50{padding:50px;}
.floating-decorative-icon6 {
    position: absolute;
    z-index: 0;
    width: 200px;
    height: 60px;
    background-image: url('/images/newhmpgimg/child_img.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: -64px;
    right: 32px;
    opacity: 0.8;
}
.decorative-background-section3 {
  display: none;
}
.floating-decorative-icon5-top img{
      width: 174px;
    height: 60px	
}
.d-flex-i{display: flex;}
.floating-decorative-icon5-top{display:none;}
@media (max-width: 1270px) {
  .floating-decorative-icon{display: none;}
  .floating-decorative-icon2{display: none;}
  .floating-decorative-icon3{display: none;}
  .floating-decorative-icon4{display: none;}
  .decorative-icon2{display: none;}
}
@media (max-width: 1500px) {
  .floating-decorative-icon3{right: 0px;}
}
@media (max-width: 500px) {
  .ccp-page .ccp-selects{
  	flex-direction: column;
  }
}
.position-relative{
  position: relative;
}
@media (max-width: 1310px) {
  .floating-decorative-icon4{display: none;}
}
.margin-x{margin:0px 20px;}
@media (max-width: 942px) {
	.csp-sosic__inner{
		flex-direction: column;
	}
}
@media (max-width: 1100px) {
    .web{display: none !important;}
    .service-card p{display: none;}
    .d-flex-i{ display: block;}
    .margin-x{margin-right:20px; margin-left: 20px;}
    .mob{display: block !important;}
    .mob2{display: flex !important;}
    .csp-sosic__inner {
	    display: flex;
	    gap: 20px;
    }
    
    .csp-tabs__menu a{padding-bottom:0px !important;}
    .csp-news__head{gap:30px;}
    .csp-news__head .csp-section__title{font-size: 23px; margin-bottom:0px;}
    .decorative-icon4 {
      position: absolute;
      z-index: 1;
      width: 200px;
      height: 200px;
      background-image: url('/images/newhmpgimg/location-sharp.png');
      background-size: contain;
      background-repeat: no-repeat;
      right: 142px;
      bottom: -30px;
      display: block;
  }
  .floating-decorative-icon5-top{
		display: flex !important;
        justify-content: center !important;
	}
  .floating-decorative-icon1{display: none !important;}
  .floating-decorative-icon2{display: none !important;}
  .floating-decorative-icon3{display: none !important;}
  .floating-decorative-icon4{display: none !important;}
  .floating-decorative-icon5{display: none !important;}
  .floating-decorative-icon6{display: none !important;}
  .csp-facility__card b{margin: 0px !important;}
    .decorative-background-section2{display: none;}
    
}
@media (max-width: 1100px) {
  .middle-cards .left-card .card-text{width: 100% !important;}
  .pb-50{padding:20px;}
  .course-content-wrap{    flex-direction: column !important; }
  .course-image{width: 100% !important;}
  .course-content-wrap.active { position: relative !important; }
  .hero-section {
  position: relative;
  padding-bottom: 220px;
}
.left-card{display:block !important;}
.service-card h4{font-size: 13px !important;}
.service-card h2 {
    font-size: 16px !important;}
.service-card .card-text{width: 50%;}
  .course-detail { width: 100% !important; padding:0px;}
  .service-card h2{margin-bottom: 0px !important;}
   .service-card  .card-img04 img {
      width: 89px !important;
      right: 20px !important;
      top: 9px !important;
  }
  .service-card .card-img02 img {
        right: 30px !important;
        top: 6px !important;
  }
    .service-card .card-img img {
      width: 100px !important;
      position: absolute !important;
      right: 20px !important;
      top: 8px !important;
  }
  .main-service-wrapper{gap:10px !important; margin-bottom: 0px;}
  .service-card{padding:20px !important;}
    .service-card .card-img03 img {
      width: 105px !important;
    }
    .main-service-wrapper{
      display: flex !important;
      flex-direction: column !important;
    }
    .service-card {
       min-height: 80px !important;
       height: 80px !important;
       align-items: center !important;
       flex-direction: row !important;
   }
   .js-promo-title{font-size: 13px;}
  .mb-50{margin-bottom: 0px;}
  .card-img03 img {
      position: absolute;
      width: 105px !important;
      right: 13px !important;
      top: 6px !important;
  }
  .decorative-background-section3 {
        position: absolute;
        top: 253px;
        right: 0px;
        z-index: 0;
        width: 80%;
        height: 516px;
        background: linear-gradient(215deg, #F0F0F0 0%, #FFC6D4 100%);
        border-top-left-radius: 200px;
        border-bottom-left-radius: 200px;
      display: block !important;
    }
    .csp-main{margin:0 !important; padding:0 !important;}
    .csp-service__desc{display: none;}


    .csp-card {
        height: auto;
        min-height: 120px;
    }
}
.align-center{align-items: center !important;}
.justify-end{justify-content: flex-end !important;}
.mob{display: none;}
.mob2{display: none;}
@media (max-width:420px){
	.sosic_left{width:100% !important;}
    .culture-bulletin__item {
      display: flex !important;
      flex-direction: column;
      gap: 0 !important;
      background: #fff;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
      text-decoration: none;
      color: inherit;
      position: relative;
  }

  .culture-bulletin__thumb-wrap{ width:100%; }

  .culture-bulletin__thumb{
    position:relative;
    width:100%;
  }

   .culture-bulletin__poster {
     width: 100%;
     aspect-ratio: 16 / 11;
     overflow: hidden;
     background: #f2f2f2;
 	}
	.culture-bulletin__thumb{
		box-shadow:none !important;
		border-top-left-radius: 8px !important;
	    border-top-right-radius: 8px !important;
	    border-bottom-right-radius: 0px !important;
	    border-bottom-left-radius: 0px !important;
	}
  .culture-bulletin__poster img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
  }

	  .culture-bulletin__region {
	    position: absolute;
	    left: 12px;
	    top: 12px;
	    z-index: 5;
	    display: inline-flex;
	    align-items: center;
	    padding: 5px 18px;
	    border: solid 1px;
	    border-radius: 999px;
	    background: rgba(255, 255, 255, .92);
	    backdrop-filter: blur(4px);
	    font-size: 12px;
	    font-weight: 600;
	    margin: 0;
	    opacity: 1;
	}

  .culture-bulletin__badge{
    position:absolute;
    right:12px;
    bottom:12px;
    top:auto;
    z-index:5;
    border-radius:999px;
    padding:8px 12px;
  }

  .culture-bulletin__card-detail{
    padding: 15px 20px 15px !important;
  }
	.culture-bulletin__meta-item::before{display:none;}
  .culture-bulletin__title{
    font-size:16px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:10px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
	.dolbomSosic .recruiting{padding:0px 0px !important;}
  .culture-bulletin__meta{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .culture-bulletin__meta-item{
    position:relative;
    padding-left:12px;
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .culture-bulletin__meta-item::before{
    content:"" !important;
    position:absolute;
    left:0;
    top:.55em;
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(0,0,0,.35);
  }

  .culture-bulletin__meta-label{
    font-size:12px;
    font-weight:600;
    opacity:.8;
  }

  .culture-bulletin__meta-text{
    font-size:12px;
    line-height:1.35;
    opacity:.8;
  }
}


@media (max-width:420px){
 .csp-hero__services{gap: 5px !important;}
 .culture-bulletin__item {
    grid-template-columns: 1fr !important;
  }
.care-cards{height: auto !important;bottom: 17px !important;}
.care-cards .item{padding:5px !important;}
.csp-hero__slider .carousel-caption{padding:30px !important;}
.apply-btn {
	width: 90px !important;height: 90px !important;padding: 10px !important;
	bottom: 10px !important;
    right: 10px !important;
	}
	.csp-hero__services .csp-service__title{font-size: 14px !important;}
}
@media (max-width: 590px) {
  .csp-main {
      margin: 0px 10px;
  }
}
@media (max-width:640px){
  .mobile-br2 {
    display: block;
  }
  .csp-hero__inner .card h3{font-size: 16px !important;}
  .decorative-background-section3{height: 360px; width: 95% !important;}
  .decorative-background-section3{top: 260px !important;}
  .decorative-icon4 {display: none;}
  .csp-career-card__sub{display: none;}
 
  .csp-hero__slider .carousel-caption {
    padding: 20px 40px;
  }
  .csp-section__title{font-size: 24px;}
  .csp-news__head {
    display: flex;
    align-items: flex-start !important;
    flex-direction: column;
    gap: 20px;
  }
  .csp-card__title{font-size: 18px;}
  .csp-tabs__menu a{font-size: 18px;;}
  .care-cards p{display: none;}
  .csp-more {
      position: absolute !important;
      top: -14px !important;
      right: 14px !important;
  }
  .care-cards .item h3::after{display: none;}
  .care-cards{height: 120px;}
  .csp-news__head {
    position: relative;
  }
  .care-cards .item h3{flex-direction: column; gap: 15px !important;}
  .csp-facility__card b {font-size: 32px;}
  .csp-facility__card span{font-size:13px;}
  .csp-facility__grid{gap:5px !important; margin-top:20px !important;}
  .csp-news__head .csp-section__title{ font-size: 24px;}
  .carousel-caption {
    display: flex; 
    flex-direction: column; 
    height: 100%; 
    padding-top:50px !important;
}

  .csp-hero__side .d-flex{gap: 10px !important;}
  .csp-service{text-align: center;}
  .csp-section{ padding: 0px 0 25px !important;}
  .form-select{ width: 100% !important; hight:100%;}
  .mobile-break {
        display: block; 
        width: 100%;
        height: 0;
        content: "";
    }
    .csp-facility__card{padding: 10px !important;}
    .margin-x {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}
.foot_banner_wrap {
  margin: 0;
  background: #fff;
  padding: 0px 55px 0 0;
}

.foot_banner_wrap .sponcer {
  height: 78px;
  line-height: 78px;
  background-color: #fff;
}

.foot_banner_wrap .sponcer_wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.foot_banner_wrap .sponcer_Bx {
  height: 78px;
  overflow: hidden;
}

.foot_banner_wrap .spon_slide {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  will-change: transform;
  transition: transform .5s ease;
}

.foot_banner_wrap .spon_slide li {
  flex: 0 0 auto;
}

.foot_banner_wrap .spon_slide li a {
  display: block;
  position: relative;
}

.foot_banner_wrap .spon_slide li img {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}

/* 버튼 박스 */
.foot_banner_wrap .button_box {
    position: absolute;
    right: -50px;
    top: 35%;
    transform: translateY(-50%);
    border: solid 1px #ddd;
    border-right: none;
    background: #fff;
}

.foot_banner_wrap .button_box button {
  float: left;
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-right: solid 1px #ddd;
  background-repeat: no-repeat;
  background-position: center;
  color:black !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.foot_banner_wrap .button_box button.prev {
  background-image: url(/images/newhmpgimg/Icon-dash-left-black.png);
}

.foot_banner_wrap .button_box button.next {
  background-image: url(/images/newhmpgimg/Icon-dash-right-black.png);
}

.foot_banner_wrap .button_box button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#contents.sub-contents {
  max-width: 480px;
  margin: 0 auto;
  padding: 20px 15px 60px;
}

.care-title {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 20px;
}
.care-title-sub {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
}
.care-filter__row {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}
.csp-card {
  cursor: pointer;
}

.care-filter__select {
  flex: 1;
  height: 48px;
  padding: 0 40px 0 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  background: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path d='M2 4l4 4 4-4' stroke='%23222' stroke-width='2' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
}

.care-filter__search {
  position: relative;
  margin-top: 5px;
}

.care-filter__search-input {
  width: 100%;
  height: 56px;
  border: 1px solid #ccc;
  border-radius: 6px !important;
  padding: 0 60px 0 15px;
  font-size: 15px;
}

.care-filter__search-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><circle cx='10' cy='10' r='7' stroke='%23000' stroke-width='2' fill='none'/><line x1='15' y1='15' x2='20' y2='20' stroke='%23000' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}

.care-result__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px 0 15px;
}

.care-result__count {
  font-size: 18px;
  font-weight: 600;
}

.care-result__count span {
  color: #019EAD;
  font-weight: 700;
}

.care-result__sort {
  height: 40px;
  padding: 0 40px 0 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path d='M2 4l4 4 4-4' stroke='%23222' stroke-width='2' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
}

.care-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.care-card {
  width: 100%;
  padding: 20px 0;
}

.care-card__thumb {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  object-fit: cover;
  margin-right: 12px;
}

.care-card__body {
  flex: 1;
  padding: 10px 0px;
}

.care-card__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.care-card__row {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  margin-bottom: 6px;
  color: #555;
}

.icon-tel {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' xmlns='http://www.w3.org/2000/svg'><path d='M4 2h2l2 4-2 1c1 2 3 4 5 5l1-2 4 2v2c-1 1-2 2-3 2-5 0-12-7-12-12 0-1 1-2 3-2z' fill='%23666'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}

.icon-loc {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' xmlns='http://www.w3.org/2000/svg'><path d='M9 2a5 5 0 015 5c0 4-5 9-5 9S4 11 4 7a5 5 0 015-5zm0 3a2 2 0 100 4 2 2 0 000-4z' fill'%23666'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.mapMetaRowTotle{padding:0px 10px !important;}
	.mapMetaRow{padding:0px !important; border-top:none !important;}
	.csp-news__head{gap:35px !important;}
	.csp-morestyle2 {
        /* margin-right: 0px !important; */
        position: static !important;
        top: -14px !important;
        right: 14px !important;
    }
	.csp-sosic__inner {
        flex-direction: column;
        gap: 50px;
        width: 100%;
    }
    .csp-news__cards {
        grid-template-columns: 1fr; 
    }
   .csp-sosic__inner .csp-news__right {
        width: auto;
        flex-shrink: 1;
        height: auto;
    }
	.operNmprInfoBox span{font-size:12px;}
	.ccp-page{padding-top:0px !important;}
	.content-wrap{padding-top:0px !important;}
	.dolbomSosic .recruiting__select{    width: 100%;}
	#login .login-box{    grid-template-columns:none !important;}
	.ulsancc-mtab{ display:none !important; }
}
@media (min-width: 768px) {
  #contents.sub-contents {
    max-width: 960px;
    padding: 40px 24px 80px;
  }

  .care-title {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .care-filter {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 20px;
  }

  .care-filter__row {
    flex: 2;
    margin-bottom: 0;
  }

  .care-filter__search {
    flex: 1;
    margin-top: 0;
  }

  .care-filter__select {
    height: 52px;
    font-size: 15px;
  }

  .care-filter__search-input {
    height: 52px;
    font-size: 15px;
  }

  .care-result__header {
    margin: 30px 0 20px;
  }

  .care-result__count {
    font-size: 18px;
  }

  .care-result__sort {
    height: 44px;
    padding-right: 44px;
  }

  .care-card {
    padding: 10px 0;
  }

  .care-card__thumb {
    width: 150px;
    height: 150px;
    margin-right: 16px;
  }

  .care-card__body {
    padding: 8px 0;
  }

  .care-card__title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .care-card__row {
    font-size: 15px;
    margin-bottom: 8px;
  }
}
@media (max-width: 1200px) {
  .mind-title span{font-size: 16px;}
  .mind-title h2{font-size: 30px;}
  .pg-program-apply__row--pair2 {
       grid-template-columns: 100px 1fr !important;
   }
   .pg-program-apply__row--pair3{
   		grid-template-columns: 100px 1fr !important;
   }
   .pg-program-apply__row--single{
    display: grid;
    grid-template-columns: 100px 1fr !important;
  }
}
@media (min-width: 1200px) {
   
  #contents.sub-contents {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .care-title {
    font-size: 30px;
  }

  .care-list {
    margin-top: 4px;
  }

  .care-card {
    padding: 26px 4px;
  }

  .care-card__thumb {
    width: 170px;
    height: 170px;
  }

  .care-card__title {
    font-size: 21px;
  }
}

.neighbor-title {
  font-size: 24px;
  font-weight: 700;
  margin: 4px 0 16px;
}

.neighbor-hero-card {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
}

.neighbor-hero-card__thumb {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  margin-right: 14px;
  border-radius: 50%;
  overflow: hidden;
  background: #f1f1f1;
}

.neighbor-hero-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.neighbor-hero-card__text {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: #444;
}

.neighbor-hero-card__text strong {
  font-weight: 700;
}

.neighbor-cta {
  margin-bottom: 24px;
}

.neighbor-cta__link {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.neighbor-cta__bg {
  width: 100%;
  display: block;
  height: 120px;
  object-fit: cover;
}

.neighbor-cta__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.55),
    rgba(0, 0, 0, 0.1)
  );
  color: #fff;
}

.neighbor-cta__label {
  font-size: 16px;
  font-weight: 600;
}

.neighbor-cta__arrow {
  font-size: 18px;
}

.neighbor-section {
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
}

.neighbor-section__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  position: relative;
  padding-left: 12px;
}

.neighbor-section__title::before {
  content: "·";
  position: absolute;
  left: 0;
  top: -1px;
}

.neighbor-section__body {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}

@media (min-width: 768px) {
  .neighbor-title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .neighbor-hero-card {
    padding: 20px;
  }

  .neighbor-cta__bg {
    height: 150px;
  }
}

@media (min-width: 1200px) {
  .neighbor-title {
    font-size: 28px;
  }
}

/* 직업체험 */
#contents.sub-contents.career-page {
  max-width: 480px;
  margin: 0 auto;
  padding: 20px 16px 60px;
  box-sizing: border-box;
}


.career-hero {
  margin: 0 -16px 24px;
  padding: 48px 24px;
  position: relative;
  background-image: url("/images/newhmpgimg/career-hero-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  color: #fff;
  text-align: center;
  border-radius: 0 0 16px 16px;
}


.career-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.3),
    rgba(0, 0, 0, 0.7)
  );
}

.career-hero__content {
  position: relative;
  z-index: 1;
}

.career-hero__title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 10px;
}

.career-hero__desc {
  font-size: 14px;
  line-height: 1.5;
}
.career-course {
  margin-bottom: 24px;
}

.career-course__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.career-course--divider {
  border-top: 1px dashed #d5d5d5;
  padding-top: 18px;
}

.career-card {
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.career-card__thumb {
  position: relative;
}

.career-card__thumb img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.career-card__tags {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.career-tag {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  font-size: 11px;
  color: #333;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.career-card__body {
  padding: 10px 12px 14px;
}

.career-card__title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.career-course__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.career-card--small .career-card__body {
  padding: 8px 8px 10px;
}

.career-card--small .career-card__title {
  font-size: 13px;
}
.career-more {
  margin: 26px 0 8px;
}

.career-more__text {
  font-size: 14px;
  margin-bottom: 12px;
}

.career-more__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 18px;
  border-radius: 999px;
  background: linear-gradient(270deg, #B384D6, #3467AE);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.career-more__btn-arrow {
  margin-left: 6px;
  font-size: 16px;
}
@media (min-width: 1920px) {
	#gnb .gnb-sub-left {
    	min-width: 520px;
	}
}
@media (min-width: 768px) {
  #contents.sub-contents.career-page {
    max-width: 960px;
    padding: 32px 24px 80px;
  }

  .career-hero {
    margin: 0 0 32px;
    border-radius: 16px;
    padding: 56px 40px;
  }

  .career-hero__title {
    font-size: 26px;
  }

  .career-hero__desc {
    font-size: 15px;
  }

  .career-course__title {
    font-size: 18px;
    margin-bottom: 14px;
  }

  .career-card__body {
    padding: 12px 14px 16px;
  }

  .career-card__title {
    font-size: 15px;
  }

  .career-card--small .career-card__title {
    font-size: 14px;
  }

  .career-course__grid {
    gap: 14px;
  }

  .career-more {
    margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  #contents.sub-contents.career-page {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .career-hero {
    padding: 64px 80px;
  }

  .career-hero__title {
    font-size: 28px;
  }

  .career-course__title {
    font-size: 19px;
  }

  .career-course__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.job-card__inner {
  border-radius: 10px;
  border: 1px solid #e1e1e1;
  background: #fff;
  padding: 14px 16px 14px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease,
              background-color 0.25s ease;
}

.job-card--blue .job-card__inner {
  border-color: var(--job-point);
}

.job-card--teal .job-card__inner {
  border-color: var(--job-point);
}

.ulsancc-partnerMarquee{
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.ulsancc-partnerMarquee__inner{
  --pm-side-pad: 16px;
  --pm-nav-w: 92px;

  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 var(--pm-side-pad);

  min-height: 84px;
  display: flex;
  align-items: center;
}

.ulsancc-partnerMarquee__viewport{
  overflow: hidden;
  width: 100%;
  height: 84px;
  padding-right: calc(var(--pm-nav-w) + 12px);

  display: flex;
  align-items: center;
}

.ulsancc-partnerMarquee__track{
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;

  will-change: transform;
  transform: translate3d(0,0,0);
}

.ulsancc-partnerMarquee__item{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px;
}

.ulsancc-partnerMarquee__item a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 100%;
}

.ulsancc-partnerMarquee__img{
  max-height: 49px;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;

  object-fit: contain;
  image-rendering: auto;
}

.ulsancc-partnerMarquee__nav{
  position: absolute;
  right: var(--pm-side-pad);
  top: 50%;
  transform: translateY(-50%);

  display: inline-flex;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  background: #fff;
  border-radius: 6px;

  z-index: 2; 
  padding:5px;
}

.ulsancc-partnerMarquee__arrow{
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.ulsancc-partnerMarquee__arrow + .ulsancc-partnerMarquee__arrow{
  border-left: 1px solid #e6e6e6;
}
@media (max-width: 768px){
  .ulsancc-partnerMarquee__inner{
    --pm-nav-w: 0px; /* 일단 viewport 오른쪽 패딩 제거 */
  }

  .ulsancc-partnerMarquee__nav{
    position: static;
    transform: none;
    margin-left: 8px;
  }

  .ulsancc-partnerMarquee__viewport{
    padding-right: 0;
  }
}


.job-card__badge {
  display: inline-block;
  padding: 3px 10px 4px;
  border-radius: 999px;
  border: 1px solid var(--job-point);
  font-size: 12px;
  font-weight: 600;
  color: var(--job-point);
  background: #ffffff;
  margin-bottom: 8px;
  transition: background-color 0.25s ease, color 0.25s ease,
              border-color 0.25s ease;
}

.job-card__badge--teal {
  background: var(--job-point);
  color: #fff;
}

.job-card__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.job-card__row {
  font-size: 13px;
  color: #666;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}

.job-card__label {
  display: inline-block;
  width: 58px;
  color: #999;
}

.job-card__sep {
  margin: 0 4px;
  color: #d0d0d0;
}

.job-card__value {
  color: #555;
}

.job-page .job-card:hover {
  cursor: pointer;
}

.job-page .job-card:hover .job-card__inner {
  border-color: var(--job-point);
  box-shadow: 0 0 0 1px rgba(1, 158, 173, 0.12);
}

.job-page .job-card:hover .job-card__badge {
  border-color: var(--job-point);
  background-color: #ffffff;
  color: var(--job-point);
}

.job-page .job-card:hover .job-card__badge--teal {
  background-color: var(--job-point);
  color: #fff;
}

.care-filter__row.care-filter__row--3 {
  display: flex;
  gap: 8px;
}
.care-filter__row--3 .care-filter__select {
  flex: 1;
}

.facility-category {
  margin-top: 16px;
}

.facility-category__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.facility-category__item {
  width: 100%;
}

.facility-category__btn {
    width: 100%;
    height: 70px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    cursor: pointer;
    transition: border-color 0.2s 
    ease, box-shadow 0.2s 
    ease, background-color 0.2s 
    ease;
}

.facility-category__name {
  font-size: 18px;
  color: #333;
}

.facility-category__count {
  font-size: 20px;
  font-weight: bold;
  color: var(--care-point);
}

.facility-category__btn--active {
  border-color: var(--care-point);
  box-shadow: 0 0 0 1px rgba(1, 158, 173, 0.12);
}

.facility-category__btn:hover {
  border-color: var(--care-point);
}

.facility-list-wrap {
  margin-top: 18px;
}

.facility-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.facility-card {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  background: #fff;
  margin-bottom: 16px;
  box-shadow: 0 0 0 1px transparent;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.facility-card:hover {
  border-color: var(--care-point);
  box-shadow: 0 0 0 1px rgba(1, 158, 173, 0.15);
}

.facility-card__thumb-wrap {
  position: relative;
  height: 160px;
  overflow: hidden;
}

.facility-card__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.facility-card__badge {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.95);
  color: #333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.facility-card__info {
  padding: 14px 16px 10px;
}

.facility-card__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.facility-card__row {
  font-size: 13px;
  color: #666;
  margin-bottom: 4px;
  display: flex;
  align-items: flex-start;
}

.facility-card__label {
  display: inline-block;
  width: 52px; 
  color: #999;
}

.facility-card__sep {
  margin: 0 4px;
  color: #d0d0d0;
}

.facility-card__value {
  flex: 1;
  color: #555;
  line-height: 1.5;
}
.margin-x-m{margin: 0 20px;}
@media (max-width:1146px) {
  .csp-hero__inner{
    gap:10px;
  }
}
@media (min-width: 1024px) {
	
  .facility-list-wrap {
    margin: 24px auto 0;
  }
  .facility-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  .facility-card {
    margin-bottom: 0;
  }
  .facility-category__list {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}
@media (max-width: 1199px) {
  .facility-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px;
  }
  .facility-category__count {
    font-size: 18px;
  }
  .facility-category__name{
    font-size: 14px;
  }
}
/* 우리아이 진로체험~~ 부분**/
.course-header {
  text-align: center;
  margin-bottom: 20px;
}

.course-header p {
  color: #555;
  margin-bottom: 5px;
}

.course-header h2 {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 30px;
}

.course-tabs {
  display: flex;
  justify-content: center;
  gap: 14px;
}

.course-tabs button {
  padding: 8px 22px;
  border-radius: 22px;
  border: 1px solid #ddd;
  background: #fff;
  color: #555;
  font-size: 15px;
}

.course-tabs button.active {
  background: #E96271;
  border-color: #E96271;
  color: #fff;
}

.course-content-wrap {
  display: flex;
  gap: 40px;
  margin-top: 30px;
}

.course-image {
  position: relative;
  width: 55%;
}

.course-image img {
  width: 100%;
  border-radius: 10px;
}

.apply-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: #fff;
  border: 2px solid #E96271;
  color: #E96271;
  border-radius: 50%;
  padding: 20px;
  width: 100px;
  height: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  font-size: 15px;
  transition: transform .3s ease;
}

.apply-btn:hover {
  animation: bounce 0.2s ease-in-out 4 alternate;
}

@keyframes bounce {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-4px); }
}


.course-detail {
  width: 45%;
}
.course-detail li {
    margin: 10px 0px;
    font-size: 16px;
}
.course-detail .badge {
  display: inline-block;
  background: #EFF1F5;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #899098;
  margin-bottom: 10px;
}
ul {
  list-style: none;
  padding-left: 0;
}

.course-detail h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 18px;
}
.course-detail b{ font-size: 18px;}
.course-detail ul {
  margin-bottom: 18px;
}

.course-detail .round {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    border: 1px solid #B0BCC8;
    font-size: 13px;
    margin-right: 6px;
    max-width: 53px;
    color: #899098;
}

.course-panel {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.course-panel.active {
  opacity: 1;
  pointer-events: auto;
}
.course-tabs {
  display: flex;
  justify-content: center;
  gap: 14px;
}

.course-tabs button {
  padding: 8px 22px;
  border-radius: 22px;
  border: 1px solid #ddd;
  background: #fff;
  color: #555;
}

.course-tabs button.active {
  background: #E96271;
  border-color: #E96271;
  color: #fff;
}

.course-panels {
  position: relative;
  margin-top: 30px;
  min-height: 430px;
}

.course-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  gap: 40px;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0s ease;
}

.course-content-wrap.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .6s ease;
}


.course-image {
  width: 55%;
  position: relative;
}

.course-image img {
  width: 100%;
  border-radius: 10px;
}


.course-detail {
  width: 45%;
}


.main-service-wrapper {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.1fr;
  gap: 22px;
  margin-bottom:60px;
}

.left-card {
    height: 350px;
}
.right-card {
  min-height: 500px;
}

.middle-cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-end;
}
.page-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
}


.page-loading-overlay .loader-ellipsis {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #ffffff;
  animation: pageLoadingSpin 0.7s linear infinite;
  box-sizing: border-box;
}

@keyframes pageLoadingSpin {
  to {
    transform: rotate(360deg);
  }
}

.top-card {
  min-height: 330px;
}
.bottom-card {
  height: 90px;
}
.umcare-type {
    overflow: hidden;
    padding-bottom: 0 !important;
}

.umcare-bottom {
    width: 100%;
    background: #E35A2B;
    color: #fff;
    text-align: center;
    font-size: 13px;
    padding: 12px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}


.umcare-type .card-text {
    padding-bottom: 50px;
    text-align: center;
}
.service-card {
    border-radius: 12px;
    padding: 35px 30px;
    display: flex;
    color:#000;
    z-index: 99;
    position: relative;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.csp-hero__inner .card-text{text-align: center;}
/* 배경색 */
.card-dark { background: #FFEEEB; color: #D8521B; }
.card-light { background: #EFF1F5; }
.card-mid   { background: #D4DCE5; }
.card-yellow{ background: #FDF7E4; }
.service-card h4{font-size: 18px; margin-bottom: 5px;}
.service-card h2{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.service-card p{font-size: 16px; margin-bottom: 5px;}
.card-img img {
    width: 214px;
    position: absolute;
    right: 86px;
    bottom: 54px;
}
.card-img02 img {
    width: 52px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.card-img03 img {
    position: absolute;
    width: 300px;
    right: 55px;
    bottom: 35px;
}
.card-img04 img {
    width: 140px;
    position: absolute;
    right: 110px;
    top: 190px;
}
.pt-20{padding-top: 20px;}



/* Header */
#header {
	overflow: visible;
	box-shadow: 0px 3px 6px #00204d14;
	position: relative;
	height: 82px;
	z-index: 999;
	border-bottom: 1px solid #dbdbdf;
}
#header h1 {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 220px;
    height: 50px;
    margin-left: -600px;
    z-index: 3;
}
#header h1 a {
    display: block;
    width: 100%;
    height: 52px;
    background: url(/images/hmpg/common/logo.png) no-repeat center;
    background-size: auto 50px;
    font-size: 0;
    margin-top: 8px;
}
#header span.link {position: absolute; right: 50%; top: 25px; margin-right: -600px; z-index: 2;}
#header span.link a {color: #777; vertical-align: middle;}
#header span.link a + a {margin-left: 17px;}
#header span.link .menu-ico {display: inline-block; font-size: 0; background: url(/images/hmpg/common/ico-menu.png) no-repeat center; width: 34px; height: 34px; background-size: 27px;}
#header span.link .menu-ico.on {background: url(/images/hmpg/common/ico-close.png) no-repeat center #E96271; background-size: 20px 20px;}

#header > button {display:none; font-size: 0;}

/* GNB */
#gnb {
    overflow:hidden;
    position:relative;
    padding-top:29px;
    background-color:#fff;
    z-index:2;
}

#gnb.on {
    height:330px;
    border-bottom:1px solid #edeeef;
    box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);
    overflow:visible;
}

#gnb ul { overflow:visible; display:flex; width:750px; margin:0 auto; padding-left:45px; }
#gnb ul li { overflow:visible; flex:auto; position:static; text-align:center; }

#gnb ul li > a { display:inline-block; padding:0; color:#333; font-size:18px; font-weight:600; }
#gnb ul li > a::after { content:''; position:relative; display:block; margin:22px -5px 0; border-bottom:5px solid transparent; z-index:1; }

#gnb ul li div a:first-child { margin-left:0; }
#gnb ul li > a.on + div{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center; 
}


#gnb ul li div a:hover,
#gnb ul li div a:active,
#gnb ul li div a:focus { border-bottom-color:currentColor; color:#000; font-weight:500; }

#gnb.on {
    height:330px;
    border-bottom:1px solid #edeeef;
    box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);
}


#gnb ul li div.gnb-sub-wrap {
    display:none;
    position:absolute;
    top:81px;
    left:0;
    transform:none;
    width:100%;
    max-width:none;
    overflow:visible;
    white-space:normal;
    padding:0;
    background:#fff;
    border-top:1px solid #f7f7f9;
    box-shadow:0 8px 20px rgba(0,0,0,0.06);
    box-sizing:border-box;
    z-index:20;
}
#gnb ul li > a.on + .gnb-sub-wrap {
    display:block;
   	height: 335px;
}

#gnb .gnb-sub {
    height:100% !important;
    display:flex !important;
}

#gnb .gnb-sub-left {
    width: 365px;
    padding:30px !important;
    background: #ffeef5 !important;
    border-right: 1px solid #f6dbe8 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box !important;
    gap: 5px;
}

#gnb .gnb-sub-character {
    margin-top: auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

#gnb .gnb-sub-character img {
    max-width: 150px;

    height: auto;
    display: block;
}


#gnb .gnb-sub-right {
    padding:10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: flex-start;
    max-width: 1244px;
}

#gnb .gnb-sub-right a {
    position: relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 237px;
    max-width: 237px;
    height:44px;
    padding:0 24px;
    border-radius:8px;
    border:1px solid #e5e5ee;
    background:#ffffff;
    color:#555;
    font-size:15px;
    white-space:nowrap;
    text-decoration:none;
    box-sizing:border-box;
    transition:all .2s ease;
}
.mr-65{margin-right:65px !important;}
.mr-60{margin-right:60px !important;}
.mr-53{margin-right:53px !important;}
/* 활성 / hover 공통 */
#gnb .gnb-sub-right a.on,
#gnb .gnb-sub-right a:hover,
#gnb .gnb-sub-right a:focus {
    border-color:#E96271;
    background:#E96271;
    color:#fff;
    padding-right:58px;
}

/* 동그라미 */
#gnb .gnb-sub-right a.on::before,
#gnb .gnb-sub-right a:hover::before,
#gnb .gnb-sub-right a:focus::before {
    content:'';
    position:absolute;
    right:14px;
    top:50%;
    width:26px;
    height:26px;
    margin-top:-13px;
    border-radius:50%;
    background:#fff;
}

/* 화살표 */
#gnb .gnb-sub-right a.on::after,
#gnb .gnb-sub-right a:hover::after,
#gnb .gnb-sub-right a:focus::after {
    content:'';
    position:absolute;
    right:24px;
    top:50%;
    width:8px;
    height:8px;
    margin-top:-4px;
    border-right:2px solid #E96271 !important;
    border-top:2px solid #E96271 !important;
    transform:rotate(45deg);
}

#gnb.on::before { content:''; display:block; position:absolute; top:80px; width:100%; border-bottom:1px solid #dbdbdf; }
#gnb.on li { height:160px; }
#gnb ul li > a.on { color:#378aff; }
#gnb ul li > a.on::after { border-bottom-color:#378aff; }

/* All Menu */
#menu-all {display: none; position:absolute; top:82px; left:0; width:100%; padding:60px 0 80px; border-bottom:1px solid #edeeef; box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); background-color:#fff; z-index:9999; }
#menu-all.on { display:block; }
#menu-all ul { display:flex;gap: 45px; flex-wrap:wrap; width:990px; margin:0 auto; padding-left:185px; }
#menu-all ul li { width:25%; }
#menu-all ul li strong a { color:#000;  font-weight:600; }
#menu-all li div { margin-top:13px; }
#menu-all li div a { float:left; clear:left; margin-top:8px; padding-bottom:2px; border-bottom:1px solid transparent; color:#666; transition: color .2s ease, border-bottom-color .2s ease;}
#menu-all ul li div a:hover,
#menu-all ul li div a:active,
#menu-all ul li div a:focus { border-bottom-color:currentColor; color:#E96271; font-weight:500; }
/* ===== 데스크탑 메가메뉴 ===== */
@media screen and (max-width: 1250px){
	.neighborlyCareBiz .nbPayCard {
	    padding: 15px 25px !important;
	}
	.kpInner {
	    flex-direction: column !important;
	}
	.intrcn-partner-title {
    	font-size: 16px;
	}
	#gnb ul li div.gnb-sub-wrap{top: 41px !important;}
	  #gnb ul li > a.on + .gnb-sub-wrap {
      display:block !important;
      height: 360px;
  }
  #gnb .gnb-sub-left {
    width: 200px !important;
    min-width:250px !important;
  }
}
@media screen and (max-width: 950px) {
    #gnb .gnb-sub-right {
        padding: 10px !important;
        gap: 9px 9px !important;
    }
    
}

@media screen and (min-width: 768px) {

  #gnb {
      overflow:hidden;
      position:relative;
      padding-top:29px;
      background-color:#fff;
      z-index:2;
  }

  #gnb.on {
      height:330px;
      border-bottom:1px solid #edeeef;
      box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);
      overflow:visible;
  }

  #gnb ul { overflow:visible; display:flex; width:750px; margin:0 auto; padding-left:45px; }
  #gnb ul li { overflow:visible; flex:auto; position:static; text-align:center; }
	
  #gnb ul li > a { display:inline-block; padding:0; color:#333; font-size:18px; font-weight:600; }
  #gnb ul li > a::after { content:''; position:relative; display:block; margin:22px -5px 0; border-bottom:5px solid transparent; z-index:1; }


  #gnb .gnb-sub {
      height:100% !important;
      display:flex !important;
  }




  #gnb .gnb-sub-right a.on {
      position:relative !important;
      border-color:#E96271 !important;
      font-weight:600 !important;
      padding-right:38px !important;
  }
  #gnb .gnb-sub-right .gnb-sub-panel a.on{
  	color:#E96271 !important;
  }

  #gnb.on::before { content:''; display:block; position:absolute; top:80px; width:100%; border-bottom:1px solid #dbdbdf; }
  #gnb.on li { height:160px; }
  #gnb ul li > a.on { color:#E96271; }
  #gnb ul li > a.on::after { border-bottom-color:#E96271; }
}


.gnb-close-btn {display:none;}
@media screen and (max-width:1250px) {
    /* Layout */
    .content-wrap {padding: 0 25px;}

	/* Title */
    h2.tit {font-size: 22px;}  
    h4.tit {font-size: 20px;}

    /* Header */
    #header { height:100px; }

    #header h1 {
      left: 20px;
      width: 120px;
      height: 37px;
      margin-left: 0;
    }
    #header h1 a {    height: 100%; margin-top:0px; background-size:contain; }

    #header span.link { top:12px; right:20px; margin-right:0; font-size: 14px;}
    #header span.link a:nth-child(n + 2) { margin-left:20px; }

    /* GNB */
    #gnb { height:99px; padding-top:60px; }
    #gnb ul { position:absolute; width:100%; padding:0; }
    #gnb ul li { position:static; }
    #gnb ul li > a { margin:0; padding:0 10px; font-size: 16px; }
    #gnb ul li > a::after { margin:13px -10px 0; }
    #gnb ul li div { top:58px; width:100%; text-align:center; }
    #gnb ul li div a { float:none; }
    #gnb ul li div a:first-child { margin-left:0; }

    /* #gnb.on { height:170px; } */
    #gnb.on::before { top:100px; }
    /* #gnb.on li { height:108px; } */

    /* All Menu */
    #menu-all { top:101px; left:0; padding:50px 0; }
    #menu-all ul { width:calc(100% - 80px); margin:0 40px; padding-left:0; }
}
@media screen and (max-width:430px) {
.decorative-background-section3{height: 260px !important;}
.decorative-icon{display:none;}
.care-cards .item h3{font-size:18px !important;}
.dolbomSosic .recruiting__select {    min-width: 0 !important;}
}
.starReview{    
	display: flex;
    align-items: center;
    font-weight:bolder;
    gap:5px;
}
@media screen and (max-width:510px) {
	#posterWrap{
		width:100% !important;
	}
	.DolbomView__reviewHead{
		flex-direction: column !important;
    	gap: 0px !important;
	}
	.DolbomView__sectionTitle{
		margin-bottom:0px !important;
	}
	
}
@media screen and (max-width:410px) {
	.submitPrimaryButton{
		max-width: 100px !important;
	}
	 #survey .tit-area .date {
        font-size: 13px !important;
          }
     .cancle{width:155px; margin-bottom:10px;}
     .button-group .button:nth-child(n + 2){margin:0px 0px 0px 5px !important;}
	.csp-tabs__menu a {
	    font-size: 13px !important;
        padding-bottom: 0px !important;
	}
	.csp-card__title {
        font-size: 16px !important;
    }
    .csp-card__date {
    	font-size: 13px !important;
    }
    .button.write {
        padding: 4px 15px !important;
        font-size: 14px;
        line-height: 0px !important;
        height: auto !important;
    }
}
.movLink{display:none;}
@media screen and (max-width:767px) {
	.ubox-reserve-inner .side-icon.right{
		display:none !important;
	}
	.ulsancc-heroDesc{margin-bottom:10px;}
	.ubox-reserve-inner .side-icon.left{
		display:none !important;
	}
	#gnb .gnb-sub-right--care .care-stack.is-open > a.gnb-sub-trigger__btn, #gnb .gnb-sub-right--care .care-stack:focus-within > a.gnb-sub-trigger__btn {
		 background: none !important;
	}
	.button.write{
		
    	line-height: inherit !important;
	}
	.is-child-active .gnb-sub-trigger__btn::before{display:none !important}
	.csp-card {min-height: 95px !important;padding: 16px 20px !important;gap: 0px !important;}
	.csp-card__title{margin:0px !important;font-size: 17px !important;}
	.writeDiv form{width:100%;}
	.writeDiv{
	    align-items: flex-end !important;	
	}
	#gnb .gnb-sub-right--care .care-stack.is-open > a.gnb-sub-trigger__btn, #gnb .gnb-sub-right--care .care-stack:focus-within > a.gnb-sub-trigger__btn{
		color:#E96271 !important
	}
	html.nav-open,
	  body.nav-open {
	    overflow-y: hidden;
	    height: 100%;
	  }
	#header::before {
       content: '';
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 5;
       background: rgba(0, 0, 0, 0.35);
       opacity: 0;
       visibility: hidden;
       transition: opacity .3s ease, visibility .3s ease;
       backdrop-filter: blur(6px);
       -webkit-backdrop-filter: blur(6px);
   }

  #header.on::before {
    opacity: 1;
    visibility: visible;
  }
  	.movLink {
	     display: flex;
	     justify-content: flex-end;
	     height: 100px;
	     align-items: flex-end;
	     gap: 3px;
	     font-size: 12px;
	     margin-right: 10px;
	     margin-bottom: 10px;
	     color:#868897 !important;
     }
     .movLink a {color:#868897 !important;}
	.csp-news__head .csp-section__title{font-size:22px;}
	.csp-tabs__menu {gap:5px !important;}
	.csp-tabs__menu a{font-size:16px;}
    /* Layout */
    body {font-size: 14px;}
    h1,h2,h3,h4,h5,h6,input,button,textarea,select,table {font-size: 14px;}
    .sub-content {min-height:500px;}
    
    .sub-content {padding: 30px x;} 
    .content-wrap {padding: 0 20px;}
    
    h4.tit {font-size: 18px;}   
    .sub-content h2.tit {font-size: 18px;}
    .sub-content h4.tit {font-size: 16px;}
    .sub-content h6.tit {font-size: 14px;}
    
    #header {
    position: relative;
    width: 100%;
    height: 52px;
    border-color: #dbdbdf;
    background: #fff;
    overflow: visible;
    z-index: 1000;
  }
  #header .link{display:none !important;}
  #header #gnb {
    position: fixed;
    top: 0px;
    right: 0;
    width: 100%;
    max-width: 360px;
    height: 100vh;
    z-index: 6;
    background: #fff;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
    overflow-y: scroll;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
	}
   #gnb ul li > a.on + .gnb-sub-wrap {
    height: auto !important;
  }

  #gnb .gnb-sub-wrap,
  #gnb .gnb-sub {
    height: auto !important;
    overflow: visible !important;
  }

  #gnb .gnb-sub {
    display: flex;
    flex-direction: column;
  }

  #gnb .gnb-sub-left,
  #gnb .gnb-sub-right {
    width: 100%;
  }
  #header.on #gnb {
    transform: translateX(0);
  }
	.gnb-close-btn {
	    position: absolute;
	    top: 12px;
	    right: 14px;
	    width: 32px;
	    height: 32px;
	    display:block;
	    background: none;
	    font-size: 28px;
	    line-height: 32px;
	    border: none;
	    cursor: pointer;
	    color: #222;
	    z-index: 1300;
	  }
    #header.on + #content { margin-top:45px; }

    #header h1 { order:1; flex:0 0 35px; float:left; position:relative; top:0; left:0; width:110px; height:35px; margin:5px 0 0 20px; }
	#header h1 a{
		height: 100% !important;
		margin-top: 4px !important;
	}
    #header > button {
       order: 2;
       display: block;
       position: absolute;
       top: 12px;
       right: 20px;
       min-width: 0;
       background: url(/images/hmpg/common/ico-menu.png) no-repeat center;
       width: 35px;
       height: 22px;
       border: none;
    }
    #header > button span { position:relative; z-index:-1; }

    #header span.link {
        order: 3;
        display: flex;
        height: 50px;
        position: relative;
        /* display: block; */
        bottom: -7px;
        top: 0px;
        right: 18px;
        width: 100%;
        margin-top: 35px;
        text-align: center;
        line-height: 1;
        justify-content: flex-end;
        align-items: flex-end;
    }
    #header span.link a { margin:0; color:#868897; line-height:1; }
    #header span.link a:nth-child(n + 2) { margin-left:12px; }
    #header span.link a:nth-child(n + 2)::before { content:''; display:inline-block; width:1px; height:10px; margin-right:12px; background-color:#999; }
    #header span.link a:last-child { display:none; }

    /* GNB */
    #gnb { order:5; position:static; height:auto; padding:0; z-index: 0; }
    #gnb ul { display:block; border-top:1px solid #cfd5d8; }
    #gnb ul li { display:block; text-align:left; }
    #gnb ul li > a { display:block; padding:0 20px; border-bottom:1px solid #cfd5d8; color:#000; line-height:49px; transition: all 0.25s ease; }
    #gnb ul li > a {
	    position: relative;
	}
	#gnb ul li > a::after {
        margin: 0px !important;
        display: inline !important;
    }
	#gnb ul li > a.on::before{
	    content: '';
	    position: absolute;
	    right: 14px;
	    top: 50%;
	    width: 26px;
	    height: 26px;
	    margin-top: -13px;
	    border-radius: 50%;
	    background: #fff;
	}
	#gnb ul li > a.on::after {
        content: '';
        position: absolute;
        right: 19px;
        top: 35%;
        width: 15px;
        height: 14px;
        margin-top: -8px;
        background: url(/images/hmpg/common/ico-gnb-arrow.png) no-repeat center;
        background-size: contain;
        border: 0 !important;
        transform: none !important;
    }
	#gnb .gnb-sub-left{
		display:none;
	}
	#gnb ul li div {
     display: none;
     padding: 5px !important;
     border-bottom: none !important;
     text-align: left;
     background-color: #ffffff;
     box-shadow: none;
    }
    #gnb ul li div .care-stack{
    	padding: 0px !important;
    }
    .care-stack{
    	display:block !important;
    }
    #gnb .gnb-sub-right--care .gnb-sub-panel{
    	margin-left:5px !important;
    }
    .care-stack a{
    	padding:0px !important; 
    }
    #gnb .gnb-sub-right{gap:0px !important;}
    #gnb .gnb-sub-right a {
        margin-left: 0;
        border: none !important;
        padding: 0px 10px !important;
        display: flex !important;
        justify-content: flex-start !important;
    }
    #gnb .gnb-sub-right{padding:0px !important;flex-direction: column !important;}
    #gnb ul li div a { float:left; clear:left; margin-left:0; padding-bottom:0; border-bottom:0; color:#666; font-size: 14px; font-weight:500; }
    #gnb ul li div a:hover,
    #gnb ul li div a:active,
    #gnb ul li div a:focus { color:#378aff; text-decoration:none; }

    #gnb ul li > a.on {
        color: #ffffff;
        background-color: #E96271;
    }
   
    #gnb ul li > a.on + div {
        position: static !important;
        display: block;
        box-shadow: none !important;
        border-bottom: 1px solid #ccc !important;
    }

    #gnb.on { border-bottom:0; box-shadow:none; overflow: visible; }
    #gnb.on::before { display:none; }
    #gnb.on ul li { height:auto; }

    /* All Menu */
    #menu-all.on { display:none; }
    
    /* Location */
  /*  #location {padding: 15px 0;}
    #location h2 {font-size: 18px;}
    #location ol {margin: 0;}
    #location ol li:nth-child(n + 2)::before {margin: 0 5px;}*/

    /* Footer */
    #footer .link {margin-bottom:15px;}
    #footer .link a {font-size: 13px;}
    #footer p {line-height:1.7; font-size: 12px;}
    
    /* Button */
    .button-group .button:nth-child(n + 2) {margin-left: 5px;}
    .button {font-size: 14px;}
    
    /* Badge */
    .badge {font-size: 14px;}
    
    /* Text Input */
    input[type="text"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="email"] {height:35px;}
    
    .search-input button {height: 35px;}

    /* Selectbox */
    select {height:35px;}

    /* Nice Select Custom */
    .nice-select {height: 35px; line-height: 35px;}
    .nice-select .option {line-height: 35px; min-height: 35px;}


    table.list thead th,
    table.list tbody td { padding:10px 5px; }
    table.list thead th:not(:last-of-type)::after {top: 12px; bottom: 12px;}
    
    /* Form */
    .board-form .form-field .th,
    .board-form .form-field .td {display: block; width: 100%; padding: 10px;}
    /* .board-form .form-field .th {width: 110px;}
    .board-form .form-field .td {width: calc(100% - 110px);} */
    .board-form .form-field .td * {font-size: 14px;}
    .board-form .form-field .td .pw-input {display:block;}
    .board-form .form-field .td .pw-input.mr-10 {margin-right:0; margin-bottom:5px;}
    .board-form .form-field .td .form-input {width: 100%;}
    .board-form .form-field .td input[type="password"] + input[type="checkbox"] + label {margin-top: 5px;}
    .board-form .form-field .td input[type="tel"] {width: calc((100% - 30px) / 3);}
    .board-form .form-field .td .addr:nth-child(1) {width: 100%;}
    .board-form .form-field .td .addr:nth-child(n + 2) {margin-top: 5px;}
    .board-form .form-field .td .addr:nth-child(1) input {width: calc(100% - 93px);}
    .board-form .form-field .td .addr button {width: 90px; height: 35px; line-height: 35px; font-size: 12px;  margin-left: 3px;}
    .board-form .form-field .td .preven > div {width: 100%;}
    .board-form .form-field .td .preven > div input {width: calc(100% - 55px); height: 35px;}
    .board-form .form-field .td .preven > div .button {font-size: 12px;}
    .board-form .form-field .td .preven > div .button.green {height: 35px; line-height: 35px;}

    .board-form.type1 {border-color: #000;}
    .board-form.type1 .form-field:nth-child(n + 2) {border-top: 0;}
    .board-form.type1 .form-field .th,
    .board-form.type1 .form-field .td {display: block; width: 100%; padding: 15px 5px;}
    .board-form.type1 .form-field .th {padding-bottom: 5px;}
    .board-form.type1 .form-field .td {padding: 0;}
    .board-form.type1 .form-field:last-child .td {padding-bottom: 15px;} 
    
    /* Popup */
    .pop .pop-header .close-btn {width: 15px; height: 15px; background-size: contain;}
    
    /* 자동등록방지 */
    .preven > div:first-child {margin-bottom: 5px;}
    .preven > div img {margin-bottom: 5px;}
    
    /* Top Banner */
	.top-banner .close-area .close-btn i {font-size:22px;}
}
.mb-18{
    margin-bottom: 18px !important;
}
#content .board-search{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:18px 0 22px;
  margin:0px;
}


#content .board-search select.select{
  height:44px;
  min-width:160px;
  padding:0 42px 0 16px;
  border:1px solid #E6E8EE;
  border-radius:6px;
  background:#fff;
  font-size:14px;
  outline:none;

  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%239AA1AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}

#content .board-search select.select:focus{
  border-color:#C9CEDA;
}


#content .board-search .search-input{
  display:flex;
  align-items:center;
  width:min(520px, 48vw);
  height:44px;
  padding:0 10px 0 14px;
  border:1px solid #E6E8EE;
  border-radius:6px;
  background:#fff;
  box-sizing:border-box;
}


#content .board-search .search-input .serInput{
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
}

#content .board-search .search-input .serInput::placeholder{
  color:#9AA1AE;
}

#content .board-search .search-input button[class*="btn-cmmn-prcs-search"]{
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  font-size: 0;
  line-height: 0;

  background-image: url(/images/hmpg/main/icon-search.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}


#content .board-search .search-input button[class*="btn-cmmn-prcs-search"]:hover{
  background-color:#F5F6FA;
}
.table-scroll{
  width:100%;
}

@media (max-width: 767px){
	#gnb .gnb-sub-right .care-stack.is-open > a,
	#gnb .gnb-sub-right .care-stack.is-open .gnb-sub-panel a {
	  color: #E96271 !important;
	}
	#gnb .gnb-sub-right--care .care-stack.is-open > a.gnb-sub-trigger__btn::before, #gnb .gnb-sub-right--care .care-stack:focus-within > a.gnb-sub-trigger__btn::before{
		display:none !important;
	}
	.care-stack.is-child-active > .gnb-sub-trigger__btn{
	  color:#E96271 !important;
	}
	.culture-bulletin__select {
       width: 100% !important;
   }
   .culture-bulletin__date-input input{
   		width: 100% !important;
   }
  .table-scroll{
	   overflow-x:auto;
	   -webkit-overflow-scrolling:touch;
  }
  .care-stack.is-open > .gnb-sub-trigger__btn{
  color:#E96271 !important;
}
  
  .culture-bulletin__date-input {
    width: 100% !important;
	}
  #content .board-search{
    flex-direction:column;
    align-items:stretch;
    padding:14px 0 18px;
  }
  #content .board-search select.select{
    min-width:0;
    width:100%;
  }
  #content .board-search .search-input{
    width:100% !important;
  }
}


.list{
  width:100%;
  border-top: 1px solid #D3D4DB;
  border-collapse:separate;
  border-spacing:0;
}

.list thead th {
  background: #F8F9FB;
  color: #181818;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  padding: 16px 12px;
  border-bottom: 1px solid #c8c8c8;
}
.list tbody td{
  padding:18px 12px;
  font-size:14px;
  text-align: center;
  border-bottom:1px solid #EEF0F4;
  vertical-align:middle;
}

.list tbody tr:hover{
  background:#FAFBFF;
}

.list .col-title{
  max-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ===== Pagination ===== */
.pagination{
  display: flex;
  gap: 8px;
  margin-top: 22px;
  flex-wrap: wrap;
  row-gap: 8px;
  justify-content: center;
}
@media (max-width: 480px){
  .pagination{
    justify-content: flex-start !important;
  }
  #content .pagination{
    width: 100% !important;
  }
  
  #board-write .write-con textarea{
  	height: 300px !important;
  }
}
.pagination a,
.pagination button{
  width:36px;
  height:36px;
  border:1px solid #E6E8EE;
  background:#fff;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  cursor:pointer;
  color:#181818;
  transition: all .2s ease;
}

.pagination .is-active{
  background:#FF4B7D;
  border-color:#FF4B7D;
  color:#fff;
}
#content {
  width: 100%;
}

#content .content-wrap{
  max-width: 1250px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
}

#content .pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding:16px 0;
  background:transparent !important;
}



#content .pagination strong{
  background:#FF4B7D;
  border-color:#FF4B7D;
  color:#fff;
  font-weight:600;
}

#content .pagination a:hover {
    background: #E96271;
    color: #fff;
}
#content .pagination .on {
    background: #E96271;
    color: #fff;
}
.tel-link {
    text-decoration: underline !important;
    color:#111827 !important;
}
#content .pagination img{
  display:none !important;
}
#content .pagination a.control {
   background-repeat: no-repeat;
   background-position: center;
   background-size: 8px 16px;
}
#content .pagination a.control.last{background-size: 13px 14px !important;}
#content .pagination a.control.first{background-size: 13px 16px !important;}
#content .pagination a.control.first{ background-image:url('/images/hmpg/common/pageberforeLeft.png'); }
#content .pagination a.control.prev { background-image:url('/images/hmpg/common/pageberfore.png'); }
#content .pagination a.control.next { background-image:url('/images/hmpg/common/pageafter.png'); }
#content .pagination a.control.last { background-image:url('/images/hmpg/common/pageafterRight.png'); }

/* hover/focus */
#content .pagination a.control.first:hover,
#content .pagination a.control.first:focus{ background-image:url('/images/hmpg/common/pageberforeLeft-w.png'); }

#content .pagination a.control.prev:hover,
#content .pagination a.control.prev:focus{ background-image:url('/images/hmpg/common/pageberfore-hover.png'); }

#content .pagination a.control.next:hover,
#content .pagination a.control.next:focus{ background-image:url('/images/hmpg/common/pageafter-hover.png'); }

#content .pagination a.control.last:hover,
#content .pagination a.control.last:focus{ background-image:url('/images/hmpg/common/pageafterRight-w.png'); }
#content .pagination span{
  color:#9AA1AE;
  background:#F7F8FA;
  cursor:default;
}

/* 캘린더  커스텀 css */
/* :root{
  --card:#fff;
  --line:#e9ecef;
  --text:#111;
  --sub:#8a8f98;
  --fc-neutral-bg-color: hsl(0deg 0% 100% / 30%) !important;  
  --c-library:#26a6a1;
  --c-care:#f5b400;
  --c-company:#E96271;

  --sel:#E96271;
}

.progrmCldr.page{
  max-width: 1200px;
  margin: 0 auto;
  padding: 35px 16px 48px;
}
.progrmCldr .fc .fc-daygrid-day-top{
    justify-content: center;
}
.progrmCldr .pageHeader h1{
  margin:0;
  font-size: 32px;
  letter-spacing: -0.02em;
}
.progrmCldr .breadcrumb{
  margin-top: 10px;
  color: var(--sub);
  font-size: 13px;
  display:flex;
  gap:8px;
  align-items:center;
}
.progrmCldr .breadcrumb .sep{opacity:.5}

.progrmCldr .card{
  margin-top: 18px;
  background: var(--card);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.03);
  overflow:hidden;
  transform: translateY(8px);
  opacity: 0;
  animation: programcal_cardIn .45s ease forwards;
}
@keyframes programcal_cardIn{
  to{transform:translateY(0); opacity:1;}
}

.progrmCldr .grid{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  min-height: 540px;
}

.progrmCldr .left{
  padding: 18px 18px 10px;
}

.progrmCldr .right{
  padding: 18px;
  border-left: 1px solid var(--line);
  position: relative;
}

.progrmCldr .sideHead{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
}
.progrmCldr .sideTitle{
  margin:0;
  font-size: 18px;
  letter-spacing:-0.01em;
}
.progrmCldr .sideHint{
  color: var(--sub);
  font-size: 13px;
  white-space: nowrap;
  transition: opacity .2s ease, transform .2s ease;
}

.progrmCldr .scheduleWrap{
  position: relative;
  margin-top: 14px;
}

.progrmCldr .scheduleList{
  list-style:none;
  padding:0;
  margin: 0;
  display:grid;
  gap: 18px;
  transition: opacity .18s ease;
}

.progrmCldr .scheduleList.updating{
  opacity: .35;
  filter: blur(0.2px);
}

.progrmCldr .scheduleItem{
  cursor:pointer;
  background:#fff;
  border-radius: 12px;
  padding: 6px 4px;
  transform: translateY(6px);
  opacity: 0;
  animation: programcal_itemIn .28s ease forwards;
  transition: transform .12s ease;
}
@keyframes programcal_itemIn{
  to{transform:translateY(0); opacity:1;}
}

.progrmCldr .scheduleItem:hover{
  transform: translateY(-1px);
}

.progrmCldr .itemTop{
  display:flex;
  align-items:center;
  gap: 8px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-size: 17px;
}
.progrmCldr .badgeDot{
  width:8px;height:8px;border-radius:999px;flex:0 0 auto;
  box-shadow: 0 0 0 4px rgba(0,0,0,0);
  transition: box-shadow .2s ease;
}
.progrmCldr .scheduleItem:hover .badgeDot{
  box-shadow: 0 0 0 4px rgba(0,0,0,.04);
}

.progrmCldr .itemDay{
  font-weight:700;
  color:#111;
  white-space:nowrap;
}
.progrmCldr .itemPlace{
  font-weight:700;
  color:#111;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.progrmCldr .itemChev{
  color:var(--sub);
  font-size: 20px;
  flex: 0 0 auto;
  transform: translateX(0);
  transition: transform .18s ease;
}
.progrmCldr .scheduleItem:hover .itemChev{
  transform: translateX(2px);
}

.progrmCldr .meta{
  font-size: 15px;
  color: var(--sub);
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 66px;
}
.progrmCldr .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 0.5em;
}
.progrmCldr .empty{
  padding: 16px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--sub);
  font-size: 14px;
  background: #fafafa;
  transform: translateY(6px);
  opacity: 0;
  animation: programcal_itemIn .28s ease forwards;
}

.progrmCldr .legend{
  display:flex;
  gap: 14px;
  align-items:center;
  padding: 12px 2px 6px;
  color: var(--sub);
  font-size: 13px;
}
.progrmCldr .legend .lg{
  display:inline-flex;
  align-items:center;
  gap: 7px;
}
.progrmCldr .legend i{
  width:8px;height:8px;border-radius:999px;display:inline-block;
}

.progrmCldr .programClderContent{ width:100%; }

.progrmCldr .cat-library{ background: var(--c-library); }
.progrmCldr .cat-care{ background: var(--c-care); }
.progrmCldr .cat-company{ background: var(--c-company); }

.progrmCldr .calDot{
  width:9px;height:9px;border-radius:999px;display:inline-block;
  transform: scale(1);
  transition: transform .15s ease, filter .15s ease;
}
.progrmCldr .fc .fc-daygrid-day:hover .calDot{
  transform: scale(1.08);
  filter: saturate(1.05);
}

.progrmCldr .fc{ font-size: 14px; }

.progrmCldr .fc .fc-header-toolbar {
    margin-bottom: 12px !important;
    padding: 12px 10px;
    background: #F8F9FB;
    border-radius: 12px;
}
.margin-left-10{margin-left: 10px;}
.progrmCldr .fc .fc-button{
  border: 1px solid var(--line) !important;
  background: #fff !important;
  color:#111 !important;
  border-radius: 999px !important;
  width: 36px;
  height: 36px;
  padding: 0 !important;
  box-shadow:none !important;
  transition: transform .12s ease, background .12s ease;
}
.progrmCldr .fc .fc-button:hover{
  transform: translateY(-1px);
  background: #ffffff !important;
}
.progrmCldr .fc .fc-button:focus,
.progrmCldr .fc .fc-button:active{ box-shadow:none !important; outline:none !important; }

.progrmCldr .fc .fc-toolbar-title{
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing:-0.01em;
}

.progrmCldr .fc-theme-standard .fc-scrollgrid{ border:0 !important; }
.progrmCldr .fc-theme-standard td,
.progrmCldr .fc-theme-standard th{ border:0 !important; }

.progrmCldr .fc .fc-col-header-cell-cushion{
  padding: 14px 0 10px !important;
  color:#111;
  font-weight: 700;
  font-size: 13px;
}

.progrmCldr .fc .fc-daygrid-day-frame{
  min-height: 76px;
  padding: 10px 6px 8px;
  border-radius: 12px;
  transition: background .18s ease, transform .18s ease;
}
.progrmCldr .fc .fc-daygrid-day:hover .fc-daygrid-day-frame{
  background: rgba(17,17,17,.02);
}

.progrmCldr .fc .fc-daygrid-day-number{
  float:none !important;
  display:block !important;
  padding: 2px 0 6px !important;
  text-align:center !important;
  color:#111;
  font-size: 14px;
  font-weight: 600;
}

.progrmCldr .fc .fc-daygrid-day.fc-day-other{
  opacity: 0;
  pointer-events:none;
}

.progrmCldr .fc .fc-day-today{
  background: transparent !important;
}

.progrmCldr .fc .fc-daygrid-event{
  background: transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.progrmCldr .fc .fc-daygrid-event .fc-event-time,
.progrmCldr .fc .fc-daygrid-event .fc-event-title{
  display:none !important;
}

.progrmCldr .fc .fc-daygrid-day-events {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 4px;
    margin-left: 10px;
    flex-direction: row;
    align-items: center;
}
.progrmCldr .fc .fc-daygrid-event-harness{ width:auto !important; }
.progrmCldr .fc .fc-daygrid-more-link{ display:none !important; }

.progrmCldr .fc .fc-daygrid-day.selectedDay .fc-daygrid-day-frame{
  box-shadow: inset 0 0 0 2px var(--sel);
  background: rgba(255,90,138,.03);
}
@media (max-width: 640px){
  .progrmCldr.page{padding:0px 20px 32px;}
  .progrmCldr .left{padding: 0px 0px 10px !important;}
  .progrmCldrHero{background-image:none;padding:0px; min-height: auto;background-color: unset;}
  .progrmCldrHero .heroInner{ text-align: left; }
  .heroBreadcrumb{display: none !important;}
  .progrmCldrHero .heroTitle{ font-size: 26px; padding: 24px 20px 0px;}
}

@media (max-width: 1250px){
  .progrmCldr .grid{ grid-template-columns: 1fr; }
  .progrmCldr .right{ border-left:0; border-top:1px solid var(--line); }
}

.progrmCldr .fc .fc-col-header-cell-cushion{text-decoration: none;}
.progrmCldr .fc .fc-daygrid-day-number{text-decoration:none;}
*/

.progrmCldr .right{
  padding: 18px;
  border-left: 1px solid var(--line);
  position: relative;
}

.progrmCldr .sideHead{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
}
.progrmCldr .sideTitle{
  margin:0;
  font-size: 18px;
  letter-spacing:-0.01em;
}
.progrmCldr .sideHint{
  color: var(--sub);
  font-size: 13px;
  white-space: nowrap;
  transition: opacity .2s ease, transform .2s ease;
}

.progrmCldr .scheduleWrap{
  position: relative;
  margin-top: 14px;
}

.progrmCldr .scheduleList{
  list-style:none;
  padding:0;
  margin: 0;
  display:grid;
  gap: 18px;
  transition: opacity .18s ease;
}

.progrmCldr .scheduleList.updating{
  opacity: .35;
  filter: blur(0.2px);
}

.progrmCldr .scheduleItem{
  cursor:pointer;
  background:#fff;
  border-radius: 12px;
  padding: 6px 4px;
  transform: translateY(6px);
  opacity: 0;
  animation: programcal_itemIn .28s ease forwards;
  transition: transform .12s ease;
}
@keyframes programcal_itemIn{
  to{transform:translateY(0); opacity:1;}
}

.progrmCldr .scheduleItem:hover{
  transform: translateY(-1px);
}

.progrmCldr .itemTop{
  display:flex;
  align-items:center;
  gap: 8px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-size: 18px;
}
.progrmCldr .badgeDot{
  width:8px;height:8px;border-radius:999px;flex:0 0 auto;
  box-shadow: 0 0 0 4px rgba(0,0,0,0);
  transition: box-shadow .2s ease;
}
.progrmCldr .scheduleItem:hover .badgeDot{
  box-shadow: 0 0 0 4px rgba(0,0,0,.04);
}

.progrmCldr .itemDay{
  font-weight:700;
  color:#111;
  white-space:nowrap;
}
.progrmCldr .itemPlace{
  font-weight:700;
  color:#111;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.progrmCldr .itemChev{
  color:var(--sub);
  font-size: 20px;
  flex: 0 0 auto;
  transform: translateX(0);
  transition: transform .18s ease;
}
.progrmCldr .scheduleItem:hover .itemChev{
  transform: translateX(2px);
}

.progrmCldr .meta{
  font-size: 16px;
  color: var(--sub);
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 66px;
}
.progrmCldr .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 0.5em;
}
.progrmCldr .empty{
  padding: 16px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--sub);
  font-size: 14px;
  background: #fafafa;
  transform: translateY(6px);
  opacity: 0;
  animation: programcal_itemIn .28s ease forwards;
}

.progrmCldr .legend{
  display:flex;
  gap: 14px;
  align-items:center;
  padding: 12px 2px 6px;
  color: var(--sub);
  font-size: 13px;
}
.progrmCldr .legend .lg{
  display:inline-flex;
  align-items:center;
  gap: 7px;
}
.progrmCldr .legend i{
  width:8px;height:8px;border-radius:999px;display:inline-block;
}

.progrmCldr .programClderContent{ width:100%; }

.progrmCldr .cat-library{ background: var(--c-library); }
.progrmCldr .cat-care{ background: var(--c-care); }
.progrmCldr .cat-company{ background: var(--c-company); }

.progrmCldr .calDot{
  width:9px;height:9px;border-radius:999px;display:inline-block;
  transform: scale(1);
  transition: transform .15s ease, filter .15s ease;
}
.progrmCldr .fc .fc-daygrid-day:hover .calDot{
  transform: scale(1.08);
  filter: saturate(1.05);
}

.progrmCldr .fc{ font-size: 14px; }

.progrmCldr .fc .fc-header-toolbar {
    margin-bottom: 12px !important;
    padding: 12px 10px;
    background: #F8F9FB;
    border-radius: 12px;
}
.margin-left-10{margin-left: 10px;}
.progrmCldr .fc .fc-button{
  border: 1px solid var(--line) !important;
  background: #fff !important;
  color:#111 !important;
  border-radius: 999px !important;
  width: 36px;
  height: 36px;
  padding: 0 !important;
  box-shadow:none !important;
  transition: transform .12s ease, background .12s ease;
}
.progrmCldr .fc .fc-button:hover{
  transform: translateY(-1px);
  background: #ffffff !important;
}
.progrmCldr .fc .fc-button:focus,
.progrmCldr .fc .fc-button:active{ box-shadow:none !important; outline:none !important; }

.progrmCldr .fc .fc-toolbar-title{
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing:-0.01em;
}

.progrmCldr .fc-theme-standard .fc-scrollgrid{ border:0 !important; }
.progrmCldr .fc-theme-standard td,
.progrmCldr .fc-theme-standard th{ border:0 !important; }

.progrmCldr .fc .fc-col-header-cell-cushion{
  padding: 14px 0 10px !important;
  color:#111;
  font-weight: 700;
  font-size: 13px;
}

.progrmCldr .fc .fc-daygrid-day-frame{
  min-height: 76px;
  padding: 10px 6px 8px;
  border-radius: 12px;
  transition: background .18s ease, transform .18s ease;
}
.progrmCldr .fc .fc-daygrid-day:hover .fc-daygrid-day-frame{
  background: rgba(17,17,17,.02);
}

.progrmCldr .fc .fc-daygrid-day-number{
  float:none !important;
  display:block !important;
  padding: 2px 0 6px !important;
  text-align:center !important;
  color:#111;
  font-size: 14px;
  font-weight: 600;
}

.progrmCldr .fc .fc-daygrid-day.fc-day-other{
  opacity: 0;
  pointer-events:none;
}

.progrmCldr .fc .fc-day-today{
  background: transparent !important;
}

.progrmCldr .fc .fc-daygrid-event{
  background: transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.progrmCldr .fc .fc-daygrid-event .fc-event-time,
.progrmCldr .fc .fc-daygrid-event .fc-event-title{
  display:none !important;
}

.progrmCldr .fc .fc-daygrid-day-events {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 4px;
    margin-left: 10px;
    flex-direction: row;
    align-items: center;
}
.progrmCldr .fc .fc-daygrid-event-harness{ width:auto !important; }
.progrmCldr .fc .fc-daygrid-more-link{ display:none !important; }

.progrmCldr .fc .fc-daygrid-day.selectedDay .fc-daygrid-day-frame{
  box-shadow: inset 0 0 0 2px var(--sel);
  background: rgba(255,90,138,.03);
}
@media (max-width: 640px){
  .progrmCldr.page{padding:0px 20px 32px;}
  .progrmCldr .left{padding: 0px 0px 10px !important;}
  .progrmCldrHero{background-image:none;padding:0px; min-height: auto;background-color: unset;}
  .progrmCldrHero .heroInner{ text-align: left; }
  .heroBreadcrumb{display: none !important;}
  .progrmCldrHero .heroTitle{ font-size: 26px; padding:10px 0px;}
   .reserveMenuTabs {
    grid-template-columns: repeat(2, 1fr) !important;
}
	.rsvf-item{
		width:100% !important;
	}
	.progrmCldr .right {
        padding: 10px 0px !important;
	}
}
.ubox-reserve-icons .right{
	border-left:0 !important;
}
@media (max-width: 1250px){
    .progrmCldr-style .grid {
        display: flex !important;
        flex-direction: column !important;
    }
    .rsvf-wrap{
    	display: flex !important;
        flex-direction: column !important;
    }
}
@media (max-width: 1250px){
  .progrmCldr .grid{ grid-template-columns: 1fr; }
  .progrmCldr .right{ border-left:0; border-top:1px solid var(--line); }
}
@media (max-width: 340px){

  .progrmCldr .grid{ grid-template-columns: 1fr; }
  .progrmCldr .right{ border-left:0; border-top:1px solid var(--line); }
}
.progrmCldr .fc .fc-col-header-cell-cushion{text-decoration: none;}
.progrmCldr .fc .fc-daygrid-day-number{text-decoration:none;}

.progrmCldr .programClderContent,
.progrmCldr #centerSchdulCalendar0{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.progrmCldr #centerSchdulCalendar0 .fc-scroller{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.progrmCldr #centerSchdulCalendar0 .fc-view-container,
.progrmCldr #centerSchdulCalendar0 .fc-view,
.progrmCldr #centerSchdulCalendar0 .fc-body{
  overflow: visible !important;
}

.progrmCldr #centerSchdulCalendar0 .fc-basic-view .fc-body .fc-row{
  min-height: 110px;
}

.progrmCldr #centerSchdulCalendar0 .fc-basic-view table{
  table-layout: fixed;
}
/* ===========================
 프로그램 캘린더
=========================== */
:root{
  --card:#fff;
  --line:#e9ecef;
  --text:#111;
  --sub:#8a8f98;
  --sel:#E96271;
  --today: rgba(245,180,0,.16);
}
.progrmCldr.page{
  max-width:1200px;
  margin:0 auto;
  padding:35px 16px 48px;
}
.progrmCldr .card {
    margin-top: 18px;
    background: var(--card);
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, .03); */
    overflow: hidden;
    border: none;
}
.progrmCldr .grid{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  min-height:540px;
}
.progrmCldr .left{ padding:18px 18px 18px 0px; }
.progrmCldr .right{
  padding:18px 10px 18px 18px;
  border-left:1px solid var(--line);
}
.intro-hero__content .danger{
    color: #F20800;
    font-size: 15px;
}
@media (max-width:750px){
	.progrmCldr #centerSchdulCalendar0 .fc-basic-view .fc-body .fc-row{
	  min-height: 70px !important;
	}
}
.progrmCldr .legend{
  display:flex;
  gap:14px;
  align-items:center;
  padding: 12px 2px 12px 12px;
  color:var(--sub);
  font-size:13px;
}
.progrmCldr .legend .lg{ display:inline-flex; align-items:center; gap:7px; }
.progrmCldr .legend i{ width:8px;height:8px;border-radius:999px;display:inline-block; }
.progrmCldr .cat-library{ background:#26a6a1; }
.progrmCldr .cat-care{ background:#f5b400; }
.progrmCldr .cat-company{ background:#E96271; }
@media (max-width:1250px){
  .progrmCldr .grid{ grid-template-columns:1fr; }
  .progrmCldr .right{ border-left:0; border-top:1px solid var(--line); }
}
.progrmCldr .fc{ font-size:14px; }
.progrmCldr .fc a{ text-decoration:none !important; }
.fc-toolbar{}

.progrmCldr .fc .fc-toolbar{
  padding:20px 10px;
  background:#F8F9FB;
  border-radius:12px;
  position:relative;
}

.fc-day-top.hasDots {
  position: relative !important;
}
.operNmprDot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  vertical-align:middle;
}

.fc-day-top .dotContent {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 45px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    gap: 4px !important;
    pointer-events: none !important;
}
.fc-day-top .eventDot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #d0d3db;
}
.fc-day-grid-event .dotContent {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 45px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    gap: 4px !important;
    pointer-events: none !important;
}
.fc-day-grid-event .eventDot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #d0d3db;
}
.radio-custom{
  display:flex;
  align-items:center;
}

.radio-custom input[type="radio"]{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
}
.radio-custom label{
  display:inline-flex;
  align-items:center;
  line-height:1;
  cursor:pointer;
  gap:6px;
}

.radio-custom label::before{
  content:"";
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid #000;
  background:#fff;
  box-sizing:border-box;
  display:inline-block;
  flex:0 0 16px;
}

.td .radio-custom{
  margin:6px 0;
}

.radio-custom > label{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1.2 !important;
  padding:2px 0 !important;
}

.radio-custom > label::before{
  transform:translateY(1px);
}

.radio-custom > label{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
  vertical-align:middle !important;
  margin:0 !important;
  padding:0 !important;
}

.radio-custom > label::before{
  flex:0 0 16px;
  margin:0 6px 0 0 !important;
  transform:translateY(1px);
}

.radio-custom input[type="radio"]:checked + label::before{
  border-color:#E96271;
  background:radial-gradient(circle at center, #E96271 0 5px, #fff 6px);
}

.red{background:#f40000 !important;}
.orange{background:#f5b400 !important;}
.pink{background:#E96271 !important;}
.yellow{background:#ffd600 !important;}
.green{background:#4caf50 !important;}
.purple{background:#9c27b0 !important;}
.brown{background:#795548 !important;}
.coolGray{background:#868897 !important;}

.progrmCldr .fc .fc-toolbar .fc-left {
  float: none !important;
  text-align: center !important;
  width: 100% !important;
}

.progrmCldr .fc .fc-toolbar .fc-left{
  width:100%;
  text-align:center;
}
.progrmCldr .
.progrmCldr .fc .fc-toolbar .fc-left h2 {
	margin: 0 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	/* letter-spacing: -0.01em; */
	text-align: center;
	float: none;
}

.progrmCldr .fc .fc-toolbar .fc-right{
  float:none !important;
  position:absolute;
  left:0; right:0;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}
.progrmCldr .fc .fc-toolbar .fc-right .fc-button{
  pointer-events:auto;
}
.progrmCldr .fc .fc-today-button{ display:none !important; }

.progrmCldr .fc .fc-prev-button,
.progrmCldr .fc .fc-next-button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px; height:44px;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  box-shadow:none !important;
  padding:0 !important;
}
.progrmCldr .fc .fc-prev-button{ left:12px; }
.progrmCldr .fc .fc-next-button{ right:12px; }

.progrmCldr .fc .fc-button:hover{ transform:translateY(-50%) translateY(-1px); }

.progrmCldr .fc-unthemed th,
.progrmCldr .fc-unthemed td{ border:0; }

.progrmCldr .fc th{
  padding:14px 0 10px !important;
  color:#111;
  font-weight:700;
  font-size:13px;
}

.progrmCldr .fc .fc-row .fc-bg table,
/*
.progrmCldr .fc .fc-row .fc-content-skeleton table{
  border-collapse:separate !important;
  border-spacing:16px 16px !important;
}*/
.progrmCldr .fc .fc-bg td.fc-day{
  position:relative;
}
.progrmCldr .fc .fc-bg td.fc-day:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:6px;
  background:transparent;
  transition:background .18s ease, box-shadow .18s ease;
}
.progrmCldr .fc .fc-bg td.fc-day:hover:before{
  background:rgba(17,17,17,.02);
}

.progrmCldr .fc .fc-bg td.fc-today:before{
  background:var(--today);
}

.progrmCldr .fc .fc-bg td.fc-day.selectedDay:before{
  box-shadow: inset 0 0 0 2px var(--sel);
  background: rgba(255,90,138,.03);
  z-
}

.progrmCldr .fc .fc-content-skeleton td.fc-day-top{
  text-align:center;
  vertical-align:top;
  padding-top:10px;
}
.progrmCldr .fc .fc-day-number{
  float:none !important;
  display:inline-block !important;
  padding:2px 0 6px !important;
  font-size:14px;
  font-weight:600;
  color:#111;
}

.progrmCldr .fc .fc-other-month{
  opacity:0;
  pointer-events:none;
}
.line-40{
  line-height: 40px !important;	
}
/*
.progrmCldr .fc .fc-title,
.progrmCldr .fc .fc-time,
.progrmCldr .fc .fc-content{
  display:none !important;
}*/
.progrmCldr .fc .fc-resizer{ display:none !important; }
.progrmCldr .fc .fc-more{ display:none !important; }
/*
.progrmCldr .fc .fc-content-skeleton tbody tr:not(:first-child) td{
  padding:0 !important;
  height:14px;
  line-height:0;
}*/
.progrmCldr .fc td.fc-event-container{
  text-align:center;
  vertical-align:top;
  pointer-events: none;
  position:relative;
}
.fc-event{border-radius: 6px !important;}
/*
.progrmCldr .fc td.fc-event-container:not([colspan]) .fc-event,
.progrmCldr .fc td.fc-event-container[colspan="1"] .fc-event{
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  padding:0 !important;
  margin:0 4px !important;
  box-shadow:none !important;
}

.progrmCldr .fc td.fc-event-container[colspan]:not([colspan="1"]) .fc-event{
  position:absolute !important;
  top:2px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.progrmCldr .fc td.fc-event-container[colspan="2"] .fc-event{ left:25% !important; }
.progrmCldr .fc td.fc-event-container[colspan="3"] .fc-event{ left:16.666% !important; }
.progrmCldr .fc td.fc-event-container[colspan="4"] .fc-event{ left:12.5% !important; }
.progrmCldr .fc td.fc-event-container[colspan="5"] .fc-event{ left:10% !important; }
.progrmCldr .fc td.fc-event-container[colspan="6"] .fc-event{ left:8.333% !important; }
.progrmCldr .fc td.fc-event-container[colspan="7"] .fc-event{ left:7.142% !important; }

.progrmCldr .fc .fc-content-skeleton tbody tr:nth-child(2) td.fc-event-container .fc-event{
  transform: translateX(0) !important;
}
.progrmCldr .fc .fc-content-skeleton tbody tr:nth-child(3) td.fc-event-container .fc-event{
  transform: translateX(-10px) translateY(-14px) !important;
}
.progrmCldr .fc .fc-content-skeleton tbody tr:nth-child(4) td.fc-event-container .fc-event{
  transform: translateX(10px) translateY(-28px) !important;
}

.progrmCldr .fc-basic-view .fc-body .fc-row{
  min-height:110px;
}*/



.progrmCldr{
  --line:#e9ecef;
  --sel:#E96271;
}


.progrmCldr .fc td.fc-today{ background: transparent !important; }


.progrmCldr .fc td.fc-other-month{
  opacity: 0;
  pointer-events: none;
}


.progrmCldr .fc td.fc-day{
  position: relative;
  vertical-align: top;
}


.progrmCldr .fc td.fc-day:hover:before{
  background: rgba(17,17,17,.02);
}
.progrmCldr .fc td.fc-day.selectedDay:before{
  background: rgba(255,90,138,.03);
  box-shadow: inset 0 0 0 2px var(--sel);
  pointer-events: none;
}
/*
.progrmCldr .fc .fc-day-number{
  float: none !important;
  display: block !important;
  text-align: center !important;
  font-weight: 600;
  position: relative;
  z-index: 1;
  padding-top: 6px;
  text-decoration: none;
}

.progrmCldr .fc td.fc-day .dotWrap{
  position: absolute;
  left: 0; right: 0;
  top: 34px;
  display: flex;
  justify-content: center;
  gap: 6px;
  z-index: 1;
  pointer-events: none;
}
.progrmCldr .fc td.fc-day .calDot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}


.progrmCldr .fc .fc-day-grid-event,
.progrmCldr .fc .fc-event{
  display: none !important;
}
*/
.progrmCldr .fc-scroller.fc-day-grid-container{
  height: auto !important;
  overflow: visible !important;
}

.progrmCldr .fc .fc-day-grid-event.barEvent{
  border: 1px solid transparent; /* 색은 eventRender에서 borderColor로 들어감 */
  border-radius: 10px;
  padding: 3px 6px;
  box-shadow: none;
  font-size: 12px;
  line-height: 1.2;
}

.progrmCldr .fc .fc-day-grid-event.barEvent .fc-content{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* 현버전  */


/* =========================
   초등 돌봄시설 찾기
   ========================= */
.ccp-page{
  --pink:#E96271;
  --pink-bg:#FFF2F6;
  --border:#E6E8EE;
  --text:#181818;
  --muted:#6B7280;
  --bg:#F7F8FA;

  color:var(--text);
  padding: 30px 0px;
}

/* 상단 탭 */
.ccp-page .ccp-top-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:30px 0 20px;
}

.ccp-page .ccp-tab{
  position:relative;
  height:38px;
  padding:0 45px;
  border:1px solid var(--border);
  border-radius:6px;
  background:#fff;
  font-size:13px;
  cursor:pointer;
  color:#374151;
  transition: background-color .22s ease,
              border-color .22s ease,
              color .22s ease,
              box-shadow .22s ease,
              transform .22s ease;
  will-change: transform;
}
.ccp-page .ccp-tab:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(17,24,39,.06);
}
.ccp-page .ccp-tab.is-active{
  box-shadow: 0 8px 18px rgba(253,100,146,.12);
  border:1px solid var(--pink);
  background:var(--pink-bg);
  color:var(--pink);
  font-weight:700;
}

.ccp-page .ccp-tab::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 48%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pink);
    opacity: 0;
    transform: translateY(6px) scale(.6);
    transition: opacity .22s ease, transform .22s ease;
}

.ccp-page .ccp-tab.is-active::before{
  opacity:1;
  transform: translateY(0) scale(1);
}

.ccp-page .ccp-desc{
  position:relative;
  border:1px solid var(--border);
  background:#FAFBFF;
  border-radius:12px;
  padding:14px 16px;
  font-size:13px;
  color:#4B5563;
  line-height:1.55;

  transition: opacity .20s ease, transform .20s ease;
  will-change: opacity, transform;
}
.ccp-page .ccp-desc::before{
  content:"";
  position:absolute;
  top:-8px;
  left:60px;
  width:14px;
  height:14px;
  background:#FAFBFF;
  border-left:1px solid var(--border);
  border-top:1px solid var(--border);
  transform: rotate(45deg);
  border-top-left-radius:2px;
}
.ccp-page .ccp-desc.is-switching{
  opacity:0;
  transform: translateY(6px);
}
.ccp-page .ccp-filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 40px 0px;
}

.ccp-page .ccp-selects{
  display:flex;
  gap:10px;
}

.ccp-page .ccp-select{
  height:44px;
  min-width:110px;
  padding:0 40px 0 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  font-size:14px;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%239AA1AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
}

.ccp-page .ccp-searchbox{
  display:flex;
  align-items:center;
  min-width: 250px;
  height:44px;
  padding:0 10px 0 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  box-sizing:border-box;
}

.ccp-page .ccp-search-input{
  flex:1;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  font-size:14px;
}

.ccp-page .ccp-search-btn{
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  cursor:pointer;
  border-radius:8px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23111827' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' stroke='%23111827' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  margin-right: 10px;
}

/* 카운트 */
.ccp-page .ccp-result-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 0 6px;
}
.ccp-page .ccp-count{
  font-size:20px;
  font-weight:600;
}
.ccp-page .ccp-count em{
  font-style:normal;
  color:var(--pink);
  margin:0 2px;
}

/* 칩 */
.ccp-page .ccp-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:8px 0 14px;
}

.ccp-page .ccp-chip {
	height: 50px;
	padding: 0px 25px;
	border: 1px solid var(--border);
	border-radius: 6px;
	background: #fff;
	font-size: 15px;
	cursor: pointer;
	color: #374151;
}
.ccp-page .ccp-chip.is-active{
  border:1px solid #E96271;
  background:#E96271;
  color:#fff;
  font-weight:700;
}



.ccp-card-list-top {
  display: flex;
  gap: 12px;
}



.ccp-card-list-top .ccp-card {
  flex: 0 0 auto;
}


.ccp-page .ccp-card-list-top::-webkit-scrollbar {
  display: none;
}

.ccp-page .ccp-card-list-top .ccp-card {
    position: relative;
    flex: 0 0 190px;
    height: 105px;
    min-height: 115px;
    padding: 15px 18px 20px;
    border-radius: 6px;
    border: 1px solid #D3D4DB;
    background-color: #F8F9FB;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.ccp-page .ccp-card-list-top .ccp-card-title {
    font-size: 16px;
    /* font-weight: 600; */
    color: var(--text-main);
    margin-bottom: 4px;
    color: #000;
    transition: all 0.2s ease;
}

.ccp-page .ccp-card-list-top .ccp-card-desc {
    font-size: 18px;
    color: #868897;
}

.ccp-page .ccp-card-list-top .ccp-card-cta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
}
.ccp-card-list-top-wrap{position:relative;}
.ccp-card-list-top-wrap:before,.ccp-card-list-top-wrap:after{content:"";position:absolute;top:0;    bottom: 0px; width:50px;pointer-events:none;opacity:0;transition:.2s;z-index:5;}
.ccp-card-list-top-wrap:before{
  left: 0;
  background: linear-gradient(
    to right,
    rgb(255 255 255) 0%,
    rgb(255 255 255) 70%,
    rgb(255 255 255 / 32%) 100%
  );
}
.sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}


.ccp-card-list-top-wrap:after{
  right: 0;
  background: linear-gradient(
    to left,
    rgb(255 255 255) 0%,
    rgb(255 255 255) 70%,
    rgb(255 255 255 / 32%) 100%
  );
}

.ccp-card-list-top-wrap.has-left:before{opacity:1;}
.ccp-card-list-top-wrap.has-right:after{opacity:1;}


.ccp-page .ccp-card-list-top .ccp-card-cta-icon {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid #D3D4DB;
  background-color: #ffffff;
  position: relative;
  box-sizing: border-box;

  background-image: url('/images/hmpg/content/icon-right-grey.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 10px;
}


.ccp-page .ccp-card-list-top .ccp-card.is-active {
  border-color: var(--pink);
}

.ccp-page .ccp-card-list-top .ccp-card.is-active .ccp-card-title {
  color: var(--pink);
}

.ccp-page .ccp-card-list-top .ccp-card.is-active .ccp-card-cta-icon {
  border-color: var(--pink);
  background-color: var(--pink);
  background-image: url('/images/hmpg/content/icon-right-wh.png');
}
.ccp-page .ccp-card-list-top .ccp-card:hover .ccp-card-cta-icon {
  border-color: #E96271;
  background-color: #E96271;
  background-image: url('/images/hmpg/content/icon-right-wh.png');
}
.ccp-page .ccp-card-list-top .ccp-card.is-active .ccp-card-cta-icon::before {
  border-color: #ffffff;
}

.ccp-page .ccp-card-list-top .ccp-card:hover {
    border-color: #FD6492;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
    background: #FFF2F6;
}

.ccp-page .ccp-card-list-top .ccp-card:hover .ccp-card-title {
  color: #E96271;
}
.ccp-page .ccp-card-list-top .ccp-card:hover .ccp-card-desc {
  color: #E96271;
}
.ccp-page .ccp-card-list-top .ccp-card:hover .ccp-card-cta-icon {
  border-color: #E96271;
  background-color:#E96271;
}

.ccp-page .ccp-card-list-top .ccp-card:hover .ccp-card-cta-icon::before {
  border-color: #ffffff;
}


.ccp-page .ccp-card-divider {
  margin: 24px 0px;
  border-top: 1px dashed #e5e7eb;
}
.ccp-card-swiper {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.ccp-card-swiper .swiper-wrapper {
  touch-action: pan-y;
}
.ccp-page .ccp-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-bottom:10px;
}

.ccp-page .ccp-item{
  display:grid;
  grid-template-columns: 260px 1fr 160px;
  gap:14px;
  align-items:stretch;
}

.ccp-page .ccp-thumb{
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#fff;
  height:100%;
  aspect-ratio: 12 / 9;
}
.ccp-page .ccp-thumb img{
  width:100%;
  height:100%;
  object-fit: contain;
  display:block;
  object-position: center top;
}

.ccp-page .ccp-card{
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:14px 16px;
  min-height:140px;
}

.ccp-page .ccp-badge {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 8px 16px;
    border-radius: 6px;
    line-height: 23px;
    border: 1px solid #E96271;
    /* background: #FFF5F8; */
    color: var(--pink);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ccp-page .ccp-title{
  font-size:24px;
  font-weight:700;
  margin:2px 0 15px;
}

.ccp-page .ccp-meta{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#374151;
  font-size:16px;
}

.ccp-page .ccp-row {
    display: flex;
    gap: 8px;
    line-height: 1.45;
    align-items: center;
}

.ccp-page .ccp-row b{
  min-width:44px;
  font-weight:700;
  color:#111827;
}

.ccp-page .ccp-ic {
  display:inline-block;
  width: 15px;
  height: 14px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.ccp-page .ccp-ic-map{
  background-image:url("/images/hmpg/content/ic-map.png");
}

.ccp-page .ccp-ic-phone{
  background-image:url("/images/hmpg/content/ic-phone.png");
}

.ccp-page .ccp-ic-user{
  background-image:url("/images/hmpg/content/ic-user.png");
}

.ccp-page .ccp-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.ccp-page .ccp-btn {
    width: 140px;
    height: 45px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fff;
    color: #374151;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.ccp-btn {
    width: 140px;
    height: 45px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fff;
    color: #374151;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.ccp-page .ccp-btn:hover{
  background:#F5F6FA;
  border-color:#D7DBE5;
}

.ccp-page .ccp-btn.is-primary{
  background:var(--pink);
  border-color:var(--pink);
  color:#fff;
  font-weight:700;
}
.is-primary{
  background:var(--pink);
  border-color:var(--pink);
  color:#fff;
  font-weight:700;
}
.is-primary:hover{
  background:#F9578E;
  border-color:#F9578E;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(253,100,146,.18);
}
.ccp-page .ccp-btn.is-primary:hover{
  background:#F9578E;
  border-color:#F9578E;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(253,100,146,.18);
}

.ccp-page .ccp-btn.is-disabled,
.ccp-page .ccp-btn:disabled{
  background:#F3F4F6;
  border-color:#E5E7EB;
  color:#9CA3AF;
  cursor:not-allowed;
}
.ccp-page .ccp-btn.is-disabled:hover,
.ccp-page .ccp-btn:disabled:hover{
  background:#F3F4F6;
  border-color:#E5E7EB;
  color:#9CA3AF;
  transform:none;
  box-shadow:none;
}

.ccp-page .ccp-item{
    border:1px solid var(--border);
    border-radius:6px;
    background:#fff;
    overflow:hidden;

    gap:0;
    grid-template-columns: 300px 1fr 200px;
  }

  .ccp-page .ccp-thumb{
    border:0;
    border-radius:0;
    height:100%;
    overflow:hidden;
    background:#F8F9FB !important;
  }
  .ccp-page .ccp-thumb img{
    height:100%;
  }

  .ccp-page .ccp-card{
    border:0;
    border-radius:0;
    min-height:auto;
    padding:18px 20px;
  }

  .ccp-page .ccp-actions{
    align-self:stretch;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    padding:20px;
    
  }

  .ccp-page .ccp-btn{
    width:160px; 
  }

.ccp-page .ccp-btn:not(.is-disabled):not(.is-primary):hover{
  background: var(--pink);
  border-color: var(--pink);
  color:#fff;
  font-weight:700;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(253,100,146,.18);
}
.gnb-sub-left .title {
    font-size: 22px;
    font-weight: bold;
    text-align: start;
    margin-right: 40px;
}
.gnb-sub-left .titleSub{
	text-align:start;
}
@media (max-width: 767px){
	.map-chip.selected{
	  border-color:#ff6a8a !important;
	  background:#E96271 !important;
	  color:#fff5f7 !important;
	  font-weight:600 !important;
	}
	
	.ccp-page .ccp-filter {
		padding:0px !important;
	}
	.ccp-btn{
		width:100% !important;
	}
	#gnb .gnb-sub-right a.on, #gnb .gnb-sub-right a:hover, #gnb .gnb-sub-right a:focus{
	  background: #fff !important;
	  color: #E96271 !important;
	
	}

	#gnb .gnb-sub-right a.on::before, #gnb .gnb-sub-right a:hover::before, #gnb .gnb-sub-right a:focus::before{
		display:none !important;
	}
	#gnb .gnb-sub-right a.on::after, #gnb .gnb-sub-right a:hover::after, #gnb .gnb-sub-right a:focus::after{
		display:none !important;
	}
	.ccp-page .ccp-filter{
	  flex-direction:column;
	  align-items:stretch;
	}
	.ccp-page .ccp-searchbox{ width:100%; }
	.ccp-page .ccp-selects{ width:100%; }
	.ccp-page .ccp-select{ width:100%; min-width:0; }
	
	.ccp-page .ccp-item{
	  grid-template-columns: 1fr !important;
	}
	.ccp-page .ccp-thumb{ height:180px; width: 100%;}
	.ccp-page .ccp-actions{ justify-content:flex-end; }
}

/* 지도 */
/* ===== 래퍼 ===== */
#mapWrap { position: relative; width:100%; height:700px; --topOffset: 420px; }
#map { width:100%; height:100%; position:relative; }


.map-searchbar{
	display:flex; align-items:center; gap:10px;
	background:#fff;
	border:1px solid #e6e6e6;
	border-radius:10px;
	box-shadow:0 6px 18px rgba(0,0,0,.12);
	width:100%;
}
.map-searchbar input{
	border:0; outline:0;
	font-size:14px;
	flex:1;
}
.map-searchbar button{
	border:0; background:transparent; cursor:pointer;
	width:32px; height:32px;    padding: 7px;
	border-radius:8px;
}
.map-searchbar button:hover{ background:#f3f3f3; }
.map-search-icon{
	width:18px; height:18px; display:inline-block;
	background: no-repeat center/contain url('https://cdn-icons-png.flaticon.com/128/149/149852.png');
}


.map-chip.selected{
	background:#E96271;
	color:#fff;
}

/* ===== 좌측 사이드바(PC) ===== */
#mapSidebar{
	background-color: rgba(255,255,255,0.92);
	position:absolute; left:0; top:0; bottom:0;
	z-index:8; width:400px;
	transition:0.2s; border-right:1px solid #bbb;
	display:flex; flex-direction:column;

	/* mobile bottom sheet vars (desktop에선 영향 없음) */
	--sheet-max: 77vh;
	--sheet-peek: 45vh;
	--sheet-handle: 45px;
}
#mapSidebar.is-closed{ left:-400px; }

/* ===== 좌측 리스트(PC) ===== */
#mapListAajxLoadBody${ajaxId}{
	flex:1;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
/* ✅ 모바일/PC 공통으로 넣어도 됨 */
#mapSidebar{
  display:flex;
  flex-direction:column;
}

/* ✅ 핵심: flex 자식 스크롤은 min-height:0 필수 */
#mapListAajxLoadBody${ajaxId}{
  flex:1;
  min-height:0;          /* <-- 이게 없으면 iOS에서 스크롤/scrollTop이 안 먹는 케이스 많음 */
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
}

.justify-between{justify-content: space-between;}


/* 사이드바 토글(PC) */
#sidebarToggle{
	position:absolute; z-index:11; top:50%; left:400px;
	transform: translateY(-50%);
	background:#fff; width:30px; height:80px;
	border-top-right-radius:8px; border-bottom-right-radius:8px;
	border:1px solid #bbb; border-left:0;
	transition:0.2s; cursor:pointer;
}
.vertical-middle{
    vertical-align: middle !important;
}
.float-right{
	float:right;	
}
#sidebarToggle.is-closed{ left:0; }
.place-list{ padding:0; margin:5px; }

.place-card.place-item {
    display: block;
    padding: 16px 16px 14px;
    border-bottom: 1px solid #eee;
    background: #fff;
    cursor: pointer;
}
.w-350{
	width:350px !important;
}
.w-300{
	width:300px !important;
}
.align-center{
	    align-items: center !important;
}
.place-card.place-item:hover{ background:#fafafa; }
.place-card.place-item.active{ background:#f3f6ff; }

.place-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.place-card__title{
  font-size:15px;
  font-weight:800;
  line-height:1.25;
  color:#111;
}
.place-card__badge{
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 6px;

  background: #ffffff;
  border: 1px solid #E96271;
  color: #E96271;

  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;

  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.place-card.place-item.active .place-card__badge{
  background: #E96271;
  border-color: #E96271;
  color: #fff;
}

.place-card__rows{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
  line-height:1.35;
}
.place-card__row{ color:#181818; }
.place-card__row.phone{ color:#181818; font-weight:700; }
.place-card__row{
  position:relative;
  padding-left:20px;
  color:#6b7280;
}

.place-card__row::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:14px;
  height:14px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.9;
}

.place-card__row.phone::before{
  background-image:url("/images/hmpg/content/Icon-ion-ios-call.png");
}

.place-card__row.addr::before{
  background-image:url("/images/hmpg/content/Icon ion-location-sharp.png");
}
.dolbom-ov .ov-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.ov-title {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ov-title__text {
  flex: 1;
  min-width: 0;
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dolbom-ov--link{ cursor:pointer; text-decoration:none; color:inherit; }
.dolbom-ov .ov-title{ display:flex; align-items:center; gap:8px; }
.dolbom-ov .ov-badge{
  min-width:22px; height:22px; padding:0 7px; border-radius:6px;
  background:#E96271; color:#fff; font-size:12px; font-weight:800;
  display:inline-flex; align-items:center; justify-content:center;
}

.ubox-reserve-inner {
    position: relative;
    width: 100%;
    height: 85px;
    background: #f3e4e1;
    border-radius: 8px;
    overflow: visible;
}

/* 가운데 사람 이미지 */
.ubox-reserve-inner .center-icon{
  position: absolute;
  top: -96px;
  left: 50%;
  transform: translateX(-50%);
  width: 185px;
  height: auto;
  z-index: 3;
}

.ubox-reserve-inner .side-icon {
    position: absolute;
    bottom: 5px;
    height: auto;
    z-index: 2;
}

.ubox-reserve-inner .side-icon.left {
    left: 42px;
    width: 170px;
}

.ubox-reserve-inner .side-icon.right {
    right: 42px;
    width: 175px;
    border: 0px !important;
}

.dolbom-ov .ov-badge{
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:6px;
  background:#fff;
  color:#E96271;
  font-size:14px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.place-card__thumbs{
   margin-top: 10px;
}
.place-card__thumbs::-webkit-scrollbar{ display:none; } /* chrome/safari */

.place-card__thumbs .thumb {
    flex: 0 0 calc((100% - -60px) / 3);
    height: 125px;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f5f9;
}
.place-card__thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.place-card__thumbs .thumb.is-empty{
  background:#e5e7eb;
  position:relative;
}
.place-card__thumbs .thumb.is-empty::after{
  content:"";
  width:26px; height:18px;
  border:2px solid rgba(148,163,184,.9);
  border-radius:6px;
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  opacity:.7;
}
.swiper{
padding:5px !important;
}
.dolbom-ov{ position: relative; }
.dolbom-ov__close{
  position:absolute;
  top:8px;
  right:8px;
  width:32px;
  height:32px;
  border:0;
  border-radius:16px;
  background: rgba(0,0,0,.55);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dolbom-ov__close:focus-visible{
  outline:2px solid #111;
  outline-offset:2px;
}

.map-marker-wa{
  width: 37px;
  height: 44px;
  box-sizing: border-box;
  outline: none;
}
@keyframes phShimmer{
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


.place-item:hover{ background:#f6f6f6; }
.place-item.active{ background:#f3f6ff; }

.place-thumb{
	width:92px; height:72px; flex:0 0 auto;
	border-radius:8px; overflow:hidden;
	background:#eee;
}
.place-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.place-meta{ flex:1; min-width:0; }
.place-title{ font-weight:700; font-size:14px; margin-bottom:4px; }
.place-sub{ font-size:12px; color:#666; line-height:1.35; }
.place-phone{ color:#0b7a2f; }

.place-actions{ display:flex; flex-direction:column; gap:6px; }
.btn_map_location, .btn_map_detail{
	padding:7px 10px; border-radius:8px;
	border:1px solid #bbb; background:#fff;
	cursor:pointer; font-size:12px;
	text-align:center; text-decoration:none; color:#111;
}
.btn_map_detail{ background:#ff7a00; color:#fff; border-color:#ff7a00; }
.place-empty{ padding:20px; font-size:14px; }

.dolbom-ov {
	width: 260px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #E96271;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
.dolbom-ov .ov-thumb{ height:120px; background:#eee; }
.dolbom-ov .ov-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.dolbom-ov .ov-title{ padding:10px 12px; font-weight:800; color:#fff; background:#E96271; }
.dolbom-ov .ov-body{ padding:10px 12px; font-size:12px; color:#333; }
.dolbom-ov .ov-line{ margin-top:6px; color:#666; }
.dolbom-ov--list .ov-title{ padding:0 52px 0 12px; min-height:56px; display:flex; align-items:center; box-sizing:border-box; }
.dolbom-ov--list .dolbom-ov__close{ top:50%; transform:translateY(-50%); }
/*#content .content-wrap{
    max-width: none !important;
    margin: 0px !important;
}*/

/* ===== 모바일: 바텀시트 ===== */
#mobileSheetHandle{ display:none; }
.map-top-ui {
    position: absolute;
    top: 14px;
    display: flex;
    gap: 30px;
    left: var(--topOffset);
    z-index: 8;
    transition: 0.2s;
    align-items: center;
    align-content: center;
}
@media screen and (max-width:1348px){
    .map-top-ui {
        gap: 0px !important;
        align-items: flex-start !important;
        flex-direction: column !important;
        width: 100%;
    }
}

@media screen and (max-width:768px){
	.map-chips{
	  margin-top: 10px;
	  display: flex !important;
	  gap: 8px;
	  flex-wrap: wrap;
	}
	.map-searchbar{margin-top:0px !important;}
	.mapBrand{display:none !important;}
	.mapSidebarHead{background:none !important;padding:0px !important;}
	.map-chip{
	        height: 100% !important;
		border:1px solid #E96271 !important;;
		background:#fff !important;;
		color:#E96271 !important;;
		border-radius:999px !important;;
		padding:6px 12px !important;;
		font-size:12px !important;;
		cursor:pointer !important;;
		white-space:nowrap !important;;
	}		
	#content{padding:0px !important;}
	.map-top-ui{width:96%!important;}
	.map-searchbar {
        width: 100% !important;
        max-width: none !important;
    }
	#mapWrap{
		width:100%;
		height: calc(100dvh - 30px);
		--topOffset: 12px;
	}

	#sidebarToggle{ display:none; }

	body.sheet-dragging{
		overflow:hidden;
		touch-action:none;
	}

	#mapSidebar{
		left:0;
		right:0;
		top:auto;
		bottom:0;

		width:100%;

		border-right:0;
		border-top:1px solid #bbb;
		border-radius:16px 16px 0 0;

		overflow:hidden;
		background:#fff;
		box-shadow:0 -8px 24px rgba(0,0,0,.18);

		display:flex;
		flex-direction:column;
		min-height:0;

		transition: height 0.22s ease;
		touch-action: pan-y;
	}

	#mapSidebar.is-closed{ left:0; }

	#mapSidebar[data-sheet="collapsed"]{ height: var(--sheet-handle); }
	#mapSidebar[data-sheet="peek"]{ height: var(--sheet-peek); }
	#mapSidebar[data-sheet="full"]{ height: var(--sheet-max); }

	#mobileSheetHandle{
		display:block;
		height: var(--sheet-handle);
		flex: 0 0 var(--sheet-handle);
		cursor: grab;
		background:#fff;
		position:relative;
		touch-action:none;
	}
	#mobileSheetHandle:active{ cursor: grabbing; }

	#mobileSheetHandle .bar{
		width:56px;
		height:3px;
		border-radius:999px;
		background:#E96271;
		position:absolute;
		left:50%;
		top:10px;
		transform: translateX(-50%);
	}

	#mapSidebar [id^="mapListAajxLoadBody"]{
		flex: 1 1 auto;
		min-height: 0;
		overflow: hidden !important;
	}

	#mapSidebar [id^="mapListAajxLoadBody"] .place-list{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		box-sizing: border-box;
		padding-bottom: 12px;
	}

	#mapSidebar[data-sheet="collapsed"] [id^="mapListAajxLoadBody"] .place-list{
		height: 0;
		overflow: hidden;
	}

	#mapSidebar[data-sheet="peek"] [id^="mapListAajxLoadBody"] .place-list{
		height: calc(var(--sheet-peek) - var(--sheet-handle));
	}

	#mapSidebar[data-sheet="full"] [id^="mapListAajxLoadBody"] .place-list{
		height: calc(var(--sheet-max) - var(--sheet-handle));
	}
}



#content .intro {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 20px;
}

.intro{
  --pink:#E96271;
  --border:#E6E8EE;
  --text:#181818;
  --muted:#6B7280;
  --bg:#FFFFFF;
  color:var(--text);
}
.intro *{ box-sizing:border-box; }

/* =========================
   HERO
   ========================= */
.intro .intro-hero {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 40px 50px;
    border-radius: 12px;
    background: linear-gradient(90deg, #F8F9FB 0%, #FFF2F6 100%);
}
.intro .intro-hero__icon{
  width:80px;
  height:73px;
  padding:10px;
  border-radius:20px;
  background: rgba(255,255,255,.75);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.intro .intro-hero__icon img{
  width:80px;
  height:60px;
  object-fit:contain;
  display:block;
}
.intro .intro-hero__title{
  font-size:18px;
  font-weight:600;
  margin:0 0 6px;
}
.intro .intro-hero__desc{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:#374151;
}


.intro .intro-cards{
  margin-top:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.intro .intro-card{
  display:flex;
  gap:18px;
  padding:18px 20px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}
.intro .intro-card__icon{
  width:60px;
  height:60px;
  border-radius:12px;
  background:#F8F9FB;
  border:1px solid #EEF0F5;
  flex:0 0 60px;
}
.intro .intro-card__body{ flex:1; min-width:0; }
.intro .intro-card__title{
  margin:2px 0 10px;
  font-size:14px;
  font-weight:800;
}
.intro .intro-card__text{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:#374151;
}
.intro .intro-ul{
  margin:0;
  padding-left:18px;
  color:#374151;
  font-size:13px;
  line-height:1.7;
}
.intro .intro-cols{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px 22px;
}
.intro .intro-col{ min-width:0; }
.intro .intro-note{
  margin-top:18px;
  font-size:12px;
  line-height:1.6;
  color:var(--muted);
}


.intro .centerhub-quick{
  position:relative;
  margin:24px 0 50px;
  padding:28px 0;
  isolation:isolate;
}


.intro .centerhub-quick::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  background:url("/images/newhmpgimg/centerhub_quick_bg.png") no-repeat center / cover;
  z-index:-2;
  pointer-events:none;
}

.intro .centerhub-quick::after{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  background: rgba(255,255,255,.35);
  z-index:-1;
  pointer-events:none;
}

.intro .centerhub-quick__inner{
  display:flex;
  align-items:center;
  gap:22px;
}


.intro .centerhub-tabs{
  flex:1;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
  margin:0;
}

.intro .centerhub-tab{
  width:100%;
  padding:20px 10px;
  border:1px solid var(--border);
  border-radius:10px;
  background: rgba(255,255,255,.92);
  font-size:14px;
  font-weight:700;
  color:#111;
  cursor:pointer;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease;
}
.intro .centerhub-tab:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0,0,0,.08);
}
.intro .centerhub-tab.is-active{
  border-color: var(--pink);
  color: var(--pink);
  background:#fff;
}

.intro-sec--main{
  position:relative;
  isolation:isolate;
  overflow:visible;
  padding: 70px 0px !important;
  margin-bottom: 0;
}

.intro-sec--main::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  background:url("/images/newhmpgimg/centerhub_main_bg.png") no-repeat center / cover;
  z-index:-2;
  pointer-events:none;
}

.intro-sec--main::after{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  background:rgba(255,255,255,0);
  z-index:-1;
  pointer-events:none;
}

.intro-sec--main > .intro-inner{
  position:relative;
  z-index:1;
}


.sub-text{
  letter-spacing: .45em;
}

.intro .centerhub-main{
  display:grid;
  grid-template-columns: 460px 1fr;
  gap:34px;
  padding-bottom:50px;
  align-items:center;
  min-width:0;
}

.intro .centerhub-map{
  margin:0;
  min-width:0;
  position:relative;
}

.intro .centerhub-map img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
}

.intro .centerhub-side{ min-width:0; }

.intro .centerhub-slogan{
  letter-spacing: 0.04em;
  margin: 0 0 60px;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.35;
}

.intro .centerhub-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:16px;
  min-width:0;
}


.intro .center-card {
    position: relative;
    border: 1px solid #868897;
    border-radius: 6px;
    background: #fff;
    padding: 22px 30px 16px;
    min-height: 150px;
    transition: border-color .25s ease, box-shadow .25s ease, transform .18s ease;
}

.intro .center-card:hover,
.intro .center-card.is-active{
  border-color:#E96271;
  box-shadow:0 3px 6px rgba(253,100,146,.12);
  transform: translateY(-1px);
}

.intro .center-card__no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:6px;
  border:1px solid #D1D5DB;
  color:#111827;
  font-size:12px;
  font-weight:700;
  margin-bottom:10px;
}

.intro .center-card__name{
  margin:0 0 10px;
  font-size:17px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:6px;
}

.intro .center-card__namePlus{
  width:14px;
  height:14px;
  display:block;
  flex:0 0 14px;
}

.intro .center-card__meta{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.intro .meta{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:12.5px;
  color:#111827;
  line-height:1.4;
}

.intro .meta-ic{
  width:16px;
  height:16px;
  margin-top:2px;
  flex:0 0 13px;
  display:block;
}

.intro .meta--alink{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#111827;
  text-decoration:underline;
  text-underline-offset:2px;
}
.intro .meta--alink:hover{ opacity:.85; }

.intro .center-card__links{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.intro .center-card.has-plus{ padding-bottom:44px; }

.intro .center-card__plus {
    position: absolute;
    right: 16px;
    bottom: 14px;
    width: 27px;
    height: 40px;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.csp-footer__address .address{display:flex;}
.intro .center-card__plus img{
  width:68px;
  height:28px;
  display:block;
  transition: transform .35s ease;
  transform-origin:center;
}
.intro .center-card__plus:hover img{ transform: rotate(180deg); }


.intro .map-pins{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}

.intro .map-pin{
  position:absolute;
  width:20px;
  height:20px;
  transform: translate(-50%, -50%);
}

.intro .map-pin .pin{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transition: opacity .25s ease, transform .25s ease;
}

.intro .map-pin .pin--on{
  opacity:0;
  transform: scale(.92);
}

.intro .map-pin.is-active .pin--off{
  opacity:0;
}
.intro .map-pin.is-active .pin--on{
  opacity:1;
  transform: scale(1);
}


.intro .map-pin[data-center="1"]{ 
	left: 89%;
	top: 51%;
}
.intro .map-pin[data-center="2"]{ 
    left: 71%;
    top: 36%;
	
}
.intro .map-pin[data-center="3"]{ 
    left: 71%;
    top: 47%;	
}
.intro .map-pin[data-center="4"]{ 
    left: 92%;
    top: 57%;
}
.intro .map-pin[data-center="5"]{
    left: 79%;
    top: 33%;	
}
.intro .map-pin[data-center="6"]{ 
    left: 51%;
    top: 40%;	
}

@media (max-width: 1024px){
	.table-scroll .list{
	    min-width: 1024px;
	}
	#progrmCldrCalendarWrap0 .fc-day-top{
	text-align: center !important;
	padding:5px !important;
}
   .culture-bulletin__badge{
	font-size:13px !important;
   }
  .intro .centerhub-main{
    grid-template-columns: 1fr;
    gap:22px;
  }
  .ccp-page .ccp-item{grid-template-columns: 232px 1fr 160px;}
  .ccp-page .ccp-badge{font-size:14px;}
  .ccp-page .ccp-meta{font-size:14px !important;}
  .ccp-page .ccp-title{font-size:20px !important;}
  .intro .centerhub-map{
    max-width:520px;
    margin:0 auto;
  }
}

@media (max-width: 768px){
  .intro .centerhub-grid{
    grid-template-columns: 1fr;
  }
  .intro .centerhub-slogan{
    margin-bottom: 28px;
    font-size: 22px;
  }

  .sub-text{
    letter-spacing: .25em;
  }
}

.legend .lg i.cat-available {
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#E96271;
}
.reserve-area {
  margin-top: 24px;
}

.btn-reserve {
  display: block;
  width: 100%;
  height: 64px;
  border: 0;
  border-radius: 10px;
  background: #E96271; 
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0,0,0,.08);
  transition: background .15s ease, transform .1s ease, box-shadow .1s ease;
}

.btn-reserve:hover,
.btn-reserve:focus {
  background: #d55765;
  outline: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}

.btn-reserve:active {
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

.btn-reserve:disabled {
  background: #e0e3eb;
  color: #fff;
  cursor: not-allowed;
  box-shadow: none;
}
/* =========================
   intro-info
   ========================= */
.intro .intro-info{ margin-top:28px; }

.intro .info-row {
    display: flex;
    gap: 22px;
    padding: 28px 0;
    align-items: flex-start;
    border-bottom: 1px dashed #D3D4DB;
    flex-direction: row;
}
.intro .info-row:last-child{
  border-bottom:1px dashed #D3D4DB;
}
.linkhome{color: #E96271;
    text-decoration: underline !important;}
.intro .info-ic{
  width:92px;
  height:92px;
  border-radius:20px;
  background:#F8F9FB;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 92px;
}
.intro .info-ic img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
}

.intro .info-txt{ flex:1; padding-top:4px; }

.intro .info-title{
  margin:0 0 8px;
  font-size:18px;
  font-weight:800;
  color:#111827;
}
.intro .info-desc{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:#111827;
}
.intro .muted{ color:#6B7280; }

.intro .info-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
  line-height:1.65;
  color:#111827;
}
.intro .info-row{ padding:32px 0; border-bottom:1px dashed #D3D4DB; }
.intro .first{ border-top:1px solid #D3D4DB; }
.intro .info-row:last-child{ border-bottom:0 !important; }

.intro .info-list li{
  position:relative;
  padding-left:14px;
}
.intro .info-list li::before{
  content:"·";
  position:absolute;
  left:0;
  top:0;
  color:#111827;
}
.intro .info-cols{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:22px;
}
.intro .centerhub-quick{
  position:relative;
  margin:24px 0 50px;
  padding:28px 0;
}
.intro-sec{
  padding: 60px 0;
  margin: 65px 0;
}


.intro-sec--main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 110px !important;
}
.intro-sec--quick{
  position:relative;
  overflow:hidden;
  margin:50px 0 50px;
  padding:28px 0;
  isolation:isolate;
}
.intro-sec--quick::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  background:url("/images/newhmpgimg/centerhub_quick_bg.png") no-repeat center / cover;
  z-index:0;
  pointer-events:none;
}


.intro-sec--quick::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  background:rgba(255,255,255,.35);
  z-index:0;
  pointer-events:none;
}



.intro-sec--quick .centerhub-quick__inner{
  display:flex;
  align-items:center;
  gap:22px;
}


.intro-sec--quick .centerhub-tabs{
  flex:1;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:12px;
  margin:0;
}

.intro-sec--quick .centerhub-tab {
    /* height: 44px; */
    width: 100%;
    padding: 30px 10px;
    border: 1px solid var(--border);
    z-index:1;
    border-radius: 10px;
    background: rgba(255, 255, 255, .92);
    font-size: 14px;
    font-weight: 700;
    color: #111;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease, background .2s ease;
    position: relative;
}

.intro-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}


#mapListAajxLoadBody{overflow-y:auto;}
.intro-sec--last{
  padding-bottom:0;
  margin-bottom:0;
}

.intro-sec--quick .intro{
  --pink:#E96271;
  --border:#E6E8EE;
  --text:#181818;
}

.intro-sec--quick .centerhub-quick__inner{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap:18px;
  row-gap:14px;
  align-items:center;
  padding:28px 0;
  min-width:0;
}

.sub-text{
  letter-spacing: 0.56em;
  word-spacing: 0.3em;
  white-space: nowrap;
}

.intro-sec--quick .centerhub-quick__title{
  grid-column:1;
  grid-row:1;
  margin:0;
  font-size:26px;
  font-weight:800;
  line-height:1.25;
  color:var(--text);
  white-space:nowrap;
  z-index:1;
}
.centerhub-quick__title .font-size-14{ font-size:14px; }

.intro-sec--quick .centerhub-tabs{ display:contents; }

/* =========================
   버튼 공통
   ========================= */
.intro-sec--quick .centerhub-tab{
  height:75px;
  width:100%;
  padding:0 22px;
  border:1px solid #D3D4DB;
  border-radius:6px;
  background:rgba(255,255,255,.92);
  font-size:16px;
  font-weight:700;
  color:#111;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;

  box-shadow:0 3px 6px #879dbc4a;
  position:relative;

  transition:
    transform .18s ease,
    box-shadow .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease;
}

.intro-sec--quick .centerhub-tab .tab-spacer{
  width:18px;
  height:18px;
  flex:0 0 18px;
}

.intro-sec--quick .centerhub-tab .tab-label{
  flex:1 1 auto;
  min-width:0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.intro-sec--quick .centerhub-tab .tab-ic{
  width:18px;
  height:18px;
  flex:0 0 18px;
  position:relative;
  transition: transform .25s ease;
}

.intro-sec--quick .centerhub-tab .tab-ic img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;

  transition: opacity .25s ease;
}

.intro-sec--quick .centerhub-tab .tab-ic .ic--off{ opacity:1; }
.intro-sec--quick .centerhub-tab .tab-ic .ic--on{ opacity:0; }


.intro-sec--quick .centerhub-tab:hover{
  border-color:var(--pink);
  color:var(--pink);
  background:#fff;
  box-shadow:0 3px 6px rgba(253,100,146,.15);
  transform:translateY(-1px);
}

.intro-sec--quick .centerhub-tab:hover .tab-ic{
  transform:translateX(4px);
}
.intro-sec--quick .centerhub-tab:hover .tab-ic .ic--off{ opacity:0; }
.intro-sec--quick .centerhub-tab:hover .tab-ic .ic--on{ opacity:1; }

/* active도 동일하게 */
.intro-sec--quick .centerhub-tab.is-active{
  border-color:var(--pink);
  color:var(--pink);
  background:#fff;
  box-shadow:0 10px 20px rgba(253,100,146,.15);
}
.intro-sec--quick .centerhub-tab.is-active .tab-ic{
  transform:translateX(4px);
}
.intro-sec--quick .centerhub-tab.is-active .tab-ic .ic--off{ opacity:0; }
.intro-sec--quick .centerhub-tab.is-active .tab-ic .ic--on{ opacity:1; }

.intro-sec--quick .centerhub-tab:active{
  transform:translateY(0);
}
.intro-sec--quick .centerhub-tab{
  text-decoration:none;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}


.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(1){ grid-column:2; grid-row:1; }
.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(2){ grid-column:3; grid-row:1; }
.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(3){ grid-column:4; grid-row:1; }

.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(4){ grid-column:1; grid-row:2; }
.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(5){ grid-column:2; grid-row:2; }
.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(6){ grid-column:3; grid-row:2; }
.intro-sec--quick .centerhub-tabs .centerhub-tab:nth-child(7){ grid-column:4; grid-row:2; }

@media (max-width: 980px){
  .intro-sec--quick .centerhub-quick__inner{
    display:block;
    padding:22px 0;
  }
  .intro-sec--quick .centerhub-quick__title{
    white-space:normal;
    margin-bottom:12px;
  }
  .intro-sec--quick .centerhub-tabs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .intro-sec--quick .centerhub-tabs .centerhub-tab{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}
/* =========================
   반응형
   ========================= */
@media (max-width: 980px){
  .intro .centerhub-quick__inner{ flex-direction:column; align-items:flex-start; }
  .intro .centerhub-quick__title{ white-space:normal; }
  .intro .centerhub-tabs{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px){
  .intro .centerhub-main{
    grid-template-columns: 1fr;
    gap:22px;
  }
  .intro-sec--main::before{display:none;}
  .intro-sec--main::after{display:none;}
  .intro .centerhub-map{
    max-width:520px;
    margin:0 auto;
  }
}

@media (max-width: 768px){
  .intro .info-row {flex-direction: column !important;}
  .intro .intro-hero{ padding:18px 18px; }
  .intro .intro-hero__icon{ width:64px; height:64px; flex-basis:64px; }
  .intro .intro-hero__icon img{ width:42px; height:42px; }
  .intro .intro-card{ padding:16px 16px; }
  .intro .intro-cols{ grid-template-columns:1fr; }

  .intro .centerhub-grid{ grid-template-columns:1fr; }

  .intro .info-row{ gap:14px; }
  .intro .info-ic{ width:76px; height:76px; flex-basis:76px; border-radius:16px; }
  .intro .info-ic img{ width:40px; height:40px; }
  .intro .info-cols{ grid-template-columns:1fr; gap:10px; }
}

.survey-page .question:last-of-type{
  border-bottom: 0;
}


.survey-page .survey-header{
  position: relative;
  padding: 18px 0 22px;
  border-bottom: 1px solid #e9e9e9;
}

.survey-page .survey-title{
  margin: 0;
  text-align: center;
  font-size: 36px;
  font-weight: 800;
}

.survey-page .survey-body{
  padding-top: 18px;
}

/* question block */
.survey-page .question{
  padding: 22px 0;
  border-bottom: 1px solid #e9e9e9;
}
.survey-page .question-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}
.survey-page .question-text{
  margin:0;
  font-size: 15px;
  line-height: 1.6;
  color:#222;
  letter-spacing: -0.2px;
}
.survey-page .req{
  display:inline-block;
  margin-right: 6px;
  color:#e53935;
  font-weight:700;
}

.survey-page .error-msg{
  margin:0;
  font-size: 13px;
  color:#e53935;
  white-space:nowrap;
  visibility: hidden;
}
.survey-page .error-msg.is-visible{
  visibility: visible;
}

/* radios */
.survey-page .radio-row{
  display:flex;
  flex-wrap:wrap;
  gap: 18px;
  padding-left: 2px;
}
.survey-page .radio-col{
  display:flex;
  flex-direction:column;
  gap: 14px;
  padding-left: 2px;
}
.survey-page .radio-item{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-size: 14px;
  color:#333;
  cursor:pointer;
  user-select:none;
}
.survey-page .radio-item input[type="radio"]{
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #E96271;
  cursor:pointer;
  position: relative;
}
.primary-color{
	color:#E96271;
}
.survey-page .etc-box{
  margin-top: 6px;
  max-width: 520px;
}
.survey-page textarea {
	width: 100%;
	border: 1px solid #dadada;
	border-radius: 6px;
	padding: 12px 12px;
	font-size: 14px;
	resize: vertical;
	outline: none;
	box-sizing: border-box;
	background: #F8F9FB;
}
.survey-page textarea::placeholder{ color:#b0b0b0; }
.survey-page textarea:focus{ border-color: #bdbdbd; }

/* buttons */
.survey-page .form-actions{
  display:flex;
  justify-content:center;
  gap: 14px;
  padding-top: 28px;
}
.survey-page .btn{
  min-width: 120px;
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor:pointer;
}
.survey-page .btn-outline{
  border: 1px solid #d5d5d5;
  background: #fff;
  color:#444;
}
.survey-page .btn-primary{
  border: 1px solid #E96271;
  background: #E96271;
  color: #fff;
  transition: background-color .22s ease, border-color .22s ease, transform .06s ease, box-shadow .22s ease;
}

.survey-page .btn-primary:hover{
  background: #ff66a0;
  border-color: #ff66a0;
}

.survey-page .btn-primary:active{
  background: #ff3f84;
  border-color: #ff3f84;
  transform: translateY(1px);
}

.survey-page .btn-primary:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(255, 79, 138, 0.25);
}

.survey-page .btn-primary:disabled,
.survey-page .btn-primary[disabled]{
  opacity: .6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.survey-page .error-msg.is-visible { visibility: visible; }
.csp-footer__address{color:#B0BCC8;}

@media (max-width: 767px){
	
	.survey-page .survey-title{
		font-size:25px;
	}
	.csp-footer__address .address{ flex-direction: column;}
	.csp-footer__address span{display:none;}
	.survey-page .etc-box{
	  max-width: 520px;
	}
	.survey-page textarea{
	  resize: none !important;
	}
	
	.survey-page .radio-row{
	  flex-direction: column;
	  gap: 14px;
	}
	
	.survey-page .form-actions{
	  width: 100%;
	  justify-content: space-between;
	}
	.survey-page .form-actions .btn{
	  flex: 1;
	  min-width: 0;
	}
	.surveyForm{padding:20px !important;}
}

.surveyForm{
    background-color: #fff;
    padding: 40px;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #879dbc3b;
}
.font-bold{font-weight:bold;}
.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 11px;
    border: 1px solid #D3D4DB;
    border-radius: 17px;
    background: #fff;
    color: #868897;
    font-weight: 500;
    margin-left: 10px;
    /* line-height: 1; */
    /* letter-spacing: -0.2px; */
}
.qustnrExmn .td-action{ text-align:center; }
.writeDiv{display:flex;align-items: center;
    justify-content: space-between;}
.NoticeTabs {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* iOS 관성 스크롤 */
}

.NoticeTabs__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  width: max-content;
  min-width: 100%;
  padding: 0 16px;
  margin: 0;
  list-style: none;
}

.NoticeTabs__item {
  flex: 0 0 auto;
  white-space: nowrap;
}

.qustnr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    height: 30px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    user-select: none;
    box-sizing: border-box;
}
.ml-50{margin-left:50px;}
.qustnr-btn--join{
  border: 1px solid #E96271;
  background: #fff;
  color: #E96271;
  transition: background-color .2s ease, border-color .2s ease, transform .06s ease;
}
.qustnr-btn--join:hover{
  background: rgba(255,79,138,.06);
}
.qustnr-btn--join:active{
  transform: translateY(1px);
  background: rgba(255,79,138,.10);
}

.qustnr-btn--done{
  border: 1px solid #d8dbe2;
  background: #fff;
  color: #9aa0a6;
  cursor: not-allowed;
}
.tbl-x-scroll{
  width: 100%;
}

@media (max-width: 1250px){
  .tbl-x-scroll{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .tbl-x-scroll > table{
    min-width: 1250px;
  }
}

table.list.qna-list .qna-title-btn{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  text-align:left;
}

table.list.qna-list .qna-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
table.list.qna-list .qna-prefix{
  font-weight:700;
  color:#222;
  flex:0 0 auto;
}
table.list.qna-list .qna-text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#222;
}

table.list.qna-list .qna-ico{
  display:inline-block;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  flex:0 0 auto;
}

table.list.qna-list .qna-ico-pin{
  width:18px; height:18px;
  background-image:url("/images/hmpg/common/Icon-akar-pin.png");
}
table.list.qna-list .qna-ico-arrow{
  width:12px;
  background-image:url("/images/hmpg/common/icon-bl-down.png");
  transition: transform .15s ease;
}
table.list.qna-list tr.qna-q.is-open .qna-ico-arrow{
  transform: rotate(180deg);
}

table.list.qna-list tr.qna-a td{
  background:#fafafa;
}

table.list.qna-list .qna-answer-wrap{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-left: 40px;
  line-height: 1.6;
  color:#444;
}
.submitPrimaryButton{
    height: 45px !important;
    /* text-align: center; */
    /* display: flex; */
    align-content: center;	
}
.PrimaryButtonBack{
    height: 45px !important;
    /* text-align: center; */
    /* display: flex; */
    padding: 0px 50px !important;
    align-content: center;	
}
/* ===== 공개/비밀글 토글 ===== */
.privacy-toggle{
  display:flex;
  gap:10px;
  align-items:center;
}

.privacy-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 30px;
    border: 1px solid #d9dbe2;
    border-radius: 999px;
    background: #fff;
    color: #8a8f9c;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
    user-select: none;
}

.privacy-pill input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.privacy-pill:has(input:checked){
  background:#111;
  border-color:#111;
  color:#fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.12);
}

.privacy-pill:hover{
  border-color:#bfc3cf;
}
/* =========================
   	각페이지 하단 만족도 조사 css 
   ========================= */
.filter-group {display: flex;align-items: flex-start;gap: 25px;justify-content: center;margin-top: 40px;flex-direction: column;}
.filter-group.csnst{width:100%;border-top:1px solid #e9e9e9;padding-top:18px;}
.filter-group.csnst .filter-wrap{width:100%;background:#f6f7f9;border-radius:10px;padding:20px;box-sizing:border-box;}
.filter-group.csnst fieldset{border:0;margin:0;padding:0;display:flex;align-items:center;gap:16px;}
.filter-group.csnst legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.filter-group.csnst .text-box{flex:0 0 auto;min-width:360px;}
.filter-group.csnst .text-box .p1{margin:0 0 4px 0;font-size:18px;font-weight:700;color:#222;}
.filter-group.csnst .text-box .p2{margin:0;font-size:15px;color:#666;}

.filter-group.csnst .option{flex:1;min-width:0;}
.filter-group.csnst .option ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;gap:18px;overflow:hidden;}
.filter-group.csnst .option li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding: 5px;}

.filter-group.csnst .option input[type="radio"]{position:static;opacity:1;width:16px;height:16px;margin:0;accent-color:#e84c78;}
.filter-group.csnst .option label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:13px;color:#444;line-height:1;}
.filter-group.csnst .option label::after{content:"";width:72px;height:14px;background-repeat:no-repeat;background-position:left center;background-size:contain;}

.filter-group.csnst #point_5 + label::after{background-image:url("/images/hmpg/common/star_5.png");}
.filter-group.csnst #point_4 + label::after{background-image:url("/images/hmpg/common/star_4.png");}
.filter-group.csnst #point_3 + label::after{background-image:url("/images/hmpg/common/star_3.png");}
.filter-group.csnst #point_2 + label::after{background-image:url("/images/hmpg/common/star_2.png");}
.filter-group.csnst #point_1 + label::after{background-image:url("/images/hmpg/common/star_1.png");}

.filter-group.csnst .option input[type="radio"]:checked + label{font-weight:700;color:#e84c78;}
.filter-group.csnst .button{flex:0 0 auto;height:36px;padding:0 35px;border:0;border-radius:6px;background:#111;color:#fff;cursor:pointer;white-space:nowrap;}
.filter-group.csnst .button:hover{filter:brightness(0.95);}

@media (max-width:973px){
	.filter-group.csnst #point_1 + label::after{display:none !important; }
	.filter-group.csnst #point_2 + label::after{display:none !important; }
	.filter-group.csnst #point_3 + label::after{display:none !important; }
	.filter-group.csnst #point_4 + label::after{display:none !important; }
  .filter-group.csnst #point_5 + label::after{display:none !important; }
  .filter-group.csnst fieldset{flex-direction:column;align-items:stretch;gap:12px;}
  .filter-group.csnst .text-box{min-width:0;}
  .filter-group.csnst .option ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;flex-wrap:initial;overflow:visible;}
  .filter-group.csnst .button{width:100%;height:44px;border-radius:10px;}
}



/* 기존 필요한 스타일 (추후 변경 예정 )*/
/* Board Top */
.board-top {display: flex; align-items: flex-start; flex-flow: wrap-reverse; margin-bottom: 10px; clear: both;}
.board-top .total {
    margin-top: 15px;
    background: #E96271;
    color: white;
    font-weight: 600;
    font-size: 13px;
    padding: 3px 9px;
    border-radius: 6px;
}
.subject a{color:#181818;}
.board-top .button-group {margin-left: auto;}
.board-top .button {margin-left: auto;}
.text-left{
	text-align: left !important;
}
/* Button */  
.button-group {font-size: 0;}
.button-group .button:nth-child(n + 2) {margin-left: 10px;}
.button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    box-sizing: border-box;
    color: #E96271;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #E96271;
    border-radius: 6px;
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.buttonStyle2 {
    display: inline-block;
    height: 100%;
    line-height: 43px;
    padding: 0 30px;
    box-sizing: border-box;
    color: #E96271;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #E96271;
    border-radius: 6px;
    transition: all 0.3s;
}
.buttonStyle2:hover {
    background-color: #E96271;
    color: #fff;
    border-color: #E96271;
    cursor: pointer;
}

.buttonStyle-black {
    display: inline-block;
    height: 100%;
    line-height: 43px;
    padding: 0 30px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    background-color: #000;
    border-radius: 6px;
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.button.write {
    padding: 4px 30px;
    height: auto;
}
.button.write:hover {
  background-color: #E96271;
  color: #fff;
  border: 1px solid #dbdbdb;
}
.heroBreadcrumb{
  display: flex;
  align-items: center;
  gap: 8px;
}

.heroBreadcrumb .breadcrumbHome img{
  width: 20px;
  height: 16px;
  display: block;
}
.button.basic2{
  padding: 0 46px;
  background-color:#E96271;
  color:#fff;
  transition: background-color .2s ease, filter .2s ease, transform .08s ease;
}
.button.basic2:hover{
  background-color:#cc5562;
}

.button.basic2:active{
  transform: translateY(1px);
  filter: brightness(0.97);
}

.button.basic{
  background-color:#E96271;
  color:#fff;
  width:155px !important;
  transition: background-color .2s ease, filter .2s ease, transform .08s ease;
}
.button.basic:hover{
  background-color:#cc5562;
}

.button.basic:active{
  transform: translateY(1px);
  filter: brightness(0.97);
}

.button.basic:focus-visible{
  outline: none;
}
.button.round { border-radius:15px; }
.button.disabled { pointer-events: none; color: #fff; border: 1px solid #c5c5c5; background-color: #c5c5c5; }
.button.blue { color:#1460b6; border: 1px solid #1460b6; }
.button.red { color:#fff; border: 1px solid #ff2c00; }
.button.green { color:#319241; border: 1px solid #319241; }
.button.gray { color:#a1a1a1; border: 1px solid #a1a1a1; }
.button.close { float:inherit; font-weight:normal; text-shadow: none; opacity:1; }
/*.button.write::after { content:''; display:inline-block; width:13px; height:13px; margin-left:7px; vertical-align:middle; background: url(/images/hmpg/common/ico-write.png) no-repeat 0 0; }*/
/*.button.delete::after { content:''; display:inline-block; width:11px; height:12px; margin-left:7px; vertical-align:middle; background: url(/images/hmpg/common/ico-delete.png) no-repeat 0 0; }
*/

/* Section1 */
#sec1 {padding: 50px 0 30px 0;}
#sec1 .content-wrap {display: flex; flex-flow: wrap; align-items: center;}
#sec1 .col:nth-child(-n+2) {margin-bottom: 35px;}

/* Data */
#data {width: 72%; padding-right: 30px;}
#data .data-list ul {display: flex;}
#data .data-list ul li {flex-basis: 33.333%; overflow: hidden;}
#data .data-list ul li + li {margin-left: 12px;}
#data .data-list ul li a {height: 330px; display: flex; align-items: center; justify-content: center; flex-flow: column; color: #fff; background-size: 120% !important; transition: all 0.3s ease-in-out;}
#data .data-list ul li:nth-child(1) a {background: url(/images/hmpg/main/top-img1.png) no-repeat center;}
#data .data-list ul li:nth-child(2) a {background: url(/images/hmpg/main/top-img2.png) no-repeat center;}
#data .data-list ul li:nth-child(3) a {background: url(/images/hmpg/main/top-img3.png) no-repeat center;}
#data .data-list ul li a::before {content: ""; display: block; width: 45px; height: 45px; margin: 0 auto 7px; transition: all 0.3s ease-in-out;}
#data .data-list ul li:nth-child(1) a::before {background: url(/images/hmpg/main/ico-cloud.png) no-repeat center;}
#data .data-list ul li:nth-child(2) a::before {background: url(/images/hmpg/main/ico-robot.png) no-repeat center;}
#data .data-list ul li:nth-child(3) a::before {background: url(/images/hmpg/main/ico-hand.png) no-repeat center;}
#data .data-list ul li strong {font-size: 28px; margin-bottom: 10px;}
#data .data-list ul li span {font-size: 24px;}
#data .data-list ul li a:hover, 
#data .data-list ul li a:active, 
#data .data-list ul li a:focus {background-size: 130% !important;}

/* Visual */
#visual {width: 72%; padding-right: 30px;}
#visual .visual-slider .inner {position: relative; overflow: hidden; width: 100%; margin: 0 auto; border:1px solid #ececec; /* height: 340px; */}
#visual .slide-list > li,
#visual .slide-list > li a {display:block; position:relative; width:100%; height:0; padding-bottom:40.866%; overflow:hidden;}
#visual .slide-list > li a:focus-visible {outline:0; border-radius:2px; border:2px solid #000;}
#visual .slide-list > li img {position:absolute; top:0; left:0; width:100%; height:100%;}

#visual .visual-slider .control-box {display: flex; align-items: center; position: absolute; right: 15px; bottom: 15px; padding: 7px 15px; line-height: 0; border-radius: 12px; background-color: rgba(0, 0, 0, 0.5); z-index: 2;}
#visual .visual-slider .control-box > div:nth-child(n + 2) {margin-left: 10px;}

#visual .visual-slider .swiper-pagination-bullet {background-color: transparent; border: 1px solid #fff; opacity: 1;}
#visual .visual-slider .swiper-pagination-bullet:nth-of-type(n + 2) {margin-left: 10px;} 
#visual .visual-slider .swiper-pagination-bullet-active {background-color: #fff;}

#visual .visual-slider .swiper-prev,
#visual .visual-slider .swiper-next {background: url(/images/hmpg/main/btn-control.png) no-repeat 0 0; width: 6px; height: 10px; cursor: pointer; z-index: 1;}
#visual .visual-slider .swiper-prev {background-position: 0 center;}
#visual .visual-slider .swiper-next {background-position: -7px center;}

#visual .visual-slider .autoplay-control {background: url(/images/hmpg/main/btn-control.png) no-repeat center; background-position: -14px center; width: 7px; height: 9px; font-size: 0;}
#visual .visual-slider .autoplay-control.on {background-position: -22px center;}

#login {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 60px 0;
    flex-direction: column;
    align-items: center;
}
.tit-area{margin-bottom:50px;}
.titment{font-size:22px;font-weight:bolder;}
.subment{font-size:16px;}
.tit-area{text-align:center;}
#login .login-box {
    width: 100%;
    max-width: 960px;
    background: #ffffff;
    border: 1px solid #D3D4DB;
    border-radius: 10px;
    gap: 30px;
    /* box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04); */
    padding: 50px 150px 30px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    grid-template-rows: auto auto auto;
    column-gap: 10px;
    align-items: center;
}

#login .login-box .tit-area {
    grid-column: 1 / 3;
    text-align: center;
    margin-bottom: 25px;
}

#login .login-box .tit-area h2.tit {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

#login .login-box .tit-area p {
    font-size: 15px;
    color: #666;
}

#login .login-box .login-input {
    grid-column: 1 / 2;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.bottomBackground {
    position: absolute;
    height: 30vh;
    width: 100%;
    z-index: -1;
    bottom: 0px;
    background: linear-gradient(to bottom, #F8F9FB 0%, #FFF2F6 100%);
}
#login .login-box .login-input input {
    width: 100%;
    height: 55px;
    padding-left: 50px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}


#login .login-box .login-input input:nth-of-type(1) {
    background: url(/images/hmpg/main/ico-id.png) no-repeat 18px center #fff;
}
#login .login-box .login-input input:nth-of-type(2) {
    background: url(/images/hmpg/main/ico-pw.png) no-repeat 18px center #fff;
}

#login .login-box .login-btn {
    /* grid-column: 2 / 3; */
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: none;
    background: #E96271;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    /* box-shadow: 0 3px 8px rgba(255, 105, 153, 0.4); */
    transition: background 0.2s ease, transform 0.1s ease;
}

#login .login-box .login-btn:hover {
    background: #d25765;
    transform: translateY(-1px);
}

#login .login-box .link {
    grid-column: 1 / 3;
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}

#login .login-box .link a {
    color: #868897;
    position: relative;
    transition: color 0.25s ease;
}


#login .login-box .link a:hover {
    color: #E96271;
}



#login .login-box .link a + a::before {
    content: "│";
    display: inline-block;
    margin: 0 10px;
    color: #ccc;
}

 
    #login {
        margin: 30px 0 !important;
    }


    #login .login-box .tit-area {
        grid-column: 1 / 2;
    }

    #login .login-box .login-input {
        grid-column: 1 / 2;
    }

    

    #login .login-box .link {
        grid-column: 1 / 2;
    }
}

/* Search */
#search {position: relative; width: 38%; padding-right: 40px;}
#search::before {content: ""; background: url(/images/hmpg/main/main-bg1.png) no-repeat; width: 173px; height: 177px; position: absolute; left: -173px; bottom: -31px;}
#search .tit-area {margin-bottom: 44px;}
#search .tit-area h4 {margin-bottom: 15px;}
#search .tit-area p {color: #1e212a; letter-spacing: -0.72px;}
#search .popular-search-word {position: relative; width: 200px; height: 40px; overflow: hidden;}
#search .popular-search-word ul li {height: 40px; line-height: 40px; margin: 0px 5px;}
#search .popular-search-word ul li a {display: flex; align-items: baseline; color: #b8b8b8;}
#search .popular-search-word ul li b {margin-right: 15px;}
#search .popular-search-word ul li span {display: inline-block; width: calc(100% - 58px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#search .popular-search-word ul li .ico-box {display: inline-block; font-size: 0; background: url(/images/hmpg/main/ico-up.png) no-repeat center; width: 12px; height: 10px; margin-left: 8px;}
#search .popular-search-word ul li .ico-box.down {transform: rotate(180deg);}
#search .search-input {position: relative; display: flex; align-items: center; border-bottom: 2px solid #323a43;}
#search .search-input input {border: 0; padding-right: 0; width: calc(100% - 257px); height: 48px;}
#search .search-btn {position: absolute; right: 0; top: 0; width: 57px; height: 48px; font-size: 0; background: url(/images/hmpg/main/ico-search.png) no-repeat center;}
#search .search-input.on input {width: 100%;}
#search .search-input.on .popular-search-word {display: none;}

/* Quick Menu */
#quick-menu {width: 62%;}
#quick-menu .quick-menu-box {padding: 18px 25px; background-color: #f3f3f7;}
#quick-menu .quick-menu-box h4 {font-size: 14px; letter-spacing: 2.1px; color: #5c6673;}
#quick-menu .quick-menu-box ul {display: flex; align-items: center; justify-content: center;}
#quick-menu .quick-menu-box ul li {position: relative; width: 100%; text-align: center;}
#quick-menu .quick-menu-box ul li:first-child::after {content: ""; width: 1px; background: #5c6673; position: absolute; top: 10px; bottom: 10px; right: 0;}
#quick-menu .quick-menu-box ul li a {position: relative; color: #323a43; top: 0; transition: all 0.3s ease-in-out;}
#quick-menu .quick-menu-box ul li a::before {content: ""; display: block; width: 85px; height: 76px; margin: 0 auto 10px;}
#quick-menu .quick-menu-box ul li:nth-child(1) a::before {background: url(/images/hmpg/main/ico-quick1.png) no-repeat center;}
#quick-menu .quick-menu-box ul li:nth-child(2) a::before {background: url(/images/hmpg/main/ico-quick2.png) no-repeat center;}
#quick-menu .quick-menu-box ul li a:hover::before {animation: vibes 1s ease infinite;}
@keyframes vibes {
	0% {transform:translateY(0)}
	20% {transform:translateY(3px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(3px)}
	100% {transform:translateY(0)}
}

/* Section2 */
#sec2 {padding: 30px 0; background: linear-gradient(#5c6673 75%, #fff 25%);}

#rec-data {position: relative; min-height: 600px; text-align: center;}
#rec-data::after {content: ""; background: url(/images/hmpg/main/main-bg2.png) no-repeat; width: 159px; height: 209px; position: absolute; right: -185px; bottom: 80px;}
#rec-data h4.tit {color: #fff; margin-bottom: 25px;}

/* Tab Menu */
#tab-slide .tit-list {display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}
#tab-slide .tit-list li {position: relative; padding: 0 15px;}
#tab-slide .tit-list li + li::before {content: ""; position: absolute; bottom: 7px; left: 0; width: 3px; height: 3px; background-color: #fff; border-radius: 50%;}
#tab-slide .tit-list li a { color: rgba(255, 255, 255, 0.6); padding-bottom: 7px; border-bottom: 1px solid transparent; transition: all 0.3s ease-in-out;}
#tab-slide .tit-list li a::before {content: ""; display: block; width: 25px; height: 25px; margin: 0 auto; padding-bottom: 5px; opacity: 0.6; background-size: 25px !important; transition: all 0.3s ease-in-out;}
#tab-slide .tit-list li:nth-child(1) a::before {background: url(/images/hmpg/main/ico-all.png) no-repeat center;}
#tab-slide .tit-list li:nth-child(2) a::before {background: url(/images/hmpg/main/ico-cloud.png) no-repeat center;}
#tab-slide .tit-list li:nth-child(3) a::before {background: url(/images/hmpg/main/ico-robot.png) no-repeat center;}
#tab-slide .tit-list li:nth-child(4) a::before {background: url(/images/hmpg/main/ico-hand.png) no-repeat center;}
#tab-slide .tit-list li.active a {border-bottom-color:currentColor;}
#tab-slide .tit-list li a:hover,
#tab-slide .tit-list li.active a {color: #fff;}
#tab-slide .tit-list li a:hover::before,
#tab-slide .tit-list li.active a::before {opacity: 1;}
#tab-slide .tab-con .tab-list {display: none; padding: 0 70px;}

/* Slide */
#tab-slide .slider {position: relative; text-align: center;}
#tab-slide .slider .inner {overflow: hidden; width: 100%; margin: 0 auto;}
#tab-slide .slide-list > li {margin: 0 22.5px 6px; width: calc(33.333% - 45px); text-align: center; background-color: #fff; border-radius: 0 20px 0 20px; box-shadow: 0 3px 6px 0 rgba(92, 102, 115, 0.2);}
#tab-slide .slide-list > li.nodata {display: flex; align-items: center; justify-content: center; width: calc(100% - 40px); height: 200px; padding: 20px;}
#tab-slide .slide-list > li a {display: block; width: 100%; height: 100%; padding: 15px; color: #000; overflow: hidden;}
#tab-slide .slide-list > li .customImageCss {display: block; width: 100%; height: 180px; border-radius: 10px; margin-bottom: 15px;}
#tab-slide .slide-list > li strong {display: block; font-size: 20px; margin-bottom: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
#tab-slide .slide-list > li p {margin-bottom: 20px; overflow: hidden; white-space: normal; height: 2.4em;}
#tab-slide .slide-list > li .info {display: flex; flex-flow: column; font-size: 14px; margin-bottom: 20px;}
#tab-slide .slide-list > li .info dl {text-align: left; }
#tab-slide .slide-list > li .info dl:nth-child(n + 2) {margin-top: 10px;}
#tab-slide .slide-list > li .info dl.place dd {width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#tab-slide .slide-list > li .info dl * {display: inline-block; vertical-align: middle;}
#tab-slide .slide-list > li .info dl dt {margin-right: 10px;}
#tab-slide .slide-list > li .info dl dt img {margin-right: 5px;}
#tab-slide .slide-list > li .info dl dd .badge {height: 25px; line-height: 25px; font-size: 14px; margin-bottom: 5px;}
#tab-slide .slide-list > li .cate {display: inline-block; padding: 5px 15px; border-radius: 17px; border: 1px solid #707070;}

#tab-slide .slider .swiper-prev,
#tab-slide .slider .swiper-next {position: absolute; top: 50%; transform: translateY(-50%); width: 66px; height: 66px; border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); text-indent: -999em; cursor: pointer; z-index: 1;}
#tab-slide .slider .swiper-prev {background: url(/images/hmpg/main/ico-prev.png) no-repeat center #323a43; left: -100px;}
#tab-slide .slider .swiper-next {background: url(/images/hmpg/main/ico-next.png) no-repeat center #323a43; right: -100px;}

/* Section3 */
#sec3 {padding: 10px 0 80px 0;}
#sec3 .content-wrap {display: flex;}

/* Notice */
#notice {width: 55%; margin-right: 50px;}
#notice .notice-tab-list {height: 303px;}
#notice .notice-tab-list > ul {position: relative; border-bottom:1px solid #5c6673; *zoom: 1;}
#notice .notice-tab-list ul::after {content: ""; display: block; clear: both;}
#notice .notice-tab-list li {float: left; margin-bottom: -1px;}
#notice .notice-tab-list li .notice-tab {position: relative; float: left; color: #666;}
#notice .notice-tab-list li .notice-tab span {display: inline-block; padding: 10px 20px; font-size: 24px; letter-spacing: -1px; cursor: pointer;}
#notice .notice-tab-list li ul {width: 100%; position: absolute; top: 51px; left: 0; *zoom: 1;}
#notice .notice-tab-list li ul::after {content: ""; display: block; clear: both;}
#notice .notice-tab-list li ul li {float: none; position: relative; padding: 25px 0 15px 0; font-size: 18px; color:#999; display: flex;}
#notice .notice-tab-list li ul li + li {border-top: 1px solid #d4d4d4;}
#notice .notice-tab-list li li .date {color: #7c7c7c; width: 120px;}
#notice .notice-tab-list li li a.tit {display: block; width: calc(100% - 120px); float: none; color: #000;  font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#notice .notice-tab-list li li.more {position: absolute; top: -42px; right: 0; border: 0 !important; margin: 0; padding: 0;}
#notice .notice-tab-list li li.more .more-btn {display: block; background: url(/images/hmpg/main/ico-plus.png) no-repeat center; width: 24px; height: 24px; font-size: 0; transition: all 0.3s;}
#notice .notice-tab-list li.active .notice-tab {color: #fff; background-color: #323a43;}
#notice .notice-tab-list li li a:hover, 
#notice .tab.list li li a:active, 
#notice .tab.list li li a:focus {text-decoration: underline;}
#notice .notice-tab-list li li.more .more-btn:hover, 
#notice .notice-tab-list li li.more .more-btn:focus {transform: rotate(180deg);}

/* Faq */
#faq {width: 45%;}
#faq .faq-box {padding: 25px 38px; background-color: #f3f3f7; border-radius: 0 20px 0 20px; box-shadow: 0 3px 6px 0 rgba(50, 58, 67, 0.2);}
#faq .faq-box .tit-area {display: flex; align-items: center; justify-content: space-between;}
#faq .faq-box .tit-area .more-btn {background: url(/images/hmpg/main/ico-plus-w.png) no-repeat center #323a43; width: 42px; height: 42px; font-size: 0; border-radius: 50%; transition: all 0.3s;}
#faq .faq-box .faq-list ul li {padding: 30px 0 15px 0; border-bottom: 1px solid #dbdbdb;}
#faq .faq-box .faq-list ul li:last-child {border-bottom: 0;}
#faq .faq-box .faq-list ul li a {display: block; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#faq .faq-box .faq-list ul li a:hover,
#faq .faq-box .faq-list ul li a:active,
#faq .faq-box .faq-list ul li a:focus {text-decoration: underline;}
#faq .faq-box .tit-area .more-btn:hover,
#faq .faq-box .tit-area .more-btn:active,
#faq .faq-box .tit-area .more-btn:focus {background: url(/images/hmpg/main/ico-plus-w.png) no-repeat center #5c6673; transform: rotate(180deg);}




/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Slide */
	#tab-slide .slide-list > li p {height: 2.5em;}
}

@media screen and (max-width:1600px) {
    /* Search */
    #search::before {display: none;}

    /* Section2 */
    #rec-data::after {display: none;}
    #sec2::after {display: none;}

    /* Slide */
    #tab-slide .slider .swiper-prev {left: -60px;}
    #tab-slide .slider .swiper-next {right: -60px;}
}

@media screen and (max-width:1250px) {
.buttonStyle2:hover {
    background-color: #fff !important;
    color: #E96271 !important;
    border-color: #E96271 !important;
}
#login .login-box .login-btn {width: 100% !important;        height: 120px;}
#login .login-box{    grid-template-columns: minmax(0, 1fr) 150px;}
    /* Data */
    #data {width: calc(100% - 330px);}
    #data .data-list ul li strong {font-size: 20px; margin-bottom: 7px;}
    #data .data-list ul li span {font-size: 18px;}
    
    /* Visual */
    #visual {width: calc(100% - 330px);}


    /* Quick Menu */
    #quick-menu .quick-menu-box ul li:first-child::after {top: 25px; bottom: 25px;}
    #quick-menu .quick-menu-box ul li a {font-size: 15px;}

    /* Section2 */
    #sec2 {background: #5c6673;}
    #sec2 .content-wrap {padding: 0;}
    
    #rec-data {min-height: auto;}

    /* Slide */
    #tab-slide .tab-con .tab-list {padding: 0;}

    #tab-slide .slide-list > li {width: 300px;}

    #tab-slide .slider .swiper-prev {left: 10px;}
    #tab-slide .slider .swiper-next {right: 10px;}

    /* Section3 */
    #sec3 {padding: 50px 0;} 

    /* Notice */
    #notice .notice-tab-list {height: 252px;}
    #notice .notice-tab-list li .notice-tab span {font-size: 20px;}
    #notice .notice-tab-list li ul li {padding: 20px 0 10px 0; font-size: 16px;}

    /* Faq */
    #faq .faq-box {padding: 20px 25px;}
    #faq .faq-box .faq-list ul li {padding: 25px 0 10px 0;}
    #faq .faq-box .faq-list ul li a {font-size: 16px;}
}

@media screen and (max-width:1023px) {
    /* Data */
    #data {width: 100%; padding-right: 0;}
    #data .data-list ul li a {height: 250px;}
    
    /* Visual */
    #visual {width: 100%; padding-right: 0; margin-bottom: 0 !important;}

    /* Login */
    .main-content #login {display: none;}

    /* Search */
    #search .popular-search-word {display: none;}
    #search .search-input input {width: calc(100% - 57px);}
}
@media screen and (max-width:520px) {
	.sub-text {
	    letter-spacing: 0.2em !important;
	    word-spacing: 0em !important;
	}
	.intro-sec--quick::before{display:none;}
	.intro-sec--quick .centerhub-tabs {
        display: flex !important;
        flex-direction: column;
        padding: 25px;
        background: #FFF2F6;
        border-radius: 6px;
	}
	.intro-sec{padding:0px !important;margin:20px 0px !important;}
}
@media screen and (max-width:420px) {
	
}
@media screen and (max-width:767px) {
	.intro .intro-hero{flex-direction: column;}
    /* Section1 */
    #sec1 {padding: 20px 0 30px 0;} 
    #sec1 .col {width: 100%;}
    #sec1 .col:nth-child(-n+2) {margin-bottom: 15px;}

    /* Data */
    #data {order: 2;}
    #data .data-list ul li + li {margin-left: 5px;}
    #data .data-list ul li a {height: 140px;}
    #data .data-list ul li a::before {width: 25px; height: 25px; background-size: 25px !important;}
    #data .data-list ul li strong {font-size: 18px;}
    #data .data-list ul li span {font-size: 14px;}
    
    /* Visual */
    #visual {order: 2;}
    /* #visual .visual-slider .inner {height: 200px;} */
    #visual .visual-slider .control-box {right: 8px; bottom: 8px;}

    /* Search */
    #search {order: 1; margin-bottom: 13px; padding-right: 0;}
    #search .tit-area {display: none;}
    #search .search-input {border: 0; background-color: #f3f3f7;}
    #search .search-input input {width: calc(100% - 37px); height: 45px; background-color: #f3f3f7;}
    #search .search-btn {width: 37px; height: 45px; opacity: 0.5; background-size: 20px;}

    /* Quick Menu */
    #quick-menu {order: 3;}
    #quick-menu .quick-menu-box {padding: 10px;}
    #quick-menu .quick-menu-box h4 {display: none;}
    #quick-menu .quick-menu-box ul {justify-content: space-between;}
    #quick-menu .quick-menu-box ul li {width: auto; flex: auto;}
    #quick-menu .quick-menu-box ul li:first-child::after {top: 0; bottom: 0;}
    #quick-menu .quick-menu-box ul li a {font-size: 14px;}
    #quick-menu .quick-menu-box ul li a::before {display: none;}

    /* Section2 */
    #rec-data h4.tit {margin-bottom: 15px;}

    /* Slide */
    #tab-slide .tit-list {margin-bottom: 30px;}
    #tab-slide .tit-list li a {font-size: 14px;}

    #tab-slide .slide-list > li {width: 250px;}
    #tab-slide .slide-list > li .customImageCss {height: 120px;}
    #tab-slide .slide-list > li strong {font-size: 14px;}
    #tab-slide .slide-list > li p {display: none;}
    #tab-slide .slide-list > li .info {font-size: 12px;}
    #tab-slide .slide-list > li .info dl dt {margin-right: 7px;}
    #tab-slide .slide-list > li .info dl dt img {width: 13px; height: 13px; margin-right: 3px;}
    #tab-slide .slide-list > li .cate {font-size: 14px; padding: 2px 10px;}

    #tab-slide .slider .swiper-prev,
    #tab-slide .slider .swiper-next {width: 50px; height: 50px; background-size: 10px;}

    /* Section3 */
    #sec3 {padding: 30px 0;} 
    #sec3 .content-wrap {flex-flow: column;}
    #sec3 .col {width: 100% !important;}

    /* Notice */
    #notice {margin-right: 0; margin-bottom: 30px;}
    #notice .notice-tab-list {height: 222px;}
    #notice .notice-tab-list li .notice-tab span {font-size: 18px;}
    #notice .notice-tab-list li ul {top: 43px;}
    #notice .notice-tab-list li ul li {padding: 15px 0 10px 0; font-size: 14px;}
    #notice .notice-tab-list li li .date {width: 105px;}
    #notice .notice-tab-list li li a.tit {width: calc(100% - 105px);}
    #notice .notice-tab-list li li.more {top: -30px; right: 5px;}
    #notice .notice-tab-list li li.more .more-btn {width: 20px; height: 20px; background-size: 20px;}

    /* Faq */
    #faq .faq-box {padding: 15px 20px;}
    #faq .faq-box .tit-area .more-btn {width: 30px; height: 30px; background-size: 15px !important;}
    #faq .faq-box .faq-list ul li {padding: 20px 0 10px 0;}
    #faq .faq-box .faq-list ul li a {font-size: 14px;}
}

.moblie-only {display: none !important;}

.filter-group .filter-wrap h4 {font-size: 18px; font-weight: 600; margin-right: 20px;}
.filter-group .filter-wrap .filter {display: flex; flex-flow: wrap; align-items: center;}
.filter-group .filter-wrap .filter button {position: relative; z-index: 0;}
.filter-group .filter-wrap .filter button + span {margin: 0 23px;}
.filter-group .filter-wrap .filter button.on::after {content: ""; position: absolute; bottom: -3px; left: -10px; right: -10px; height: 14px; background-color: #ffee81; border-radius: 50px; z-index: -1;}

.filter-group.f-l {margin-bottom: 0; height: 40px;}

/* Board Search */
.board-search {width: 100%; max-width: 493px; margin: 0; display: flex; align-items: center; justify-content: center; }
.board-search .search-input {width: calc(100% - 110px);}

/* Board Top */
.board-top {display: flex; align-items: flex-start; flex-flow: wrap-reverse; margin-bottom: 10px; clear: both;}
.board-top .total {margin-top: 15px;}
.board-top .button-group {margin-left: auto;}
.board-top .button {margin-left: auto;}

/* Gallery List */
.gallery-list {border-top: 2px solid #323a43;}
.gallery-list ul {display: flex; flex-flow: wrap; margin-left: -40px; margin-top: 20px;}
.gallery-list ul li {width: 25%; padding-left: 40px; margin-bottom: 40px;}
.gallery-list ul li .img-box {position: relative; overflow: hidden; width: 100%; background-color: #eee; margin-bottom: 10px;}
.gallery-list ul li .img-box::after {content: ""; display: block; padding-bottom: 100%;}
.gallery-list ul li .img-box img {position: absolute; width: 100%; height: 100%; transition: all 0.3s ease-in-out;} 
.gallery-list ul li .info-box .tit {display: block; font-size: 18px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery-list ul li .info-box .info {display: flex; flex-flow: wrap; align-items: baseline; justify-content: space-between; font-size: 14px; color: #a1a1a1;}
.gallery-list ul li .info-box .info .name {word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.gallery-list ul li a:hover .img-box img,
.gallery-list ul li a:active .img-box img,
.gallery-list ul li a:focus .img-box img {transform: scale(1.1);}
.gallery-list ul li a:hover .info-box .tit {text-decoration: underline;}
.btn-file{margin-bottom:20px; border: solid 1px #d4d4d4; border-radius:6px;}
.btn-file:hover{border: solid 1px #d4d4d4;}
#board-write .write-con {margin-bottom: 15px;}
/*.btn-file:hover {border: solid 1px #d4d4d4; background-color: #f6f6f6;}*/
#board-write .write-con input {width: 100%; font-size: 18px; font-weight: normal; padding:20px;}
#board-write .write-con textarea {border-radius: 6px; height: 500px; padding:20px;}
#board-write .upload-box {padding: 20px; border-radius: 6px; background-color: #fdf8fa; margin-bottom: 30px;}
#board-write .upload-box .input-file {display: inline-block;}
#board-write .upload-box .input-file [type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none;}
#board-write .upload-box .input-file [type="file"] + .file-label {display: inline-block; height: 30px; line-height: 30px; text-align: center; padding: 0 13px;}
#board-write .upload-box .input-file [type="file"]:focus + .file-label {outline: 2px solid #000; border-radius: 2px;}
#board-write .button-group .button:nth-child(2) {width: 100px;}


#board-view .view-tit .tit-area {border-bottom: 2px solid #323a43; padding: 15px; margin-bottom: 0; background-color: #fbfbfb; text-align: left;}
#board-view .view-tit .tit-area .tit {font-size: 22px;}

#board-view .view-tit .info-box {border-bottom: 1px solid #d4d4d4; display: flex; flex-flow: wrap; align-items: flex-start; justify-content: space-between;}

#board-view .view-tit .info-box .info {display: flex; flex-direction: column; gap: 0; width:100%;}

#board-view .view-tit .info-box .info .meta-line,
#board-view .view-tit .info-box .info .attach-line {padding: 25px 20px; border-bottom: 1px solid #d4d4d4;}

#board-view .view-tit .info-box .info .attach-line {display: grid; grid-template-columns: 90px 1fr; column-gap: 12px; align-items: center;}
#board-view .view-tit .info-box .info .attach-line:last-child {border-bottom: 0;}

#board-view .view-tit .info-box .info span,
#board-view .view-tit .info-box .info a {color: #a2a2a2; font-size:17px;}

#board-view .view-tit .info-box .info .meta-line {display: flex; flex-wrap: wrap; align-items: center;}
#board-view .view-tit .info-box .info .meta-line span:nth-child(n + 2)::before {content: '|'; display: inline-block; margin: 0 20px;}

#board-view .view-tit .info-box .info .attach-line .label {color: #a2a2a2; font-weight: 600; padding-top: 2px;}

#board-view .view-tit .info-box .info .attach-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 10px;}

#board-view .view-tit .info-box .info .attach-grid ul {list-style: none; margin: 0; padding: 0; display: contents;}
#board-view .view-tit .info-box .info .attach-grid li {display: block;}

#board-view .view-tit .info-box .info .attach-grid a {
  color: #a2a2a2;
  text-decoration: none;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 22px;
  position: relative;
}

#board-view .view-tit .info-box .info .attach-grid a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 19px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 14px;
}

#board-view .view-tit .info-box .info .attach-file .attach-grid a::before {background-image: url(/images/hmpg/common/ico-file.png);}
#board-view .view-tit .info-box .info .attach-image .attach-grid a::before {background-image: url(/images/hmpg/common/ico-file.png);}

#board-view .view-tit .info-box .info .attach-grid a:hover {text-decoration: underline;}

#board-view .view-tit .info-box .button-group .prev {background: url(/images/hmpg/common/ico-prev.png) no-repeat center; border: 0; font-size: 0; padding: 0; width: 24px; height: 26px;}

#board-view .view-con {margin-bottom: 15px; padding: 25px 20px; border-bottom: 1px solid #d4d4d4; word-wrap: break-word;}

#board-view .view-answer {margin-top: -15px; margin-bottom: 15px; padding: 20px; background-color: #fcf9f9;}
#board-view .view-answer strong {color: #777;}
#board-view .view-answer strong::before {content: 'A.'; display: block; margin-bottom: 10px; font-weight: 800; font-size: 24px;}
#board-view .view-answer strong::after {content: ''; display: block; width: 50px; height: 1px; margin: 10px 0 20px 0; background-color: #d4d4d4;}


/* Survey */
.survey-content {padding: 150px 0 60px 0; background-color: #fefef7;}
#survey {position: relative; padding: 50px 30px; background-color: #fff; border: solid #FF78A0; border-width: 60px; border-radius: 50px;}
#survey::before {content: ''; background: url(/images/hmpg/content/clip.png) no-repeat center; width: 178px; height: 125px; position: absolute; top: -157px; left: 50%; transform: translateX(-50%);}
#survey .tit-area {text-align: center; margin-bottom: 40px;}
#survey .tit-area .date {
    display: inline-block;
    padding: 30px 10px;
    margin-bottom: 20px;
    color: #aeaeae;
    background-color: #f5f5f5;
    border-radius: 6px;
    width: 100%;
}
#survey .tit-area .tit {
    color: #FF78A0;
    font-weight: 900;
    margin:10px 0px;
}
#survey .form-area {border-bottom: 1px dashed #FF78A0; padding-bottom: 40px; margin-bottom: 70px;}
#survey .form-area .terms {margin-bottom: 30px;}
#survey .form-area .board-form {margin-bottom: 50px;}
#survey .form-area .agree {
    display: flex;
    justify-content: center;
}
#survey .form-area .agree .txt {margin-right: 50px;}
#survey .form-area .agree .option ul {display: flex;}
#survey .form-area .agree .option ul li {margin-right: 20px;}
#survey .form-area .agree .option ul li:nth-child(2) {margin-right: 0;}

#survey .survey-area .survey-con:nth-child(n + 2) {margin-top: 50px;}
#survey .survey-area .survey-con h4 {font-size: 18px; margin-bottom: 15px;}
#survey .survey-area .survey-con .box {padding: 20px; background-color: #fbf8f8ad;}
#survey .survey-area .survey-con .option:nth-of-type(n + 2) {margin-top: 40px;}
#survey .survey-area .survey-con .option h6 {font-size: 18px; font-weight: 600; padding-left: 30px; margin-bottom: 20px;}
#survey .survey-area .survey-con .option ul {padding-left: 70px;}
#survey .survey-area .survey-con .option ul li:nth-child(n + 2) {margin-top: 15px;}
#survey .survey-area .survey-con .option ul li .text-area {width: 70%; margin-top: 5px; margin-left: 25px;}
#survey .survey-area .survey-con .option ul li .text-area textarea {height: 65px;}
#survey .survey-area .survey-con .option ul li .answer {width: calc(70% + 25px); background-color: transparent;}
/*#survey .survey-area .survey-con .option ul li input.radio:checked + label,
#survey .survey-area .survey-con .option ul li input.checkbox:checked + label {color: #0081e4; text-decoration: underline;}
*/
#survey .survey-area .button-group {text-align: center; border-top: 1px dashed #FF78A0; padding-top: 40px; margin-top: 70px;}

/* Webzine List */
.webzine-list .list td.subject .wrap {display: flex; align-items: center;}
.webzine-list .list td.subject .img-box {position: relative; display: flex; align-items: center; justify-content: center; width: 220px; height: 120px; background-color: #eee !important; background-size: cover !important; margin-right: 20px;}
.webzine-list .list td.subject .info-box {width: calc(100% - 240px);}
.webzine-list .list td.subject .info-box .tit-area {margin-bottom: 20px;}
.webzine-list .list td.subject .info-box .info {display: flex; flex-flow: wrap;}
.webzine-list .list td.subject .info-box .info dl {margin-bottom: 3px; margin-right: 20px;}
.webzine-list .list td.subject .info-box .info dl * {display: inline-block; vertical-align: middle;}
.webzine-list .list td.subject .info-box .info dl dt {margin-right: 10px;}
.webzine-list .list td.subject .info-box .info dl dt img {margin-right: 5px;}
.webzine-list .list td.subject .info-box .info dl.data dd span:nth-child(n + 2)::before {content: ','; margin-right: 5px;}
.webzine-list .list td.subject .info-box .info dl.data dd span a {color: #1460b6;}
.webzine-list .list td.date .badge {margin-bottom: 10px;}

.webzine-list .list tr.hide-con {display: none;}
.webzine-list .list td .terms {overflow-y: visible; height: auto; margin-bottom: 50px;}
.webzine-list .list td .terms h4 {margin-bottom: 5px;}
.webzine-list .list td .terms .scroll {padding: 10px 35px; height: 95px; overflow-y: auto; background-color: #fff; text-align: left; margin-bottom: 15px;}
.webzine-list .list td .terms .option {margin-bottom: 15px;}
.webzine-list .list td .terms .option ul {display: flex; justify-content: flex-end;}
.webzine-list .list td .terms .option ul li {margin-right: 20px;}
.webzine-list .list td .terms .option ul li:nth-child(2) {margin-right: 0;}

.webzine-list .list tr.on td {border-bottom: 0;}

#edu .webzine-list .list td.subject .info-box .info dl.name,
#edu .webzine-list .list td.subject .info-box .info dl.place,
#edu .webzine-list .list td.subject .info-box .info dl.time {display: none;}
#edu .webzine-list .list tr.on td.subject .info-box .info dl.name,
#edu .webzine-list .list tr.on td.subject .info-box .info dl.place,
#edu .webzine-list .list tr.on td.subject .info-box .info dl.time {display: block;}

#edu-detail .webzine-list .list td.state .badge {margin-bottom: 10px;} 

/* Learning */
#learning .list {padding-top: 30px; border-top: 1px solid #5c6673; border-bottom: 1px solid #5c6673; margin-bottom: -1px;}
#learning .list.nodata {padding:20px 0; text-align:center;}
#learning .list .basic-table {display: flex; width: 100%;}
#learning .list .basic-table .con {border: 1px solid #c5c5c5;}
#learning .list .basic-table .con:nth-child(1) {width: 55%; padding: 20px;}
#learning .list .basic-table .con:nth-child(n + 2) {width: calc(45% / 3); margin-left: -1px; text-align: center;}
#learning .list .basic-table .con .th {border-bottom: 1px solid #c5c5c5; height: 40px; line-height: 40px;}
#learning .list .basic-table .con .td {height: calc(100% - 40px); display: flex; flex-flow: column; align-items: center; justify-content: center;}
#learning .list .basic-table .con .td .badge {margin-top: 10px;}
#learning .list .basic-table .subject .wrap {display: flex; flex-flow: wrap; align-items: center;}
#learning .list .basic-table .subject p {width: 100%; font-size: 14px; margin-bottom: 7px;}
#learning .list .basic-table .subject .img-box {position: relative; display: flex; align-items: center; justify-content: center; width: 220px; height: 120px; background-color: #eee !important; background-size: cover !important; margin-right: 20px;}
#learning .list .basic-table .subject .img-box .bg {position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; color: #fff;}
#learning .list .basic-table .subject .img-box .bg span {color: #fff; }
#learning .list .basic-table .subject .info-box {width: calc(100% - 240px);}
#learning .list .basic-table .subject .info-box .tit-area {margin-bottom: 20px;}
#learning .list .basic-table .subject .info-box .info {display: flex; flex-flow: wrap;}
#learning .list .basic-table .subject .info-box .info dl {margin-bottom: 3px; margin-right: 20px;}
#learning .list .basic-table .subject .info-box .info dl * {display: inline-block; vertical-align: middle;}
#learning .list .basic-table .subject .info-box .info dl dt {margin-right: 10px;}
#learning .list .basic-table .subject .info-box .info dl dt img {margin-right: 5px;}
#learning .list .basic-table .subject .info-box .info dl.data dd span:nth-child(n + 2)::before {content: ','; margin-right: 5px;}
#learning .list .basic-table .subject .info-box .info dl.data dd span a {color: #1460b6;}

#learning .list .hide-table {display: none;}
#learning .list .hide-table .con {display: table; width: 100%; text-align: center; border-bottom: 1px solid #c5c5c5;}
#learning .list .hide-table .con > div {display: table-cell; vertical-align: middle; padding: 10px;}
#learning .list .hide-table .con > div:nth-child(1) {width: 10%; background-color: #f3f3f7;}
#learning .list .hide-table .con > div:nth-child(2) {width: 35%;}
#learning .list .hide-table .con > div:nth-child(n + 3) {width: calc(55% / 3);}
#learning .list .hide-table .con > .th .refresh {background: url(/images/hmpg/content/ico-refresh.png) no-repeat center #5c6673; display: inline-block; vertical-align: middle; font-size: 0; width: 35px; height: 20px; border-radius: 10px; margin-left: 5px;}
#learning .list .hide-table .con > .td .badge {margin-bottom: 10px;}
#learning .list .hide-table .con > .td .button {width: 60%; margin: 2px;}
#learning .list .hide-table .con > .td.subject {text-align: left;}
#learning .list .hide-table .con > .td.subject .tit-area {margin-bottom: 20px;}
#learning .list .hide-table .con > .td.subject .info dl * {display: inline-block;}
#learning .list .hide-table .con > .td.subject .info dl dt {margin-right: 10px;}
#learning .list .hide-table .con > .td.prog > span {display: block; margin-bottom: 10px;}
#learning .list .hide-table .con > .td.prog .progressbar {width: 62%; margin: 0 auto;}
#learning .list .toggle {display: block; text-align: center; padding: 15px 0;}
#learning .list .toggle span::before {content: ''; background: url(/images/hmpg/common/ico-select.png) no-repeat center; width: 13px; height: 8px; display: inline-block; margin-right: 5px; transition: all 0.15s ease-in-out;}
#learning .list .toggle.on span::before {transform: rotate(-180deg);}

/* Video Pop */
.video-content {background-color: #f9f9f9;}
#video-pop {width: 100%; max-width: 1200px;}
#video-pop .pop-body {padding: 30px;}
#video-pop .pop-body .wrap {display: flex; flex-flow: wrap;}
#video-pop .pop-body .wrap .left {width: 70%; margin-right: 20px;}
#video-pop .pop-body .wrap .left .video-area {position: relative; width: 100%; height: 0; margin-bottom: 30px; padding-bottom: 56.25%; background-color: #bbb;}
#video-pop .pop-body .wrap .left .video-area img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#video-pop .pop-body .wrap .left .tit-area .tit {margin-bottom: 5px;}
#video-pop .pop-body .wrap .right {position: relative; width: calc(30% - 20px);}
#video-pop .pop-body .wrap .right .info-area .tit-area {margin-bottom: 10px;}
#video-pop .pop-body .wrap .right .info-area .tit-area .badge {margin-bottom: 5px;}
#video-pop .pop-body .wrap .right .info-area .info {position: relative; height: 357px; padding-right: 10px; margin-bottom: 50px;}
#video-pop .pop-body .wrap .right .info-area .info::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 20px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
#video-pop .pop-body .wrap .right .info-area .info .con {padding: 15px 0;}
#video-pop .pop-body .wrap .right .info-area .info .con:nth-child(n + 2) {border-top: 1px solid #c5c5c5;}
#video-pop .pop-body .wrap .right .info-area .info .con .tit {margin-bottom: 5px;}
#video-pop .pop-body .wrap .right .info-area .info .con .scroll-box {height: 3.9em;}
#video-pop .pop-body .wrap .right .info-area .info .con dl * {display: inline-block;} 
#video-pop .pop-body .wrap .right .info-area .info .con dl dt {font-size: 15px; margin-right: 15px;}
#video-pop .pop-body .wrap .right .info-area .info .con dl dd {font-size: 14px;}
#video-pop .pop-body .wrap .right .button {display: block; width: 100%; height: 45px; line-height: 45px; position: absolute; left: 0; bottom: 0;}

/* 댓글 */
#board-comment .count { margin-bottom:10px; }
#board-comment .pagination { margin-bottom:20px; }
#board-comment .comment-list .comment {
    margin-bottom: -1px;
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
}
#board-comment .comment-list .comment .comment-box { padding:20px;     background-color: #ffff;}
#board-comment .comment-list .comment .comment-box + .comment-write { display:none; }
#board-comment .comment-list .comment .comment-box.open + .comment-write { display:block; border-top:1px solid #b9b9b9; }
#board-comment .comment-list .comment .comment-box .info { margin-bottom:10px; }  
#board-comment .comment-list .comment .comment-box .info .member { margin-right:5px; word-break:break-all; }
#board-comment .comment-list .comment .comment-box .info .date { font-size:14px; letter-spacing:-0.65px; color:#5c6673; } 
#board-comment .comment-list .comment .comment-box .info .pw { display:inline-block; }
#board-comment .comment-list .comment .comment-box .info .pw input { width:150px; height:30px; margin-right:10px; line-height:30px; }
#board-comment .comment-list .comment .comment-box .info .pw span { font-size:13px; }
#board-comment .comment-list .comment .comment-box .info .pw span.txt { margin-right:5px; }
#board-comment .comment-list .comment .comment-box .txt-area { margin-bottom:10px; }
#board-comment .comment-list .comment .comment-box .txt-area .tag { margin-right:5px; font-weight:600; color:#999; }
#board-comment .comment-list .comment .comment-box .button-group { text-align:right; }
#board-comment .comment-list .comment .comment-box .button-group .delete::after { display:none; }
#board-comment .comment-list .comment .comment-box .comment-write { display:none; margin-bottom:10px; }
#board-comment .comment-list .comment .comment-box.secret .info .member { position:relative; padding-left:18px; }
#board-comment .comment-list .comment .comment-box.secret .info .member::before { content:''; position:absolute; top:0; left:0; width:13px; height:16px; background:url(/images/hmpg/content/ico-lock.png) no-repeat center; }
#board-comment .comment-list .comment .comment-box.edit .info { display:flex; flex-flow:wrap; align-items:baseline; }
#board-comment .comment-list .comment .comment-box.edit .info .member { margin-right:20px; }
#board-comment .comment-list .comment .comment-box.edit .info .date { display:none; }
#board-comment .comment-list .comment .comment-box.modify .txt-area { display:none; } 
#board-comment .comment-list .comment .comment-box.modify .comment-write { display:block; }
#board-comment .comment-list .comment .comment-box.nodata { text-align:center; }
#board-comment .comment-list .comment .reply-area .comment-box { position:relative; padding-left:50px; border-top:1px solid #b9b9b9; background-color:#f8f9fB; }
#board-comment .comment-list .comment .reply-area .comment-box::before { content:''; display:inline-block; position:absolute; top:19px; left:30px; width:10px; height:10px; border-width:0 0 1px 1px; border-style:solid; border-color:#bbb; background:0 0; }
#board-comment .comment-list .comment .reply-area .comment-box .comment-write { padding:0; }

#board-comment .comment-write {
    padding: 25px;
    background-color: #fcf9f9;
}
#board-comment .comment-write .inner { display:flex; flex-flow:wrap; align-items:center; }
#board-comment .comment-write .input-group input { width:270px; height:30px; line-height:30px; }
#board-comment .comment-write .input-group input::placeholder { font-size:12px; }
#board-comment .comment-write .input-group input:nth-child(1) { margin-right:10px; }
#board-comment .comment-write .secret { margin-left:auto; }
#board-comment .comment-write .secret input + label { position:relative; padding-left:18px; color:#888; }
#board-comment .comment-write .secret input + label::before { content:''; opacity:.5; position:absolute; top:0; left:0; width:13px; height:16px; background:url(/images/hmpg/content/ico-open.png) no-repeat center; }
#board-comment .comment-write .secret input:focus-visible + label { outline:1px dashed #000; border-radius:2px; }
#board-comment .comment-write .secret input:checked + label { color:#333; }
#board-comment .comment-write .secret input:checked + label::before { background:url(/images/hmpg/content/ico-lock.png) no-repeat center; }
#board-comment .comment-write .txt-box {
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 15px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    height: 145px;
}
#board-comment .comment-write .txt-box textarea { width:calc(100% - 100px); border:0; }
#board-comment .comment-write .txt-box button { width:100px; height:auto; }

/* 아이디/비밀번호 찾기 */
#find-idpw .tit-area { margin-bottom:40px; text-align:center; }
#find-idpw .tit-area h2 { margin-bottom:5px; font-size:24px; }
#find-idpw .form-area { display:flex; justify-content:space-around; }
#find-idpw .form-area .form-box { position:relative; width:550px; padding:50px 25px; border:1px solid #cfcfcf; }
#find-idpw .form-area .form-box:first-child { margin-right:10px; }
#find-idpw .form-area .form-box h4 { margin-bottom:50px; padding-bottom:10px; border-bottom:3px solid #323a43; font-size:20px; }
#find-idpw .form-area .form-wrap { margin:0 90px; }
#find-idpw .form-area .form-wrap .input-area .clear-input-box { margin-bottom:40px; }
#find-idpw .form-area .form-wrap .input-area .clear-input-box span { position:absolute; top:0; left:0; }
#find-idpw .form-area .form-wrap .input-area .clear-input-box input { width:100%; }
#find-idpw .form-area .form-wrap .captcha { margin-bottom:85px; }
#find-idpw .form-area .form-wrap .captcha .preven > div:first-child { margin-bottom:10px; }
/* #find-idpw .form-area .form-wrap .captcha .img-area { width:100%; height:60px; margin-bottom:20px; background-color:#bbb; line-height:60px; text-align:center; }
#find-idpw .form-area .form-wrap .captcha input { width:100%; } */
#find-idpw .form-area .form-wrap .check-btn { position:absolute; left:115px; right:115px; bottom:50px; width:auto; height:45px; border-radius:50px; line-height:45px; }

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Learning */
	#learning .list .basic-table .subject .img-box .bg {background-color: rgba(0, 0, 0, 0.2);}
}

@media screen and (max-width:1250px) {
    /* Filter */
    .filter-group.f-l {float: none !important; margin-bottom: 35px; height: auto;}

    /* Board Search */
    .board-search.f-r {float: none !important;}

    /* Gallery List */
    .gallery-list ul {margin-left: -20px;}
    .gallery-list ul li {padding-left: 20px;}  

    /* Board View */
	#board-view .view-con img {height: auto !important;}

    /* Survey */
    .survey-content {padding: 125px 0 60px 0;} 
    #survey {padding: 50px 20px; border-width: 20px; border-radius: 20px;}
    #survey::before {height: 100px; top: -90px; background-size: contain;}

    #survey .form-area .board-form .form-field .th {width: 120px;}
    #survey .form-area .board-form .form-field .td {width: calc(100% - 120px);}

    /* Webzine List */
    .webzine-list .list td.subject .img-box {display: none;}
    .webzine-list .list td.subject .info-box {width: 100%;}
    
    /* Learning */
    #learning .list .basic-table .con:nth-child(1) {width: 45%;}
	#learning .list .basic-table .con:nth-child(n + 2) {width: calc(55% / 3);}
    #learning .list .basic-table .subject .img-box {display: none;}
    #learning .list .basic-table .subject .info-box {width: 100%;}

    #learning .list .hide-table .con > div:nth-child(2) {display: none;}
    #learning .list .hide-table .con > div:nth-child(n + 3) {width: calc(90% / 3);}
    
    /* 아이디/비밀번호 찾기 */
    #find-idpw .form-area .form-box h4 { margin-bottom:30px; }
    #find-idpw .form-area .form-wrap { margin:0 20px; }
    #find-idpw .form-area .form-wrap .input-area .clear-input-box { margin-bottom:20px; }
    #find-idpw .form-area .form-wrap .button { left:45px; right:45px; }
}

@media screen and (max-width:1023px) {
    /* Video Pop */
    #video-pop {height: 95%; overflow: auto;}
    #video-pop .pop-header {display: none;} 
    #video-pop .pop-body {padding: 10px;}
    #video-pop .pop-body .wrap .left,
    #video-pop .pop-body .wrap .right {width: 100%;}
    #video-pop .pop-body .wrap .left {margin-right: 0;}
    #video-pop .pop-body .wrap .left .video-area {width: 100%; height: 0; padding-bottom: 56.25%;}
    #video-pop .pop-body .wrap .right .info-area {margin-top: 20px; margin-bottom: 10px;}
    #video-pop .pop-body .wrap .right .info-area .tit-area {margin-bottom: 10px;}
    #video-pop .pop-body .wrap .right .info-area .tit-area .badge {height: 20px; line-height: 20px;}
    #video-pop .pop-body .wrap .right .info-area .info {height: 190px; margin-bottom: 0;}
    #video-pop .pop-body .wrap .right .info-area .info .con {padding: 10px 0;}
    #video-pop .pop-body .wrap .right .info-area .info .con .tit {margin-bottom: 7px;}
    #video-pop .pop-body .wrap .right .info-area .info .con dl dt {font-size: 14px;}
    #video-pop .pop-body .wrap .right .button {position: static; width: 200px; margin: 0 auto; height: 35px; line-height: 35px;}
}

@media screen and (max-width:767px) {
	
	#board-view .view-tit .info-box .info .attach-line{
		grid-template-columns: 62px 1fr !important;
	}
	#board-view .view-tit .info-box .info .meta-line{
		display: flex !important;
	    flex-wrap: wrap !important;
	    align-items: flex-start !important;
	    flex-direction: column !important;
	    gap:10px;
	}
	#board-view .view-tit .info-box .info .meta-line span:nth-child(n + 2)::before{
		display:none;
	}
    .moblie-only {display: block !important;}

    /* Filter */
    .filter-group,
    .filter-group.f-l {margin-bottom: 20px;}
    .filter-group .filter-wrap:nth-child(n + 2)::before {margin: 0 10px;}
    .filter-group .filter-wrap h4 {font-size: 15px;}
    .filter-group .filter-wrap .filter button + span {margin: 0 10px;}
    .filter-group .filter-wrap .filter button.on::after {left: -5px; right: -5px;}

    .filter-group.type1 .filter-wrap h4 {display: none;}
    .filter-group.type1 .filter-wrap .filter {position: relative; display: block; width:140px; height:35px;}
    .filter-group.type1 .filter-wrap .filter::after {content: ''; background:#fff url(/images/hmpg/common/ico-select.png) no-repeat center; width: 13px; height: 8px; position: absolute; top: 13px; right: 10px; transition: all 0.15s ease-in-out; z-index: 2;}
    .filter-group.type1 .filter-wrap .filter.open::after {transform: rotate(-180deg);}
    .filter-group.type1 .filter-wrap .filter button {display:none; width:100%; height:35px; line-height:33px; padding-left:10px; text-align:left; border: 1px solid #cdcdcd; background-color: #fff; z-index:1;}
    .filter-group.type1 .filter-wrap .filter button:nth-child(n + 2) {margin-top:-1px;}
    .filter-group.type1 .filter-wrap .filter button span {margin-right: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .filter-group.type1 .filter-wrap .filter button + span {display: none;}
    .filter-group.type1 .filter-wrap .filter button.on {display:block; z-index:2;}
    .filter-group.type1 .filter-wrap .filter button.on::after {display: none;}

    /* Board Search */
    .board-search {margin: 0 auto 25px;}
    .board-search select, .board-search .select {margin-right:5px;}
    .board-search .search-input {width:calc(100% - 105px);}

    /* Gallery List */
    .gallery-list ul {margin-left: -20px;}
    .gallery-list ul li {width: 50%; padding-left: 20px; margin-bottom: 30px;}  
    .gallery-list ul li .info-box .tit {font-size: 16px;}
	#board-view .view-tit .info-box .info span, #board-view .view-tit .info-box .info a{font-size: 14px;}
    /* Board Write */
    #board-write {padding-top: 51px;}
    #board-write .write-con input {font-size: 16px;} 
    


    /* Board View */
    #board-view {padding-top: 51px;}
    #board-view .view-tit .tit-area .tit {font-size:20px;}
    #board-view .view-tit .info-box {padding: 10px 0;}
    #board-view .view-tit .info-box .button-group .button:nth-child(2) {margin-left: auto;}
    #board-view .view-con {padding: 25px 20px;}
    #board-view .view-answer {padding:15px;}
    #board-view .view-answer strong::before {font-size:20px;}

    /* Survey */
    .survey-content {padding: 80px 0 30px 0;}
    #survey {padding: 30px 20px; border-width: 10px; border-radius: 10px;}
    #survey::before {height: 65px; top: -60px;}
    #survey .tit-area {margin-top: 0; margin-bottom: 30px;}
    #survey .tit-area .date {
        font-size: 15px;
        margin-bottom: 10px;
    }
    #survey .tit-area .tit {font-size: 20px;}

    #survey .form-area {padding-bottom: 30px; margin-bottom: 30px;}
    #survey .form-area .board-form {margin-bottom: 20px;}
    #survey .form-area .board-form .form-field .th,
    #survey .form-area .board-form .form-field .td {width: 100%;}
    #survey .form-area .agree {flex-flow: column; align-items: baseline;} 
    #survey .form-area .agree .txt {margin-right: 0; margin-bottom: 5px;}

    #survey .survey-area .survey-con:nth-child(n + 2) {margin-top: 40px;}
    #survey .survey-area .survey-con h4 {font-size: 14px;}
    #survey .survey-area .survey-con .box {padding: 10px;}
    #survey .survey-area .survey-con .option h6 {font-size: 14px; padding-left: 0; margin-bottom: 15px;}
    #survey .survey-area .survey-con .option ul {padding-left: 15px;}
    #survey .survey-area .survey-con .option ul li .text-area {width: 100%; margin-left: 0;}
    #survey .survey-area .survey-con .option ul li .answer {width: 100%;}
    #survey .survey-area .button-group {padding-top: 30px; margin-top: 30px;}
    #survey .survey-area .button-group .button:nth-child(2) {}

    /* Webzine List */
    .webzine-list .list colgroup {display: none;}
    .webzine-list .list thead {display: none;}
    .webzine-list .list td {display: block; width: 100%; border-bottom: 0;}
    .webzine-list .list td:last-child {border-bottom: 1px solid #d4d4d4;} 

    .webzine-list .list td.subject .wrap {align-items: flex-start;}
    .webzine-list .list td.subject .img-box {display: flex; width: 120px; height: 120px; margin-right: 10px;}
    .webzine-list .list td.subject .img-box .moblie-only {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #5c6673); color: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 23px 0 6px 0; text-align: center;}
    .webzine-list .list td.subject .info-box {width: calc(100% - 130px);}
    .webzine-list .list td.subject .info-box .info {flex-flow: column;}
    .webzine-list .list td.subject .info-box .info dl {margin-right: 0;}

    .webzine-list .list td .terms {margin-bottom: 30px;}
    .webzine-list .list td .terms .scroll {padding: 10px;}

    .webzine-list .list tr.on td.subject .wrap {flex-flow: column;}
    .webzine-list .list tr.on td.subject .img-box {width: 100%; margin-right: 0; margin-bottom: 10px;}
    .webzine-list .list tr.on td.subject .info-box {width: 100%;}
    .webzine-list .list tr.on td.subject .info-box .info dl dt {width: 75px;}

    #edu .webzine-list .list td.subject .info-box .info dl dt {display: none;}
    #edu .webzine-list .list td.subject .info-box .info dl.date dd {font-size: 0;}
    #edu .webzine-list .list td.subject .info-box .info dl.date dd span {display: block; font-size: 14px;}
    #edu .webzine-list .list td.subject .info-box .info dl.date dd span:nth-child(1)::before {content: '교육 시작일 :';}
    #edu .webzine-list .list td.subject .info-box .info dl.date dd span:nth-child(2)::before {content: '교육 마감일 :';}
    #edu .webzine-list .list tr.on td.subject .info-box .info dl dt {display: inline-block;}
    #edu .webzine-list .list tr.on td.subject .info-box .info dl.date dd {font-size: 14px;}
    #edu .webzine-list .list tr.on td.subject .info-box .info dl.date dd span {display: inline-block;}
    #edu .webzine-list .list tr.on td.subject .info-box .info dl.date dd span:nth-child(1)::before {content: '';}
    #edu .webzine-list .list tr.on td.subject .info-box .info dl.date dd span:nth-child(2)::before {content: '';}

    #edu-detail .webzine-list .list td.subject .wrap {flex-flow: column;}
    #edu-detail .webzine-list .list td.subject .img-box {width: 100%; margin-right: 0; margin-bottom: 10px;}
    #edu-detail .webzine-list .list td.subject .info-box {width: 100%;}
    #edu-detail .webzine-list .list td.subject .info-box .info dl dt {display: inline-block; width: 75px;}
    #edu-detail .webzine-list .list td.state br {display: none;} 
    
    /* Learning */
    #learning .list {padding-top: 10px;}
    #learning .list.nodata {padding:10px 0;}
    #learning .list .basic-table {flex-flow: wrap; align-items: center;}
    #learning .list .basic-table .con {border: 0;}
    #learning .list .basic-table .con:nth-child(1) {width: 100%; padding: 0; margin-bottom: 10px;}
    #learning .list .basic-table .con:nth-child(n + 2) {width: auto; margin-right: 30px; margin-bottom: 10px;}
    #learning .list .basic-table .con .th,
    #learning .list .basic-table .con .td {display: inline-block;}
    #learning .list .basic-table .con .th {height: auto; margin-right: 10px; line-height: normal; font-weight: 600; text-align: left; border-bottom: 0;}
    #learning .list .basic-table .con .td {height: auto;}
    #learning .list .basic-table .con .td .badge {height: 25px; line-height: 25px; margin-top: 0; margin-left: 10px;}
    #learning .list .basic-table .con:nth-child(4) .td * {display: inline-block;}
    #learning .list .basic-table .subject .img-box {display: flex; width: 100%; margin-right: 0; margin-bottom: 10px;}

    #learning .list .hide-table {border-top: 1px solid #5c6673;}
    #learning .list .hide-table .con > .th .refresh {width: 22px; height: 16px; background-size: 10px 10px;}
    #learning .list .hide-table .con > .td .button {width: auto; height: auto; font-size: 12px; line-height: normal; padding: 5px 10px;}
    #learning .list .hide-table .con > .td.prog .progressbar {display: none;}

    #learning .list .toggle {padding: 7px 0; border-top: 1px solid #c5c5c5;}
    #learning .list .toggle.on {border-top: 0;}
    
    /* Video Pop */
    #video-pop {height: auto; overflow: visible;}
    
    /* 댓글 */
    #board-comment .comment-list .comment .comment-box { padding:10px; }
    #board-comment .comment-list .comment .comment-box .info .date { font-size:12px; }
    #board-comment .comment-list .comment .comment-box .info .pw span:last-child { display:block; margin-top:5px; }
    #board-comment .comment-list .comment .comment-box .button-group .button {
        /* height: 100%; */
        font-size: 15px;
        padding: 0 26px;
        /* line-height: 25px; */
        /* padding: 12px; */
    }
    #board-comment .comment-list .comment .comment-box.secret .info .member { padding-left:16px; }
    #board-comment .comment-list .comment .comment-box.secret .info .member::before { width:11px; height:14px; background-size:contain; }
    #board-comment .comment-list .comment .reply-area .comment-box::before { top:12px; }

    #board-comment .comment-write { padding:10px; }
    
    #board-comment .comment-write .input-group { display:flex; flex-flow:column; width:100%; margin-bottom:10px; }
    /* #board-comment .comment-write .input-group input { width:60%; } */
    #board-comment .comment-write .input-group input:nth-child(1) { margin-bottom:5px; }
    #board-comment .comment-write .secret input + label { padding-left:16px; }
    #board-comment .comment-write .secret input + label::before { width:11px; height:14px; background-size:contain !important; }
    #board-comment .comment-write .txt-box { margin-top:10px; padding:0; }
    #board-comment .comment-write .txt-box textarea { width:calc(100% - 80px); }
    #board-comment .comment-write .txt-box button { width:80px; font-size:12px; }
    
    /* 아이디/비밀번호 찾기 */
    #find-idpw .tit-area h2 { font-size:18px; }
    #find-idpw .form-area { flex-flow:column; }
    #find-idpw .form-area .form-box { width:100%; padding:25px; }
    #find-idpw .form-area .form-box:first-child { margin-right:0; margin-bottom:10px; }
    #find-idpw .form-area .form-box h4 { padding-bottom:5px; font-size:16px; } 
    #find-idpw .form-area .form-wrap .captcha { margin-bottom:55px; }
    #find-idpw .form-area .form-wrap .captcha .preven > div:first-child { margin-bottom:0; }
    #find-idpw .form-area .form-wrap .check-btn { bottom:25px; height:35px; line-height:35px; }
}

.fc-toolbar.fc-header-toolbar {
  position: relative;
}
.fc-toolbar.fc-header-toolbar .fc-left h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 19px;
  font-weight: bold;
  transform: translate(-50%, -50%);
  margin: 0;
}
.fc-toolbar.fc-header-toolbar .fc-center h2{
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 19px;
  font-weight: bold;
  transform: translate(-50%, -50%);
  margin: 0;
}
.nb-nearbyschool-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin-top: 30px;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 6px;
    border: 1px solid #E96271;
    background: #fff;
    color: #E96271;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nb-nearbyschool-btn__label {
  display: block;
}

.nb-nearbyschool-btn__icon {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #E96271;
  flex-shrink: 0;
}

.nb-nearbyschool-btn__arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-left: -5px;
    margin-top: -3px;
    border-right: 2px solid #E96271;
    border-top: 2px solid #E96271;
    transform: rotate(45deg);
}

.nb-nearbyschool-btn:hover,
.nb-nearbyschool-btn:focus {
  background: #fff5fa;
  box-shadow: 0 3px 6px rgba(253, 100, 146, 0.2);
  transform: translateY(-1px);
}

@media (max-width: 768px) {
	#login .login-box .login-btn {
        height: 55px !important;
    }
    #login .login-box .login-btn {
        grid-column: 1 / 2;
        width: 100%;
        height: 52px;
    }
    #login .login-box {
        padding: 30px 20px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        row-gap: 10px;
    }
	.nb-nearbyschool-btn {
		font-size: 16px;
		padding: 16px 20px;
	}
	.ccp-page .ccp-thumb img{
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
		 object-position: center center;
		 display: block;
	}

}

.recruiting{
  --pink:#E96271;
  --border:#E6E8EE;
  --text:#111827;
  --muted:#6B7280;
  --bg:#FFFFFF;
  padding:30px 0 60px;
}

.recruiting *{ box-sizing:border-box; }

.recruiting__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.recruiting__card{
  display:block;
  text-decoration:none;
  color:inherit;

  background:var(--bg);
  border:1px solid var(--border);
  border-radius:10px;
  padding:18px 18px 16px;
  min-height:160px;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .18s ease;
}

.recruiting__badge{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 10px;
  border-radius:7px;
  border:1px solid var(--pink);
  color:var(--pink);
  font-size:12px;
  font-weight:800;
  letter-spacing:-0.02em;
  margin-bottom:12px;

  transition:background-color .25s ease, color .25s ease;
}

.recruiting__title{
  margin:0 0 14px;
  font-size:18px;
  font-weight:800;
  line-height:1.35;
  color:var(--text);
}

.recruiting__meta{ margin:0; padding:0; }

.recruiting__row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:6px;
  font-size:13px;
  line-height:1.45;
  color:var(--muted);
}
.dolbomSosic .recruiting {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 80px;
}

.dolbomSosic .recruiting__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.recruiting__head-left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #555;
}

.recruiting__head-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url("/images/hmpg/main/ico-board-doc.png") no-repeat center center;
  background-size: 32px 32px; 
}

.dolbomSosic .recruiting__head-text em {
  font-style: normal;
  color: #E96271;
  font-weight: 600;
}
.dolbomSosic .recruiting__head-text strong {
  font-weight: 600;
}

.dolbomSosic .recruiting__head-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dolbomSosic .recruiting__filters {
  display: flex;
  gap: 8px;
}

.dolbomSosic .recruiting__select {
  height:44px;
  min-width:160px;
  padding:0 42px 0 16px;
  border:1px solid #E6E8EE;
  border-radius:6px;
  background:#fff;
  font-size:14px;
  outline:none;

  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%239AA1AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}

.dolbomSosic .recruiting__search {
	display: flex;
    align-items: center;
    width: min(390px, 30vw);
    height: 44px;
    padding: 0 10px 0 14px;
    border: 1px solid #E6E8EE;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
}
#sidebarToggleIcon { transition: transform .15s ease; }
#sidebarToggle.is-closed #sidebarToggleIcon { transform: rotate(180deg); }
.dolbomSosic .recruiting__search-input {
    flex: 1;
    height: 100%;
    border: 0;
    min-width: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
}

.dolbomSosic .recruiting__search-btn  {
    width:34px;
  height:34px;
  border:0;
  background:transparent;
  cursor:pointer;
  border-radius:8px;
  font-size:0;
  line-height:0;

  background-image: url(/images/hmpg/main/icon-search.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

.dolbomSosic .recruiting__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.dolbomSosic .recruiting__card {
  display: flex;
  padding:0px;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #f0f1f5;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 3px 6px rgba(0,0,0,0.03);
  transition: transform .15s ease, box-shadow .15s ease;
}
.dolbomSosic .recruiting__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.dolbomSosic .recruiting__thumb {
  position: relative;
  overflow: hidden;
}

.dolbomSosic .recruiting__thumb img {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.dolbomSosic .recruiting__region {
    position: absolute;
    left: 16px;
    top: 12px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: #E96271;
    background: #fff;
}

.dolbomSosic .recruiting__region--pink {
    border: 1px solid #E96271;
}

.dolbomSosic .recruiting__body {
    padding: 16px 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolbomSosic .recruiting__title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  line-height: 1.5;
  min-height: 48px;
}

.dolbomSosic .recruiting__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: #777;gap: 10px;
}

.recruiting__org{
  display: inline-block;
  padding: 5px 14px;
  border-radius: 6px;
  background: #FFF2F6;
  color: #E96271;
}
.dolbomSosic .recruiting__date {
  color: #a0a3b0;
}

@media (max-width: 1200px) {
  .dolbomSosic .recruiting__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .dolbomSosic .recruiting__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .dolbomSosic .recruiting__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.dolbomSosic .recruiting__search input{
    border-radius: 6px;
}
@media (max-width: 600px) {
  .dolbomSosic .recruiting__head-right {
    flex-direction: column;
    align-items: stretch;
    width:100%;
  }
  .dolbomSosic .recruiting__search {
    width: 100%;
  }
  .dolbomSosic .recruiting__search-input {
    width: 100%;
  }
  .dolbomSosic .recruiting__grid {
    grid-template-columns: 1fr;
  }
}
.recruiting__k{
  flex:0 0 auto;
  font-weight:700;
  color:#9CA3AF;
}

.recruiting__v{
  flex:1;
  min-width:0;
  color:var(--muted);
}

.recruiting__card:hover,
.recruiting__card:focus-visible{
  border-color:var(--pink);
  transform:translateY(-2px);
  box-shadow:0 3px 6px rgba(253,100,146,.16);
  outline:none;
}

.recruiting__card:hover .recruiting__badge,
.recruiting__card:focus-visible .recruiting__badge{
  background:var(--pink);
  color:#fff;
}

.recruiting__card.is-active{
  border-color:var(--pink);
  box-shadow:0 3px 6px rgba(253,100,146,.16);
}
.recruiting__card.is-active .recruiting__badge{
  background:var(--pink);
  color:#fff;
}
.recruiting .board-search {
    display: flex;
    gap: 5px;
    padding: 18px 0 22px;
    justify-content: flex-start !important;
}
@media (max-width:1100px){
	.umcare-type .card-text{text-align: left !important;}
  .recruiting__grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  #board-comment .comment-write .inner{justify-content: flex-end;}
}
@media (max-width:900px){
  .recruiting__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:520px){
  .recruiting__grid{ grid-template-columns:1fr; }
}
/* ====================== 공통 / 레이아웃 ====================== */
.main-wrap.cultureNews {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 80px;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #222;
}

.culture-bulletin {
  width: 100%;
}

/* ====================== 상단 헤더 영역 ====================== */
.culture-bulletin__head {
  display: flex;
  justify-content: space-between; 
  align-items: center;
  margin-bottom: 24px;
  font-size: 14px;
}

.culture-bulletin__head-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.culture-bulletin__head-icon {
	width: 32px;
    height: 32px;
    border-radius: 50%;
    background: url(/images/hmpg/main/ico-board-doc.png) no-repeat center center;
    background-size: 32px 32px;
}

.culture-bulletin__head-text em {
  font-style: normal;
  color: #E96271;
  font-weight: 600;
}
.culture-bulletin__head-text strong {
  font-weight: 700;
}


.culture-bulletin__head-right {
  display: flex;
  align-items: center;
  gap: 5px;
}

.culture-bulletin__filters {
  display: flex;
  align-items: center;
  gap: 8px;
}

.culture-bulletin__date-input {
  position: relative;
  width: 140px;
}

.culture-bulletin__date-input input {
  width: 100%;
  height: 36px;
  padding: 0 34px 0 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  color: #555;
  box-sizing: border-box;
}
.culture-bulletin__date-input::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-image: url("/images/hmpg/common/icon-calendar.png"); 
  background-repeat: no-repeat;
  background-size: contain;
}

.culture-bulletin__date-delim {
  font-size: 13px;
  color: #666;
  padding: 0 4px;
}

.culture-bulletin__select {
  min-width: 110px;
  height: 36px;
  padding: 0 30px 0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  color: #555;
  background-color: #fff;
  background-image: url("/images/hmpg/common/ico_select_arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
}

.culture-bulletin__search {
  position: relative;
  display: inline-block;
}


.culture-bulletin__search-input {
  width: 220px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0 40px 0 14px;
  font-size: 13px;
  color: #555;
  box-sizing: border-box;
}
.culture-bulletin__search input {
	border-radius:6px;
}
.culture-bulletin__search-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: url("/images/hmpg/common/ico_search.png") no-repeat center center;
  background-size: 16px 16px;
  cursor: pointer;
  padding: 0;
}



/* ====================== 리스트(2열 구조) ====================== */
.culture-bulletin__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 30px;
}

.culture-bulletin__item {
    display: grid;
    grid-template-columns: 245px 1fr;
    column-gap: 20px;
    align-items: flex-start;
}
.culture-bulletin__thumb-wrap {
  position: relative;
  width: 100%;
  max-width: none;
}

.culture-bulletin__thumb {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  height: 100%;
}

.culture-bulletin__thumb img {
  display: block;
  width: 100%;
  height: 310px;
  object-fit: cover;
}

.culture-bulletin__badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #E96271;
  background-color: #fff;
  color: #E96271;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
  text-decoration: none;
}

.culture-bulletin__badge:hover {
  animation: bounce 0.2s ease-in-out 4 alternate;
}

.culture-bulletin__badge.disable, .culture-bulletin__badge.is-disabled, .culture-bulletin__badge[aria-disabled="true"], .culture-bulletin__badge:disabled {
    border-color: #c8c8c8;
    background-color: #f5f5f5;
    color: #a7a7a7;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(1);
}

.culture-bulletin__badge.disable:hover,
.culture-bulletin__badge.is-disabled:hover,
.culture-bulletin__badge[aria-disabled="true"]:hover,
.culture-bulletin__badge:disabled:hover{
  animation: none;
}

.button.write.disable,
.button.write:disabled{
  background: #f5f5f5;
  border: 1px solid #d0d0d0;
  color: #9a9a9a;
  cursor: not-allowed;
  pointer-events: none;
  opacity: .95;
}

.width-100{width:100%;}

.culture-bulletin__card-detail {
  flex: 1 1 auto;
  padding-top: 4px;
  min-width: 0;
}
.culture-bulletin__region {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #E96271;
}

.culture-bulletin__title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
}

.culture-bulletin__meta {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  color: #555;
}

.culture-bulletin__meta-item + .culture-bulletin__meta-item {
  margin-top: 10px;
}

.culture-bulletin__meta-label {
  display: inline-block;
  min-width: 60px;
  font-weight: 600;
}

.culture-bulletin__meta-text {
  margin-top: 5px;
  white-space: pre-line;
}

.justify-center{
justify-content: center;	
	
}
.culture-bulletin__meta-item::before {
  content: "·";
  display: inline-block;
  margin-right: 4px;
  color: #222;
}
.btn-list{
    padding: 4px 30px !important;
    height: auto;
}
.culture-bulletin__title {
    font-size: 20px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
}
  .culture-bulletin__meta-text {
    margin-top: 5px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
@media (max-width: 1250px) {
  .main-wrap.cultureNews {
    padding: 24px 16px 60px;
  }
   .culture-bulletin__head {
       /* display: flex; */
       gap: 20px;
       /* justify-content: space-between; */
       /* margin-bottom: 24px; */
       /* font-size: 14px; */
       align-items: flex-start;
       flex-direction: column-reverse;
   }
}
@media (max-width: 810px) {

  .culture-bulletin__head {
    flex-direction: column-reverse !important;
    align-items: stretch;
    gap: 12px;
  }
  .culture-bulletin__head-right {
    order: 1;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .culture-bulletin__head-left {
    order: 2;
    font-size: 13px;
  }

  .culture-bulletin__filters {
    flex-wrap: wrap;
    width: 100%;
    gap: 6px;
  }

  .culture-bulletin__date-input {
    flex: 1 1 calc(50% - 3px);
    width: auto;
  }

  .culture-bulletin__date-delim {
    display: none;
  }

  .culture-bulletin__select {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
  }

  .culture-bulletin__search {
    width: 100%;
  }

  .culture-bulletin__search-input {
    width: 100%;
  }
}
@media (max-width: 884px) {
.culture-bulletin__list {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  .addr {
    display: none;
  }
 .culture-bulletin__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .culture-bulletin__head-right {
    align-items: flex-start;
  }
   .culture-bulletin__list {
    grid-template-columns: 1fr;
  }
  .culture-bulletin__list {
    grid-template-columns: 1fr;
  }

  .culture-bulletin__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
  }

  .culture-bulletin__thumb-wrap {
    width: 100%;
    height: 100%;
  }

  .culture-bulletin__card-detail {
    min-width: 0;
  }

  .culture-bulletin__badge {
    right: 12px;
    bottom: 12px;
    width: 70px;
    height: 70px;
    font-size: 13px;
  }
}

.intrcn-page { color:#222; }
.neulbomSchul .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner02.png') center/cover no-repeat !important;	
}
.togetherCareCenter .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner03.png') center/cover no-repeat !important;	
}
.areaChil .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner04.png') center/cover no-repeat !important;	
}
.neighborlyCareBiz .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner06.png') top/cover no-repeat !important;	
}
#content .neighborlyCareBiz2 .intrcn-hero{
	background:url('/images/newhmpgimg/introbanner011.png') top/cover no-repeat !important;	
}
.copertnChldcrCnrs .intrcn-hero {
  background:
    linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)),
    url(/images/newhmpgimg/introbanner05.png?v=20260115-1) center / cover no-repeat !important;
}


.introd .intrcn-hero{
	background:url('/images/newhmpgimg/introbanner.png') center/cover no-repeat;	
}
.alwaysCareBiz .intrcn-hero{
	background:url('/images/newhmpgimg/introbanner07.png') center/cover no-repeat !important;		
}
.chldcrGnrlzSprt .intrcn-hero{
 background:
    linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)),
    url(/images/newhmpgimg/introbanner08.png?v=20260115-1) center / cover no-repeat !important;
}

.intrcn-hero {
   position: relative;
   min-height: 520px;
   display:flex;
   align-items:center;
   justify-content:center;
}

.intrcn-hero-inner {
  position:relative;
  max-width:1180px;
  width:100%;
  padding:80px 40px;
  display:flex;
  flex-direction:column;
  gap:16px;
  color:#fff;
}
.intrcn-hero-sub {
  font-size:18px;
  font-weight:500;
}
.intrcn-hero-title {
  font-size:36px;
  font-weight:700;
  line-height:1.4;
}
.intrcn-hero-desc {
  margin-top:10px;
  font-size:15px;
  line-height:1.6;
}
.intrcn-hero-btn-wrap {
  margin-top:30px;
}
.intrcn-hero-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 50px;
  height:48px;
  border-radius:24px;
  background:#E96271;
  border:none;
  font-size:15px;
  font-weight:600;
  color:#fff;
  cursor:pointer;
  transition:all .2s ease;
}
.intrcn-hero-btn:hover {
  background:#cb5461;
  transform:translateY(-2px);
}

.intrcn-section {
  max-width:1180px;
  margin:0 auto;
  padding:70px 20px;
}
.intrcn-section-title {
  text-align:center;
  font-size:26px;
  font-weight:700;
  margin-bottom:40px;
}

 .intrcn-service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}
 .intrcn-service-item {
   width:195px;
   text-align:center;
 }
 .intrcn-service-icon-wrap {
   width:90px;
   height:90px;
   margin:0 auto 18px;
   border-radius:50%;
   background:#fff2f6;
   display:flex;
   align-items:center;
   justify-content:center;
 }
 .intrcn-service-icon {
   width: 46px;
   height: 46px;
}
 .intrcn-service-name {
   font-size:16px;
   font-weight:600;
   margin-bottom:6px;
 }
 .intrcn-service-desc {
   font-size:13px;
   line-height:1.6;
   color:#666;
 }

.intrcn-partner-grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}
.intrcn-partner-card {
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  border: 1px solid #D3D4DB;
  box-shadow:00 3px 6px #E9627126;
  display:flex;
  flex-direction:column;
  min-height:320px;
}
.intrcn-partner-img {
  width:100%;
  height:255px;
  object-fit:cover;
}
.intrcn-partner-body {
  padding:20px 20px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.intrcn-partner-title {
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
}
.intrcn-partner-list {
  margin:0;
  padding-left:18px;
  font-size:15px;
  line-height:1.7;
  color:#555;
}
.intrcn-partner-body p{
	color:#555;
}
.intrcn-bottom-banner {
	margin-top:40px;
	padding:60px 20px 0px;
}

.intrcn-bottom-inner {
    text-align: center;
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 20px 0px;
}

.intrcn-bottom-title {
	font-size:30px;
	font-weight:700;
	margin-bottom:26px;
}

.intrcn-bottom-title strong {
	color:#E96271;
}

.intrcn-bottom-img-wrap {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    overflow: hidden;
    height: auto;
}
.intrcn-bottom-img {
	width:100%;
	display:block;
	transform:translateY(10px);
}
.intrcn-partner-wrap {
	background: linear-gradient(90deg, #F8F9FB 0%, #FFF2F6 100%);
}

.intrcn-partner-section {
	max-width:1180px;
	margin:0 auto;
	padding:70px 20px 80px;
}
@media (max-width:866px){
	.intrcn-service-list {
	    display: grid;
	    flex-wrap: wrap;
	    margin-top:20px;
	    justify-content: center;
	    gap: 40px;
	    grid-template-columns: repeat(2, 1fr);
	    /* grid-template-columns: repeat(2, 1fr); */
	    /* flex: 0 0 calc((100% - 40px) / 2); */
	    justify-items: center;
	}	
}
@media (max-width:1024px){
	.intrcn-service-list {
	    gap: 10px;
	}
  .intrcn-partner-grid {
  	gap:10px;
  }
  .intrcn-partner-body{
  	padding: 18px 10px 22px !important;
  }
}
.m-only { display: none; }

@media (max-width:768px){
	.m-only { display: inline; }
	.intrcn-hero {
	  min-height:420px;
	  text-align:left;
	}
	.intrcn-hero-title {
	  font-size:28px;
	}
	.intrcn-hero-sub {
	  font-size:16px;
	}
 	.intrcn-service-list-content{
		display: flex;
	    justify-content: center;
	}
	.intrcn-service-list {
	    gap: 24px;
	    display:flex !important;
	    flex-wrap: wrap;
	    /* justify-content: flex-start; */
	    flex-direction: column;
	    align-items: flex-start;
    }
	.intrcn-service-item {
        width: auto;
        text-align: left;
        display: flex;
        gap: 15px;
        align-items: center;
    }
	.intrcn-service-icon-wrap {
		width:70px;
		height:70px;
		margin: 0px !important;
	}
	.intrcn-service-icon {
	    width: 35px;
	    height: 35px;
	}
	.intrcn-partner-grid {
	  grid-template-columns:1fr;
	}
	.intrcn-hero-inner {
        text-align: center;
        padding: 80px 20px;
    	align-items: center;
    }
	.intrcn-hero-btn {width:100%;}
}
@media (max-width:443px){
	.intrcn-bottom-img-wrap{
		height: 149px !important;

	}
	.mind-grid {
		gap: 5px !important;
	}
	.filter-group.csnst .option ul {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px !important;	
	}
	.csnst-actions{
	  display: flex;
	  justify-content: flex-end;
	  margin-top: 10px;
	}
	
	.button.csnst-submit{
	  width: 75px !important; 
	 
	}       
	.filter-group.csnst .button {
	 padding: 0 15px;
        white-space: normal;
         }
	.csnst-actions{
	  display:flex;
	  justify-content:flex-end;
	  padding-right: 0;
	  margin-top: 10px;
	}
		
}
.intrcn-page ul {
	list-style: disc !important;
}
.DolbomView {
  width: 100%;
}

.DolbomView__top {
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 48px;
  align-items: start;
  padding: 10px 0 30px;
}

.DolbomView__heroImg {
  width: 100%;
  height: 290px;
  border-radius: 10px;
  overflow: hidden;
  background: #F8F9FB;
}

.DolbomView__heroImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.DolbomView__summary {
  padding-top: 6px;
}

.DolbomView__badge {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #E96271;
  color: #E96271;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
}

.DolbomView__title {
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
}

.DolbomView__meta {
  margin: 0 0 22px;
}

.DolbomView__metaRow {
   display: grid;
   grid-template-columns: 125px 1fr;
   align-items: start;
   column-gap: 14px;
   padding: 6px 0;
}
.DolbomView__metaLabel {
    font-weight: 800;
    color: #111;
    display: flex;
    gap: 8px;
    /* white-space: nowrap; */
    flex-direction: row;
    align-items: center;
}

.DolbomView__metaValue {
  color: #333;
  line-height: 1.55;
  word-break: break-word;
}

.DolbomView__icoAddr::before, .DolbomView__icoTel::before, .DolbomView__icoPeople::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    /* background-size: 11px 10px; */
    background-position: center;
}

.DolbomView__icoAddr::before { background-image: url(/images/hmpg/content/ic-map.png); }
.DolbomView__icoTel::before { background-image: url(/images/hmpg/content/ic-phone.png); }
.DolbomView__icoPeople::before { background-image: url(/images/hmpg/content/ic-user.png); }

.DolbomView__actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.DolbomView__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
}

.DolbomView__btnPrimary {
  background: #E96271;
  color: #fff;
  font-size: 15px;
  border: 1px solid #E96271;
  min-width: 220px;
  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.DolbomView__btnPrimary:hover{
  background:#d65866;
  box-shadow: 0 4px 10px rgba(255,75,138,.25);
  transform: translateY(-1px);
}
.DolbomView__reviewBtn:hover{
  background:#d65866;
  box-shadow: 0 4px 10px rgba(255,75,138,.25);
  transform: translateY(-1px);
}
.DolbomView__btnGhost {
  background: #fff;
  color: #444;
  border: 1px solid #ddd;
  min-width: 120px;
}

.DolbomView__mid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding: 26px 0 10px;
}

.DolbomView__sectionTitle {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 900;
  color: #111;
}

.DolbomView__sectionBody {
  color: #333;
  line-height: 1.75;
  border-top: 1px solid #e9e9e9;
  padding-top: 14px;
}

.DolbomView__spaces {
  display: flex;
  gap: 26px;
  align-items: flex-start;
  border-top: 1px solid #e9e9e9;
  padding-top: 16px;
}

.DolbomView__space {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 70px;
}

.DolbomView__spaceIcon {
    width: 65px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65px 62px;
}

.DolbomView__extraBg{
  position: relative;
  padding: 24px 0;
}


.DolbomView__extraBg::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#F8F9FB;
  z-index:0;
}

.DolbomView__extraGrid{
  position:relative;
  z-index:1;
}

.DolbomView__spaceLabel {
  font-size: 12px;
  color: #222;
  font-weight: 700;
}
.DolbomView__review { margin-top: 50px; }

.DolbomView__reviewHead {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    /* padding-bottom: 12px; */
    border-bottom: 1px solid #e6e7eb;
    align-items: flex-start;
}

.ReviewStars{
  display:flex;
  gap:2px;
}

.ReviewStars__star{
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:26px;
  line-height:1;
  padding:2px 2px;
  color:#d9dbe2;
}

.ReviewStars__star.is-on{
  color:#E96271;
}
.NoticeTabs__item{
  background:none;
  border:0;
  padding:0; 
  cursor:pointer;
}


.DolbomView__reviewBody{
  margin-top: 14px;
}

.DolbomView__reviewTextarea {
    width: 100%;
    height: 160px;
    resize: none;
    border-radius: 6px;
    padding: 14px 14px;
    border: 1px solid #cdcdcd99;
    outline: none;
    font-size: 14px;
    line-height: 1.45;
    background: #ffffff;
}

.DolbomView__reviewTextarea:focus{
  border-color:#cfd2db;
}

.DolbomView__reviewActions{
  display:flex;
  justify-content:flex-end;
  margin-top: 12px;
}

.DolbomView__reviewBtn {
    border: 0;
    cursor: pointer;
    padding: 12px 18px;
    border-radius: 8px;
    min-width: 165px;
    background: #E96271;
    color: #fff;
    font-weight: 600;
    transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.DolbomView__spaceIconPlay { background-image: url(/images/hmpg/common/ico-space-play.png); }
.DolbomView__spaceIconStudy { background-image: url(/images/hmpg/common/ico-space-study.png); }
.DolbomView__spaceIconCook { background-image: url(/images/hmpg/common/ico-space-cook.png); }

.DolbomView__bottom {
  padding: 22px 0 70px;
}
.recruiting__head-text strong {color:#E96271;}
.recruiting__head-text em {color:#E96271;}
.DolbomView__table {
  margin-top: 10px;
  border-top: 1px solid #e9e9e9;
}
.attach-icon img{
	width: 20px;
    height: 25px;
}
.DolbomView__tr {
  display: grid;
  grid-template-columns: 160px 1fr 160px 1fr;
  border-bottom: 1px solid #efefef;
}

.DolbomView__th {
  background: #fafafa;
  padding: 18px 25px;
  font-weight: 900;
  color: #111;
  border-right: 1px solid #efefef;
  display: flex;
  align-items: center;
}

.DolbomView__td {
  padding: 18px 18px;
  color: #333;
  border-right: 1px solid #efefef;
  display: flex;
  align-items: center;
  word-break: break-word;
}

.DolbomView__tr .DolbomView__td:nth-child(4),
.DolbomView__tr .DolbomView__th:nth-child(3),
.DolbomView__tr .DolbomView__td:nth-child(2) {
}

.DolbomView__tr > :nth-child(4) {
  border-right: 0;
}

@media (max-width: 1024px) {
  .DolbomView__top {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .DolbomView__mid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .DolbomView__btnPrimary {
    min-width: 1px;
    flex: 1;
  }

  .DolbomView__btnGhost {
    min-width: 1px;
  }

  .DolbomView__tr {
    grid-template-columns: 140px 1fr;
  }

  .DolbomView__tr > :nth-child(3),
  .DolbomView__tr > :nth-child(4) {
    grid-column: 1 / -1;
    border-right: 0;
  }

  .DolbomView__tr > :nth-child(3) {
    border-top: 1px solid #efefef;
  }
}
.DolbomView__extra {
  margin-top: 50px;
}

.DolbomView__extraGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

.DolbomView__sectionHalf .DolbomView__sectionBody {
  color: #333;
  line-height: 1.8;
  word-break: break-word;
}

.DolbomView__map {
  margin-top: 60px;
}

.DolbomView__mapBox {
  margin-top: 14px;
  border-radius: 12px;
  overflow: hidden;
  background: #f3f3f3;
  border: 1px solid #e9e9e9;
}

.DolbomView__mapInner {
  width: 100%;
  height: 420px;
}

@media (max-width: 1024px) {
  .DolbomView__extraGrid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .DolbomView__mapInner {
    height: 320px;
  }
}
.NoticeTabs{margin:10px 0 20px}

.NoticeTabs__list{
  display:flex;
  align-items:center;
  padding: 5px;
  margin:0;
  list-style:none;
  gap:40px;
}

.NoticeTabs__item{
  position:relative;
  padding:10px 6px 14px;
  font-size:19px;
  font-weight:500;
  color:#666;
  cursor:pointer;
  transition:color .2s ease;
}

.NoticeTabs__item:hover{color:#E96271}
.NoticeTabs__item.is-active{color:#E96271;font-weight:700}

/* underline */
.NoticeTabs__item::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  background:#E96271;
  border-radius:2px 2px 0 0;

  transform:scaleX(0);
  transform-origin:left;
  opacity:0;
  transition:transform .25s ease, opacity .25s ease;
}

.NoticeTabs__item.is-active::before{
  transform:scaleX(1);
  opacity:1;
}

.NoticeTabs__item:not(:last-child)::after{
  content:'·';
  position:absolute;
  right:-20px;
  top:50%;
  transform:translateY(-55%);
  color:#c9c9c9;
  font-weight:700;
}
#centerSchdulCalendar${ajaxId} .fc-event,
#centerSchdulCalendar${ajaxId} .fc-event * {
  pointer-events: none;
}
/**
:root {
    --ulsancc-mtab-h: 72px;
    --ulsancc-mtab-safe: env(safe-area-inset-bottom, 0px);
    --ulsancc-primary: #1e6bff;
    --ulsancc-ink: #6f7782;
    --ulsancc-notch-size: 66px;
    --ulsancc-notch-top: -17px;
    --ulsancc-radius: 16px;
}

body{
  padding-bottom: calc(var(--ulsancc-mtab-h) + var(--ulsancc-mtab-safe));
}

.ulsancc-mtab {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    height: calc(var(--ulsancc-mtab-h) + var(--ulsancc-mtab-safe));
    padding-bottom: var(--ulsancc-mtab-safe);
    background: #fff;
    border-top-left-radius: var(--ulsancc-radius);
    border-top-right-radius: var(--ulsancc-radius);
    box-shadow: 0px -7px 10px rgba(0, 0, 0, 0.08);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: stretch;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
}
.ulsancc-mtab::after {
    content: "";
    position: absolute;
    left: 50%;
    top: var(--ulsancc-notch-top);
    width: var(--ulsancc-notch-size);
    height: var(--ulsancc-notch-size);
    transform: translateX(-50%);
    background: #fff;
    border-radius: 999px;

    z-index: 1;
    pointer-events: none;
}

.ulsancc-mtab::before{
  content:"";
  position:absolute;
  left: 12px; right: 12px; top: 6px;
  height: 1px;
  background: rgba(255,255,255,0.9);
  pointer-events:none;
}

.ulsancc-mtab__item{
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: var(--ulsancc-ink);

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 6px;

  font-size:12px;
  line-height:1;
}

.ulsancc-mtab__icon{
  width: 24px;
  height: 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  opacity:0.9;
}

.ulsancc-mtab__label{
  font-size:12px;
  letter-spacing:-0.2px;
}

.ulsancc-mtab__item--active{
  color: var(--ulsancc-primary);
  font-weight: 600;
}

.ulsancc-mtab__item--primary{
  position: relative;
  z-index: 3;
}

.ulsancc-mtab__icon--primary{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: var(--ulsancc-primary);
  color:#fff;

  font-size:20px;
  transform: translateY(-18px);

}

.ulsancc-mtab__item--primary .ulsancc-mtab__label{
  margin-top: -14px;
}
**/

/* 스킵 내비게이션 */
#skip-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2147483647;
}
#skip-menu a {
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  line-height: 40px;
  text-align: center;
  background: #bc3762;
  color: #fff;
}
.flex-reverse{
flex-direction: row-reverse;
	
}
#skip-menu a:focus {
  top: 0;
  outline: none;
}

.mypage-dropdown {
  position: relative;
  display: inline-block;
}

.mypage-menu {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: -69px;
    min-width: 160px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    z-index: 9999;
}
.mypage-dropdown::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:10px;
}


.mypage-menu a {
  display: block;
  padding: 8px 12px;
  white-space: nowrap;
}
.mypage-dropdown.is-open .mypage-menu{
  display:block;
}

.mypage-dropdown:hover .mypage-menu,
.mypage-dropdown:focus-within .mypage-menu {
  display: block;
}

#sidebarToggleIcon{
	max-width:none !important;
	 width: 9px !important;
	 height: 19px !important;
    display: block;
}
.dolbom-ov__close img{
    width: 14px !important;
    height: 14px !important;
    display: block;	
    max-width:none !important;
}

@media (max-width: 767px) {
  .mypage-dropdown { display: none; }
}

.rsv-tblx thead th{
  font-weight: 700;
}

.mapSidebarHead{
  background:#868897;
  padding:20px;
}

.mapBrand__title{color:#fff;font-weight:700;font-size:20px;line-height:1.2;}
.mapBrand__sub{color:rgba(255,255,255,.85);font-size:13px;margin-top:4px;}

/* 검색바 */
.map-searchbar{
  margin-top:10px;
  display:flex;
  background:#fff;
  border-radius:6px;
}
.map-searchbar input{
  flex:1;
  border:0;
  outline:0;
  font-size:13px;
}
.map-searchbar button{
  width:44px;
  border:0;
  background:transparent;
  cursor:pointer;
}

.map-chips{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:10px;
}
.map-chip{
  height:42px;
  border-radius:6px;
  border:1px solid #d8d8de;
  background:#fff;
  cursor:pointer;
  font-size:15px;
}

.mapMetaRow {
	border-top: 1px dashed #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 15px 5px 0px 5px;
}
.mapResultText{font-size:13px;}
.mapResultText strong{color:#E96271;}

.mapSort{display:flex;gap:8px;}
.sort-btn {
    padding: 4px 15px;
    border-radius: 999px;
    border: 1px solid #A4A5AE;
    background: transparent;
    color: #A4A5AE;
    cursor: pointer;
    font-size: 12px;
}
.sort-btn.selected{
  background:#111;
  border-color:#111;
  color:#fff;
}
.mapMetaRowTotle{padding:10px;}
.dolbom-ov .ov-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  border-radius:6px;
  background:#fff;
  color:#E96271;
  font-weight:700;
  font-size:14px;
  line-height:1;
}

.rsv-typetagx {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 15px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #d7dbe6;
    color: #333;
    background: #fff;
    white-space: nowrap;
}

.rsv-typetagx--care{ 
  border-color: #b9c6ff;
  color: #2d4cdf;
  background: #f3f6ff;
}

.rsv-typetagx--event{ 
  border-color: #cfd2d8;
  color: #444;
  background: #f6f7f9;
}


.rsv-status-cell{
  text-align: right;
  white-space: nowrap;
}

.rsv-statbx{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-width: 92px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  border: 1px solid transparent;
  background: #fff;
}

.rsv-statbx--done{
  background: #E96271;
  border-color: #E96271;
  color: #fff;
}

.rsv-statbx--wait{
  background: #fff;
  border-color: #E96271;
  color: #E96271;
}

.rsv-statbx--cancel{
  background: #fff;
  border-color: #c9c9c9;
  color: #8a8a8a;
}

.ccp-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.ccp-grid .ccp-card-item{
  display:grid;
  grid-template-columns: 320px 1fr;
  border:1px solid #D3D4DB;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  min-height: 260px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.ccp-grid .ccp-card-item:hover{
  transform: translateY(-2px);
  border-color:#D7DBE5;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

.ccp-grid .ccp-card-thumb{
  position:relative;
  background:#F8F9FB;
  height: 260px;
  overflow:hidden;
}

.ccp-grid .ccp-card-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.ccp-card-top{
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;	
	gap:10px;
}
.ccp-card-bottom{
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ccp-grid .ccp-chip{
  position:absolute;
  top:12px;
  left:12px;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#374151;
  color:#fff;
  font-size:13px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.ccp-grid .ccp-card-body {
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    justify-content: center;
    align-items: center;
}
.ccp-grid .ccp-card-kind{
  color:#E96271;
  font-weight:700;
  font-size:16px;
}

.ccp-grid .ccp-card-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
}

.ccp-grid .ccp-card-phone,
.ccp-grid .ccp-card-addr{
  display:flex;
  gap:8px;
  align-items:center;
  color:#374151;
  font-size:15px;
}

.ccp-grid .ccp-card-counts{
  margin-top:6px;
  border:1px solid var(--border);
  border-radius:10px;
  padding:12px 14px;
  display:flex;
  justify-content:center;
  gap:18px;
  width: 100%;
}

.ccp-grid .ccp-count{
  display:flex;
  gap:10px;
  align-items:center;
}

.ccp-grid .ccp-count + .ccp-count{
  position:relative;
  padding-left:18px;
}

.ccp-grid .ccp-count + .ccp-count::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:18px;
  background: var(--border);
}

.ccp-grid .ccp-count-label{
  color:#111827;
  font-weight:700;
  font-size:14px;
}

.ccp-grid .ccp-count-value {
    font-weight: 800;
    font-size: 25px;
    display: flex;
    color: #181818;
    align-items: center;
}

.ccp-grid .is-hot{
  color: #E96271 !important;
}

.ccp-grid .ccp-count-unit {
    font-size: 20px;
    font-weight: 700;
    margin-left: 2px;
    color: #181818;
}
@media (max-width: 1250px){
	.ccp-grid .ccp-card-item {
		    grid-template-columns: 240px 1fr;
	}
}
@media (max-width: 1024px){
  
  .ccp-grid{
    grid-template-columns: 1fr;
  }
  .ccp-grid .ccp-card-item{
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .ccp-grid .ccp-card-thumb{
    height: 200px;
  }
  .ccp-grid .ccp-count-value {
  	font-size: 22px;
  }
  .ccp-grid .ccp-count-unit {
    font-size: 18px;

	}
  .ccp-grid .ccp-card-body{
    justify-content:flex-start;
  }
}
.mngr-maint{
  min-height: calc(85vh  - 240px); 
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

.mngr-maint__inner{
  width: 100%;
  max-width: 720px;
  text-align: center;
}

.mngr-maint__illust{
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.mngr-maint__illust img{
  max-width: 280px;
  width: 100%;
  height: auto;
  display: block;
}

.mngr-maint__title{
  margin: 0 0 12px;
  font-size: 32px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;
  letter-spacing: -0.02em;
}

.mngr-maint__title .is-accent{
  color:#E96271;
}

.mngr-maint__desc{
  margin: 0 0 28px;
  font-size: 15px;
  line-height: 1.7;
  color: #E96271;
  letter-spacing: -0.01em;
}

.mngr-maint__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 50px;
  border-radius: 10px;
  background: #ef6a74;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.mngr-maint__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
}

.mngr-maint__btn:active{
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
}

.mngr-maint__btn-ico{
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("/images/mngrHmpg/service02.png") no-repeat center / contain;
}

@media (max-width: 480px){
  .mngr-maint__title{ font-size: 26px; }
  .mngr-maint__desc{ font-size: 14px; }
  .mngr-maint__btn{ width: 100%; max-width: 320px; }
}
#progrmCldrCalendarWrap0 .legend{ margin-top:12px; display:flex; gap:16px; align-items:center; }
#progrmCldrCalendarWrap0 .legend .lg{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:#6b7280; }
#progrmCldrCalendarWrap0 .legend .lg i{ 
	width: 8px;
    height: 8px;
    display: inline-block;
}
#progrmCldrCalendarWrap0 .legend .cat-rent{ background:#fff; border:1px solid #ff5a8a; border-radius:999px; }
#progrmCldrCalendarWrap0 .legend .cat-etc {
    background: #ff5a8a;
    border-radius: 0px !important;
}
#progrmCldrCalendarWrap0 .fc-day-top{
    text-align: left;
    padding-left: 15px;	
}
.statusPill,
.actionPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  min-width:65px;
  border:1px solid transparent;
  white-space:nowrap;
}
.statusPill.is-ready{
  color:#E96271;
  border-color:#E96271;
  background:#fff;
}

.statusPill.is-closed{
  color:#9ca3af;
  border-color:#e5e7eb;
  background:#fff;
}

.actionPill.is-apply{
  color:#fff;
  background:#E96271;
  border-color:#E96271;
  cursor:pointer;
  text-decoration:none;
}

.fc-day-top .eventDotCatRent{
    background: #fff !important;
    border: 1px solid #ff5a8a !important;
    border-radius: 999px !important;
    width: 6px !important;
    height: 6px !important;
}
.fc-day-top .eventDotCatEtc {
    width: 8px !important;
    height: 8px !important;
    background: #ff5a8a;
    border-radius: 0px !important;
}
#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-event,
#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-grid-event{ display:none !important; }
#progrmCldrCalendarWrap0 .fc-day { border: 1px solid #eeeef0;}
#progrmCldrCalendarWrap0 .fc-day-grid-container {border: 1px solid #eeeef0;}
#progrmCldrCalendarWrap0 #centerSchdulCalendar0 td.fc-day-top{ position:relative; }
#progrmCldrCalendarWrap0 {padding: 0px 0px 30px 0px !important;}

#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .dotContent{
  position:absolute;
  left:0; right:0;
  top:26px;
  display:flex;
  justify-content:center;
  gap:6px;
  pointer-events:none;
}
#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .eventDot{
  width:6px; height:6px;
  border-radius:999px;
  background:#d1d5db;
}

#centerSchdulCalendar0 .is-holiday{
  background: #F8F9FB;
}

#centerSchdulCalendar0 td.fc-day-top.is-holiday{
  background: #F8F9FB;
}

#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .eventDot.pink{ background:#ff5a8a; }

@media (max-width: 1024px){
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 td.selectedDay,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 td.fc-day-top.selectedDay{ background:transparent !important; }


  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-basic-view .fc-body .fc-row{
    min-height:60px !important;
    height:60px !important;
  }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-basic-view td.fc-day{
    height:59px !important;
  }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-number{
    padding:0 !important;
    line-height:1.2 !important;
    font-weight:600;
  }
}

#progrmCldrCalendarWrap0 .scheduleList .scheduleItem.is-disable .itemPlace{ color:#9ca3af; }
#progrmCldrCalendarWrap0 .scheduleList .scheduleItem.is-disable .itemChev{ color:#cbd5e1; }

@media (min-width: 1025px){
  #progrmCldrCalendarWrap0 .grid{ display:block; }
  #progrmCldrCalendarWrap0 .right{ display:none !important; }
  #progrmCldrCalendarWrap0 .legend{ display:none !important; }
  #progrmCldrCalendarWrap0 .left{ width:100%;        padding: 0px !important; }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0{ width:100%; }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .dotContent{ display:none !important; }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-event,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-grid-event{ display:block !important; }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar{
    margin:0 0 14px;
    padding:25px 0;
    background:#f7f7f8;
    border-radius:10px;
  }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar .fc-left,

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar .fc-center{ float:none; text-align:center; }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar h2{ font-size:18px; font-weight:700; display:inline-block; }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-prev-button,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-next-button{
    width:32px; height:32px;
    border-radius:999px;
    border:1px solid #e5e7eb;
    background:#fff;
    box-shadow:none;
  }
  
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-prev-button:hover,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-next-button:hover{ background:#f3f4f6; }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-header{ padding:12px 0; font-weight:600; color:#111827; }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-number{ padding:10px 10px 0 0; font-weight:600; color:#111827; }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-view-container,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-view,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-month-view,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-grid,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-grid-container,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-scroller{
    height:auto !important;
    overflow:visible !important;
  }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-row,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-row .fc-bg,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-row .fc-content-skeleton{
    height:auto !important;
    overflow:visible !important;
  }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 td.fc-day,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 td.fc-day-top,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-content-skeleton td,
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-event-container{
    overflow:visible !important;
    position:relative;
    z-index:1;
  }

	#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-day-grid-event {
	    margin: 0px 8px 5px;
	    border: none !important;
	    background: transparent !important;
	    box-shadow: none !important;
	    padding: 0 !important;
	    pointer-events: auto !important;
	    display: block !important;
	    width: auto !important;
	    max-width: calc(100% - 16px);
	}

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .ccp-btn-wrap{
    width:auto;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .ccp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    height:26px;
    padding:0 10px;
    border-radius:6px;
    border:1px solid #d1d5db;
    background:#fff;
    color:#111827;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
    user-select:none;
    pointer-events:auto !important;
    width:auto !important;
    max-width:100%;
  }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .ccp-btn.is-default:hover{
    background:#E96271;
    border-color:#E96271;
    color:#fff;
  }

  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .ccp-btn.is-disable{
    background:#f3f4f6;
    border-color:#e5e7eb;
    color:#9ca3af;
    cursor:default;
  }
  #progrmCldrCalendarWrap0 #centerSchdulCalendar0 .ccp-btn.is-disable:hover{
    background:#f3f4f6;
    border-color:#e5e7eb;
    color:#9ca3af;
  }

#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .ccp-desc{
  display:block;
  margin-top:6px;
  font-size:12px;
  line-height:1.45;
  text-align:left;
  color:#111827;
  white-space:normal;
  word-break:keep-all;
  pointer-events:none;
  max-width:calc(100% - 16px);
}
}
#progrmCldrCalendarWrap0 .careModal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility 0s linear .22s;
}

#progrmCldrCalendarWrap0 .careModal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .22s ease, visibility 0s;
}

#progrmCldrCalendarWrap0 .careBackdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  transition:opacity .22s ease;
}

#progrmCldrCalendarWrap0 .careModal.is-open .careBackdrop{
  opacity:1;
}

#progrmCldrCalendarWrap0 .carePanel{
  position:relative;
  width:min(860px, calc(100% - 48px));
  height:520px;
  margin:0;
  background:#fff;
  border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  padding:60px 36px 28px;
  overflow:visible;
  z-index:1;
  transform:translateY(14px) scale(.98);
  opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .18s ease;
  will-change:transform, opacity;
}

#progrmCldrCalendarWrap0 .careModal.is-open .carePanel{
  transform:translateY(0) scale(1);
  opacity:1;
}

#progrmCldrCalendarWrap0 .careHero{
  position:absolute;
  top:-47px;
  left:50%;
  transform:translateX(-50%);
  width:240px;
  height:92px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url(/images/mngrHmpg/service01.png);
  pointer-events:none;
}

#progrmCldrCalendarWrap0 .careClose{
  position: absolute;
  top: 18px;
  right: 18px;
  left: auto !important;
  bottom: auto !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  inline-size: 45px !important;
  block-size: 45px !important;
  width: 45px !important;
  height: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;

  flex: 0 0 45px !important;
  align-self: flex-start !important;
  
  padding: 0 !important;
  border-radius: 999px;
  border: none;
  background: #F1606F;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
}


#progrmCldrCalendarWrap0 .careClose:hover{
	background:#d05562;
}
#progrmCldrCalendarWrap0 .careTitle{
  margin:0;
  text-align:center;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
  color:#111827;
}

#progrmCldrCalendarWrap0 .careList{
  margin-top: 18px;
  padding: 0 4px;

  max-height: calc(45vh - 120px);	
  overflow: auto;

  display: flex;
  flex-direction: column;
  gap: 10px;

  height: auto;
}


#progrmCldrCalendarWrap0 .careItem{
  border:1px solid #E5E7EB;
  border-radius:6px;
  background:#fff;
  padding:20px;
  display:flex;
  min-height: 70px;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  user-select:none;
  box-sizing:border-box;
  overflow:hidden; 
  transition: all 0.4s ease;
}

#progrmCldrCalendarWrap0 .careItem__left{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  min-width:0;
  flex:1;
}

#progrmCldrCalendarWrap0 .careItem__title{
  margin:0;
  font-weight:700;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#progrmCldrCalendarWrap0 .careItem__desc{
  margin:0;
  color:#6B7280;
  min-width:0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

#progrmCldrCalendarWrap0 .careItem__right{
  flex:0 0 auto;
  margin-left:12px;
  display:flex;
  align-items:center;
}
#progrmCldrCalendarWrap0 .careItem:hover{
  border-color:#E96271;
}

#progrmCldrCalendarWrap0 .careItem.is-picked{
  border-color:#E96271;
  box-shadow:0 0 0 1px rgba(241,96,111,.08) inset;
}

#progrmCldrCalendarWrap0 .careLeft{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1;
  gap:15px;
}

#progrmCldrCalendarWrap0 .careName{
  font-weight:800;
  color:#111827;
  font-size:17px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#progrmCldrCalendarWrap0 .careRight {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 15px;
    color: #6B7280;
    white-space: nowrap;
}

#progrmCldrCalendarWrap0 .careRight b{
  color:#EF4444;
  font-weight:900;
}

#progrmCldrCalendarWrap0 .careArrow{
  width:20px;
  height:20px;
  border-radius:999px;
  border:1px solid #D1D5DB;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9CA3AF;
  font-size:16px;
  background: transparent;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
  will-change: transform;
}

#careModalList0 .careItem:hover .careArrow{
  background:#E96271;
  border-color:#E96271;
  color:#fff;
  transform: translateX(4px); 
}
#progrmCldrCalendarWrap0 .careList::-webkit-scrollbar{ width:8px; }
#progrmCldrCalendarWrap0 .careList::-webkit-scrollbar-thumb{ background:#E5E7EB; border-radius:999px; }
#progrmCldrCalendarWrap0 .careList::-webkit-scrollbar-track{ background:transparent; }

@media (max-width: 640px){
  .pg-program-apply__btn{
  	max-width:none !important;
  }
  #progrmCldrCalendarWrap0 .carePanel{
    width:min(380px, calc(100% - 28px));
    height:77vh;
    margin:0;
    padding:60px 18px 18px;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
  }
  #progrmCldrCalendarWrap0 .careHero{
  	width: 170px !important;
  }	


  #progrmCldrCalendarWrap0 .careTitle{
    font-size:24px;
  }

  #progrmCldrCalendarWrap0 .careList{
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    padding:2px;
     max-height: calc(75vh - 120px);
  }
  #progrmCldrCalendarWrap0 .careModal{
  	padding:0px !important;
  }
  #progrmCldrCalendarWrap0 .careItem{
    border-width:2px;
    border-radius:6px;
    padding:18px 12px 14px;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
	height: 175px;
  }

  #progrmCldrCalendarWrap0 .careLeft{
    width:100%;
    justify-content:center;
  }

  #progrmCldrCalendarWrap0 .careName{
    font-size:20px;
    font-weight:900;
    text-align:center;
    white-space:normal;
    line-height:1.2;
  }

  #progrmCldrCalendarWrap0 .careRight{
    width:100%;
    justify-content:center;
    text-align:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:15px;
    line-height:1.25;
  }

  #progrmCldrCalendarWrap0 .careArrow{
    display:none;
  }

    #progrmCldrCalendarWrap0 .careClose {
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 28px;
  }

}
@media (max-width: 420px){
    #progrmCldrCalendarWrap0 .careList {
       grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    #progrmCldrCalendarWrap0 .careItem{
    	min-height:200px;
    }
}
@media (max-width: 360px){
  #progrmCldrCalendarWrap0 .carePanel{
    height:610px;
    padding:60px 14px 14px;
  }

  #progrmCldrCalendarWrap0 .careTitle{
    font-size:22px;
  }
	#progrmCldrCalendarWrap0 .careList{
		 max-height: calc(55vh - 120px) !important;
	}
  #progrmCldrCalendarWrap0 .careName{
    font-size:20px;
  }

  #progrmCldrCalendarWrap0 .careItem{
    min-height:142px;
  }
}
#progrmCldrCalendarWrap0 .scheduleWrap{ padding-top:8px; }
#progrmCldrCalendarWrap0 .scheduleList{ margin:0; padding:0; list-style:none; }

#progrmCldrCalendarWrap0 .scheduleList .mLine{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 0;
  font-size:14px;
  line-height:1.35;
  color:#111827;
}


#progrmCldrCalendarWrap0 .scheduleList .mDot{
    width: 8px !important;
    height: 8px !important;
    background: #ff5a8a;
    border-radius: 0px;
    margin-top:6px;
    flex:0 0 8px;
}

#progrmCldrCalendarWrap0 .scheduleList .mDot.is-rent{ 
    background: #fff !important;
    border: 1px solid #ff5a8a !important;
    border-radius: 999px !important;

}


#progrmCldrCalendarWrap0 .scheduleList .mText{
  flex:1;
  min-width:0;
  word-break:keep-all;
}

#progrmCldrCalendarWrap0 .scheduleList .mDate{
  font-weight:700;
  color:#111827;
  white-space:nowrap;
}

#progrmCldrCalendarWrap0 .scheduleList .mSep{
  color:#9ca3af;
  padding:0 2px;
}

#progrmCldrCalendarWrap0 .scheduleList .mCat{
  font-weight:700;
  color:#111827;
}

#progrmCldrCalendarWrap0 .scheduleList .mTitle{
  margin-left:6px;
  color:#111827;
}

#progrmCldrCalendarWrap0 .scheduleList .mSub{
  display:block;
  margin-top:4px;
  color:#6b7280;
  font-size:13px;
}

#progrmCldrCalendarWrap0 .scheduleList .mLine.is-disable{
  opacity:.55;
}
  /* base */
  .jy-babycareMonthly{
    max-width: 980px;
    margin: 0 auto;
    padding: 18px 0 32px;
  }

  /* header */
  .jy-babycareMonthly__head{
    background: #F8F9FB;
    padding: 18px 16px; 
    text-align: center;
   
    border-bottom: 1px solid #B8BDC6;
  }

  .jy-babycareMonthly__title{
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #111;
    line-height: 1.2;
  }


  .jy-babycareMonthly__info{
    border: 1px solid #ECEFF4;
    border-top: 0;
    background: #fff;
  }

  /* table */
  .jy-babycareMonthly__table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
  }

  .jy-babycareMonthly__table th,
  .jy-babycareMonthly__table td{
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.55;
    color: #222;
    vertical-align: middle;

    word-break: break-word;
  }

  .jy-babycareMonthly__table tr:first-child th,
  .jy-babycareMonthly__table tr:first-child td{
    border-top: 0;
  }

  .jy-babycareMonthly__table th{
    background: #F8F9FB;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
  }

  .jy-babycareMonthly__table th:last-child,
  .jy-babycareMonthly__table td:last-child{
    border-right: 0;
  }

  /* poster */
  .jy-babycareMonthly__poster{
    margin-top: 18px;
    border: 1px solid #ECEFF4;
    background: #fff;
    padding: 14px;
  }

  .jy-babycareMonthly__posterImg{
    display: block;
    width: 100%;
    height: auto;
  }

  /* actions */
  .jy-babycareMonthly__actions{
    margin-top: 16px;
    display: flex;
    justify-content: center;
  }

  .jy-babycareMonthly__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    height: 44px;
    padding: 0 18px;
    border-radius: 6px;
    background: #EF6B76;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
  }

  .jy-babycareMonthly__btn:focus,
  .jy-babycareMonthly__btn:hover{
    filter: brightness(0.98);
  }

  @media (max-width: 768px){
    .jy-babycareMonthly{
      padding: 12px 0 24px;
    }

    .jy-babycareMonthly__head{
      padding: 16px 14px;
    }

    .jy-babycareMonthly__title{
      font-size: 22px; 
      font-weight: 900;
    }


    .jy-babycareMonthly__table colgroup{ display:none; }
    .jy-babycareMonthly__table,
    .jy-babycareMonthly__table tbody{
      display:block;
      width:100%;
    }

    .jy-babycareMonthly__table tr{
      display:grid;
      grid-template-columns: 120px 1fr;
      border-top: 1px solid #ECEFF4;
    }
    .jy-babycareMonthly__table tr:first-child{
      border-top: 0;
    }

    .jy-babycareMonthly__table th,
    .jy-babycareMonthly__table td{
      display:block;
      border: 0;
      padding: 16px 14px;
      font-size: 15px;
    }

    .jy-babycareMonthly__table th{
      background:#F8F9FB;
      border-right: 1px solid #ECEFF4;
      font-weight: 800;
      white-space: normal;
    }

    .jy-babycareMonthly__poster{
      padding: 12px;
    }

    .jy-babycareMonthly__btn{
      width: 100%;
      max-width: 360px;
    }
  }
#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar{
  position: relative !important;
  padding: 16px 56px !important;
}

#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar .fc-center{
  float: none !important;
  width: 100% !important;
  text-align: center !important;
}


#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar .fc-left{
  float: none !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-toolbar .fc-right{
  float: none !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#progrmCldrCalendarWrap0 #centerSchdulCalendar0 .fc-button-group > *{
  float: none !important;
  margin: 0 !important;
}
/* scope */
.pg-program-apply__inner{
  max-width: 1200px;
  margin: 0 auto;
}

.pg-program-apply__table{
  border-top: 1px solid #d9dde3;
  border-bottom: 1px solid #d9dde3;
}

.pg-program-apply__row{
  border-top: 1px solid #eef1f5;
}
.pg-program-apply__row:first-child{ border-top: 0; }

.pg-program-apply__th {
    background: #F8F9FB;
    padding: 14px 16px;
    font-size: 14px;
    color: #222;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.pg-program-apply__td{
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
}

.pg-program-apply__sub{
  font-size: 12px;
  color: #6b7280;
}

/* form */
.pg-program-apply__input,
.pg-program-apply__select,
.pg-program-apply__textarea{
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  border-radius: 6px !important;
  padding: 10px 12px;
  font-size: 14px;
  outline: none;
  border-radius:6px;
  background: #fff;
}

.pg-program-apply__input:focus,
.pg-program-apply__select:focus,
.pg-program-apply__textarea:focus{
  border-color: #9aa4b2;
}

/* 원본처럼 PC에서 너무 길어지지 않게 */
.pg-program-apply__input--md{ width: 320px; }
.pg-program-apply__select--sm{ width: 220px; }

.pg-program-apply__textarea{
  width: 720px;
  max-width: 100%;
  min-height: 140px;
  resize: vertical;
}

/* tel */
.pg-program-apply__tel{
  display: flex;
  align-items: center;
  gap: 10px;
}
.pg-program-apply__input--tel{ width: 90px; }
.pg-program-apply__dash{ color: #9aa4b2; }

/* inline */
.pg-program-apply__field-inline{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}
.pg-program-apply__hint{
  margin: 6px 0 0;
  font-size: 12px;
  color: #d946ef;
}
.pg-program-apply__agree {
    padding: 30px 0px 5px;
    display: flex;
    justify-content: center;
}
.pg-program-apply__check{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: #333;
}
.pg-program-apply__actions{ padding: 18px 0 0; display:flex;justify-content: center; }
.pg-program-apply__btn {
    /* width: 100%; */
    height: 50px;
    width: 100%;
    max-width: 230px;
    border: 0;
    border-radius: 6px;
    background: #f36b7a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.pg-program-apply__select{
  width: 220px;
  height: 44px;

  padding: 0 40px 0 14px;

  border: 1px solid #cfd4dc;
  border-radius: 8px;
  background-color: #fff;

  font-size: 14px;


  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("/images/mngrHmpg/select_arrow.png");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
}
@media (min-width: 769px){

  .pg-program-apply__row--pair2{
    display: grid;
    grid-template-columns: 120px 360px 120px 1fr;
  }

  .pg-program-apply__row--pair3{
    display: grid;
    grid-template-columns: 120px 359px 120px 240px 120px 1fr;
   }

  .pg-program-apply__row--single{
    display: grid;
    grid-template-columns: 120px 1fr;
  }

  .pg-program-apply__row--pair2 > .pg-program-apply__td,
  .pg-program-apply__row--pair3 > .pg-program-apply__td{
    display: block;
  }

  .pg-program-apply__row--memo .pg-program-apply__td{
    align-items: stretch;
  }
}


@media (max-width: 768px){
  .pg-program-apply__inner{ margin-top:20px; }

  .pg-program-apply__row{
    display: grid;
    grid-template-columns: 120px 1fr;
  }

  .pg-program-apply__row--pair2,
  .pg-program-apply__row--pair3{
    grid-template-columns: 120px 1fr;
  }

  .pg-program-apply__th{ padding: 12px; font-size: 13px; }
  .pg-program-apply__td{ padding: 10px 12px; min-height: 48px; }

  .pg-program-apply__input--md,
  .pg-program-apply__select--sm,
  .pg-program-apply__textarea{
    width: 100%;
  }

  .pg-program-apply__input--tel{ width: 72px; }
}

.pg-program-apply__check-input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}


.pg-program-apply__check{
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}


.pg-program-apply__check-text{
  position: relative;
  padding-left: 26px;
  font-size: 13px;
  color: #333;
  line-height: 18px;
}


.pg-program-apply__check-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #cfd4dc;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}

.pg-program-apply__check-text::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 20px;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}
.pg-program-apply__check-input:checked + .pg-program-apply__check-text::before{
  background:#f36b7a;
  border-color:#f36b7a;
}
.pg-program-apply__check-input:checked + .pg-program-apply__check-text::after{
  opacity:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4.7 9.2 1.9 6.4l1-1 1.8 1.8 4-4 1 1-5 5z' fill='%23fff'/%3E%3C/svg%3E");
}

.pg-program-apply__check-input:focus-visible + .pg-program-apply__check-text::before{
  outline: 2px solid rgba(243,107,122,.5);
  outline-offset: 2px;
}

@media (max-width: 446px){
  .pg-program-apply__tel{
    flex-wrap: wrap;
    gap: 8px 10px;
  }
	.pg-program-apply__row{
        grid-template-columns: 90px 1fr !important;	
	}
  .pg-program-apply__tel .pg-program-apply__input--tel{
    width: calc((100% - 20px) / 3);
    min-width: 70px;
  }

}
/* ===== nbSvc 공통 스타일 ===== */
.neighborlyCareBiz .nbSvc-swiper{ width:100%; }

.neighborlyCareBiz .nbSvc__link{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-decoration:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}

.neighborlyCareBiz .nbSvc__circle{
  width:120px;
  height:120px;
  border-radius:120px;
  border:1px solid #A4A5AE;
  background:#fff;
  box-sizing:border-box;
  transition:border-color .2s ease, background-color .2s ease;
}

.neighborlyCareBiz .nbSvc__text{
  font-size:15px;
  line-height:1.2;
  color:#111827;
  transition:color .2s ease;
  white-space:nowrap;
}

.neighborlyCareBiz .nbSvc__link:hover .nbSvc__circle,
.neighborlyCareBiz .nbSvc__link.is-active .nbSvc__circle{
  border-color:#E96271;
  background:#FFF2F6;
}
.neighborlyCareBiz .nbSvc__link:hover .nbSvc__text,
.neighborlyCareBiz .nbSvc__link.is-active .nbSvc__text{
  color:#E96271;
}

.neighborlyCareBiz .nbSvc__link:focus-visible{ outline:none; }
.neighborlyCareBiz .nbSvc__link:focus-visible .nbSvc__circle{
  border-color:#E96271;
  background:#FFF2F6;
  box-shadow:0 0 0 3px rgba(233, 98, 113, 0.25);
}

/* ===== PC(1025px~): Swiper 없이 고정 6개 배치 ===== */
@media (min-width: 1025px){
  .neighborlyCareBiz .nbSvc-swiper{
    overflow: visible; /
  }
  .neighborlyCareBiz .nbSvc-swiper .swiper-wrapper{
    display:flex;
    justify-content: space-between; 
    gap: 40px;
    transform: none !important; 
  }
  .neighborlyCareBiz .nbSvc-swiper .swiper-slide{
    width:auto;
    flex: 0 0 auto;
  }
  .intrcn-service-list-content{
  	padding:0px 30px;
  }
}

@media (max-width: 1024px){
  .neighborlyCareBiz .nbSvc-swiper{
    overflow:hidden;
  }
  .neighborlyCareBiz .nbSvc-swiper .swiper-slide{
    width:auto; 
  }
  .neighborlyCareBiz .nbSvc__link{
    padding: 4px 2px 10px;
  }
  .neighborlyCareBiz .nbSvc-swiper .swiper-wrapper{
    cursor: grab;
  }
  .neighborlyCareBiz .nbSvc-swiper .swiper-wrapper:active{
    cursor: grabbing;
  }
}

@media (max-width: 480px){
  .neighborlyCareBiz .nbSvc__circle{ width:84px; height:84px; }
}

.neighborlyCareBiz .nbApply{
  width: 100%;
  margin-top: 40px;
}

.neighborlyCareBiz .nbApply__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  align-items: start;
}

.neighborlyCareBiz .nbApply__col{
  min-width: 0;
  text-align: center;
}

.neighborlyCareBiz .nbApply__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 68px;
  padding: 16px 18px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.neighborlyCareBiz .nbApply__btn--disabled{
  border: 1px solid #D1D5DB;
  background: #fff;
  color: #9CA3AF;
  cursor: default;
  pointer-events: none;
}

.neighborlyCareBiz .nbApply__btn--primary{
  border: 1px solid #E96271;
  background: #fff;
  color: #E96271;
}

.neighborlyCareBiz .nbApply__btn--primary:hover{
  background: #f9dde5;
}

.neighborlyCareBiz .nbApply__btn--primary:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(233, 98, 113, 0.25);
  background: #FFF2F6;
}

.neighborlyCareBiz .nbApply__hint{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.3;
  color: #6B7280;
}

@media (max-width: 768px){
  .neighborlyCareBiz .nbApply__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .neighborlyCareBiz .nbApply__btn{
    min-height: 60px;
    font-size: 16px;
  }
}
/* 이웃애 css */
.neighborlyCareBiz .nbPayCards{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  width:100%;
}

.neighborlyCareBiz .nbPayCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 40px;
    border-radius: 14px;
    box-sizing: border-box;
    min-height: 110px;
}

.neighborlyCareBiz .nbPayCard__icon{
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 72px;
}

.neighborlyCareBiz .nbPayCard__icon img{
  width:80%;
  height:100%;
  object-fit:contain;
  display:block;
}

.neighborlyCareBiz .nbPayCard__text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:left;
}

.neighborlyCareBiz .nbPayCard__title{
  font-size:18px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-0.2px;
}

.neighborlyCareBiz .nbPayCard__amount{
  font-size:18px;
  line-height:1.1;
  font-weight:600;
  letter-spacing:-0.2px;
}

.neighborlyCareBiz .nbPayCard__amount strong{
  font-weight:800;
}

.neighborlyCareBiz .nbPayCard--2{
  background:#fff;
  border:1px solid #D1D5DB;
  color:#111827;
}

.neighborlyCareBiz .nbPayCard--2 .nbPayCard__amount strong{
  color:#E96271;
}

.neighborlyCareBiz .nbPayCard--3{
  background:#fff;
  border:1px solid #E96271;
  color:#111827;
}

.neighborlyCareBiz .nbPayCard--3 .nbPayCard__amount strong{
  color:#E96271;
}

.neighborlyCareBiz .nbPayCard--4{
  background:#FFF2F6;
  border:1px solid #E96271;
  color:#111827;
}

.neighborlyCareBiz .nbPayCard--4 .nbPayCard__amount strong{
  color:#E96271;
}

.neighborlyCareBiz .nbPayCard--5{
  background:#EE626F;
  border:1px solid #EE626F;
  color:#fff;
}
.intrcn-bottom-inner .sub-title{
	color:#868897;
}

.neighborlyCareBiz .nbPayCard--5 .nbPayCard__amount,
.neighborlyCareBiz .nbPayCard--5 .nbPayCard__amount strong{
  color:#fff;
}

@media (max-width:1024px){
  .neighborlyCareBiz .nbPayCards{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:768px){
  .neighborlyCareBiz .nbPayCards{
    grid-template-columns:1fr;
  }
  .neighborlyCareBiz .nbPayCard{
    padding:18px 18px;
    min-height:96px;
  }
  .neighborlyCareBiz .nbPayCard__icon{
    width:64px;
    height:64px;
    flex:0 0 64px;
  }
}
.neighborlyCareBiz .nbProgGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  width:100%;
}

.neighborlyCareBiz .nbProgCard {
    display: flex;
    align-items: center;
    gap: 35px;
    padding: 35px 50px;
    border: 1px solid #D1D5DB;
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
    min-height: 138px;
    text-align: left;
}

.neighborlyCareBiz .nbProgCard__icon{
  width:110px;
  height:110px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 110px;
}

.neighborlyCareBiz .nbProgCard__icon img{
    width: 53px;
    height: 53px;
    object-fit: contain;
    display: block;
}

.neighborlyCareBiz .nbProgCard__body{
  min-width:0;
}

.neighborlyCareBiz .nbProgCard__title{
  font-size:18px;
  line-height:1.25;
  font-weight:800;
  color:#111827;
  margin:0 0 10px 0;
  letter-spacing:-0.2px;
}

.neighborlyCareBiz .nbProgCard__list{
  margin: 0px 0px 0px 20px;
  padding:0;
  list-style:none;
  font-size:14px;
  line-height:1.6;
  color:#111827;
}

.neighborlyCareBiz .nbProgCard__list li{
  position:relative;
}
.nbProgCard__list li{
	margin:3px 0px;
	color:#181818;
}

.neighborlyCareBiz .nbProgCard--red .nbProgCard__icon{ background:#F05449; }
.neighborlyCareBiz .nbProgCard--orange .nbProgCard__icon{ background:#F08A24; }
.neighborlyCareBiz .nbProgCard--teal .nbProgCard__icon{ background:#0088A8; }
.neighborlyCareBiz .nbProgCard--green .nbProgCard__icon{ background:#0B6B2A; }

@media (max-width:930px){
 .neighborlyCareBiz .nbProgCard__list{
  	margin: 0px !important;
 }
  .neighborlyCareBiz .nbProgGrid{
    grid-template-columns:1fr;
  }
  .neighborlyCareBiz .nbProgCard{
     padding: 18px 50px;
     gap: 50px;
     min-height: 160px;
  }
  .neighborlyCareBiz .nbProgCard__icon{
    width:86px;
    height:86px;
    flex:0 0 86px;
  }
  .neighborlyCareBiz .nbProgCard__icon img{
    width:46px;
    height:46px;
  }
  .neighborlyCareBiz .nbProgCard__title{
    font-size:17px;
    margin-bottom:8px;
  }
}
@media (max-width:475px){
.neighborlyCareBiz .nbProgCard{
     padding: 18px 20px !important;
     gap: 25px !important;
  }	
}

.gnb-sub-right--care .care-stack{
  display:block;
  width:100%;
  max-width:235px;
}


.gnb-sub-right--care .care-stack > .gnb-sub-trigger__btn{
  display:block;
  width:100%;
  box-sizing:border-box;
}

.gnb-sub-right--care .care-stack > .gnb-sub-panel {
    display:none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
    text-align: left;
    width: 99%;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 15px;
    border-radius: 6px;
    background: #F3F4F6;
}

.gnb-sub-right--care .gnb-sub-panel__item {
    display: block !important;
    position: relative !important;
    padding: 0px 0 0px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #111;
    line-height: 1.6;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 100% !important;
}


.gnb-sub-panel__item:hover{
  color:#E96271 !important;
}
#gnb .gnb-sub-right a.on::before,
#gnb .gnb-sub-right .gnb-sub-panel a:hover::before,
#gnb .gnb-sub-right .gnb-sub-panel a:focus::before{
  display:none !important;
}
#gnb .gnb-sub-right a.on::after,
#gnb .gnb-sub-right .gnb-sub-panel a:hover::after,
#gnb .gnb-sub-right .gnb-sub-panel a:focus::after{
  display:none !important;
}
@media (min-width:767px){
  .gnb-sub-right--care .care-stack.is-open > .gnb-sub-panel{
    display:grid;
    text-align: left !important;
  }
  
}
#gnb .gnb-sub-right--care .care-stack.is-open > a.gnb-sub-trigger__btn,
#gnb .gnb-sub-right--care .care-stack:focus-within > a.gnb-sub-trigger__btn {
  border-color: #E96271;
  background: #E96271;
  color: #fff;
  font-weight: 600;
  padding-right: 58px;
}
.gnb-sub-right--care .gnb-sub-panel__item::before{
  content:"·";
  position:absolute;
  left:0;
  top:0;
  line-height:1.6;
  color:#111;
}
.gnb-sub-right--care{ align-items:stretch; }
@media (max-width: 767px){
  #gnb .gnb-sub-right--care .gnb-sub-panel{ display:block !important; }
}
#gnb .gnb-sub-right--care .care-stack.is-open > a.gnb-sub-trigger__btn::before,
#gnb .gnb-sub-right--care .care-stack:focus-within > a.gnb-sub-trigger__btn::before{
  content:'';
  position:absolute;
  right:14px;
  top:50%;
  width:26px;
  height:26px;
  margin-top:-13px;
  border-radius:50%;
  background:#fff;
}

#gnb .gnb-sub-right--care .care-stack.is-open > a.gnb-sub-trigger__btn::after,
#gnb .gnb-sub-right--care .care-stack:focus-within > a.gnb-sub-trigger__btn::after{
  content:'';
  position:absolute;
  right:24px;
  top:50%;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-right:2px solid #E96271 !important;
  border-top:2px solid #E96271 !important;
  transform:rotate(45deg);
}

#gnb .gnb-sub-right--care .care-stack > a.gnb-sub-trigger__btn{
  position:relative;
}
.neighborlyCareBiz2 .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner07.png') top/cover no-repeat !important;	
}
.neighborlyCareBiz3 .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner11.png') top/cover no-repeat !important;	
}
.neighborlyCareBiz4 .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner09.png') top/cover no-repeat !important;	
}
.neighborlyCareBiz5 .intrcn-hero{
 	background:url('/images/newhmpgimg/introbanner10.png') top/cover no-repeat !important;	
}
.top-banner{
    display:block;
    width:100%;
    padding:0px 20px 20px 20px;
}

.top-banner-img{
    width:100%;
    height:auto;
    display:block;
}

@media (max-width:660px){

    .top-banner{
        padding:0px 0px 20px 0px !important;
    }

    .top-banner-img{
        content:url('/images/hmpg/content/topmob-img.png');
        width:100%;
        height:auto;
    }

}
/* ===== 진행 프로그램 ===== */
.ucc-program-section {
    padding: 80px 20px 0px 20px;
}

.ucc-program-inner {
    max-width: 1200px;
    margin: 60px auto;
}

.ucc-program-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
}

/* ===== 상단 카드 ===== */
.ucc-program-highlight {
    margin-bottom: 40px;
}

.ucc-program-highlight-inner {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 40px;
    text-align: center;
    overflow: visible;
}

.ucc-program-highlight-img {
    position: absolute;
    width: 215px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
}

.ucc-program-highlight-img.left {
    left: 40px;
    bottom: -7px;
    background-image: url(/images/newhmpgimg/program-left.png);
}

.ucc-program-highlight-img.right {
    right: 40px;
    bottom: -7px;
    background-image: url(/images/newhmpgimg/program-right.png);
}

/* ===== row 구조 ===== */
.ucc-program-row {
    display: grid;
    gap: 20px;
    margin-bottom: 20px;
}

/* 1줄 */
.row-1 {
    grid-template-columns: 1fr;
}

/* 2줄 (5개) */
.row-2 {
    grid-template-columns: repeat(5, 1fr);
}

/* 3줄 (3개) */
.row-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* ===== 카드 ===== */
.ucc-program-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    transition: all 0.2s;
}

.ucc-program-card h5 {
    font-size: 20px;
    margin: 10px 0;
}

.ucc-program-card p {
    font-size: 16px;
    color: #666;
}

.ucc-program-badge {
    display: inline-block;
    font-size: 16px;
    color: #ff5b5b;
    margin-bottom: 6px;
}

/* 빈칸 */
.ucc-program-card.empty {
    visibility: hidden;
}

.ucc-program-desc {
    margin-top: 10px;
    color: #181818;
}

.font-size-13 { font-size: 13px; }

.ucc-program-name {
    font-size: 20px;
}

.sub-color {
    color: #868897;
}

@media (max-width: 1100px) {
	.umcare-bottom{
		display:none !important;
	}
    .ucc-program-section .row-2 {
        grid-template-columns: repeat(3, 1fr);
    }

    .ucc-program-section .row-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .ucc-program-section .ucc-program-card {
        padding: 16px;
    }

    .ucc-program-section .ucc-program-card h5 {
        font-size: 16px;
    }

    .ucc-program-section .ucc-program-card p {
        font-size: 13px;
    }

    .ucc-program-section .ucc-program-badge {
        font-size: 13px;
    }
    .ucc-program-highlight-img{
    	display:none !important;
    }
}


@media (max-width: 768px) {

    .ucc-program-highlight-img {
        display: none;
    }
    .ucc-program-section .ucc-program-row {
        display: contents;
    }
    .ucc-program-section {
        display: block;
    }

    .ucc-program-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
	.ucc-program-highlight {
	  margin-bottom: 0px !important;
	}
    .ucc-program-highlight {
        grid-column: 1 / -1;
    }

    .ucc-program-title {
        grid-column: 1 / -1;
    }

    .ucc-program-card {
        padding: 18px 14px;
    }

    .ucc-program-card h5 {
        font-size: 16px;
    }

    .ucc-program-card p {
        font-size: 12px;
    }
}
.icon-w-38{
	width:38px !important;
}
.togetherCareCenter .intrcn-hero13 {
    background: url(/images/newhmpgimg/ntrobanner013.png) center / cover no-repeat !important;
}
.intrcn-hero13 {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.intrcn-partner-body .text-grey{
	color:#868897 !important;
	font-size:14px !important;
}
.medStepFlowX{
  padding: 64px 20px 70px;
}

.medStepFlowX__head{
  text-align: center;
  margin-bottom: 72px;
}

.medStepFlowX__title{
  margin: 0;
  font-size: 34px;
  line-height: 1.18;
  font-weight: 400;
  color: #222;
  letter-spacing: -0.04em;
}

.medStepFlowX__sub{
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.4;
  color: #949aaa;
  letter-spacing: -0.02em;
}

.medStepFlowX__pc{
  display: block;
}

.medStepFlowX__mo{
  display: none;
}

.medStepFlowX__grid{
  position: relative;
  max-width: 1460px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 22px;
  row-gap: 24px;
}

.medStepFlowX__card{
  height: 98px;
  background: #fff;
  border: 1px solid #cfd4dc;
  border-radius: 8px;
  box-shadow: 0 3px 6px #00204d1a;
  display: flex;
  align-items: center;
  padding: 0 28px;
  box-sizing: border-box;
}

.medStepFlowX__num{
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff3f5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 22px;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #ef6677;
}

.medStepFlowX__txt{
  display: block;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;
  letter-spacing: -0.03em;
  word-break: keep-all;
}

.medStepFlowX__card--01{ grid-column:1; grid-row:1; }
.medStepFlowX__card--02{ grid-column:2; grid-row:1; }
.medStepFlowX__card--03{ grid-column:3; grid-row:1; }
.medStepFlowX__card--04{ grid-column:4; grid-row:1; }

.medStepFlowX__card--08{ grid-column:1; grid-row:2; }
.medStepFlowX__card--07{ grid-column:2; grid-row:2; }
.medStepFlowX__card--06{ grid-column:3; grid-row:2; }
.medStepFlowX__card--05{ grid-column:4; grid-row:2; }

.medStepFlowX__arrow{
  position: absolute;
  width: 42px;
  height: 42px;
  z-index: 3;
}

.medStepFlowX__arrow img{
  display: block;
  width: 100%;
  height: 100%;
}

.medStepFlowX__arrow--r1 {
    top: 28px;
    left: calc(25% - 37px + 11px);
}
.medStepFlowX__arrow--r2 {
    top: 28px;
    left: calc(50% - 28px + 7px);
}
.medStepFlowX__arrow--r3{
  top: 28px;
  left: calc(75% - 21px + 3px);
}

.medStepFlowX__arrow--l1{
  top: 150px;
  left: calc(25% - 38px + 11px);
}
.medStepFlowX__arrow--l2 {
    top: 150px;
    left: calc(50% - 27px + 7px);
}
.medStepFlowX__arrow--l3{
  top: 150px;
  left: calc(75% - 21px + 3px);
}

.medStepFlowX__arrow--down{
  top: 88px;
  left: calc(87.5% - 21px);
}

@media (max-width: 1066px){
  .medStepFlowX{
    padding: 52px 10px 18px;
  }

  .medStepFlowX__head{
    margin-bottom: 32px;
  }

  .medStepFlowX__title{
    font-size: 32px;
    line-height: 1.25;
  }

  .medStepFlowX__sub{
    margin-top: 10px;
    font-size: 13px;
  }

  .medStepFlowX__pc{
    display: none;
  }

  .medStepFlowX__mo{
    display: block;
  }

  .medStepFlowX__stack .medStepFlowX__card{
    height: 92px;
    padding: 0 22px;
    margin-bottom: 18px;
    border-radius: 10px;
  }

  .medStepFlowX__stack .medStepFlowX__num{
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    margin-right: 20px;
    font-size: 22px;
  }

  .medStepFlowX__stack .medStepFlowX__txt{
    font-size: 17px;
    line-height: 1.4;
  }
}
@media (max-width: 480px) {
	.ucc-program-highlight{
		margin-bottom:0px !important;
	}
    .ucc-program-section .ucc-program-row {
        grid-template-columns: 1fr !important;
    }

    .ucc-program-section .ucc-program-card {
        padding: 16px 12px !important;
    }
	.ucc-program-inner {
        grid-template-columns: repeat(1, 1fr) !important;
	}
    .ucc-program-section .ucc-program-card h5 {
        font-size: 15px !important;
    }

    .ucc-program-section .ucc-program-card p {
        font-size: 12px !important;
    }

    .ucc-program-section .ucc-program-badge {
        font-size: 12px !important;
    }
}
.ulsancc-programWrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
    margin-bottom:20px;
}

.ulsancc-programItem {
    background: #F8F9FB;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}

.ulsancc-programItem h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ulsancc-programItem p {
    font-size: 15px;
    color: #666;
    line-height: 1.5;
}

/* ===== 태블릿 (2줄) ===== */
@media (max-width: 1024px) {
    .ulsancc-programWrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===== 모바일 (1줄) ===== */
@media (max-width: 768px) {
    .ulsancc-programWrap {
        grid-template-columns: 1fr;
    }

    .ulsancc-programItem {
        padding: 18px;
    }

    .ulsancc-programItem h4 {
        font-size: 16px;
    }

    .ulsancc-programItem p {
        font-size: 13px;
    }
}
.ulsancc-heroBanner {
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 12px;
    overflow: hidden;
}

.ulsancc-heroBg {
    position: absolute;
    inset: 0;
    background: url('/images/newhmpgimg/top-img.png') no-repeat center / cover;
}

.ulsancc-heroBanner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
}

.ulsancc-heroContent {
    position: relative;
    z-index: 2;
    color: #fff;
    padding:45px 40px;
    max-width: 609px;
}
.ulsancc-heroSub {
    font-size: 26px;
    margin-bottom: 6px;
}

.ulsancc-heroTitle {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

.ulsancc-heroDesc {
    font-size: 15px;
    line-height: 1.6;
}

.ulsancc-heroBtnWrap {
    position: absolute;
    right: 40px;
    bottom: 30px;
    z-index: 2;
}
.list td.date-cell {
  white-space: normal !important;
  line-height: 1.4;
}
.ulsancc-heroBtn {
    display: inline-block;
    background: #ff6b7a;
    color: #fff;
    padding: 10px 50px;
    border-radius: 999px;
    font-size: 16px;
    text-decoration: none;
}

@media (max-width: 768px) {

    .ulsancc-heroBanner {
        height: 180px;
    }

    .ulsancc-heroContent {
        padding: 8px;
    }

    .ulsancc-heroTitle {
        font-size: 20px;
    }

    .ulsancc-heroSub {
        font-size: 13px;
    }

    .ulsancc-heroDesc {
        font-size: 12px;
    }

    .ulsancc-heroBtnWrap {
        right: 20px;
        bottom: 20px;
    }

    .ulsancc-heroBtn {
        font-size: 12px;
        padding: 8px 16px;
    }
}
.reserveRight{
  border-left:1px solid #E7E7EC;
  padding-left:28px;
   display:flex;
    flex-direction:column;
    height:100%;
}
.reserveTimeBlock{
    flex:1;
}

.reserveBtnWrap{
    margin-top:auto;
}

.reserveBtnMain{
    width:100%;
    height:56px;
    background:#e96b74;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:16px;
    font-weight:600;
}
.reserveLabel{
  display:block;
  margin-bottom:10px;
  font-size:18px;
  font-weight:700;
  color:#444;
}

.reserveMenuBlock{
  margin-bottom:24px;
}

.reserveMenuTabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.reserveMenuTab {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
  color: #333;

  text-align: center;
  word-break: keep-all;
}
.reserveMenuTab.is-active{
  border-color:#e96b74;
  color:#e96b74;
  font-weight:600;
}
.reserveTimeItem{
  opacity:0;
  transform:translateY(10px);
}

.reserveTimeItem.is-show{
  opacity:1;
  transform:translateY(0);
  transition: all 0.35s ease;
}
.reserveTimeBlock{
  margin-bottom:24px;
}

.reserveTimeGrid {
  max-height: 480px;
  overflow-y: hidden;
  overflow-x: hidden;

  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;

  padding-right: 6px;
}

.reserveTimeGrid.is-scroll {
  overflow-y: auto;
}

.reserveTimeGrid::-webkit-scrollbar {
  width: 6px;
}

.reserveTimeGrid::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

.reserveTimeGrid::-webkit-scrollbar-track {
  background: transparent;
}
.reserveTimeItem {
    min-height: 58px;
    padding: 15px 10px;
    border: 1px solid #E2E2E7;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.reserveTimeItem strong {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    line-height: 1.2;
}

.reserveTimeItem span {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #9B9CA4;
    line-height: 1.2;
}

.reserveTimeItem.is-active{
  background:#fff;
  border-color:#EF8D98;
}

.reserveTimeItem.is-active strong,
.reserveTimeItem.is-active span{
  color:#E76C79;
}

.reserveTimeItem.is-disabled{
  background:#EFEFF3;
  cursor:default;
}

.reserveTimeItem.is-disabled strong,
.reserveTimeItem.is-disabled span{
  color:#B9BCC4;
}

.reserveTimeEmpty{
  grid-column:1 / -1;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #E2E2E7;
  border-radius:4px;
  background:#F7F7F9;
  color:#999;
  font-size:13px;
  text-align:center;
  padding:10px;
}

.reserveBtnWrap{
  margin-top:24px;
}

.reserveBtnMain{
  width:100%;
  height:54px;
  border:0;
  border-radius:4px;
  background:#EB6C7B;
  color:#fff;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

.reserveBottomBanner{
  margin-top:28px;
  height:72px;
  border-radius:4px;
  background:#FAEAEA;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.reserveBottomBanner .txt{
  font-size:18px;
  font-weight:700;
  color:#F18C36;
  line-height:1;
}

.reserveBottomBanner .obj{
  position:absolute;
  bottom:0;
  font-size:30px;
  line-height:1;
}

.reserveBottomBanner .obj.left{ left:18px; }
.reserveBottomBanner .obj.right{ right:18px; }

.kpWrap{
  padding:50px 0;
}

.kpInner{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:40px 30px;
}

.kpCard{
  padding-bottom:25px;
  min-width:0;
}
.kpCard:nth-child(odd){
  border-right:1px solid #e5e5e5;
  padding-right:30px;
}
@media (max-width:1110px){
  .kpCard{
    border-right:none !important;
    padding-right:0;
    padding-left:0;
  }
}
.kpTop{
  display:flex;
  gap:20px;
  margin-bottom:20px;
  align-items:flex-start;
}

.kpImg{
  width:275px;
  max-height:180px;
  object-fit:cover;
  border-radius:8px;
}

.kpInfo{
  flex:1;
}

.kpTitle{
  font-size:22px;
  font-weight:700;
  margin-bottom:8px;
}

.kpDesc{
  font-size:16px;
  color:#666;
  line-height:1.6;
}

/* 기본: 스크롤 없음 */
.kpTableWrap{
  width:100%;
  overflow:visible;
}

.kpTable{
  width:100%;
  border-top:1px solid #aaa;
}
.kpEmptyTitle {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #525252;
    line-height: 1.4;
    text-align: left;
    background: #f3f3f36b;
    padding: 20px;
}

.kpRow {
    display: grid;
    grid-template-columns: 200px 170px 1fr 68px 58px;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}

.kpHead{
  color:#888;
  font-weight:500;
  font-size:16px;
}

.kpBtnLine{
  height:32px;
  border:1px solid #ff7b7b;
  color:#ff7b7b;
  background:#fff;
  border-radius:6px;
  cursor:pointer;
  font-size:13px;
}

.kpBtnLine:hover{
  background:#ff7b7b;
  color:#fff;
}

.kpCardEmpty{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  border:none;
}

.kpLastImg{
  width:220px;
  opacity:0.95;
}

.kpHero{
  padding:60px 0 10px 0;
  margin-top:50px;
}

.kpHeroInner{
  position:relative;
  min-height:90px;
  padding:30px 0;
  background:#FFEEEB;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.kpHeroTitle{
  font-size:22px;
  font-weight:700;
  color:#D8521B;
  z-index:2;
}

.kpHeroObj{
  position:absolute;
  z-index:1;
}

.kpHeroLeft{
  left:70px;
  bottom:39px;
  width:105px;
}

.kpHeroCenter{
  top:-68px;
  left:50%;
  transform:translateX(-50%);
  width:200px;
}

.kpHeroRight{
  right:72px;
  bottom:-7px;
  width:74px;
}

@media (max-width:950px){
  .kpInner{
    grid-template-columns:1fr;
  }
}

  .kpTableWrap{
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
  }
    .kpTable{
    min-width:650px;
  }
@media (max-width:745px){

  .kpTable{
    min-width:650px;
  }

  .kpRow{
    grid-template-columns: 200px 170px 1fr 68px 58px;
  }

}

/* 모바일 */
@media (max-width:768px){
.kpCard:nth-child(odd){
  padding-right:0px !important;
}
  .kpTop{
    flex-direction:column;
  }

  .kpImg{
    width:100%;
    height:auto;
  }

  .kpCardEmpty{
    align-items:center;
    justify-content:center;
  }

  .kpLastImg{
    width:180px;
  }

  .kpHeroRight,
  .kpHeroLeft{
    display:none !important;
  }
}

.kpHeroInner{
  position:relative;
  min-height:90px;
  padding:30px 0;
  background:#FFEEEB;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.kpHeroTitle{
  font-size:22px;
  font-weight:700;
  color:#D8521B;
  z-index:2;
}

.kpHeroObj{
  position:absolute;
  z-index:1;
}

.kpHeroLeft {
   left: 70px;
   bottom: 39px;
   width: 105px;
}

.kpHeroCenter {
    top: -68px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
}

.kpHeroRight {
    right: 72px;
    bottom: -7px;
    width: 74px;
}

.ubox-reserve-banner {
    width: 100%;
    padding: 75px 0px 30px;
    box-sizing: border-box;
    /* background: #efefef; */
}

.ubox-reserve-inner {
    width: 100%;
    background: #FFEEEB;
    border-radius: 12px;
    padding: 25px 20px;
    text-align: center;
    color: #D8521B;
    position: relative;
}
.ubox-reserve-icon {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}

.ubox-reserve-icon img {
    width: 140px;
    height: auto;
}


.ubox-reserve-text {
    font-size: 22px;
    font-weight: 600;
    color: #d65a2b;
    letter-spacing: -0.5px;
}
.rsvf-wrap {
  display: flex;
  gap: 16px;
}

.rsvf-item {
  display: flex;
  flex-direction: column;
  width: 260px;
}

.rsvf-label {
  font-size: 15px;
  color: #555;
  margin-bottom: 6px;
  font-weight: 500;
}

.rsvf-input {
  height: 50px !important;
  padding: 0 14px !important;
  font-size: 14px !important;

  border: 2px solid #e5e7eb !important;
  border-radius: 6px !important;
  background-color: #fff;
  color: #000 !important;
  outline: none;
}

.rsvf-input::placeholder {
  color: #9ca3af;
}

.rsvf-input:focus {
  border-color: #d1d5db;
  background-color: #fff;
}

/* U-맘스 센터 카드 */
.ushlt-cardGrid {
    display: flex;
    gap: 20px;
    margin:30px 0 60px;
    flex-wrap: wrap;
}
.ushlt-card {
    flex: 1 1 calc(50% - 10px);
    min-width: 240px;
    background: #fff;
    border: 1px solid #E8E9EF;
    border-radius: 14px;
    padding: 22px 24px 20px;
    box-sizing: border-box;
}
.ushlt-cardBadge {
    display: inline-block;
    background: #FFF0F3;
    color: #E9507A;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    padding: 3px 12px;
    margin-bottom: 12px;
}
.ushlt-cardTitle {
    font-size: 17px;
    font-weight: 700;
    color: #222;
    margin: 0 0 14px;
    line-height: 1.4;
}
.ushlt-cardInfo {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.ushlt-cardInfo li {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    color: #555;
}
.ushlt-cardInfo li img {
    width: 13px;
    height: 16px;
    flex-shrink: 0;
}
.ushlt-cardInfoIcon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}