.detail-area .img-list.mo {display: none;}
.detail-area .img-list.mo .detail-box {display: none;}
@media screen and (max-width: 1830px){
  .time-sale .date-box {padding: 0 30px;}
  .time-sale .txt-box {padding: 0 30px;}

  .tab-area .tab_item:not(:last-of-type) {display: flex; align-items: center; justify-content: center;}
  .tab-area .tab_item ul {flex-wrap: wrap; gap: 10px; height: auto;}
}

@media screen and (max-width: 1600px) {
  .time-sale .date_txt {gap: 8px;}
  .time-sale .date_txt dl dt {font-size: 40px;}
}

@media screen and (max-width: 1500px) {
  section {margin-bottom: 100px;}
  section:first-of-type {margin-top: 100px;}

  .time-sale .date-box .time-tit {margin-bottom: 20px;}
  .time-sale .date-box .time-tit .tit {margin-bottom: 5px; font-size: 24px;}
  .time-sale .date_txt {gap: 15px;}
  .time-sale .date_txt dl {gap: 4px;}
  .time-sale .date_txt dl dt {font-size: 30px;}
  .time-sale .date_txt dl dd {padding-top: 4px; font-size: 18px;}
  .time-sale .add_link {width: 120px; height: 40px; margin-top: 20px;}

  .time-sale .txt-box .hash-tag {gap: 10px;}
  .time-sale .txt-box .txt-tit {font-size: 15px;}
  .time-sale .txt-box .list-box {gap: 10px;}
  .time-sale .txt-box .list-box dt {min-width: 100px;}
  .time-sale .txt-box .list-box dl {gap: 10px;}

}

@media screen and (max-width: 1200px) {
  .time-sale .container {flex-flow: column; padding: 30px; box-sizing: border-box; gap: 20px;}
  .time-sale .date-box {aspect-ratio: initial; padding: 0;}
  .time-sale .txt-box {aspect-ratio: initial; padding: 0;}
  .time-sale .container > div {max-width: 566px; width: 100%;}
  .time-sale .date-box .data-area {width: 100%;}

  footer .address {flex-flow: column; align-items: flex-start; gap: 10px;}
  footer .container {flex-flow: column; align-items: flex-start; gap: 20px; padding: 0 20px;}
  footer .address dl {gap: 10px;}

  .time-sale .date-box {border-right: none;}
}

@media screen and (max-width: 900px) {
  header {padding: 0 20px;}
  header .logo {width: 80px;}

  .list-item:not(.list-item2) ul li {width: 320px;}
  .list-item2 ul li {width: calc(100% / 2);}
  .list-item2 ul li .child-box .txt-box {padding: 8px 15px; gap: 1px;}

  .visual .img-box {height: 500px;}

  .time-sale .container {padding: 25px 13px;}
  .time-sale .container > div {max-width: 100%;}
  section:first-of-type {margin-top: 50px;}
  section {margin-bottom: 50px;}

  footer .address dl {gap: 5px; flex-flow: column; align-items: flex-start;}
  footer .address dl dd {word-break: keep-all; line-height: 1.34;}

  
  .time-sale .txt-box .list-box dd {word-break: keep-all;}

  .tab-area {flex-flow: column; height: auto; width: 100%;}
  .tab-area .tab_item {width: 100%; border: none;}
  .tab-area .tab_item:not(:last-of-type) {border: none; border-bottom: 1px solid var(--black); padding: 10px 0;}
  .tab-area .tab_item:last-of-type {padding: 10px 20px;}
  .search-box {padding: 5;}

  .detail-area .img-list.mo {display: block;}
  .detail-area .img-list.mo .detail-box {display: flex; gap: 0px;}
  .detail-area .img-list.pc .detail-box {display: none;}
  .detail-area .img-list {gap: 10px;}
  .detail-area .img-list p {padding: 0 20px;}
  .detail-area .detail-txt {position: initial; padding: 13px; min-height: auto;}
  .detail-area .detail-txt .hash-tag {margin-top: 10px; gap: 8px;}
  .detail-area .detail-txt .hash-tag a {font-size: 13px;}
  .detail-area .detail-txt .detail-tit .tit {font-size: 16px;}
  .detail-area .detail-txt .detail-tit {margin: 15px 0 15px;}
  .detail-area .detail-txt .list-box dl {gap: 5px;}
  .detail-area .detail-txt .list-box dl dt {font-size: 12px;}
  .detail-area .detail-txt .list-box dl dd {font-size: 12px;}

  .tab_content .content_btn {gap: 10px; margin-bottom: 13px;}
  .tab_content .content_txt p {font-size: 12px;}
  .detail-area .container {flex-flow: column;}
  .detail-area .detail-txt .hash-tag {flex-wrap: wrap;}

  .notice-list ul li .child-box {flex-flow: column; gap: 10px;}
  .notice-list ul li .child-box .date {align-items: flex-start; gap: 5px;}

  .notice-view .view-tit .tit,.notice-view p {word-break: keep-all; line-height: 1.5;}

  .notice-area {padding-bottom: 100px;}

  .notice-area .container {padding: 20px 20px;}
  .qna_list ul li .child-box .toggle-content {padding-top: 15px;}
  .qna_list ul li .child-box {padding: 15px 0;}

  .popup {position: fixed; top: 80%; left: 50%; transform: translate(-50%, -50%); background: var(--wt);}

  
}

@media screen and (max-width: 700px) {
  .instar-area {padding-top: 20px;}
  .instar-area iframe {aspect-ratio: 16 / 13 !important;}
}

@media screen and (max-width: 600px) {


  .time-sale .date-box .time-tit {margin-bottom: 10px;}
  .time-sale .date_txt dl dt {font-size: 20px;}
  .time-sale .date_txt dl dd {padding-top: 2px; font-size: 15px;}
  .time-sale .add_link {margin-top: 10px;}
  .time-sale .time_slide .arrow img {width: 30px;}
  .time-sale .txt-box .hash-tag {flex-wrap: wrap;}
  .time-sale .txt-box .txt-tit .tit {font-size: 22px;}

  .time-sale .txt-box .txt-tit {margin-bottom: 20px;}
  .time-sale .txt-box .list-box {gap: 15px;}
  .time-sale .txt-box .list-box dt {font-size: 14px;}
  .time-sale .txt-box .list-box dd {font-size: 13px;}

  header nav ul li a {font-size: 12px;}
  header nav ul {gap: 15px;}

  .visual .vis-txt-box {padding: 25px 20px;}
  .visual .vis-txt-box .vistit {font-size: 24px;}
  .visual .vis-txt-box .vistxt {font-size: 15px;}
  .visual .vis-txt-box a {padding: 7px 15px; font-size: 14px;}

  .search-box input {padding: 0 10px; height: 30px;}
  .search-box .search-btn {height: 30px;}
  .tab-area .tab_item ul li a {font-size: 13px;}
  .tab-area .tab_item ul {gap:3px 12px;}

  .notice-area .container {padding: 25px 20px;}
  .qna_list ul li .child-box .toggle-tit {padding: 0 10px;}
  .notice-list ul li {padding: 15px 10px;}

  .notice-list ul li .child-box {flex-flow: column; gap: 5px;}
  .notice-list ul li .child-box .date {align-items: flex-start; gap: 0px;}
 .notice-area .site-btn {margin-top: 15px}
}

@media screen and (max-width: 450px) {
  header {height: auto; padding: 10px;}
  header .container {flex-flow: column-reverse; gap: 13px;}

  .tab-area {margin-top: 74px;}

  .detail-area {padding-top: 74px;}
}