@media screen and (max-width:1600px) {
  /* header */
  .sitemap-ul {padding-left: 15%;}
  .sitemap-bg {width: max(20%, calc(100% - 980px));}
  .sitemap {width: min(80%, 980px);}

  /* main */
  /* > common */
  #fp-nav.left {display: none;}
  /* > section 2 */
  #main .section-2 .webzine-slider {margin-left: 0;}
  /* > section 3 */
  #main .section-3 .maingall-info {left: 3vw;}
}

@media screen and (max-width:1440px) {
  /* main */
  /* > section 3 */
  #main .section-3 .maingall-ul {gap: 3vw;}
  #main .section-3 .maingall-li {width: calc(50% - 1.5vw);}

  /* 웹진 상세 */
  .wz-top {padding: calc(80px + 12vw) 0 12vw; height: auto;}
}

@media screen and (max-width:1290px) {
  /* main */
  /* > section 2 */
  #main .section-2 .webzine-slider {padding-top: clamp(25px, 3vw, 60px);}
  /* > section 3 */
  #main .section-3 .maingall-link .maingall-txt {display: block; opacity: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  #main .section-3 .maingall-link::after {opacity: 1; height: 100%;}
}

@media screen and (max-width:1023px) {
  /* main */
  /* > section 3 */
  #main .section-3 .maingall-info {width: 40vw;}
  #main .section-3 .maingall-scroll {width: 50vw;}
  #main .section-3 .maingall-li {width: 100%; height: 60vw;}
  #main .section-3 .maingall-li:nth-child(even) {transform: translate(0);}
}

@media screen and (max-width:767px) {
  /* main */
  /* > common */
  #main .section {height: auto !important;}
  .tp-more-btn {padding-right: 18px; font-size: 16px;}
  .tp-more-btn img {width: 50px;}
  .tp-more-btn::after {width: 40px; height: 40px;}
  /* > section 1 */
  #main .section-1 {height: clamp(300px, 130vw, 100vh) !important;}
  #main .section-1 .mainvs-scroll img {height: 60px;}
  #main .section-1 .mainvs-scroll span {font-size: 14px;}
  /* > section 2 */
  #main .section-2 {padding: clamp(50px, 12vw, 80px) 0;}
  #main .section-2 .webzine-sl-thumb {height: 70vw;}
  /* > section 3 */
  #main .section-3 .maingall-wr {flex-direction: column;}
  #main .section-3 .maingall-info {position: static; transform: translate(0); width: 100%;}
  #main .section-3 .maingall-scroll {width: 100%;}
  #main .section-3 .maingall-li {width: calc(50% - 1.5vw);}
  /* > section 4 */
  #main .section-4 {padding-top: 0;}
  #main .section-4 .contact-in {flex-direction: column; gap: 0;}
  .privacy-table th,.privacy-table td {padding: 10px; font-size: 14px;}
  .privacy-table-txt {font-size: 14px; text-indent: -8px; margin-left: 8px;}

  /* 목록 */
  .list-top {border-width: 2px;}
  .pg_wrap .pg {gap: 3px;}
  .pg_page, .pg_current {width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
  .pg_start, .pg_end {background-size: 10px;}
  .pg_prev, .pg_next {background-size: 6px;}

  /* 웹진 목록 */
  .wzlist-li .wzlist-tit {white-space: normal; overflow: hidden; line-height: 1.2; max-height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

  /* 웹진 상세 */
  .wz-img-wr.wide .wz-img {padding-bottom: 60%;}
  .wz-img-wr.narrow .wz-img {padding-bottom: 40%;}
  .wz-img-wr.circle {width: 85vw;}
  .wz-img-wr.circle .wz-img {padding-bottom: 50%;}
  .wz-img-wr.circle::after {width: clamp(50px, 12vw, 196px); height: clamp(50px, 12vw, 196px); right: clamp(-90px, -3vw, -10px);}
}

@media screen and (max-width:480px) {
  /* header */
  #header .head-in {height: 60px;}
  #hd_logo {width: 150px;}
  #hd_ham {width: 25px;}
  .sitemap-close {top: 15px; right: 15px;}
  .sitemap-ul {padding-left: 10%;}

  /* footer */
  #footer .foot-info-ul {gap: 10px 25px;}
  #footer .foot-info-li {gap: 5px; font-size: 13px;}
  #footer .foot-copyright {font-size: 12px;}

  /* main */
  /* > common */
  .tp-more-btn {padding-right: 12px; font-size: 14px;}
  .tp-more-btn img {width: 40px;}
  .tp-more-btn::after {width: 30px; height: 30px;}
  /* > section 1 */
  #main .section-1 .mainvs-scroll img {height: 40px;}
  #main .section-1 .mainvs-scroll span {font-size: 12px;}
  /* > section 2 */
  #main .section-2 .main2-top {flex-direction: column; align-items: flex-start; gap: 20px;}
  #main .section-2 .main2-more.tp-more {display: flex; justify-content: flex-end; width: 100%;}
  /* > section 4 */
  #main .section-4 .contact-box {padding: 3vw 0 40px;}
  #main .section-4 .contact-input,  #main .section-4 .contact-label {height: 40px; font-size: 14px;}
  #main .section-4 textarea.contact-input {height: 160px;}
  #main .section-4 .contact-privacy {gap: 10px;}
  #main .section-4 .contact-privacy-more {padding: 2px 10px; font-size: 12px;}
  #main .section-4 .contact-check label {font-size: 14px;}
  #main .section-4 .contact-check label::after {margin-left: 10px;}
  #main .section-4 .contact-submit {width: 160px; height: 40px; line-height: 40px; font-size: 14px;}
  .privacy-table th,.privacy-table td {padding: 5px; font-size: 13px;}
  .privacy-table-txt {font-size: 12px; text-indent: -6px; margin-left: 6px;}

  /* 목록 */
  .pg_page, .pg_current {font-size: 12px;}
  .pg_start, .pg_end {background-size: 8px;}
  .pg_prev, .pg_next {background-size: 4px;}

  /* 웹진 목록 */
  .wzlist-ul {padding-top: 0;}
  .wzlist-thumb, .wzlist-info {flex: none;}
  .wzlist-thumb {width: 40%;}
  .wzlist-info {width: 60%;}
  .wzlist-li:nth-child(odd) .wzlist-cnt {padding-right: 0;}
  .wzlist-li:nth-child(even) .wzlist-cnt {padding-left: 0;}

  /* 웹진 상세 */
  .wz-top {padding: calc(60px + 12vw) 0 12vw; height: auto;}
  .wzbtm {border-width: 2px;}
}