.sub-top .inner::after {
  display: none;
}
.board-style02 {
  grid-template-columns: repeat(3, 1fr);
}

.sub-page.about .sub-desc01 br {
  display: none;
}

@media all and (max-width: 1024px) {
  .sub-top.K01 hgroup,
  .sub-top hgroup {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .sub-top {
    height: auto;
    padding-block: 46px;
  }
  .about-step ol {
    display: block;
  }
  .about-step .slick-slide {
    margin-inline: 16px;
  }
  .about-step figure img {
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .board-style02 .item > article,
  .board-style02 > a > article {
    padding: 4.17vw;
  }
  .board-style02 .board-location p {
    font-size: 3.61vw;
  }
  .board-style02 .board-location p:first-child {
    margin-right: 2.08vw;
  }
  .board-style02 .board-location p:first-child::after {
    margin-left: 2.08vw;
  }
  .board-style02 .board-title {
    font-size: 4.72vw;
    margin-top: 2.08vw;
  }
  .board-style03 .item,
  .board-style03 > a {
    border-radius: var(--radius02);
    padding: 4.17vw;
    background-size: 11.11vw;
  }
  .board-style03 .board-category p {
    font-size: 3.61vw;
  }
  .board-style03 .board-title {
    font-size: 4.72vw;
    margin-top: 2.22vw;
    margin-bottom: 2.78vw;
  }
  .board-style03 .board-date {
    font-size: 3.61vw;
  }
  .board-style03 .board-count > div {
    gap: 0.97vw;
    font-size: 3.61vw;
  }
  .board-style03 .board-count > div img {
    width: 5.28vw;
  }
  .board-style03 .board-thumb {
    margin-top: 2.6vw;
  }
  .board-style03 .item {
    margin-inline: calc(10.69vw / 2);
    width: 89.31vw;
  }
  .board-state {
    width: 17.22vw;
    height: 6.39vw;
    font-size: 3.61vw;
  }
  .board-style02 .board-writer {
    font-size: 3.61vw;
    margin-top: 3.89vw;
    padding-top: 2.78vw;
  }
  .sub-page {
    padding-top: 15.28vw;
  }
  .sub-top {
    height: auto;
    min-height: 35.14vw;
    margin-bottom: 5.28vw;
    padding-block: 6.39vw;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #05bde5 0%, #056be5 46.5%, #6c50d9 100%);
  }
  .sub-top hgroup h2 {
    font-size: 7.5vw;
  }
  .sub-top hgroup {
    gap: 2.22vw;
    margin-top: 0;
  }
  .sub-top__nav {
    display: none;
  }
  .sub-top hgroup p {
    font-size: 3.61vw;
  }
  .sub-top hgroup p span {
    font-size: 3.33vw;
  }
  .category-container {
    padding-bottom: 5.28vw;
    border-bottom: 0.8vw solid #c3cbd5;
    margin-bottom: 10.83vw;
    flex-direction: column;
    gap: 4.17vw;
  }
  .btn-write {
    height: 12.22vw;
    width: 100%;
    border-radius: 1.11vw;
    font-size: 4.17vw;
  }
  .category-wrap {
    flex-direction: column;
    gap: 3.61vw;
  }
  .category-wrap h6 {
    font-size: 4.17vw;
    height: auto;
    line-height: normal;
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 1.67vw;
    border-bottom: 1px solid #e7eaee;
  }
  .category-wrap h6::before {
    display: none;
  }
  .category-btns {
    gap: 2.08vw;
    flex-wrap: wrap;
  }
  .board-top {
    flex-direction: column;
    margin-bottom: 5.28vw;
    gap: 4.17vw;
  }
  .board-top.is-sort {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
  .sort {
    gap: 3.61vw;
  }
  .sort > a {
    font-size: 3.61vw;
  }
  .sort > a:not(:last-child)::after {
    content: '';
    width: 2px;
    height: 2px;
    background: #444;
    position: absolute;
    right: -1.67vw;
  }
  .board-style01 .board-down {
    width: 20.83vw;
    gap: 1.39vw;
  }
  .board-total-msg {
    font-size: 3.61vw;
  }
  .board-style01 .board-header > div,
  .board-style01 .board-data > div {
    min-height: 11.11vw;
  }
  .board-style01 .board-header > div p,
  .board-style01 .board-data > div p,
  .board-style01 .board-down p {
    font-size: 3.33vw;
  }
  .board-style01 .board-down img {
    max-width: 5vw;
  }
  .board-style01 .board-data {
    height: 12.5vw;
  }
  .board-style01 {
    gap: 1.67vw;
  }
  .board-pager a {
    min-width: 7.5vw;
    max-height: 7.5vw;
    font-size: 3.61vw;
    border-radius: 4px;
  }
  .board-pager .prev {
    margin-right: 2.78vw;
    font-size: 3.61vw;
  }
  .board-pager .next {
    margin-left: 2.78vw;
    font-size: 3.61vw;
  }
  .board-pager a img {
    max-width: 5vw;
  }
  .category-btns > a,
  .category-btns button {
    height: 8.33vw;
    padding: 0 3.5vw;
    border-radius: 5.86vw;
    font-size: 3.61vw;
  }
  .sub-page .content {
    padding-bottom: 13.89vw;
  }
  .sub-tit {
    gap: 2.08vw;
    font-size: 6.39vw;
    margin-bottom: 5.28vw;
  }
  .sub-tit img {
    max-width: 5.28vw;
  }
  .btn-download {
    gap: 1.11vw;
    border-radius: 1.11vw;
    font-size: 4.17vw;
    width: 100%;
    height: 10.83vw;
  }
  .btn-download img {
    max-width: 5vw;
  }

  .board-style01 .board-number {
    width: 13.89vw;
  }
  .board-style01 .board-date {
    width: 24.31vw;
  }
  .btn-question {
    width: 100%;
    height: 12.22vw;
    border-radius: 1.11vw;
    gap: 1.11vw;
    font-size: 4.17vw;
  }
  .btn-question img {
    max-width: 4.17vw;
  }
  .board-style02,
  .board-style03 {
    grid-template-columns: 1fr;
    gap: 5.28vw;
  }
  .recommend-container hgroup {
    gap: 2.78vw;
    margin-bottom: 5.56vw;
  }
  .recommend-container hgroup p {
    font-size: 3.61vw;
  }
  .recommend-container .board-style03 {
    border-radius: 2.22vw;
    padding: 4.17vw;
    grid-gap: 4.17vw;
  }
  .recommend-container .slick-list {
    padding: 0 !important;
  }
  .recommend-container .board-style03 > a:hover,
  .recommend-container .board-style03 > a {
    padding: 0;
  }
  .recommend-container .board-style03 > a:hover:not(:last-child),
  .recommend-container .board-style03 > a:not(:last-child) {
    border-right: none;
    border-bottom: 1px dashed #c3cbd5;
    padding-bottom: 4.17vw;
  }
  .sub-top.K05 {
    margin-bottom: 10.56vw;
    padding: 6.39vw 0 0;
    min-height: 0;
  }
  .about .sub-tit {
    margin-bottom: 6.39vw;
    line-height: 1.4;
  }
  .sub-desc01 {
    font-size: 3.75vw;
  }
  .about .content {
    gap: 13.89vw;
  }
  .about-logo {
    margin: 5.56vw auto 0;
    padding: 5.28vw 13.33vw;
    width: 100%;
  }
  .about-step .slick-slide {
    margin-inline: 0;
    margin-right: 2.08vw;
  }
  .about-step .slick-list {
    overflow: visible;
  }
  .about-step li {
    padding: 5.28vw;
  }
  .about-step li span {
    height: 7.5vw;
    padding-inline: 4.17vw;
    font-size: 3.61vw;
    margin-bottom: 2.78vw;
  }
  .about-step li b {
    font-size: 5.28vw;
  }
  .about-step li p {
    font-size: 4.17vw;
    margin-top: 0;
  }
  .about-operate__wrap {
    flex-direction: column;
    gap: 1.39vw;
    margin-top: 5.56vw;
  }
  .about-operate__box {
    gap: 1.39vw 4.17vw;
    padding: 4.17vw;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    text-align: left;
    align-items: flex-start;
  }
  .about-operate__box img {
    width: 8.47vw;
    height: 8.47vw;
  }
  .about-operate__desc {
    width: 100%;
    flex-direction: row-reverse;
  }
  .about-operate__desc b {
    font-size: 4.17vw;
    background-image: url(/assets/images/sub/about_arrow_between_m.png);
    background-size: contain;
    width: 26.39vw;
    height: 34.03vw;
    flex: none;
  }
  .sub-desc02 {
    font-size: 4.17vw;
  }
  .about-operate__desc p {
    flex: 1;
    font-size: 3.61vw;
  }
  .about-operate__desc p:first-of-type {
    text-align: left;
  }
  .about-operate__desc p:last-of-type {
    text-align: right;
  }
  .about-role__box {
    padding: 5.28vw;
    gap: 4.17vw;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
  }
  .about-role__box div {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #c3cbd5;
    align-items: center;
    padding-bottom: 4.17vw;
  }
  .about-role__box div p {
    line-height: 1;
    margin-bottom: 1.67vw;
  }
  .about-role__box div b {
    font-size: 5.28vw;
  }
  .about-role > ul > li {
    gap: 2.78vw;
  }
  .about-role > ul > li:not(:last-child) {
    margin-bottom: 6.39vw;
  }
  .about-role img {
    max-width: 4.72vw;
  }
  .about-role__list {
    gap: 1.67vw;
  }
  .about-role__list p {
    padding: 0;
    height: 11.11vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-step ol {
    margin-top: 5.56vw;
  }
  .about-role__box ul {
    gap: 1.67vw;
  }
  .about-tech__strategy > li h6 {
    padding-inline: 3.19vw;
    font-size: 4.17vw;
    height: 6.94vw;
  }
  .about-tech__strategy > li {
    padding-top: 3.47vw;
  }
  .about-tech__strategy > li:not(:first-child) {
    margin-top: 5.28vw;
  }
  .about-tech__strategy > li div {
    padding: 5.28vw;
  }
  .about-tech__strategy > li div strong {
    font-size: 4.72vw;
  }
  .about-tech__strategy > li div li {
    gap: 1.39vw;
    flex-direction: column;
    align-items: center;
  }
  .about-tech__strategy > li div p {
    align-items: flex-start;
    text-align: center;
    gap: 1.39vw;
    font-size: 4.17vw;
  }
  .about-tech__strategy > li div li > span {
    width: 21.25vw;
    height: 6.81vw;
    font-size: 4.17vw;
  }
  .about article > figure,
  .about article > picture {
    margin-top: 5.56vw;
  }
  .sub-stit {
    padding-left: 4.86vw;
    background-size: 4.17vw;
    font-size: 4.72vw;
  }
  .about .sub-stit {
    margin-bottom: 4.17vw;
  }
  .about article:not(:first-of-type) {
    margin-top: 11.11vw;
  }
  .about-area__location {
    margin-top: 8.33vw;
    flex-direction: column;
    gap: 4.17vw;
  }
  .about-area__location > * {
    width: 100%;
  }
  .about-area__location figure img + img {
    margin-top: 4.17vw;
  }
  .about-area__box {
    padding: 5.28vw;
  }
  .about-area__box b {
    margin-bottom: 3.33vw;
    font-size: 4.17vw;
  }
  .about-area__box ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.67vw;
  }
  .about-area__box ul li {
    font-size: 3.61vw;
  }
  .about-area__box + img {
    max-width: 8.33vw;
  }
  .about-area__box:first-of-type svg {
    bottom: 3.33vw;
    max-width: 9.72vw;
  }
  .about-area__location > div {
    gap: 5.28vw;
  }
  .about-area__box:last-of-type {
    padding: 5.28vw;
  }
  .about-kspp {
    grid-template-columns: 1fr;
    margin-top: 3.33vw;
    grid-gap: 2.22vw;
  }
  .about-kspp li {
    padding: 4.17vw;
    gap: 2.08vw;
  }
  .about-kspp li span {
    font-size: 5.28vw;
  }
  .about-kspp li b {
    font-size: 4.72vw;
  }
  .about-kspp li p {
    font-size: 3.61vw;
    margin-top: 1.39vw;
  }
  .about-visual {
    margin-bottom: 11.11vw;
    height: 74.58vw;
    background-image: url(/assets/images/sub/about_institution_m.png);
  }
  .about-visual p {
    font-size: 6.39vw;
  }
  .board-top:has(.board-search) {
    align-items: flex-start;
  }
  .board-search {
    width: 100%;
    gap: 2.08vw;
  }
  .board-search input {
    width: auto;
    flex: 1;
    height: 10.83vw;
    padding-left: 3.19vw;
    font-size: 3.61vw;
    border-radius: 8px;
  }
  .board-search input::placeholder {
    font-size: 3.61vw;
  }
  .board-search button {
    max-height: 10.83vw;
    max-width: 10.83vw;
    flex: none;
  }
  .board-search button img {
    max-width: 6.39vw;
  }
  .faq-list {
    margin-top: 5.28vw;
  }
  .faq-list > li > div {
    padding: 2.78vw 8.33vw 2.78vw 4.17vw;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 2.78vw;
  }
  .faq-arrow {
    position: absolute;
    right: 4.17vw;
    top: 50%;
    transform: translateY(-50%);
    width: 4.17vw;
    height: 4.17vw;
  }
  .faq-arrow img {
    max-width: 4.17vw;
  }
  .faq-list > li.active .faq-arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
  .faq-mark {
    font-size: 4.17vw;
    line-height: 1;
    width: auto;
  }
  .faq-content,
  .faq-title {
    font-size: 4.17vw;
  }
  .sub-page.member .content {
    width: 100%;
    padding-inline: 3.90625%;
    padding-top: 10.56vw;
  }
  .member hgroup h2 {
    font-size: 7.36vw;
  }
  .member hgroup p {
    font-size: 4.17vw;
    margin-top: 4.17vw;
  }
  .member-form.is-login > div input[type='text'],
  .member-form.is-login > div input[type='password'] {
    height: 10.42vw;
    font-size: 3.61vw;
    padding-inline: 4.17vw;
  }
  .member-form .login-btn {
    height: 11.67vw;
    font-size: 4.17vw;
  }
  .member-form.is-login p {
    font-size: 3.61vw;
    gap: 2.08vw;
  }
  .member-form.is-login {
    gap: 3.19vw;
  }
  .login-links {
    gap: 3.19vw;
  }
  .login-links li a {
    font-size: 3.61vw;
  }
  .login-links li:not(:first-child) a::before {
    max-height: 3.61vw;
    margin-right: 3.19vw;
  }
  .member hgroup img {
    width: 47.78vw;
  }
  .member hgroup {
    margin-bottom: 7.36vw;
  }

  .member-btns {
    gap: 3.89vw;
    margin-top: 5.56vw;
  }
  .member-type {
    gap: 3.89vw;
  }
  .member-type li label {
    gap: 1.11vw;
    padding: 0;
    font-size: 4.17vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    aspect-ratio: 1 / 1;
  }
  .member-form__list {
    gap: 4.17vw;
  }
  .member-form__list > li > p {
    font-size: 4.17vw;
    margin-bottom: 2.08vw;
  }
  .member-btns a,
  .member-btns button {
    height: 11.67vw;
    font-size: 4.17vw;
  }
  .member hgroup .is-gray {
    font-size: 3.61vw;
  }
  .member-form__list > li div input[type='text'],
  .member-form__list > li div input[type='password'],
  .member-form__list > li div input[type='email'],
  .member-form__list > li div select {
    height: 10.56vw;
    font-size: 3.61vw;
    padding-inline: 3.19vw;
  }
  .member-form__list > li div {
    gap: 1.11vw;
  }
  .member-form__list > li div + div {
    margin-top: 2.08vw;
  }
  .member-form__list > li div button {
    height: 10.56vw;
    width: 29.86vw;
    font-size: 3.61vw;
  }
  .member-form__list > li ul li label {
    gap: 2.08vw;
    font-size: 3.61vw;
  }
  .member-form__list > li ul li label span {
    max-width: 5.28vw;
    max-height: 5.28vw;
  }
  .member-form__list > li ul {
    padding: 4.17vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.89vw 0;
  }
  .member-form__list > li > span.is-blue {
    font-size: 3.33vw;
  }
  .board-category p {
    font-size: 3.61vw;
  }
  .board-category p:not(:first-child) {
    margin-left: 2.08vw;
  }
  .board-category p:not(:first-child)::before {
    margin-right: 2.08vw;
  }
  .mypage-tab {
    margin-top: 5.28vw;
  }
  .mypage-tab button,
  .mypage-tab a {
    padding-inline: 0;
    height: 13.89vw;
    font-size: 4.17vw;
    border-width: 2px;
  }
  .mypage-noti {
    margin-bottom: 5.28vw;
    padding: 3.33vw;
    font-size: 3.61vw;
  }
  .mypage-qna ul {
    margin-top: 5.28vw;
    gap: 2.08vw;
  }
  .mypage-qna ul a {
    padding: 5.28vw;
  }
  .mypage-qna__cate {
    gap: 4.17vw;
    margin-bottom: 2.08vw;
  }
  .mypage-qna__cate p:first-child {
    font-size: 3.61vw;
  }
  .mypage-qna__cate .status.status01 {
    height: 6.94vw;
    font-size: 3.61vw;
  }
  .mypage-qna__cate .status {
    padding-inline: 2.08vw;
  }
  .mypage-qna__top b {
    font-size: 4.17vw;
  }
  .mypage-qna__cate .status.status02 {
    height: 6.39vw;
    font-size: 3.33vw;
  }
  .mypage-qna__bottom {
    padding-top: 3.89vw;
    margin-top: 3.89vw;
  }
  .mypage-qna__bottom p {
    gap: 1.11vw;
  }
  .mypage-qna__bottom.style01 {
    gap: 5.28vw;
  }
  .mypage-qna__bottom.style01 p {
    font-size: 3.61vw;
  }
  .mypage-qna__bottom.style01 p img {
    max-width: 4.44vw;
  }
  .mypage-qna__bottom.style02 p {
    font-size: 3.61vw;
  }
  .mypage-qna__bottom.style02 p svg {
    flex: none;
    max-width: 3.61vw;
    max-height: 3.61vw;
  }
  .mypage-qna__top > p {
    font-size: 3.61vw;
    margin-top: 2.08vw;
  }
  .mypage-qna__bottom.style03 {
    margin-top: 2.78vw;
  }
  .mypage-qna__bottom.style03 p {
    font-size: 3.33vw;
  }
  .member h3 {
    margin-bottom: 5.28vw;
  }
  .result-box {
    padding: 8.33vw;
    width: 100%;
  }
  .result-box svg {
    margin-bottom: 4.17vw;
    width: 11.11vw;
    height: 11.11vw;
  }
  .result-box strong {
    font-size: 5vw;
  }
  .result-box p {
    font-size: 3.33vw;
    margin-top: 1.39vw;
  }
  .result-modal-content {
    width: 80%;
    max-width: 300px;
    padding: 8.33vw 2.78vw;
  }

  .result-modal-content p {
    font-size: 4.44vw;
  }

  .result-modal-content button {
    font-size: 3.89vw;
    padding: 1.67vw 5.56vw;
  }
    
  .withdrawal-list {
    gap: 4.17vw;
  }
  .withdrawal-list strong {
    font-size: 4.17vw;
  }
  .withdrawal-list p {
    font-size: 3.61vw;
    margin-top: 1.67vw;
  }
  .withdrawal-list li:has(input[type=checkbox]) {
    gap: 1.39vw;
  }
  .withdrawal-list li:has(input[type=checkbox]) label {
    font-size: 3.61vw;
  }
}
@media all and (max-width: 640px) {
}