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

  /* main */
  .main1-wr {gap: 5vw 3vw;}
  /* .main1-right {width: calc(100% - 670px - 3vw)} */
  .mainsec .wrapper, .mainsec--2 .main-sbj-wr {width: calc(100% - 10vw); margin: auto;}
  .hd-wrapper {width: calc(100% - 5vw); margin: auto;}
  .main-fullpage-nav {right: 5vw; bottom: 2vw;}

  .main-sbj--2 {font-size: 2.5rem;}

  /* footer */
  .btn-top {right: 2.5vw;}

  /* popup */
  .pop-box {height: auto;}
} /*@media End*/

@media screen and (max-width:1440px){
  
  /* main */
  .mainsec {padding: max(60px, 10vw) 0; height: auto !important;}
  .mainsec .fp-tableCell {height: auto !important;}
  .mainsec--4, .mainsec-foot {padding: 0;}
  .main-fullpage-nav {display: none;}
  .main1-wr, .main2-wr, .main-sv-box {padding-top: 5vw;}

  .mainsec--1 .wrapper {max-width: 1000px;}
  .mainsec--1 {padding-top: calc(90px + 5vw);}
  .main1-wr {flex-direction: column;}
  .main1-left, .main1-right {width: 100%;}
  .imgchg-wr {height: auto;}
  .imgchg-box--preview {height: auto; min-height: 300px;}
  .imgchg-box--start {display: flex; align-items: center; height: auto;}
  .dropBox-drag {padding: 5vw;}
  .dropBox-img img {max-height: 485px;}

  .imgchg-ctr-ul {flex-wrap: wrap;}
  /* .imgchg-ctr-li {width: calc(50% - 25px);} */
  .imgchg-ctr-li--strength {width: 100%;}

  .mainsec--2 .wrapper {width: 100%;}

  .img-scroll-wr, .slider-button::before {min-height: 150px; height: 35vw; max-height: 450px;}


  .main-sv-box {gap: 40px; height: 500px;}
  .main-sv-tab-ul {width: calc(100% - 46.3% - 40px);}
  .main-sv-txt-box {top: 0;}
  .main-sbj--2 {font-size: 2rem;}
  .autoplay-progress-wr {bottom: 0;}
  .main-sv-tab-li button {font-size: 1.15rem; gap: 15px;}
  .main-sv-tab-li:nth-child(1) button img {padding-right: 16px; width: 50px;}
  .main-sv-tab-li:nth-child(2) button img {padding-right: 16px; width: 50px;}
  .main-sv-tab-li:nth-child(3) button img {padding-right: 6px; width: 50px;}
  .main-sv-tab-li:nth-child(4) button img {padding-right: 16px; width: 50px;}

  .mainsec4-inner {padding: 10vw 5vw;}
  .mainsec4-btn {width: 50px; height: 50px;}

  /* 20240223 */
  .imgchg-ctr-ul {gap: 15px 5vw;}

} /*@media End*/

@media screen and (max-width:1290px){
  /* header */
  .gnb-li a {padding: 10px;}
  .hd-logo {width: 120px;}
  /* footer */
  .foot-info-ul {flex-direction: column; gap: 10px;}
  .foot-info-li:not(:last-child)::after {display: none;}
  /* main */
  .mainsec--1-scroll-wr {display: none;}
  .imgchg-box-txt {display: none;}
  .dropBox-drag {padding: 0;}
  .imgchg-file-button {width: 100%; height: 50px; border: 0;}
} /*@media End*/


@media screen and (max-width:1023px){
  /* header */
  .tnb-li a {height: auto; line-height: normal; padding: 4px 10px; font-size: 14px;}
  .gnb-ul {position: static; transform: translate(0);}
  /* main */
  .main-sv-box {padding-left: 0;}
  .main-sv-txt-box {position: static; width: 100%;}
  .main-sv-slider {padding-bottom: 80px;}
  .mainsec--3 .main-sbj--2 span:nth-child(2), .mainsec--3 .main-sbj--2 span:nth-child(3) {margin-left: 0;}
  .mainsec--3 .main-sbj--2 br, .main-sv-txt br {display: none;}
  .autoplay-progress-wr {display: flex; justify-content: flex-end; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%;}
  .autoplay-progress {position: relative; left: auto; width: 70px; height: 70px;}
  .main-sv-txt {padding-top: 10px;}

  .main-sv-slide {flex-direction: column;}

  /* 20240223 */
  .imgchg-ctr-ul {justify-content: flex-start;}

  /* sub */
  .sub {padding: clamp(80px, 20vw, 200px) 0 min(20vw, 100px);}
  .subwr {padding: 0 5vw;}

  /* 마이페이지 */
  .credit-pop-li-box .radio-wr {width: calc((100% / 3) - 40px / 3 );}
  
} /*@media End*/


@media screen and (max-width:767px){
  .input-chain {width: 30px;}
  
  /* header */
  .header {height: 70px; background-color: #060606e7;}
  .ham {display: block; position: relative; width: 35px; height: 25px; background: none; border: 0; transition: .2s;}
  .ham span {display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50%; height: 2px; background-color: #fff; transition: .2s;}
  .ham::after, .ham::before {content: ''; position: absolute; right: 0; height: 2px; background-color: #fff;}
  .ham::after {top: 0; width: 100%;}
  .ham::before {bottom: 0; width: 80%;}

  .gnb {display: flex; align-items: center; justify-content: center; width: 100%; height: calc(100% - 70px); top: 70px; left: 0; background-color: #060606e7;}
  .gnb-ul {flex-direction: column; margin-bottom: 30vh;}
  .gnb-li {text-align: center;}
  .gnb-li a {padding: 3vw; font-size: 1.8rem; font-weight: 500;}
  .tnb {display: flex; align-items: center; justify-content: center; top: calc(20vw + 60vh); left: 50%; transform: translateX(-50%); width: 100%;}
  .tnb-ul {gap: 5vw;}
  .tnb-li a {padding: 2vw 7vw; font-size: clamp(14px, 4.5vw, 20px);}
  .header.open .ham {transform: rotate(45deg); height: 30px;}
  .header.open .ham span {width: 0;}
  .header.open .ham::before, .header.open .ham::after {left: 50%; right: auto; bottom: auto;}
  .header.open .ham::before {width: 25px; top: 50%; transform: translate(-50%, -50%);}
  .header.open .ham::after {width: 2px; height: 25px; top: 50%; transform: translate(-50%, -50%); }
  .gnb, .tnb {position: fixed; display: none;}

  /* footer */
  .foot-link a, .foot-btm {font-size: 0.95rem;}

  /* main */
  .mainsec--1 {padding-top: calc(70px + 5vw);}
  .main1-wr {gap: 30px;}
  .imgchg-ctr-li {width: 100%;}
  .imgchg-box--start {height: auto; background-color: transparent;}
  .imgchg-box--preview {flex-direction: column; gap: 10px; height: auto;}
  .imgchg-preview {min-height: 200px;}
  .imgchg-preview img, .dropBox-img img {max-height: 400px;}
  .imgchg-file-button {background-color: #060606;}
  .imgchg-btn {font-size: 1rem;}

  .img-scroll-wr .background-img, .img-scroll-wr .foreground-img {background-size: 767px; background-repeat: no-repeat;}
  .slider-button {left: calc(50% - 13px); top: calc(50% - 13px);}
  .slider-button, .slider-button::after {width: 25px; height: 25px;}
  .slider-button::before {width: 2px;}
  .slider-circle {width: 10px; height: 10px;}

  .main-sv-box {flex-direction: column; gap: 2.5vw; height: auto; max-height: none;}
  .main-sv-img-box, .main-sv-tab-ul {width: 100%;}
  .main-sv-img-box {height: 50vw;}
  .main-sv-tab-li.active {border-width: 2px;}
  .main-sv-tab-li button {padding: 5vw 2.5vw;}
  .autoplay-progress-wr {justify-content: center;}
  .autoplay-progress {width: 50px; height: 50px;}

  .mainsec4-wr {flex-direction: column;}

  /* sub */
  .sub-tit {font-size: 2.6rem;}

  /* pop */
  .pop-top {padding: 20px 10px;}
  .pop-bottom {padding: 0 10px 30px;}

  /* 마이페이지 */
  .mozaic-table, .mozaic-table .check-wr input[type=checkbox] + label {font-size: 14px;}
  .mozaic-table th, .mozaic-table td {padding: max(8px, 1.5vw) max(5px, 1vw); word-break: break-all;}
  .mozaic-table .cate-icon {display: inline-block; margin: 0 0 5px 0; font-size: 10px;}
  .mozaic-table .check-wr input[type=checkbox] + label:before {width: 16px; height: 16px; top: 0; left: 50%; transform: translateX(-50%);}
  .mozaic-table .check-wr input[type=checkbox] + label {padding: 24px 0 0 0; width: 100%; text-align: center;}
  .mozaic-table .cate-txt {display: block; word-break: break-all;}
  .credit-pop-li-box {gap: 15px 35px;}
  .credit-pop-li-box .radio-wr {width: auto;}

  /* 구매 라이선스 */
  .mozaic-table-info p {font-size: 16px;}
  
} /*@media End*/

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

} /*@media End*/

@media screen and (max-width:480px){
  html, body {font-size: 14px;}
  .check-wr input[type=checkbox] + label:before, .radio-wr input[type=radio] + label:before {width: 16px; height: 16px;}
  .radio-wr input[type=radio]:checked + label:after {width: 8px; height: 8px;}
  .check-wr input[type=checkbox] + label, .radio-wr input[type=radio] + label {padding-left: 24px;}
  .mozaic-input {padding: 0 10px; height: 40px;}


  /* header */
  .header {height: 50px;}
  .hd-logo {width: 110px;}
  .ham {width: 30px; height: 20px;}
  .gnb {top: 50px; height: calc(100% - 50px);}

  /* footer */
  .foot-logo {width: 100px;}
  .foot-link {gap: 15px; padding-top: 5px;}
  .foot-link a:not(:last-child)::after {right: -10px; width: 2px; height: 2px;}
  .foot-info-li {gap: 5px;}
  .foot-btm {font-size: 12.4px;}
  .btn-top::after {width: 35px; height: 35px;}
  .btn-top > span {font-size: 12px;}

  /* main */
  .mainsec--1 {padding-top: calc(50px + 5vw);}
  .main-sbj--2 {padding-top: 5px; font-size: 1.65rem;}

  .mainsec--1-bg {padding: 0;}
  .img-scroll-wr .background-img, .img-scroll-wr .foreground-img {background-size: 480px;}
  .imgchg-ctr-in {width: calc(100% - 20px - 70px); flex-wrap: wrap; gap: 5px 15px;}
  .imgchg-ctr-field {width: 70px;}
  .imgchg-sel {width: 80px; background-size: 8px;}
  .imgchg-range {width: calc(100% - 20px - 80px);}
  .imgchg-btn {width: 160px; height: 40px;}

  .main-sv-slider {padding-bottom: 0px;}
  .main-sv-tab-li button {font-size: 1rem;}

  .mainsec4-btn {width: 35px; height: 35px;}

  /* 20240223 */
  .imgchg-ctr-li {gap: 10px; justify-content: flex-start;}

  /* sub */
  .sub-tit {font-size: 2.2rem;}

  /* popup*/
  .pop-close-btn::after, .pop-close-btn::before {width: 20px;}
  .pop-title {font-size: 1.5rem;}

  /* 마이페이지 */
  .mypage-info-wr {flex-direction: column;}
  .mypage-info-l {background-position: bottom right;}
  .mypage-info-btn {min-width: auto;}

  /* 구매 라이선스 */
  .sub-tab-li {width: 50%;}
  .sub-tab-li a {width: 100%; height: 40px;}
  .license-top-li {flex-direction: column; gap: 5px 0;}
  .license-top-li__l, .license-top-li__r {width: 100%;}
  .license-top-li__l {padding: 0;}
  .license-top-li__l br {display: none;}
  .license-top-li__r {gap: 2.5vw;}
  .license-top-in {padding: 2vw;}
  .mozaic-table-info p {font-size: 14px;}
  
} /*@media End*/