@charset "UTF-8";
body {
  font-family: "riant-display", "Pretendard", sans-serif;
  padding: 0px;
  margin: 0px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

ul,
li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/* 💡 폰트가 로딩 중일 때 (Adobe Fonts 스크립트가 자동으로 붙여주는 클래스) */
.wf-loading .main-title {
  visibility: hidden;
  opacity: 0;
}

/* 💡 폰트 로딩이 완료되었을 때 */
.wf-active .main-title {
  visibility: visible;
  opacity: 1;
  /* 부드럽게 나타나길 원한다면 추가 */
  transition: opacity 0.5s ease-in;
}

/* 💡 혹시라도 폰트 로딩이 실패했을 때 (기본 폰트로라도 보여줌) */
.wf-inactive .main-title {
  visibility: visible;
  opacity: 1;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 100;
  pointer-events: none;
}
.fixed-header .gradient-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #FFFFFF -30.41%, rgba(255, 255, 255, 0.5) 34.8%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
.fixed-header .title-wrapper {
  position: absolute;
  left: 30px;
  top: -30px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  z-index: 10;
  pointer-events: none;
}
.fixed-header .title-wrapper .title {
  font-family: "riant-display", sans-serif;
  font-size: 160px;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase;
  color: #000;
  margin: 0;
  pointer-events: auto;
}
.fixed-header .title-wrapper .home-link {
  display: inline-block;
  margin-top: 50px;
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-decoration: none;
  color: #000;
  pointer-events: auto;
  white-space: nowrap;
}
.fixed-header .title-wrapper .home-link:hover {
  text-decoration: underline;
}

.branding-page .branding-section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  top: 80px;
  gap: 10px;
  padding: 20px;
  box-sizing: border-box;
  align-items: flex-start;
  margin-top: 280px;
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 150px;
  box-sizing: border-box;
}
.branding-page .branding-section img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.branding-page .branding-section .info span {
  display: block;
  margin-top: -4px;
}
.branding-page .branding-section {
  /* 각 요소별 위치 지정 */
}
.branding-page .branding-section .img-1 {
  grid-column: 1/4;
  grid-row: 1;
  width: 100%;
  height: auto;
  display: block;
}
.branding-page .branding-section .img-1:hover {
  content: url("./img/brand_profile_1_h.png");
}
.branding-page .branding-section .img-2 {
  grid-column: 4/6;
  grid-row: 1;
}
.branding-page .branding-section .img-3 {
  grid-column: 1/4;
  grid-row: 2;
}
.branding-page .branding-section .info-1 {
  grid-column: 4/5;
  grid-row: 2;
  align-self: start;
  padding-top: 5px;
}
.branding-page .branding-section .info-1 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.branding-page .branding-section .img-4 {
  grid-column: 5/7;
  grid-row: 2;
}
.branding-page .branding-section .img-5 {
  grid-column: 2/4;
  grid-row: 3;
  width: 100%;
  height: auto;
  display: block;
}
.branding-page .branding-section .img-5:hover {
  content: url("./img/mag_1_h.png");
}
.branding-page .branding-section .img-6 {
  grid-column: 4/6;
  grid-row: 3;
}
.branding-page .branding-section .info-2 {
  grid-column: 6/7;
  grid-row: 3;
  align-self: start;
  padding-top: 5px;
}
.branding-page .branding-section .info-2 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.branding-page .branding-section .img-7 {
  grid-column: 1/3;
  grid-row: 4;
}
.branding-page .branding-section .img-8 {
  grid-column: 3/5;
  grid-row: 4;
}
.branding-page .branding-section .img-9 {
  grid-column: 5/7;
  grid-row: 4;
}
.branding-page .branding-section .img-10 {
  grid-column: 1/4;
  grid-row: 5;
  width: 100%;
  height: auto;
  display: block;
}
.branding-page .branding-section .img-10:hover {
  content: url("./img/poster_1_h.png");
}
.branding-page .branding-section .img-11 {
  grid-column: 5/6;
  grid-row: 5;
}
.branding-page .branding-section .info-3 {
  grid-column: 6/7;
  grid-row: 5;
  align-self: start;
  padding-top: 5px;
}
.branding-page .branding-section .info-3 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.branding-page .branding-section .img-12 {
  grid-column: 2/5;
  grid-row: 6;
}
.branding-page .branding-section .img-13 {
  grid-column: 5/7;
  grid-row: 6;
}
.branding-page .branding-section .img-14 {
  grid-column: 1/3;
  grid-row: 7;
}
.branding-page .branding-section .img-15 {
  grid-column: 3/4;
  grid-row: 7;
  width: 100%;
  height: auto;
  display: block;
}
.branding-page .branding-section .img-15:hover {
  content: url("./img/invitation_3_h.png");
}
.branding-page .branding-section .info-5 {
  grid-column: 4/5;
  grid-row: 7;
  align-self: start;
  padding-top: 5px;
}
.branding-page .branding-section .info-5 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}

.editorial-direction-page .menu {
  position: absolute;
  top: 10px;
  right: 30px;
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  letter-spacing: -0.07em;
}
.editorial-direction-page .menu a {
  text-decoration: none;
  color: inherit;
  display: contents;
}
.editorial-direction-page .menu li {
  font-family: "Pretendard", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #000;
  cursor: pointer;
  transition: font-weight 0.2s ease;
}
.editorial-direction-page .menu li:hover {
  font-weight: 600;
}
.editorial-direction-page .editorial-direction-section {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 80px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 120px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 280px;
  width: 100%;
  max-width: calc(100% - 200px);
  margin: 280px auto 150px;
  box-sizing: border-box;
}
.editorial-direction-page .editorial-direction-section img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorial-direction-page .editorial-direction-section {
  /* 각 요소별 위치 지정 */
}
.editorial-direction-page .editorial-direction-section .ts-25fw-1 {
  grid-column: 2/4;
  grid-row: 1;
}
.editorial-direction-page .editorial-direction-section .ts-25fw-2 {
  grid-column: 4/6;
  grid-row: 1;
}
.editorial-direction-page .editorial-direction-section .ts-25fw-3 {
  grid-column: 1/3;
  grid-row: 2;
}
.editorial-direction-page .editorial-direction-section .ts-25fw-4 {
  grid-column: 3/4;
  grid-row: 2;
}
.editorial-direction-page .editorial-direction-section .ts-25fw-5 {
  grid-column: 4/6;
  grid-row: 2;
}
.editorial-direction-page .editorial-direction-section .ts-25fw-6 {
  grid-column: 3/5;
  grid-row: 3;
}
.editorial-direction-page .editorial-direction-section .info-1 {
  grid-column: 5/6;
  grid-row: 3;
  align-self: start;
  padding-top: 5px;
}
.editorial-direction-page .editorial-direction-section .info-1 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-direction-page .editorial-direction-section .ts-25ss-1 {
  grid-column: 1/3;
  grid-row: 4;
}
.editorial-direction-page .editorial-direction-section .ts-25ss-2 {
  grid-column: 3/5;
  grid-row: 4;
}
.editorial-direction-page .editorial-direction-section .ts-25ss-3 {
  grid-column: 5/7;
  grid-row: 4;
}
.editorial-direction-page .editorial-direction-section .ts-25ss-4 {
  grid-column: 4/6;
  grid-row: 5;
}
.editorial-direction-page .editorial-direction-section .ts-25ss-5 {
  grid-column: 2/4;
  grid-row: 5;
}
.editorial-direction-page .editorial-direction-section .ts-25ss-6 {
  grid-column: 5/6;
  grid-row: 6;
}
.editorial-direction-page .editorial-direction-section .info-2 {
  grid-column: 6/7;
  grid-row: 6;
  align-self: start;
  padding-top: 5px;
}
.editorial-direction-page .editorial-direction-section .info-2 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}

.editorial-release-page .menu {
  position: absolute;
  top: 10px;
  right: 30px;
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.07em;
  pointer-events: auto;
}
.editorial-release-page .menu a {
  text-decoration: none;
  color: inherit;
  display: contents;
}
.editorial-release-page .menu li {
  font-family: "Pretendard", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #000;
  cursor: pointer;
  transition: font-weight 0.2s ease;
}
.editorial-release-page .menu li:hover {
  font-weight: 600;
}
.editorial-release-page .editorial-release-section {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 80px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 120px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 280px;
  width: 100%;
  max-width: calc(100% - 200px);
  margin: 280px auto 150px;
  box-sizing: border-box;
}
.editorial-release-page .editorial-release-section img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorial-release-page .editorial-release-section {
  /* 각 요소별 위치 지정 */
}
.editorial-release-page .editorial-release-section .k-24hs-1 {
  grid-column: 2/4;
  grid-row: 1;
}
.editorial-release-page .editorial-release-section .k-24hs-2 {
  grid-column: 4/6;
  grid-row: 1;
}
.editorial-release-page .editorial-release-section .k-24hs-3 {
  grid-column: 3/5;
  grid-row: 2;
}
.editorial-release-page .editorial-release-section .k-24hs-4 {
  grid-column: 1/2;
  grid-row: 3;
}
.editorial-release-page .editorial-release-section .k-24hs-5 {
  grid-column: 3/4;
  grid-row: 3;
}
.editorial-release-page .editorial-release-section .k-24hs-6 {
  grid-column: 4/6;
  grid-row: 3;
}
.editorial-release-page .editorial-release-section .info-1 {
  grid-column: 6/7;
  grid-row: 3;
  align-self: start;
  padding-top: 5px;
}
.editorial-release-page .editorial-release-section .info-1 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-release-page .editorial-release-section .k-24aw-1 {
  grid-column: 1/3;
  grid-row: 4;
}
.editorial-release-page .editorial-release-section .k-24aw-2 {
  grid-column: 3/5;
  grid-row: 4;
}
.editorial-release-page .editorial-release-section .k-24aw-3 {
  grid-column: 5/7;
  grid-row: 4;
}
.editorial-release-page .editorial-release-section .k-24aw-4 {
  grid-column: 1/2;
  grid-row: 5;
}
.editorial-release-page .editorial-release-section .k-24aw-5 {
  grid-column: 3/5;
  grid-row: 5;
}
.editorial-release-page .editorial-release-section .k-24aw-6 {
  grid-column: 2/4;
  grid-row: 6;
}
.editorial-release-page .editorial-release-section .k-24aw-7 {
  grid-column: 4/6;
  grid-row: 6;
}
.editorial-release-page .editorial-release-section .k-24aw-8 {
  grid-column: 6/7;
  grid-row: 6;
}
.editorial-release-page .editorial-release-section .k-24aw-9 {
  grid-column: 3/4;
  grid-row: 7;
}
.editorial-release-page .editorial-release-section .info-2 {
  grid-column: 4/5;
  grid-row: 7;
  align-self: start;
  padding-top: 5px;
}
.editorial-release-page .editorial-release-section .info-2 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-release-page .editorial-release-section .k-24ss-1 {
  grid-column: 2/4;
  grid-row: 8;
}
.editorial-release-page .editorial-release-section .k-24ss-2 {
  grid-column: 5/7;
  grid-row: 8;
}
.editorial-release-page .editorial-release-section .k-24ss-3 {
  grid-column: 1/3;
  grid-row: 9;
}
.editorial-release-page .editorial-release-section .k-24ss-4 {
  grid-column: 4/6;
  grid-row: 9;
}
.editorial-release-page .editorial-release-section .k-24ss-5 {
  grid-column: 2/5;
  grid-row: 10;
}
.editorial-release-page .editorial-release-section .k-24ss-6 {
  grid-column: 4/6;
  grid-row: 11;
}
.editorial-release-page .editorial-release-section .k-24ss-7 {
  grid-column: 3/5;
  grid-row: 12;
}
.editorial-release-page .editorial-release-section .info-3 {
  grid-column: 5/6;
  grid-row: 12;
  align-self: start;
  padding-top: 5px;
}
.editorial-release-page .editorial-release-section .info-3 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-release-page .editorial-release-section .k-23aw-1 {
  grid-column: 2/4;
  grid-row: 13;
}
.editorial-release-page .editorial-release-section .k-23aw-2 {
  grid-column: 4/6;
  grid-row: 13;
}
.editorial-release-page .editorial-release-section .k-23aw-3 {
  grid-column: 3/5;
  grid-row: 14;
}
.editorial-release-page .editorial-release-section .k-23aw-4 {
  grid-column: 5/7;
  grid-row: 14;
}
.editorial-release-page .editorial-release-section .k-23aw-5 {
  grid-column: 1/3;
  grid-row: 15;
}
.editorial-release-page .editorial-release-section .k-23aw-6 {
  grid-column: 3/5;
  grid-row: 15;
}
.editorial-release-page .editorial-release-section .info-4 {
  grid-column: 5/6;
  grid-row: 15;
  align-self: start;
  padding-top: 5px;
}
.editorial-release-page .editorial-release-section .info-4 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-release-page .editorial-release-section .k-23hs-1 {
  grid-column: 2/4;
  grid-row: 16;
}
.editorial-release-page .editorial-release-section .k-23hs-2 {
  grid-column: 4/6;
  grid-row: 16;
}
.editorial-release-page .editorial-release-section .k-23hs-3 {
  grid-column: 1/4;
  grid-row: 17;
}
.editorial-release-page .editorial-release-section .k-23hs-4 {
  grid-column: 4/7;
  grid-row: 17;
}
.editorial-release-page .editorial-release-section .k-23hs-5 {
  grid-column: 2/4;
  grid-row: 18;
}
.editorial-release-page .editorial-release-section .k-23hs-6 {
  grid-column: 4/6;
  grid-row: 18;
}
.editorial-release-page .editorial-release-section .k-23hs-7 {
  grid-column: 3/5;
  grid-row: 19;
}
.editorial-release-page .editorial-release-section .k-23hs-8 {
  grid-column: 3/5;
  grid-row: 20;
}
.editorial-release-page .editorial-release-section .info-5 {
  grid-column: 5/6;
  grid-row: 20;
  align-self: start;
  padding-top: 5px;
}
.editorial-release-page .editorial-release-section .info-5 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}

.editorial-collaboration-page .menu {
  position: absolute;
  top: 10px;
  right: 30px;
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.07em;
  pointer-events: auto;
}
.editorial-collaboration-page .menu a {
  text-decoration: none;
  color: inherit;
  display: contents;
}
.editorial-collaboration-page .menu li {
  font-family: "Pretendard", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #000;
  cursor: pointer;
  transition: font-weight 0.2s ease;
}
.editorial-collaboration-page .menu li:hover {
  font-weight: 600;
}
.editorial-collaboration-page .editorial-collaboration-section {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 80px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 120px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 280px;
  width: 100%;
  max-width: calc(100% - 200px);
  margin: 280px auto 150px;
  box-sizing: border-box;
}
.editorial-collaboration-page .editorial-collaboration-section img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorial-collaboration-page .editorial-collaboration-section {
  /* 각 요소별 위치 지정 */
}
.editorial-collaboration-page .editorial-collaboration-section .k-trolls-1 {
  grid-column: 1/4;
  grid-row: 1;
}
.editorial-collaboration-page .editorial-collaboration-section .k-trolls-2 {
  grid-column: 4/7;
  grid-row: 1;
}
.editorial-collaboration-page .editorial-collaboration-section .k-trolls-3 {
  grid-column: 2/4;
  grid-row: 2;
}
.editorial-collaboration-page .editorial-collaboration-section .k-trolls-4 {
  grid-column: 4/6;
  grid-row: 2;
}
.editorial-collaboration-page .editorial-collaboration-section .k-trolls-5 {
  grid-column: 1/4;
  grid-row: 3;
}
.editorial-collaboration-page .editorial-collaboration-section .info-1 {
  grid-column: 4/5;
  grid-row: 3;
  align-self: start;
  padding-top: 5px;
}
.editorial-collaboration-page .editorial-collaboration-section .info-1 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-1 {
  grid-column: 2/4;
  grid-row: 4;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-2 {
  grid-column: 4/6;
  grid-row: 4;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-3 {
  grid-column: 1/3;
  grid-row: 5;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-4 {
  grid-column: 4/6;
  grid-row: 5;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-5 {
  grid-column: 6/7;
  grid-row: 5;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-6 {
  grid-column: 2/4;
  grid-row: 6;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-7 {
  grid-column: 4/6;
  grid-row: 6;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-8 {
  grid-column: 1/3;
  grid-row: 7;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-9 {
  grid-column: 4/6;
  grid-row: 7;
}
.editorial-collaboration-page .editorial-collaboration-section .k-gals-10 {
  grid-column: 3/5;
  grid-row: 8;
}
.editorial-collaboration-page .editorial-collaboration-section .info-2 {
  grid-column: 5/6;
  grid-row: 8;
  align-self: start;
  padding-top: 5px;
}
.editorial-collaboration-page .editorial-collaboration-section .info-2 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-1 {
  grid-column: 2/4;
  grid-row: 9;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-2 {
  grid-column: 4/6;
  grid-row: 9;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-3 {
  grid-column: 1/3;
  grid-row: 10;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-4 {
  grid-column: 3/5;
  grid-row: 10;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-5 {
  grid-column: 6/7;
  grid-row: 10;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-6 {
  grid-column: 4/6;
  grid-row: 11;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-7 {
  grid-column: 2/4;
  grid-row: 12;
}
.editorial-collaboration-page .editorial-collaboration-section .k-true-8 {
  grid-column: 3/5;
  grid-row: 13;
}
.editorial-collaboration-page .editorial-collaboration-section .info-3 {
  grid-column: 5/6;
  grid-row: 13;
  align-self: start;
  padding-top: 5px;
}
.editorial-collaboration-page .editorial-collaboration-section .info-3 span {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
}

.contents-page {
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.contents-page .menu {
  position: absolute;
  top: 10px;
  right: 30px;
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.07em;
  pointer-events: auto;
}
.contents-page .menu a {
  text-decoration: none;
  color: inherit;
  display: contents;
}
.contents-page .menu li {
  font-family: "Pretendard", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #000;
  cursor: pointer;
  transition: font-weight 0.2s ease;
}
.contents-page .menu li:hover {
  font-weight: 600;
}
.contents-page .contents-section {
  width: 100%;
  height: 100%;
}
.contents-page .contents-section .wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1200px;
}
.contents-page .contents-section .viewport {
  width: 100%;
  /* 💡 중요: 카드가 커질 공간(345px) + 아래 여백을 포함해 넉넉히 잡아야 합니다 */
  height: 500px;
  overflow: visible;
  display: flex;
  align-items: flex-end;
  position: relative;
  /* 손모양 커서가 스크롤을 방해하므로 기본값으로 변경 */
  cursor: default !important;
}
.contents-page .contents-section .track {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  position: absolute;
  left: 0;
  /* 💡 중요: 뷰포트 바닥에 딱 붙임 */
  bottom: -100px;
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  pointer-events: auto;
}
.contents-page .contents-section .card {
  flex-shrink: 0;
  height: 280px;
  width: auto;
  position: relative;
  transform-origin: bottom center;
  pointer-events: auto;
}
.contents-page .contents-section .card .card-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0;
}
.contents-page .contents-section .card .card-inner img, .contents-page .contents-section .card .card-inner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  pointer-events: none;
}

.contents-section, .wrap, .viewport {
  pointer-events: auto !important;
  touch-action: none; /* 브라우저 기본 스크롤 간섭 방지 */
}

.track {
  /* 트랙이 물리적으로 너비를 가질 수 있게 강제함 */
  display: flex !important;
  width: -moz-max-content !important;
  width: max-content !important;
  min-width: 100%;
}

.contents-all-page .menu {
  position: absolute;
  top: 10px;
  right: 30px;
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.07em;
  pointer-events: auto;
}
.contents-all-page .menu a {
  text-decoration: none;
  color: inherit;
  display: contents;
}
.contents-all-page .menu li {
  font-family: "Pretendard", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #000;
  cursor: pointer;
  transition: font-weight 0.2s ease;
}
.contents-all-page .menu li:hover {
  font-weight: 600;
}
.contents-all-page .contents-all-section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  top: 80px;
  gap: 10px;
  padding: 20px;
  box-sizing: border-box;
  align-items: flex-start;
  margin-top: 280px;
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 150px;
  box-sizing: border-box;
}
.contents-all-page .contents-all-section video.v-span-2 {
  /* 💡 2열(2칸)을 차지하게 함 */
  grid-column: span 2;
  /* 💡 비디오가 늘어난 2칸 영역을 꽉 채우도록 설정 */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.contents-all-page .contents-all-section img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.contents-all-page .contents-all-section video {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.contents-all-page .contents-1 {
  grid-column: 1/2;
  grid-row: 1;
}
.contents-all-page .contents-2 {
  grid-column: 2/3;
  grid-row: 1;
}
.contents-all-page .contents-3 {
  grid-column: 3/4;
  grid-row: 1;
}
.contents-all-page .contents-4 {
  grid-column: 4/5;
  grid-row: 1;
}
.contents-all-page .contents-5 {
  grid-column: 5/6;
  grid-row: 1;
}
.contents-all-page .contents-6 {
  grid-column: 6/7;
  grid-row: 1;
}
.contents-all-page .contents-7 {
  grid-column: 1/3;
  grid-row: 2;
}
.contents-all-page .contents-8 {
  grid-column: 3/4;
  grid-row: 2;
}
.contents-all-page .contents-9 {
  grid-column: 4/5;
  grid-row: 2;
}
.contents-all-page .contents-10 {
  grid-column: 5/6;
}
.contents-all-page .contents-11 {
  grid-column: 6/7;
  grid-row: 2;
}
.contents-all-page .contents-12 {
  grid-column: 1/2;
  grid-row: 3;
}
.contents-all-page .contents-13 {
  grid-column: 2/3;
  grid-row: 3;
}
.contents-all-page .contents-14 {
  grid-column: 3/4;
  grid-row: 3;
}
.contents-all-page .contents-15 {
  grid-column: 4/5;
  grid-row: 3;
}
.contents-all-page .contents-16 {
  grid-column: 5/6;
  grid-row: 3;
}
.contents-all-page .contents-17 {
  grid-column: 6/7;
  grid-row: 3;
}
.contents-all-page .contents-18 {
  grid-column: 1/2;
  grid-row: 4;
}
.contents-all-page .contents-19 {
  grid-column: 2/3;
  grid-row: 4;
}
.contents-all-page .contents-20 {
  grid-column: 3/5;
  grid-row: 4;
}
.contents-all-page .contents-21 {
  grid-column: 5/6;
  grid-row: 4;
}
.contents-all-page .contents-22 {
  grid-column: 6/7;
  grid-row: 4;
}
.contents-all-page .contents-23 {
  grid-column: 1/2;
  grid-row: 5;
}
.contents-all-page .contents-24 {
  grid-column: 2/3;
  grid-row: 5;
}
.contents-all-page .contents-25 {
  grid-column: 3/4;
  grid-row: 5;
}
.contents-all-page .contents-26 {
  grid-column: 4/5;
  grid-row: 5;
}
.contents-all-page .contents-27 {
  grid-column: 5/6;
  grid-row: 5;
}
.contents-all-page .contents-28 {
  grid-column: 6/7;
  grid-row: 5;
}
.contents-all-page .contents-29 {
  grid-column: 1/2;
  grid-row: 6;
}
.contents-all-page .contents-30 {
  grid-column: 2/3;
  grid-row: 6;
}
.contents-all-page .contents-31 {
  grid-column: 3/4;
  grid-row: 6;
}
.contents-all-page .contents-32 {
  grid-column: 4/6;
  grid-row: 6;
}
.contents-all-page .contents-33 {
  grid-column: 6/7;
  grid-row: 6;
}
.contents-all-page .contents-34 {
  grid-column: 1/2;
  grid-row: 7;
}
.contents-all-page .contents-35 {
  grid-column: 2/3;
  grid-row: 7;
}

.web-design-page .web-design-section {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 80px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 50px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 280px;
  width: 100%;
  max-width: calc(100% - 280px);
  margin: 280px auto 150px;
  box-sizing: border-box;
}
.web-design-page .web-design-section img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.web-design-page .web-design-section video {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.web-design-page .web-design-section .info span {
  display: block;
  margin-top: -4px;
}
.web-design-page .web-design-section .video-1 {
  grid-column: 2/6;
  grid-row: 1;
  width: 100%;
  overflow: hidden;
}
.web-design-page .web-design-section .video-1 video {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.web-design-page .web-design-section .info-1 {
  grid-column: 6/7;
  grid-row: 1;
  align-self: start;
  padding-top: 5px;
}
.web-design-page .web-design-section .info-1 span {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
  line-height: 0.99;
  display: block;
}
.web-design-page .web-design-section .img-1 {
  grid-column: 1/4;
  grid-row: 2;
}
.web-design-page .web-design-section .img-2 {
  grid-column: 4/7;
  grid-row: 2;
}
.web-design-page .web-design-section .img-3 {
  grid-column: 1/4;
  grid-row: 3;
}
.web-design-page .web-design-section .img-4 {
  grid-column: 4/7;
  grid-row: 3;
}
.web-design-page .web-design-section .video-2 {
  grid-column: 2/6;
  grid-row: 4;
}
.web-design-page .web-design-section .info-2 {
  grid-column: 6/7;
  grid-row: 4;
  align-self: start;
  padding-top: 5px;
}
.web-design-page .web-design-section .info-2 span {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
  line-height: 0.99;
  display: block;
}
.web-design-page .web-design-section .img-5 {
  grid-column: 1/4;
  grid-row: 5;
}
.web-design-page .web-design-section .img-6 {
  grid-column: 2/5;
  grid-row: 6;
}
.web-design-page .web-design-section .info-3 {
  grid-column: 5/6;
  grid-row: 6;
  align-self: start;
  padding-top: 5px;
}
.web-design-page .web-design-section .info-3 span {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: -0.05em;
  line-height: 0.99;
  display: block;
}
.web-design-page .web-design-section .img-7 {
  grid-column: 1/4;
  grid-row: 7;
}
.web-design-page .web-design-section .img-8 {
  grid-column: 4/7;
  grid-row: 7;
}/*# sourceMappingURL=style.css.map */