.gallary .board-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gallary.cover .board-list {
  padding-inline: 45px;
}
.gallary.cover .board-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media all and (max-width: 1024px) {
  .inquiry-form article > ul > li {
    grid-template-columns: 1fr;
    grid-gap: 12px;
  }
  .inquiry-form .input-area.style01 {
    width: 100%;
  }
  .inquiry-form .input-area.style02 {
    width: 100%;
  }
  .inquiry-form .input-area__inner {
    flex-wrap: wrap;
    height: auto;
  }
  .inquiry-form input[type='text'],
  .inquiry-form select,
  .inquiry-form textarea {
    height: 52px;
  }
  .inquiry-form .input-area__inner li {
    width: 100% !important;
    height: auto;
    height: 52px;
  }
  .inquiry-form article > ul > li .tit-area:has(p) {
    flex-direction: row;
    gap: 20px;
  }
  .file-btns p {
    line-height: 1.6;
  }
  .file-btns {
    grid-column-start: 1;
    margin-top:0;
    flex-direction: column;
  }
  .file-btns div {
    width: 100%;
    margin-top: 40px;
  }
  .file-btns label, .file-btns button {
    flex: 1;
    width: auto;
  }
  .inquiry-form article > ul > li .tit-area.autoHeight,
  .inquiry-form article > ul > li:has(.file-area) .tit-area,
  .inquiry-form article > ul > li:has(textarea) .tit-area {
    height: 52px;
  }
  .inquiry-agree label {
    flex-wrap: wrap;
  }
  .inquiry-agree > div span {
    display: block;
    width: 100%;
  }
  .inquiry-agree > div {
    height: auto;
    padding-block: 20px;
  }
  .inquiry-form__tit span {
    line-height: 1.4;
  }
  .inquiry-form__tit {
    height: auto;
    padding-block: 20px;
  }
  .gallary.cover .board-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media all and (max-width: 768px) {
  .sub-page .content {
    padding-block: 13.89vw 22.22vw;
    min-height: 90vh;
  }
  .gallary .board-list,
  .gallary.cover .board-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 6.94vw 2.78vw;
  }
  .sub-tit {
    font-size: 6.39vw;
  }
  .board-list {
    margin-top: 8.33vw;
  }
  .gallary .board-list a figure,
  .gallary .board-list button figure {
    padding: 3.19vw;
  }
  .gallary .board-list a p,
  .gallary .board-list button p {
    margin-top: 1.67vw;
    font-size: 2.92vw;
    line-height: 1.6;
    padding-inline: 1.67vw;
  }
  .gallary .board-list a b,
  .gallary .board-list button b {
    font-size: 3.61vw;
    padding-inline: 1.67vw;
  }
  .sub-tab {
    flex-wrap: wrap;
    gap: 1.67vw;
    margin-top: 8.33vw;
  }
  .sub-tab a {
    height: 12.5vw;
    padding-inline: 1.39vw;
    flex: none;
    width: auto;
    min-width: 20.83vw;
    max-width: 33.33vw;
    border: 1px solid transparent;
    font-size: 3.33vw;
    text-align: center;
    line-height: 1.4;
    word-break: break-all;
  }
  .board-paging > div.arrows {
    gap: 0.83vw;
  }
  .board-paging > div {
    gap: 6.67vw;
  }
  .board-paging {
    gap: 5.56vw;
    margin-top: 13.89vw;
  }
  .board-paging > div a {
    font-size: 4.17vw;
  }
  .board-paging > div.arrows a {
    max-width: 9.72vw;
    max-height: 9.72vw;
  }
  .board-view__top {
    padding-block: 8.33vw;
    margin-top: 8.33vw;
  }
  .board-view__top b {
    font-size: 4.44vw;
  }
  .board-view__top p {
    margin-top: 3.06vw;
    font-size: 3.61vw;
  }
  .board-view__edit {
    padding-top: 5.56vw;
  }
  .board-view__nav {
    padding: 7.78vw 0 0;
    margin-top: 11.11vw;
    gap: 5.56vw;
  }
  .board-view__nav .prev,
  .board-view__nav .next {
    gap: 2.78vw;
  }
  .board-view__nav .list {
    max-width: 19.44vw;
    max-height: 9.72vw;
    font-size: 3.61vw;
  }
  .board-view__nav .prev div,
  .board-view__nav .next div {
    gap: 0.56vw;
    font-size: 3.33vw;
  }
  .board-view__nav .prev div svg,
  .board-view__nav .next div svg {
    width: 3.33vw;
    height: 3.33vw;
  }
  .board-view__nav .next div svg {
    margin-right: -3.61vw;
  }
  .board-view__nav .prev div svg {
    margin-left: -3.61vw;
  }
  .board-view__nav .prev p,
  .board-view__nav .next p {
    font-size: 3.06vw;
  }
  .gallary.cover .board-list {
    grid-gap: 6.94vw;
    padding-inline: 6.25vw;
  }
  .board-top {
    margin-top: 8.33vw;
    gap: 4.17vw;
  }
  .board-top__select {
    height: 12.5vw;
    line-height: 12.5vw;
    background-size: 2.78vw;
    font-size: 3.19vw;
    width: 22.64vw;
    flex: none;
  }
  .board-top__select select {
    font-weight: 600;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .board-search {
    height: 12.5vw;
    width: auto;
    flex: 1;
    gap: 1.67vw;
  }
  .board-search p {
    font-size: 3.19vw;
  }
  .board-search div {
    gap: 2.78vw;
  }
  .board-search input[type='text'] {
    font-size: 3.19vw;
  }
  .board-search button {
    max-width: 4.17vw;
    max-height: 4.17vw;
    flex: none;
  }
  .cover-modal {
    width: 91.67vw;
    padding: 2.78vw 2.78vw 9.72vw 2.78vw;
  }
  .cover-modal figure {
    width: 72.22vw;
    border-width: 0.56vw;
  }
  .cover-modal p {
    margin-top: 4.17vw;
    font-size: 3.06vw;
    line-height: 1.4;
  }
  .cover-modal__close {
    max-width: 5.56vw;
    max-height: 5.56vw;
    margin-bottom: 5.56vw;
  }
  .cover-modal b {
    margin-top: 4.17vw;
    font-size: 4.44vw;
  }
  .sub-page .sub-tit {
    margin-bottom: 8.33vw;
  }
  .about-visual {
    height: 58.33vw;
  }
  .about-desc {
    margin-top: 8.33vw;
  }
  .about-desc b {
    font-size: 4.72vw;
  }
  .about-desc p {
    margin-top: 4.17vw;
    font-size: 3.33vw;
  }
  .about-infograph {
    margin-top: 6.94vw;
  }

  .info-list {
    gap: 8.33vw;
  }
  .info-tit {
    height: 11.11vw;
    font-size: 3.61vw;
  }
  .info-desc {
    margin-top: 5.56vw;
  }
  .info-account {
    margin-bottom: 3.61vw;
    padding: 5.56vw 8.33vw;
  }
  .info-account img {
    margin: 0 auto 3.61vw;
    max-width: 30.56vw;
  }
  .info-account b {
    font-size: 4.44vw;
  }
  .info-account p {
    font-size: 3.33vw;
    margin-top: 3.61vw;
  }
  .info-desc > p,
  .info-desc > li p {
    font-size: 3.33vw;
  }
  ul.info-desc {
    align-items: center;
    gap: 4.17vw;
    text-align: center;
    width: auto;
  }
  ul.info-desc li {
    flex-direction: column;
    gap: 2.78vw;
    align-items: center;
    text-align: center;
  }
  ul.info-desc li p:not(:first-of-type) {
    font-size: 2.92vw;
  }
  ul.info-desc li .info-tag {
    width: 25vw;
    height: 8.33vw;
    font-size: 3.61vw;
  }
  .info-form {
    max-width: 460px;
    width: 100%;
  }
  .info-form ul {
    gap: 1.67vw;
    margin-top: 4.17vw;
  }
  .info-form ul li p {
    font-size: 3.33vw;
    width: 19.44vw;
    text-align: left;
  }
  .info-form ul li input[type='text'] {
    height: 12.5vw;
    padding-inline: 2.78vw;
    font-size: 3.33vw;
  }
  .info-form button {
    font-size: 3.33vw;
    height: 12.5vw;
    margin-top: 5.56vw;
  }
  .list .board-search {
    margin: 8.33vw auto 0;
    gap: 1.67vw;
    margin-inline: 4.17vw;
  }
  .list .board-search select {
    width: 16.94vw;
    font-size: 3.06vw;
    background-size: 2.78vw;
    background-position: right 2.78vw center;
  }
  .list .board-search strong {
    width: 11.94vw;
    font-size: 3.19vw;
  }
  .list .board-list .board-list__header .date,
  .list .board-list .board-list__record .date {
    display: none;
  }
  .list .board-list .board-list__header .num,
  .list .board-list .board-list__record .num {
    width: 11.11vw;
    font-size: 3.06vw;
  }
  .list .board-list .board-list__header .name,
  .list .board-list .board-list__record .name {
    font-size: 3.06vw;
    width: 27.78vw;
  }
  .list .board-list .board-list__header div {
    font-size: 3.19vw;
  }
  .list .board-list .board-list__header {
    height: 11.11vw;
  }
  .list .board-list .board-list__record {
    height: 13.89vw;
  }
  .list .board-list .board-list__record .tit img {
    width: 2.78vw;
  }
  .list.guide .board-list .board-list__record .name,
  .list.guide .board-list .board-list__record .num,
  .list.guide .board-list .board-list__header {
    display: none;
  }
  .list.guide .board-list .board-list__record .date {
    display: block;
    width: 100%;
    margin-top: 3.33vw;
    text-align: left;
    font-size: 3.06vw;
  }
  .list .board-list .board-list__record .tit p {
    font-size: 3.33vw;
  }
  .list.guide .board-list .board-list__record {
    height: auto;
    padding: 6.94vw 4.17vw;
    display: block;
  }
  .list .board-list .is-new .board-list__record:first-of-type .tit {
    padding-left: 4.72vw;
    background-size: 3.89vw;
  }
  .list .board-list .board-list__header .num img,
  .list .board-list .board-list__record .num img {
    max-width: 5vw;
  }
  .list .board-list .board-list__record .num svg {
    width: 1.67vw;
  }
  .inquiry-btn button,
  .inquiry-btn a {
    width: 22.5vw;
    height: 12.5vw;
    font-size: 3.33vw;
  }
  .inquiry-bottom .inquiry-btn {
    position: static;
  }
  .inquiry-bottom form {
    flex: 1;
  }
  .inquiry-btn {
    margin-top: 0;
  }
  .board-view__edit + .inquiry-btn {
    margin-top: 4.17vw;
  }
  .inquiry-bottom {
    display: flex;
    flex-direction: row;
    gap: 4.17vw;
    margin-top: 8.33vw;
    overflow: hidden;
  }
  .inquiry-bottom .board-search {
    margin: 0;
  }
  .sub-stit {
    margin-top: 4.17vw;
    font-size: 3.06vw;
  }
  .pw-box input[type='text'] {
    min-width: 0;
    height: 12.5vw;
    padding-inline: 2.78vw;
    font-size: 3.33vw;
  }
  .pw-wrap {
    padding-block: 11.11vw;
    margin-top: 8.33vw;
  }
  .pw-box p {
    font-size: 3.89vw;
    margin-bottom: 4.17vw;
  }
  .pw-box {
    width: 77.78vw;
    text-align: center;
    margin-inline: auto;
  }
  .pw-btns {
    gap: 1.39vw;
    margin-top: 4.17vw;
  }
  .pw-btns button,
  .pw-btns a {
    height: 12.5vw;
    font-size: 3.33vw;
  }
  .board-delivery li {
    grid-template-columns: 1fr;
    grid-gap: 1.67vw;
  }
  .board-delivery a {
    width: 100%;
    padding: 3.47vw 4.17vw;
  }
  .board-delivery li > p {
    padding-inline: 4.17vw;
    min-height: 13.89vw;
    font-size: 3.33vw;
  }
  .board-delivery a p {
    font-size: 3.33vw;
    margin-left: 1.39vw;
  }
  .board-delivery a img {
    width: 11.11vw;
  }
  .board-delivery a .arrow {
    width: 6.94vw;
  }
  .board-delivery li > div {
    padding: 4.17vw;
  }
  .board-view__top div:not(.status) {
    gap: 2.22vw;
    margin-top: 3.61vw;
  }
  .board-view__top div p:not(:first-child)::before {
    height: 2.5vw;
    margin-right: 2.22vw;
  }
  .inquiry-form__tit {
    padding: 5.556vw;
    gap: 4.167vw;
  }
  .inquiry-form__tit p {
    font-size: 4.167vw;
  }
  .inquiry-form__tit span {
    font-size: 3.056vw;
  }
  .inquiry-form article > ul {
    gap: 4.167vw;
    margin-top: 5.556vw;
  }
  .inquiry-form article > ul > li {
    grid-gap: 1.667vw;
  }

  .inquiry-form article > ul > li .tit-area.autoHeight,
  .inquiry-form article > ul > li:has(.file-area) .tit-area,
  .inquiry-form article > ul > li:has(textarea) .tit-area,
  .inquiry-form .tit-area {
    padding-inline: 4.167vw;
    height: 13.889vw;
    font-size: 3.333vw;
  }
  .board-view__top .status {
    margin-bottom: 4.17vw;
  }
  .inquiry-form .input-area {
    gap: 1.389vw;
  }
  .inquiry-form .input-area__inner {
    gap: .83vw;
  }
  .inquiry-form .input-area__inner svg {
    width: 2.78vw;
  }
  .inquiry-form input[type=text], .inquiry-form input[type=password], .inquiry-form select, .inquiry-form textarea {
    height: 13.89vw;
    font-size: 3.333vw;
    padding-inline: 2.78vw;
  }
  .inquiry-form select {
    background-size: 2.78vw;
    background-position: center right 4.17vw;
  }
  .inquiry-form article > ul > li .tit-area:has(p) p {
    font-size: 2.917vw;
  }
  .inquiry-form {
    margin-top: 8.333vw;
    gap: 8.333vw;
    font-size: 3.611vw;
  }
  .inquiry-form .input-area__inner li {
    gap: 1.389vw;
    font-size: 3.333vw;
    height: 13.889vw;
  }
  .inquiry-form article > ul > li:has(textarea) .input-area {
    height: 115.556vw;
  }
  .inquiry-form textarea {
    padding-block: 4.167vw;
  }
  .inquiry-form textarea::-webkit-input-placeholder {
    font-size: 3.611vw;
    line-height: 1.4;
  }
  .file-area {
    height: 36.111vw;
    padding: 4.167vw;
  }
  .file-btns p {
    font-size: 3.333vw;
  }
  .file-btns div {
    margin-top: 5.556vw;
  }
  .file-btns label, .file-btns button {
    height: 13.056vw;
    font-size: 3.333vw;
  }
  .inquiry-form .input-area__inner .is-red {
    font-size: 4.167vw;
  }
  .inquiry-form .input-area.style03 .input-area__inner {
    gap: 2.778vw;
  }
  .inquiry-form .input-area.style03 {
    width: 100%;
  }
  .inquiry-agree > div p {
    font-size: 3.611vw;
  }
  .inquiry-agree > div span {
    font-size: 3.333vw;
  }
  .inquiry-agree ul li {
    gap: 1.667vw;
    font-size: 3.333vw;
  }
  .inquiry-agree label {
    gap: 2.222vw;
  }
  .inquiry-agree label div {
    max-width: 5.556vw;
    max-height: 5.556vw;
  }
  .inquiry-agree > div {
    padding-block: 4.167vw;
  }
  .inquiry-agree ul {
    gap: 4.167vw;
    padding: 4.167vw;
  }
  .inqiury-form__btns {
    gap: 1.667vw;
  }
  .inqiury-form__btns a, .inqiury-form__btns button {
    width: auto;
    flex:1;
    height: 13.056vw;
    font-size: 3.333vw;
  }
  .status {
    width: 15.28vw;
    height: 6.39vw;
    font-size: 3.19vw;
    margin-right: 2.22vw;
  }
  .list .board-list .board-list__record .tit p.is-new {
    padding-right: 7.78vw;
    background-size: 6.94vw;
  }
  .result .pw-box img {
    max-width: 18.06vw;
    margin-bottom: 2.78vw;
  }
  .result .pw-box b {
    margin-bottom: 2.78vw;
    font-size: 5.56vw;
  }
  .result .pw-box p {
    font-size: 3.33vw;
  }
  .result .pw-btns a:first-child {
    width: 41.67vw;
  }
  .board-view__answer {
    margin-top: 8.33vw;
    padding: 4.17vw;
  }
  .board-view__answer div {
    margin-top: 2.78vw;
    font-size: 3.33vw;
  }
  .board-view__answer ul {
    margin-top: 2.78vw;
    gap: .83vw;
  }
  .board-view__answer p {
    font-size: 3.47vw;
  }
  .board-view__answer li {
    font-size: 3.06vw;
  }
  .board-view__file {
    margin-top: 8.33vw;
    gap: 2.78vw;
    padding: 4.17vw;
  }
  .board-view__file a {
    font-size: 3.61vw;
    padding-left: 4.17vw;
  }
}

@media all and (max-width: 640px) {
}