@charset "UTF-8";
:root {
  --organ-gap: 2.29%;
  --organ-item-width: 290px;
  --duration-xs: 0.1s;
  --duration-sm: 0.2s;
  --duration-md: 0.3s;
}

/* hover */
/* animation */
@keyframes bg-zoom-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.6);
  }
}
@keyframes blur-in-effect01 {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: scale(0.9);
    letter-spacing: 0.2em;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
    letter-spacing: 0;
  }
}
@keyframes smooth-blur-in {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: scale(1.1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}
@keyframes politeDownload {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    transform: translateY(4px);
    opacity: 0.7;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes politeExternal {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(2px, -2px);
  }
}
@keyframes kenBurns {
  from {
    transform: scale(1.12);
  }
  to {
    transform: scale(1);
  }
}
/* Common */
#main,
#sub {
  padding-top: 135px;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.img-box {
  position: relative;
  height: 0;
}
.img-box > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* Swiper Controls */
.swiper-ctrl.type2 {
  font-size: 0;
}
.swiper-ctrl.type2 button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: var(--color-ea);
  font-size: 22px;
  color: var(--black-color);
  line-height: 1.5;
  transition: var(--duration-sm);
  z-index: 2;
}
.swiper-ctrl.type2 button:hover {
  background: var(--green-color);
  color: var(--white-color);
}
.swiper-ctrl.type2 .swiper-prev-button {
  left: 42px;
}
.swiper-ctrl.type2 .swiper-next-button {
  right: 42px;
}
.swiper-ctrl.type3 {
  margin-top: 20px;
  font-size: 0;
  text-align: right;
}
.swiper-ctrl.type3 button {
  width: 50px;
  height: 50px;
  border: 1px solid var(--white-color);
  border-radius: 50%;
  background: transparent;
  font-size: 22px;
  color: var(--white-color);
  line-height: 1.5;
  transition: var(--duration-sm);
}
.swiper-ctrl.type3 button ~ button {
  margin-left: 15px;
}
.swiper-ctrl.type3 button:hover {
  border: 1px solid var(--green-color);
  background: var(--green-color);
}
.swiper-ctrl.type4 {
  font-size: 0;
}
.swiper-ctrl.type4 button {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 18px;
  background: transparent;
  border: none;
  transition: var(--duration-sm);
}
.swiper-ctrl.type4 button:hover {
  opacity: 0.8;
}
.swiper-ctrl.type4 .swiper-prev-button {
  background: url("/resource/www/img/arr_left.png") no-repeat center center/contain;
}
.swiper-ctrl.type4 .swiper-next-button {
  background: url("/resource/www/img/arr_right.png") no-repeat center center/contain;
}
.swiper-ctrl.type4 .swiper-pause-button {
  margin: 0 14px;
  background: url("/resource/www/img/ico_pause_gy.png") no-repeat center center/contain;
}
.swiper-ctrl.type4 .swiper-pause-button.on {
  background: url("/resource/www/img/ico_play.png") no-repeat center center/contain;
}

/* Header */
.header {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--white-color);
  transition: top 0.4s ease-in-out;
}
.header.hide {
  top: -170px;
}
.header.show {
  top: 0;
}
.header-top {
  padding-top: 14px;
  padding-bottom: 4px;
}
.header-top-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-greeting {
  font-size: 15px;
}
.header-tnb {
  margin-left: 40px;
}
.header-tnb-list {
  margin: 0 -8px;
}
.header-tnb-item {
  position: relative;
  padding: 0 8px;
}
.header-tnb-item > a {
  font-size: 15px;
  font-weight: 400;
  color: var(--black-color);
}
.header-tnb-item > a i {
  display: inline-block;
  width: 22px;
  height: 22px;
  font-size: 16px;
  color: var(--color-b5);
  text-align: center;
}
.header-language {
  position: relative;
  width: 70px;
  margin-left: 20px;
}
.header-language-button {
  width: 100%;
  height: 32px;
  padding: 0 25px 0 12px;
  border-radius: 30px;
  border: 1px solid var(--color-ddd);
  background: var(--white-color) url("/resource/www/img/ico_select.png") no-repeat center right 12px/9px auto;
  font-size: 13px;
  font-weight: bold;
  color: var(--black-color);
  text-align: left;
}
.header-language-list {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  padding: 8px 0px 6px;
  margin-top: 2px;
  border-radius: 15px;
  border: 1px solid var(--color-ddd);
  background: var(--white-color);
  font-size: 13px;
  font-weight: bold;
  color: var(--black-color);
  z-index: 1;
}
.header-language-item ~ .header-language-item {
  border-top: 1px solid var(--color-ddd);
}
.header-language-link {
  display: block;
  padding: 10px 0;
  text-align: center;
  transition: var(--duration-sm);
}
.header-language-link:hover {
  color: var(--darkgreen-color);
}
.header-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 84px;
}
.header-logo {
  width: 20%;
  min-width: 316px;
  font-size: 0;
}
.header-logo a {
  display: block;
  height: 58px;
}
.header-logo a img {
  height: 100%;
}
.header-menu {
  width: 51.39%;
  height: 100%;
}
.header-fullmenu-button {
  height: 49px;
  padding: 0 19px 0 26px;
  background: var(--green-color);
  font-size: 18px;
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
  white-space: nowrap;
  line-height: 2;
  border: none;
  border-radius: 24.4992px;
}
.header-fullmenu-button i {
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  margin-left: 26px;
  background: url("/resource/www/img/ico_fullmenu.png") no-repeat center center/26px auto;
}
.header-mobile {
  position: relative;
  display: none;
  width: 48px;
  height: 37px;
  border-radius: 6px;
  background: #82BC5E;
}
.header-mobile-tool {
  display: none;
  align-items: center;
  gap: 30px;
}
.header-mobile-tool .header-language {
  width: 100px;
  margin-left: 0;
}
.header-mobile-tool .header-language-list, .header-mobile-tool .header-language-button {
  font-size: 16px;
}
.header-mobile-tool .header-language-button {
  height: 48px;
}
.header-mobile-tool .header-language-item > a {
  padding: 16px 0;
}

/* GNB */
.gnb-list {
  height: 100%;
}
.gnb-item {
  position: relative;
  width: 20%;
  height: 100%;
  padding: 0 10px;
}
.gnb-item > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 23px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--black-color);
  transition: var(--duration-sm);
}
.gnb-item > a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 20px;
  width: 28px;
  height: 18px;
  margin-left: -14px;
  background: url("/resource/www/img/ico_symbol.png") no-repeat center center/contain;
  opacity: 0;
  transition: var(--duration-sm);
}
.gnb-item > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 6px;
  background: var(--green-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  transition: var(--duration-sm);
  z-index: 1;
}
.gnb-item:hover > a {
  color: var(--blue-color);
  font-weight: bold;
}
.gnb-item:hover > a::before {
  top: 0;
  opacity: 1;
}
.gnb-item:hover > a::after {
  width: 131px;
}
.gnb-item.is-current > a {
  color: var(--blue-color);
  font-weight: bold;
}
.gnb-item.is-current > a::before {
  top: 0;
  opacity: 1;
}
.gnb-item.is-current > a::after {
  width: 131px;
}
.gnb-menu {
  display: none;
  position: fixed;
  top: 134px;
  left: 0;
  width: 100%;
  height: auto;
  background: var(--white-color);
  border-top: 1px solid var(--color-ddd);
  z-index: 1;
}
.gnb-menu .wrapper2 {
  display: flex;
}
.gnb-depth1-view {
  position: relative;
  width: 25%;
  padding: 30px;
  text-align: center;
}
.gnb-depth1-view::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -24px;
  width: 236px;
  height: 121px;
  background: url("/resource/www/img/img_menu.png") no-repeat center center/contain;
}
.gnb-depth1-title {
  font-size: 38px;
  font-weight: 600;
  color: var(--black-color);
}
.gnb-depth1-description {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 400;
  color: var(--black-color);
}
.gnb-depth2-list {
  width: 75%;
  padding: 18px 48px 32px;
  font-size: 0;
  border-left: 1px solid var(--color-ddd);
}
.gnb-depth2-item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 11px 10px 11px 0;
}
.gnb-depth2-item.active a::before {
  background-color: var(--color-d9);
}
.gnb-depth2-item > a {
  position: relative;
  padding-left: 11px;
  font-size: 20px;
  font-weight: 500;
  color: var(--black-color);
  transition: var(--duration-sm);
}
.gnb-depth2-item > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-be);
}
.gnb-depth2-item > a::after {
  content: "";
  position: absolute;
  left: 11px;
  bottom: 0;
  width: calc(100% - 11px);
  height: 100%;
  background-image: linear-gradient(var(--blue-color), var(--blue-color));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
}
.gnb-depth2-item > a:hover {
  font-weight: 700;
  color: var(--blue-color);
}
.gnb-depth2-item > a:hover::after {
  background-size: 100% 1px;
}

/* Mobile */
.mobile-btn {
  position: relative;
  top: 50%;
  left: 50%;
  transform: rotate(0deg) translate(-50%, -50%);
  z-index: 1000;
  display: block;
  width: 18px;
  height: 14px;
  transition: 0.5s ease-in-out;
}
.mobile-btn.mobile-btn-close .bar:nth-child(1), .mobile-btn.mobile-btn-close .bar:nth-child(6) {
  transform: rotate(45deg);
}
.mobile-btn.mobile-btn-close .bar:nth-child(2), .mobile-btn.mobile-btn-close .bar:nth-child(5) {
  transform: rotate(-45deg);
}
.mobile-btn.mobile-btn-close .bar:nth-child(1) {
  left: 2px;
  top: 3px;
}
.mobile-btn.mobile-btn-close .bar:nth-child(2) {
  left: calc(50% - 2px);
  top: 3px;
}
.mobile-btn.mobile-btn-close .bar:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.mobile-btn.mobile-btn-close .bar:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.mobile-btn.mobile-btn-close .bar:nth-child(5) {
  left: 2px;
  top: 55%;
}
.mobile-btn.mobile-btn-close .bar:nth-child(6) {
  left: calc(50% - 2px);
  top: 55%;
}
.mobile-btn .bar {
  position: absolute;
  transform: rotate(0deg);
  display: block;
  height: 2px;
  width: 50%;
  background: #fff;
  opacity: 1;
  transition: 0.25s ease-in-out;
}
.mobile-btn .bar:nth-child(even) {
  left: 50%;
}
.mobile-btn .bar:nth-child(odd) {
  left: 0px;
}
.mobile-btn .bar:nth-child(1), .mobile-btn .bar:nth-child(2) {
  top: 0px;
}
.mobile-btn .bar:nth-child(3), .mobile-btn .bar:nth-child(4) {
  top: 50%;
}
.mobile-btn .bar:nth-child(5), .mobile-btn .bar:nth-child(6) {
  top: 100%;
}
.mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100%;
  height: 100%;
  background: #343434;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  z-index: 999;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
.mobile-menu.active {
  opacity: 1;
  pointer-events: unset;
}
.mobile-menu.active .mobile-gnb-item {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
.mobile-menu-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 998;
}
.mobile-menu-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 9px 16px;
  margin-bottom: 20px;
}
.mobile-menu-box {
  position: relative;
  background-color: #fff;
}
.mobile-menu-box::before {
  content: "";
  position: absolute;
  top: -9px;
  left: -16px;
  z-index: -1;
  display: block;
  width: calc(100% + 24px + 16px);
  height: calc(100% + 9px + 9px);
  border-radius: 0px 0px 25px 0px;
  background-color: #fff;
}
.mobile-menu-logo {
  display: block;
  height: 100%;
}
.mobile-menu-logo img {
  height: 100%;
}
.mobile-menu-close i {
  font-size: 38px;
  color: #82BC5E;
}
.mobile-menu-util {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}
.mobile-menu-btn {
  position: relative;
  padding: 4px 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--color-888);
}
.mobile-menu-btn:not(:last-child) {
  margin-right: 24px;
}
.mobile-menu-btn:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  width: 2px;
  height: 13px;
  margin-top: -6.4992px;
  background: var(--color-ccc);
}
.mobile-menu-body {
  flex: 1;
  overflow: auto;
}
.mobile-menu-footer {
  padding: 16px;
  border-top: 1px solid var(--color-777);
}
.mobile-menu-footer p, .mobile-menu-footer span, .mobile-menu-footer i, .mobile-menu-footer a {
  color: #fff;
}
.mobile-menu-footer > a {
  display: inline-block;
  height: 48px;
  line-height: 48px;
}
.mobile-menu-footer-group {
  display: flex;
  align-items: center;
}
.mobile-menu-footer-group > li {
  flex: 1;
}
.mobile-menu-footer-group > li > a {
  display: block;
  height: 48px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
}
.mobile-menu-footer-item {
  padding: 0;
}
.mobile-menu-footer-item ~ .mobile-menu-footer-item {
  position: relative;
}
.mobile-menu-footer-item ~ .mobile-menu-footer-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: var(--color-555);
}
.mobile-gnb-list {
  padding: 0 16px;
}
.mobile-gnb-item {
  position: relative;
  transform: translateY(15px) scale(0.98);
  opacity: 0;
  filter: blur(3px);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mobile-gnb-item:nth-child(2) {
  transition-delay: 0.05s;
}
.mobile-gnb-item:nth-child(3) {
  transition-delay: 0.1s;
}
.mobile-gnb-item:nth-child(4) {
  transition-delay: 0.15s;
}
.mobile-gnb-item:nth-child(5) {
  transition-delay: 0.2s;
}
.mobile-gnb-item.active > a {
  color: var(--green-color);
}
.mobile-gnb-item.has-2dep::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  width: 6px;
  height: 11px;
  background: url("/resource/www/img/ico_next.png") no-repeat center center/cover;
  transform: rotate(90deg);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.mobile-gnb-item.has-2dep.active::after {
  transform: rotate(-90deg);
}
.mobile-gnb-item > a {
  position: relative;
  display: block;
  padding: 20px 20px 20px 16px;
  border-radius: 3px;
  background: linear-gradient(to right, #82BC5E 50%, #343434 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  font-size: clamp(18px, 0.98vw + 13.94px, 24px);
  font-weight: 600;
  color: #fff;
  color: var(--white-color);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mobile-gnb-item > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 32px;
  background: var(--green-color);
}
.mobile-gnb-depth2-list {
  display: none;
  padding: 16px 0 30px;
  padding-left: 16px;
}
.mobile-gnb-depth2-item {
  padding: 5px 0;
}
.mobile-gnb-depth2-item ~ .mobile-gnb-depth2-item {
  margin-top: 8px;
}
.mobile-gnb-depth2-item.active > a {
  color: var(--green-color);
}
.mobile-gnb-depth2-item.active > a::before {
  background-color: var(--green-color);
}
.mobile-gnb-depth2-item > a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: var(--color-be);
}
.mobile-gnb-depth2-item > a::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  background: var(--color-be);
  border-radius: 50%;
  vertical-align: middle;
}

.mobile-gnb-list {
  position: relative;
}
/* Full Menu */
.fullmenu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #343434;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 60;
  transition: all 0.3s;
}
.fullmenu.active {
  top: 0;
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}
.fullmenu.active .fullmenu-item::after {
  transform: scaleY(1);
}
.fullmenu.active .fullmenu-item:has(.fullmenu-depth2-list:hover) > a {
  color: var(--green-color);
}
.fullmenu.active .fullmenu-item > a {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
.fullmenu.active .fullmenu-depth2-item > a {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
  letter-spacing: 0;
}
.fullmenu.active .fullmenu-depth2-item > a:hover {
  font-weight: 600;
  color: var(--green-color);
  transition: color 0.3s ease;
  transition-delay: 0s;
}
.fullmenu.active .fullmenu-depth2-item > a:hover::before {
  background-color: var(--green-color);
}
.fullmenu.active .fullmenu-depth2-item > a:hover::after {
  background-size: 100% 1px;
}
.fullmenu-head {
  padding-top: 75px;
  text-align: right;
}
.fullmenu-close-button {
  width: 37px;
  height: 37px;
  border: none;
  background: url("/resource/www/img/ico_close_gr.png") no-repeat center center/contain;
  font-size: 0;
}
.fullmenu-body {
  height: calc(100vh - 112px);
  max-height: 776px;
  padding-top: 48px;
  padding-bottom: 48px;
  overflow-y: auto;
}
.fullmenu-list {
  display: flex;
  min-height: 100%;
}
.fullmenu-item {
  position: relative;
  width: 20%;
  padding-top: 80px;
  padding-bottom: 20px;
  text-align: left;
}
.fullmenu-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.35s;
  width: 2px;
  background-color: rgba(221, 221, 221, 0.13);
}
.fullmenu-item > a {
  transform: translateX(-15px);
  display: block;
  position: relative;
  padding-left: 30px;
  font-size: 35px;
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
  opacity: 0;
  filter: blur(5px);
  transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.fullmenu-item > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 6px;
  height: 32px;
  background: var(--green-color);
}
.fullmenu-depth2-list {
  margin-top: 54px;
  text-align: center;
}
.fullmenu-depth2-item {
  padding-left: 12px;
  text-align: left;
}
.fullmenu-depth2-item:not(:first-child) {
  margin-top: 30px;
}
.fullmenu-depth2-item > a {
  position: relative;
  transform: scale(0.95);
  display: inline-block;
  padding-left: 11px;
  opacity: 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: left;
  color: var(--color-be);
  filter: blur(3px);
  transition: opacity 0.8s, filter 0.8s, transform 0.8s, letter-spacing 0.8s, color 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.5s;
}
.fullmenu-depth2-item > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-be);
}
.fullmenu-depth2-item > a::after {
  content: "";
  position: absolute;
  left: 11px;
  bottom: 0;
  width: calc(100% - 11px);
  height: 100%;
  background-image: linear-gradient(var(--green-color), var(--green-color));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
}
.fullmenu-depth3 {
  padding-left: 42%;
}
.fullmenu-depth3-list {
  margin-top: 12px;
}
.fullmenu-depth3-item {
  text-align: left;
}
.fullmenu-depth3-item ~ .fullmenu-depth3-item {
  margin-top: 6px;
}
.fullmenu-depth3-item > a {
  position: relative;
  padding-left: 11px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: var(--color-888);
  transition: var(--duration-sm);
}
.fullmenu-depth3-item > a::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 2px;
}
.fullmenu-depth3-item > a:hover {
  opacity: 0.8;
}

/* Footer */
.footer {
  position: relative;
}
.footer-top {
  background: var(--color-e5);
}
.footer-menu {
  padding: 16px 0;
}
.footer-menu-list {
  margin: 0 -25px;
}
.footer-menu-item {
  position: relative;
  padding: 0 25px;
}
.footer-menu-item > a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--black-color);
  line-height: 1.5;
}
.footer-menu-item > a.point {
  font-weight: 700;
  color: var(--darkgreen-color);
}
.footer-menu-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: var(--black-color);
}
.footer-bottom {
  background: var(--color-f2);
}
.footer-inner {
  padding: 16px 250px 28px 0;
}
.footer-logo {
  height: 53px;
}
.footer-logo img {
  max-height: 100%;
}
.footer-info {
  margin-top: 11px;
}
.footer-info-list {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-info-item {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: var(--black-color);
  line-height: 1.5;
}
.footer-copyright {
  margin-top: 8px;
}
.footer-copyright p {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-999);
  line-height: 1.5;
}
.footer-partner {
  position: absolute;
  right: 0;
  top: 25px;
  width: 219px;
}
.footer-partner-button {
  width: 100%;
  height: 52px;
  padding: 0 45px 0 28px;
  background: var(--color-e5);
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  color: var(--black-color);
  text-align: left;
  transition: var(--duration-sm);
}
.footer-partner-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  width: 10px;
  height: 6px;
  margin-top: -3px;
  background: url("/resource/www/img/ico_select.png") no-repeat center center/contain;
  transition: var(--duration-sm);
}
.footer-partner-button.on::after {
  transform: rotate(-180deg);
}
.footer-partner-list {
  display: none;
  position: absolute;
  bottom: calc(100% + 3px);
  left: 0;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--color-d9);
  border-radius: 5px;
  background: var(--white-color);
}
.footer-partner-item a {
  display: block;
  padding: 6px 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--color-666);
  line-height: 1.2;
  transition: var(--duration-sm);
}
.footer-partner-item a:hover {
  color: var(--darkgreen-color);
}

/* Top button */
.top-button {
  width: 80px;
  height: 80px;
  padding-bottom: 8px;
  background-color: var(--white-color);
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.25);
  font-size: 18px;
  font-weight: 600;
  color: var(--black-color);
}
.top-button i {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: url("/resource/www/img/ico_top.png") no-repeat center center/contain;
}

/* Quick */
.quick-wrap {
  position: fixed;
  bottom: -50px;
  right: 45px;
  opacity: 0;
  z-index: 20;
  transition: 0.5s;
}
.quick-wrap.show {
  bottom: 45px;
  opacity: 1;
}
.quick-wrap.fixed {
  bottom: 40px;
  transition: 0.3s;
}
.quick-list {
  margin-bottom: 9px;
}
.quick-item:not(:first-child) {
  margin-top: 11px;
}
.quick-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid var(--color-ddd);
  background: var(--white-color);
  text-align: center;
}
.quick-image {
  width: 25px;
  height: 25px;
  margin: 0 auto;
}
.quick-name {
  margin-top: 5px;
  color: var(--black-color);
}

/* focus-style - 영역별 overflow/배경색/radius 이슈로 개별 대응 */
.main-visual-link:focus-visible,
.main-webzine-link:focus-visible,
.main-related-link:focus-visible {
  transform: scale(0.99);
  transition: transform 0.15s ease;
  outline-offset: -2px;
}

.main-newsletter-link:focus-visible,
.main-news a:focus-visible,
.main-event-link:focus-visible {
  outline: none !important;
  border: 2px dashed #ff3232;
}

.main-gallery-link:focus-visible {
  outline: none !important;
}
.main-gallery-link:focus-visible img {
  border: 2px dashed #ff3232;
  border-radius: 20px;
}

.main-business-slide:focus-visible {
  border-radius: 15px;
}

.d-tab-wrap.type1 .d-tab-link:focus-visible {
  outline-offset: -2px;
}

/* Main */
.main {
  /* 공통 */
}
.main-notice-category, .main-webzine-category {
  padding: 12px 26px;
  font-size: 18px;
  font-weight: 600;
}
.main-common-head {
  text-align: center;
  margin-bottom: 50px;
}
.main-common-title {
  font-size: 45px;
  font-weight: 600;
  color: var(--black-color);
}
.main-common-description {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-444);
}
.main-common-more {
  display: block;
  position: absolute;
  right: 0;
  top: 3px;
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  border-radius: 50%;
  background: url("/resource/www/img/ico_plus_bk.png") no-repeat center center/20px;
  font-size: 0;
  transition: var(--duration-sm);
}
.main-common-more:hover {
  transform: rotate(90deg);
}
.main-common-file-action a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 0;
  transition: var(--duration-sm);
}
.main-common-file-action a.main-common-file-action-view {
  background: var(--green-color);
}
.main-common-file-action a > i {
  font-size: 18px;
}
.main-common-file-action a:hover {
  transform: scale(1.08);
  filter: brightness(0.95);
}
.main-common-file-action-download {
  background: var(--color-ea);
}
.main-common-file-action-download i {
  color: var(--color-333);
}
.main-common-file-action-view {
  background: var(--green-color);
}
.main-common-file-action-view i {
  color: var(--white-color);
}
.main-contents {
  padding-bottom: 87px;
}
.main-section ~ .main-section {
  margin-top: 115px;
}
.main-section.visual-section .wrapper {
  display: flex;
  gap: 32px;
}
.main-section.event-section {
  margin-top: 115px;
}
.main-section.event-section .wrapper2 {
  display: flex;
  justify-content: center;
  gap: 31px;
}
.main-section.event-section.event-section .main-event.main-event-bnr-ct {
  padding: 0 80px;
  background: url(/resource/www/img/icon-green-gear.png) no-repeat center right 5.3vw;
  background-size: 70px;
  transition: var(--duration-sm);
}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .title {
  margin-bottom: 7px;
}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .r-btn {
  height: 40px;
  background: var(--green-color);
  font-size: 18px;
  font-weight: 500;
  color: var(--white-color);
  text-align: center;
  white-space: nowrap;
  border: none;
  border-radius: 33px;
  line-height: 2;
  max-width: 138px;
  display: flex;
  align-items: center;
  padding: 0 14px 0 20px;
  justify-content: space-between;
  transition: var(--duration-sm);
}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .r-btn:hover {
  background: var(--green-color-hover);
}
.main-section.webzine-section, .main-section.gallery-section {
  --bg-y: 0px;
  --rotate: 0deg;
}
.main-section.webzine-section {
  position: relative;
  padding-top: 115px;
  padding-bottom: 81px;
  background: rgb(5, 21, 47);
  overflow: hidden;
}
.main-section.webzine-section::before {
  content: "";
  position: absolute;
  top: -7%;
  left: -2px;
  display: block;
  width: calc(100% + 4px);
  height: 120%;
  background: url("/resource/www/img/vis_main_webzine.jpg") no-repeat center center/cover;
  outline: 3px solid rgb(5, 21, 47);
  outline-offset: -2px;
  transform: translateY(var(--bg-y, 0px));
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.main-section.webzine-section .wrapper2 {
  display: flex;
  gap: 40px;
}
.main-section.webzine-section .main-common-title {
  color: var(--white-color);
}
.main-section.webzine-section .main-common-description {
  color: var(--white-color);
}
.main-section.webzine-section .main-common-more {
  border: 1px solid var(--white-color);
  background-image: url("/resource/www/img/ico_plus_wh.png");
}
.main-section.gallery-section {
  position: relative;
  margin-top: 0;
  padding-top: 150px;
  padding-bottom: 125px;
  overflow: hidden;
  background: linear-gradient(to right, #fcfcfa, #e4ffea);
}
.main-section.gallery-section::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/resource/www/img/vis_main_gallery.jpg") no-repeat center center/cover;
  transform: translate(var(--bg-x, 0), var(--bg-y, 0)) scale(var(--scale, 1.2));
  filter: blur(var(--blur, 0px));
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease-out;
  will-change: transform, filter;
}
.main-section.report-section .wrapper2 {
  display: flex;
  gap: 20px;
}
.main-section.notice-section {
  position: relative;
  margin-top: 77px;
  padding-top: 180px;
  padding-bottom: 203px;
}
.main-section.notice-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #82BC5E 73.95%, #2B4B7E 99.45%);
  clip-path: polygon(0 9%, 100% 0, 100% 87%, 0 100%);
}
.main-section.notice-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-f5);
  clip-path: polygon(0 0, 100% 12%, 100% 88%, 0 100%);
}
.main-section.partner-section {
  margin-top: 13px;
}
.main-visual {
  position: relative;
  width: 90%;
  flex: 1;
}
.main-visual-slider {
  height: 100%;
  border-radius: 60px;
  overflow: hidden;
}
.main-visual-slider > .swiper-container {
  height: 100%;
}
.main-visual-slider .swiper-slide-active .main-visual-content::before {
  transform: translateX(0);
  background-position: 30% 70%;
  opacity: 1;
  filter: blur(0);
  transition-delay: 0.15s;
}
.main-visual-slider .swiper-slide-active .main-visual-image img {
  animation: kenBurns 7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.main-visual-slider .swiper-slide-active .main-visual-more {
  transform: scale(1);
  opacity: 1;
}
.main-visual-slider .swiper-slide-active .main-visual-title, .main-visual-slider .swiper-slide-active .main-visual-text, .main-visual-slider .swiper-slide-active .main-visual-date {
  transform: translate(0, 0);
  opacity: 1;
}
.main-visual-link {
  position: relative;
  display: block;
  height: 100%;
}
.main-visual-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(3.76deg, rgba(0, 0, 0, 0.7) 0%, rgba(12, 26, 83, 0.7) 32%, rgba(33, 53, 139, 0) 48%);
}
.main-visual-image {
  height: 100%;
  overflow: hidden;
  font-size: 0;
  transition: transform 0.3s ease-out;
  will-change: transform;
}
.main-visual-image:hover > img {
  animation-play-state: paused;
}
.main-visual-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
}
.main-visual-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 70px 52px 50px;
  overflow: hidden;
  color: var(--white-color);
}
.main-visual-content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-100%);
  width: 1048px;
  max-width: 80%;
  height: 100%;
  clip-path: polygon(0 100%, 0 0, 100% 100%);
  background: linear-gradient(104.67deg, rgba(43, 75, 126, 0.69) 25%, rgba(130, 188, 94, 0.69) 78%);
  background-size: 140% 140%;
  background-position: 70% 30%;
  opacity: 0;
  filter: blur(12px);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), background-position 1.5s ease, opacity 0.6s ease, filter 0.8s ease;
}
.main-visual-content > * {
  position: relative;
}
.main-visual-more, .main-visual-title, .main-visual-text, .main-visual-date {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.main-visual-more {
  transform: scale(0.6);
  width: 55px;
  aspect-ratio: 1/1;
  border: 1px solid var(--white-color);
  border-radius: 50%;
  background: url("/resource/www/img/ico_plus_wh.png") no-repeat center center/36.36%;
  transition-delay: 0.4s;
}
.main-visual-title {
  transform: translateY(30px);
  margin-top: 15px;
  font-size: 35px;
  font-weight: 500;
  transition-delay: 0.5s;
}
.main-visual-text {
  transform: translateX(-30px);
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  transition-delay: 0.7s;
}
.main-visual-date {
  transform: translateX(30px);
  margin-top: 25px;
  font-size: 13px;
  font-weight: 400;
  transition-delay: 0.9s;
}
.main-visual-ctrl {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 327px;
  height: 90px;
  background: var(--white-color);
  border-radius: 45px 0 0 0;
  z-index: 1;
}
.main-visual-ctrl::before {
  content: "";
  position: absolute;
  left: -75px;
  top: 0;
  transform: scaleX(-1);
  width: 130px;
  height: 90px;
  background: url("/resource/www/img/img_curve.svg") no-repeat center center/contain;
}
.main-visual-ctrl::after {
  content: "";
  position: absolute;
  right: 0;
  top: -90px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-shadow: 45px 45px 0 var(--white-color);
  overflow: hidden;
}
.main-visual-ctrl-inner {
  position: relative;
  padding-top: 30px;
  text-align: center;
  z-index: 1;
}
.main-visual-ctrl-inner > * {
  display: inline-block;
  vertical-align: middle;
}
.main-visual-ctrl-inner button {
  border: none;
  background: transparent;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s;
  filter: brightness(0.95);
  transform: scale(1);
}
.main-visual-ctrl-inner button:hover {
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(1.11);
  filter: brightness(1.05);
}
.main-visual-ctrl-inner .swiper-prev-button {
  width: 35px;
  height: 35px;
  margin-right: 65px;
  background: url("/resource/www/img/ico_prev_sw.png") no-repeat center center/contain;
}
.main-visual-ctrl-inner .swiper-next-button {
  width: 35px;
  height: 35px;
  margin-left: 65px;
  background: url("/resource/www/img/ico_next_sw.png") no-repeat center center/contain;
}
.main-visual-ctrl-inner .swiper-pause-button {
  width: 12px;
  height: 12px;
  background: url("/resource/www/img/ico_pause_bk.png") no-repeat center center/contain;
}
.main-visual-ctrl-inner .swiper-pause-button.on {
  background-image: url("/resource/www/img/ico_select.png");
  transform: rotate(-90deg);
}
.main-visual-paging {
  width: 40px;
  margin-right: 34px;
  font-size: 16px;
  font-weight: 700;
  color: var(--black-color);
}
.main-shortcut {
  position: relative;
  width: 148px;
  padding: 3px 10px 10px;
  border-radius: 37px;
  box-shadow: 0 0 7.4px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.main-shortcut-item {
  position: relative;
  padding: 7px 0;
}
.main-shortcut-item ~ .main-shortcut-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 104px;
  max-width: 85%;
  height: 1px;
  background: var(--color-ddd);
}
.main-shortcut-link {
  display: block;
  padding: 12px 10px;
  text-align: center;
  border-radius: 0;
  background: var(--white-color);
  transition: var(--duration-sm);
}
.main-shortcut-link.type2 {
  padding: 21px 10px;
}
.main-shortcut-link img {
  width: 55px;
  height: 55px;
  text-align: center;
}
.main-shortcut-link p {
  font-size: 16px;
  font-weight: 500;
  color: var(--black-color);
  transition: var(--duration-sm);
}
.main-shortcut-link:hover {
  background: rgba(130, 188, 94, 0.16);
  border-radius: 30px;
}
.main-shortcut-link:hover p {
  font-weight: 700;
  color: var(--darkgreen-color);
}
.main-shortcut-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 190px;
}
.main-shortcut-group-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  width: 100%;
  background: var(--green-color);
}
.main-shortcut-group-link ~ .main-shortcut-group-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 97px;
  max-width: 85%;
  height: 1px;
  background: var(--white-color);
}
.main-shortcut-group-link:first-child {
  border-radius: 30px 30px 0 0;
}
.main-shortcut-group-link:last-child {
  border-radius: 0 0 30px 30px;
}
.main-shortcut-group-link p {
  font-size: 20px;
  font-weight: 600;
  color: var(--white-color);
}
.main-shortcut-group.type2 {
  height: 137px;
}
.main-shortcut-group.type2 a {
  border-radius: 30px;
  text-align: center;
}
.main-event {
  position: relative;
  width: 50%;
  padding: 18px 0px 45px;
  text-align: center;
  border: 1px solid var(--color-ddd);
  border-radius: 30px;
}
.main-event-name {
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 22px;
  font-size: 20px;
  font-weight: 600;
  color: var(--white-color);
  background: var(--green-color);
  border-radius: 30px 0 30px 0;
}
.main-event-category {
  position: relative;
  display: inline-block;
  min-width: 131px;
  margin: 0 auto;
}
.main-event-category-select {
  width: 100%;
  height: 50px;
  border-radius: 60px;
  border: none;
  background: #F0F4ED url("/resource/www/img/ico_select.png") no-repeat center right 16px/15px auto;
}
.main-event-category-select > p {
  padding: 0 54px 0 30px;
  font-size: 25px;
  font-weight: bold;
  color: var(--black-color);
  text-align: left;
}
.main-event-category-list {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 3px);
  width: 100%;
  padding: 7px 0;
  background: var(--white-color);
  border: 1px solid var(--color-d9);
  border-radius: 5px;
  z-index: 2;
}
.main-event-category-item ~ .main-event-category-item {
  border-top: 1px solid var(--color-ddd);
}
.main-event-category-link {
  display: block;
  width: 100%;
  padding: 10px 0;
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  transition: var(--duration-sm);
}
.main-event-category-link:hover {
  color: var(--darkgreen-color);
}
.main-event-slider {
  width: 505px;
  max-width: 90%;
  margin: 0 auto;
}
.main-event-slider .swiper-slide {
  width: 100% !important;
}
.main-event-slider .swiper-slide:has(.no-data) {
  border: 1px solid red;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 505/87;
}
.main-event-link {
  display: block;
  padding: 0 6px;
  margin-top: 14px;
  text-align: left;
}
.main-event-link:hover .main-event-title p {
  text-decoration: underline;
}
.main-event-class span {
  display: inline-block;
  padding: 5px 10px;
  background: #E2E1F3;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #5E5EBC;
}
.main-event-title {
  margin-top: 4px;
}
.main-event-title p {
  display: inline;
  font-size: 18px;
  font-weight: 600;
  color: var(--black-color);
  transition: var(--duration-sm);
}
.main-event-title span {
  padding-left: 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--red-color);
}
.main-event-info {
  margin-top: 14px;
  font-size: 0;
}
.main-event-info-item {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
}
.main-event-info-item > * {
  display: inline-block;
  vertical-align: middle;
}
.main-event-info-item:first-child {
  margin-right: 55px;
}
.main-event-info-title {
  width: 45px;
  padding: 2px 10px;
  margin-right: 12px;
  background: var(--black-color);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: var(--white-color);
}
.main-event-info-text {
  width: calc(100% - 45px - 12px);
  font-size: 16px;
  font-weight: 400;
  color: var(--black-color);
}
.main-support {
  position: relative;
  width: 50%;
  padding: 30px 80px;
  background: linear-gradient(61.74deg, rgba(0, 0, 0, 0) 42.8%, #3B7E12 87.14%), #0C1414;
  border-radius: 30px;
  color: var(--white-color);
}
.main-support::after {
  content: "";
  position: absolute;
  right: 79px;
  top: 50%;
  transform: translateY(-50%);
  width: 69px;
  height: 70px;
  background: url("/resource/www/img/ico_setting.png") no-repeat center center/contain;
}
.main-support-title {
  font-size: 35px;
  font-weight: 400;
}
.main-support-text {
  margin-top: 11px;
  font-size: 17px;
  font-weight: 300;
}
.main-support-button {
  display: inline-block;
  width: 138px;
  margin-top: 10px;
  padding: 6px 0 9px 20px;
  background: var(--white-color);
  border: none;
  border-radius: 33px;
  font-size: 17px;
  font-weight: 500;
  color: var(--black-color);
  text-align: left;
}
.main-support-button i {
  display: inline-block;
  vertical-align: inherit;
  margin-left: 22px;
  font-size: 23px;
  transition: 0.1s;
}
.main-support-button:hover i {
  margin-left: 26px;
}
.main-business {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.main-business-head {
  flex: 1;
  padding: 28px 58px 0 75px;
  margin-bottom: 0;
}
.main-business-head .main-common-title {
  margin-bottom: 66px;
}
.main-business-body {
  width: 800px;
  padding: 28px 0 28px 44px;
  background: var(--white-color);
  border-radius: 34px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.main-business-card-item {
  display: flex;
  align-items: center;
  gap: 42px;
}
.main-business-card-item ~ .main-business-card-item {
  margin-top: 23px;
}
.main-business-card-item:has(.main-business-card-item-file-action > a:hover) > .thum {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
}
.main-business-card-item:has(.main-business-card-item-file-action > a:hover) > .caption > .title {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.main-business-card-item-file-action {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-business-card-item .thum {
  width: 253px;
  aspect-ratio: 253/146;
  border-radius: 15px;
  overflow: hidden;
  transition: var(--duration-sm);
}
.main-business-card-item .caption > .title {
  margin-bottom: 37px;
  font-size: 18px;
  font-weight: 500;
  transition: var(--duration-sm);
}
.main-business-move-set {
  display: flex;
  align-items: center;
  gap: 37px;
}
.main-business-move-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc((100% - 37px) / 2);
  height: 153px;
  padding: 0 34px 0 42px;
  border-radius: 20px;
  background: var(--white-color);
  transition: var(--duration-sm);
}
.main-business-move-link:hover {
  background: #343434;
  color: var(--green-color);
}
.main-business-move-link:hover .main-common-more {
  transform: rotate(90deg);
  filter: invert(1);
}
.main-business-move-link:hover .main-common-more > i {
  border-color: var(--white-color);
}
.main-business-move-link > .tit {
  width: calc(100% - 37px - 45px);
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
.main-business-move-link > .main-common-more {
  flex-shrink: 0;
  position: static;
  display: inline-block;
  width: 45px;
  height: 45px;
}
.main-business-move-link > .main-common-more:hover {
  transform: none;
}
.main-business-move-link > .main-common-more > i {
  transition: var(--duration-sm);
}
.main-video {
  width: 100%;
  max-width: 878px;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
}
.main-video:has(iframe) {
  aspect-ratio: 878/518;
}
.main-video video, .main-video iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.main-webzine {
  position: relative;
  width: calc((100% - 40px) / 2);
}
.main-webzine-link {
  display: block;
  position: relative;
  padding: 75px 25px 45px;
  background: var(--white-color);
  border-radius: 30px;
  overflow: hidden;
  transition: var(--duration-sm);
}
.main-webzine-link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--green-color);
  border-radius: 30px;
  box-sizing: border-box;
  opacity: 0;
  transition: var(--duration-sm);
}
.main-webzine-link:hover::after {
  opacity: 1;
}
.main-webzine-link:hover .main-webzine-title {
  text-decoration: underline;
}
.main-webzine-category {
  position: absolute;
  left: 0;
  top: 0;
  color: #12BAC3;
  background: #DBF5FF;
  border-radius: 0 0 30px 0;
}
.main-webzine-title {
  height: 2.2em;
  max-height: 2.2em;
  font-size: 25px;
  font-weight: 600;
  color: var(--darkgreen-color);
  line-height: 1.1em;
}
.main-webzine-text {
  height: 2.2em;
  max-height: 2.2em;
  margin-top: 29px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-777);
  line-height: 1.1em;
  transition: var(--duration-sm);
}
.main-webzine-date {
  margin-top: 57px;
  font-size: 13px;
  font-weight: 400;
  color: var(--color-777);
}
.main-webzine-plus {
  position: absolute;
  right: 34px;
  top: 34px;
  font-size: 20px;
}
.main-newsletter {
  position: relative;
  width: calc((100% - 40px) / 2);
}
.main-newsletter-link {
  display: block;
  height: 309px;
  border-radius: 30px;
  overflow: hidden;
}
.main-newsletter-link:hover .main-newsletter-title {
  text-decoration: underline;
}
.main-newsletter-thumbnail {
  position: relative;
  overflow: hidden;
  aspect-ratio: 380/300;
  width: 100%;
}
.main-newsletter-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-newsletter-thumbnail::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.main-newsletter-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px 23px;
}
.main-newsletter-title {
  font-size: 17px;
  font-weight: 600;
  color: #82BC5E;
  transition: var(--duration-sm);
}
.main-gallery {
  position: relative;
}
.main-gallery-list {
  display: flex;
  gap: 27px;
}
.main-gallery-item {
  width: 25%;
}
.main-gallery-thumbnail {
  aspect-ratio: 1.36/1;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  transition: var(--duration-sm);
}
.main-gallery-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-gallery-title {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
  color: var(--black-color);
  transition: var(--duration-sm);
}
.main-gallery-date {
  margin-top: 13px;
  font-size: 15px;
  font-weight: 400;
  color: var(--color-777);
}
.main-gallery-link:hover .main-gallery-thumbnail {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
}
.main-gallery-link:hover .main-gallery-title {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.main-report {
  position: relative;
  width: calc((100% - 20px) / 2);
}
.main-report-link {
  display: block;
  position: relative;
}
.main-report-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 213/278;
  border: 1px solid var(--color-ddd);
}
.main-report-thumbnail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.71);
  opacity: 0;
  z-index: 1;
  transition: var(--duration-sm);
}
.main-report-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-report-thumbnail .main-report-button {
  position: absolute;
  right: 23px;
  bottom: 23px;
  z-index: 2;
  opacity: 0;
  transition: var(--duration-sm);
}
.main-report-thumbnail .main-report-button a ~ a {
  margin-top: 5px;
}
.main-report-thumbnail:hover .main-report-button {
  opacity: 1;
}
.main-report-content {
  padding: 16px 0 0;
}
.main-report-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--black-color);
  transition: var(--duration-sm);
}
.main-report-title:hover {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.main-report-date {
  margin-top: 22px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-777);
}
.main-report-button {
  position: absolute;
  right: 23px;
  bottom: 23px;
  z-index: 2;
}
.main-report-button a ~ a {
  margin-top: 5px;
}
.main-report-ctrl {
  position: absolute;
  right: 0;
  top: 14px;
}
.main-news {
  position: relative;
  width: calc((100% - 20px) / 2);
}
.main-news-body {
  height: 500px;
}
.main-news-body .mCSB_scrollTools {
  width: 8px;
  background: var(--color-d9);
  border-radius: 15px;
}
.main-news-body .mCSB_dragger_bar {
  width: 100% !important;
  background-color: var(--green-color) !important;
  border-radius: 15px !important;
}
.main-news-body .mCSB_draggerRail {
  background: transparent !important;
}
.main-news .main-business-slide {
  display: block;
  font-size: 0;
}
.main-news .main-business-slide ~ .main-business-slide {
  margin-top: 8px;
}
.main-news .main-business-thumbnail {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 253px;
  height: 146px;
  border-radius: 15px;
  overflow: hidden;
  transition: 0.2s;
}
.main-news .main-business-thumbnail::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-ddd);
  border-radius: 14px;
  box-sizing: border-box;
  transition: var(--duration-xs);
}
.main-news .main-business-content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 253px);
  padding-top: 27px;
  padding-left: 42px;
}
.main-news .main-business-text {
  display: inline;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 500;
  color: var(--black-color);
  transition: 0.2s;
}
.main-news .main-business-date {
  margin-top: 35px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-777);
}
.main-news .main-business-slide:hover .main-business-thumbnail::after {
  border: 3px solid var(--green-color);
}
.main-news .main-business-slide:hover .main-business-text {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.main-notice {
  position: relative;
  z-index: 1;
}
.main-notice-ksba {
  position: absolute;
  right: 164px;
  top: 5px;
  font-size: 80px;
  font-weight: 700;
  -webkit-text-stroke: 1px var(--white-color);
  color: transparent;
}
.main-notice-body {
  font-size: 0;
}
.main-notice-tab {
  display: inline-block;
  vertical-align: middle;
  width: 155px;
}
.main-notice-tab-item {
  padding: 7px 0;
}
.main-notice-tab-link {
  position: relative;
  padding: 4px 0;
  background: transparent;
  border: none;
  font-size: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.29);
}
.main-notice-tab-link.active {
  font-weight: 600;
  color: var(--black-color);
}
.main-notice-tab-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--black-color);
}
.main-notice-contents {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 155px);
}
.main-notice-content {
  gap: 15px;
}
.main-notice-content.active {
  display: flex;
}
.main-notice-box {
  position: relative;
  flex: 1;
  min-height: 230px;
  padding: 72px 25px 38px;
  background: var(--white-color);
  border-radius: 30px;
  overflow: hidden;
  transition: var(--duration-sm);
}
.main-notice-box.type1 .main-notice-category {
  background: var(--green-color);
  color: var(--white-color);
}
.main-notice-box.type1:hover {
  background: var(--green-color);
}
.main-notice-box.type1:hover .main-notice-category {
  background: var(--white-color);
  color: var(--green-color);
}
.main-notice-box.type1:hover .main-notice-title,
.main-notice-box.type1:hover .main-notice-info-item > * {
  color: var(--white-color);
}
.main-notice-box.type2 .main-notice-category {
  background: #DBE3FF;
  color: #3852AB;
}
.main-notice-box.type2:hover {
  background: #DBE3FF;
}
.main-notice-box.type2:hover .main-notice-category {
  background: #3852AB;
  color: #DBE3FF;
}
.main-notice-box.type2:hover .main-notice-title,
.main-notice-box.type2:hover .main-notice-info-item > * {
  color: #3852AB;
}
.main-notice-category {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 116px;
  border-radius: 0 0 30px 0;
  text-align: center;
  transition: var(--duration-sm);
}
.main-notice-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--black-color);
  margin-bottom: 40px;
}
.main-notice-info {
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
}
.main-notice-info-item {
  display: flex;
  align-items: flex-start;
}
.main-notice-info-item ~ .main-notice-info-item {
  margin-top: 6px;
}
.main-notice-info-item > * {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-777);
}
.main-notice-info-name {
  position: relative;
  padding-right: 20px;
}
.main-notice-info-name::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: var(--color-444);
}
.main-notice-info-text {
  flex: 1;
  min-width: 0;
}
.main-partner-list {
  display: flex;
  gap: 20px;
}
.main-partner-item {
  width: calc((100% - 40px) / 3);
  border: 1px solid var(--color-ddd);
}
.main-partner-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 112px;
}
.main-partner-link img {
  max-height: 48px;
}
.main-partner-link.small img {
  max-height: 38px;
}
.main-related {
  margin-top: 38px;
  font-size: 0;
}
.main-related-head {
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 0 22px;
  font-size: 25px;
  font-weight: 600;
  color: var(--black-color);
}
.main-related-body {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: calc(100% - 220px);
  padding-left: 100px;
}
.main-related-ctrl {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.main-related-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 65px;
  border: 1px solid var(--color-ddd);
}
.main-related-link img {
  max-height: 65%;
}

/* Sub */
.sub-menu {
  display: flex;
  min-height: 61px;
}
.sub-menu-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: calc(50% + 130px);
  border-bottom: 3px solid var(--green-color);
  background: linear-gradient(90deg, #7DB660 73.02%, #003D97 101.26%);
}
.sub-menu-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 130px;
  height: 100%;
  background: url("/resource/www/img/img_curve_sub.svg") no-repeat center right/cover;
}
.sub-menu-list {
  display: flex;
  justify-content: flex-end;
  width: 810px;
  height: 100%;
}
.sub-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.sub-menu-item.home {
  width: 67px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.33);
  border-right: 1px solid rgba(255, 255, 255, 0.33);
}
.sub-menu-item.depth {
  min-width: 180px;
  border-right: 1px solid rgba(255, 255, 255, 0.33);
}
.sub-menu-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.sub-menu-link img {
  width: 24px;
  transition: var(--duration-sm);
}
.sub-menu-text {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 45px 0 25px;
  font-size: 20px;
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
  border: none;
  background: transparent;
  transition: var(--duration-sm);
}
.sub-menu-text::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  background: url("/resource/www/img/ico_arr_bt.png") no-repeat center center/contain;
}
.sub-menu2-list {
  display: none;
  position: absolute;
  left: -0.4992px;
  top: calc(100% + 3px);
  width: 100%;
  padding: 10px 0;
  border: 1px solid var(--color-ddd);
  border-radius: 15px;
  background: var(--white-color);
  z-index: 10;
}
.sub-menu2-link {
  display: block;
  position: relative;
  padding: 10px 12px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--black-color);
  text-align: center;
  transition: var(--duration-sm);
}
.sub-menu2-link p {
  display: inline-block;
  position: relative;
}
.sub-menu2-link p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(var(--blue-color), var(--blue-color));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
}
.sub-menu2-link:hover {
  font-weight: 600;
  color: var(--blue-color);
}
.sub-menu2-link:hover p::after {
  background-size: 100% 1px;
}
.sub-title {
  width: 590px;
  padding-top: 14px;
  margin-left: auto;
  font-size: 38px;
  font-weight: 600;
  color: var(--black-color);
  overflow: hidden;
}
.sub-title-wrap {
  width: calc(50% - 130px);
  text-align: center;
  background: var(--white-color);
  border-top: 3px solid var(--green-color);
}
.sub-contents {
  padding-top: 80px;
  padding-bottom: 150px;
}
.sub-section ~ .sub-section {
  margin-top: 80px;
}

/* Intoroduce */
.introduce-group {
  padding-top: 20px;
}
.introduce-group:has(.introduce-group-top) .introduce-group-bottom {
  padding: 0;
}
.introduce-group .s-title, .introduce-group .s-title2, .introduce-group-bottom > p, .introduce-group-bottom > strong {
  word-break: keep-all;
}
.introduce-group .s-title, .introduce-group .s-title2 {
  margin-bottom: unset;
  padding-left: unset;
  font-weight: 500;
  text-align: center;
  color: inherit;
}
.introduce-group .s-title::before, .introduce-group .s-title2::before {
  display: none;
}
.introduce-group .s-title {
  margin-bottom: 38px;
}
.introduce-group .s-title2 {
  line-height: 30px;
}
.introduce-group .s-title2:nth-of-type(2) {
  margin-top: 32px;
  font-size: 18px;
}
.introduce-group-top {
  position: relative;
  padding: 93px 30px 86px;
  margin-bottom: 72px;
  border-radius: 30px;
  color: #fff;
  overflow: hidden;
}
.introduce-group-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/resource/www/img/bg_introduce_visual.jpg) no-repeat top/cover;
  animation: bg-zoom-out 15s linear infinite alternate;
}
.introduce-group-top > h2, .introduce-group-top .s-title2 {
  filter: blur(12px);
  opacity: 0;
  -webkit-font-smoothing: antialiased;
  will-change: filter, opacity, transform;
  backface-visibility: hidden;
}
.introduce-group-top > h2 {
  transform: scale(0.9);
  letter-spacing: 0.2em;
  animation: blur-in-effect01 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.introduce-group-top .s-title2 {
  transform: scale(0.98);
  animation: smooth-blur-in 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: 0.3s;
}
.introduce-group-bottom {
  padding: 0px 63px 0px 27px;
}
.introduce-group-bottom > p {
  font-size: 18px;
  line-height: 1.55;
}
.introduce-group-bottom > p ~ p {
  margin-top: 38px;
}
.introduce-group-bottom > p.c-main {
  font-weight: 500;
  color: var(--darkgreen-color);
}
.introduce-group-bottom > strong {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 48px;
  font-size: 22px;
  text-align: right;
}
.introduce-group-bottom > strong > span {
  font-weight: 500;
}
.introduce-group-bottom > hr {
  width: 1400px;
  height: 1px;
  margin-top: 69px;
  margin-left: -27px;
  border: 0;
  background-color: var(--color-ddd);
}
.introduce-group-img {
  display: flex;
  align-items: flex-start;
  gap: 75px;
  padding: 0 37px 0 34px;
  margin-top: 164px;
}
.introduce-group-img .bg-img {
  width: 627px;
  aspect-ratio: 627/452;
  border-radius: 8px;
  overflow: hidden;
}
.introduce-group-img .bg-img:first-child {
  background: url("/resource/www/img/img_introduce01.jpg") no-repeat center/cover;
}
.introduce-group-img .bg-img:nth-child(2) {
  background: url("/resource/www/img/img_introduce02.jpg") no-repeat center/cover;
}

.est-purpose-area {
  display: flex;
  align-items: center;
}
.est-purpose-area.active .label-group .tit {
  background-position: 0 0;
}
.est-purpose-area.active .icon-card-group {
  border-color: #82bc52;
  opacity: 1;
}
.est-purpose-area.active .est-purpose-group.icon-card-group::before {
  clip-path: inset(0 0 0 0);
}
.est-purpose-area.active .est-purpose-group.icon-card-group .icon-card-item .tit {
  color: #353535;
}
.est-purpose-area.active .est-purpose-group.icon-card-group .icon-card-item .tit::before {
  filter: brightness(1) invert(0);
  transform: translateY(0);
}
.est-purpose-group.label-group {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: calc(50% + 118px + 16px);
}
.est-purpose-group.label-group::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 116px;
  height: 170px;
  padding: 0 9px 0 7px;
  background: url("/resource/www/img/img_est_arrow.jpg") no-repeat center/contain;
}
.est-purpose-group.label-group > .tit {
  width: calc(100% - 134px);
  padding: 26px 10px;
  border-radius: 100px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  color: var(--white-color);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.est-purpose-group.label-group > .tit:first-child {
  background-image: linear-gradient(to right, var(--green-color) 50%, #eee 50%);
  transition-delay: 0.2s;
}
.est-purpose-group.label-group > .tit:last-child {
  background-image: linear-gradient(to right, var(--blue-color) 50%, #eee 50%);
  transition-delay: 0.2s;
}
.est-purpose-group.icon-card-group {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: calc(50% - 118px - 16px);
  min-width: 432px;
  border-radius: 15px;
  border: 2px dashed #d1d1d1;
  background-color: #eee;
  overflow: hidden;
  opacity: 0.5;
  transition: all 0.9s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.8s;
}
.est-purpose-group.icon-card-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition-delay: 0.8s;
}
.est-purpose-group.icon-card-group .icon-card-item {
  width: 50%;
  padding: 18px 10px;
}
.est-purpose-group.icon-card-group .icon-card-item:first-child {
  position: relative;
}
.est-purpose-group.icon-card-group .icon-card-item:first-child::after {
  content: ""; /* 구분선 */
  position: absolute;
  top: 18px;
  right: 0;
  display: inline-block;
  width: 1px;
  height: calc(100% - 36px);
  background-color: var(--color-ddd);
}
.est-purpose-group.icon-card-group .icon-card-item.research .tit::before {
  background: url("/resource/www/img/ico_est_purpose_01.png") no-repeat center/contain;
}
.est-purpose-group.icon-card-group .icon-card-item.bio .tit::before {
  background: url("/resource/www/img/ico_est_purpose_02.png") no-repeat center/contain;
}
.est-purpose-group.icon-card-group .icon-card-item > .tit {
  font-size: 21px;
  line-height: 1.42;
  font-weight: 600;
  text-align: center;
  color: #fff;
  transition: color 0.8s ease;
  transition-delay: 0.8s;
}
.est-purpose-group.icon-card-group .icon-card-item > .tit::before {
  content: ""; /* 아이콘 */
  transform: translateY(10px);
  display: block;
  width: 73px;
  height: 73px;
  margin: 0 auto 14px;
  filter: brightness(0.2) invert(1);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition-delay: 0.85s;
}
.est-goal-area {
  display: flex;
  gap: 14px;
}
.est-goal-area .icon-card-item {
  padding: 40px 10px 32px;
  text-align: center;
}
.est-goal-area .icon-card-item.policy > .tit::before {
  background: url("/resource/www/img/ico_est_goal_01.png") no-repeat center/contain;
}
.est-goal-area .icon-card-item.research > .tit::before {
  background: url("/resource/www/img/ico_est_goal_02.png") no-repeat center/contain;
}
.est-goal-area .icon-card-item.network > .tit::before {
  background: url("/resource/www/img/ico_est_goal_03.png") no-repeat center/contain;
}
.est-goal-area .icon-card-item > .tit {
  display: inline-flex;
  align-items: center;
  font-size: 21px;
  font-weight: 600;
}
.est-goal-area .icon-card-item > .tit::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: 74px;
  height: 80px;
  margin-right: 20px;
}
.est-goal-group {
  flex: 1;
  border-radius: 15px;
  border: 1px solid var(--color-ddd);
}
.est-organ-block {
  margin-bottom: 127px;
}
.est-organ-area {
  width: 100%;
  padding: 0 3.214%;
}
.est-organ-area > li ~ li {
  margin-top: 70px;
}
.est-organ-group-1f, .est-organ-group-2f, .est-organ-group-3f, .est-organ-group-4f {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.est-organ-group-1f .est-organ-box {
  width: 207px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--green-color);
  font-size: 30px;
  font-weight: 600;
}
.est-organ-group-2f .est-organ-box {
  width: var(--organ-item-width);
  min-height: 82px;
  border-radius: 10px;
  font-size: 30px;
  font-weight: 500;
}
.est-organ-group-3f {
  gap: 100px;
}
.est-organ-group-3f .est-organ-box {
  width: var(--organ-item-width);
  min-height: 76px;
  border-radius: 60px;
  font-size: 25px;
  font-weight: 500;
  flex-shrink: 0;
}
.est-organ-group-4f {
  gap: var(--organ-gap);
}
.est-organ-group-4f .est-organ-box {
  flex: 1;
  border-radius: 10px;
  border: 1px solid #a5b1ec;
  background-color: #eff1fb;
  font-size: 20px;
  font-weight: 600;
  color: #304E86;
}
.est-organ-group-align {
  justify-content: flex-start;
  padding-left: 38.931%;
  padding-left: calc(50% - var(--organ-item-width) / 2);
}
.est-organ-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  word-break: keep-all;
}
.est-organ-box-c-b {
  background-color: #102D66;
  color: var(--white-color);
}
.est-organ-box-c-b2 {
  background-color: #4B72BE;
  color: var(--white-color);
}
.est-organ-box-c-g {
  background-color: var(--green-color);
  color: var(--white-color);
}
.est-organ-line-top, .est-organ-line-left, .est-organ-line-btm, .est-organ-line-full {
  position: relative;
}
.est-organ-line-top::before, .est-organ-line-left::before, .est-organ-line-btm::before, .est-organ-line-full::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1px;
  height: 70px;
  background-color: #B4B4B4;
  transition: background-color 0.4s;
  transition-delay: 0.3s;
}
.est-organ-line-top.aos-init::before, .est-organ-line-left.aos-init::before, .est-organ-line-btm.aos-init::before, .est-organ-line-full.aos-init::before {
  background-color: #fff;
}
.est-organ-line-top.aos-init.aos-animate::before, .est-organ-line-left.aos-init.aos-animate::before, .est-organ-line-btm.aos-init.aos-animate::before, .est-organ-line-full.aos-init.aos-animate::before {
  background-color: #B4B4B4;
}
.est-organ-line-top::before {
  top: auto;
  bottom: 100%;
  height: 40px;
}
.est-organ-line-btm::before {
  top: 100%;
}
.est-organ-line-left::before {
  content: "";
  top: 50%;
  left: auto;
  right: 100%;
  width: 100px;
  height: 1px;
  transform: translate(0, -50%);
}
.est-organ-line-full {
  position: relative;
  padding-top: 40px;
}
.est-organ-line-full::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(75% + var(--organ-gap) * 0.75);
  height: 1px;
}
.est-history-title {
  margin-bottom: 77px;
  font-size: 25px;
  line-height: 1.16;
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
}
.est-history-group {
  position: relative;
  padding: 23px 0;
}
.est-history-group::before, .est-history-group::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1px;
}
.est-history-group::before { /* 중간 바 라인 */
  height: 100%;
  background-color: var(--color-ccc);
}
.est-history-group::after { /* 중간 라인 */
  height: calc(100% * var(--scroll-ratio));
  background-color: var(--green-color);
  transition: height var(--duration-md) ease-out;
}
.est-history-box {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}
.est-history-box ~ .est-history-box {
  margin-top: 85px;
}
.est-history-box::before, .est-history-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  border-radius: 50%;
}
.est-history-box::before {
  width: 30px;
  height: 30px;
  background-color: #ECF5E7;
}
.est-history-box::after {
  top: 7px;
  width: 16px;
  height: 16px;
  background-color: var(--green-color);
}
.est-history-box-tit {
  width: 50%;
  padding-right: 174px;
  font-size: 40px;
  font-weight: 700;
  text-align: right;
  color: #2B4B7E;
}
.est-history-list {
  width: calc(100% - 102px - 174px);
  width: 50%;
}
.est-history-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 19px;
}
.est-history-item span {
  font-size: 17px;
  word-break: keep-all;
}
.est-history-item > .date {
  min-width: 144px;
  padding: 0 39px 0 28px;
  font-weight: 500;
}
.est-history-item > .txt {
  display: inline-block;
  width: calc(100% - 77px);
}
.est-history-item > .txt > .txt {
  display: block;
}
.est-history-item > .txt > .txt ~ .txt {
  margin-top: 9px;
}
.est-history-item .txt {
  font-weight: 400;
  color: #353535;
}
.est-history .txt-green {
  color: var(--darkgreen-color);
}
.est-history .txt-blue {
  color: var(--blue-color);
}
.est-history .txt-empha {
  background: linear-gradient(to right, var(--darkgreen-color) 50%, #353535 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.8s ease-out;
  transition-delay: 0.2s;
}
.est-history .txt-empha.is-active {
  background-position: 0% 0%;
}

.core-biz-tab {
  margin-bottom: 80px;
}
.core-biz-head .s-title {
  margin-bottom: 16px;
}
.core-biz-table .d-table {
  border-top: 1px solid var(--black-color);
}
.core-biz-table .d-table tr > * {
  border-right: 0;
}
.core-biz-table .d-table th {
  background-color: #EDF2E9;
}
.core-biz-table .d-table td {
  padding-left: 22px;
}
.core-biz-table .d-table tr {
  border-bottom: 0;
}
.core-biz-table .d-table tr ~ tr {
  border-top: 1px solid var(--white-color);
}
.core-biz-table .d-table tr:last-child {
  border-bottom: 1px solid var(--color-ccc);
}
.core-biz-title2 {
  margin-bottom: 16px;
  font-size: 23px;
  font-weight: 600;
  color: #304E86;
}
.core-biz-dot-text-list {
  margin-left: 40px;
}
.core-biz-num-text-list > li::before {
  background-color: var(--darkgreen-color);
}
.core-biz-system {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  width: 1053px;
  margin: 56px auto 0;
}
.core-biz-system > .core-biz-system-row:nth-child(1) .core-biz-system-arrow {
  margin-top: 42px;
}
.core-biz-system > .core-biz-system-row:nth-of-type(2) .core-biz-system-arrow {
  margin-top: 91px;
}
.core-biz-system-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 167px;
  padding: 10px;
  background-color: #2B4B7E;
  color: var(--white-color);
  text-align: center;
}
.core-biz-system-head + .core-biz-system-body {
  padding: 10px 14px;
}
.core-biz-system-head .title {
  font-size: 20px;
  font-weight: 600;
}
.core-biz-system-head > i {
  display: inline-block;
  margin-top: 20px;
  font-size: 41px;
}
.core-biz-system-body {
  flex: 1;
  padding: 10px 14px 10px 53px;
}
.core-biz-system-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
.core-biz-system-row + .core-biz-system-arrow, .core-biz-system-row + .core-biz-system-arrow + .core-biz-system-arrow {
  transform: rotate(-90deg);
  margin: 12px 0;
}
.core-biz-system-row + .core-biz-system-arrow {
  margin-left: 234px;
}
.core-biz-system-row + .core-biz-system-arrow + .core-biz-system-arrow {
  margin-right: 241px;
}
.core-biz-system-item {
  flex: 1;
  display: flex;
  width: 50%;
  min-height: 177px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--color-ccc);
}
.core-biz-system-item .icon {
  width: 50px;
  height: 50px;
  margin-top: 10px;
}
.core-biz-system-item.tech .icon {
  background: url("/resource/www/img/ico_core-biz-icon-system-01.png") no-repeat center/contain;
}
.core-biz-system-item.edu .icon {
  background: url("/resource/www/img/ico_core-biz-icon-system-02.png") no-repeat center/contain;
}
.core-biz-system-item.policy .icon {
  background: url("/resource/www/img/ico_core-biz-icon-system-03.png") no-repeat center/contain;
}
.core-biz-system-item.fusion .icon {
  background: url("/resource/www/img/ico_core-biz-icon-system-04.png") no-repeat center/contain;
}
.core-biz-system-item > * {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.core-biz-system-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 219px;
  height: 219px;
  background-color: pink;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, var(--darkgreen-color) 0%, #2f557f 100%);
}
.core-biz-system-center-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 214px;
  height: 214px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.core-biz-system-center-inner .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 187px;
  height: 187px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(130, 188, 94, 0.15);
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #457F20;
}
.core-biz-system-arrow {
  display: block;
  width: 56px;
  height: 33px;
  background: url("/resource/www/img/img_ico_core-biz-arrow.png") no-repeat center/contain;
}
.core-biz-process {
  max-width: 1102px;
  margin: 72px auto 0;
}
.core-biz-process .item:has(.help-txt) {
  position: relative;
  overflow: unset;
}
.core-biz-process .help-txt {
  position: absolute;
  margin-top: 6px;
  font-family: "Paperlogy";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #D41421;
}
.core-biz-process-row.top {
  display: flex;
  align-items: stretch;
  gap: 11px;
}
.core-biz-process-row.top > .item {
  width: 33.3333333333%;
}
.core-biz-process-row.top > .item .item-inner {
  height: 100%;
  border-radius: 15px;
  border: 1px solid var(--color-ccc);
  overflow: hidden;
}
.core-biz-process-row.top > .item:nth-child(1) .item-head {
  background-color: var(--blue-color);
}
.core-biz-process-row.top > .item:nth-child(2) .item-head {
  background-color: #0084FF;
}
.core-biz-process-row.top > .item:nth-child(3) .item-head {
  background-color: #457F20;
}
.core-biz-process-row.top > .item .item-head {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 295px;
  border-radius: 0 0 30px 0;
}
.core-biz-process-row.top > .item .item-head .title {
  padding: 11px;
  margin: 0 auto;
  font-family: "Paperlogy";
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;
}
.core-biz-process-row.top > .item .item-body {
  min-height: 147px;
  padding: 21px 10px 10px 50px;
}
.core-biz-process-row.top > .item .help-txt {
  right: 0;
}
.core-biz-process-row.center {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.core-biz-process-row.center > * {
  flex-shrink: 0;
}
.core-biz-process-row.center > .item .item-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 456px;
  height: 100%;
  padding: 27px 56px 27px 37px;
  border: 2px solid #2B4B7E;
  text-align: left;
}
.core-biz-process-row.center > .item .item-inner > .help-txt {
  left: 0;
  bottom: -45px;
}
.core-biz-process-row.center > .arrow {
  position: absolute;
  top: 50%;
  left: 456px;
  transform: translateY(-50%);
  display: inline-block;
  width: 240px;
  height: 253px;
  padding: 0 15px 0 22px;
  background: url("/resource/www/img/img_manporwer_arrow.png") no-repeat center/calc(100% - 15px - 22px);
}
.core-biz-process-row.center > .box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 406px;
}
.core-biz-process-row.center > .box > .item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-ccc);
  font-family: "Paperlogy";
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #0084FF;
}
.core-biz-process-row.center > .item > .item-inner, .core-biz-process-row.center > .box > .item {
  border-radius: 8px;
  overflow: hidden;
}
.core-biz-process-row.bottom {
  display: flex;
  align-items: stretch;
  gap: 16px;
}
.core-biz-process-row.bottom .item {
  width: 20%;
  padding: 18px 10px;
  background: #EFF1FB;
  border: 2px solid #A5B1EC;
  border-radius: 30px 5px;
  font-family: "Paperlogy";
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  text-align: center;
  color: #304E86;
}
.core-biz-process-text {
  width: 711px;
  text-align: center;
}
.core-biz-process-text .title {
  font-family: "Paperlogy";
  font-weight: 600;
  font-size: 23px;
  line-height: 27px;
  color: #304E86;
}
.core-biz-process-text .txt {
  font-family: "Paperlogy";
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #353535;
}
.core-biz-process-text.top {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 711/172;
  margin: 18px auto 40px;
  z-index: -1;
  background: url("/resource/www/img/bg-core-biz-process-arrw.png") no-repeat center/contain;
}
.core-biz-process-text.top .title {
  margin-bottom: 23px;
}
.core-biz-process-text.bottom {
  position: relative;
  aspect-ratio: 711/186;
  margin: 32px auto 18px;
}
.core-biz-process-text.bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(-1);
  display: block;
  width: 100%;
  height: 100%;
  background: url("/resource/www/img/bg-core-biz-process-arrw.png") no-repeat center/contain;
}
.core-biz-process-text.bottom .title {
  margin-top: 23px;
}
.core-biz-button {
  width: 297px;
  margin: 120px auto 0;
}

.cert-apply-btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.cert-apply-btn-group.radio-wrap input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 165px;
  border-radius: 8px;
  border: 2px solid var(--color-ccc);
  padding-left: 0;
  padding: 23px 8px 24px 8px;
}
.cert-apply-btn-group.radio-wrap input[type=radio] + label::before, .cert-apply-btn-group.radio-wrap input[type=radio] + label::after {
  display: none;
}
.cert-apply-btn-group.radio-wrap input[type=radio] + label > span {
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 500;
}
.cert-apply-btn-group.radio-wrap input[type=radio] + label > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border: 1px solid var(--color-ccc);
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
}
.cert-apply-btn-group.radio-wrap input[type=radio] + label > span::after {
  display: inline-block;
  position: absolute;
  left: 4px;
  top: 6px;
  width: 14px;
  height: 14px;
  background: #3B9DF8;
  border-radius: 50%;
  z-index: 2;
}
.cert-apply-btn-group.radio-wrap input[type=radio]:checked + label {
  border-color: #457F20;
}
.cert-apply-btn-group.radio-wrap input[type=radio]:checked + label > span {
  font-weight: 700;
  color: #457F20;
}
.cert-apply-btn-group.radio-wrap input[type=radio]:checked + label > span::after {
  content: "";
}
.cert-apply-btn-group .radio-item {
  padding: 0;
}
.cert-apply-cta {
  max-width: 187px;
  margin: 72px auto 0;
}
.cert-apply-cta .d-btn {
  width: 100%;
}
.cert-apply-ex-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
}
.cert-apply-ex-img {
  width: 200px;
  aspect-ratio: 200/282;
}
.cert-apply-ex-img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.expert-apply-top {
  display: flex;
  align-items: stretch;
  padding: 28px 10px 28px 53px;
}
.expert-apply-top-title {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 25px;
  font-family: "Paperlogy";
  font-weight: 600;
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  color: #457F20;
  white-space: nowrap;
  word-break: keep-all;
}
.expert-apply-top-title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: var(--color-ccc);
}
.expert-apply-top .dot-text-list {
  padding-left: 36px;
}
.expert-apply-ex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
}
.expert-apply-ex-img {
  width: 200px;
  aspect-ratio: 200/282;
  border: 1px solid var(--color-ccc);
}
.expert-apply-process {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 18px;
}
.expert-apply-process .item {
  display: flex;
  align-items: center;
  width: 33.3333333333%;
  padding: 18px 10px 18px 74px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--color-ccc);
}
.expert-apply-process .item.form .icon {
  background: url("/resource/www/img/img-expert-apply-icon01.png") no-repeat center/contain;
}
.expert-apply-process .item.expert .icon {
  background: url("/resource/www/img/img-expert-apply-icon02.png") no-repeat center/contain;
}
.expert-apply-process .item.send .icon {
  background: url("/resource/www/img/img-expert-apply-icon03.png") no-repeat center/contain;
}
.expert-apply-process .item + .arrow {
  display: inline-block;
  width: 25px;
  background: url("/resource/www/img/img-expert-apply-arrow.png") no-repeat center/contain;
}
.expert-apply-process .item > .icon {
  flex-shrink: 0;
  display: inline-block;
  width: 70px;
  aspect-ratio: 1/1;
  margin-right: 32px;
  background-color: pink;
}
.expert-apply-process .item > .tit {
  font-family: "Paperlogy";
  font-weight: 600;
  font-size: 17px;
  line-height: 27px;
  letter-spacing: -0.03em;
  color: #2D2D2D;
}

/* 분과위원회 공통 */
.division-committee-tab-division {
  margin-bottom: 40px;
}
.division-committee-tab-division .d-tab-wrap.type1 .d-tab-link {
  min-width: 300px;
  /* font-size: 26px; */
}
.division-committee-tab-active {
  border: 1px solid var(--color-ccc);
}
.division-committee-tab-active > .inner {
  display: flex;
  align-items: stretch;
  gap: 2.591%;
  padding: 0 3.142% 1.714%;
}
.division-committee-tab-active > .title {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 12px;
  border-radius: 15px 0px 30px 0px;
  background-color: var(--blue-color);
  font-size: 22px;
  color: var(--white-color);
}
.division-committee-tab-active .tab-active-group > .d-tab-wrap {
  margin-bottom: 24px;
}
.division-committee-tab-active .tab-active-img {
  flex-shrink: 0;
  width: 160px;
}
.division-committee-tab-active .tab-active-img > p {
  margin-top: 4px;
  font-size: 18px;
  line-height: 1.78;
  font-weight: 500;
  text-align: center;
}
.division-committee-tab-active .tab-active-img > .img-box {
  width: 100%;
  padding-top: 125.25%;
}
.division-committee-tab-active .d-tab-wrap.type2 .d-tab-link, .division-committee-tab-active .dot-text-list.type2 > li {
  /* font-size: 20px; */
}
.division-committee-text-wrap p {
  line-height: 1.4;
  font-weight: 400;
  text-align: center;
}

/* Org-Member */
.org-member-filter {
  margin-bottom: 60px;
}

.org-member-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, 324px);
  gap: 34px;
}
.org-member-row ~ .org-member-row {
  margin-top: 34px;
}
.org-member-card {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 22px;
  border-radius: 10px;
  border: 1px solid var(--color-ccc);
  position: relative;
  transition: all 0.35s cubic-bezier(0.5, 0.24, 0, 1);
}
.org-member-card::before, .org-member-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 0%;
  height: 1px;
  transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
}
.org-member-card::before {
  left: 0px;
  bottom: 0px;
  background: var(--green-color);
  box-shadow: inset 0px 0px 0px var(--green-color);
}
.org-member-card::after {
  content: "";
  right: 0px;
  top: 0px;
  background: var(--green-color);
}
.org-member-card:hover {
  border-radius: 0;
  border-left: 1px solid var(--green-color);
  border-right: 1px solid var(--green-color);
}
.org-member-card:hover::before, .org-member-card:hover::after {
  width: 100%;
}
.org-member-card-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.org-member-card-img {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  font-size: 0;
  line-height: 80px;
  text-align: center;
}
.org-member-card-img img {
  max-height: 100%;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
}
.org-member-card-txt {
  padding: 16px 12px 14px;
  margin-top: 16px;
  border-top: 1px solid var(--color-ccc);
}
.org-member-card-txt .title {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 500;
}
.org-member-card-txt .sub {
  display: -webkit-box;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #bcbcbc;
}
.org-member-card-btn {
  display: flex;
  gap: 12px;
}
.org-member-card-btn > a {
  flex: 1;
  padding: 10px 0;
  border-radius: 4px;
  border: 1px solid var(--color-d9);
  text-align: center;
}
.org-member-card-btn > a:hover {
  background-color: #EFEFEF;
  transition: var(--duration-sm);
}
.org-member-card-btn > a > i {
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.org-member-card-btn .download-btn:hover > i {
  animation: politeDownload 0.6s both;
}
.org-member-card-btn .move-btn > i {
  color: #3766FF;
}
.org-member-card-btn .move-btn:hover > i {
  animation: politeExternal 0.4s forwards;
}
.org-member-link-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  height: 95px;
  border-radius: 10px;
  border: 1px solid var(--color-ccc);
  padding: 0 65px 0 82px;
}
.org-member-link-item ~ .org-member-link-item {
  margin-top: 16px;
}
.org-member-link-group {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4.428%;
}
.org-member-link-img {
  width: 211px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.org-member-link-img > img {
  max-height: 100%;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
}
.org-member-link-txt .title {
  line-height: 1.5;
  color: #767676;
}
.org-member-link-btn {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.org-member-link-btn > i {
  display: inline-block;
  margin-left: 14px;
}

/* Member Card */
.member-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc((100% - 60px) / 3));
  gap: 30px;
}
.member-card-item {
  min-height: 132px;
}
.member-card-inner {
  height: 100%;
  padding: 36px 33px 28px;
  border-radius: 15px;
  border: 1px solid var(--color-ccc);
  background: var(--white-color);
}
.member-card-company {
  position: relative;
  padding-left: 10px;
  font-size: 20px;
  font-weight: 500;
  color: var(--blue-color);
}
.member-card-company::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--black-color);
}
.member-card-name {
  padding-left: 10px;
  margin-top: 18px;
  font-size: 20px;
  font-weight: 500;
  color: var(--sub2-color);
}
.member-card-ctrl {
  margin-top: 55px;
  text-align: center;
}
.member-card-ctrl .more-button {
  font-size: 22px;
  font-weight: 500;
  color: var(--black-color);
  border: none;
  background: transparent;
}
.member-card-ctrl .more-button i {
  margin-left: 7px;
  font-size: 24px;
}

/* Directions */
.directions-map {
  aspect-ratio: 1400/506;
  border-radius: 15px;
  overflow: hidden;
}
.directions-map .root_daum_roughmap {
  width: 100% !important;
  height: 100% !important;
}
.directions-map .root_daum_roughmap .wrap_map {
  height: 100%;
}
.directions-map .root_daum_roughmap .map_border,
.directions-map .root_daum_roughmap .wrap_controllers,
.directions-map .root_daum_roughmap .cont {
  display: none !important;
}
.directions-content {
  margin-top: 78px;
}
.directions-content-row {
  display: flex;
  align-items: flex-start;
}
.directions-content-row ~ .directions-content-row {
  margin-top: 9px;
}
.directions-content-col {
  flex: 1;
  display: flex;
  align-items: baseline;
}
.directions-content-title {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: 96px;
  padding: 11px 0 9px;
  background: var(--blue-color);
  border-radius: 25px;
  font-size: 17px;
  font-weight: 500;
  color: var(--white-color);
  text-align: center;
}
.directions-content-title i {
  margin-right: 6px;
}
.directions-content-text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 19px;
  font-size: 17px;
  font-weight: 500;
  color: var(--black-color);
}

/* Tech-Support */
.tech-support-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
}
.tech-support-card {
  width: calc((100% - 60px) / 3);
  padding: 16px 16px 34px 16px;
  border: 1px solid var(--color-ccc);
  border-radius: 15px;
  position: relative;
  transition: all 0.35s cubic-bezier(0.5, 0.24, 0, 1);
}
.tech-support-card::before, .tech-support-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 0%;
  height: 1px;
  transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
}
.tech-support-card::before {
  left: 0px;
  bottom: 0px;
  background: var(--green-color);
  box-shadow: inset 0px 0px 0px var(--green-color);
}
.tech-support-card::after {
  content: "";
  right: 0px;
  top: 0px;
  background: var(--green-color);
}
.tech-support-card:hover {
  border-radius: 0;
  border-left: 1px solid var(--green-color);
  border-right: 1px solid var(--green-color);
}
.tech-support-card:hover::before, .tech-support-card:hover::after {
  width: 100%;
}
.tech-support-card-group {
  padding-left: 8px;
}
.tech-support-card-group.group-head {
  display: flex;
  align-items: center;
  text-align: center;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--color-ccc);
}
.tech-support-card-group.group-head .group-head-box {
  flex: 1;
  display: flex;
  text-align: center;
}
.tech-support-card-group.group-head .group-head-box .title {
  position: relative;
  padding-left: 16px;
  margin-right: 14px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--blue-color);
}
.tech-support-card-group.group-head .group-head-box .title::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  display: block;
  width: 4px;
  height: 4px;
  background: var(--black-color);
  border-radius: 50%;
}
.tech-support-card-group.group-head .group-head-box .sub {
  flex: 1;
  padding-right: 4px;
  font-size: 16px;
  line-height: 1.56;
  text-align: left;
  color: #B6B6B6;
}
.tech-support-card-group.group-body {
  padding-top: 20px;
}
.tech-support-card-group.group-body .group-body-row {
  display: flex;
  align-items: baseline;
}
.tech-support-card-group.group-body .group-body-row ~ .group-body-row {
  margin-top: 12px;
}
.tech-support-card-group.group-body .title, .tech-support-card-group.group-body .txt {
  display: inline-block;
  word-break: keep-all;
}
.tech-support-card-group.group-body .title {
  width: 92px;
  padding: 6px 0;
  border-radius: 4px;
  background-color: #DBE3FF;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: #3852AB;
}
.tech-support-card-group.group-body .txt {
  width: calc(100% - 92px - 10px);
  margin-left: 10px;
  font-size: 17px;
  font-weight: 500;
}
.tech-support-card-btn {
  padding: 10px 16px;
  border-radius: 4px;
  border: 1px solid var(--color-d9);
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  transition: var(--duration-sm);
}
.tech-support-card-btn:hover {
  background-color: #F7F8FA;
}
.tech-support-filter {
  padding: 40px 152px 50px;
  background-color: #F8F8F8;
}
.tech-support-filter-group {
  display: flex;
  align-items: flex-start;
}
.tech-support-filter-group ~ .tech-support-filter-group {
  margin-top: 16px;
}
.tech-support-filter-group .filter-title {
  flex-shrink: 0;
  width: 214px;
  padding: 0 17px;
}
.tech-support-filter-group .filter-title > li > .text {
  font-family: "Paperlogy";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.tech-support-filter-group .filter-row .check-wrap {
  margin-top: -7px;
}
.tech-support-filter-group .check-wrap input[type=checkbox] + label:before {
  background: var(--white-color);
}
.tech-support-filter .accordion {
  width: 100%;
  max-width: 1105px;
  margin: 0 auto;
}
.tech-support-filter .accordion .accordion-item ~ .accordion-item {
  margin-top: 8px;
}
.tech-support-filter .accordion .accordion-item input {
  display: none;
}
.tech-support-filter .accordion .accordion-item input:checked + .accordion-title .accordion-arrow {
  transform: rotate(180deg);
}
.tech-support-filter .accordion .accordion-item input:checked + .accordion-title + .accordion-content {
  grid-template-rows: 1fr;
}
.tech-support-filter .accordion .accordion-item input:checked + .accordion-title + .accordion-content .accordion-inner {
  opacity: 1;
  transform: translateY(0);
  padding-top: 20px;
  padding: 10px 0 28px;
  transition-delay: 0.05s;
}
.tech-support-filter .accordion .accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 47px;
  padding: 0 20px 0 21px;
  border-radius: 3px;
  border: 1px solid #c8c8c8;
  background-color: var(--white-color);
  cursor: pointer;
}
.tech-support-filter .accordion .accordion-title > .tit {
  font-family: "Paperlogy";
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -0.03em;
  color: var(--darkgreen-color);
}
.tech-support-filter .accordion .accordion-title > .txt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Paperlogy";
  font-size: 15px;
  letter-spacing: -0.03em;
}
.tech-support-filter .accordion .accordion-arrow {
  width: 16px;
  height: 16px;
  background: url("/resource/www/img/img-accordian-arrow.jpg") no-repeat center/9px;
  transform: rotate(0deg);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tech-support-filter .accordion .accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.tech-support-filter .accordion .accordion-inner {
  min-height: 0;
  padding: 0 20px;
  opacity: 0;
  transform: translateY(-8px);
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  overflow: hidden;
  transition: opacity 0.25s ease, transform 0.3s ease, padding-top 0.3s ease, padding-bottom 0.3s ease;
}

.commu { /* 언론, 웹진, 뉴스레터, 동향보고서, 행사일정 공통 레이아웃 */ }
.commu-list {
  border-top: 2px solid var(--black-color);
}
.commu-item {
  display: flex;
  align-items: center;
  gap: 46px;
  padding: 30px 34px 30px 22px;
  transition: var(--duration-sm);
  border-bottom: 1px solid var(--color-ccc);
}
.commu-item:hover {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
}
.commu-item:hover .commu-item-caption-txt .title {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.commu-item:hover .commu-item-thum > img {
  transform: scale(1.02);
}
.commu-item-link {
  flex: 1;
  display: flex;
  align-items: stretch;
  gap: 30px;
  min-width: 0;
}
.commu-item-thum {
  font-size: 0;
  border: 1px solid var(--color-ccc);
  overflow: hidden;
}
.commu-item-thum.horizen {
  width: 350px;
  aspect-ratio: 350/190;
}
.commu-item-thum.vertical {
  width: 181px;
  aspect-ratio: 181/260;
}
.commu-item-thum.vertical > img {
  height: 100%;
}
.commu-item-thum img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
}
.commu-item-caption {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
.commu-item-caption-txt > .row:has(.title) {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  max-width: 100%;
  margin-bottom: 18px;
}
.commu-item-caption-txt > .row:has(.title) > .title {
  min-width: 0;
}
.commu-item-caption-txt > .row:has(.title) > i {
  flex-shrink: 0;
  font-size: 17px;
  color: #3766FF;
}
.commu-item-caption-txt > .row:has(.category) {
  margin-bottom: 22px;
}
.commu-item-caption-txt .title {
  font-size: 18px;
  font-weight: 500;
  transition: var(--duration-sm);
}
.commu-item-caption-txt .txt {
  font-size: 15px;
  font-weight: 400;
  color: #717171;
}
.commu-item-caption-meta {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 4px 0;
}
.commu-item-caption-meta .txt {
  font-size: 15px;
  color: #717171;
}
.commu-item-caption-meta .txt:has(small) {
  display: flex;
  align-items: center;
}
.commu-item-caption-meta .txt ~ .txt::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  margin-right: 18px;
  margin-bottom: -3px;
  background-color: #ccc;
}
.commu-item-caption-meta .txt > span {
  font-size: 15px;
}
.commu-item-caption-meta .txt > span ~ span {
  margin-left: 6px;
}
.commu-item-action {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.commu-item-action .download-btn, .commu-item-action .view-btn, .commu-item-action .application-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 99px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-radius: 10px;
  overflow: hidden;
  font-size: 17px;
  color: #fff;
  transition: var(--duration-sm);
}
.commu-item-action .download-btn i[class^=ri-], .commu-item-action .view-btn i[class^=ri-], .commu-item-action .application-btn i[class^=ri-] {
  margin-top: 7px;
  font-size: 19px;
}
.commu-item-action .download-btn:hover, .commu-item-action .view-btn:hover, .commu-item-action .application-btn:hover {
  color: var(--white-color);
}
.commu-item-action .download-btn, .commu-item-action .application-btn {
  border-color: var(--darkgreen-color);
  color: var(--darkgreen-color);
}
.commu-item-action .download-btn:hover, .commu-item-action .application-btn:hover {
  background-color: var(--darkgreen-color);
}
.commu-item-action .view-btn {
  border-color: var(--blue-color);
  color: var(--blue-color);
}
.commu-item-action .view-btn:hover {
  background-color: var(--blue-color);
}

/* Promo-Gal */
.promo-gal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.promo-gal-card {
  width: calc((100% - 128px) / 3);
  transition: all var(--duration-md);
}
.promo-gal-card:hover .promo-gal-card-link.thum {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.promo-gal-card:hover .promo-gal-card-link.thum .thum-over {
  opacity: 1;
}
.promo-gal-card:hover .promo-gal-card-link.thum img {
  transform: scale(1.06);
}
.promo-gal-card:hover .promo-gal-card-link.caption p {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.promo-gal-card-link {
  display: inline-block;
  width: 100%;
}
.promo-gal-card-link.thum {
  position: relative;
  margin-bottom: 36px;
  border-radius: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
  font-size: 0;
}
.promo-gal-card-link.thum .thum-over, .promo-gal-card-link.thum > img {
  aspect-ratio: 425/312;
}
.promo-gal-card-link.thum .thum-over {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  background: linear-gradient(180deg, rgba(130, 188, 94, 0.7) 0%, rgba(67, 97, 48, 0.7) 49%, rgba(0, 0, 0, 0.7) 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-md) ease;
}
.promo-gal-card-link.thum .thum-over-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  font-size: 17px;
  font-weight: 500;
  color: var(--white-color);
  transition: var(--duration-md);
}
.promo-gal-card-link.thum .thum-over-text::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  background: url("/resource/www/img/ico_plus_wh.png") no-repeat center/contain;
}
.promo-gal-card-link.thum > img {
  width: 100%;
  transition: transform 0.3s ease;
}
.promo-gal-card-title {
  height: 2.335em;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 500;
}
.promo-gal-card-sub {
  display: inline-block;
  margin-top: 13px;
  font-weight: 400;
  color: var(--color-777);
}
.promo-gal-pop-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-ccc);
  height: 84px;
  padding-top: 5px;
}
.promo-gal-pop-body {
  padding: 52px 0;
}
.promo-gal-pop-body .gall-video {position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 10px;}
.promo-gal-pop-body .gall-video iframe {width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; pointer-events: auto;}
.promo-gal-pop-title {
  flex-shrink: 0;
  width: calc(100% - 193px - 40px);
  margin-bottom: 0;
  word-break: keep-all;
}
.promo-gal-pop-meta {
  font-size: 15px;
  font-weight: 400;
  color: #717171;
}
.promo-gal-pop-meta span ~ span {
  margin-left: 18px;
}
.promo-gal-pop-meta span ~ span::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  margin-right: 18px;
  margin-bottom: -3px;
  background-color: var(--color-ccc);
}
.promo-gal-pop-meta span > span {
  margin-left: 8px;
}

/*  커뮤니티  */
/* News-Article */
.news-article-link:hover .news-article-thum::after {
  opacity: 1;
}
.news-article-thum {
  position: relative;
}
.news-article-thum::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 3px solid var(--green-color);
  box-sizing: border-box;
  opacity: 0;
  transition: var(--duration-xs);
}

/* Webzine-Sub */
.webzine-sub-item-caption {
  padding: 2px 0 7px;
}
.webzine-sub-category.category {
  display: inline-block;
  background: #DBF5FF;
  color: #12BAC3;
  border: 0;
}

/* News-Letter */
.news-letter-item-caption {
  padding: 15px 0 12px;
}

/* regulations */
.regs-item {
  border-radius: 15px;
  border: 1px solid var(--color-ccc);
  transition: var(--duration-md);
}
.regs-item ~ .regs-item {
  margin-top: 32px;
}
.regs-item:has(.regs-btn:hover) {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
}
.regs-item:has(.regs-btn:hover) .regs-head .title {
  color: var(--darkgreen-color);
}
.regs-head {
  padding: 23px 0 21px 32px;
  border-bottom: 1px solid var(--color-ccc);
}
.regs-head .title {
  font-size: 20px;
  font-weight: 600;
  transition: var(--duration-md);
}
.regs-body {
  display: flex;
  align-items: flex-start;
  gap: 46px;
  padding: 23px 51px 25px 39px;
}
.regs-thum {
  flex-shrink: 0;
  width: 219px;
  aspect-ratio: 219/293;
  padding: 22px 24px;
  border: 1px solid var(--color-ccc);
  font-size: 0;
}
.regs-thum > .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.regs-caption {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.regs-caption .txt {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.47;
  color: #353535;
}
.regs-btn {
  align-self: start;
  padding: 12px 27px;
  border-radius: 3px;
  border: 1px solid var(--color-ccc);
  font-size: 16px;
  font-weight: 600;
  word-break: keep-all;
  color: var(--blue-color);
  transition: var(--duration-md);
}
.regs-btn > i {
  margin-left: 5px;
}
.regs-btn:hover {
  background-color: var(--blue-color);
  color: var(--white-color);
}

/* Report-Sub */
.report-sub-caption {
  padding: 31px 0 53px;
}
.report-sub-caption .commu-item-caption-txt .row {
  position: relative;
  padding-top: 16px;
}
.report-sub-caption .commu-item-caption-txt .row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: var(--darkgreen-color);
}

/* qna */
.qna-write-block.write-wrap.small .qna-write-form {
  padding: 28px 100px 64px;
}
.qna-write-block.write-wrap.small .qna-write-form .board-write-content {
  padding-bottom: 16px;
}
.qna-write-block .board-write-form:not(.qna-write-form) .board-write-row:last-child {
  border-bottom: 0;
}
.qna-write-form > .board-write-row {
  border-bottom: 0;
}

/*  행사안내  */
/* Event Calendar */
.event-calendar-body {
  margin-top: 12px;
}
.event-calendar-nav {
  text-align: center;
}
.event-calendar-nav #currentYear {
  display: inline-block;
  vertical-align: middle;
  margin: 0 23px;
  font-size: 25px;
  font-weight: 700;
  color: var(--black-color);
}
.event-calendar-nav-button {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: transparent;
  text-align: center;
  border: none;
}
.event-calendar-nav-button i {
  font-size: 24px;
}
.event-calendar-tabs {
  margin-top: 17px;
  text-align: center;
  font-size: 0;
}
.event-calendar-tabs button {
  min-width: 80px;
  padding: 7px 10px;
  border: none;
  border-radius: 30px;
  background: var(--white-color);
  font-size: 18px;
  font-weight: 400;
  color: var(--black-color);
  cursor: pointer;
}
.event-calendar-tabs button ~ button {
  margin-left: 25px;
}
.event-calendar-tabs button.active {
  background: var(--green-color);
  color: var(--white-color);
  font-weight: 700;
}
.event-calendar-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 85px;
  margin-top: 50px;
}
.event-calendar-legend {
  margin: 0 -27px;
}
.event-calendar-legend-item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 27px;
}
.event-calendar-legend-item p {
  position: relative;
  padding-left: 20px;
  font-size: 17px;
  font-weight: 600;
  color: var(--black-color);
  line-height: 1.5;
}
.event-calendar-legend-item p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 48px;
}
.event-calendar-legend-item.exchange p::before {
  background: #7D5EBC;
}
.event-calendar-legend-item.global p::before {
  background: #82BC5E;
}
.event-calendar-legend-item.workshop p::before {
  background: #3687FF;
}
.event-calendar-legend-item.general p::before {
  background: #DE1B80;
}
.event-calendar-legend-item.etc p::before {
  background: #FFB143;
}
.event-calendar-box {
  display: flex;
  align-items: stretch;
  border-radius: 15px;
  border: 1px solid var(--color-ccc);
  overflow: hidden;
}
.event-calendar-list-title {
  flex: 0 0 60px;
  padding: 20px;
  background: var(--blue-color);
  font-size: 18px;
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
}
.event-calendar-list-contents {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 0 19px;
}
.event-calendar-item {
  padding: 19px 5px 28px;
  cursor: pointer;
}
.event-calendar-item ~ .event-calendar-item {
  border-top: 1px solid #C3D9F4;
}
.event-calendar-date {
  font-size: 17px;
  font-weight: 600;
  color: var(--black-color);
  line-height: 1.5;
}
.event-calendar-name {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 400;
  color: var(--sub2-color);
}

/* Event-List */
.event-card-item-caption {
  padding: 11px 0 25px;
}
.event-card-item-caption-meta {
  flex-direction: column;
  align-items: unset;
  gap: 8px;
  padding: 0;
}
.event-card-item-caption-meta .txt {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.event-card-item-caption-meta .txt ~ .txt::before {
  display: none;
}
.event-card-item-caption-meta .txt span:not(.tit) {
  flex: 1;
  min-width: 0;
  font-size: 17px;
  font-weight: 400;
  word-break: break-all;
  overflow-wrap: break-word;
}
.event-card-item-caption-meta .txt .tit {
  flex-shrink: 0;
  flex-grow: 0;
  padding: 4px 12px;
  border-radius: 100px;
  background-color: #f4f4f4;
  border: 1px solid #82BC5E;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--darkgreen-color);
}
.event-card-item-thum {
  width: 430px;
  aspect-ratio: 430/230;
}
.event-card-category.category, .event-card-badge.category {
  border: 0;
  background: transparent;
}
.event-card-category.category {
  padding: 0;
  border-radius: 0;
  color: #0084FF;
}
.event-card-category.category::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}
.event-card-category.category.exchange::before {
  background: #7D5EBC;
}
.event-card-category.category.global::before {
  background-color: var(--green-color);
}
.event-card-category.category.workshop::before {
  background: #3687FF;
}
.event-card-category.category.general::before {
  background: #DE1B80;
}
.event-card-category.category.etc::before {
  background-color: #FFB143;
}
.event-card-badge.category {
  margin-right: 0;
  border-radius: 100px;
  font-weight: 400;
}
.event-card-badge.category.ing {
  background: var(--darkgreen-color);
  color: #fff;
}
.event-card-badge.category.end {
  background: #f0f0f0;
  color: #979797;
}

/* Event-View */
.event-view .event-view-content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.event-view-info {
  margin-bottom: 70px;
  border: 10px solid var(--green-color);
}
.event-view-info .commu-item:hover {
  box-shadow: none;
}
.event-view-info .event-card-item-caption .row:has(.title) {
  display: flex;
}
.event-view-info .event-card-item-caption .title {
  display: inline;
  cursor: pointer;
}
.event-view-info .event-card-item-thum {
  display: flex;
  align-items: center;
}
.event-view-info .event-card-item-thum img {
  margin-bottom: 0;
}
.event-view-info .event-card-category.category {
  padding-left: 0;
}
.event-view-info .event-card-category.category::before {
  display: none;
}
.event-view-img {
  text-align: center;
}

#calendar {
  flex: 1;
  width: 65%;
  min-height: 0;
}
#calendar.fc .fc-toolbar.fc-header-toolbar {
  display: none;
}
#calendar.fc .fc-col-header-cell-cushion {
  padding: 20px 4px;
  font-size: 16px;
  font-weight: 600;
  color: var(--black-color);
}
#calendar.fc .fc-daygrid-day-top {
  flex-direction: row;
}
#calendar.fc .fc-daygrid-day-number {
  padding: 8px 10px 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
#calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 50px;
}
#calendar.fc .fc-daygrid-event {
  position: relative;
  margin: 3px 0 0;
  padding: 7px 10px 6px 20px;
  background: #3F3F3F;
  border-radius: 0;
  border: none;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
#calendar.fc .fc-daygrid-event::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
}
#calendar.fc .cat-exchange::before {
  background: #7D5EBC;
}
#calendar.fc .cat-global::before {
  background: #82BC5E;
}
#calendar.fc .cat-workshop::before {
  background: #3687FF;
}
#calendar.fc .cat-general::before {
  background: #DE1B80;
}
#calendar.fc .cat-etc::before {
  background: #FFB143;
}
#calendar.fc .fc-event-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#calendar.fc-theme-standard .fc-scrollgrid {
  border: none;
}
#calendar.fc-theme-standard th {
  border-left: none;
  border-right: none;
}
#calendar.fc-theme-standard td.fc-day-other {
  background: var(--color-f7);
}
#calendar.fc-theme-standard .fc-day-sat .fc-col-header-cell-cushion,
#calendar.fc-theme-standard .fc-day-sat .fc-daygrid-day-number {
  color: #2C7DFF;
}
#calendar.fc-theme-standard .fc-day-sun .fc-col-header-cell-cushion,
#calendar.fc-theme-standard .fc-day-sun .fc-daygrid-day-number {
  color: #E00000;
}

#eventList {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 35%;
  background: #f4f6f9;
}

/*  회원관련  */
/* Login */
.login-txt {
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 20px;
  color: var(--black-color);
  line-height: 1.75;
  text-align: center;
}
.login-input-box {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
}
.login-input-box [type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 100%;
  border-radius: 10px;
  border: none;
  background-color: var(--blue-color);
  font-weight: 500;
  font-size: 15px;
  color: var(--white-color);
}
.login-input {
  margin-bottom: 20px;
}
.login-input-li .d-input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--color-ccc);
}
.login-input-li.id .d-input {
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid transparent;
}
.login-input-li.pw .d-input {
  border-radius: 0 0 10px 10px;
}

.entry-box,
.new-find-head { /* New-Login, Find 공통 */
  width: 750px;
}

.entry-box {
  padding-left: 54px;
  padding-right: 54px;
  border-radius: 15px 15px 0px 0px;
  border: 1px solid var(--color-ccc);
  background-color: var(--white-color);
}
.entry-radio > .radio-item {
  padding-left: 14px;
  padding-right: 14px;
}
.entry-input .entry-input-item {
  position: relative;
}
.entry-input .entry-input-item ~ .entry-input-item {
  margin-top: 18px;
}
.entry-input .entry-input-item > .d-input {
  border-radius: 10px;
  border: 1px solid var(--color-ccc);
}
.entry-input .entry-input-item > [class^=ri-], .entry-input .entry-input-item [class*=" ri-"] {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 24px;
  color: #CDCFD1;
}
.entry-btn-main[type=submit] {
  height: 75px;
  background: linear-gradient(90deg, #82bc5e 59%, #003d97 100%);
  font-size: 25px;
  font-weight: bold;
}
.entry-txt {
  display: inline-block;
  width: 100%;
  text-align: center;
}

/* new-login */
.new-login-box {
  padding-top: 80px;
  padding-bottom: 94px;
}
.new-login-radio {
  margin: 0 -14px 15px;
}
.new-login-txt {
  margin-bottom: 44px;
}
.new-login-input {
  margin-bottom: 32px;
}
.new-login-input .entry-input-item {
  width: 100%;
}
.new-login-input .entry-input-item > .d-input {
  padding-left: 56px;
  padding-right: 57px;
}
.new-login-input .entry-input-item > [class^=ri-], .new-login-input .entry-input-item [class*=" ri-"] {
  font-size: 24px;
}
.new-login-input .entry-input-item .pw-toggle-btn {
  right: 23px;
}
.new-login-input .entry-input-item .pw-toggle-btn > i {
  font-size: 24px;
}
.new-login-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  margin: unset;
}
.new-login-link-group {
  display: inline-flex;
  align-items: center;
}
.new-login-link-group-item {
  padding: unset;
}
.new-login-link-group-item ~ .new-login-link-group-item::before {
  position: static;
  transform: none;
  display: inline-block;
  margin: 0 14px;
  vertical-align: middle;
}
.new-login-join {
  display: block;
  width: 332px;
  padding: 20px 0;
  margin: 42px auto 0;
  border-radius: 10px;
  border: 1px solid var(--color-ccc);
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.new-login-join > i {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
}

/* new-find */
.new-find-wrap {
  border-top: 0;
}
.new-find-head {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 68px;
  margin: 0 auto;
}
.new-find-head > button {
  flex: 1;
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: center;
  height: calc(100% + 20px);
  padding-top: 20px;
  background-color: #F8F8F8;
  border: 1px solid var(--color-ccc);
  border-radius: 15px 15px 0 0;
  font-size: 24px;
  font-weight: 600;
}
.new-find-head > button.active {
  background-color: var(--white-color);
}
.new-find-head > button.active::after {
  content: "";
  position: absolute;
  bottom: -10px;
  z-index: 10;
  width: calc(50% - 2px);
  height: 20px;
  background-color: #fff;
}
.new-find-head > button.head-left.active::after {
  left: 1px;
}
.new-find-head > button.head-left.active::after {
  right: 1px;
}
.new-find-head:has(.head-left > button.active) + .login-wrap .new-find-box {
  border-radius: 0 15px 0 0;
}
.new-find-head:has(.head-right > button.active) + .login-wrap .new-find-box {
  border-radius: 15px 0 0 0;
}
.new-find-box {
  position: relative;
  padding-top: 58px;
  padding-bottom: 82px;
  border: 1px solid var(--color-ccc);
}
.new-find-radio {
  margin: 0 -14px 50px;
}
.new-find-txt {
  margin-bottom: 64px;
}

.member-info-link-ul {
  padding-top: 16px;
  text-align: center;
}
.member-info-link-li {
  position: relative;
}
.member-info-link-li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background-color: var(--color-ccc);
}
.member-info-link-li:first-child::before {
  display: none;
}
.member-info-link-li a {
  font-weight: 500;
  font-size: 15px;
  color: var(--color-666);
}

.complete-t1 {
  padding-bottom: 42px;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  color: var(--black-color);
  line-height: 1.45;
}

/* Input */
.input-tel-ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.input-tel-li {
  font-weight: 500;
  font-size: 15px;
  color: var(--color-555);
}
.input-tel-li .d-input {
  width: 125px;
  min-width: auto;
  text-align: center;
}

.input-mail-ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.input-mail-li {
  font-weight: 500;
  font-size: 15px;
  color: var(--color-555);
}
.input-mail-li .d-input {
  width: 125px;
  min-width: auto;
  text-align: center;
}

/* Terms */
.terms-li ~ .terms-li {
  padding-top: 35px;
}
.terms-title {
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 22px;
  color: var(--black-color);
}
.terms-content-wr .txt-area {
  max-height: 134px;
  padding: 28px 42px;
  border: 1px solid var(--color-d9);
  font-weight: 400;
  font-size: 16px;
  color: var(--black-color);
  line-height: 1.56;
  overflow-y: auto;
}
.terms-radio-wrap {
  text-align: right;
  padding-top: 12px;
}
.terms-radio-wrap .radio-wrap_item {
  display: inline-block;
  vertical-align: middle;
}
.terms-radio-wrap .radio-wrap_item:not(:last-child) {
  margin-right: 20px;
}

/* Identification */
.identification-ul {
  margin: -21px;
}
.identification-li {
  vertical-align: top;
  padding: 21px;
}
.identification-li .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 266px;
  padding: 20px;
  border: 1px solid var(--color-d9);
  text-align: center;
}
.identification-li .t1 {
  font-weight: 600;
  font-size: 22px;
  color: var(--black-color);
}
.identification-li .t2 {
  padding: 33px 0;
  font-weight: 400;
  font-size: 18px;
  color: var(--black-color);
  line-height: 1.388;
}
.identification-li .btn {
  width: 220px;
  margin: 0 auto;
}

/* individual_join */
.indi-join-caution {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.fs-title {
  padding-bottom: 22px;
  font-weight: 600;
  font-size: 22px;
  color: var(--black-color);
}
.fs-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-top: 16px;
}

/* Modify & Withdrawal */
#modify_info .join-wrap {
  padding-top: 60px;
}

#withdrawal .join-wrap {
  padding-top: 60px;
}

.withdrawal-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 340px;
  padding: 20px;
  border: 1px solid var(--color-d9);
}
.withdrawal-box .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 101px;
  height: 101px;
  border-radius: 50%;
  background-color: var(--color-d9);
}
.withdrawal-box .icon img {
  margin-left: 5px;
}
.withdrawal-box .t1 {
  padding: 24px 0 32px;
  font-weight: 600;
  font-size: 22px;
  color: var(--black-color);
  line-height: 1.227;
}
.withdrawal-box .t2 {
  font-weight: 400;
  font-size: 20px;
  color: var(--black-color);
  line-height: 1.45;
  text-align: center;
}

/* Policy */
.policy-title {
  padding-bottom: 40px;
  font-weight: 700;
  font-size: 48px;
  color: var(--color-333);
}
.policy-inner ~ .policy-inner {
  padding-top: 60px;
}
.policy-inner .mrt {
  margin-top: 1.75em;
}
.policy-inner .pdl {
  padding-left: 10px;
}
.policy-inner b {
  font-weight: 700;
}
.policy-inner .dot {
  position: relative;
  padding-left: 10px;
}
.policy-inner .dot::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-333);
}
.policy-inner .bar {
  position: relative;
  padding-left: 10px;
}
.policy-inner .bar::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 5px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--color-333);
}
.policy-inner .poicy-text02.dot::before {
  background-color: var(--color-666);
}
.policy-inner .poicy-text02.bar::before {
  background-color: var(--color-666);
}
.policy-inner .link {
  text-decoration: underline;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.75;
}
.policy-inner .policy-text01 .link {
  color: var(--color-333);
}
.policy-inner .policy-text02 .link {
  color: var(--color-666);
}
.policy-tab {
  margin: -8px;
  font-size: 0;
}
.policy-tab-li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 8px;
}
.policy-tab-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
  padding: 0 24px;
  font-weight: 700;
  font-size: 20px;
  color: var(--black-color);
  border-bottom: 2px solid var(--blue-color);
  background-color: #D3DDF3;
  transition: 0.3s;
}
.policy-tab-btn:hover {
  background-color: var(--blue-color);
  color: var(--white-color);
}
.policy-title01 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 25px;
  color: var(--color-333);
  letter-spacing: -0.02em;
}
.policy-text01 {
  font-weight: 500;
  font-size: 16px;
  color: var(--color-333);
  line-height: 1.75;
}
.policy-text02 {
  font-weight: 500;
  font-size: 16px;
  color: var(--color-666);
  line-height: 1.75;
}

/* Term */
.term-wrap {
  padding-top: 60px;
  border-top: 1px solid var(--color-333);
}
.term-title {
  padding-bottom: 22px;
  font-weight: 600;
  font-size: 22px;
  color: var(--black-color);
}
.term-box {
  padding: 40px;
  border: 1px solid var(--color-d9);
  font-weight: 400;
  font-size: 16px;
  color: var(--black-color);
  line-height: 1.56;
}

/* Sitemap */
.sitemap-wrap {
  padding-top: 55px;
  border-top: 1px solid var(--color-333);
}
.sitemap-ul {
  margin: -27.5008px -17px;
}
.sitemap-li {
  vertical-align: top;
  padding: 27.5008px 17px;
}
.sitemap-box {
  display: flex;
  flex-direction: column;
  min-height: 327px;
  padding: 63px 38px;
  border: 1px solid var(--color-d9);
}
.sitemap-box.bg01 {
  background-color: var(--color-f5);
}
.sitemap-title {
  padding-bottom: 28px;
  font-weight: 600;
  font-size: 22px;
  color: var(--black-color);
}
.sitemap-list li a {
  font-weight: 400;
  font-size: 20px;
  color: var(--black-color);
  line-height: 1.45;
}

/* join-info */
.join-info-text-wrap {
  font-size: 24px;
  line-height: 1.16;
  color: #353535;
  text-align: center;
}
.join-info-text-wrap > .text-box {
  padding: 38px 0 34px;
  background: url(/resource/www/img/symbol.png) no-repeat right 18px bottom -12px/132px;
}
.join-info-text-wrap strong {
  color: var(--green-color);
}
.join-info-bubble {
  margin-top: 12px;
  text-align: left;
}
.join-info-benefit {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
.join-info-benefit .benefit-group {
  flex: 1;
  border-radius: 15px;
  border: 1px solid var(--color-ccc);
  text-align: left;
}
.join-info-benefit .benefit-group-title {
  display: inline-block;
  padding: 10px 68px;
  margin-bottom: 16px;
  border-radius: 15px 0px 30px;
  color: #fff;
}
.join-info-benefit .benefit-group:first-child .benefit-group-title {
  background-color: var(--green-color);
}
.join-info-benefit .benefit-group:last-child .benefit-group-title {
  background-color: var(--blue-color);
}
.join-info-benefit .benefit-box {
  width: 100%;
  padding: 0 40px 24px;
}
.join-info-benefit .benefit-box .color-green {
  color: var(--green-color);
}
.join-info-benefit .benefit-box .color-blue {
  color: var(--blue-color);
}
.join-info-online {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.join-info-online .online-group {
  display: flex;
  gap: 20px;
}
.join-info-online .online-group > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 259px;
  height: 73px;
  padding: 0 20px;
  border-radius: 8px;
  vertical-align: middle;
}
.join-info-online .online-group > a > i {
  font-size: 16px;
}
.join-info-online .online-group > a > span {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.join-info-online .online-group > a > span > i {
  font-size: 20px;
}
.join-info-online .online-group .move-personal {
  border: 1px solid #457F20;
}
.join-info-online .online-group .move-personal > span {
  color: #457F20;
}
.join-info-online .online-group .move-organ {
  border: 1px solid var(--blue-color);
}
.join-info-online .online-group .move-organ > span {
  color: var(--blue-color);
}
.join-info-online-text {
  margin-top: 12px;
  margin-left: 14px;
}
.join-info-online-text::before {
  background: url(/resource/www/img/ico_info_blue.png) no-repeat center center/contain;
}
.join-info-online-text > p {
  color: #0084FF;
}

/* 신청서 저장 */
@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .header,
  .footer,
  .fullmenu,
  .sub-menu,
  .agree-wrap,
  .btn-wrap,
  .s-title,
  .board-write-head,
  .board-write-buttons {
    display: none !important;
  }
  #sub,
  .sub-contents,
  .container,
  .board-write-inner {
    padding: 0 !important;
  }
  .board-write-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0;
    border-color: transparent;
  }
  .board-write-form .pw-toggle-block .d-input, .board-write-form .file-wrap {
    width: 100% !important;
  }
  body {
    background: white !important;
  }
  @page {
    margin: 12mm;
  }
}

/* 2026-07-27 추가 레이아웃 { */
.member-intro-box {padding: 13px; border-radius: 20px; background: url('/resource/www/img/member-intro-box-bg.png') no-repeat center/cover; margin-bottom: 50px;}
.member-intro-box-inner {border-radius: 20px; background-color: rgba(255,255,255,0.26); backdrop-filter: blur(1.8px); border: 1px solid var(--white-color); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 76px 30px 90px;}
.member-intro-box-inner .t1 {font-weight: 600; font-size: 24px; color: #242486;}
.member-intro-box-inner .t2 {font-weight: 500; font-size: 38px; color: var(--black-color); line-height: 1.447; margin: 20px 0 70px;}
.member-intro-box-inner .t2 span {font-weight: 600; color: #002CDC;}

.member-intro-list {display: flex; align-items: center; justify-content: center;}
.member-intro-item {display: flex; align-items: center; padding-left: 26px; padding-right: 40px;}
.member-intro-item ~ .member-intro-item {border-left: 1px solid rgba(70,148,224,.42);}
.member-intro-icon {display: flex; align-items: center; justify-content: center; width: 75px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: var(--white-color);}
.member-intro-icon img {}
.member-intro-content {padding-left: 27px; text-align: left;}
.member-intro-content .title {font-weight: 500; font-size: 22px; color: var(--black-color);}
.member-intro-content .num {font-weight: 600; font-size: 25px; color: var(--black-color);}
.member-intro-content .num-inner {color: #002CDC; font-size: 40px;}

.member-partner-slider {margin-bottom: 50px; position: relative;}
.member-partner-slide {width: calc((100% - (13px * 4)) / 5); margin-right: 13px;}
.member-partner-slide:last-child {margin-right: 0;}
.member-partner-img {display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-ccc); border-radius: 8px; padding: 11.5px;}
.member-partner-img img {}

.swiper-ctrl.type2.member-partner-ctr .swiper-prev-button {left: -20px;}
.swiper-ctrl.type2.member-partner-ctr .swiper-next-button {right: -20px;}
/* } 2026-07-27 추가 레이아웃 */

/***************************************************************/
/**************************** 반응형 ****************************/
/***************************************************************/
@media screen and (max-width: 1600px) {
  /* Full Menu */
  .fullmenu-head {
    padding-top: 4.6875vw;
  }
  .fullmenu-body {
    height: calc(100vh - 4.6875vw - 37px);
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .fullmenu-item {
    padding-top: 5vw;
  }
  .quick-wrap {
    right: 16px;
  }
  /* Main */
  .main-visual-content::before {
    max-width: 100%;
  }
  .main-event-slider {
    width: calc(100% - 5.25vw - 100px - 5vw);
    max-width: unset;
  }
  .main-support {
    padding: 30px 5vw;
  }
  .main-business-head {
    flex-shrink: 0;
    padding: 28px 3.625vw 0 3.4722vw;
  }
  .main-business-body {
    width: 51.02%;
    padding: 1.75vw 30px 1.75vw 2.75vw;
  }
  .main-business-card-item {
    gap: 2.625vw;
  }
  .main-business-card-item .thum {
    flex-shrink: 0;
  }
  .main-business-move-set {
    gap: 2.3125vw;
  }
  .main-business-move-link {
    flex: 1;
    width: auto;
    padding: 0 2.125vw 0 2.625vw;
  }
  .main-business-move-link .tit {
    width: 157px;
    margin-right: 12px;
  }
  /* 분과위원회 공통 */
  .division-tech-slider, .division-edu-slider, .division-policy-slider, .division-fusion-slider {
    margin-top: 80px;
  }
  .division-tech-slide-ctr.full-slider-ctr, .division-edu-slide-ctr.full-slider-ctr, .division-policy-slide-ctr.full-slider-ctr, .division-fusion-slide-ctr.full-slider-ctr {
    bottom: calc(100% + 14px);
  }
}
@media screen and (max-width: 1440px) {
  :root {
    --organ-item-width: 229px;
  }
  /* Swiper Controls */
  .swiper-ctrl.type2 .swiper-prev-button {
    left: 1.5vw;
  }
  .swiper-ctrl.type2 .swiper-next-button {
    right: 1.5vw;
  }
  /* common */
  #main,
  #sub {
    padding-top: 140px;
  }
  .top-wrap {
    right: 30px;
  }
  .header-logo {
    width: 20%;
    min-width: 206px;
  }
  .header-menu {
    width: 56%;
  }
  .header-fullmenu-button {
    height: 3.4004vw;
    min-height: 40px;
    padding: 0 1.3194vw 0 1.8056vw;
    font-size: 16px;
    font-weight: 500;
  }
  .header-fullmenu-button i {
    width: 22px;
    height: 22px;
    margin-left: 1.625vw;
    background-size: 22px;
  }
  .fullmenu-item > a {
    padding-left: 0;
    font-size: clamp(28px, 2.2vw, 32px);
    text-align: center;
  }
  .fullmenu-depth2-item > a {
    font-size: clamp(16px, 1.25vw, 18px);
  }
  .gnb-item:hover a::after {
    width: 100%;
  }
  .gnb-item.is-current a::after {
    width: 100%;
  }
  .gnb-item > a {
    font-size: max(20px, 1.5961vw);
  }
  .gnb-depth1-view {
    padding: 30px 2.0833vw;
    padding-left: 0;
  }
  .gnb-depth1-title {
    font-size: 2.3611vw;
  }
  .gnb-depth2-list {
    padding: 18px 3.3333vw 32px;
  }
  .gnb-depth2-item {
    width: 35%;
  }
  .gnb-depth2-item > a {
    font-size: 19px;
  }
  /* Main */
  .main-common-title {
    font-size: 36px;
  }
  .main-section ~ .main-section:not(.gallery-section, .event-section) {
    margin-top: 80px;
  }
  .main-section .wrapper2 {
    padding-left: 0;
    padding-right: 0;
  }
  .main-section.visual-section .wrapper {
    justify-content: space-between;
    gap: 20px;
  }
  .main-visual {
    width: calc(100% - 120px);
  }
  .main-visual-title {
    font-size: 32px;
  }
  .main-sortcut {
    width: 120px;
  }
  .main-event-info-item {
    width: 100%;
  }
  .main-event-info-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .main-event-info-title {
    vertical-align: top;
  }
  .main-event-info-text {
    width: calc(100% - 45px - 12px);
  }
  .main-event-category-select p {
    font-size: 22px;
  }
  .main-event-slider {
    width: calc(100% - 1.25vw - 100px - 5vw);
  }
  .main-event-slider .swiper-slide:has(.no-data) {
    aspect-ratio: 437/129;
  }
  .main-support {
    display: flex;
    flex-direction: column;
  }
  .main-support::after {
    right: 5.4861vw;
  }
  .main-support-title {
    font-size: 32px;
  }
  .main-support-text {
    width: calc(100% - 70px - 12px);
  }
  .main-support-text > br {
    display: none;
  }
  .main-support-button {
    margin-top: auto;
  }
  .main-business-head {
    padding-right: 0;
  }
  .main-business-body {
    width: 55%;
    padding: 24px 24px 24px 2.75vw;
  }
  .main-business-card-item {
    gap: 24px;
  }
  .main-business-move-set {
    gap: 24px;
  }
  .main-business-move-link {
    flex-direction: column;
    padding: 24px 20px 24px 26px;
  }
  .main-business-move-link > .main-common-more {
    width: 42px;
    height: 42px;
  }
  .main-business-move-link .tit {
    margin-right: 0;
    font-size: 20px;
    text-align: center;
  }
  .main-webzine-title {
    font-size: 22px;
  }
  .main-newsletter-link {
    margin: 0 10px;
  }
  .main-report-link {
    display: flex;
    flex-direction: column;
  }
  .main-report-thumbnail > img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .main-notice-tab, .main-notice-contents {
    width: 100%;
  }
  .main-notice-tab-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 30px;
  }
  .main-notice-tab-item {
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
  }
  .main-notice-content {
    flex-wrap: wrap;
  }
  .main-notice-box {
    flex: unset;
    width: calc(50% - 13px);
  }
  .main-notice-ksba {
    top: 42px;
    right: 16px;
  }
  .main-partner-item {
    height: 90px;
    line-height: 90px;
    padding: 12px;
  }
  .main-partner-link {
    height: 100%;
  }
  .main-related-head {
    font-size: 22px;
  }
  /* Sub */
  .sub-contents {
    padding-top: 60px;
    padding-bottom: 140px;
  }
  .sub-section ~ .sub-section {
    margin-top: 60px;
  }
  .sub-menu-list {
    width: 100%;
  }
  .sub-menu-text {
    font-size: 18px;
  }
  .sub-title {
    width: 100%;
    font-size: 34px;
  }
  /* introduce */
  .introduce-group {
    padding-top: 1.3889vw;
  }
  .introduce-group .s-title {
    font-size: 26px;
  }
  .introduce-group-bottom {
    padding: 0 4.1016vw;
  }
  .introduce-group-bottom > strong {
    font-size: 20px;
  }
  .introduce-group-img {
    gap: 5.2083vw;
    padding: 0 2.5694vw 0 2.3611vw;
    margin-top: 11.3889vw;
  }
  /* Establishment */
  .est-purpose-group.label-group > .tit {
    padding: 23px 0;
    font-size: 23px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit {
    font-size: 20px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit::before {
    width: 60px;
    height: 60px;
  }
  .est-goal-area .icon-card-item > .tit {
    font-size: 20px;
  }
  .est-goal-area .icon-card-item > .tit::before {
    width: 60px;
    height: auto;
    aspect-ratio: 74/80;
  }
  .est-organ-area > li ~ li {
    margin-top: 54px;
  }
  .est-organ-group-1f .est-organ-box, .est-organ-group-2f .est-organ-box {
    font-size: 28px;
  }
  .est-organ-group-3f .est-organ-box {
    font-size: 22px;
  }
  .est-organ-group-1f .est-organ-box {
    width: 160px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .est-organ-group-2f .est-organ-box {
    min-height: unset;
    aspect-ratio: 290/82;
  }
  .est-organ-group-3f {
    gap: 77px;
  }
  .est-organ-group-3f .est-organ-box {
    min-height: unset;
    aspect-ratio: 290/76;
  }
  .est-organ-group-4f .est-organ-box {
    padding: 4px 12;
    min-height: 45px;
  }
  .est-organ-box {
    padding: 12px;
  }
  .est-organ-line-left::before {
    width: 77px;
  }
  .est-organ-line-btm::before {
    height: 54px;
  }
  .est-organ-line-top::before {
    height: 31px;
  }
  .est-organ-line-full {
    padding-top: 31px;
  }
  .est-history-title {
    font-size: 22px;
    margin-bottom: 5.3472vw;
  }
  .est-history-box-tit {
    font-size: 35px;
  }
  /* 주요사업 */
  .core-biz-tab {
    margin-bottom: 60px;
  }
  .core-biz-dot-text-list {
    margin-left: 2.7778vw;
  }
  .core-biz-system {
    width: 100%;
    max-width: 1053px;
  }
  .core-biz-system > .core-biz-system-row:nth-of-type(2) .core-biz-system-arrow {
    margin-top: 6.3194vw;
  }
  .core-biz-system-center {
    width: 15.2083vw;
    height: 15.2083vw;
  }
  .core-biz-system-center-inner {
    width: 14.8611vw;
    height: 14.8611vw;
  }
  .core-biz-system-center-inner .title {
    width: 12.9861vw;
    height: 12.9861vw;
    font-size: 28px;
  }
  .core-biz-process-row.top > .item .item-body {
    padding: 1.4583vw 10px 10px 3.4722vw;
  }
  .core-biz-process-row.center > .item {
    width: 41.45%;
  }
  .core-biz-process-row.center > .item .item-inner {
    width: 100%;
    padding: 1.875vw 3.8889vw 1.875vw 2.2222vw;
  }
  .core-biz-process-row.center > .box {
    width: 40.1%;
  }
  .core-biz-process-row.center > .arrow {
    left: 41.45%;
    width: 18.45%;
  }
  .core-biz-process-row.bottom .item {
    padding: 1.25vw 0.6944vw;
    font-size: 20px;
  }
  .core-biz-process-text.top .title, .core-biz-process-text.bottom .title {
    font-size: 21px;
  }
  .core-biz-button {
    margin: 8.3333vw auto 0;
  }
  .core-biz-button .d-btn {
    width: 100%;
    font-size: 20px;
  }
  /* 분과위원회 공통 */
  .division-tech-slide-ctr.full-slider-ctr, .division-edu-slide-ctr.full-slider-ctr, .division-policy-slide-ctr.full-slider-ctr, .division-fusion-slide-ctr.full-slider-ctr {
    bottom: calc(100% + 10px);
  }
  .division-committee-tab-division .d-tab-wrap.type1 .d-tab-list {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  }
  .division-committee-tab-division .d-tab-wrap.type1 .d-tab-link {
    min-width: unset;
    /* font-size: 23px; */
  }
  .division-committee-tab-active > .title {
    font-size: 20px;
  }
  .division-committee-tab-active > .inner {
    gap: 3.142%;
    padding: 0 80px 1.714% 3.142%;
  }
  .division-committee-tab-active .d-tab-wrap.type2 .d-tab-link, .division-committee-tab-active .dot-text-list.type2 > li {
    /* font-size: 19px; */
  }
  .division-committee-tab-active .dot-text-list.type2 > li {
    line-height: 1.6;
  }
  /* Directions */
  .directions-content-row {
    gap: 100px;
  }
  /* Org-Member */
  .tech-support-filter {
    margin-bottom: 20px;
  }
  .org-member-filter {
    margin-bottom: 0;
  }
  .org-member-row {
    grid-template-columns: repeat(auto-fit, calc((100% - 48px) / 3));
    gap: 24px;
  }
  .org-member-card-img {
    height: 70px;
    line-height: 70px;
  }
  .org-member-link-item {
    padding: 0 75px;
  }
  .org-member-link-img {
    height: auto;
    aspect-ratio: 211/34;
    line-height: unset;
  }
  .member-card-list {
    grid-template-columns: repeat(auto-fit, calc((100% - 48px) / 3));
    gap: 24px;
  }
  .member-card-item {
    min-height: 128px;
  }
  .member-card-inner {
    padding: 30px 27px 24px;
  }
  .member-card-name {
    margin-top: 16px;
  }
  .member-card-ctrl {
    margin-top: 51px;
  }
  .member-card-ctrl .more-button {
    font-size: 20px;
  }
  .member-card-ctrl .more-button > i {
    font-size: 22px;
  }
  /*  회원지원센터  */
  /* Tech-Support */
  .tech-support-filter {
    padding: 2.7778vw 10.5556vw 3.4722vw;
  }
  .tech-support-row {
    gap: 24px;
  }
  .tech-support-card {
    width: calc((100% - 48px) / 3);
    padding: 1.1111vw 1.1111vw 2.3611vw 1.1111vw;
  }
  .tech-support-card-group.group-head {
    flex-direction: column;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px dotted var(--color-ccc);
  }
  .tech-support-card-group.group-head .group-head-box {
    width: 100%;
  }
  .tech-support-card-group.group-body {
    padding-top: 10px;
  }
  .tech-support-card-group.group-body .group-body-row ~ .group-body-row {
    margin-top: 8px;
  }
  .tech-support-card-group.group-body .title {
    width: 86px;
  }
  .tech-support-card-group.group-body .txt {
    flex: 1;
    width: auto;
  }
  .tech-support-card-btn {
    width: 100%;
  }
  /* 증명서 발급 신청 */
  .cert-apply-btn-group {
    gap: 2.2222vw;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio]:checked + label {
    padding: 1.5972vw 8px 1.5972vw 8px;
  }
  .cert-apply-ex-block {
    gap: 2.9167vw;
  }
  .cert-apply-cta {
    margin-top: 5vw;
  }
  /* 전문기업 인증서 발급 신청 */
  .expert-apply-top-title {
    font-size: 26px;
  }
  .expert-apply-ex {
    gap: 2.9167vw;
  }
  .expert-apply-process .item {
    padding: 1.25vw 0.6944vw 1.25vw 5.1389vw;
  }
  .expert-apply-process .item > .icon {
    width: 4.8611vw;
    margin-right: 2.2222vw;
  }
  /*  커뮤니티  */
  .commu { /* 언론, 웹진, 뉴스레터, 동향보고서, 행사일정 공통 레이아웃 */ }
  .commu-item {
    gap: 33px;
    padding: 21px 24px 21px 15px;
  }
  .commu-item-link {
    gap: 21px;
  }
  .commu-item-caption-txt > .row:has(.category) {
    margin-bottom: 18px;
  }
  .commu-item-caption-txt > .row:has(.title) {
    margin-bottom: 12px;
  }
  .commu-item-caption-meta {
    gap: 14px;
  }
  .commu-item-caption-meta .txt ~ .txt::before {
    margin-right: 14px;
  }
  .commu-item-action .download-btn, .commu-item-action .view-btn, .commu-item-action .application-btn {
    width: clamp(80px, (100vw - 1025px) * 0.0458 + 80px, 99px);
    font-size: 16px;
  }
  .commu-item-action .download-btn i[class^=ri-], .commu-item-action .view-btn i[class^=ri-], .commu-item-action .application-btn i[class^=ri-] {
    font-size: 18px;
  }
  /* regulations */
  .regs-head {
    padding: 1.5972vw 0 1.4583vw 2.2222vw;
  }
  .regs-body {
    gap: 3.1944vw;
    padding: 1.5972vw 3.5417vw 1.7361vw 2.7083vw;
  }
  .regs-item ~ .regs-item {
    margin-top: 24px;
  }
  .regs-thum {
    width: 181px;
    padding: 1.5278vw 1.6667vw;
  }
  /* qna */
  .qna-write-block.write-wrap.small .qna-write-form {
    padding: calc(3.3333vw - 20px) 6.9444vw 4.4444vw;
    margin-top: 2.7083vw;
  }
  .qna-write-block.write-wrap.small .qna-write-form::before {
    top: -2.7083vw;
  }
  /*  행사안내  */
  /* Event-Calendar */
  .event-calendar-nav #currentYear {
    font-size: 22px;
  }
  .event-calendar-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 5.9028vw;
  }
  .event-calendar-tabs button {
    min-width: unset;
    padding: 7px 26px;
    font-size: 16px;
  }
  .event-calendar-tabs button ~ button {
    margin-left: 0;
  }
  .event-calendar-container {
    gap: 60px;
    margin-top: 35px;
  }
  .event-calendar-box #calendar {
    width: 75%;
  }
  .event-calendar-box #eventList {
    width: 25%;
  }
  .event-calendar-legend {
    margin: 0;
  }
  .event-calendar-legend-item {
    padding-left: 0;
    padding-right: 54px;
  }
  .event-calendar-legend-item p::before {
    height: 178%;
  }
  .event-calendar-list-title {
    flex: 0;
    padding: 15px;
  }
  .event-calendar-item {
    padding: 1.3194vw 5px 1.9444vw;
  }
  #calendar.fc .fc-col-header-cell-cushion {
    padding: 16px 4px;
  }
  /* Promo-Gal */
  .promo-gal-row {
    gap: 3.4722vw;
  }
  .promo-gal-card {
    width: calc((100% - 6.9444vw) / 3);
  }
  .promo-gal-card-link.thum {
    margin-bottom: 2.0833vw;
  }
  .promo-gal-card-title {
    font-size: 16px;
  }
  .promo-gal-card-sub {
    margin-top: 10px;
  }
  .promo-gal-pop-top {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    padding: 16px 0;
  }
  .promo-gal-pop-body {
    padding: 40px 0;
  }
  .promo-gal-pop-title {
    width: 100%;
    font-size: 23px;
  }
  .promo-gal-pop-meta {
    padding-left: 34px;
    margin-top: 16px;
  }
  .promo-gal-pop-meta span ~ span {
    margin-left: 12px;
  }
  .promo-gal-pop-meta span ~ span::before {
    margin-right: 12px;
  }
  .promo-gal-pop-meta span > span {
    margin-left: 4px;
  }
  /*  회원  */
  .entry-box,
  .new-find-head {
    width: 53.57%;
  }
  .entry { /* New-Login, Find 공통 */ }
  .entry-box {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
  .entry-box .login-input-li .d-input {
    height: 50px;
  }
  .entry-input .entry-input-item ~ .entry-input-item {
    margin-top: 12px;
  }
  .entry-txt {
    margin-bottom: 3.0556vw;
    font-size: 33px;
  }
  .entry-btn-main[type=submit] {
    height: 65px;
    font-size: 22px;
  }
  /* New-Login */
  .new-login-box {
    padding-top: 5.5556vw;
    padding-bottom: 6.5278vw;
  }
  .new-login-input {
    margin-bottom: 20px;
  }
  .new-login-link.member-info-link-ul {
    padding-top: 10px;
  }
  .new-login-radio {
    margin-bottom: 9px;
  }
  .new-login-join {
    padding: 14px 0;
    margin-top: 2.9167vw;
  }
  /* New-Find */
  .new-find-wrap .login-input {
    margin-bottom: 14px;
  }
  .new-find-head {
    height: 4.7222vw;
  }
  .new-find-head > button {
    font-size: 21px;
  }
  .new-find-box {
    padding-top: 4.0278vw;
    padding-bottom: 5.6944vw;
  }
  .new-find-radio {
    margin-bottom: 3.4722vw;
  }
  /* Join */
  .join-input-box {
    flex-wrap: wrap;
  }
  .join-wrap.address .add-input02 {
    width: 100%;
  }
  .join-wrap.address .add-input03 {
    width: 100%;
  }
  /* individual_join */
  .indi-join-write-head.board-write-head {
    width: 100%;
    margin-left: unset;
  }
  /* join-info */
  .join-info-text-wrap > .text-box {
    padding: 34px 16px 30px;
  }
  .join-info-benefit {
    gap: 16px;
  }
  .join-info-benefit .benefit-group-title {
    padding: 10px 4.7222vw;
  }
  .join-info-benefit .benefit-box {
    padding: 0 2.7778vw 1.6667vw;
  }
  .join-info-online .online-group {
    gap: 16px;
  }
  .join-info-online .online-group > a {
    width: 17.9861vw;
    min-width: 190px;
    height: auto;
    aspect-ratio: 259/73;
    padding: 0 16px;
  }
  .join-info-online .online-group > a > span {
    white-space: nowrap;
  }
  .identification-ul {
    margin: -10px;
  }
  .identification-li {
    padding: 10px;
  }
  .identification-li .t2 {
    padding: 20px 0;
  }
  .identification-li .t2 br {
    display: none;
  }
  .policy-tab {
    margin: -5px;
  }
  .policy-tab-li {
    padding: 5px;
  }
  .policy-tab-btn {
    padding: 0 15px;
    font-size: 18px;
  }
  .policy-title01 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .sitemap-ul {
    margin: -10px;
  }
  .sitemap-li {
    padding: 10px;
  }
  .sitemap-box {
    padding: 25px;
  }
  .sitemap-title {
    padding-bottom: 15px;
  }

  /* 2026-07-27 추가 레이아웃 { */
  .member-intro-box {margin-bottom: 40px;}
  .member-intro-box-inner {padding: 50px 30px;}
  .member-intro-box-inner .t1 {font-size: 22px;}
  .member-intro-box-inner .t2 {font-size: 32px; margin: 20px 0 40px;}
  .member-partner-slider {margin-bottom: 40px;}
  .member-intro-content {padding-left: 14px;}
  .member-intro-content .title {font-size: 20px;}
  .member-intro-content .num {font-size: 20px;}
  .member-intro-content .num-inner {font-size: 32px;}
  /* } 2026-07-27 추가 레이아웃 */
}
@media screen and (max-width: 1024px) {
  :root {
    --organ-item-width: 25%;
  }
  /*  common  */
  .swiper-ctrl.type2 .swiper-prev-button {
    left: 1vw;
  }
  .swiper-ctrl.type2 .swiper-next-button {
    right: 1vw;
  }
  .swiper-ctrl.type3 {
    padding: 0 20px;
    text-align: center;
  }
  .swiper-ctrl.type3 button ~ button {
    margin-left: 24px;
  }
  .swiper-ctrl.type3 .swiper-prev-button,
  .swiper-ctrl.type3 .swiper-next-button {
    width: 40px;
    height: 40px;
  }
  .swiper-ctrl.type4 {
    top: 10px;
  }
  .swiper-ctrl.type4 button {
    width: 8px;
    height: 13px;
  }
  .swiper-ctrl.type4 .swiper-pause-button {
    margin: 0 12px;
  }
  /* Quick Menu */
  .quick-wrap {
    bottom: 30px;
    transform: scale(0.8);
    transform-origin: center right;
  }
  .quick-wrap.show {
    bottom: 24px;
  }
  #main,
  #sub {
    padding-top: 70px;
  }
  .header-logo,
  .mobile-menu-box {
    width: 270px;
    min-width: unset;
    height: 100%;
  }
  .header-logo > a,
  .mobile-menu-box > a {
    height: 100%;
  }
  .header {
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.05);
  }
  .header-bottom-inner {
    height: 70px;
    padding: 9px 0;
  }
  .header-top, .header-fullmenu, .header-menu {
    display: none;
  }
  .header-mobile {
    display: block;
  }
  .header-mobile-tool {
    display: flex;
    gap: 20px;
  }
  .header-mobile-tool .header-language {
    width: auto;
    margin-left: 0;
  }
  .header-mobile-tool .header-language-list, .header-mobile-tool .header-language-button {
    font-size: 13px;
  }
  .header-mobile-tool .header-language-button {
    height: 35px;
  }
  .mobile-menu-close i {
    font-size: 24px;
  }
  .mobile-btn {
    padding: 7px 10px;
  }
  .footer-logo, .footer-copyright, .footer-list {
    text-align: center;
  }
  .footer-inner {
    padding: 23px 0 20px;
  }
  .footer-logo {
    width: 270px;
    margin: 0 auto;
  }
  .footer-logo img {
    width: 100%;
    height: 100%;
  }
  .footer-info-list {
    justify-content: center;
  }
  .footer-info-item {
    word-break: keep-all;
    text-align: center;
  }
  .footer-partner {
    position: relative;
    top: unset;
    left: unset;
    margin: 16px auto 0;
  }
  .footer-partner-button {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
  }
  /* Main */
  .main {
    /* 공통 */
  }
  .main-notice-category, .main-webzine-category {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 24px;
  }
  .main-webzine-link, .main-notice-box {
    padding: 62px 26px 45px;
  }
  .main-common-title {
    font-size: 26px;
  }
  .main-common-head {
    margin-bottom: 30px;
  }
  .main-common-more {
    top: -1px;
    width: 32px;
    height: 32px;
    background-size: 14px;
  }
  .main-contents {
    padding-top: 30px;
  }
  .main-section.visual-section .wrapper {
    display: block;
  }
  .main-section.visual-section .wrapper .main-visual, .main-section.visual-section .wrapper .main-shortcut {
    width: 100%;
  }
  .main-section.visual-section.wrapper2 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .main-section.event-section {
    margin-top: 40px;
  }
  .main-section.event-section .wrapper2 {
    flex-direction: column;
    gap: 20px;
  }
  .main-section.event-section .wrapper2 .main-event, .main-section.event-section .wrapper2 .main-support {
    width: 100%;
  }
  .main-section.business-section {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.business-section::before {
    width: calc(100% - 32px);
    height: 350px;
    left: 16px;
    border-radius: 30px;
  }
  .main-section.webzine-section {
    padding-top: 60px;
    padding-bottom: 120px;
  }
  .main-section.webzine-section .wrapper2 {
    flex-direction: column;
    gap: 80px;
  }
  .main-section.gallery-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .main-section.report-section .wrapper2 {
    flex-direction: column;
    gap: 80px;
  }
  .main-section.partner-section {
    margin-top: 20px !important;
  }
  .main-visual-slider {
    width: 100%;
    max-height: calc(100dvh - 70px - 30px - 30px - 40px);
    aspect-ratio: 383/272;
  }
  .main-visual-title {
    font-size: 28px;
  }
  .main-visual-date {
    margin-top: 34px;
  }
  .main-visual-more {
    width: 33px;
  }
  .main-shortcut {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 30px;
  }
  .main-shortcut-list {
    display: flex;
    width: 75%;
    padding: 10px 0;
  }
  .main-shortcut-item {
    flex: 1;
    padding: 0;
  }
  .main-shortcut-item ~ .main-shortcut-item::before {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    max-width: unset;
    height: 86px;
    padding: 0;
    background: var(--color-ddd);
  }
  .main-shortcut-link {
    width: 94px;
    max-width: calc(100% - 20px);
    padding-top: 16px;
    padding-bottom: 16px;
    margin: 0 auto;
    font-size: 0;
  }
  .main-shortcut-link > p {
    margin-top: 8px;
  }
  .main-shortcut-link > img {
    width: 30px;
    height: 30px;
  }
  .main-shortcut-group {
    position: relative;
    align-self: stretch;
    width: 25%;
    height: auto;
  }
  .main-shortcut-group-link ~ .main-shortcut-group-link::before {
    width: 70%;
    max-width: unset;
  }
  .main-shortcut-group-link:first-child {
    padding-top: 16px;
    border-radius: 0 30px 0 0;
  }
  .main-shortcut-group-link:first-child > p > br {
    display: none;
  }
  .main-shortcut-group-link:last-child {
    padding-bottom: 16px;
    border-radius: 0 0 30px 0;
  }
  .main-shortcut-group-link > p {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
  }
  .main-event {
    padding: 16px 8px 24px;
    font-size: 16px;
  }
  .main-event-name {
    font-size: 17px;
  }
  .main-event-category {
    min-width: 105px;
  }
  .main-event-category-select p {
    padding: 0 49px 0 25px;
    font-size: 18px;
  }
  .main-event-category-link {
    padding: 16px 0;
  }
  .main-event-slider {
    width: calc(100% - 16px - 76px - 12px);
    max-width: unset;
  }
  .main-event-slider .swiper-slide:has(.no-data) {
    aspect-ratio: 870/113;
  }
  .main-event-link {
    margin: 0 10px;
  }
  .main-event-title > p {
    font-size: 16px;
  }
  .main-event-info-item {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
  }
  .main-event-info-item ~ .main-event-info-item {
    margin-top: 8px;
  }
  .main-event-info-title {
    padding: 2px 8px;
  }
  .main-event-ctrl.swiper-ctrl.type2 button {
    width: 38px;
    height: 38px;
  }
  .main-event-ctrl.swiper-ctrl.type2 .swiper-prev-button {
    left: 8px;
  }
  .main-event-ctrl.swiper-ctrl.type2 .swiper-next-button {
    right: 8px;
  }
  .main-support::after {
    top: auto;
    bottom: 0;
  }
  .main-support-button {
    margin-top: 18px;
  }
  .main-support-title {
    font-size: 28px;
  }
  .main-business {
    flex-direction: column;
    gap: 0;
  }
  .main-business-head {
    padding: 28px 20px 0;
    margin-bottom: 20px;
  }
  .main-business-head .main-common-title {
    margin-bottom: 30px;
  }
  .main-business-body {
    width: calc(100% - 32px);
    padding: 24px;
    margin: 0 auto;
  }
  .main-business-card-item {
    gap: 20px;
  }
  .main-business-card-item .caption > .title {
    font-size: 16px;
  }
  .main-business-move-set {
    gap: 16px;
    width: 70%;
    margin: 0 auto;
  }
  .main-business-move-link {
    flex-direction: row;
    height: auto;
    padding: 20px 16px 20px 22px;
  }
  .main-business-move-link > .main-common-more {
    width: 40px;
    height: 40px;
  }
  .main-business-move-link .tit {
    font-size: 19px;
    text-align: left;
  }
  .main-webzine {
    width: 100%;
  }
  .main-webzine-PLUS {
    top: 23px;
  }
  .main-webzine-title {
    font-size: 18px;
  }
  .main-webzine-link {
    height: auto;
  }
  .main-newsletter {
    width: 100%;
  }
  .main-newsletter-link {
    height: 278px;
  }
  .main-gallery-list {
    flex-wrap: wrap;
  }
  .main-gallery-item {
    width: calc(50% - 14px);
  }
  .main-gallery-item:nth-child(n+3) {
    margin-top: 13px;
  }
  .main-gallery-title {
    font-size: 16px;
  }
  .main-report {
    width: 100%;
  }
  .main-report-title {
    font-size: 16px;
  }
  .main-report-link {
    height: auto;
  }
  .main-news {
    width: 100%;
  }
  .main-news .main-business-slide {
    display: flex;
    align-items: stretch;
    gap: 20px;
    width: 100%;
  }
  .main-news .main-business-content {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 253px);
    padding: 16px 20px 0;
  }
  .main-news .main-business-text {
    font-size: 16px;
  }
  .main-news .main-business-date {
    font-size: 12px;
  }
  .main-notice-content {
    flex-wrap: wrap;
  }
  .main-notice-box {
    flex: 1 1 calc(50% - 15px);
    min-height: unset;
    padding: 62px 26px 45px;
  }
  .main-notice-tab-link {
    font-size: 19px;
  }
  .main-notice-ksba {
    top: 37px;
  }
  .main-partner-list {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
  }
  .main-partner-item {
    height: 80px;
    line-height: 80px;
  }
  .main-related {
    position: relative;
    margin-top: 60px;
  }
  .main-related-head, .main-related-body {
    width: 100%;
  }
  .main-related-head {
    margin-bottom: 30px;
    font-size: 20px;
    text-align: center;
  }
  .main-related-body {
    position: static;
    padding-left: 0;
  }
  .main-related-ctrl {
    top: 14px;
    left: auto;
    right: 0;
  }
  /* Sub */
  .sub-contents {
    padding-top: 60px;
    padding-bottom: 90px;
  }
  .sub-menu {
    height: 45px;
    min-height: auto;
  }
  .sub-menu-wrap {
    width: calc(65% + 130px);
  }
  .sub-menu-list {
    width: 100%;
  }
  .sub-menu-link {
    width: 55px;
  }
  .sub-menu-link img {
    width: 22px;
  }
  .sub-menu-item.home {
    flex-shrink: 0;
    width: 45px;
  }
  .sub-menu-text {
    padding: 0 32px 0 15px;
    font-size: 16px;
  }
  .sub-menu-text::after {
    right: 16px;
    transform: translateY(-50%);
    width: 9px;
    height: 7px;
    margin-top: 0;
  }
  .sub-menu2-link {
    font-size: 16px;
  }
  .sub-title {
    width: 100%;
    padding-top: 0;
    font-size: 16px;
  }
  .sub-title-wrap {
    display: flex;
    align-items: center;
    width: calc(35% - 130px);
    padding-left: 16px;
  }
  /*  협의회 소개  */
  /* introduce */
  .introduce-group-top {
    padding: 9.082vw 2.9297vw 8.3984vw;
    margin-bottom: 47px;
  }
  .introduce-group-bottom > p {
    font-size: 16px;
  }
  .introduce-group-bottom > p ~ p {
    margin-top: 28px;
  }
  .introduce-group-bottom > strong {
    margin-top: 60px;
    font-size: 19px;
  }
  .introduce-group-img {
    gap: 30px;
    padding: 0 15px;
    margin-top: 94px;
  }
  .introduce-group .s-title {
    margin-bottom: 30px;
    font-size: 22px;
  }
  .introduce-group .s-title2 {
    font-size: 17px;
    line-height: 1.5;
  }
  .introduce-group .s-title2:nth-of-type(2) {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.5;
  }
  /* Establishment */
  .est-purpose-area {
    align-items: stretch;
  }
  .est-purpose-group.label-group {
    width: 55%;
  }
  .est-purpose-group.label-group::after {
    width: 60px;
    height: 100%;
    aspect-ratio: 116/170;
    padding: 0 8px;
    background-size: calc(100% - 16px);
  }
  .est-purpose-group.label-group > .tit {
    width: calc(100% - 76px);
    padding: 23px 10px;
    font-size: 23px;
  }
  .est-purpose-group.icon-card-group {
    width: 45%;
    min-width: unset;
    height: unset;
  }
  .est-purpose-group.icon-card-group .icon-card-item {
    padding: 14px 10px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit {
    font-size: 18px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit::before {
    width: 50px;
    height: 50px;
  }
  .est-goal-area .icon-card-item {
    padding: 28px 10px;
  }
  .est-goal-area .icon-card-item > .tit {
    font-size: 18px;
  }
  .est-goal-area .icon-card-item > .tit::before {
    width: 50px;
    margin-right: 16px;
  }
  .est-organ-area {
    padding: 0;
  }
  .est-organ-area > li ~ li {
    margin-top: 41px;
  }
  .est-organ-group-1f .est-organ-box, .est-organ-group-2f .est-organ-box {
    font-size: 18px;
  }
  .est-organ-group-1f .est-organ-box {
    width: 20%;
  }
  .est-organ-group-3f {
    gap: 7.5%;
    padding-left: 0;
  }
  .est-organ-group-3f .est-organ-box {
    font-size: 17px;
  }
  .est-organ-group-3f .est-organ-box:first-child {
    margin-left: 37.2%;
  }
  .est-organ-group-4f {
    padding-top: 24px;
  }
  .est-organ-group-4f .est-organ-box {
    min-height: 36px;
    font-size: 16px;
  }
  .est-organ-line-top::before {
    height: 24px;
  }
  .est-organ-line-btm::before {
    height: 41px;
  }
  .est-organ-line-left::before {
    width: 30%;
  }
  .est-history-title {
    margin-bottom: 50px;
    font-size: 18px;
  }
  .est-history-box-tit {
    font-size: 30px;
  }
  .est-history-item span {
    font-size: 16px;
  }
  /* 주요사업 */
  .core-biz-tab {
    margin-bottom: 40px;
  }
  .core-biz-table .res-table.res-horizon, .core-biz-table .res-table.res-horizon thead, .core-biz-table .res-table.res-horizon tbody, .core-biz-table .res-table.res-horizon thead tr {
    display: block;
    width: 100%;
  }
  .core-biz-table .res-table.res-horizon thead th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .core-biz-table .res-table.res-horizon tbody tr {
    display: grid;
    gap: 0;
    grid-template-columns: 130px 1fr 130px 1fr;
    width: 100%;
  }
  .core-biz-table .res-table.res-horizon tbody th, .core-biz-table .res-table.res-horizon tbody td {
    display: inline-flex;
    align-items: center;
  }
  .core-biz-table .res-table.res-horizon tbody th {
    justify-content: center;
  }
  .core-biz-table .res-table.res-horizon th, .core-biz-table .res-table.res-horizon td {
    min-height: 50px;
    height: auto;
  }
  .core-biz-table .res-table.res-horizon tbody tr ~ tr th {
    border-top: 1px solid var(--white-color);
  }
  .core-biz-table .res-table.res-horizon tbody tr:last-child {
    border-bottom: 1px solid var(--color-ccc);
  }
  .core-biz-table .res-table.res-horizon tbody tr {
    border-bottom: 0;
  }
  .core-biz-table .res-table.res-horizon tbody:has(td:nth-of-type(3)) td:nth-of-type(2) {
    border-right: 0;
  }
  .core-biz-table .res-table.res-horizon tbody tr td:nth-child(6) {
    grid-column: 2/5;
  }
  .core-biz-system {
    gap: 8px;
  }
  .core-biz-system-head {
    width: 36.8%;
    min-width: 120px;
  }
  .core-biz-system-head .title {
    font-size: 17px;
  }
  .core-biz-system-head .icon {
    width: 40px;
    height: 40px;
  }
  .core-biz-system-row {
    gap: 8px;
  }
  .core-biz-system-row + .core-biz-system-arrow, .core-biz-system-row + .core-biz-system-arrow + .core-biz-system-arrow {
    margin: 8px 0;
  }
  .core-biz-system-row + .core-biz-system-arrow {
    margin-left: 22.8516vw;
  }
  .core-biz-system-row + .core-biz-system-arrow + .core-biz-system-arrow {
    margin-right: 20.8984vw;
  }
  .core-biz-system-item {
    min-height: 150px;
  }
  .core-biz-system-center-inner .title {
    font-size: 24px;
  }
  .core-biz-system-arrow {
    width: 5.4688vw;
  }
  .core-biz-process {
    margin: 7.0313vw auto 0;
  }
  .core-biz-process-row.top > .item .item-head {
    max-width: 90%;
  }
  .core-biz-process-row.top > .item .item-head .title {
    padding: 8px;
    font-size: 16px;
  }
  .core-biz-process-row.top > .item .item-body {
    padding: 16px 10px;
  }
  .core-biz-process-row.top > .item .help-txt {
    text-align: right;
  }
  .core-biz-process-row.center .box .item {
    font-size: 16px;
  }
  .core-biz-process-row.center .item .item-inner .help-txt {
    top: 100%;
    bottom: auto;
  }
  .core-biz-process-row.center > .arrow {
    padding: 0 1.4648vw 0 2.1484vw;
    background-size: calc(100% - 1.4648vw - 2.1484vw);
  }
  .core-biz-process-row.bottom {
    gap: 8px;
  }
  .core-biz-process-row.bottom .item {
    font-size: 17px;
  }
  .core-biz-process-text.top .title, .core-biz-process-text.bottom .title {
    font-size: 18px;
  }
  .core-biz-process-text.top {
    max-width: 90%;
    margin: 18px auto 3.9063vw;
  }
  .core-biz-process-text.top .title {
    margin-bottom: 2.2461vw;
  }
  .core-biz-process-text.center > .item .item-inner {
    padding: 10px;
  }
  .core-biz-process-text.bottom {
    max-width: 90%;
    margin: 3.9063vw auto 18px;
  }
  .core-biz-process-text.bottom .title {
    margin-top: 2.2491vw;
  }
  .core-biz-process-text .txt {
    font-size: 16px;
  }
  .core-biz-button {
    width: 200px;
    margin-top: 50px;
  }
  .core-biz-button .d-btn {
    font-size: 17px;
    font-weight: 500;
  }
  /* 분과위원회 공통 */
  .division-committee-tech-slider, .division-committee-edu-slider, .division-committee-policy-slider, .division-committee-fusion-slider {
    margin-top: 90px;
  }
  .division-committee-tech-slide-ctr.full-slider-ctr, .division-committee-edu-slide-ctr.full-slider-ctr, .division-committee-policy-slide-ctr.full-slider-ctr, .division-committee-fusion-slide-ctr.full-slider-ctr {
    bottom: calc(100% + 12px);
  }
  .division-committee-tab-division .d-tab-wrap.type1 .d-tab-link {
    min-width: unset;
    /* font-size: 18px; */
  }
  .division-committee-tab-active > .title {
    font-size: 19px;
  }
  .division-committee-tab-active > .inner {
    gap: 3.142%;
    padding: 0 3.142% 1.714%;
  }
  .division-committee-tab-active .d-tab-wrap.type2 .d-tab-link, .division-committee-tab-active .dot-text-list.type2 > li {
    /* font-size: 17px; */
  }
  .division-committee-tab-active .dot-text-list.type2 > li {
    line-height: 1.55;
  }
  .division-committee-tab-active .tab-active-group > .d-tab-wrap {
    margin-bottom: 8px;
  }
  .division-committee-tab-active .tab-active-img {
    width: 150px;
  }
  .division-committee-tab-active .tab-active-img > p {
    font-size: 16px;
  }
  /* Directions */
  .directions-content {
    margin-top: 67px;
  }
  .directions-content-row {
    gap: 6px;
    flex-direction: column;
  }
  .directions-content-row ~ .directions-content-row {
    margin-top: 6px;
  }
  .directions-content-col {
    flex-direction: row;
  }
  .directions-content-title {
    display: inline-flex;
    justify-content: center;
    width: 90px;
    padding: 10px 0 8px;
    font-size: 16px;
  }
  .directions-content-title > i {
    margin-right: 4px;
    font-size: 17px;
  }
  .directions-content-text {
    padding-left: 14px;
    font-size: 16px;
  }
  /*  회원안내  */
  /* Org-Member */
  .org-member-filter,
  .tech-support-filter {
    margin-bottom: 0;
  }
  .org-member-row {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }
  .org-member-card {
    padding: 14px 14px 20px;
  }
  .org-member-card-img {
    height: 60px;
    line-height: 60px;
  }
  .org-member-card-txt {
    padding: 14px 10px 12px;
    margin-top: 14px;
  }
  .org-member-card-txt .title {
    font-size: 16px;
  }
  .org-member-card-btn > a {
    font-size: 15px;
  }
  .org-member-card-btn > a > i {
    font-size: 15px;
  }
  .org-member-link-item {
    height: 85px;
    padding: 0 7.3242vw;
  }
  .org-member-link-img {
    width: 180px;
  }
  .org-member-link-txt .title {
    font-size: 15px;
  }
  .org-member-link-btn {
    max-width: 150px;
    font-size: 16px;
    word-break: keep-all;
  }
  .org-member-link-btn > i {
    margin-left: 12px;
    font-size: 14px;
  }
  .member-card-list {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }
  .member-card-item {
    min-height: 100px;
  }
  .member-card-inner {
    padding: 24px 21px 18px;
  }
  .member-card-name, .member-card-company {
    font-size: 17px;
  }
  .member-card-name {
    margin-top: 12px;
  }
  .member-card-ctrl {
    margin-top: 40px;
  }
  .member-card-ctrl > .more-button {
    font-size: 19px;
  }
  .member-card-ctrl > .more-button > i {
    font-size: 21px;
  }
  /*  회원지원센터  */
  /* Tech-Support */
  .tech-support-filter {
    padding: 2.7778vw 50px 3.4722vw;
  }
  .tech-support-filter-group ~ .tech-support-filter-group {
    margin-top: 8px;
  }
  .tech-support-filter-group .filter-title {
    width: 180px;
    padding: 0 12px;
    font-size: 15px;
  }
  .tech-support-filter .accordion .accordion-item input:checked + .accordion-title + .accordion-content .accordion-inner {
    padding: 10px 0 18px;
  }
  .tech-support-filter .accordion .accordion-title > .tit {
    font-size: 16px;
  }
  .tech-support-list {
    margin-top: 20px;
  }
  .tech-support-row {
    gap: 20px;
  }
  .tech-support-card {
    width: calc((100% - 20px) / 2);
    padding: 10px 10px 22px;
  }
  .tech-support-card-group.group-head .group-head-box .title {
    font-size: 17px;
  }
  .tech-support-card-group.group-head .group-head-box .sub {
    font-size: 15px;
  }
  .tech-support-card-group.group-body .group-body-row ~ .group-body-row {
    margin-top: 5px;
  }
  .tech-support-card-group.group-body .title, .tech-support-card-group.group-body .txt {
    font-size: 16px;
  }
  .tech-support-card-group.group-body .title {
    width: 74px;
  }
  .tech-support-card-group.group-body .txt {
    margin-left: 8px;
  }
  .tech-support-card-btn {
    font-size: 15px;
  }
  /* 증명서 발급 신청 */
  .cert-apply-btn-group {
    gap: 12px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label {
    min-width: 125px;
    max-height: 55px;
    aspect-ratio: 165/78;
    padding: 8px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span {
    font-size: 17px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span::before {
    top: 0;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span::after {
    top: 4px;
  }
  .cert-apply-ex-block {
    gap: 22px;
  }
  .cert-apply-ex-img {
    max-width: 200px;
    width: 25%;
  }
  .cert-apply-cta {
    max-width: 133px;
    margin-top: 40px;
  }
  /* 전문기업 인증서 발급 신청 */
  .expert-apply-top-title {
    padding-right: 2.4414vw;
    font-size: 22px;
  }
  .expert-apply-top .dot-text-list {
    padding-left: 3.5156vw;
  }
  .expert-apply-process {
    gap: 10px;
  }
  .expert-apply-process .item {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px;
  }
  .expert-apply-process .item + .arrow {
    width: 20px;
  }
  .expert-apply-process .item > .icon {
    width: 32px;
    margin-left: -15px;
    margin-right: 0;
  }
  .expert-apply-process .item > .tit {
    font-size: 16px;
  }
  /*  커뮤니티  */
  .commu { /* 언론, 웹진, 뉴스레터, 동향보고서, 행사일정 공통 레이아웃 */ }
  .commu-item {
    flex-direction: column;
    gap: 8px;
    padding: 14px 12px;
  }
  .commu-item-link {
    gap: 16px;
    width: 100%;
  }
  .commu-item-thum.horizen {
    width: 250px;
  }
  .commu-item-thum.vertical {
    width: 100px;
  }
  .commu-item-caption-txt > .row:has(.category) {
    margin-bottom: 10px;
  }
  .commu-item-caption-txt > .row:has(.title) {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .commu-item-caption-txt .title {
    font-size: 16px;
  }
  .commu-item-caption-txt .txt {
    font-size: 14px;
  }
  .commu-item-caption-meta .txt {
    font-size: 14px;
  }
  .commu-item-caption-meta .txt > span {
    font-size: 14px;
  }
  .commu-item-action {
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
  }
  .commu-item-action .download-btn, .commu-item-action .view-btn, .commu-item-action .application-btn {
    flex-direction: row;
    align-items: center;
    aspect-ratio: unset;
    min-width: 100px;
    padding: 8px;
    border-radius: 5px;
    font-size: 15px;
  }
  .commu-item-action .download-btn i[class^=ri-], .commu-item-action .view-btn i[class^=ri-], .commu-item-action .application-btn i[class^=ri-] {
    margin-top: 0;
    font-size: 16px;
  }
  /* Webzine-Sub */
  .webzine-sub-item-caption {
    padding: 0;
  }
  /* News-Letter */
  .news-letter-item-caption {
    padding: 10px 0 7px;
  }
  /* Report-Sub */
  .report-sub-caption {
    padding: 12px 0;
  }
  .report-sub-caption .commu-item-caption-txt .row {
    padding-top: 12px;
  }
  .report-sub-caption .commu-item-caption-txt .row::after {
    width: 20px;
  }
  /* regulations */
  .regs-head .title {
    font-size: 17px;
  }
  .regs-body {
    gap: 16px;
  }
  .regs-thum {
    width: 140px;
  }
  .regs-caption {
    gap: 18px;
  }
  .regs-caption .txt {
    font-size: 16px;
  }
  .regs-btn {
    padding: 8px 16px;
    font-size: 15px;
  }
  .regs-btn > i {
    font-size: 16px;
  }
  /* qna */
  .qna-write-block.write-wrap.small .qna-write-form .board-write-content {
    padding-bottom: 10px;
  }
  /*  행사 안내  */
  /* Event-Calendar */
  .event-calendar-nav #currentYear {
    font-size: 18px;
  }
  .event-calendar-nav i {
    font-size: 22px;
  }
  .event-calendar-tabs {
    padding: 0 30px;
    margin-top: 14px;
  }
  .event-calendar-tabs button {
    min-width: unset;
    padding: 7px 20px;
    font-size: 16px;
  }
  .event-calendar-container {
    gap: 55px;
    margin-top: 30px;
  }
  .event-calendar-box #calendar {
    width: 75%;
  }
  .event-calendar-box #eventList {
    width: 25%;
  }
  .event-calendar-legend-item {
    padding-right: 32px;
  }
  .event-calendar-legend-item p {
    font-size: 16px;
  }
  .event-calendar-list-title {
    font-size: 16px;
  }
  .event-calendar-list-contents {
    padding: 0 12px;
  }
  .event-calendar-item {
    padding: 13px 0 19px;
  }
  .event-calendar-date {
    font-size: 15px;
  }
  .event-calendar-name {
    font-size: 14px;
  }
  #calendar.fc .fc-col-header-cell-cushion {
    font-size: 15px;
  }
  #calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: auto;
    aspect-ratio: 1/0.4;
  }
  /* Event-List */
  .event-card-item-link {
    align-items: center;
  }
  .event-card-item-thum {
    width: 300px;
  }
  .event-card-item-caption {
    padding: 8px 0;
  }
  .event-card-item-caption-meta {
    gap: 8px;
  }
  .event-card-item-caption-meta .txt {
    gap: 8px;
  }
  .event-card-item-caption-meta .txt .tit {
    padding: 2px 10px;
    font-size: 15px;
  }
  .event-card-item-caption-meta .txt span:not(.tit) {
    margin-left: 0;
    font-size: 15px;
  }
  .event-card-item-caption .commu-item-caption-txt > .row:has(.title) {
    gap: 12px;
  }
  /* Event-View */
  .event-view-info {
    margin-bottom: 6.8359vw;
    border-width: 5px;
  }
  /* Promo-Gal */
  .promo-gal-row {
    gap: 20px;
  }
  .promo-gal-card {
    width: calc((100% - 40px) / 3);
  }
  .promo-gal-card-link.thum {
    margin-bottom: 14px;
  }
  .promo-gal-card-link.thum .thum-over-text {
    font-size: 16px;
  }
  .promo-gal-card-link.thum .thum-over-text::before {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
  }
  .promo-gal-card-sub {
    margin-top: 8px;
  }
  .promo-gal-pop-body {
    padding: 26px 0;
  }
  .promo-gal-pop-title {
    font-size: 22px;
  }
  .promo-gal-pop-meta {
    padding-left: 30px;
  }
  .promo-gal-pop-meta span ~ span {
    margin-left: 10px;
  }
  .promo-gal-pop-meta span ~ span::before {
    margin-right: 10px;
  }
  /*  회원 관련  */
  .entry-box,
  .new-find-head {
    width: 100%;
    max-width: 530px;
  }
  .entry { /* New-Login, Find 공통 */ }
  .entry-box {
    padding-left: 34px;
    padding-right: 34px;
  }
  .entry-box .login-input-li .d-input {
    height: 40px;
  }
  .entry-input .entry-input-item ~ .entry-input-item {
    margin-top: 8px;
  }
  .entry-input .entry-input-item > [class^=ri-], .entry-input .entry-input .entry-input-item [class*=" ri-"] {
    left: 14px;
  }
  .entry-txt {
    font-size: 28px;
  }
  .entry-btn-main[type=submit] {
    height: 55px;
    font-size: 18px;
  }
  /* New-Login */
  .new-login-box {
    padding-top: 50px;
    padding-bottom: 59px;
  }
  .new-login-input {
    margin-bottom: 13px;
  }
  .new-login-input.member-info-link-ul {
    padding-top: 6px;
  }
  .new-login-input .entry-input-item > [class^=ri-], .new-login-input .new-login-input .entry-input-item [class*=" ri-"] {
    font-size: 20px;
  }
  .new-login-input .entry-input-item > .d-input {
    padding-left: 46px;
    padding-right: 47px;
  }
  .new-login-input .entry-input-item .pw-toggle-btn {
    right: 17px;
  }
  .new-login-input .entry-input-item .pw-toggle-btn > i {
    font-size: 20px;
  }
  .new-login-radio {
    margin-bottom: 6px;
  }
  .new-login-link-group-item ~ .new-login-link-group-item::before {
    margin: 0 8px;
  }
  .new-login-join {
    font-size: 18px;
  }
  /* New-Find */
  .new-find-wrap .login-input {
    margin-bottom: 10px;
  }
  .new-find-head {
    height: 42px;
  }
  .new-find-head > button {
    align-items: center;
    padding-top: 0;
    font-size: 18px;
  }
  .new-find-box {
    padding-top: 36px;
    padding-bottom: 51px;
  }
  .new-find-radio {
    margin-bottom: 22px;
  }
  /* join-info */
  .join-info-text-wrap > .text-box {
    padding: 30px 12px 26px;
    background-size: 100px;
    background-position: right 12px bottom -12px;
  }
  .join-info-benefit {
    gap: 14px;
  }
  .join-info-benefit .benefit {
    gap: 12px;
  }
  .join-info-benefit .benefit-group-title {
    padding: 8px 4.7222vw;
    margin-bottom: 12px;
  }
  .join-info-online-text {
    margin-top: 8px;
  }
  .join-info-online .text-wrap {
    flex: 1;
  }
  .join-info-online .online-group {
    gap: 14px;
  }
  .join-info-online .online-group > a {
    gap: 10px;
    width: auto;
    min-width: 184px;
  }
  .join-info-online .online-group > a > span {
    font-size: 17px;
  }
  .join-info-online .online-group > a > span > i {
    font-size: 17px;
  }
  /* individual application */
  .individualApplication-wrap .board-write-title {
    padding-left: 15px;
    padding-right: 15px;
  }
  .identification-li .box {
    justify-content: space-between;
    height: 255px;
    padding: 25px 20px;
  }
  .identification-li .t2 {
    padding: 0;
  }
  .join-write-inner .k {
    width: 180px;
  }
  .join-write-inner .v {
    width: calc(100% - 180px);
  }
  .join-write-inner .v .input-txt-wrap {
    padding-top: 10px;
  }
  .find-info-li .box {
    justify-content: space-between;
    height: 255px;
    padding: 25px 20px;
  }
  .find-info-li .t2 {
    margin: 0;
  }
  .find-result .box {
    padding: 30px;
  }
  .policy-tab-li {
    width: 50%;
  }
  .policy-inner ~ .policy-inner {
    padding-top: 45px;
  }
  .policy-inner .mrt {
    margin-top: 1em;
  }
  .sitemap-box {
    min-height: 300px;
    height: 100%;
    padding: 20px;
  }
  .sitemap-title {
    padding-bottom: 10px;
  }

  /* 2026-07-27 추가 레이아웃 { */
  .member-intro-box {margin-bottom: 24px;}
  .member-intro-box-inner {padding: 30px;}
  .member-intro-box-inner .t1 {font-size: 18px;}
  .member-intro-box-inner .t2 {font-size: 24px;}
  .member-intro-content .title {font-size: 18px;}
  .member-intro-icon {width: 60px;}
  .member-intro-content .num {font-size: 18px; margin-top: 4px;}
  .member-intro-content .num-inner {font-size: 24px;}
  .member-intro-item {padding: 0 20px;}

  .member-partner-slider {margin-bottom: 24px;}
  .member-partner-slide {width: calc((100% - (10px * 2)) / 3); margin-right: 10px;}
  /* } 2026-07-27 추가 레이아웃 */
}
@media screen and (max-width: 768px) {
  /*  Common  */
  body:has(.quick-list) {
    padding-bottom: 42px;
  }
  /* Quick Menu */
  .quick-wrap:has(.quick-list) { /* 서브페이지 */
    left: 0;
    bottom: 0;
    transform: none;
    display: flex;
    width: 100%;
    height: 45px;
    background-color: var(--white-color);
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.03);
    opacity: 1;
  }
  .quick-wrap:has(.quick-list).show {
    bottom: 0;
  }
  .quick-wrap:has(.quick-list) .quick-list {
    flex: 1;
    display: flex;
    margin-bottom: 0;
    filter: invert(1) hue-rotate(-167deg);
  }
  .quick-wrap:has(.quick-list) .quick-item {
    width: 33.3333333333%;
    margin-top: 0;
  }
  .quick-wrap:has(.quick-list) .quick-item ~ .quick-item {
    border-left: 1px solid var(--color-ddd);
  }
  .quick-wrap:has(.quick-list) .quick-link {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    border-radius: 0;
    border: 0;
  }
  .quick-wrap:has(.quick-list) .quick-image {
    width: 20px;
    height: 20px;
    margin: unset;
  }
  .quick-wrap:has(.quick-list) .quick-name {
    margin-top: 0;
    font-size: 14px;
  }
  .quick-wrap:has(.quick-list) .top-button {
    flex-shrink: 0;
    width: 38px;
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
    background-color: var(--green-color);
    box-shadow: none;
    font-size: 0;
  }
  .quick-wrap:has(.quick-list) .top-button > i {
    width: 20px;
    height: 20px;
    line-height: 38px;
    filter: invert(100%);
  }
  .quick-wrap.show {
    bottom: 45px;
  }
  .quick-wrap.fixed {
    bottom: 40px;
  }
  /* Swiper Controls */
  .swiper-ctrl.type3 {
    display: none;
  }
  .swiper-ctrl.type3 button ~ button {
    margin-left: 8px;
  }
  .swiper-ctrl.type3 .swiper-prev-button,
  .swiper-ctrl.type3 .swiper-next-button {
    width: 35px;
    height: 35px;
  }
  .swiper-ctrl.type4 {
    top: 8px;
  }
  .swiper-ctrl.type4.swiper-pause-button {
    margin: 0 18px;
  }
  .header-logo,
  .mobile-menu-box {
    width: 220px;
  }
  .header-tnb-list {
    margin: 0 -12px;
  }
  .header-tnb-item {
    padding: 0 12px;
  }
  .header-tnb-item::before {
    height: 12px;
    transform: translateY(-38%);
  }
  .header-tnb-item > a {
    font-size: 14px;
  }
  .header-mobile-tool {
    gap: 8px;
  }
  .header-mobile-tool .header-language-item > a {
    padding: 10px 0;
  }
  .mobile-btn-inner {
    width: 23px;
    height: 23px;
  }
  .mobile-gnb-item.has-2dep::after {
    top: 16px;
  }
  .mobile-gnb-item > a {
    padding: 12px 40px 12px 20px;
    font-size: 18px;
  }
  .mobile-gnb-depth2-list {
    padding: 10px 20px;
  }
  .mobile-btn {
    padding: 0;
    font-size: 14px;
  }
  .footer-inner {
    padding: 15px 0;
  }
  .footer-logo {
    width: 200px;
  }
  .footer-info {
    margin-top: 14px;
  }
  .footer-info-list {
    display: block;
    text-align: center;
  }
  .footer-info-item {
    display: inline;
  }
  .footer-info-item ~ .footer-info-item {
    margin-left: 16px;
  }
  .footer-copyright {
    margin-top: 24px;
  }
  .footer-partner {
    width: 100%;
  }
  /* Main */
  .main-common-description {
    font-size: 15px;
  }
  .main-common-more {
    top: 2px;
    width: 24px;
    height: 24px;
    background-size: 12px;
  }
  .main-contents {
    padding-bottom: 16px;
  }
  .main {
    /* 공통 */
  }
  .main-event-name, .main-notice-category, .main-webzine-category {
    font-size: 14px;
  }
  .main-notice-category, .main-webzine-category {
    border-radius: 0 0 15px 0;
  }
  .main-section.visual-section .wrapper2 {
    padding-left: 0;
    padding-right: 0;
  }
  .main-section.business-section::before {
    height: 280px;
    border-radius: 15px;
  }
  .main-section.event-section .wrapper2 {
    gap: 16px;
  }
  .main-section.webzine-section {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .main-section.webzine-section .wrapper2 {
    gap: 40px;
  }
  .main-section.gallery-section {
    padding-top: 42px;
    padding-bottom: 52px;
    background: linear-gradient(to right, #f0fef2, #e2ffe7);
  }
  .main-section.gallery-section::before {
    background-position: center right;
  }
  .main-section.notice-section {
    padding-top: 0;
    padding-bottom: 76px;
  }
  .main-section.notice-section::before, .main-section.notice-section::after {
    top: 110px;
    height: calc(100% - 110px);
  }
  .main-section.notice-section::before {
    height: calc(100% - 110px - 110px);
    background: linear-gradient(90deg, #82BC5E 73.95%, #2B4B7E 99.45%);
    clip-path: polygon(0 56px, 100% 0, 100% 100%, 0 100%);
    opacity: 0.5;
  }
  .main-section.notice-section::after {
    background: #f5f5f5 !important;
    clip-path: polygon(0 0, 100% 56px, 100% calc(100% - 54px), 0 100%) !important;
  }
  .main-visual-slider {
    max-height: calc(100dvh - 70px - 16px - 30px);
    border-radius: 16px;
  }
  .main-visual-content {
    padding: 20px 30px 36px;
  }
  .main-visual-title {
    font-size: 24px;
  }
  .main-visual-text {
    width: 100%;
  }
  .main-visual-more {
    width: 32px;
  }
  .main-visual-date {
    width: calc(100% - 145px - 26px);
    margin-top: 12px;
  }
  .main-visual-ctrl {
    display: flex;
    align-items: center;
    width: auto;
    height: 52px;
    padding: 0 16px;
    border-radius: 15px;
  }
  .main-visual-ctrl::before {
    left: -26px;
    transform: scale(-1);
    width: 52px;
    height: 100%;
    background: url(/resource/www/img/img_curve_mobile.svg) no-repeat center/contain;
  }
  .main-visual-ctrl::after {
    border-radius: 15px;
  }
  .main-visual-ctrl-inner {
    height: 100%;
    padding-top: 0;
  }
  .main-visual-ctrl-inner .swiper-prev-button, .main-visual-ctrl-inner .swiper-next-button, .main-visual-ctrl-inner .swiper-pause-button {
    height: 100%;
  }
  .main-visual-ctrl-inner .swiper-prev-button {
    width: 24px;
    margin-right: 12px;
  }
  .main-visual-ctrl-inner .swiper-next-button {
    width: 24px;
    margin-left: 12px;
  }
  .main-visual-ctrl-inner .swiper-pause-button {
    background-size: 8px;
  }
  .main-visual-ctrl-inner .main-visual-paging {
    margin-right: 12px;
  }
  .main-shortcut {
    border-radius: 15px;
  }
  .main-shortcut-link:hover {
    border-radius: 15px;
  }
  .main-shortcut-link > img {
    width: 33px;
    height: 33px;
  }
  .main-shortcut-link > p {
    margin-top: 10px;
  }
  .main-shortcut-group-link:first-child {
    padding-top: 12px;
    padding-bottom: 4px;
    border-radius: 0 15px 0 0;
  }
  .main-shortcut-group-link:last-child {
    padding-top: 4px;
    padding-bottom: 12px;
    border-radius: 0 0 15px 0;
  }
  .main-shortcut-group-link > p {
    font-size: 16px;
  }
  .main-shortcut-group.type2 > a {
    border-radius: 15px;
  }
  .main-event {
    border-radius: 15px;
  }
  .main-event-ctrl.swiper-ctrl.type2 button {
    width: 36px;
    height: 36px;
  }
  .main-event-info-title, .main-event-info-text {
    font-size: 13px;
  }
  .main-event-name {
    padding: 14px 22px;
    border-radius: 15px 0 15px 0;
  }
  .main-event-slider {
    margin-top: 8px;
  }
  .main-event-slider .swiper-slide:has(.no-data) {
    aspect-ratio: 614/111;
  }
  .main-event-category {
    min-width: 95px;
  }
  .main-event-category-select {
    height: 35px;
    background: #F0F4ED url(/resource/www/img/ico_select.png) no-repeat center right 12px/10px auto;
  }
  .main-event-category-select > p {
    padding: 0 37px 0 16px;
  }
  .main-event-category-link {
    padding: 10px 0;
  }
  .main-support {
    border-radius: 15px;
  }
  .main-support-title {
    font-size: 24px;
  }
  .main-support-text {
    font-size: 16px;
  }
  .main-business-head {
    margin-bottom: 16px;
  }
  .main-business-body {
    padding: 16px;
    border-radius: 15px;
  }
  .main-business-card-item .thum {
    width: 200px;
  }
  .main-business-card-item .caption .title {
    margin-bottom: clamp(12px, 12px + 25 * (100vw - 481px) / 287, 37px);
  }
  .main-business-card-item .caption .main-common-file-action a {
    width: 35px;
    height: 35px;
  }
  .main-business-move-set {
    gap: 12px;
    width: 100%;
    max-width: 487px;
  }
  .main-business-move-link {
    padding: 12px 8px 12px 14px;
    border-radius: 15px;
  }
  .main-business-move-link > .main-common-more {
    width: 35px;
    height: 35px;
  }
  .main-business-move-link .tit {
    width: 110px;
    margin-right: 8px;
    font-size: 16px;
  }
  .main-video {
    border-radius: 15px;
  }
  .main-webzine-link {
    padding: 56px 26px 50px;
    border-radius: 15px;
  }
  .main-webzine-link::after {
    border-radius: 15px;
  }
  .main-webzine-text {
    margin-top: 20px;
    font-size: 13px;
  }
  .main-webzine-date {
    margin-top: 30px;
  }
  .main-webzine-plus {
    top: 21px;
    right: 26px;
  }
  .main-newsletter-link {
    height: 240px;
    margin: 0 10px;
    border-radius: 15px;
  }
  .main-gallery-list {
    gap: 20px;
  }
  .main-gallery-item {
    width: calc(50% - 10px);
  }
  .main-gallery-item:nth-child(n+3) {
    margin-top: 8px;
  }
  .main-gallery-thumbnail {
    border-radius: 15px;
  }
  .main-report-link {
    margin: 0;
  }
  .main-report-button a ~ a {
    margin-top: 10px;
  }
  .main-report-thumbnail {
    border-radius: 15px;
  }
  .main-report-thumbnail::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent);
    opacity: 1;
  }
  .main-news .main-business-slide {
    display: flex;
    padding: 0 10px;
  }
  .main-news .main-business-content {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }
  .main-news .main-business-thumbnail {
    margin-top: 0;
    border-radius: 15px;
  }
  .main-notice-tab-list {
    margin-bottom: 0px;
  }
  .main-notice-title {
    font-size: 16px;
  }
  .main-notice-box {
    flex: 1 1 100%;
    min-height: 145px;
    padding: 50px 24px 26px;
    border-radius: 15px;
  }
  .main-notice-contents {
    padding-top: 0;
  }
  .main-notice-ksba {
    top: 124px;
    font-size: 40px;
  }
  .main-notice-category {
    width: 92px;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .main-notice-info {
    margin-top: 20px;
  }
  .main-related-link {
    padding: 0 10px;
  }
  /* Sub */
  .sub-contents {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .sub-menu {
    height: 42px;
  }
  .sub-menu-wrap {
    width: 100%;
  }
  .sub-menu-wrap::before {
    display: none;
  }
  .sub-menu-list {
    justify-content: flex-start;
  }
  .sub-menu-item.home {
    flex-shrink: 0;
    width: 50px;
  }
  .sub-menu-item.depth {
    flex-grow: 1;
    min-width: unset;
  }
  .sub-menu-link {
    line-height: 67px;
  }
  .sub-menu-link img {
    width: 18px;
  }
  .sub-menu-text {
    font-size: 15px;
  }
  .sub-menu2-list {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
  }
  .sub-menu2-item ~ .sub-menu2-item {
    border-top: 1px solid var(--color-ddd);
  }
  .sub-menu2-link {
    font-size: 14px;
  }
  .sub-title-wrap {
    display: none;
  }
  /*  기관소개  */
  /* introduce */
  .introduce-group-top {
    padding: 40px;
    margin-bottom: 33px;
    border-radius: 15px;
  }
  .introduce-group-bottom {
    padding: 0 30px;
  }
  .introduce-group-bottom > p {
    font-size: 14px;
  }
  .introduce-group-bottom > p ~ p {
    margin-top: 20px;
  }
  .introduce-group-bottom > strong {
    margin-top: 42px;
    font-size: 18px;
  }
  .introduce-group-img {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
    gap: 16px;
    padding: 0px;
    margin-top: 66px;
  }
  .introduce-group-img .bg-img {
    width: unset;
  }
  .introduce-group .s-title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .introduce-group .s-title2 {
    font-size: 15px;
  }
  .introduce-group .s-title2:nth-of-type(2) {
    margin-top: 18px;
    font-size: 15px;
  }
  /* Establishment */
  .est-purpose-area {
    flex-direction: column;
  }
  .est-purpose-group.label-group, .est-purpose-group.icon-card-group {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
  }
  .est-purpose-group.label-group {
    margin-bottom: 100px;
  }
  .est-purpose-group.label-group::after {
    left: 50%;
    right: auto;
    top: calc(100% - 12px);
    transform: translate(-50%, 0) rotate(90deg);
    width: 85px;
    height: auto;
  }
  .est-purpose-group.label-group > .tit {
    width: 100%;
    padding: 14px 10px;
    font-size: 18px;
  }
  .est-purpose-group.icon-card-group::before {
    clip-path: inset(0 0 100% 0);
  }
  .est-purpose-group.icon-card-group .icon-card-item {
    padding: 13px 10px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit {
    font-size: 16px;
    line-height: 1.3;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit::before {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }
  .est-goal-area .icon-card-item {
    padding: 14px 10px;
  }
  .est-goal-area .icon-card-item > .tit {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    font-size: 15px;
    white-space: nowrap;
  }
  .est-goal-area .icon-card-item > .tit::before {
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
  .est-organ-block {
    padding-bottom: 8px;
    overflow-x: scroll;
  }
  .est-organ-area {
    min-width: 736px;
  }
  .est-organ-scroll-desc {
    display: block;
  }
  .est-history-title {
    margin-bottom: 40px;
  }
  .est-history-title > span {
    display: block;
    line-height: 1.5;
  }
  .est-history-group::before, .est-history-group::after {
    left: clamp(25vw, (100vw - 480px) * 0.9167 + 25vw, 50vw);
    left: 22%;
  }
  .est-history-box {
    flex-wrap: wrap;
  }
  .est-history-box ~ .est-history-box {
    margin-top: 40px;
  }
  .est-history-box::before, .est-history-box::after {
    left: clamp(25vw, (100vw - 480px) * 0.9167 + 25vw, 50vw);
    left: 22%;
  }
  .est-history-box::before {
    width: 20px;
    height: 20px;
  }
  .est-history-box::after {
    top: 5px;
    width: 11px;
    height: 11px;
  }
  .est-history-box-tit {
    width: 22%;
    padding-left: 28px;
    padding-right: 0;
    margin-bottom: 16px;
    font-size: 18px;
    text-align: left;
  }
  .est-history-list {
    flex: 1;
    width: auto;
    padding-left: 24px;
  }
  .est-history-item {
    margin-bottom: 10px;
  }
  .est-history-item > .date {
    min-width: 72px;
    padding: 0;
    padding-right: 12px;
  }
  .est-history-item > .txt {
    width: calc(100% - 72px);
  }
  .est-history-item span {
    font-size: 14px;
  }
  /* 주요사업 */
  .core-biz-tab {
    margin-bottom: 32px;
  }
  .core-biz-table .d-table {
    min-width: unset;
  }
  .core-biz-table .res-table, .core-biz-table .res-table thead, .core-biz-table .res-table tbody {
    display: block;
    width: 100%;
  }
  .core-biz-table .res-table th, .core-biz-table .res-table td {
    display: block;
    border: 0;
  }
  .core-biz-table .res-table.res-vertical tr th:last-child:nth-child(odd), .core-biz-table .res-table.res-vertical tr td:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  .core-biz-table .res-table.res-vertical tr > *:nth-child(even) {
    border-right: 0;
  }
  .core-biz-table .res-table.res-horizon tbody tr {
    grid-template-columns: 110px minmax(0, 1fr) 110px minmax(0, 1fr);
  }
  .core-biz-table .res-table.res-horizon th, .core-biz-table .res-table.res-horizon td {
    min-height: 40px;
  }
  .core-biz-table .res-table.res-horizon td {
    padding-left: 5px;
    min-width: 0;
    word-break: break-word;
  }
  .core-biz-table .res-table.res-horizon tbody td {
    border-right: 0;
  }
  .core-biz-system-row + .core-biz-system-arrow, .core-biz-system-row + .core-biz-system-arrow + .core-biz-system-arrow {
    margin-top: 0;
    margin-bottom: 0;
  }
  .core-biz-system-item {
    min-height: unset;
    flex-direction: column;
  }
  .core-biz-system-item.edu, .core-biz-system-item.fusion {
    flex-direction: column-reverse;
  }
  .core-biz-system-item .icon {
    width: 32px;
    height: 32px;
    margin-top: 0;
    margin-left: 10px;
  }
  .core-biz-system-head {
    flex-direction: row;
    width: 100%;
    min-width: unset;
    padding: 8px;
  }
  .core-biz-system-head .title {
    font-size: 15px;
  }
  .core-biz-system-head .title br {
    display: none;
  }
  .core-biz-system-body {
    padding: 8px;
  }
  .core-biz-system-center {
    min-width: 110px;
    min-height: 110px;
  }
  .core-biz-system-center-inner {
    min-width: 105px;
    min-height: 105px;
  }
  .core-biz-system-center-inner .title {
    min-width: 90px;
    min-height: 90px;
    font-size: 22px;
  }
  .core-biz-system-arrow {
    width: 30px;
  }
  .core-biz-process-row.top {
    gap: 8px;
  }
  .core-biz-process-row.top > .item .item-head .title {
    font-size: 15px;
  }
  .core-biz-process-row.top > .item .item-body {
    padding: 10px;
  }
  .core-biz-process-row.center .box > .item {
    font-size: 15px;
  }
  .core-biz-process-row.bottom {
    justify-content: center;
    flex-wrap: wrap;
  }
  .core-biz-process-row.bottom .item {
    min-width: 120px;
    border-radius: 15px 5px;
    font-size: 16px;
  }
  .core-biz-process-text {
    width: 100%;
  }
  .core-biz-process-text.top {
    margin: 10px auto 16px;
  }
  .core-biz-process-text.top .title {
    font-size: 16px;
  }
  .core-biz-process-text.top .txt {
    font-size: 15px;
  }
  .core-biz-process-text.bottom {
    margin: 47px auto 10px;
  }
  .core-biz-process-text.bottom .title {
    font-size: 16px;
  }
  .core-biz-process-text.bottom .txt {
    font-size: 15px;
  }
  .core-biz-button {
    margin-top: 30px;
  }
  /* 분과위원회 공통 */
  .division-tech-slider, .division-edu-slider, .division-policy-slider, .division-fusion-slider {
    margin-top: 50px;
  }
  .division-committee-tab-division .d-tab-wrap.type1 .d-tab-list {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }
  .division-committee-tab-active .tab-active-img {
    position: absolute;
    top: 62px;
    width: 125px;
    left: 16px;
  }
  .division-committee-tab-active .tab-active-img > p {
    font-size: 15px;
  }
  .division-committee-tab-active .tab-active-group {
    width: 100%;
  }
  .division-committee-tab-active .tab-active-group > div:not(.d-tab-wrap) {
    padding-top: 12px;
    padding-left: 149px;
  }
  .division-committee-tab-active .tab-active-group .d-tab-wrap.type2 {
    margin-bottom: 0;
  }
  .division-committee-tab-active > .inner {
    position: relative;
    justify-content: flex-end;
    min-height: 258px;
    padding: 6px 16px 10px;
  }
  .division-committee-tab-active .d-tab-wrap.type2 .d-scroll-desc {
    display: none;
  }
  .division-committee-tab-active .d-tab-wrap.type2 .d-tab-link, .division-committee-tab-active .dot-text-list.type2 > li {
    /* font-size: 16px; */
  }
  .division-committee-tab-active .dot-text-list.type2 > li {
    line-height: 1.5;
  }
  .division-committee-tab-division .d-tab-wrap.type1 .d-tab-link {
    /* font-size: 16px; */
  }
  /* Directions */
  .directions-content {
    margin-top: 45px;
  }
  .directions-content-title {
    width: 80px;
    padding: 8px 0 7px;
    font-size: 14px;
  }
  .directions-content-title > i {
    margin-left: -3px;
    font-size: 15px;
  }
  .directions-content-text {
    padding-left: 12px;
    font-size: 14px;
  }
  /* Org-Member */
  .org-member-row {
    grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
    gap: 16px;
  }
  .org-member-card {
    padding: 12px 12px 18px;
  }
  .org-member-card-img {
    height: 54px;
    line-height: 54px;
  }
  .org-member-card-txt {
    padding: 12px 8px 10px;
    margin-top: 12px;
  }
  .org-member-card-txt .title {
    margin-bottom: 8px;
    font-size: 14px;
  }
  .org-member-card-txt .sub {
    height: 30px;
    font-size: 13px;
  }
  .org-member-card-btn {
    flex-wrap: wrap;
    gap: 8px;
  }
  .org-member-card-btn > a {
    min-width: 112px;
    padding: 8px 0;
    font-size: 14px;
  }
  .org-member-card-btn > a > i {
    font-size: 14px;
  }
  .org-member-link-item {
    height: 70px;
    padding: 0 32px;
  }
  .org-member-link-txt .title {
    display: none;
  }
  .org-member-link-btn {
    max-width: 170px;
    font-size: 15px;
  }
  /* Member */
  .member-card-list {
    grid-template-columns: repeat(auto-fit, calc(50% - 8px));
    gap: 16px;
  }
  .member-card-item {
    min-height: 90px;
  }
  .member-card-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 13px;
  }
  .member-card-company, .member-card-name {
    font-size: 16px;
  }
  .member-card-name {
    margin-top: 10px;
  }
  .member-card-ctrl {
    margin-top: 36px;
  }
  .member-card-ctrl > .more-button {
    font-size: 18px;
  }
  .member-card-ctrl > .more-button > i {
    font-size: 20px;
  }
  /*  회원지원센터  */
  /* Tech-Support */
  .tech-support-filter {
    padding: 16px 16px 22px;
  }
  .tech-support-filter-group {
    flex-direction: column;
  }
  .tech-support-filter-group .filter-title {
    width: 100%;
    padding: 0;
    margin-bottom: 6px;
    font-size: 14px;
  }
  .tech-support-filter-group .filter-title > li > .text > br {
    display: none;
  }
  .tech-support-filter .accordion .accordion-title {
    min-height: 40px;
  }
  .tech-support-filter .accordion .accordion-title > .txt {
    gap: 6px;
    font-size: 14px;
  }
  .tech-support-filter .accordion .accordion-item input:checked + .accordion-title + .accordion-content .accordion-inner {
    padding: 10px 0 4px;
  }
  .tech-support-row {
    gap: 16px;
  }
  .tech-support-card {
    width: calc((100% - 16px) / 2);
    padding: 10px 10px 16px;
  }
  .tech-support-card-group.group-head {
    padding-left: 0;
    padding-bottom: 8px;
  }
  .tech-support-card-group.group-head .group-head-box .title {
    font-size: 16px;
  }
  .tech-support-card-group.group-head .group-head-box .sub {
    font-size: 14px;
  }
  .tech-support-card-group.group-body {
    padding-top: 8px;
    padding-left: 0;
  }
  .tech-support-card-group.group-body .group-body-row ~ .group-body-row {
    margin-top: 4px;
  }
  .tech-support-card-group.group-body .title, .tech-support-card-group.group-body .txt {
    width: 62px;
    font-size: 14px;
  }
  .tech-support-card-group.group-body .title {
    padding: 4px 0;
  }
  .tech-support-card-btn {
    padding: 8px 0;
    font-size: 14px;
  }
  /* 증명서 발급 신청 */
  .cert-apply-btn-group {
    gap: 8px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label {
    min-width: 110px;
    max-height: 45px;
    aspect-ratio: 165/78;
    padding: 4px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span {
    padding-left: 26px;
    font-size: 16px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span::before {
    top: 2px;
    width: 20px;
    height: 20px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span::after {
    left: 4px;
    top: 6px;
    width: 12px;
    height: 12px;
  }
  .cert-apply-ex-block {
    gap: 2.0833vw;
  }
  .cert-apply-ex-img {
    max-width: 200px;
    width: 25%;
  }
  .cert-apply-cta {
    max-width: 120px;
    margin-top: 30px;
  }
  /* 전문기업 인증서 발급 신청 */
  .expert-apply-top {
    flex-direction: column;
  }
  .expert-apply-top-title {
    padding-right: 0;
    margin-bottom: 8px;
    font-size: 20px;
  }
  .expert-apply-top-title::after {
    display: none;
  }
  .expert-apply-top-title > br {
    display: none;
  }
  .expert-apply-top .dot-text-list {
    padding-left: 0;
  }
  .expert-apply-process {
    gap: 6px;
  }
  .expert-apply-process .item {
    flex-direction: column;
    gap: 10px;
    padding: 4px;
  }
  .expert-apply-process .item + .arrow {
    width: 12px;
  }
  .expert-apply-process .item > .tit {
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
  }
  .expert-apply-process .item > .icon {
    margin-left: 0;
  }
  /*  커뮤니티  */
  .commu { /* 언론, 웹진, 뉴스레터, 동향보고서, 행사일정 공통 레이아웃 */ }
  .commu-item {
    gap: 6px;
    padding: 12px;
  }
  .commu-item-thum.horizen {
    width: 170px;
  }
  .commu-item-thum.vertical {
    width: 93px;
  }
  .commu-item-thum img {
    height: 100%;
  }
  .commu-item-link {
    gap: 12px;
  }
  .commu-item-caption-txt > .row:has(.category) {
    margin-bottom: 6px;
  }
  .commu-item-caption-txt > .row:has(.title) {
    gap: 6px;
    margin-bottom: 8px;
  }
  .commu-item-caption-meta {
    padding: 0;
    margin-top: 8px;
    gap: 8px;
  }
  .commu-item-caption-meta .txt {
    font-size: 13px;
  }
  .commu-item-caption-meta .txt > span {
    font-size: 13px;
  }
  .commu-item-caption-meta .txt > span ~ span {
    margin-left: 4px;
  }
  .commu-item-caption-meta .txt ~ .txt::before {
    height: 14px;
    margin-right: 8px;
  }
  .commu-item-action {
    gap: 8px;
  }
  .commu-item-action .download-btn, .commu-item-action .view-btn, .commu-item-action .application-btn {
    padding: 6px;
  }
  /* News-Letter */
  .news-letter-item-caption {
    padding: 0;
  }
  .news-letter-item-caption .commu-item-caption-txt > .row:has(.title) {
    margin-bottom: 0;
  }
  /* Report-Sub */
  .report-sub-caption {
    padding: 0;
  }
  /* regulations */
  .regs-item {
    border-radius: 10px;
  }
  .regs-head .title {
    font-size: 16px;
  }
  .regs-body {
    flex-wrap: wrap;
    justify-content: center;
  }
  .regs-thum {
    width: 120px;
  }
  .regs-caption {
    min-width: 378px;
  }
  .regs-caption .txt {
    font-size: 14px;
  }
  .regs-btn {
    font-size: 15px;
  }
  /* qna */
  .qna-write-block.write-wrap.small .qna-write-form {
    width: 100%;
    padding: 10px 0 14px;
    margin-top: 20px;
  }
  .qna-write-block.write-wrap.small .qna-write-form::before {
    top: -20px;
  }
  .qna-write-block.write-wrap.small .qna-write-form .board-write-content {
    padding-bottom: 6px;
  }
  /*  행사안내  */
  /* Event-Calendar */
  .event-calendar-tabs {
    gap: 4px;
    padding: 0;
    margin-top: 12px;
  }
  .event-calendar-tabs button {
    padding: 7px 14px;
  }
  .event-calendar-container {
    gap: 30px;
    margin-top: 20px;
  }
  .event-calendar-box {
    align-items: center;
    flex-direction: column;
  }
  .event-calendar-box #calendar {
    width: 100%;
  }
  .event-calendar-box #eventList {
    width: 100%;
  }
  .event-calendar-legend-item {
    padding-right: 20px;
  }
  .event-calendar-legend-item p {
    padding-left: 16px;
    font-size: 14px;
  }
  .event-calendar-legend-item p::before {
    width: 8px;
    height: 120%;
  }
  .event-calendar-list-title {
    padding: 13px 10px;
  }
  .event-calendar-item {
    padding: 10px 0 16px;
  }
  #calendar.fc .fc-col-header-cell-cushion {
    font-size: 14px;
  }
  #calendar.fc .fc-daygrid-day-number {
    font-size: 13px;
  }
  #calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    aspect-ratio: 1/0.5;
  }
  /* Event-List */
  .event-card-category {
    padding-left: 0;
  }
  .event-card-item-thum {
    width: 170px;
    font-size: 0;
  }
  .event-card-item-caption-meta {
    gap: 4px;
    margin-top: 0 !important;
  }
  .event-card-item-caption-meta .txt {
    gap: 6px;
  }
  .event-card-item-caption-meta .txt .tit {
    padding: 2px 8px;
    font-size: 14px;
  }
  .event-card-item-caption-meta .txt span:not(.tit) {
    margin-left: 0;
    font-size: 14px;
  }
  .event-card-item-caption .commu-item-caption-txt > .row:has(.title) {
    gap: 8px;
  }
  /* Event-View */
  .event-view-info {
    margin-bottom: 6.8359vw;
    border-width: 3px;
  }
  .event-view-info .commu-item {
    padding: 10px;
  }
  /* Promo-Gal */
  .promo-gal-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
    gap: 16px;
  }
  .promo-gal-card {
    width: unset;
  }
  .promo-gal-card-link.thum {
    margin-bottom: 8px;
    border-radius: 10px;
  }
  .promo-gal-card-link.thum .thum-over-text {
    font-size: 14px;
  }
  .promo-gal-card-link.thum .thum-over-text::before {
    width: 34px;
    height: 34px;
    margin-bottom: 12px;
  }
  .promo-gal-pop-body {
    padding: 20px 0;
  }
  .promo-gal-pop-title {
    font-size: 20px;
  }
  .promo-gal-pop-meta {
    padding-left: 28px;
    margin-top: 12px;
  }
  /*  회원 관련  */
  .entry { /* New-Login, Find 공통 */ }
  .entry-box {
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 10px 10px 0px 0px;
  }
  .entry-input .entry-input-item > .d-input {
    border-radius: 5px;
  }
  .entry-txt {
    margin-bottom: 22px;
    font-size: 23px;
  }
  .entry-btn-main[type=submit] {
    border-radius: 5px;
  }
  /* New-Login */
  .new-login-box {
    padding-top: 40px;
    padding-bottom: 49px;
  }
  .new-login-input .entry-input-item > .d-input {
    padding-left: 35px;
    padding-right: 35px;
  }
  .new-login-input .entry-input-item .pw-toggle-btn {
    right: 10px;
  }
  .new-login-input .entry-input-item .pw-toggle-btn > i {
    font-size: 17px;
  }
  .new-login-input .entry-input-item > [class^=ri-], .new-login-input .entry-input-item [class*=" ri-"] {
    left: 10px;
    font-size: 17px;
  }
  .new-login-join {
    border-radius: 5px;
    font-size: 16px;
  }
  .new-login-join > i {
    font-size: 18px;
  }
  /* New-Find */
  .new-find-head {
    height: 32px;
  }
  .new-find-head > button {
    height: calc(100% + 20px);
    font-size: 16px;
  }
  .new-find-head > button.active::after {
    bottom: -10px;
    height: 16px;
  }
  .new-find-box {
    padding-top: 26px;
    padding-bottom: 41px;
  }
  .join-step-box {
    padding: 30px 0 40px;
  }
  .join-step-ul::before {
    width: 90%;
    height: 5px;
  }
  .join-step-li .circle {
    width: 25px;
    height: 25px;
  }
  .join-step-li .txt {
    padding-top: 10px;
    line-height: 1.3;
  }
  .join-btn-wrap {
    padding-top: 40px;
    gap: 5px;
  }
  .join-write-ul {
    border: none;
  }
  .join-write-li {
    border: 1px solid var(--color-d9);
  }
  .join-write-li:last-child {
    border-bottom: 1px solid var(--color-d9);
  }
  .join-write-li ~ .join-write-li {
    margin-top: 10px;
  }
  .join-write-inner {
    display: block;
  }
  .join-write-inner .k {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 16px;
  }
  .join-write-inner .v {
    display: block;
    width: 100%;
    padding: 12px;
  }
  .join-write-inner .v .text-wrap {
    font-size: 14px;
  }
  .join-input-wrap .d-input {
    width: 100%;
  }
  .join-input-wrap .btn {
    width: 105px;
  }
  .join-input-wrap.id .d-input {
    width: calc(100% - 112px);
  }
  .join-input-wrap.pw .d-input {
    width: 100%;
  }
  .join-input-wrap.address .join-input-box ~ .join-input-box {
    margin-top: 7px;
  }
  .join-input-box {
    gap: 7px;
  }
  .join-input-wrap.address .add-input01 {
    width: calc(100% - 112px);
  }
  .join-complete-box {
    height: auto;
    padding: 50px 30px;
  }
  /* join-info */
  .join-info-text-wrap .text-box {
    padding: 20px 10px 16px;
    background-size: 80px;
    background-position: right 8px bottom -12px;
  }
  .join-info-benefit {
    gap: 12px;
  }
  .join-info-benefit .benefit-group {
    border-radius: 10px;
  }
  .join-info-benefit .benefit-group-title {
    padding: 6px 24px;
    border-radius: 10px 0px 15px;
    font-size: 16px;
  }
  .join-info-benefit .benefit-group > a {
    flex: 1;
    min-width: 155px;
    padding: 0 8px;
  }
  .join-info-benefit .benefit-box {
    padding: 0 20px 12px;
  }
  .join-info-online {
    gap: 12px;
    flex-wrap: wrap;
  }
  .join-info-online .online-group {
    flex: 1;
    gap: 14px;
    min-width: 382px;
  }
  .join-info-online .online-group > a {
    flex: 1;
    height: 48px;
    aspect-ratio: unset;
    padding: 0 12px;
    border-radius: 4px;
  }
  .join-info-online .online-group > a > span {
    font-size: 16px;
  }
  .join-info-online .text-wrap {
    min-width: 268px;
  }
  /* individual application */
  .individualApplication-wrap .board-write-title {
    padding-left: 0;
    padding-right: 0;
  }
  .input-tel-ul {
    justify-content: space-between;
    gap: 10px;
  }
  .input-tel-li {
    font-size: 14px;
  }
  .input-mail-ul {
    gap: 10px;
  }
  .input-mail-li {
    font-size: 14px;
  }
  .input-mail-li:last-child {
    flex: 1;
  }
  .input-mail-li:last-child .d-select {
    width: 100%;
  }
  .terms-li ~ .terms-li {
    padding-top: 25px;
  }
  .terms-title {
    padding-bottom: 10px;
    font-size: 20px;
  }
  .terms-content-wr .txt-area {
    padding: 20px;
    font-size: 14px;
  }
  .terms-radio-wrap .radio-wrap_item:not(:last-child) {
    margin-right: 15px;
  }
  .identification-ul {
    margin: -5px;
  }
  .identification-li {
    width: 100%;
    padding: 5px;
  }
  .identification-li .box {
    height: auto;
    padding: 20px;
  }
  .identification-li .t1 {
    font-size: 20px;
  }
  .identification-li .t2 {
    padding: 10px 0;
    font-size: 16px;
  }
  .identification-li .btn {
    width: 150px;
  }
  .complete-t1 {
    padding-bottom: 25px;
    font-size: 18px;
  }
  .find-wrap {
    padding-top: 40px;
  }
  .find-info-ul {
    margin: -5px;
  }
  .find-info-li {
    width: 100%;
    padding: 5px;
  }
  .find-info-li .box {
    height: auto;
    padding: 20px;
  }
  .find-info-li .t1 {
    font-size: 20px;
  }
  .find-info-li .t2 {
    padding: 10px 0;
    font-size: 16px;
  }
  .find-info-li .btn {
    width: 150px;
  }
  .find-result {
    padding-top: 30px;
  }
  .find-result .box {
    padding: 20px;
  }
  .find-result .fs-txt {
    font-size: 20px;
    text-align: center;
  }
  .fs-title {
    padding-bottom: 10px;
    font-size: 20px;
  }
  .fs-btn-wrap {
    padding-top: 10px;
    gap: 5px;
  }
  #modify_info .join-wrap {
    padding-top: 40px;
  }
  #withdrawal .join-wrap {
    padding-top: 40px;
  }
  .withdrawal-box {
    height: auto;
  }
  .withdrawal-box .icon {
    width: 80px;
    height: 80px;
  }
  .withdrawal-box .icon img {
    width: 35px;
    max-width: 50%;
  }
  .withdrawal-box .t1 {
    padding: 20px 0 13px;
    font-size: 20px;
  }
  .withdrawal-box .t2 {
    font-size: 18px;
  }
  .term-wrap {
    padding-top: 40px;
  }
  .term-title {
    padding-bottom: 10px;
    font-size: 20px;
  }
  .term-box {
    padding: 20px;
    font-size: 14px;
    line-height: 1.5;
  }
  .policy-tab {
    margin: -3px;
  }
  .policy-tab-li {
    padding: 3px;
  }
  .policy-tab-btn {
    padding: 0 10px;
    font-size: 16px;
  }
  .policy-inner ~ .policy-inner {
    padding-top: 30px;
  }
  .policy-inner .mrt {
    margin-top: 0.5em;
  }
  .policy-title01 {
    margin-bottom: 7px;
    font-size: 20px;
  }
  .policy-text01 {
    font-size: 15px;
    line-height: 1.5;
  }
  .policy-text02 {
    font-size: 15px;
    line-height: 1.5;
  }
  .policy .dot::before {
    top: 10px;
  }
  .sitemap-ul {
    margin: -5px;
  }
  .sitemap-li {
    width: 50%;
    padding: 5px;
  }
  .sitemap-box.bg01 {
    background-color: transparent;
  }
  .sitemap-li:nth-child(2n) .sitemap-box {
    background-color: var(--color-f5);
  }
  .sitemap-title {
    font-size: 20px;
  }
  .sitemap-list li a {
    font-size: 17px;
  }

  /* 2026-07-27 추가 레이아웃 { */
  .member-intro-box {border-radius: 10px; padding: 10px;}
  .member-intro-box-inner {border-radius: 10px; padding: 20px;}
  .member-intro-box-inner .t1 {font-size: 14px;}
  .member-intro-box-inner .t2 {font-size: 20px;}

  .member-intro-item {padding: 0 16px;}
  .member-intro-content {padding-left: 10px;}
  .member-intro-content .title {font-size: 15px;}
  .member-intro-content .num {font-size: 15px;}
  .member-intro-content .num-inner {font-size: 22px;}

  .member-partner-slide {width: calc((100% - (10px * 1)) / 2);}
  .member-partner-img {padding: 10px; border-radius: 5px;}
  .member-partner-ctr {display: none;}
  /* } 2026-07-27 추가 레이아웃 */
}
@media screen and (max-width: 480px) {
  /* Common */
  #main,
  #sub {
    padding-top: 68px;
  }
  .header-logo,
  .mobile-menu-box {
    width: 48.33vw;
    min-width: 170px;
  }
  .header-logo > a,
  .mobile-menu-box > a {
    width: 100%;
    aspect-ratio: 200/32;
  }
  .header-mobile-tool .header-language-button {
    padding: 0 18px 0 10px;
    background: var(--white-color) url(/resource/www/img/ico_select.png) no-repeat center right 7px/8px auto;
    font-size: clamp(12px, 2.7083vw, 13px);
  }
  .mobile-tool {
    height: 100%;
  }
  .footer-menu-list {
    margin: -1px -7px;
    text-align: center;
  }
  .footer-menu-item {
    padding: 1px 7px;
  }
  .footer-info-list {
    flex-wrap: wrap;
    gap: 0;
  }
  .footer-info-item {
    width: 100%;
    margin-top: 0;
  }
  .footer-info-item:last-child {
    display: inline-block;
    width: 100%;
  }
  .footer-info-item::before {
    display: none;
  }
  /* Quick Menu */
  .quick-wrap:not(:has(.quick-list)).show {
    bottom: 24px;
  }
  .quick-wrap:not(:has(.quick-list)).fixed {
    bottom: 220px;
  }
  .quick-wrap:not(:has(.quick-list)) .top-button {
    width: 45px;
    height: 45px;
    padding-bottom: 0px;
    font-size: 16px;
  }
  .quick-wrap:not(:has(.quick-list)) .top-button span {
    display: none;
  }
  .main {
    /* 공통 */
  }
  .main-webzine-link, .main-notice-box {
    padding: 52px clamp(20px, 20px + 4 * (100vw - 360px) / 120, 24px) 30px;
  }
  .main-event-name, .main-notice-category, .main-webzine-category {
    font-size: clamp(15px, 1vw + 11.2px, 16px);
  }
  .main-event-name, .main-notice-category {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .main-common-head {
    margin-bottom: 24px;
  }
  .main-common-more {
    width: 22px;
    height: 22px;
  }
  .main-common-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
  }
  .main-section.event-section {
    margin-top: 40px;
  }
  .main-section.business-section, .main-section.report-section {
    margin: 80px 0;
  }
  .main-section.webzine-section {
    padding-top: 30px;
    padding-bottom: 66px;
  }
  .main-section.business-section {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.gallery-section {
    margin-top: 0;
  }
  .main-visual-content {
    padding-left: 3.333vw;
    padding-right: 3.333vw;
  }
  .main-visual-title {
    font-size: clamp(18px, 3.636vw + 4.55px, 22px);
  }
  .main-visual-text {
    display: none;
  }
  .main-visual-more {
    width: 24px;
  }
  .main-visual-paging {
    font-size: 14px;
  }
  .main-shortcut {
    flex-wrap: wrap;
    margin-top: 24px;
    border-radius: 15px;
  }
  .main-shortcut-list {
    width: 100%;
    padding: 10px 0;
  }
  .main-shortcut-list-item > img {
    width: 35px;
    height: 35px;
  }
  .main-shortcut-list-item > p {
    font-size: 14px;
  }
  .main-shortcut-group {
    width: 100%;
  }
  .main-shortcut-group-link:first-child {
    border-radius: 0;
  }
  .main-shortcut-group-link:last-child {
    border-radius: 0 0 15px 15px;
  }
  .main-shortcut-link {
    padding-top: clamp(8px, 8px + 8 * (100vw - 360px) / 120, 16px);
    padding-bottom: clamp(8px, 8px + 8 * (100vw - 360px) / 120, 16px);
  }
  .main-event {
    padding: 16px 8px 24px;
    font-size: 16px;
  }
  .main-event-name {
    padding-left: 18px;
    padding-right: 18px;
  }
  .main-event-category {
    min-width: 85px;
  }
  .main-event-category-select > p {
    padding: 0 29px 0 16px;
    font-size: 16px;
  }
  .main-event-slider {
    width: 100%;
  }
  .main-event-slider .swiper-slide:has(.no-data) {
    aspect-ratio: 410/114;
  }
  .main-event-ctrl {
    display: none;
  }
  .main-event-class span {
    font-size: 10px;
  }
  .main-event-title > p {
    font-size: 16px;
  }
  .main-event-info-item {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
  }
  .main-event-info-item ~ .main-event-info-item {
    margin-top: 8px;
  }
  .main-event-info-title {
    padding: 2px 8px;
  }
  .main-event-info-text {
    width: calc(100% - 45px - 13px);
  }
  .main-event-ctrl.swiper-ctrl.type2 button {
    width: 38px;
    height: 38px;
  }
  .main-event-ctrl.swiper-ctrl.type2 .swiper-prev-button {
    left: 8px;
  }
  .main-event-ctrl.swiper-ctrl.type2 .swiper-next-button {
    right: 8px;
  }
  .main-support {
    padding: 24px 17px 32px 32px;
    margin-top: 14px;
  }
  .main-support::after {
    top: auto;
    right: 32px;
    bottom: 0;
    width: 14.375vw;
    height: 14.583333vw;
  }
  .main-support-title {
    font-size: 18px;
  }
  .main-support-text {
    width: calc(100% - 14.375vw - 12px);
    margin-top: 16px;
  }
  .main-support-button {
    margin-top: 40px;
  }
  .main-business-head {
    padding: 16px 10px 0;
    margin-bottom: 10px;
  }
  .main-business-head .main-common-title {
    margin-bottom: 24px;
  }
  .main-business-body {
    width: calc(100% - 20px);
  }
  .main-business-card-item {
    flex-direction: column;
  }
  .main-business-card-item ~ .main-business-card-item {
    margin-top: 20px;
  }
  .main-business-card-item .thum {
    width: 100%;
  }
  .main-business-card-item .caption {
    width: 100%;
  }
  .main-business-card-item .caption .title {
    margin-bottom: 12px;
    font-size: 15px;
  }
  .main-business-move-set {
    gap: 8px;
  }
  .main-business-move-link {
    width: calc(50% - 4px);
    min-height: 48px;
    padding: 8px;
    border-radius: 12px;
  }
  .main-business-move-link .tit {
    font-size: clamp(13px, 13px + 1 * (100vw - 320px) / 160, 14px);
  }
  .main-business-move-link > .main-common-more {
    width: clamp(20px, 20px + 12 * (100vw - 320px) / 160, 32px);
    height: auto;
    aspect-ratio: 1/1;
  }
  .main-webzine-category {
    padding-left: 24px;
    padding-right: 24px;
  }
  .main-webzine-link {
    height: auto;
    padding-bottom: 50px;
  }
  .main-webzine-title {
    font-size: 16px;
  }
  .main-webzine-text {
    margin-top: 16px;
  }
  .main-webzine-date {
    margin-top: 16px;
  }
  .main-webzine-plus {
    top: 16px;
    right: 30px;
    width: 24px;
    height: 24px;
  }
  .main-newsletter {
    margin-top: 40px;
  }
  .main-newsletter-link {
    height: 212px;
  }
  .main-gallery-list {
    flex-direction: column;
    gap: 20px;
  }
  .main-gallery-item {
    width: 100%;
  }
  .main-gallery-title {
    margin-top: 12px;
  }
  .main-gallery-date {
    margin-top: 10px;
    font-size: 12px;
  }
  .main-report-thumbnail {
    flex: unset;
    aspect-ratio: 185/213;
    padding: 8px 14px;
  }
  .main-report-content {
    padding: 10px 19px 0 6px;
  }
  .main-report-link {
    height: auto;
  }
  .main-report-date {
    margin-top: 16px;
    font-size: 12px;
  }
  .main-report-button {
    bottom: 10px;
    right: 10px;
  }
  .main-news-body {
    height: 420px;
  }
  .main-news .main-business-slide ~ .main-business-slide {
    margin-top: 20px;
  }
  .main-news .main-business-slide {
    flex-direction: column;
    gap: 16px;
  }
  .main-news .main-business-thumbnail {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 422/242;
  }
  .main-news .main-business-content {
    flex: none;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .main-news .main-business-date {
    margin-top: 16px;
  }
  .main-notice-tab-link {
    font-size: 16px;
  }
  .main-notice-content {
    gap: 12px;
  }
  .main-notice-category {
    display: inline-block;
    width: 85px;
    min-width: unset;
    text-align: center;
  }
  .main-notice-info {
    margin-top: 20px;
    font-size: 12px;
  }
  .main-notice-ksba {
    top: clamp(124px, 124px + (480px - 100vw) * 0.08, 132px);
    font-size: 8.3333vw;
  }
  .main-partner-list {
    flex-direction: column;
  }
  .main-partner-item {
    width: 100%;
    height: 44px;
    line-height: 44px;
  }
  .main-partner-link > img {
    max-height: 32px;
  }
  .main-partner-link.small > img {
    max-height: 16px;
  }
  .main-related {
    margin-top: 24px;
  }
  .main-related-head, .main-related-body {
    width: 100%;
  }
  .main-related-head {
    margin-bottom: 18px;
    text-align: center;
  }
  .main-related-body {
    padding-left: 0;
  }
  .main-related-link {
    height: 34px;
    padding: 6px 0;
  }
  .main-related-link > img {
    height: 100%;
    max-height: 32px;
  }
  .main-related-ctrl.swiper-ctrl {
    left: auto;
    right: 0;
    top: 11px;
  }
  .sub-contents {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .sub-section ~ .sub-section {
    margin-top: 50px;
  }
  .sub-menu-item {
    height: 45px;
  }
  .sub-menu-item.home {
    display: none;
  }
  .sub-menu-text {
    font-size: 14px;
  }
  .sub-menu2-list {
    padding: 4px 0;
  }
  .sub-menu2-link {
    padding: 10px;
  }
  /* introduce */
  .introduce-group-top {
    padding: 34px 16px;
    margin-bottom: 27px;
  }
  .introduce-group-bottom {
    padding: 0 20px;
  }
  .introduce-group-bottom > p ~ p {
    margin-top: 16px;
  }
  .introduce-group-bottom > strong {
    margin-top: 33px;
    font-size: 16px;
  }
  .introduce-group-img {
    margin-top: 27px;
  }
  .introduce-group .s-title {
    margin-bottom: 14px;
    font-size: 18px;
  }
  .introduce-group .s-title2 {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
  }
  .introduce-group .s-title2:nth-of-type(2) {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.45;
  }
  /* Establishment */
  .est-purpose-group.label-group > .tit {
    padding: 10px;
    font-size: 15px;
  }
  .est-purpose-group.icon-card-group .icon-card-item {
    padding: 10px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit {
    font-size: 14px;
  }
  .est-purpose-group.icon-card-group .icon-card-item > .tit::before {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
  }
  .est-goal-area {
    flex-direction: column;
    gap: 12px;
  }
  .est-goal-area .icon-card-item {
    padding: 14px 40px 14px 10px;
  }
  .est-goal-area .icon-card-item > .tit {
    flex-direction: row;
    gap: 16px;
    text-align: left;
    white-space: normal;
  }
  .est-goal-area .icon-card-item > .tit::before {
    width: 35px;
    height: 35px;
  }
  .est-history-title {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .est-history-group {
    padding: 16px 0;
  }
  .est-history-group::before, .est-history-group::after {
    left: 10px;
  }
  .est-history-box {
    flex-direction: column;
  }
  .est-history-box ~ .est-history-box {
    margin-top: 20px;
  }
  .est-history-box::before, .est-history-box::after {
    left: 10px;
  }
  .est-history-box-tit {
    width: 100%;
    padding-left: 24px;
    margin-bottom: 12px;
    font-size: 16px;
  }
  .est-history-item {
    margin-bottom: 8px;
  }
  .est-history-item > .date {
    padding-right: 8px;
  }
  /* 주요사업 */
  .core-biz-tab {
    margin-bottom: 24px;
  }
  .core-biz-table .res-table.res-horizon tbody tr {
    grid-template-columns: 100px 1fr;
  }
  .core-biz-table .res-table.res-horizon th, .core-biz-table .res-table.res-horizon td {
    min-height: 40px;
  }
  .core-biz-table .res-table.res-horizon tbody tr ~ tr th {
    border-top: 0;
  }
  .core-biz-table .res-table.res-horizon tbody tr th {
    border-top: 1px solid var(--white-color);
  }
  .core-biz-system-row {
    display: grid;
    order: 2;
    grid-template-columns: repeat(auto-fit, minmax(192px, 1fr));
  }
  .core-biz-system-center {
    position: static;
    transform: none;
    margin: 0 auto;
    order: 1;
  }
  .core-biz-system-center-inner .title {
    font-size: 16px;
  }
  .core-biz-system-center-inner .title br {
    display: none;
  }
  .core-biz-system-item {
    width: auto;
  }
  .core-biz-system-item .icon {
    width: 26px;
    height: 26px;
    margin-left: 8px;
  }
  .core-biz-system-head + .core-biz-system-body {
    padding: 8px;
  }
  .core-biz-system-arrow {
    display: none;
  }
  .core-biz-process-row.top {
    flex-direction: column;
  }
  .core-biz-process-row.top .item {
    width: 100%;
  }
  .core-biz-process-row.top .item .item-body {
    min-height: unset;
  }
  .core-biz-process-row.top .item .help-txt {
    white-space: nowrap;
  }
  .core-biz-process-row.center {
    flex-direction: column;
  }
  .core-biz-process-row.center .item, .core-biz-process-row.center .box {
    width: 100%;
  }
  .core-biz-process-row.center .item .item, .core-biz-process-row.center .box .item {
    padding: 8px 0;
  }
  .core-biz-process-row.center .arrow {
    position: relative;
    top: unset;
    left: unset;
    width: 150px;
    height: 90px;
    margin: 28px auto 0;
    transform: unset;
    background: unset;
  }
  .core-biz-process-row.center .arrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    aspect-ratio: 240/253;
    background: url(/resource/www/img/img_manporwer_arrow.png) no-repeat center/contain;
    transform: rotate(90deg);
  }
  .core-biz-process-text.top {
    max-width: unset;
    margin: 30px auto 16px;
  }
  .core-biz-process-text.top .title {
    margin-bottom: 10px;
  }
  .core-biz-process-text.bottom {
    margin: 10px auto 10px;
  }
  .core-biz-process-text.bottom .title {
    margin-top: 10px;
  }
  .core-biz-button {
    margin-top: 20px;
  }
  /* 분과위원회 공통 */
  .division-tech-slider, .division-edu-slider, .division-policy-slider, .division-fusion-slider {
    margin-top: 0px;
  }
  .division-committee-tab-division {
    margin-bottom: 20px;
  }
  .division-committee-tab-active .tab-active-img {
    position: static;
    margin: 0 auto 8px;
  }
  .division-committee-tab-active .tab-active-group .d-tab-wrap.type2 {
    margin-bottom: 8px;
  }
  .division-committee-tab-active .tab-active-group > div:not(.d-tab-wrap) {
    padding-top: 0px;
    padding-left: 0;
    min-height: 80px;
  }
  .division-committee-tab-active > .title {
    margin-bottom: 8px;
    font-size: 15px;
  }
  .division-committee-tab-active > .title > p {
    font-size: 13px;
  }
  .division-committee-tab-active > .inner {
    position: static;
    flex-direction: column;
    min-height: auto;
    padding: 0px 16px 24px;
  }
  .division-committee-tab-active .d-tab-wrap.type2 .d-scroll-desc {
    display: block;
  }
  .division-committee-tab-active .d-tab-wrap.type2 .d-tab-link, .division-committee-tab-active .dot-text-list.type2 > li {
    /* font-size: 15px; */
  }
  /* Directions */
  .directions-map .wrap_btn_zoom {
    transform: scale(0.9);
  }
  .directions-content {
    margin-top: 35px;
  }
  .directions-content-col {
    width: 100%;
    white-space: nowrap;
  }
  .directions-content-title {
    width: 76px;
  }
  .directions-content-title > i {
    font-size: 14px;
  }
  .directions-content-text {
    width: calc(100% - 76px);
    padding-left: 10px;
    white-space: normal;
  }
  /* Org-Member */
  .org-member-filter .d-tab-list,
  .tech-support-filter .d-tab-list {
    padding-right: 2px;
  }
  .org-member-filter .d-tab-item,
  .tech-support-filter .d-tab-item {
    width: calc((100% - 10px) / 3);
  }
  .org-member-filter {
    margin-bottom: -2px;
  }
  .org-member-row {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
  }
  .org-member-card {
    padding: 10px 10px 14px;
  }
  .org-member-card-img {
    height: 46px;
    line-height: 46px;
  }
  .org-member-link-item {
    flex-direction: column;
    height: auto;
    padding: 16px 10px;
  }
  .org-member-link-group {
    gap: 0;
  }
  .org-member-link-img {
    width: 150px;
    margin-bottom: 10px;
  }
  /* Member */
  .member-card-list {
    grid-template-columns: repeat(auto-fit, calc(50% - 5px));
    gap: 10px;
  }
  .member-card-item {
    min-height: auto;
  }
  .member-card-inner {
    padding: 10px;
  }
  .member-card-company, .member-card-name {
    font-size: 14px;
    word-break: break-all;
  }
  .member-card-ctrl {
    margin-top: 28px;
  }
  .member-card-ctrl > .more-button {
    font-size: 15px;
  }
  .member-card-ctrl > .more-button > i {
    margin-left: 4px;
    font-size: 17px;
  }
  /*  회원지원센터  */
  /* Tech-Support */
  .tech-support-filter {
    padding: 10px 12px 16px;
  }
  .tech-support-filter .accordion .accordion-item ~ .accordion-item {
    margin-top: 4px;
  }
  .tech-support-row {
    gap: 10px;
  }
  .tech-support-card {
    width: 100%;
  }
  .tech-support-card-group.group-head .group-head-box .title {
    font-size: 15px;
  }
  .tech-support-card-group.group-head .group-head-box .sub {
    font-size: 13px;
  }
  .tech-support-card-group.group-body .txt {
    margin-left: 6px;
  }
  /* 증명서 발급 신청 */
  .cert-apply-btn-group {
    gap: 8px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label {
    min-width: 94px;
    aspect-ratio: 165/78;
    padding: 8px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio] + label > span {
    font-size: 15px;
  }
  .cert-apply-btn-group.radio-wrap input[type=radio]:checked + label > span {
    font-weight: 600;
  }
  .cert-apply-ex-block {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    flex-wrap: wrap;
    gap: 8px;
  }
  .cert-apply-ex-img {
    width: unset;
    max-width: unset;
    min-width: unset;
  }
  .cert-apply-cta {
    margin-top: 20px;
  }
  /* 전문기업 인증서 발급 신청 */
  .expert-apply-top-title {
    font-size: 16px;
  }
  .expert-apply-process {
    flex-direction: column;
  }
  .expert-apply-process .item {
    flex-direction: row;
    width: 100%;
    padding: 8px 4px;
  }
  .expert-apply-process .item + .arrow {
    width: 100%;
    height: 13px;
    background: url("/resource/www/img/img-expert-apply-arrow-90.png") no-repeat center/contain;
  }
  /*  커뮤니티  */
  .commu { /* 언론, 웹진, 뉴스레터, 동향보고서, 행사일정 공통 레이아웃 */ }
  .commu-item {
    padding: 10px;
  }
  .commu-item-link {
    flex: unset;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .commu-item-thum.horizen {
    width: 100%;
  }
  .commu-item-thum.horizen > img {
    width: 100%;
  }
  .commu-item-thum.vertical {
    width: 42%;
    margin: 0 auto;
  }
  .commu-item-caption {
    flex: unset;
    width: 100%;
    padding: 2px 0 2px;
  }
  .commu-item-caption-txt .title {
    font-size: 15px;
  }
  .commu-item-caption-txt .txt {
    font-size: 13px;
  }
  .commu-item-caption-meta .txt {
    font-size: 13px;
  }
  .commu-item-caption-meta .txt > span {
    font-size: 13px;
  }
  .commu-item-action .download-btn, .commu-item-action .view-btn, .commu-item-action .application-btn {
    font-size: 14px;
  }
  .commu-item-action .download-btn i[class^=ri-], .commu-item-action .view-btn i[class^=ri-], .commu-item-action .application-btn i[class^=ri-] {
    font-size: 16px;
  }
  /* Report-Sub */
  .report-sub-caption .commu-item-caption-txt .row {
    padding-top: 8px;
  }
  /* regulations */
  .regs-head {
    padding: 10px;
  }
  .regs-head .title {
    font-size: 16px;
  }
  .regs-body {
    flex-direction: column;
    gap: 8px;
    padding: 10px;
  }
  .regs-thum {
    width: 42%;
    margin: 0 auto;
  }
  .regs-caption {
    min-width: unset;
  }
  .regs-caption .txt {
    font-size: 13px;
  }
  .regs-btn {
    align-self: end;
    padding: 6px;
  }
  /*  행사안내  */
  /* Event-Calendar */
  .event-calendar-nav #currentYear {
    font-size: 16px;
  }
  .event-calendar-tabs {
    margin-top: 8px;
  }
  .event-calendar-tabs button {
    font-size: 15px;
  }
  .event-calendar-tabs button.active {
    font-weight: 500;
  }
  .event-calendar-container {
    gap: 26px;
    margin-top: 16px;
  }
  .event-calendar-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 3.75vw;
  }
  .event-calendar-legend-item {
    padding-right: 0;
  }
  .event-calendar-legend-item p {
    padding-left: 11px;
  }
  .event-calendar-legend-item p::before {
    width: 6px;
    height: 90%;
  }
  .event-calendar-list-title {
    font-size: 15px;
  }
  .event-calendar-item {
    padding: 8px 0 10px;
  }
  .event-calendar-date {
    font-size: 14px;
  }
  .event-calendar-name {
    font-size: 14px;
  }
  #calendar.fc .fc-col-header-cell-cushion {
    font-size: 14px;
  }
  #calendar.fc .fc-daygrid-day-number {
    font-size: 13px;
  }
  #calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    aspect-ratio: 1/0.3;
  }
  /* Event-List */
  .event-card-item-thum {
    width: 100%;
  }
  .event-card-item-caption-meta .txt .tit {
    font-size: 13px;
  }
  .event-card-item-caption-meta .txt span:not(.tit) {
    font-size: 13px;
  }
  .event-card-item-caption .commu-item-caption-txt > .row:has(.title) {
    gap: 6px;
  }
  /* Promo-Gal */
  .promo-gal-card-link.thum .thum-over-text::before {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
  }
  .promo-gal-card-title {
    font-size: 15px;
  }
  .promo-gal-card-sub {
    margin-top: 4px;
  }
  .promo-gal-pop-top {
    padding: 12px 0;
  }
  .promo-gal-pop-body {
    padding: 14px 0;
  }
  .promo-gal-pop-title {
    font-size: 16px;
  }
  .promo-gal-pop-meta {
    padding-left: 27px;
    margin-top: 8px;
    font-size: 14px;
  }
  .promo-gal-pop-meta span ~ span {
    margin-left: 8px;
  }
  .promo-gal-pop-meta span ~ span::before {
    height: 16px;
    margin-right: 8px;
  }
  /*  회원  */
  .entry { /* New-Login, Find 공통 */ }
  .entry-box {
    padding-left: clamp(10px, 10px + 6 * (100vw - 320px) / 160, 16px);
    padding-right: clamp(10px, 10px + 6 * (100vw - 320px) / 160, 16px);
  }
  .entry-txt {
    margin-bottom: 16px;
    font-size: 18px;
  }
  .entry-btn-main[type=submit] {
    height: 45px;
    font-size: 16px;
  }
  /* New-Login */
  .new-login-box {
    padding-top: 32px;
    padding-bottom: 41px;
  }
  .new-login-join {
    width: 70%;
    padding: 11px 0;
  }
  .new-login-link {
    flex-wrap: wrap;
  }
  .new-login-link-group-item ~ .new-login-link-group-item::before {
    margin: 6px;
  }
  .new-login-link-group .member-info-link-li a {
    font-size: 14px;
  }
  .new-login-link.member-info-link-ul {
    margin: unset;
  }
  /* New-Find */
  .new-find-head > button {
    font-size: 16px;
  }
  .new-find-box {
    padding-top: 18px;
    padding-bottom: 33px;
  }
  .new-find-radio {
    margin-bottom: 18px;
  }
  .join-step-box {
    padding: 25px 0 20px;
  }
  .join-step-li {
    min-width: 25%;
  }
  .join-btn-wrap {
    padding-top: 20px;
  }
  .join-complete-box {
    padding: 30px 20px;
  }
  .join-input-wrap.id .d-input, .join-input-wrap.address .add-input01 {
    width: calc(100% - 97px);
  }
  /* join-info */
  .join-info-text-wrap .text-box {
    padding: 16px 8px 12px;
    background-size: 70px;
  }
  .join-info-benefit {
    flex-wrap: wrap;
    gap: 8px;
  }
  .join-info-benefit .benefit-group-title {
    padding: 6px 20px;
    border-radius: 10px 0px 10px;
    font-size: 15px;
  }
  .join-info-benefit .benefit-box {
    flex: 1;
    min-width: 190px;
    padding: 0 12px 10px;
  }
  .join-info-online {
    gap: 10px;
    flex-direction: column;
  }
  .join-info-online-text {
    margin-top: 4px;
  }
  .join-info-online .online-group {
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    min-width: unset;
  }
  .join-info-online .online-group > a {
    min-width: 170px;
    height: 38px;
  }
  .join-info-online .online-group > a > span {
    font-size: 15px;
  }
  .join-info-online .text-wrap {
    width: 100%;
    min-width: unset;
  }
  .terms-content-wr .txt-area {
    padding: 15px;
  }
  .terms-title {
    font-size: 18px;
  }
  .identification-li .box {
    padding: 15px;
  }
  .identification-li .t1 {
    font-size: 18px;
  }
  .identification-li .t2 {
    padding: 8px 0;
  }
  .input-tel-ul {
    gap: 5px;
  }
  .input-mail-ul {
    flex-wrap: wrap;
    gap: 5px;
  }
  .input-mail-li {
    width: calc((100% - 22px) / 2);
  }
  .input-mail-li:nth-child(2) {
    width: 12px;
  }
  .complete-t1 {
    padding-bottom: 15px;
    font-size: 16px;
  }
  .find-wrap {
    padding-top: 20px;
  }
  .find-info-li .box {
    padding: 15px;
  }
  .find-info-li .t1 {
    font-size: 18px;
  }
  .find-info-li .t2 {
    padding: 8px 0;
  }
  .find-result .fs-txt {
    font-size: 18px;
  }
  .fs-title {
    font-size: 18px;
  }
  #modify_info .join-wrap {
    padding-top: 20px;
  }
  #withdrawal .join-wrap {
    padding-top: 20px;
  }
  .withdrawal-box .icon {
    width: 60px;
    height: 60px;
  }
  .withdrawal-box .icon img {
    width: 35px;
    max-width: 50%;
  }
  .withdrawal-box .t1 {
    font-size: 18px;
  }
  .withdrawal-box .t2 {
    font-size: 16px;
  }
  .term-wrap {
    padding-top: 20px;
  }
  .term-title {
    font-size: 18px;
  }
  .term-box {
    padding: 15px;
  }
  .policy-tab-li {
    width: 100%;
  }
  .policy-tab-btn {
    height: 45px;
    font-size: 15px;
  }
  .policy-title01 {
    font-size: 18px;
  }
  .sitemap-li {
    width: 100%;
  }
  .sitemap-box {
    min-height: auto;
    padding: 15px 15px 20px;
  }
  .sitemap-title {
    font-size: 18px;
  }
  .sitemap-list li a {
    font-size: 15px;
  }
  /* individual_join */
  .indi-join-caution {
    flex-wrap: wrap;
    gap: 16px;
  }
  .division-committee-tab-division .d-tab-wrap.type1 .d-tab-link {
    /* font-size: 15px; */
  }

  /* 2026-07-27 추가 레이아웃 { */
  .member-intro-box {margin-bottom: 16px;}
  .member-intro-box-inner .t2 {font-size: 18px;}
  .member-intro-list {flex-direction: column;}
  .member-intro-item {width: 100%; padding: 16px;}
  .member-intro-item ~ .member-intro-item {border-left: none; border-top: 1px solid rgba(70,148,224,.42);}

  .member-partner-slider {margin-bottom: 16px;}
  /* } 2026-07-27 추가 레이아웃 */
}

/* 2026-07-02 메인 레이아웃 수정 { */
.main-common-head-type2 {
  margin-bottom: 32px;
}
.main-common-file-action-download-type2 {
  background: var(--white-color);
}
.main-section.banner-section .main-banner {
  display: flex;
  align-items: stretch;
  gap: 11px;
}
.main-section.banner-section .main-banner-list {
  display: flex;
  flex: 1;
  gap: 11px;
}
.main-section.banner-section .main-banner-item {
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
}
.main-section.banner-section .main-banner-item-green {
  background-color: #DCEBCB;
}
.main-section.banner-section .main-banner-item-gray {
  background-color: #eee;
}
.main-section.banner-section .main-banner-link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 59px 24px 70px 32px;
  z-index: 0;
}
.main-section.banner-section .main-banner-link .text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.main-section.banner-section .main-banner-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--black-color);
}
.main-section.banner-section .main-banner-more {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  height: 40px;
  gap: 6px;
  padding: 0 13px 0 20px;
  background: var(--white-color);
  border-radius: 33px;
  font-size: 17px;
  font-weight: 500;
  color: var(--sub2-color);
  transition: var(--duration-sm);
}
.main-section.banner-section .main-banner-more i {
  font-size: 23px;
}
.main-section.banner-section .main-banner-more:hover {
  background: var(--green-color);
  color: var(--white-color);
}
.main-section.banner-section .main-banner-thumb {
  position: absolute;
  right: -50px;
  bottom: 5px;
  z-index: -1;
  pointer-events: none;
}
.main-section.banner-section .main-banner-thumb.scd-thm {
  right: 0;
}
.main-section.banner-section .main-banner-thumb img {
  display: block;
  width: 100%;
}
.main-section.banner-section .main-banner-thumb {
  transition: transform var(--duration-md);
}
.main-section.banner-section .main-broch {
  flex: 1.35;
  display: flex;
  align-items: center;
  padding: 43px 50px 32px 50px;
  border-radius: 20px;
  background: linear-gradient(180deg, #CAE5FF 60%, #D2FFB5);
  overflow: hidden;
  position: relative;
  min-height: 300px;
}
.main-section.banner-section .main-broch-list {
  display: flex;
  justify-content: center;
  gap: 34px;
  width: 100%;
  z-index: 1;
}
.main-section.banner-section .main-broch-item {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
}
.main-section.banner-section .main-broch-cover {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 167/225;
  flex: 1;
}
.main-section.banner-section .main-broch-cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-section.banner-section .main-broch-info {
  flex: 1;
  padding: 34px 0 45px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-section.banner-section .main-broch-info .title {
  font-size: 18px;
  font-weight: 600;
}
.main-section.banner-section .main-broch-info .file-action {
  display: flex;
  gap: 10px;
}
.main-section.banner-section .main-broch-thm {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-section.banner-section .main-broch-thm img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-section.business-section {
  position: relative;
  padding: 56px 0;
}
.main-section.business-section::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 54%;
  height: 100%;
  background: url("/resource/www/img/vis_main_business.png") no-repeat center center/cover;
  border-radius: 60px 0 0 60px;
}
.main-section.promo-section .main-promo {
  display: grid;
  grid-template-columns: 1.305fr 1fr;
  gap: 44px;
}
.main-section.promo-section .main-promo-feature {
  flex: 1;
}
.main-section.promo-section .main-promo-feature .main-video {
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  aspect-ratio: 880/490;
}
.main-section.promo-section .main-promo-feature .main-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-section.promo-section .main-promo-side {
  display: grid;
  padding: 33px 0 18px;
}
.main-section.promo-section .main-promo-title {
  font-size: 30px;
  font-weight: 600;
  height: 30px;
  color: var(--black-color);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 6px;
}
.main-section.promo-section .main-promo-desc {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-444);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
  height: 40px;
}
.main-section.promo-section .main-promo-slider {
  overflow: hidden;
}
.main-section.promo-section .main-promo-slider .swiper-slide {
  height: auto;
}
.main-section.promo-section .main-promo-clip {
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  aspect-ratio: 880/490;
}
.main-section.promo-section .main-promo-clip img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-section.promo-section .main-promo-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.main-section.promo-section .main-promo-ctrl {
  display: flex;
  gap: 15px;
}
.main-section.promo-section .main-promo-ctrl button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: var(--color-ea);
  font-size: 22px;
  color: var(--color-444);
  transition: var(--duration-sm);
}
.main-section.promo-section .main-promo-ctrl button:hover {
  background: var(--green-color);
  color: var(--white-color);
}
.main-section.promo-section .main-promo-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  font-weight: 500;
  transition: var(--duration-sm);
}
.main-section.promo-section .main-promo-more span {
  border-bottom: 1px solid var(--black-color);
}
.main-section.promo-section .main-promo-more i {
  font-size: 23px;
}
.main-section.promo-section .main-promo-more:hover {
  color: var(--darkgreen-color);
}
.main-section.trend-section .wrapper2 {
  display: flex;
  align-items: flex-start;
  gap: 36px;
}
.main-section.trend-section .main-common-head {
  text-align: left;
  margin-bottom: 50px;
}
.main-section.trend-section .main-report .main-common-more {
  top: 0;
}
.main-section.trend-section .main-report-thumbnail.type2:hover::before {
  opacity: 1;
}
.main-section.trend-section .main-report-thumbnail.type2:hover .main-report-button {
  opacity: 1;
}
.main-section.trend-section .main-webzine .main-common-more {
  top: 0;
}
.main-section.trend-section .main-report-body,
.main-section.trend-section .main-webzine-body {
  position: relative;
}
.main-section.trend-section .main-trend-report-slider {
  position: relative;
  margin: 20px;
}
.main-section.trend-section .main-trend-report-slider .swiper-prev-button {
  left: 0;
}
.main-section.trend-section .main-trend-report-slider .swiper-next-button {
  right: 0;
}
.main-section.trend-section .swiper-ctrl.type3 button {
  border-color: var(--color-ddd);
  color: var(--color-777);
}
.main-section.trend-section .swiper-ctrl.type3 button:hover {
  border-color: var(--green-color);
  background: var(--green-color);
  color: var(--white-color);
}
.main-section-trend-report-slider .swiper-container {
  padding: 1px;
  margin: 0 23px;
}
.main-section.press-section {
  position: relative;
  padding-top: 80px;
  padding-bottom: 100px;
  overflow: hidden;
  background: linear-gradient(120deg, #eef8ea 0%, #eef1fb 60%, #e9ecfb 100%);
  border-radius: 60px 0 60px 0;
  margin-top: 70px;
}
.main-section.press-section .wrapper2 {
  display: flex;
  align-items: flex-start;
  gap: 36px;
}
.main-section.press-section .main-common-head {
  text-align: left;
}
.main-section.press-section .main-newsletter,
.main-section.press-section .main-news {
  position: relative;
  flex: 1;
  min-width: 0; /* flex 아이템이 콘텐츠(슬라이더)보다 작게 줄어들도록 → 반반 유지 */
}
.main-section.press-section .main-newsletter .main-common-more,
.main-section.press-section .main-news .main-common-more {
  top: 0;
}
.main-section.press-section .swiper-ctrl.type3 button {
  border-color: var(--color-ddd);
  color: var(--color-777);
}
.main-section.press-section .swiper-ctrl.type3 button:hover {
  border-color: var(--green-color);
  background: var(--green-color);
  color: var(--white-color);
}
.main-section.board-section {
  padding: 80px 0 90px;
  margin-top: 0;
}
.main-section.board-section .wrapper2 {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.main-section.board-section .main-common-head {
  text-align: left;
}
.main-section.board-section .main-board-notice {
  position: relative;
  flex: 1.5;
  min-width: 0;
}
.main-section.board-section .main-board-notice .main-common-more {
  top: 0;
}
.main-section.board-section .main-board-notice .main-notice-body {
  font-size: 14px;
}
.main-section.board-section .main-board-notice .main-notice-tab {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.main-section.board-section .main-board-notice .main-notice-tab-list {
  display: flex;
  gap: 24px;
}
.main-section.board-section .main-board-notice .main-notice-tab-item {
  padding: 0;
}
.main-section.board-section .main-board-notice .main-notice-tab-link {
  font-size: 18px;
}
.main-section.board-section .main-board-notice .main-notice-contents {
  display: block;
  width: 100%;
}
.main-section.board-section .main-board-notice .main-notice-content.active {
  display: block;
}
.main-section.board-section .main-board-notice .main-notice-box {
  display: block;
  width: 100%;
  height: 100%;
  padding: 72px 25px 30px;
  border: 1px solid var(--color-ddd);
  box-sizing: border-box;
}
.main-section.board-section .main-board-notice .main-board-slider {
  position: relative;
}
.main-section.board-section .main-board-notice .main-board-slider .swiper-slide {
  height: auto;
}
.main-section.board-section .main-board-notice .main-board-slider {
  /* 슬라이드가 노출 개수(3개) 이하면 이동 버튼 비활성화 */
}
.main-section.board-section .main-board-notice .main-board-slider .swiper-ctrl button.is-disabled, .main-section.board-section .main-board-notice .main-board-slider .swiper-ctrl button:disabled {
  opacity: 0.35;
  pointer-events: none;
}
.main-section.board-section .main-recruit {
  position: relative;
  flex: 1;
  min-width: 0;
}
.main-section.board-section .main-recruit .main-common-more {
  top: 0;
}
.main-section.board-section .main-recruit-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.main-section.board-section .main-recruit-link:hover .main-recruit-title {
  font-weight: 600;
  color: var(--darkgreen-color);
  text-decoration: underline;
}
.main-section.board-section .main-recruit-title {
  position: relative;
  flex: 1;
  min-width: 0;
  padding-left: 16px;
  font-size: 18px;
  font-weight: 500;
  color: var(--black-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-section.board-section .main-recruit-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border-radius: 50%;
  background: var(--green-color);
}
.main-section.board-section .main-recruit-date {
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--color-666);
}
.main-section.partner-section-type2 {
  margin-top: 0px;
}
.main-section.photo-section {
  position: relative;
  overflow: hidden;
  padding: 146px 0 20px;
  margin-top: 0;
}
.main-section.photo-section::before, .main-section.photo-section::after {
  content: "";
  position: absolute;
  width: 301px;
  aspect-ratio: 301/248;
  background: url("/resource/www/img/photo-gallery-bg-pattern.png") no-repeat center center/cover;
  pointer-events: none;
}
.main-section.photo-section::before {
  top: 24px;
  left: -50px;
}
.main-section.photo-section::after {
  right: 0;
  bottom: 0;
}
.main-section.photo-section .main-gallery {
  position: relative;
  z-index: 1;
}
.main-section.photo-section .main-gallery-head.main-common-head {
  text-align: left;
}
.main-section.photo-section .main-gallery-more.main-common-more {
  top: 0;
}
.main-notice-head-ct {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.main-notice-head-ct .main-common-head {
  margin-bottom: 0;
}
.main-notice-tab-right-cs {
  display: flex;
  align-items: flex-end;
}
.main-notice-tab-right-cs ul {
  margin: 0 32px 7px 0;
}
.main-notice-tab-right-cs > a {
  position: initial;
}
.main-notice-content .swiper-ctrl button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: var(--color-ea);
  font-size: 22px;
  color: var(--color-444);
  transition: var(--duration-sm);
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.main-notice-content .swiper-ctrl button.swiper-prev-button {
  left: -25px;
}
.main-notice-content .swiper-ctrl button.swiper-next-button {
  right: -25px;
}
.main-notice-content .swiper-ctrl button:hover {
  background: var(--green-color);
  color: var(--white-color);
}
.main-newsletter-link.type2 {
  height: auto;
}
.main-webzine-link.type2::after {
  border: 1px solid var(--color-ccc);
  opacity: 1;
}
.main-webzine-link.type2:hover::after {
  border-color: var(--green-color);
}

.main-notice-head.main-common-head-type2 {
  margin-bottom: 0;
}

.main-section.trend-section .main-trend-report-slider .main-trend-report-ctrl .swiper-prev-button {
  left: -25px;
}
.main-section.trend-section .main-trend-report-slider .main-trend-report-ctrl .swiper-next-button {
  right: -25px;
}

.main-section.board-section .main-board-notice .main-notice-contents {
  position: relative;
}

.main-recruit-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
}

.main-notice .swiper-ctrl.type3 {
  margin-top: 0;
}

.press-section .main-news .main-news-body {
  height: 306.5142857143px;
}
/* } 2026-07-02 메인 레이아웃 수정 */

/* 2026-08-11 고객사 수정 요청 작업 { */
.main-section.banner-section .main-banner-list {flex: none; width: calc(60% - 11px);}
.main-section.banner-section .main-broch {flex: none; width: 40%; padding: 30px;}
.main-section.banner-section .main-broch-list {gap: 20px;}
.main-section.banner-section .main-broch-info {padding: 20px 0;}

.core-biz-process .help-txt {font-size: 12px;}
.core-biz-process-row.center > .item .item-inner > .help-txt {bottom: -22px;}
/* } 2026-08-11 고객사 수정 요청 작업 */

/* 2026-08-11 유관기관 페이지 추가 { */
.related-list {display: flex; align-items: stretch; gap: 66px 22px; flex-wrap: wrap;}
.related-item {width: calc((100% - (22px * 3)) / 4);}
.related-box {border: 1px solid var(--color-ccc); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 17px 27px;}
.related-logo {font-size: 0; aspect-ratio: 270 / 66; padding: 5px; width: 100%;}
.related-logo img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: center;}
.related-title {font-weight: 400; font-size: 16px; color: var(--black-color); line-height: 1.75; border-top: 1px solid var(--color-ccc); padding-top: 14px; margin-top: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.related-link {line-height: 1.75; display: flex; align-items: center; justify-content: center; gap: 0 8px; margin-top: 10px;}
.related-link span {font-weight: 400; font-size: 16px; color: var(--black-color); display: block; max-width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s;}
.related-link i {font-size: 20px; color: #3766FF;}
.related-link:hover span {text-decoration: underline; color: var(--green-color);}
/* } 2026-08-11 유관기관 페이지 추가 */

/* 2026-09-30 디자인팀 수정 요청 작업 { */
/* 헤더 { */
.header-logo {flex-shrink: 0; width: auto;}
.header-menu {flex: 1; width: auto;}
.header-fullmenu, .header-mobile-tool {flex-shrink: 0;}
/* GNB */
.gnb-list {display: flex; justify-content: center;}
.gnb-item {flex: 1; width: unset; max-width: 185px;}
.header-dim {position: fixed; inset: 0; z-index: 49; background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: 0.3s;}
.header-dim.is-visible {opacity: 1; visibility: visible;}
/* 풀메뉴 */
.fullmenu-item {flex: 1; width: unset;}
.fullmenu-item > a {text-align: left;}
.fullmenu-depth2-list {padding-left: 24px;}
.fullmenu-item:last-child::before {content: ""; position: absolute; top: 0; bottom: 0; right: 0; transform: scaleY(0); transform-origin: top; transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.35s; width: 2px; background-color: rgba(221, 221, 221, 0.13);}
.fullmenu.active .fullmenu-item:last-child::before {transform: scaleY(1);}
/* } 헤더 */
/* 메인 페이지 { */
.main-section ~ .main-section {margin-top: 80px;}
.main-section.banner-section {margin-top: 60px;}
.main-section.press-section {margin-top: 120px;}
.main-section.photo-section {margin-top: 120px; padding-top: 0;}
.main-section.board-section {margin-top: 120px; padding: 0;}
.main-section.partner-section-type2 {margin-top: 120px;}
.main-contents {padding-bottom: 120px;}
.main-common-title {font-size: 38px;}
.main-common-more {width: 44px; height: 44px;}
/* 메인비주얼 */
.main-section.visual-section {padding-top: 5px;}
.main-visual {max-height: 550px;}
.main-visual-text, .main-visual-date {font-weight: 300;}
@media screen and (min-width: 1921px) {
  .main-visual {max-height: unset;}
  .main-section.visual-section .wrapper {width: 100%; padding: 0 2vw;}
  .main-shortcut {align-self: center;}
}
/* 기술지원 */
.main-section.event-section.event-section .main-event.main-event-bnr-ct {background-position-x: right 80px;}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .title {margin-bottom: 16px;}
.main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr p {margin-bottom: 20px;}
/* 행사일정 */
.main-event-slider {width: 520px;}
.main-event-info {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.main-event-info-item {flex-grow: 1;}
.main-event-info-item:first-child {flex-grow: 2; flex-shrink: 0; margin-right: 0;}
/* 동향보고서 */
.swiper-ctrl.main-trend-report-ctrl button {top: calc(50% - 27px);}
/* 웹진 */
.main-trend-webzine-slider .swiper-slide {align-self: stretch; height: unset;}
.main-webzine-link {height: 100%;}
/* 뉴스레터/언론기사 */
.main-section.press-section {padding-bottom: 80px; border-top-left-radius: 0px; border-bottom-right-radius: 100px;}
.main-news .main-business-thumbnail::after {display: none;}
.main-news .main-business-thumbnail img {width: 100%; height: 100%; object-fit: cover;}
/* 포토 갤러리 */
.main-section.photo-section {background-image: url('data:image/svg+xml;utf8,<svg width="339" height="279" viewBox="0 0 339 279" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.28"><path d="M57.6338 196.653C57.6338 210.537 69.0235 221.835 83.021 221.835C89.7997 221.835 96.1737 219.215 100.969 214.459C105.765 209.702 108.406 203.379 108.406 196.655C108.406 188.12 111.757 180.094 117.848 174.05C123.938 168.012 132.03 164.687 140.635 164.687C149.24 164.687 157.334 168.012 163.424 174.05C169.512 180.092 172.864 188.118 172.864 196.655C172.864 210.54 184.253 221.837 198.253 221.837C205.045 221.837 211.429 219.218 216.225 214.461C221.023 209.722 223.661 203.399 223.661 196.658C223.661 188.123 227.012 180.097 233.103 174.053C239.191 168.014 247.282 164.69 255.89 164.69C262.669 164.69 269.043 162.071 273.838 157.314C278.636 152.574 281.275 146.252 281.275 139.508C281.275 132.764 278.634 126.444 273.841 121.708C269.04 116.948 262.669 114.329 255.887 114.329C249.106 114.329 242.714 116.948 237.944 121.7C233.138 126.444 230.5 132.764 230.5 139.508C230.5 148.071 227.146 156.102 221.053 162.118C214.97 168.155 206.868 171.479 198.248 171.479C180.475 171.479 166.017 157.138 166.017 139.508C166.017 132.762 163.376 126.442 158.586 121.708C153.805 116.946 147.431 114.329 140.63 114.329C133.828 114.329 127.457 116.948 122.684 121.7C117.881 126.444 115.242 132.764 115.242 139.508C115.242 148.046 111.891 156.074 105.8 162.113C99.7122 168.155 91.6208 171.479 83.0134 171.479C76.2322 171.479 69.8608 174.098 65.0651 178.855C60.2694 183.614 57.6288 189.937 57.6288 196.661L57.6338 196.653Z" fill="%23A7CFAE"/><path d="M25.3922 221.845C39.3922 221.845 50.7844 210.548 50.7844 196.661C50.7844 182.775 39.3922 171.475 25.3922 171.475C11.3922 171.475 0 182.775 0 196.661C0 210.548 11.3922 221.845 25.3922 221.845Z" fill="%23A7CFAE"/><path d="M313.511 0C299.511 0 288.121 11.3 288.121 25.1866C288.121 39.0733 299.511 50.3733 313.511 50.3733C327.511 50.3733 338.903 39.0733 338.903 25.1866C338.903 11.3 327.511 0 313.511 0Z" fill="%23A7CFAE"/><path d="M172.874 82.3524C172.874 96.234 184.259 107.529 198.256 107.529C205.025 107.529 211.406 104.907 216.227 100.148C221.018 95.3986 223.658 89.0762 223.658 82.3549C223.658 75.6336 221.018 69.2911 216.222 64.5343C211.429 59.78 205.045 57.1582 198.256 57.1582C191.467 57.1582 185.103 59.7775 180.31 64.5343C175.517 69.3087 172.874 75.6411 172.874 82.3549V82.3524Z" fill="%23A7CFAE"/><path d="M230.5 253.826C230.5 267.678 241.844 278.95 255.804 278.998H255.984C262.729 278.975 269.068 276.361 273.843 271.629C278.639 266.872 281.282 260.55 281.282 253.826C281.282 247.102 278.639 240.76 273.843 236.003C269.027 231.249 262.651 228.627 255.89 228.627C249.129 228.627 242.735 231.246 237.937 236.003C233.141 240.76 230.498 247.09 230.498 253.826H230.5Z" fill="%23A7CFAE"/><path d="M140.637 228.627C133.859 228.627 127.482 231.247 122.684 236.004C117.888 240.76 115.245 247.09 115.245 253.827C115.245 267.678 126.589 278.951 140.549 278.998H140.728C147.494 278.976 153.833 276.364 158.586 271.632C163.386 266.873 166.027 260.548 166.027 253.824C166.027 247.1 163.386 240.758 158.591 236.001C153.795 231.244 147.418 228.625 140.637 228.625V228.627Z" fill="%23A7CFAE"/><path d="M306.409 227.014C306.404 228.991 307.18 230.85 308.597 232.255C311.877 235.509 311.875 240.805 308.592 244.062C307.18 245.462 306.404 247.323 306.404 249.303C306.404 251.282 307.18 253.144 308.592 254.544C311.872 257.798 311.872 263.091 308.592 266.345C307.185 267.74 306.409 269.602 306.404 271.587C306.409 273.569 307.185 275.43 308.592 276.825C310 278.223 311.88 278.995 313.88 279C315.876 279 317.75 278.23 319.162 276.83C322.076 273.94 322.073 269.238 319.157 266.345C317.573 264.775 316.698 262.68 316.693 260.445C316.698 258.209 317.573 256.114 319.157 254.541C322.071 251.651 322.073 246.947 319.162 244.057C317.568 242.476 316.693 240.379 316.698 238.153C316.693 235.93 317.568 233.833 319.162 232.252C322.076 229.362 322.076 224.663 319.162 221.773C317.748 220.37 315.871 219.598 313.88 219.603C311.882 219.603 310.008 220.373 308.597 221.773C307.183 223.175 306.404 225.037 306.409 227.011V227.014Z" fill="%23A7CFAE"/><path d="M54.8997 60.7259C53.5262 59.3636 51.695 58.6109 49.7398 58.6084C47.7922 58.6084 45.9609 59.3611 44.5824 60.7259C43.0294 62.2663 40.9629 63.1169 38.77 63.1169C36.5795 63.1219 34.5181 62.2739 32.96 60.7309C31.579 59.3611 29.7477 58.6084 27.8027 58.6134C25.8576 58.6084 24.0263 59.3611 22.6453 60.7309C19.8023 63.5509 19.8023 68.1421 22.6453 70.9621C24.0263 72.332 25.8576 73.0846 27.8027 73.0796C29.7528 73.0796 31.5841 72.327 32.96 70.9621C34.5156 69.4192 36.5795 68.5712 38.77 68.5762C40.9629 68.5762 43.0269 69.4242 44.5774 70.9621C45.9584 72.332 47.7896 73.0846 49.7347 73.0796C51.6849 73.0796 53.5186 72.3244 54.8971 70.9571C56.2731 69.5923 57.0319 67.7759 57.0319 65.8415C57.0319 63.9097 56.2731 62.0907 54.8971 60.7259H54.8997Z" fill="%23A7CFAE"/></g></svg>'); background-repeat: no-repeat; background-position: right bottom; background-size: 339px;}
/* .text-row2 {height: auto; max-height: 2.4em;} */
/* 공지사항 */
.main-notice-head-ct {margin-bottom: 24px;}
/* 유관기관 */
.main-related-head {font-size: 22px;}
/* } 메인 페이지 */
/* 푸터 { */
.top-button {font-size: 16px;}
/* } 푸터 */
/* 서브 페이지 { */
.s-title {margin-bottom: 20px;}
/* 회원가입 */
#join_info .text-box .d-text {line-height: 1.4;}
.text-box .d-text .large {font-size: 1.2778em;}
.join-info-benefit .benefit-box .color-green, .join-info-benefit .benefit-box .color-blue {font-weight: 500;}
/* 기관 소개 */
.introduce-group-bottom > p {color: #353535;}
/* 설립목적 및 연혁 */
.est-purpose-group.label-group > .tit:first-child {position: relative;}
.est-purpose-group.label-group > .tit:first-child::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); box-sizing: border-box; display: block; width: clamp(12px, 10px + 0.625vw, 22px); aspect-ratio: 1 / 1; border-radius: 100px; background-color: #ffffff; outline: clamp(6px, 5.2px + 0.25vw, 10px) solid rgba(255, 255, 255, 0.5);}
.est-history-title b {font-weight: inherit;}
/* 운영위원회 */
.full-slider-text .title {margin-bottom: 13px;}
/* 분과위원회 */
.division-committee-tab-division .d-tab-wrap.type1 .d-tab-link {/* 기존 스타일 복구 */}
.division-committee-text-wrap .text-box {font-size: 20px;}
.division-committee-tab-active > .title {font-size: 20px;}
.division-committee-tab-active .d-tab-wrap.type2 .d-tab-link {/* 기존 스타일 복구 */}
.division-committee-tab-active .dot-text-list.type2 > li {font-size: 16px;}
/* 전문기업 인증서 발급 신청 */
#join_info .dot-text-list.type2 > li {font-size: 20px;}
/* 행사일정 목록 */
:where(#event_list, #eventView) .event-card-category.category {font-size: 16px;}
:where(#event_list, #eventView) .commu-item-caption-txt .title {font-size: 20px;}
:where(#event_list, #eventView) .commu-item-caption-txt > .row:has(.category) {margin-bottom: 11px;}
:where(#event_list, #eventView) .commu-item-caption-txt {margin-bottom: clamp(10px, 8px + 0.625vw, 20px);}
/* 행사일정 상세 */
.event-view-info .event-card-item-thum {overflow: hidden; border-radius: 10px;}
.event-view-info .event-card-item-thum img {width: 100%; height: 100%; object-fit: cover;}
/* 합성생물학 동향보고서 */
#report .commu-item-caption-txt .txt {font-size: 17px;}
/* 언론기사 */
.news-article-thum::after {display: none;}
/* } 서브 페이지 */
/* } 2026-09-30 디자인팀 수정 요청 작업 */

@media screen and (max-width: 1600px) {
  .press-section .main-news .main-news-body {
    height: calc((100vw - 200px) * 75 / 340);
  }

  /* 2026-09-30 디자인팀 수정 요청 작업 { */
  /* 메인 페이지 { */
  /* 행사일정 */
  .main-event-slider {width: calc(100% - 5.25vw - 100px - 5vw); max-width: unset;}
  /* } 메인 페이지 */
  /* } 2026-09-30 디자인팀 수정 요청 작업 */
}
@media screen and (max-width: 1440px) {
  .main-section.banner-section .main-banner-link {
    padding: 36px 16px 34px 20px;
  }
  .main-section.banner-section .main-banner-title {
    font-size: 20px;
  }
  .main-section.banner-section .main-broch {
    padding: 36px 34px 28px;
    min-height: 240px;
  }
  .main-section.banner-section .main-broch-info {
    padding: 15px 0;
  }
  .main-section.banner-section .main-broch-list {
    gap: 24px;
  }
  .main-section.banner-section .main-banner-thumb {
    width: 60%;
    right: -30px;
  }
  .main-section.banner-section .main-banner-more {
    font-size: 14px;
  }

  /* 2026-08-11 고객사 수정 요청 작업 { */
  .main-section.banner-section .main-banner-list {width: calc(52% - 11px);}
  .main-section.banner-section .main-broch {width: 48%;}
  /* } 2026-08-11 고객사 수정 요청 작업 */
}
@media screen and (max-width: 1024px) {
  .main-section.event-section.event-section {
    background-position: top 34px right 30px;
  }
  .main-section.event-section.event-section .main-event-bnr-ct {
    min-height: 205px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .main-section.banner-section .main-banner {
    flex-wrap: wrap;
    gap: 16px;
  }
  .main-section.banner-section .main-banner-list {
    flex: 1 1 100%;
    gap: 16px;
  }
  .main-section.banner-section .main-broch {
    flex: 1 1 100%;
    min-height: auto;
    padding: 34px 40px;
  }
  .main-section.banner-section .main-broch-info {
    padding: 10px 0 0;
  }
  .main-section.banner-section .main-banner-link {
    padding: 30px 18px 26px;
  }
  .main-section.banner-section .main-banner-link .text-box {
    gap: 20px;
  }
  .main-section.banner-section .main-banner-title {
    font-size: 20px;
  }
  .main-section.banner-section .main-banner-thumb {
    width: 30%;
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .main-section.banner-section .main-banner {
    gap: 14px;
  }
  .main-section.banner-section .main-banner-list {
    flex-direction: column;
    gap: 14px;
  }
  .main-section.banner-section .main-banner-link {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 150px;
    padding: 28px 24px;
  }
  .main-section.banner-section .text-box {
    width: auto;
  }
  .main-section.banner-section .main-banner-title {
    font-size: 19px;
  }
  .main-section.banner-section .main-banner-thumb {
    position: static;
    z-index: 0;
    flex-shrink: 0;
    width: 36%;
    max-width: 150px;
  }
  .main-section.banner-section .main-banner-thumb.scd-thm {
    right: auto;
  }
  .main-section.banner-section .main-broch {
    padding: 20px 24px;
    min-height: auto;
  }
  .main-section.banner-section .main-broch-list {
    gap: 22px;
  }
}
@media screen and (max-width: 480px) {
  .main-section.banner-section .main-banner-link {
    min-height: auto;
    padding: 24px 20px;
  }
  .main-section.banner-section .main-banner-title {
    font-size: 18px;
  }
  .main-section.banner-section .main-banner-more {
    height: 36px;
    font-size: 15px;
  }
  .main-section.banner-section .main-banner-more i {
    font-size: 20px;
  }
  .main-section.banner-section .main-banner-thumb {
    width: 40%;
    max-width: 120px;
  }
  .main-section.banner-section .main-broch {
    padding: 24px 20px;
  }
  .main-section.banner-section .main-broch-list {
    flex-direction: column;
    gap: 20px;
  }
  .main-section.banner-section .main-broch-item {
    gap: 14px;
  }
  .main-section.banner-section .main-broch-cover {
    max-width: 130px;
  }
  .main-section.banner-section .main-broch-info {
    padding: 6px 0;
  }
  .main-section.banner-section .main-broch-info .title {
    font-size: 16px;
  }
}

/* 2026-07-02 메인 레이아웃 수정 { */
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .main-section.press-section .main-news .main-news-body {
    height: calc((100vw - 200px) * 75 / 380);
  }
}
@media screen and (max-width: 1440px) {
  .main-section.promo-section .main-promo {
    gap: 30px;
    margin-bottom: 8px;
  }
  .main-section.promo-section .main-promo-title {
    font-size: 26px;
  }
  .main-section.promo-section .main-promo-desc {
    font-size: 16px;
    height: 36px;
  }
  .main-section.promo-section .main-promo-side {
    padding: 12px 0 0;
  }
  .main-section.promo-section .main-promo-ctrl {
    gap: 10px;
  }
  .main-section.promo-section .main-promo-ctrl button {
    width: 38px;
    height: 38px;
  }
  .main-section.promo-section .main-promo-more {
    font-size: 16px;
  }
  .main-section.promo-section .main-promo-more i {
    font-size: 20px;
  }
  .main-section.trend-section .wrapper2 {
    gap: 28px;
  }
  .main-section.trend-section .main-common-head {
    margin-bottom: 32px;
  }
  .main-section.trend-section .main-webzine-link {
    padding: 64px 22px 42px;
  }
  .main-section.press-section {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .main-section.photo-section {
    padding: 110px 0 20px;
    margin-top: 0 !important;
  }
  .main-section.photo-section::before, .main-section.photo-section::after {
    width: 220px;
  }
  .main-section.photo-section .main-gallery-list {
    gap: 20px;
  }
  .main-section.board-section .wrapper2 {
    gap: 32px;
  }
  .main-section.banner-section .main-broch-info .title {
    font-size: 17px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct {
    background-size: 60px;
    padding: 0 50px;
    background-position: right 20px top 24px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr p {
    font-size: 15px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .r-btn {
    height: 38px;
    font-size: 16px;
  }

  /* 2026-08-11 유관기관 페이지 추가 { */
  .related-item {width: calc((100% - (22px * 2)) / 3);}
  .related-box {padding: 15px;}
  /* } 2026-08-11 유관기관 페이지 추가 */

  /* 2026-09-30 디자인팀 수정 요청 작업 { */
  /* 헤더 { */
  /* 풀메뉴 */
  .fullmenu-item > a {text-align: center;}
  /* } 헤더 */
  /* 메인 페이지 { */
  .main-common-title {font-size: 34px;}
  /* 행사일정 */
  .main-event-slider {width: calc(100% - 1.25vw - 100px - 5vw);}
  .main-event-info {display: block;}
  /* } 메인 페이지 */
  /* 서브 페이지 { */
  /* 분과위원회 */
  .division-committee-tab-active > .title {font-size: 18px;}
  /* } 서브 페이지 */
  /* } 2026-09-30 디자인팀 수정 요청 작업 */
}
@media screen and (max-width: 1024px) {
  .main-section ~ .main-section:not(.gallery-section, .event-section) {
    margin-top: 64px;
  }
  .main-section.promo-section .main-promo {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .main-section.promo-section .main-promo-side {
    padding: 0;
    gap: 16px;
  }
  .main-section.promo-section .main-promo-title {
    font-size: 24px;
  }
  .main-section.trend-section .wrapper2 {
    flex-direction: column;
    gap: 40px;
  }
  .main-section.trend-section .main-report,
  .main-section.trend-section .main-webzine {
    width: 100%;
  }
  .main-section.trend-section .main-webzine-link {
    padding: 60px 22px 42px;
  }
  .main-section.press-section {
    border-radius: 40px 0 40px 0;
  }
  .main-section.press-section .wrapper2 {
    flex-direction: column;
    gap: 40px;
  }
  .main-section.press-section .main-news .main-news-body {
    height: 400px;
  }
  .main-section.press-section .main-newsletter,
  .main-section.press-section .main-news {
    width: 100%;
  }
  .main-section.press-section .main-news .mCSB_inside > .mCSB_container {
    margin-right: 24px;
  }
  .main-section.photo-section {
    padding: 90px 0 20px;
  }
  .main-section.photo-section::before {
    left: -30px;
  }
  .main-section.photo-section .main-gallery-list {
    flex-wrap: wrap;
    gap: 20px;
  }
  .main-section.photo-section .main-gallery-item {
    width: calc((100% - 20px) / 2);
  }
  .main-section.board-section {
    padding: 0 0 70px;
  }
  .main-section.board-section .wrapper2 {
    flex-direction: column;
    gap: 44px;
  }
  .main-section.board-section .main-board-notice,
  .main-section.board-section .main-recruit {
    flex: none;
    width: 100%;
  }
  .main-section.board-section .main-recruit-list {
    gap: 24px;
  }
  .main-section.board-section .main-board-notice .main-notice-tab-link {
    font-size: 17px;
  }
  .main-section.board-section .main-notice-content .swiper-ctrl button.swiper-prev-button {
    left: 0;
  }
  .main-section.board-section .main-notice-content .swiper-ctrl button.swiper-next-button {
    right: 0;
  }
  .main-section.banner-section .main-broch-info .title {
    font-size: 17px;
  }
  .main-section.banner-section .main-common-file-action a {
    width: 42px;
    height: 42px;
  }
  .main-section.banner-section .main-common-file-action a i {
    font-size: 17px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct {
    padding: 24px 40px;
    background-size: 50px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .title img {
    max-width: 120px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr p {
    font-size: 15px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .r-btn {
    height: 38px;
    font-size: 16px;
    max-width: 130px;
  }
  .main-section .swiper-ctrl.type2 button,
  .main-section .main-common-file-action a {
    width: 38px;
    height: 38px;
  }

  /* 2026-08-11 유관기관 페이지 추가 { */
  .related-list {gap: 30px 10px;}
  .related-item {width: calc((100% - (10px * 2)) / 3);}
  .related-title {padding-top: 8px; margin-top: 5px;}
  .related-link {margin-top: 4px;}
  /* } 2026-08-11 유관기관 페이지 추가 */

  /* 2026-09-30 디자인팀 수정 요청 작업 { */
  /* 헤더 { */
  .header-logo {width: 270px;}
  /* } 헤더 */
  /* 메인 페이지 { */
  .main-common-title {font-size: 26px;}
  .main-common-more {width: 32px; height: 32px;}
  /* 메인비주얼 */
  .main-visual {max-height: unset;}
  /* 행사일정 */
  .main-event-slider {width: calc(100% - 16px - 76px - 12px);}
  /* 웹진 */
  .main-webzine-link {height: auto;}
  /* 유관기관 */
  .main-related-head {font-size: 20px;}
  /* } 메인 페이지 */
  /* 서브 페이지 { */
  /* 분과위원회 */
  .division-committee-tab-active > .title {font-size: 17px;}
  .division-committee-text-wrap .text-box {font-size: 16px;}
  /* 전문기업 인증서 발급 신청 */
  #join_info .dot-text-list.type2 > li {font-size: 16px;}
  /* 행사일정 목록 */
  :where(#event_list, #eventView) .commu-item-caption-txt .title {font-size: 16px;}
  /* 합성생물학 동향보고서 */
  #report .commu-item-caption-txt .txt {font-size: 14px;}
  /* } 서브 페이지 */
  /* } 2026-09-30 디자인팀 수정 요청 작업 */
}
@media screen and (max-width: 768px) {
  .main-section ~ .main-section:not(.gallery-section, .event-section) {
    margin-top: 48px;
  }
  .main-section.promo-section .main-promo-title {
    font-size: 22px;
    height: 24px;
  }
  .main-section.promo-section .main-promo-desc {
    font-size: 15px;
  }
  .main-section.promo-section .main-promo-ctrl {
    gap: 10px;
  }
  .main-section.promo-section .main-promo-ctrl button {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
  .main-section.promo-section .main-promo-more {
    font-size: 17px;
  }
  .main-section.trend-section .wrapper2 {
    gap: 32px;
  }
  .main-section.trend-section .main-common-head {
    margin-bottom: 24px;
  }
  .main-section.trend-section .main-webzine-link {
    padding: 56px 20px 40px;
  }
  .main-section.trend-section .main-report-thumbnail .main-report-button {
    opacity: 1;
  }
  .main-section.trend-section .main-trend-report-ctrl {
    display: none;
  }
  .main-section.trend-section .main-trend-report-slider {
    margin: 0;
  }
  .main-section.press-section {
    padding-top: 56px;
    padding-bottom: 64px;
    border-radius: 30px 0 30px 0;
  }
  .main-section.press-section .main-news .main-news-body {
    height: 300px;
  }
  .main-section.press-section .main-news .mCSB_inside > .mCSB_container {
    margin-right: 18px;
  }
  .main-section.photo-section .main-gallery-title {
    font-size: 16px;
  }
  .main-section.photo-section .main-gallery-date {
    font-size: 13px;
  }
  .main-section.board-section {
    padding: 0;
  }
  .main-section.board-section .main-notice-head-ct {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 24px;
  }
  .main-section.board-section .main-notice-tab-right-cs ul {
    margin: 0 24px 0 0;
  }
  .main-section.board-section .main-board-notice .main-notice-box {
    padding: 60px 20px 26px;
  }
  .main-section.board-section .main-board-notice .main-notice-title {
    margin-bottom: 30px;
  }
  .main-section.board-section .main-board-notice .main-notice-info .main-notice-info-item p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-section.board-section .main-board-notice .main-notice-tab-link {
    font-size: 16px;
  }
  .main-section.board-section .main-recruit-list {
    gap: 16px;
  }
  .main-section.board-section .main-recruit-title {
    font-size: 16px;
  }
  .main-section.board-section .main-recruit-date {
    font-size: 14px;
  }
  .main-section.banner-section .main-broch-info .title {
    font-size: 16px;
  }
  .main-section.banner-section .main-common-file-action a {
    width: 30px;
    height: 30px;
  }
  .main-section.banner-section .main-common-file-action a i {
    font-size: 14px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct {
    padding: 24px 28px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .title img {
    max-width: 100px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr p {
    font-size: 14px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .r-btn {
    height: 36px;
    font-size: 15px;
    max-width: 120px;
  }
  .main-section .swiper-ctrl.type2 button,
  .main-section .main-common-file-action a {
    width: 36px;
    height: 36px;
  }

  /* 2026-08-11 유관기관 페이지 추가 { */
  .related-list {gap: 20px 10px;}
  .related-item {width: calc((100% - (10px * 1)) / 2);}
  .related-box {padding: 10px 14px; border-radius: 5px;}
  .related-title {font-size: 14px;}
  .related-link {gap: 0 5px;}
  .related-link span {font-size: 14px; max-width: calc(100% - 22px);}
  .related-link i {font-size: 16px;}
  /* } 2026-08-11 유관기관 페이지 추가 */

  /* 2026-09-30 디자인팀 수정 요청 작업 { */
  /* 헤더 { */
  .header-logo {width: 220px;}
  /* } 헤더 */
  /* 메인 페이지 { */
  .main-common-more {width: 24px; height: 24px;}
  .main-contents {padding-bottom: 16px;}
  /* 포토 갤러리 */
  .main-section.photo-section {background-size: 220px;}
  /* } 메인 페이지 */
  /* 서브 페이지 { */
  /* 분과위원회 */
  .division-committee-text-wrap .text-box {font-size: 14px;}
  /* 전문기업 인증서 발급 신청 */
  #join_info .dot-text-list.type2 > li {font-size: 14px;}
  /* } 서브 페이지 */
  /* } 2026-09-30 디자인팀 수정 요청 작업 */
}
@media screen and (max-width: 480px) {
  .main-section ~ .main-section:not(.gallery-section, .event-section) {
    margin-top: 40px;
  }
  .main-section.promo-section .main-promo {
    gap: 20px;
  }
  .main-section.promo-section .main-promo-title {
    font-size: 20px;
  }
  .main-section.promo-section .main-promo-ctrl {
    gap: 10px;
  }
  .main-section.promo-section .main-promo-ctrl button {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .main-section.promo-section .main-promo-more {
    font-size: 15px;
  }
  .main-section.promo-section .main-promo-more i {
    font-size: 20px;
  }
  .main-section.trend-section .wrapper2 {
    gap: 28px;
  }
  .main-section.trend-section .main-webzine-link {
    padding: 48px 18px 36px;
  }
  .main-section.trend-section .main-report-thumbnail .main-report-button {
    right: 10px;
    bottom: 10px;
  }
  .main-section.press-section {
    padding-top: 44px;
    padding-bottom: 52px;
    border-radius: 24px 0 24px 0;
  }
  .main-section.press-section .main-news .mCSB_inside > .mCSB_container {
    margin-right: 12px;
  }
  .main-section.photo-section {
    padding: 44px 0 16px;
  }
  .main-section.photo-section .main-gallery-list {
    gap: 14px;
    flex-direction: row;
  }
  .main-section.photo-section .main-gallery-item {
    width: calc((100% - 14px) / 2);
  }
  .main-section.photo-section .main-gallery-title {
    font-size: 15px;
  }
  .main-section.photo-section .main-gallery-date {
    font-size: 12px;
  }
  .main-section.board-section {
    padding: 0 0 44px;
  }
  .main-section.board-section .main-notice-tab-list {
    gap: 16px;
  }
  .main-section.board-section .main-board-notice .main-notice-tab-list {
    gap: 14px;
  }
  .main-section.board-section .main-board-notice .main-notice-tab-link {
    font-size: 15px;
  }
  .main-section.board-section .main-board-notice .main-notice-box {
    padding: 54px 18px 24px;
  }
  .main-section.board-section .main-board-notice .main-notice-title {
    margin-bottom: 24px;
  }
  .main-section.board-section .main-recruit-list {
    gap: 8px;
  }
  .main-section.board-section .main-recruit-title {
    font-size: 14px;
  }
  .main-section.board-section .main-recruit-date {
    font-size: 12px;
  }
  .main-section.banner-section .main-broch-item {
    align-items: stretch;
  }
  .main-section.banner-section .main-broch-info {
    height: auto;
    justify-content: space-between;
  }
  .main-section.banner-section .main-broch-info .title {
    font-size: 16px;
  }
  .main-section.banner-section .main-common-file-action a {
    width: 38px;
    height: 38px;
  }
  .main-section.banner-section .main-common-file-action a i {
    font-size: 15px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct {
    padding: 20px 20px;
    background-size: 40px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .title img {
    max-width: 80px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr p {
    font-size: 13px;
  }
  .main-section.event-section.event-section .main-event.main-event-bnr-ct .main-event-bnr .r-btn {
    height: 34px;
    font-size: 14px;
  }
  .main-section .swiper-ctrl.type2 button,
  .main-section .main-common-file-action a {
    width: 32px;
    height: 32px;
  }

  /* 2026-08-11 유관기관 페이지 추가 { */
  .related-list {gap: 10px;}
  .related-item {width: 100%;}
  .related-box {padding: 10px 20px;}
  /* } 2026-08-11 유관기관 페이지 추가 */

  /* 2026-09-30 디자인팀 수정 요청 작업 { */
  /* 헤더 { */
  .header-logo {width: 48.33vw;}
  /* } 헤더 */
  /* 메인 페이지 { */
  .main-common-title {font-size: 18px;}
  .main-common-more {width: 22px; height: 22px;}
  /* 행사일정 */
  .main-event-slider {width: 100%;}
  /* } 메인 페이지 */
  /* 서브 페이지 { */
  /* 분과위원회 */
  .division-committee-tab-active > .title {font-size: 15px;}
  .division-committee-tab-active .dot-text-list.type2 > li {font-size: 15px;}
  /* 행사일정 목록 */
  :where(#event_list, #eventView) .commu-item-caption-txt > .row:has(.category) {margin-bottom: 5px;}
  :where(#event_list, #eventView) .event-card-category.category {font-size: 14px;}
  :where(#event_list, #eventView) .commu-item-caption-txt .title {font-size: 15px;}
  /* 합성생물학 동향보고서 */
  #report .commu-item-caption-txt .txt {font-size: 13px;}
  /* } 서브 페이지 */
  /* } 2026-09-30 디자인팀 수정 요청 작업 */
}
/* } 2026-07-02 메인 레이아웃 수정 */