@charset "UTF-8";
/* display */
/* breakpoint */
/* breakpoint : content */
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes charAnimation {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0);
  }
}
body.is-gnb-hover #top_layout .header-wrap {
  background: #fff;
}
body.is-gnb-hover #top_layout .header-wrap::after {
  display: block;
}

#body_layout {
  overflow: hidden;
  padding-top: var(--header-height);
  background: url(/images/ysyouth/main/bg_pattern.png) no-repeat top center/cover;
  position: relative;
}
@media (max-width: 1024px) {
  #body_layout {
    background-image: url(/images/ysyouth/main/bg_pattern_tablet.png);
  }
}
@media (max-width: 499px) {
  #body_layout {
    background-image: url(/images/ysyouth/main/bg_pattern_mob.png);
  }
}

#top_layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
}
#top_layout .header-wrap {
  background: url(/images/ysyouth/main/bg_pattern_header.png) no-repeat center/cover;
  transition: none;
}
#top_layout .header-wrap::after {
  display: none;
}

.section-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-inline: 8px;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 1279px) {
  .section-header {
    margin-bottom: 24px;
  }
}
@media (max-width: 499px) {
  .section-header {
    justify-content: center;
    margin-bottom: 20px;
  }
}
.facility-section .section-header {
  margin-bottom: 28px;
}
@media (max-width: 499px) {
  .facility-section .section-header {
    margin-bottom: 20px;
  }
}
@media (max-width: 499px) {
  .notice-section .section-header {
    margin-bottom: 16px;
  }
}
.section-header .view-more-link {
  flex-shrink: 0;
  order: 5;
  margin-left: auto;
  color: #444;
  transition: color 0.3s;
}
@media (max-width: 499px) {
  .section-header .view-more-link {
    margin-left: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.section-header .view-more-link:hover {
  color: #0E73E4;
}
.section-header .view-more-link::before {
  content: "";
  display: block;
  width: 32px;
  aspect-ratio: 1;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_5605_556' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5605_556)'%3E%3Cpath d='M14.6667 28V17.3333H4V14.6667H14.6667V4H17.3333V14.6667H28V17.3333H17.3333V28H14.6667Z' fill='%23444444'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100%;
}
@media (max-width: 767px) {
  .section-header .view-more-link::before {
    width: 28px;
  }
}
.section-header .section-title-sub {
  width: 100%;
  order: 10;
}
@media (max-width: 1279px) {
  .section-header .section-title-sub {
    width: auto;
    margin-top: 0;
    margin-left: 24px;
    order: 3;
  }
}
@media (max-width: 767px) {
  .section-header .section-title-sub {
    display: none;
  }
}

.section-title {
  color: #222;
  font-family: Paperlogy, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .section-title {
    font-size: 34px;
  }
}
@media (max-width: 640px) {
  .section-title {
    font-size: 28px;
  }
}
@media (max-width: 499px) {
  .section-title {
    font-size: 24px;
  }
}

.section-title-sub {
  margin-top: 12px;
  color: rgba(68, 68, 68, 0.9);
  font-size: 15px;
  line-height: 1.5;
}

.cate-badge {
  padding: 8px 14px;
  color: #185FA5;
  line-height: 1.3;
  border-radius: 4px;
  background-color: #E6F1FB;
  border: 1px solid #E6F1FB;
}
@media (max-width: 767px) {
  .cate-badge {
    padding: 6px 12px;
  }
}
@media (max-width: 640px) {
  .cate-badge {
    font-size: 15px;
  }
}
@media (max-width: 499px) {
  .cate-badge {
    padding: 6px 10px;
    font-size: 14px;
  }
}
.cate-badge.policy, .cate-badge.prog {
  border-color: currentColor;
  background-color: #fff;
}
.cate-badge.policy {
  color: #1D6FB8;
}
.cate-badge.prog {
  color: #0D9488;
}
.cate-badge.edu {
  color: #27500A;
  background-color: #EAF3DE;
  border-color: #EAF3DE;
}
.cate-badge.living {
  color: #854F0B;
  background-color: #FAEEDA;
  border-color: #FAEEDA;
}
.cate-badge.welfare {
  color: #72243E;
  background-color: #FBEAF0;
  border-color: #FBEAF0;
}
.cate-badge.join {
  color: #712B13;
  background-color: #FAECE7;
  border-color: #FAECE7;
}
.cate-badge.etc {
  color: #333;
  background-color: #ddd;
  border-color: #ddd;
}

.visual-section {
  padding-top: 100px;
}
@media (max-width: 1120px) {
  .visual-section {
    padding-top: 40px;
  }
}
@media (max-width: 499px) {
  .visual-section {
    padding-top: 0;
  }
}
.visual-section .layout {
  display: flex;
  gap: 32px;
  position: relative;
}
@media (max-width: 1120px) {
  .visual-section .layout {
    display: block;
  }
}
@media (max-width: 499px) {
  .visual-section .layout {
    padding-inline: 0;
  }
}
.visual-section .layout::before, .visual-section .layout::after {
  content: "";
  display: block;
  aspect-ratio: 1;
  background: var(--icon) no-repeat center/100%;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.visual-section .layout::before {
  --icon: url(/images/ysyouth/main/bg_icon1.png);
  width: 280px;
  top: -114px;
  left: calc(-127px + var(--layout-padding));
}
@media (max-width: 1120px) {
  .visual-section .layout::before {
    display: none;
  }
}
.visual-section .layout::after {
  --icon: url(/images/ysyouth/main/bg_icon3.png);
  width: 300px;
  bottom: -107px;
  right: -115px;
}
@media (max-width: 1920px) {
  .visual-section .layout::after {
    width: max(178px, 38.57143px + 13.61607vw);
    right: max(-115px, 26.42857px + -7.36607vw);
    bottom: max(-107px, -19.14286px + -4.57589vw);
  }
}
@media (max-width: 767px) {
  .visual-section .layout::after {
    width: max(120px, 87.3913px + 8.15217vw);
    right: max(-38px, -54.69565px + 2.17391vw);
    bottom: -46px;
  }
}
.visual-section .popup-area, .visual-section .shortcut-area {
  position: relative;
  z-index: 5;
}
.visual-section .popup-area {
  --area-radius: 30px;
  width: 920px;
  min-width: 0;
}
@media (max-width: 1120px) {
  .visual-section .popup-area {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .visual-section .popup-area {
    --area-radius: 20px;
  }
}
@media (max-width: 499px) {
  .visual-section .popup-area {
    --area-radius: 0;
  }
}
.visual-section .popup-area .popup-swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 37px;
  padding: 24px 28px 24px 36px;
  border-radius: 0 28px 0 var(--area-radius);
  background-color: #2D4156;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
@media (max-width: 767px) {
  .visual-section .popup-area .popup-swiper-nav {
    padding: 16px 23px 16px 31px;
  }
}
@media (max-width: 499px) {
  .visual-section .popup-area .popup-swiper-nav {
    padding: 10px 8px 10px 16px;
    border-top-right-radius: 16px;
  }
}
.visual-section .popup-area .popup-swiper-nav .bell-icon {
  display: block;
  width: 170px;
  aspect-ratio: 1;
  background: url("/images/ysyouth/main/bg_icon2.png") no-repeat center/100%;
  position: absolute;
  bottom: -34px;
  right: 332px;
  z-index: 10;
  animation: floating 2.2s ease-in-out infinite alternate;
}
@media (max-width: 1920px) {
  .visual-section .popup-area .popup-swiper-nav .bell-icon {
    width: calc(-35.71429px + 10.71429vw);
    right: calc(379.14286px + -2.45536vw);
    bottom: calc(36.71429px + -3.68304vw);
  }
}
@media (max-width: 1120px) {
  .visual-section .popup-area .popup-swiper-nav .bell-icon {
    display: none;
  }
}
.visual-section .popup-area .popup-swiper-nav .nav-title {
  flex-shrink: 0;
  width: 144px;
  aspect-ratio: 144/24;
  background: url("data:image/svg+xml,%3Csvg width='142' height='18' viewBox='0 0 142 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.55539 0.222243C9.6665 0.222243 12.1109 2.22224 12.1109 5.44446C12.1109 8.66669 9.6665 10.6667 6.55539 10.6667H3.22206V16.8889H-0.000162691V0.222243H6.55539ZM3.22206 2.88891V8.11113H6.22206C7.77762 8.11113 8.88873 7.11113 8.88873 5.44446C8.88873 3.88891 7.77762 2.88891 6.22206 2.88891H3.22206ZM21.6643 17.1111C16.8866 17.1111 13.1088 13.3334 13.1088 8.55558C13.1088 3.7778 16.8866 1.97887e-05 21.6643 1.97887e-05C26.4421 1.97887e-05 30.2199 3.7778 30.2199 8.55558C30.2199 13.3334 26.4421 17.1111 21.6643 17.1111ZM21.6643 14.1111C24.7754 14.1111 26.8866 11.8889 26.8866 8.55558C26.8866 5.33335 24.7754 3.00002 21.6643 3.00002C18.5532 3.00002 16.331 5.33335 16.331 8.55558C16.331 11.8889 18.5532 14.1111 21.6643 14.1111ZM38.6648 0.222243C41.7759 0.222243 44.2203 2.22224 44.2203 5.44446C44.2203 8.66669 41.7759 10.6667 38.6648 10.6667H35.3314V16.8889H32.1092V0.222243H38.6648ZM35.3314 2.88891V8.11113H38.3314C39.887 8.11113 40.9981 7.11113 40.9981 5.44446C40.9981 3.88891 39.887 2.88891 38.3314 2.88891H35.3314ZM52.5515 17.1111C48.6626 17.1111 45.7737 14.3334 45.7737 10.4445V0.222243H48.9959V10.5556C48.9959 12.7778 50.5515 14.1111 52.5515 14.1111C54.5515 14.1111 55.9959 12.7778 55.9959 10.5556V0.222243H59.2182V10.4445C59.2182 14.3334 56.4404 17.1111 52.5515 17.1111ZM68.3327 0.222243C71.4438 0.222243 73.8883 2.22224 73.8883 5.44446C73.8883 8.66669 71.4438 10.6667 68.3327 10.6667H64.9994V16.8889H61.7772V0.222243H68.3327ZM64.9994 2.88891V8.11113H67.9994C69.555 8.11113 70.6661 7.11113 70.6661 5.44446C70.6661 3.88891 69.555 2.88891 67.9994 2.88891H64.9994ZM81.0055 14.5556L89.2277 3.11113H81.561L81.3388 0.222243H92.4499C93.1166 0.222243 93.4499 0.555576 93.4499 1.22224V2.55558L85.2277 14H93.2277L93.4499 16.8889H82.0055C81.3388 16.8889 81.0055 16.5556 81.0055 15.8889V14.5556ZM103.11 17.1111C98.3319 17.1111 94.5541 13.3334 94.5541 8.55558C94.5541 3.7778 98.3319 1.97887e-05 103.11 1.97887e-05C107.887 1.97887e-05 111.665 3.7778 111.665 8.55558C111.665 13.3334 107.887 17.1111 103.11 17.1111ZM103.11 14.1111C106.221 14.1111 108.332 11.8889 108.332 8.55558C108.332 5.33335 106.221 3.00002 103.11 3.00002C99.9985 3.00002 97.7763 5.33335 97.7763 8.55558C97.7763 11.8889 99.9985 14.1111 103.11 14.1111ZM113.555 0.222243H115.777L124.11 11V0.222243H127.332V16.8889H124.999L116.777 6.11113V16.8889H113.555V0.222243ZM130 0.222243H141.444V3.11113H133.222V7.00002H140.778V9.7778H133.222V14H141.444L141.667 16.8889H131C130.333 16.8889 130 16.5556 130 15.8889V0.222243Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/100%;
}
@media (max-width: 767px) {
  .visual-section .popup-area .popup-swiper-nav .nav-title {
    display: none;
  }
}
.visual-section .popup-area .popup-swiper-nav .nav-controls {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .fraction-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .fraction-wrap > span {
  min-width: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
@media (max-width: 499px) {
  .visual-section .popup-area .popup-swiper-nav .nav-controls .fraction-wrap > span {
    font-size: 15px;
  }
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .fraction-wrap .current {
  color: #5DC2F3;
  font-weight: 800;
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .fraction-wrap .divider {
  min-width: 0;
  font-size: 15px;
  font-weight: 400;
  opacity: 0.5;
}
@media (max-width: 499px) {
  .visual-section .popup-area .popup-swiper-nav .nav-controls .fraction-wrap .divider {
    font-size: 14px;
  }
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn {
  width: 24px;
  aspect-ratio: 1;
  border-radius: 4px;
  color: transparent;
  background: no-repeat center/contain;
  transition: background-color 0.3s;
}
@media (max-width: 499px) {
  .visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn {
    width: 20px;
  }
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn:not(.swiper-button-disabled):hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_1574)'%3E%3Cpath d='M15 15.59L10.6734 11L15 6.41L13.668 5L8 11L13.668 17L15 15.59Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5605_1574'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn.next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_1585)'%3E%3Cpath d='M9 15.59L13.3266 11L9 6.41L10.332 5L16 11L10.332 17L9 15.59Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5605_1585'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn.toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_1577)'%3E%3Crect x='9' y='7' width='2' height='10' fill='white'/%3E%3Crect x='14' y='7' width='2' height='10' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5605_1577'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn.toggle.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18V6L18 12L9 18ZM10.6364 14.8714L14.9318 12L10.6364 9.12857V14.8714Z' fill='white'/%3E%3C/svg%3E%0A");
}
.visual-section .popup-area .popup-swiper-nav .nav-controls .btn-wrap .swiper-btn.swiper-button-disabled {
  pointer-events: none;
}
.visual-section .popup-area .popup-swiper {
  height: 100%;
  border-radius: var(--area-radius);
}
.visual-section .popup-area .popup-swiper .swiper-slide {
  aspect-ratio: 970/550;
}
.visual-section .popup-area .popup-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.visual-section .shortcut-area {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 418px;
  min-width: 350px;
}
@media (max-width: 1120px) {
  .visual-section .shortcut-area {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 499px) {
  .visual-section .shortcut-area {
    gap: 16px;
    padding-inline: var(--layout-padding);
  }
}
.visual-section .shortcut-area .area-header {
  --padding-top: 60px;
  padding-top: var(--padding-top);
  padding-left: 8px;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-header {
    --padding-top: 20px;
  }
}
.visual-section .shortcut-area .area-header, .visual-section .shortcut-area .area-header .sub-title, .visual-section .shortcut-area .area-header .section-title {
  position: relative;
}
.visual-section .shortcut-area .area-header .sub-title {
  margin-bottom: 8px;
  color: #1F82F0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-header .sub-title {
    font-size: 17px;
  }
}
@media (max-width: 640px) {
  .visual-section .shortcut-area .area-header .sub-title {
    font-size: 17px;
  }
}
@media (max-width: 499px) {
  .visual-section .shortcut-area .area-header .sub-title {
    font-size: 16px;
  }
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-header .section-title {
    font-size: 28px;
  }
}
.visual-section .shortcut-area .area-header .icon-char, .visual-section .shortcut-area .area-header .icon-text, .visual-section .shortcut-area .area-header .icon-heart {
  display: block;
  pointer-events: none;
  position: absolute;
  background: no-repeat center/100%;
}
.visual-section .shortcut-area .area-header .icon-text {
  width: 114px;
  aspect-ratio: 114/68;
  left: 193px;
  top: calc(var(--padding-top) - 11px);
  background-image: url(/images/ysyouth/main/visual_char2.png);
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-header .icon-text {
    width: 80px;
    top: calc(var(--padding-top));
    left: 170px;
  }
}
@media (max-width: 640px) {
  .visual-section .shortcut-area .area-header .icon-text {
    aspect-ratio: 54/36;
    width: max(58px, -35.33333px + 23.33333vw);
    left: max(147px, 70.33333px + 19.16667vw);
    top: var(--padding-top);
  }
}
.visual-section .shortcut-area .area-header .icon-char {
  --char-icon: url(/images/ysyouth/main/visual_char1.png);
  display: block;
  width: 140px;
  aspect-ratio: 140/160;
  background: var(--char-icon) no-repeat center/100%;
  position: absolute;
  top: calc(var(--padding-top) - 5px);
  right: -34px;
  pointer-events: none;
  transform: rotate(-8deg);
  transform-origin: 40% 70%;
  animation: charAnimation 1s ease-in-out infinite alternate;
  will-change: transform;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-header .icon-char {
    width: 115px;
    right: -25px;
  }
}
@media (max-width: 1120px) {
  .visual-section .shortcut-area .area-header .icon-char {
    right: 5px;
    top: calc(var(--padding-top) - 14px);
    z-index: 10;
  }
}
@media (max-width: 1023px) {
  .visual-section .shortcut-area .area-header .icon-char {
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .visual-section .shortcut-area .area-header .icon-char {
    width: max(86px, 27.30435px + 14.67391vw);
    top: calc(var(--padding-top) + 4px);
    right: 0;
  }
}
.visual-section .shortcut-area .area-header .icon-heart {
  width: 38px;
  aspect-ratio: 1;
  background-image: url(/images/ysyouth/main/visual_char3.png);
  top: calc(var(--padding-top) - 26px);
  right: -30px;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-header .icon-heart {
    width: 30px;
    right: -25px;
  }
}
@media (max-width: 1120px) {
  .visual-section .shortcut-area .area-header .icon-heart {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .visual-section .shortcut-area .area-header .icon-heart {
    width: max(20px, 0.43478px + 4.8913vw);
    top: calc(var(--padding-top) - 7px);
    right: 3px;
  }
}
.visual-section .shortcut-area .area-body {
  flex-grow: 1;
  z-index: 5;
}
.visual-section .shortcut-area .area-body .shortcut-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  height: 100%;
}
@media (max-width: 1120px) {
  .visual-section .shortcut-area .area-body .shortcut-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 399px) {
  .visual-section .shortcut-area .area-body .shortcut-links {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-inline: 16px;
  border-radius: 12px;
  border: 1px solid #EEE;
  background-color: #FFF;
  transition: background-color 0.3s, border-color 0.3s;
}
@media (max-width: 1120px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link {
    padding-block: 13px;
  }
}
@media (max-width: 499px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link {
    padding: 6px 8px;
    border-radius: 8px;
  }
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link:hover {
  background-color: #1F538D;
  border-color: #1F538D;
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link:hover::after {
  color: #fff;
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link:hover .link-inner .link-text {
  color: #fff;
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link::after {
  flex-shrink: 0;
  content: "";
  width: 24px;
  aspect-ratio: 1;
  color: #AEBBC6;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_5605_62' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5605_62)'%3E%3Cpath d='M8.025 22L6.25 20.225L14.475 12L6.25 3.775L8.025 2L18.025 12L8.025 22Z' fill='%23AEBBC6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100%;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link::after {
    width: 20px;
  }
}
@media (max-width: 767px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link::after {
    width: 20px;
  }
}
@media (max-width: 640px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link::after {
    display: none;
  }
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner {
  display: flex;
  align-items: center;
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner .link-text {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner .link-text {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner .link-text {
    font-size: 17px;
  }
}
@media (max-width: 499px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner .link-text {
    font-size: 16px;
  }
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner::before {
  flex-shrink: 0;
  content: "";
  width: 64px;
  aspect-ratio: 1;
  background: var(--icon) no-repeat center/100%;
}
@media (min-width: 1121px) and (max-width: 1400px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner::before {
    width: 48px;
  }
}
@media (max-width: 767px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner::before {
    width: 54px;
  }
}
@media (max-width: 499px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner::before {
    width: 48px;
  }
}
@media (max-width: 399px) {
  .visual-section .shortcut-area .area-body .shortcut-links .link-item .link .link-inner::before {
    width: 44px;
  }
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link.link1 .link-inner::before {
  --icon: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_49)'%3E%3Cpath d='M20.9857 16.3184H32.091C34.7982 16.3184 36.9947 18.5168 36.9947 21.222V47.8448H19.3038C17.5259 47.8448 16.082 46.4009 16.082 44.623V21.222C16.082 18.5168 18.2804 16.3184 20.9857 16.3184Z' fill='url(%23paint0_linear_5605_49)'/%3E%3Cpath d='M24.2325 36.332H28.8443C30.2017 36.332 31.3038 37.4341 31.3038 38.7916V47.8463H21.7729V38.7916C21.7729 37.4341 22.875 36.332 24.2325 36.332Z' fill='%23008753'/%3E%3Cpath d='M23.2917 20.7773H22.8021C21.8424 20.7773 21.0645 21.5553 21.0645 22.5149V24.0049C21.0645 24.9645 21.8424 25.7425 22.8021 25.7425H23.2917C24.2513 25.7425 25.0293 24.9645 25.0293 24.0049V22.5149C25.0293 21.5553 24.2513 20.7773 23.2917 20.7773Z' fill='white'/%3E%3Cpath d='M30.5319 20.7773H30.0423C29.0826 20.7773 28.3047 21.5553 28.3047 22.5149V24.0049C28.3047 24.9645 29.0826 25.7425 30.0423 25.7425H30.5319C31.4915 25.7425 32.2695 24.9645 32.2695 24.0049V22.5149C32.2695 21.5553 31.4915 20.7773 30.5319 20.7773Z' fill='white'/%3E%3Cpath d='M22.8025 27.8359H23.2921C24.2502 27.8359 25.0297 28.6135 25.0297 29.5735V31.0635C25.0297 32.0215 24.2521 32.8011 23.2921 32.8011H22.8025C21.8445 32.8011 11.0649 32.0235 21.0649 31.0635V29.5735C21.0649 28.6155 21.8425 27.8359 22.8025 27.8359Z' fill='white'/%3E%3Cpath d='M30.0408 27.8359H30.5304C31.4885 27.8359 32.268 28.6135 32.268 29.5735V31.0635C32.268 32.0215 31.4904 32.8011 30.5304 32.8011H30.0408C29.0827 32.8011 28.3032 32.0235 28.3032 31.0635V29.5735C28.3032 28.6155 29.0808 27.8359 30.0408 27.8359Z' fill='white'/%3E%3Cpath d='M45.2489 47.8477H36.9968V23.8861H43.567C46.2742 23.8861 48.4707 26.0845 48.4707 28.7897V44.6259C48.4707 46.4038 47.0269 47.8477 45.2489 47.8477Z' fill='%23008753'/%3E%3Cpath d='M42.6989 27.8691H42.2093C41.2496 27.8691 40.4717 28.6471 40.4717 29.6067V31.0967C40.4717 32.0563 41.2496 32.8343 42.2093 32.8343H42.6989C43.6585 32.8343 44.4365 32.0563 44.4365 31.0967V29.6067C44.4365 28.6471 43.6585 27.8691 42.6989 27.8691Z' fill='%2386EAB6'/%3E%3Cpath d='M42.6989 34.9297H42.2093C41.2496 34.9297 40.4717 35.7076 40.4717 36.6673V38.1572C40.4717 39.1169 41.2496 39.8948 42.2093 39.8948H42.6989C43.6585 39.8948 44.4365 39.1169 44.4365 38.1572V36.6673C44.4365 35.7076 43.6585 34.9297 42.6989 34.9297Z' fill='%2386EAB6'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5605_49' x1='16.082' y1='32.0816' x2='36.9947' y2='32.0816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237CDDA6'/%3E%3Cstop offset='1' stop-color='%2300A55E'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_5605_49'%3E%3Crect width='32.3885' height='31.5283' fill='white' transform='translate(16.082 16.3184)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link.link2 .link-inner::before {
  --icon: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_67)'%3E%3Cpath d='M38.069 16.4902H23.7689C19.1212 16.4902 15.3535 20.2579 15.3535 24.9056V39.2058C15.3535 43.8534 19.1212 47.6211 23.7689 47.6211H38.069C42.7167 47.6211 46.4844 43.8534 46.4844 39.2058V24.9056C46.4844 20.2579 42.7167 16.4902 38.069 16.4902Z' fill='url(%23paint0_linear_5605_67)'/%3E%3Cpath d='M33.1655 27.3361H24.4122C23.3523 27.3361 22.4922 26.4759 22.4922 25.4161C22.4922 24.3563 23.3523 23.4961 24.4122 23.4961H33.1655C34.2253 23.4961 35.0855 24.3563 35.0855 25.4161C35.0855 26.4759 34.2253 27.3361 33.1655 27.3361Z' fill='white'/%3E%3Cpath d='M28.6131 34.4025H24.4122C23.3523 34.4025 22.4922 33.5423 22.4922 32.4825C22.4922 31.4227 23.3523 30.5625 24.4122 30.5625H28.6131C29.673 30.5625 30.5331 31.4227 30.5331 32.4825C30.5331 33.5423 29.673 34.4025 28.6131 34.4025Z' fill='white'/%3E%3Cpath d='M33.6472 36.5377L32.9176 39.8727C32.5777 41.4279 33.962 42.8122 35.5172 42.4724L38.8523 41.7428C39.3649 41.6314 39.8353 41.3742 40.2059 41.0017L52.5534 28.6542C53.1064 28.1012 53.1064 27.2046 52.5534 26.6516L48.7364 22.8346C48.1835 22.2817 47.2868 22.2817 46.7339 22.8346L34.3864 35.1822C34.0158 35.5527 33.7585 36.0231 33.6452 36.5358L33.6472 36.5377Z' fill='%23C8C5FF'/%3E%3Cpath d='M47.4481 29.0361L47.258 28.846C46.7434 28.3314 46.7434 27.4981 47.258 26.9836C47.7726 26.469 48.6058 26.469 49.1204 26.9836L49.3105 27.1737C49.825 27.6882 49.825 28.5215 49.3105 29.0361C48.7959 29.5506 47.9626 29.5506 47.4481 29.0361Z' fill='%236352E2'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5605_67' x1='15.3535' y1='32.0557' x2='46.4844' y2='32.0557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ABA2F4'/%3E%3Cstop offset='1' stop-color='%237158ED'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_5605_67'%3E%3Crect width='37.6128' height='31.1309' fill='white' transform='translate(15.3535 16.4902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link.link3 .link-inner::before {
  --icon: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_82)'%3E%3Cpath d='M47.6216 24.9056C47.6216 20.2573 43.8546 16.4902 39.2062 16.4902H24.9061C20.2578 16.4902 16.4907 20.2573 16.4907 24.9056V39.2038C16.4907 43.8522 20.2578 47.6192 24.9061 47.6192H36.9541L47.6197 36.9536V24.9056H47.6216Z' fill='url(%23paint0_linear_5605_82)'/%3E%3Cpath d='M36.9561 45.3724V47.6226L47.6217 36.957H45.3714C40.7231 36.957 36.9561 40.7241 36.9561 45.3724Z' fill='%23F25E2A'/%3E%3Cpath d='M26.8336 30.1215C25.7891 30.1215 24.9424 29.2748 24.9424 28.2303V26.9439C24.9424 25.8995 25.7891 25.0527 26.8336 25.0527C27.8781 25.0527 28.7248 25.8995 28.7248 26.9439V28.2303C28.7248 29.2748 27.8781 30.1215 26.8336 30.1215Z' fill='white'/%3E%3Cpath d='M37.2779 30.1215C36.2334 30.1215 35.3867 29.2748 35.3867 28.2303V26.9439C35.3867 25.8995 36.2334 25.0527 37.2779 25.0527C38.3224 25.0527 39.1691 25.8995 39.1691 26.9439V28.2303C39.1691 29.2748 38.3224 30.1215 37.2779 30.1215Z' fill='white'/%3E%3Cpath d='M32.204 37.7133C28.8267 37.7133 26.3326 36.5344 26.1771 36.4595C25.3189 36.0429 24.9598 35.0099 25.3746 34.1517C25.7893 33.2954 26.8184 32.9363 27.6766 33.3472C27.7611 33.3875 32.0869 35.3671 36.453 33.3376C37.3189 32.9344 38.3461 33.3107 38.7493 34.1767C39.1525 35.0426 38.7762 36.0698 37.9102 36.473C35.9058 37.4042 33.9378 37.7152 32.204 37.7152V37.7133Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5605_82' x1='16.4907' y1='32.0557' x2='47.6216' y2='32.0557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFA77B'/%3E%3Cstop offset='1' stop-color='%23F96D3D'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_5605_82'%3E%3Crect width='31.1309' height='31.1309' fill='white' transform='translate(16.4907 16.4902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.visual-section .shortcut-area .area-body .shortcut-links .link-item .link.link4 .link-inner::before {
  --icon: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5605_98)'%3E%3Cpath d='M22.5752 19.0938H41.5352C44.8933 19.0938 47.6197 21.8202 47.6197 25.1782V29.7805H16.4907V25.1782C16.4907 21.8202 19.2171 19.0938 22.5752 19.0938Z' fill='url(%23paint0_linear_5605_98)'/%3E%3Cpath d='M16.4907 29.6992H47.6216V41.296C47.6216 45.2781 44.3883 48.5114 40.4062 48.5114H23.7061C19.724 48.5114 16.4907 45.2781 16.4907 41.296V29.6992Z' fill='%23B0D4FF'/%3E%3Cpath d='M25.8871 15.4883H25.8852C24.741 15.4883 23.8135 16.4158 23.8135 17.56V20.6281C23.8135 21.7723 24.741 22.6998 25.8852 22.6998H25.8871C27.0312 22.6998 27.9588 21.7723 27.9588 20.6281V17.56C27.9588 16.4158 27.0312 15.4883 25.8871 15.4883Z' fill='%230053CC'/%3E%3Cpath d='M38.227 22.6998C37.0826 22.6998 36.1553 21.7724 36.1553 20.6281V17.56C36.1553 16.4156 37.0826 15.4883 38.227 15.4883C39.3713 15.4883 40.2986 16.4156 40.2986 17.56V20.6281C40.2986 21.7724 39.3713 22.6998 38.227 22.6998Z' fill='%230053CC'/%3E%3Cpath d='M24.7871 37.371C25.9132 37.371 26.8261 36.4581 26.8261 35.332C26.8261 34.2059 25.9132 33.293 24.7871 33.293C23.661 33.293 22.748 34.2059 22.748 35.332C22.748 36.4581 23.661 37.371 24.7871 37.371Z' fill='white'/%3E%3Cpath d='M32.0566 37.371C33.1827 37.371 34.0957 36.4581 34.0957 35.332C34.0957 34.2059 33.1827 33.293 32.0566 33.293C30.9305 33.293 30.0176 34.2059 30.0176 35.332C30.0176 36.4581 30.9305 37.371 32.0566 37.371Z' fill='white'/%3E%3Cpath d='M39.3257 37.371C40.4518 37.371 41.3647 36.4581 41.3647 35.332C41.3647 34.2059 40.4518 33.293 39.3257 33.293C38.1995 33.293 37.2866 34.2059 37.2866 35.332C37.2866 36.4581 38.1995 37.371 39.3257 37.371Z' fill='white'/%3E%3Cpath d='M24.7871 43.4804C25.9132 43.4804 26.8261 42.5675 26.8261 41.4414C26.8261 40.3153 25.9132 39.4023 24.7871 39.4023C23.661 39.4023 22.748 40.3153 22.748 41.4414C22.748 42.5675 23.661 43.4804 24.7871 43.4804Z' fill='white'/%3E%3Cpath d='M32.0566 43.4804C33.1827 43.4804 34.0957 42.5675 34.0957 41.4414C34.0957 40.3153 33.1827 39.4023 32.0566 39.4023C30.9305 39.4023 30.0176 40.3153 30.0176 41.4414C30.0176 42.5675 30.9305 43.4804 32.0566 43.4804Z' fill='white'/%3E%3Cpath d='M39.3257 43.4804C40.4518 43.4804 41.3647 42.5675 41.3647 41.4414C41.3647 40.3153 40.4518 39.4023 39.3257 39.4023C38.1995 39.4023 37.2866 40.3153 37.2866 41.4414C37.2866 42.5675 38.1995 43.4804 39.3257 43.4804Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5605_98' x1='16.4907' y1='24.439' x2='47.6216' y2='24.439' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2383B6FF'/%3E%3Cstop offset='1' stop-color='%23006FF4'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_5605_98'%3E%3Crect width='31.1309' height='33.024' fill='white' transform='translate(16.4907 15.4883)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.notice-section {
  margin-top: 120px;
}
@media (max-width: 1279px) {
  .notice-section {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .notice-section {
    margin-top: 70px;
  }
}
@media (max-width: 499px) {
  .notice-section {
    margin-top: 60px;
  }
}
.notice-section .section-body {
  border-top: 1px solid #444;
}
.notice-section .section-body.nodata .nodata-box {
  display: block;
}
.notice-section .section-body.nodata .post-list {
  display: none;
}
.notice-section .section-body .nodata-box {
  display: none;
  color: #444;
  font-size: 18px;
  padding: 20px 8px;
}
@media (max-width: 767px) {
  .notice-section .section-body .nodata-box {
    font-size: 17px;
  }
}
.notice-section .section-body .post-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .notice-section .section-body .post-list {
    grid-template-columns: 1fr;
  }
}
.notice-section .section-body .post-list .post-item {
  --gap-half: 28px;
  min-width: 0;
  border-bottom: 1px solid #DDD;
  padding-block: 2px;
  position: relative;
}
@media (max-width: 1279px) {
  .notice-section .section-body .post-list .post-item {
    --gap-half: 24px;
  }
}
@media (max-width: 1023px) {
  .notice-section .section-body .post-list .post-item {
    --gap-half: 0;
  }
}
.notice-section .section-body .post-list .post-item:nth-child(odd) {
  padding-right: var(--gap-half);
}
.notice-section .section-body .post-list .post-item:nth-child(even) {
  padding-left: var(--gap-half);
}
.notice-section .section-body .post-list .post-item:nth-child(even)::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #eee;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1023px) {
  .notice-section .section-body .post-list .post-item:nth-child(even)::before {
    display: none;
  }
}
.notice-section .section-body .post-list .post-item .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
  padding: 34px 8px;
}
@media (max-width: 1279px) {
  .notice-section .section-body .post-list .post-item .link {
    padding: 30px 8px;
  }
}
@media (max-width: 1023px) {
  .notice-section .section-body .post-list .post-item .link {
    padding: 22px 6px;
  }
}
@media (max-width: 499px) {
  .notice-section .section-body .post-list .post-item .link {
    gap: 20px;
  }
}
.notice-section .section-body .post-list .post-item .link:hover .post-title {
  color: #0E73E4;
}
.notice-section .section-body .post-list .post-item .link .post-title, .notice-section .section-body .post-list .post-item .link .post-date {
  line-height: 1.5;
}
.notice-section .section-body .post-list .post-item .link .post-title {
  flex-grow: 1;
  position: relative;
  color: #444;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  transition: color 0.3s;
}
@media (max-width: 1279px) {
  .notice-section .section-body .post-list .post-item .link .post-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .notice-section .section-body .post-list .post-item .link .post-title {
    font-size: 17px;
  }
}
@media (max-width: 499px) {
  .notice-section .section-body .post-list .post-item .link .post-title {
    font-size: 15px;
  }
}
.notice-section .section-body .post-list .post-item .link .post-date {
  flex-shrink: 0;
  color: #666;
  font-size: 15px;
}
@media (max-width: 499px) {
  .notice-section .section-body .post-list .post-item .link .post-date {
    font-size: 14px;
  }
}
.notice-section .section-body .post-list .post-item.new .post-title {
  padding-left: 28px;
}
@media (max-width: 499px) {
  .notice-section .section-body .post-list .post-item.new .post-title {
    padding-left: 24px;
  }
}
.notice-section .section-body .post-list .post-item.new .post-title::before {
  content: "";
  display: block;
  width: 22px;
  aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23DF2121'/%3E%3Cpath d='M7 16V6H8.88075L13.3373 13.5221H13.4055C13.2692 12.6372 13.201 11.6764 13.201 10.6397V6H15V16H13.1193L9.86201 10.6018L8.66269 8.5158H8.59455C8.73083 9.5019 8.79898 10.4627 8.79898 11.3982V16H7Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .notice-section .section-body .post-list .post-item.new .post-title::before {
    width: 20px;
  }
}
@media (max-width: 499px) {
  .notice-section .section-body .post-list .post-item.new .post-title::before {
    width: 18px;
  }
}

.policy-section {
  --img-shadow-width: 16px;
  --img-transform-distance: 20px;
  margin-top: calc(160px - (var(--img-shadow-width) + var(--img-transform-distance)));
}
@media (max-width: 1279px) {
  .policy-section {
    margin-top: 120px;
  }
}
@media (max-width: 767px) {
  .policy-section {
    --img-transform-distance: 16px;
    margin-top: 80px;
  }
}
@media (max-width: 499px) {
  .policy-section {
    --img-shadow-width: 8px;
    --img-transform-distance: 8px;
    margin-top: 60px;
  }
}
.policy-section:has(.tab-btn.active[data-tab-name=전체]) .section-header .view-more-link {
  display: none;
}
.policy-section .layout {
  display: grid;
  grid-template-columns: 241px 1fr;
  grid-template-rows: auto 1fr;
  position: relative;
  column-gap: 50px;
}
@media (max-width: 1279px) {
  .policy-section .layout {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    column-gap: 0;
  }
}
.policy-section .layout::before {
  content: "";
  display: block;
  width: 400px;
  aspect-ratio: 1;
  background: url(/images/ysyouth/main/bg_icon4.png) no-repeat center/100%;
  position: absolute;
  bottom: -82px;
  left: calc(-250px + var(--layout-padding));
  pointer-events: none;
}
@media (max-width: 1180px) {
  .policy-section .layout::before {
    width: 300px;
    left: 90px;
    top: auto;
    bottom: -247px;
  }
}
@media (max-width: 1023px) {
  .policy-section .layout::before {
    width: max(184px, 109.64103px + 18.58974vw);
    left: max(-12px, -77.38462px + 16.34615vw);
  }
}
@media (max-width: 499px) {
  .policy-section .layout::before {
    bottom: -204px;
  }
}
@media (max-width: 399px) {
  .policy-section .layout::before {
    width: 150px;
    bottom: -160px;
  }
}
.policy-section .tab-area, .policy-section .tab-content-area {
  min-width: 0;
}
.policy-section .tab-area, .policy-section .tab-content-area .policy-swiper {
  padding-top: calc(var(--img-shadow-width) + var(--img-transform-distance));
}
.policy-section .tab-area, .policy-section .policy-swiper-nav {
  margin-left: 18px;
}
@media (max-width: 1279px) {
  .policy-section .tab-area, .policy-section .policy-swiper-nav {
    margin-left: 0;
  }
}
@media (max-width: 1279px) {
  .policy-section .tab-area {
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .policy-section .tab-area .area-header {
    padding-inline: 0;
  }
}
@media (max-width: 1279px) {
  .policy-section .tab-area .tab-list {
    display: flex;
    align-items: center;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .policy-section .tab-area .tab-list {
    gap: 10px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-area .tab-list {
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    flex-wrap: wrap;
  }
}
@media (max-width: 1279px) {
  .policy-section .tab-area .tab-list .tab-item {
    width: 192px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-area .tab-list .tab-item {
    width: auto;
  }
}
.policy-section .tab-area .tab-list .tab-item:not(:has(.tab-btn.active)) {
  border-bottom: 1px solid #DBE9F8;
}
@media (max-width: 1279px) {
  .policy-section .tab-area .tab-list .tab-item:not(:has(.tab-btn.active)) {
    border-bottom: none;
  }
}
.policy-section .tab-area .tab-list .tab-item .tab-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 16px;
  border-radius: 8px;
  color: #444;
}
@media (max-width: 1279px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn {
    background-color: #fff;
    border: 1px solid #EEE;
  }
}
@media (max-width: 1023px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn {
    padding: 16px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn {
    padding: 0.5em 1em;
    border-radius: 100px;
  }
}
.policy-section .tab-area .tab-list .tab-item .tab-btn:hover {
  color: #1F538D;
}
.policy-section .tab-area .tab-list .tab-item .tab-btn.active {
  background-color: #1F538D;
  color: #fff;
}
.policy-section .tab-area .tab-list .tab-item .tab-btn.active .btn-text {
  font-weight: 700;
}
.policy-section .tab-area .tab-list .tab-item .tab-btn .btn-text {
  font-family: Paperlogy, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn .btn-text {
    font-size: 19px;
  }
}
@media (max-width: 640px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn .btn-text {
    font-size: 17px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn .btn-text {
    font-size: 16px;
  }
}
.policy-section .tab-area .tab-list .tab-item .tab-btn::after {
  flex-shrink: 0;
  content: "";
  width: 16px;
  aspect-ratio: 1;
  color: inherit;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_5605_62' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5605_62)'%3E%3Cpath d='M8.025 22L6.25 20.225L14.475 12L6.25 3.775L8.025 2L18.025 12L8.025 22Z' fill='%23AEBBC6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100%;
}
@media (max-width: 499px) {
  .policy-section .tab-area .tab-list .tab-item .tab-btn::after {
    display: none;
  }
}
.policy-section .tab-content-area {
  grid-column: 2/3;
  grid-row: 1/3;
  justify-self: flex-end;
  width: 100%;
  max-width: calc(969px + var(--img-shadow-width) * 2);
}
@media (max-width: 1279px) {
  .policy-section .tab-content-area {
    grid-column: auto;
    grid-row: auto;
    max-width: none;
  }
}
.policy-section .tab-content-area .policy-panel {
  display: none;
}
.policy-section .tab-content-area .policy-panel.active {
  display: block;
}
.policy-section .tab-content-area .policy-panel .nodata-box {
  display: none;
}
.policy-section .tab-content-area .policy-panel.nodata .policy-swiper {
  display: none;
}
.policy-section .tab-content-area .policy-panel.nodata .nodata-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 408px;
  aspect-ratio: 969/623;
  padding: 40px;
  border: 1px solid #DBE9F8;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
@media (max-width: 1279px) {
  .policy-section .tab-content-area .policy-panel.nodata .nodata-box {
    margin-top: 48px;
  }
}
@media (max-width: 767px) {
  .policy-section .tab-content-area .policy-panel.nodata .nodata-box {
    margin-top: 40px;
    padding: 32px;
    border-radius: 12px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-panel.nodata .nodata-box {
    min-height: 408px;
    margin-top: 28px;
    padding: 24px;
    aspect-ratio: auto;
  }
}
.policy-section .tab-content-area .policy-panel.nodata .nodata-title {
  color: #444;
  font-family: Paperlogy, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 640px) {
  .policy-section .tab-content-area .policy-panel.nodata .nodata-title {
    font-size: 20px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-panel.nodata .nodata-title {
    font-size: 18px;
  }
}
.policy-section .tab-content-area .policy-swiper {
  width: 100%;
  margin: 0;
  padding-inline: var(--img-shadow-width);
  right: calc(-1 * var(--img-shadow-width));
}
@media (max-width: 1279px) {
  .policy-section .tab-content-area .policy-swiper {
    width: calc(100% + var(--img-shadow-width) * 2);
    right: var(--img-shadow-width);
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .policy-section .tab-content-area .policy-swiper {
    padding-top: 40px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-swiper {
    width: 100%;
    padding-top: 28px;
    right: 0;
    padding-inline: 0;
    padding-top: 28px;
    overflow: visible;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-swiper .swiper-slide {
    width: 188px;
  }
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link {
  display: block;
  outline-offset: -2px;
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link:hover .img-wrap {
  transform: translateY(calc(-1 * var(--img-transform-distance)));
  box-shadow: 0 4px var(--img-shadow-width) 0 rgba(6, 22, 59, 0.24);
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link:hover .text-wrap .title {
  color: #0E73E4;
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link .img-wrap {
  width: 100%;
  aspect-ratio: 75/106;
  margin-bottom: 24px;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s;
}
@media (max-width: 767px) {
  .policy-section .tab-content-area .policy-swiper .swiper-slide .link .img-wrap {
    margin-bottom: 16px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-swiper .swiper-slide .link .img-wrap {
    margin-bottom: 14px;
    border-radius: 12px;
  }
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link .img-wrap img[src*=no_image] {
  object-fit: cover;
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link .text-wrap .title {
  margin-block: 16px 24px;
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box !important;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.3s;
}
@media (max-width: 640px) {
  .policy-section .tab-content-area .policy-swiper .swiper-slide .link .text-wrap .title {
    margin-block: 16px 20px;
    font-size: 20px;
  }
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-swiper .swiper-slide .link .text-wrap .title {
    margin-block: 12px 20px;
    font-size: 18px;
  }
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link .text-wrap .period {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 499px) {
  .policy-section .tab-content-area .policy-swiper .swiper-slide .link .text-wrap .period {
    font-size: 15px;
  }
}
.policy-section .tab-content-area .policy-swiper .swiper-slide .link .badge-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.policy-section .policy-swiper-nav {
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  gap: 16px;
}
.policy-section .policy-swiper-nav[hidden] {
  display: none;
}
@media (max-width: 1279px) {
  .policy-section .policy-swiper-nav {
    order: 1;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .policy-section .policy-swiper-nav {
    margin-top: 48px;
  }
}
@media (max-width: 499px) {
  .policy-section .policy-swiper-nav {
    margin-top: 32px;
  }
}
.policy-section .policy-swiper-nav .swiper-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #DBE9F8;
  background-color: #FFF;
  transition: border-color 0.3s;
}
@media (max-width: 1279px) {
  .policy-section .policy-swiper-nav .swiper-btn {
    width: 48px;
  }
}
@media (max-width: 499px) {
  .policy-section .policy-swiper-nav .swiper-btn {
    width: 40px;
  }
}
.policy-section .policy-swiper-nav .swiper-btn:not(.swiper-button-disabled):hover {
  border-color: #0E73E4;
}
.policy-section .policy-swiper-nav .swiper-btn::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  color: #1E3A5F;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7H0.999994' stroke='%231E3A5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13L16 7L10 1' stroke='%231E3A5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
@media (max-width: 1279px) {
  .policy-section .policy-swiper-nav .swiper-btn::before {
    width: 13px;
  }
}
@media (max-width: 499px) {
  .policy-section .policy-swiper-nav .swiper-btn::before {
    width: 11px;
  }
}
.policy-section .policy-swiper-nav .swiper-btn.prev {
  transform: rotate(-180deg);
}
.policy-section .policy-swiper-nav .swiper-btn.swiper-button-disabled {
  pointer-events: none;
}
.policy-section .policy-swiper-nav .swiper-btn.swiper-button-disabled::before {
  color: rgba(30, 58, 95, 0.3019607843);
}
.policy-section .policy-swiper-nav .fraction-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: auto;
}
.policy-section .policy-swiper-nav .fraction-wrap span {
  min-width: 20px;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 499px) {
  .policy-section .policy-swiper-nav .fraction-wrap span {
    font-size: 15px;
  }
}
.policy-section .policy-swiper-nav .fraction-wrap .current {
  color: #0E73E4;
  font-weight: 800;
}
.policy-section .policy-swiper-nav .fraction-wrap .divider {
  min-width: 0px;
  align-self: stretch;
  width: 8px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.433198' y1='14.1064' x2='8.4332' y2='0.250038' stroke='black' stroke-opacity='0.35'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
@media (max-width: 499px) {
  .policy-section .policy-swiper-nav .fraction-wrap .divider {
    width: 7px;
  }
}

.facility-section {
  margin-top: 160px;
  padding-bottom: 120px;
}
@media (max-width: 1279px) {
  .facility-section {
    margin-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .facility-section {
    margin-top: 90px;
    padding-bottom: 80px;
  }
}
@media (max-width: 499px) {
  .facility-section {
    padding-bottom: 60px;
  }
}
@media (max-width: 399px) {
  .facility-section {
    margin-top: 60px;
  }
}
.facility-section .section-body {
  position: relative;
}
.facility-section .section-body::before {
  content: "";
  display: block;
  width: 308px;
  aspect-ratio: 1;
  background: url(/images/ysyouth/main/bg_icon5.png) no-repeat center/100%;
  position: absolute;
  bottom: -22px;
  right: -207px;
}
@media (max-width: 1279px) {
  .facility-section .section-body::before {
    display: none;
  }
}
.facility-section .facility-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1400px) {
  .facility-section .facility-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1180px) {
  .facility-section .facility-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .facility-section .facility-list {
    gap: 24px;
  }
}
@media (max-width: 499px) {
  .facility-section .facility-list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
  }
}
@media (max-width: 399px) {
  .facility-section .facility-list {
    gap: 16px;
  }
}
.facility-section .facility-list .facility-item .link {
  display: block;
  width: 100%;
}
.facility-section .facility-list .facility-item .link:hover .img-wrap::after {
  opacity: 1;
}
.facility-section .facility-list .facility-item .link:hover .text-wrap .title {
  color: #0E73E4;
}
.facility-section .facility-list .facility-item .link .img-wrap {
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .facility-section .facility-list .facility-item .link .img-wrap {
    margin-bottom: 20px;
  }
}
@media (max-width: 499px) {
  .facility-section .facility-list .facility-item .link .img-wrap {
    margin-bottom: 12px;
    border-radius: 8px;
  }
}
.facility-section .facility-list .facility-item .link .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facility-section .facility-list .facility-item .link .img-wrap::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(14, 115, 228, 0.5019607843);
  opacity: 0;
  transition: opacity 0.3s;
}
.facility-section .facility-list .facility-item .link .text-wrap .title {
  color: #444;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  transition: color 0.3s;
}
@media (max-width: 1023px) {
  .facility-section .facility-list .facility-item .link .text-wrap .title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .facility-section .facility-list .facility-item .link .text-wrap .title {
    font-size: 19px;
  }
}
@media (max-width: 499px) {
  .facility-section .facility-list .facility-item .link .text-wrap .title {
    text-align: center;
    font-size: 16px;
  }
}
.facility-section .facility-list .facility-item .link .text-wrap .desc {
  margin-top: 8px;
  color: #666;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box !important;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1023px) {
  .facility-section .facility-list .facility-item .link .text-wrap .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box !important;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 767px) {
  .facility-section .facility-list .facility-item .link .text-wrap .desc {
    font-size: 15px;
  }
}
@media (max-width: 499px) {
  .facility-section .facility-list .facility-item .link .text-wrap .desc {
    display: none !important;
  }
}/*# sourceMappingURL=main.css.map */