@media screen and (max-width: 1200px) {
  .main-popup {
    right: 30px;
    width: 300px;
  }
  .main-popup .main-popup__img {
    display: block;
    width: 100%;
  }
  .main-popup.type2 {
    right: 340px;
  }
}
@media screen and (max-width: 720px) {
  .barve img {
    width: 100px !important;
  }
  .nav-b > div {
    display: none;
  }
  .wrap.web {
    display: none;
  }
  .wrap.mobile {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .wrap.mobile img {
    display: block;
    width: 100%;
  }
  .btn-main {
    bottom: 40px;
    transform: translateX(-50%);
    padding: 0 30px;
    height: 60px;
    border-radius: 50px;
    color: black;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    z-index: 0;
  }
  .notice-section .notice-section__title {
    font-size: 40px;
    padding-bottom: 20px;
  }
  .notice-section ul li.table .shirt-size {
    display: block;
  }
  .notice-section:nth-child(1) {
    padding-top: 40px;
  }
  .notice-section .notice-section__detail {
    padding: 16px;
  }
  .notice-section .notice-section__detail .detail-title {
    font-size: 28px;
  }
  .notice-section .notice-section__detail .detail-title-sub {
    font-size: 16px;
  }
  .notice-section .notice-section__detail .detail-title-desc {
    font-size: 14px;
  }
  .notice-section .notice-section__detail .detail-title-desc span {
    font-size: 14px;
  }
  .shirt-size__table {
    margin-top: 30px;
  }
  .notice-section {
    padding-top: 40px;
  }
  .notice-section ul li {
    font-size: 14px;
  }
  .notice-section ul li p {
    font-size: 14px;
  }
  .notice-section ul li p span {
    font-size: 14px;
  }
  .notice-section ul li > div {
    font-size: 14px;
  }
  .notice-section ul li p br {
    display: none;
  }
  .wrap2 {
    height: 100% !important;
  }
  .input-wrap {
    padding-bottom: 210px;
  }
  .main-banner__card .main-banner__title {
    font-size: 36px;
  }
  .main-banner__card {
    padding: 0 16px;
  }
  .main-banner__card .main-banner__detail {
    text-align: center;
    font-size: 18px;
  }
  .main-banner__card .main-banner__detail span {
    font-size: 18px;
  }
  .main-banner__card .main-banner__detail br {
    display: none;
  }
  .main-banner {
    height: 50vh;
  }
  .list-apply {
    display: block;
  }
  .list-apply.type2 li + li {
    margin-top: 30px;
  }
  .list-apply.type2 li .bg {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto !important;
  }
  .list-apply li .list-apply__title {
    font-size: 30px;
  }
  .list-apply.type2 li .list-apply__caution {
    font-size: 16px;
  }
  .btn-apply {
    margin: 30px auto 0 auto;
    font-size: 30px;
    font-weight: 700;
    height: 70px;
    border-radius: 10px;
  }
  .main-popup-wrap {
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translate(-50%, 0); 
    width: 80%;
    z-index: 300;
  }
  .main-popup-wrap .main-popup {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0, 0);
  }
  .main-popup-wrap .main-popup .main-popup__img {
    display: block;
    width: 100%;
  }
  .main-popup-wrap .main-popup .btn-close {
    position: absolute;
    top: 7%;
    right: 9%;
    width: 24px;
    height: 24px;
  }
  .main-popup-wrap .main-popup .btn-close img {
    width: 24px;
  }
  .main-popup-wrap .main-popup.type1 {
    margin-top: 10px;
  }
  .main-popup-wrap .main-popup.type2 {
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .footer-align.align {
    display: block !important;
  }
  .footer-align > .align .ml16 {
    margin-left: 0;
  }
  .terms-title a {
    font-size: 12px !important;
  }
  footer .list {
    display: block;
    gap: 10px;
  }
  footer .list.align {
    display: block !important;
  }
  footer .list li + li ::before {
    content: "";
    display: block;
    width: 0px;
  }
  .input-type3 select {
    font-size: 10px;
    background: url(../img/ico_arrow_down.svg) no-repeat right 12px top 50%/12px;
    padding: 0 8px;
  }
}