.mo_btn {display: none;}

@media screen and (max-width: 1500px) {
  .sound_btn {top: auto; bottom: 72px;}
}

@media screen and (max-width: 1300px){
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}

  .notice-list ul {gap: 20px 0; margin: 0 -10px;}
  .notice-list ul li {padding: 0 10px;}

  .tit-box {margin-bottom: 30px;}
}

@media screen and (max-width: 900px) {
  .mo_btn {display: block; width: 25px;}
  header {height: 60px;}
  header .container {justify-content: flex-end;}
  header .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px;}
  header nav {position: fixed; top: 0; left: -300px; width: 300px; height: 100vh; background: #ffffffbf; z-index: 9999; transition: all .5s;}
  header.open {background: transparent;}
  header.open nav {left: 0;}
  header nav ul {flex-flow: column; justify-content: center; gap: 20px; height: 100%;}
  header nav ul li a {height: auto;}
  header .talk_btn {position: fixed; bottom: 20px; right: 20px;}
  header .talk_btn a {animation: heartbeat 1.5s ease-in-out infinite both; gap: 0; text-indent: -9999px; width: 50px; height: auto; aspect-ratio: 1; border-radius: 100%;}
  @keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
  header .talk_btn a img {width: 25px;}

  footer .copyright {word-break: keep-all;}

  .notice-list ul {gap: 20px 0; margin: 0 -5px;}
  .notice-list ul li {width: calc(100% / 1); padding: 0 5px;}

  .about_ct .tit {margin-bottom: 20px; word-break: keep-all;}
  .about_ct .txt {font-size: 16px;}
  .about_ct .dl-box {margin-top: 40px;}

  .price_ct {padding: 20px;}
  .price_ct .mark {width: 15px; margin: 0 auto 20px;}
  .price_ct .tit {margin-bottom: 50px; font-size: 28px;}
  .price_ct .price_list ul {gap: 30px;}
  .price_ct .price_list ul li .child-box .tit_price {padding-bottom: 10px; margin-bottom: 10px;}
  .price_ct .price_list ul li .child-box .tit_price .product_name {font-size: 22px;}
  .price_ct .price_list ul li .child-box .tit_price .num {font-size: 22px;}
  .price_ct .price_list ul li .child-box .tit_price .num img {width: 15px;}
  .price_ct .price_list ul li .child-box .detail_txt {font-size: 16px; word-break: keep-all;}

  .price_ct .add_product {padding: 20px; margin-top: 30px; border-radius: 23px;}
  .price_ct .add_product .tit {padding-bottom: 10px; margin-bottom: 10px; font-size: 22px;}
  .price_ct .add_product .dl-box {padding: 0 5px;}
  .price_ct .add_product .dl-box dl dt {font-size: 16px;}
  .price_ct .add_product .dl-box dl dd {font-size: 16px;}

  .view_ct {padding: 20px;}
  .view_tit .tit {font-size: 26px;}
  .detail-area div {gap: 5px;}
  .view_tit .date {font-size: 16px;}
  .btn_confirm .btn_cancel {width: 101px; height: 40px; font-size: 15px;}
  .btn_confirm .btn_submit {width: 101px; height: 40px; font-size: 15px;}


  .sound_btn {bottom: 80px;}

  .visual img {object-fit: cover;}
}

@media screen and (max-width: 500px) {
  section {padding: 120px 0 80px;}
}


@media screen and (max-width: 352px) {
  .price_ct .add_product .dl-box {display: flex; flex-flow: column; gap: 10px;}
  .price_ct .add_product .dl-box dl {flex-flow: column; align-items: flex-start;}
}

@media screen and (max-width: 336px) {
  .about_ct .txt {word-break: keep-all;}
  .about_ct .txt br {display: none;}
}