:root {
  --point: #0e0c7f;
  --point-50: #3616cf;
  --point-60: #2a11a1;
  --point-70: #1e0c73;
  --point-80: #120745;
  --primary-20: #bfcfff;
  --primary-50: #5175e4;
  --primary-95: #08074d;
  --primary-01: #e42c01;
  --basic: #000;
  --impactLine: #b5ccff;
  --box-bg: #eceff9;
  --box-border: #dce2f5;
  --title-border: #9a92f2;
  --table-border-01: #0e0c7f;
  --table-border-02: #b7c4eb;
  --table-bg-01: #eaefff;
  --gray-5: #f2f2f2;
  --gray-10: #e5e5e5;
  --dot: #af12d2;
}

.point-50 {
  color: var(--point-50);
}

.mb--xs {
  margin-bottom: 8px;
}

.mb--s {
  margin-bottom: 12px;
}

.mb--m {
  margin-bottom: 16px;
}

.mb--l {
  margin-bottom: 20px;
}

.mb--xl {
  margin-bottom: 24px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb56 {
  margin-bottom: 56px;
}

strong {
  font-weight: 700;
}

.fs18 {
  font-size: calc(18px * var(--fs-scale-l, 1));
}

#wrap-pop {
  font-family: montserrat;
  line-height: 1.5;
}
#wrap-pop .contents {
  padding: 0;
  word-break: break-all;
}

.sports-visual--bg {
  border-radius: 18px;
  overflow: hidden;
  background-size: cover;
  background-image: url(/static/portal/images/2025culture/visual-01-pc.png) !important;
}
@media screen and (max-width: 750px) {
  .sports-visual--bg {
    background-image: url(/static/portal/images/2025culture/visual-01-mo.png) !important;
  }
}
.sports-visual--bg.bg02 {
  background-image: url(/static/portal/images/2025culture/visual-02-pc.png) !important;
}
@media screen and (max-width: 750px) {
  .sports-visual--bg.bg02 {
    background-image: url(/static/portal/images/2025culture/visual-02-mo.png) !important;
  }
}
.sports-visual--bg.bg03 {
  background-image: url(/static/portal/images/2025culture/visual-03-pc.png) !important;
}
@media screen and (max-width: 750px) {
  .sports-visual--bg.bg03 {
    background-image: url(/static/portal/images/2025culture/visual-03-mo.png) !important;
  }
}
.sports-visual--bg .flexbox .tit {
  background-image: linear-gradient(96deg, #e42c01 0%, #1c16ca 100%);
}

.highlight {
  position: relative;
  display: inline;
  background-image: linear-gradient(transparent 40%, var(--impactLine) 0);
  background-size: 100% 100%;
  color: var(--point-80);
}

.box {
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  color: var(--basic);
}
.box--border {
  border: 2px solid var(--point-50);
}
.box--border2 {
  border: 1px solid var(--title-border);
  border-radius: 0 0 8px 8px;
}
.box--border3 {
  border: 1px solid var(--point-50);
}
.box--bg {
  border: 1px solid var(--box-border);
  background-color: var(--box-bg);
}
.box--gray {
  background-color: var(--gray-5);
}
.box.nopad {
  padding: 0;
}
.box__bu {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: calc(16px * var(--fs-scale-m, 1));
  font-weight: 400;
}
.box__bu > li {
  display: flex;
  gap: 6px;
  position: relative;
  padding-left: 24px;
  color: var(--basic);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .box__bu > li {
    display: block;
  }
}
.box__bu > li.column {
  flex-direction: column;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .box__bu > li.column {
    display: flex;
  }
}
.box__bu > li span {
  color: var(--point-50);
  flex-shrink: 0;
}
.box__bu > li span.red {
  color: var(--primary-01);
}
.box__bu > li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--point-50);
}
.box__bu--type2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.box__bu--type2 > li {
  position: relative;
  padding-left: 24px;
  font-size: calc(18px * var(--fs-scale-l, 1));
  color: var(--basic);
  font-weight: 400;
}
.box__bu--type2 > li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--basic);
}
.box__bu--type2 > li:has(ul):before {
  display: none;
}
.box__bu--type3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.box__bu--type3.gap8 {
  gap: 8px;
}
.box__bu--type3.gap0 {
  gap: 0;
}
.box__bu--type3.padding {
  padding: 24px 24px 16px 24px;
}
.box__bu--type3 > li {
  display: block;
  position: relative;
  padding-left: 24px;
  font-size: calc(16px * var(--fs-scale-m, 1));
  color: var(--basic);
  font-weight: 500;
}
.box__bu--type3 > li.reg {
  font-weight: 400;
  border-top: unset;
}
.box__bu--type3 > li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--basic);
}
.box__bu--type3 > li ul > li.info {
  padding-left: 0;
  font-size: calc(14px * var(--fs-scale-m, 1));
  font-weight: 400;
  color: #666;
}
.box__bu--type3 > li ul > li.info span.red {
  color: var(--primary-01);
}
.box__bu--type3 > li ul > li.info:before {
  display: none;
}
.box__bu--sm > li:before {
  left: 11px;
  top: 11px;
  width: 2px;
  height: 2px;
}
.box__grid {
  background-color: var(--point-50);
  padding: 12px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .box__grid {
    display: flex;
    flex-direction: column;
  }
}
.box__grid-inner {
  border-radius: 8px;
  padding: 16px;
  background-color: #e7e5f7;
}
.box__grid h4 {
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: 700;
  color: #23169b;
  text-align: center;
}
.box__grid-txt {
  margin-top: 12px;
  padding: 16px 12px;
  background-color: #fff;
  border-top: 2px solid var(--point-50);
  border-radius: 0 0 8px 8px;
  font-size: calc(18px * var(--fs-scale-l, 1));
  color: var(--basic);
  word-break: break-all;
  text-align: center;
}
.box__img {
  border-radius: 8px;
  border: 1px solid #ccd8eb;
  padding: 0;
  overflow: hidden;
}
.box__img--flexwrap {
  margin-bottom: 32px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .box__img--flexwrap {
    flex-direction: column;
  }
}
.box__img .img-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
@media screen and (max-width: 768px) {
  .box__img .img-wrap {
    flex-direction: column;
  }
}
.box__img .img-wrap .img {
  border-radius: 8px;
  height: 211px;
  overflow: hidden;
}
.box__img .img-wrap .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box__img .txt-wrap {
  padding: 8px 0;
  background-color: #f1f4f9;
  text-align: center;
  font-size: calc(14px * var(--fs-scale-m, 1));
  color: var(--basic);
}
.box__img.width2 {
  width: calc((100% - 8px) / 2);
}
@media screen and (max-width: 768px) {
  .box__img.width2 {
    width: 100%;
  }
}
.box__img.width2 .img-wrap .img {
  width: 100%;
}
.box__img.width1 .img-wrap .img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .box__img.width1 .img-wrap .img {
    width: 100%;
  }
}
.box > strong {
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: 600;
  color: var(--point-60);
}

.bu--line {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bu--line:has(br) {
  gap: 8px;
}
.bu--line > li {
  position: relative;
  padding-left: 24px;
  font-size: calc(16px * var(--fs-scale-m, 1));
  color: var(--basic);
  font-weight: 400;
  line-height: 1.5;
}
.bu--line > li:before {
  content: "-";
  font-size: calc(16px * var(--fs-scale-m, 1));
  position: absolute;
  left: 8px;
  top: -2px;
}
.bu--line > li.info {
  font-size: calc(14px * var(--fs-scale-m, 1));
  color: #666;
}
.bu--line > li.info:before {
  display: none;
}

.point-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.point-list > li {
  position: relative;
  padding-left: 28px;
  font-size: calc(18px * var(--fs-scale-l, 1));
  color: var(--basic);
  font-weight: 600;
}
.point-list > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid var(--primary-50);
}
.point-list > li:has(img):before {
  display: none;
}
.point-list > li.no-dot:before {
  display: none;
}
.point-list .point-list--bu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.point-list .point-list--bu:has(br) {
  gap: 12px;
}
.point-list .point-list--bu > li {
  position: relative;
  padding-left: 24px;
  font-size: calc(18px * var(--fs-scale-l, 1));
  color: var(--basic);
  font-weight: 400;
  line-height: 1.5;
}
.point-list .point-list--bu > li:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--dot);
}
.point-list .point-list--bu > li.point {
  font-size: calc(16px * var(--fs-scale-m, 1));
  color: var(--primary-01);
}
.point-list .point-list--bu > li.point:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  background: url(/static/portal/images/2025culture/ico-info.png) no-repeat 0 0/18px auto;
  background-color: unset;
}
.point-list .point-list--bu > li > ul > li {
  font-size: calc(16px * var(--fs-scale-m, 1));
}
.point-list .point-list--bu > li > ul > li.info {
  font-size: calc(14px * var(--fs-scale-m, 1));
  color: #666;
}
.point-list .point-list--bu .bu--line {
  margin-top: 8px;
}

.table {
  overflow-y: auto;
}
.table .tar {
  text-align: right;
}
.table .tal {
  text-align: left;
}
.table th, .table td {
  padding: 12px 10px;
  font-size: calc(16px * var(--fs-scale-m, 1));
  line-height: 1.5;
  border-right: 1px solid var(--table-border-02);
}
.table th {
  color: var(--primary-95);
  font-weight: 700;
}
.table td {
  color: var(--basic);
}
.table tr th:last-child, .table tr td:last-child {
  border-right: unset;
}
.table tr.tr--gray th, .table tr.tr--gray td {
  background-color: var(--gray-5);
  font-weight: bold;
}
.table thead tr:first-child th {
  border-top: 2px solid var(--table-border-01);
}
.table thead th {
  background-color: var(--table-bg-01);
  border-bottom: 1px solid var(--table-border-02);
}
.table tbody td {
  border-bottom: 1px solid var(--table-border-02);
}

.lbox:last-child {
  border-bottom: unset;
}
.lbox__title {
  font-weight: 300;
  font-size: calc(32px * var(--fs-scale-l, 1));
  color: var(--point-70);
  margin-bottom: 24px;
}
.lbox__ico-title {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 2px solid var(--title-border);
  color: var(--point);
  font-size: calc(24px * var(--fs-scale-l, 1));
  font-weight: 700;
  background: url(/static/portal/images/2025culture/ico-con-stit-01.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--sm {
  margin-bottom: 0;
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: 500;
  background: unset;
}
.lbox__ico-title--sm img {
  padding-right: 8px;
}
.lbox__ico-title--kafa {
  background: url(/static/portal/images/2025culture/ico-bg-kafa.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--360 {
  background: url(/static/portal/images/2025culture/ico-bg-360.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--cc {
  background: url(/static/portal/images/2025culture/ico-bg-cc.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--sit {
  background: url(/static/portal/images/2025culture/ico-bg-sit.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--sj {
  background: url(/static/portal/images/2025culture/ico-bg-sj.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--ko {
  background: url(/static/portal/images/2025culture/ico-bg-ko.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--school {
  background: url(/static/portal/images/2025culture/ico-bg-school.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--09 {
  background: url(/static/portal/images/2025culture/ico-bg-09.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--10 {
  background: url(/static/portal/images/2025culture/ico-bg-10.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--11 {
  background: url(/static/portal/images/2025culture/ico-bg-11.png) no-repeat right bottom/90px auto;
}
.lbox__ico-title--12 {
  background: url(/static/portal/images/2025culture/ico-bg-12.png) no-repeat right bottom/90px auto;
}
.lbox__box-title {
  text-align: center;
  padding-bottom: 24px;
}
.lbox__box-title span {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  gap: 7.5px;
  width: 137px;
  height: calc(32px * var(--fs-scale-m, 1));
  line-height: calc(32px * var(--fs-scale-m, 1));
  padding-left: 80px;
  margin-top: 33px;
  border-radius: 99px;
  font-size: calc(16px * var(--fs-scale-m, 1));
  background-color: #00238c;
  color: #fff;
  font-weight: 700;
  overflow: visible;
}
.lbox__box-title span img {
  position: absolute;
  left: 8.5px;
  bottom: 0;
  width: 64px;
}
.lbox__box-title h4 {
  font-size: calc(24px * var(--fs-scale-l, 1));
  font-weight: 600;
  color: #00238c;
  margin-top: 8px;
}
.lbox__box-subtitle {
  display: grid;
  place-items: center;
  grid-template-columns: 80px calc(100% - 80px);
  border-radius: 8px;
  border: 1px solid #3f86d2;
  background-color: #edf6ff;
  overflow: hidden;
}
.lbox__box-subtitle .num {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  background-color: #3f86d2;
  color: #fff;
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: 600;
  text-align: center;
}
.lbox__box-subtitle .txt {
  width: 100%;
  padding: 12px 16px;
  font-size: calc(16px * var(--fs-scale-m, 1));
  font-weight: 500;
  color: var(--basic);
  text-align: left;
}
.lbox__box-subtitle-wrap {
  border-bottom: 1px solid var(--primary-20);
}
.lbox__box-subtitle-wrap > p {
  margin: 24px 0;
  font-size: calc(18px * var(--fs-scale-l, 1));
  color: #1465bb;
  font-weight: 400;
  text-align: center;
}
.lbox__box-subtitle-wrap > p span {
  font-weight: 600;
  color: #00238c;
}

.inner-content .info {
  font-size: calc(16px * var(--fs-scale-m, 1));
  color: var(--primary-50);
  font-weight: 400;
  margin: 8px 0 0;
}
.inner-content .info.tar {
  text-align: right;
}

.flex {
  display: flex;
  justify-content: space-between;
}
.flex.column {
  flex-direction: column;
}
.flex--gap8 {
  gap: 8px;
}
.flex--gap24 {
  gap: 24px;
}
.flex .img {
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.flex .img.w440 {
  width: 440px;
}
.flex .txt {
  font-size: calc(18px * var(--fs-scale-l, 1));
  font-weight: 400;
  line-height: 1.5;
}
.flex .arrow-right {
  width: 18px;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .flex .arrow-right {
    transform: rotate(90deg);
  }
}
.flex:has(.flex__content) {
  padding: 20px;
  background-color: #eee;
}
@media screen and (max-width: 768px) {
  .flex:has(.flex__content) {
    flex-direction: column;
    align-items: center;
  }
}
.flex__content {
  width: 50%;
  border-radius: 8px 8px 4px 4px;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .flex__content {
    width: 100%;
  }
}
.flex__content .title {
  padding: 12px 0;
  font-size: calc(18px * var(--fs-scale-l, 1));
  color: #fff;
  font-weight: 600;
  background-image: linear-gradient(93deg, #49ae13 0%, #005abb 102%), linear-gradient(92deg, #6a1fce 0%, #0e6cd0 102%);
}
.flex__content .title.gray {
  background-color: #666;
  background-image: unset;
  font-weight: 500;
}
.flex__content .inner {
  width: 100%;
  height: 100%;
  padding: 20px 12px;
  border-radius: 0 0 4px 4px;
  border: 1px solid var(--gray-10);
  text-align: left;
}
.flex__content .title.gray ~ .inner {
  color: #666;
}
.flex__content .title.gray ~ .inner .box__bu--type3 > li {
  color: #666;
}
.flex__content .title.gray ~ .inner .box__bu--type3 > li:before {
  background-color: #666;
}

.culture-grid {
  display: grid;
  grid-template-columns: 120px calc(100% - 136px);
  gap: 24px 16px;
}
@media screen and (max-width: 768px) {
  .culture-grid {
    gap: 12px 8px;
    grid-template-columns: 80px calc(100% - 88px);
  }
}
.culture-grid__group {
  text-align: center;
}
.culture-grid__arrow {
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  .culture-grid__arrow {
    width: 64px;
  }
}
.culture-grid > div {
  border-radius: 8px;
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.culture-grid__title {
  font-size: calc(18px * var(--fs-scale-l, 1));
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .culture-grid__title {
    font-size: calc(16px * var(--fs-scale-m, 1));
  }
}
.culture-grid__content:has(h4) {
  padding: 24px;
}
.culture-grid__content h4 {
  font-size: calc(24px * var(--fs-scale-l, 1));
  font-weight: 600;
  color: var(--basic);
}
@media screen and (max-width: 768px) {
  .culture-grid__content h4 {
    font-size: calc(20px * var(--fs-scale-l, 1));
  }
}
.culture-grid__content h4.colored {
  color: #23169b;
}
.culture-grid__content .flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  width: calc(75px * var(--fs-scale-m, 1));
  height: calc(30px * var(--fs-scale-m, 1));
  border-radius: 99px;
  border: 2px solid #3f86d2;
  background-color: #fff;
  font-size: calc(14px * var(--fs-scale-m, 1));
  font-weight: 600;
  color: #3f86d2;
}
.culture-grid__content h5 {
  font-size: calc(18px * var(--fs-scale-l, 1));
  font-weight: 600;
  color: #23169b;
}
.culture-grid__content h5.type2 {
  color: #ae2c2c;
}
.culture-grid__content h5.type3 {
  color: #00238c;
}
.culture-grid__content h5 + .txt {
  display: block;
  margin-top: 12px;
}
.culture-grid__content .txt {
  color: var(--basic);
  font-size: calc(16px * var(--fs-scale-m, 1));
}
.culture-grid .flex {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .culture-grid .flex {
    flex-direction: column;
  }
}
.culture-grid__flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  border-radius: 8px;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .culture-grid__flex {
    width: 100%;
    flex-direction: column;
  }
}
.culture-grid__flex.column {
  flex-direction: column;
}
.culture-grid .column .culture-grid__flex {
  width: 100%;
  padding: 12px;
}
.culture-grid .column .culture-grid__flex .left {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .culture-grid .column .culture-grid__flex .left {
    width: 100%;
  }
}
.culture-grid .column .culture-grid__flex .right {
  padding: 20px;
  width: 65%;
  background-color: #fff;
  border-radius: 8px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .culture-grid .column .culture-grid__flex .right {
    width: 100%;
    margin-top: 12px;
  }
}
.culture-grid .column .culture-grid__flex .right .txt {
  color: #261c55;
}
.culture-grid .bg-01 {
  background-color: #b13fbc;
}
.culture-grid .bg-02 {
  background-color: rgba(177, 63, 188, 0.0980392157);
}
.culture-grid .bg-03 {
  background-color: #5c50cb;
}
.culture-grid .bg-04 {
  background-color: rgba(92, 80, 203, 0.1490196078);
}
.culture-grid .bg-05 {
  background-color: #3f86d2;
}
.culture-grid .bg-06 {
  background-color: rgba(63, 134, 210, 0.1490196078);
}
.culture-grid .bg-07 {
  background-color: #db784a;
}
.culture-grid .bg-08 {
  background-color: rgba(225, 147, 78, 0.0980392157);
}
.culture-grid .bg-09 {
  background-color: #d04f4f;
}
.culture-grid .bg-10 {
  background-color: rgba(208, 79, 79, 0.0980392157);
}
.culture-grid .bg-11 {
  background-color: #428eb2;
}

.tag-title {
  width: 100%;
  border-bottom: 2px solid var(--table-border-01);
}
.tag-title h5 {
  width: fit-content;
  padding: 12px 20px;
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: 400;
  color: #fff;
  border-radius: 8px 8px 0 0;
  background-color: var(--table-border-01);
}
.tag-title h5 span {
  font-weight: 700;
  color: #e988ff;
}

.grid-020200 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .grid-020200 {
    display: flex;
    flex-direction: column;
  }
}
.grid-020200 .inner {
  position: relative;
  width: 100%;
  border-radius: 8px;
  background-color: #f1f4f9;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .grid-020200 .inner {
    padding: 12px;
  }
}
.grid-020200 .inner img {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 768px) {
  .grid-020200 .inner img {
    right: 12px;
    bottom: 12px;
  }
}
.grid-020200 .inner .tit {
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: bold;
  color: var(--point-60);
  margin-bottom: 8px;
}
.grid-020200 .inner .reg {
  font-size: calc(14px * var(--fs-scale-m, 1));
  border-top: unset;
}

.img-mo {
  display: none;
}
@media screen and (max-width: 768px) {
  .img-mo {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .img-pc {
    display: none;
  }
}

.tec-grid {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 16px) / 3));
  grid-template-rows: repeat(3, calc((100% - 16px) / 3));
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .tec-grid {
    grid-template-columns: repeat(2, calc((100% - 8px) / 2));
    grid-template-rows: repeat(4, calc((100% - 24px) / 4));
  }
}
@media screen and (max-width: 450px) {
  .tec-grid {
    display: flex;
    flex-direction: column;
  }
}
.tec-grid .inner {
  position: relative;
  width: 100%;
  min-height: 236px;
  border-radius: 8px;
  background-color: #f1f4f9;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .tec-grid .inner {
    padding: 12px;
  }
}
@media screen and (max-width: 450px) {
  .tec-grid .inner {
    min-height: 206px;
  }
}
.tec-grid .inner img {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 768px) {
  .tec-grid .inner img {
    right: 12px;
    bottom: 12px;
  }
}
.tec-grid .inner strong {
  font-size: calc(20px * var(--fs-scale-l, 1));
  font-weight: 600;
  color: var(--point-60);
}
.tec-grid .inner > p {
  font-size: calc(14px * var(--fs-scale-m, 1));
  font-weight: 400;
  color: var(--basic);
  margin: 8px 0 0;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .tab_option_list.len-2 > ul > li {
    width: 50%;
  }
  .tab_option_list.len-2 > ul > li:nth-last-child(1):first-child {
    width: 100%;
  }
}
/*# sourceMappingURL=2025culture.css.map */