@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Danjo-bold-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Danjo-bold-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

.section-sitemap {
  display: none;
}

.btn-copy::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75 14.375H5.175C3.90042 14.375 2.875 13.3496 2.875 12.075V5.175C2.875 3.90042 3.90042 2.875 5.175 2.875H12.075C13.3496 2.875 14.375 3.90042 14.375 5.175V5.75M10.925 8.625H17.825C18.435 8.625 19.02 8.86732 19.4513 9.29865C19.8827 9.72999 20.125 10.315 20.125 10.925V17.825C20.125 18.435 19.8827 19.02 19.4513 19.4513C19.02 19.8827 18.435 20.125 17.825 20.125H10.925C10.315 20.125 9.72999 19.8827 9.29865 19.4513C8.86732 19.02 8.625 18.435 8.625 17.825V10.925C8.625 10.623 8.68449 10.3239 8.80008 10.0448C8.91566 9.76578 9.08508 9.51223 9.29865 9.29865C9.51223 9.08508 9.76578 8.91566 10.0448 8.80008C10.3239 8.68449 10.623 8.625 10.925 8.625Z' stroke='%23ECBF60' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: cover;
}

.modal .btn-copy::after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66667 11.6667H3.13333C1.95111 11.6667 1 10.7156 1 9.53333V3.13333C1 1.95111 1.95111 1 3.13333 1H9.53333C10.7156 1 11.6667 1.95111 11.6667 3.13333V3.66667M8.46667 6.33333H14.8667C15.4325 6.33333 15.9751 6.55809 16.3752 6.95817C16.7752 7.35825 17 7.90087 17 8.46667V14.8667C17 15.4325 16.7752 15.9751 16.3752 16.3752C15.9751 16.7752 15.4325 17 14.8667 17H8.46667C7.90087 17 7.35825 16.7752 6.95817 16.3752C6.55809 15.9751 6.33333 15.4325 6.33333 14.8667V8.46667C6.33333 8.18651 6.38851 7.9091 6.49572 7.65028C6.60293 7.39145 6.76007 7.15627 6.95817 6.95817C7.15627 6.76007 7.39145 6.60293 7.65028 6.49572C7.9091 6.38851 8.18651 6.33333 8.46667 6.33333Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 17px;
  height: 17px;
}

.modal .btn-copy.copied::after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 12.0501L11.2 13.7501L14.6 10.3501' stroke='%23FFF0F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.3 6.1001H7.79998C6.86109 6.1001 6.09998 6.86121 6.09998 7.8001V16.3001C6.09998 17.239 6.86109 18.0001 7.79998 18.0001H16.3C17.2389 18.0001 18 17.239 18 16.3001V7.8001C18 6.86121 17.2389 6.1001 16.3 6.1001Z' stroke='%23FFF0F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.7 12.9C1.765 12.9 1 12.135 1 11.2V2.7C1 1.765 1.765 1 2.7 1H11.2C12.135 1 12.9 1.765 12.9 2.7' stroke='%23FFF0F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.content-even {
  word-break: keep-all;
}

.content-even header {
  gap: 0;
}

.content-even header h3 {
  font-size: clamp(24px, 4vw, 54px);
  font-weight: 400;
}

.content-even svg {
  fill: none;
}

.content-even header h2 {
  font-size: clamp(40px, 8vw, 82px);
  background: linear-gradient(90deg, #facd6e, #fef3c2, #ecbf60);
  -webkit-background-clip: text;
  color: transparent;
  line-height: 1.25;
  font-family: "Danjo-bold-Regular";
  max-width: 90vw;
}

.content-even header h2 strong {
  font-family: "Pretendard";
}

.content-even header .emoji {
  font-weight: 400;
  color: #888;
  display: block;
  position: relative;
  margin: 1rem 0;
}

.content-even header .emoji::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #888;
  position: absolute;
  bottom: 0;
  left: 0;
}

.content-even header .label {
  border: 2px solid #ecbf60;
  color: #ecbf60;
  width: 316px;
  height: 50px;
  font-size: clamp(20px, 2.5vw, 26px);
  line-height: 50px;
  display: flex;
  font-weight: 500;
  margin-bottom: 4vh;
}

.content-even header .label .tag {
  background-color: #ecbf60;
  color: #452f06;
  font-size: clamp(18px, 2.5vw, 24px);
  padding: 0 0.5rem;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-even header .label span {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-even .section-main {
  background: #111 url("/images/event/even/main_bg.png") no-repeat center bottom / cover;
  color: white;
  padding-top: 7vh;
  padding-bottom: 40vh;
}

.content-even .section-main.original {
  background: #111 url("/images/event/even/main_bg_2.png") no-repeat center bottom / cover;
  padding-bottom: 54vh;
}

.content-even .section-main.original header h1 img:first-of-type {
  margin-bottom: 1.5rem;
}
.content-even .section-main.original header h1 img:last-of-type {
  margin-top: -1rem;
}

.content-even .section-main .wrapper {
  gap: 0.5rem !important;
}

.content-even .section-main h1 {
  align-items: center;
}

.content-even .section-main p {
  font-size: clamp(18px, 2.25vw, 24px);
  color: #ebeae6;
}

.content-even .section-main p span:first-of-type {
  font-weight: 400;
}

.content-even .section-main .d-day {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -3vh 0;
}

.content-even .section-main .d-day span {
  position: absolute;
  letter-spacing: 60px;
  text-align: center;
  margin-right: -1.8vw;
  margin-bottom: -20px;
  display: flex;
  gap: 30px;
  font-family: "GmarketSansBold";
  font-size: clamp(50px, 13vw, 88px);
}

.content-even .section-main .d-day span::before {
  content: "D";
}

.content-even .section-main .winner {
  flex-direction: row;
}

.content-even .section-main .winner strong {
  font-weight: 700;
  color: #facd6e;
}

.content-even .section-main .winner span:first-of-type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.content-even .section-main .winner span:first-of-type::after {
  content: "";
  width: 1px;
  height: 19px;
  display: block;
  margin: 0 0.75rem 0 0.25rem;
  background-color: white;
  opacity: 0.5;
}

.content-even .section-main .images {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
}

.content-even .section-main .images img {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translateY(10vh);
  animation-delay: 0.35s !important;
}

.content-even .section-main .images.v2 img {
  animation-delay: 0.5s !important;
}

.content-even .section-main .images img:nth-of-type(1) {
  animation: pop 0.75s forwards;
  margin-left: -30vw;
}

.content-even .section-main .images img:nth-of-type(2) {
  animation: pop 0.35s forwards;
  margin-left: 20vw;
  margin-top: -2vh;
}

.content-even .section-main .images img:nth-of-type(3) {
  animation: pop 0.65s forwards;
  margin-left: 18vw;
  margin-top: 20vh;
}

.content-even .section-main .images img:nth-of-type(4) {
  animation: pop 0.35s forwards;
  margin-left: -42vw;
  margin-top: 15vh;
}

.content-even .section-main .images img:nth-of-type(5) {
  animation: pop 0.75s forwards;
  margin-left: 30vw;
  margin-top: 35vh;
}

.content-even .section-main .images.v2 img:nth-of-type(1) {
  margin-left: -26vw;
}

.content-even .section-main .images.v2 img:nth-of-type(3) {
  margin-left: 30vw;
  margin-top: 33vh;
}

.content-even .section-main .images.v2 img:nth-of-type(5) {
  animation: popPresent 0.5s forwards;
  margin-left: -37vw;
  margin-top: 4vh;
  animation-delay: 0.35s !important;
}

.content-even .section-main .images.v2 img:last-of-type {
  opacity: 0.8;
  transform: translate(-10vw, 20vh) rotate(15deg);
  animation: popLid 0.75s forwards;
  margin-left: 5vw;
  top: -24%;
  animation-delay: 0.15s !important;
}

@keyframes pop {
  0% {
    opacity: 0.5;
    transform: translateY(10vh);
  }
  60% {
    transform: translateY(-6px);
  }
  80% {
    transform: translateY(3px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes popPresent {
  0% {
    opacity: 0.5;
    transform: translateX(5vw) translateY(10vh);
  }
  60% {
    transform: translateX(-6px) translateY(-6px);
  }
  80% {
    transform: translateX(3px) translateY(3px);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}

@keyframes popLid {
  0% {
    opacity: 0.8;
    scale: 0.8;
    transform: translate(-10vw, 20vh) rotate(15deg);
  }
  50% {
    scale: 1.1;
    transform: translateY(-12px) rotate(-10deg);
  }
  70% {
    scale: 0.9;
    transform: translateY(6px) rotate(5deg);
  }
  100% {
    opacity: 1;
    scale: 1;
    transform: translateY(0) rotate(0deg);
  }
}

.content-even .section-coming {
  position: relative;
  background: #111 url("/images/event/even/coming_bg.png") no-repeat center bottom / cover;
}

.content-even .section-coming .coming-soon {
  position: relative;
}

.content-even .section-coming .coming-soon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}

.content-even .section-coming h2 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-size: clamp(60px, 10vw, 140px);
  letter-spacing: 0;
  color: white;
  line-height: 1;
  z-index: 1;
}

.content-even .section-coming .wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-even .section-coming .texts {
  gap: 1.5rem;
  order: -1;
}

.content-even .section-coming .image {
  max-width: 80vw;
}

.content-even .section-coming .kakao {
  color: white;
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 500;
  display: flex;
  flex-direction: column;
}

.content-even .section-coming .kakao p {
  align-items: flex-start;
  color: #d1d1d1;
  font-weight: 500;
  margin-bottom: 2rem;
}

.content-even .section-coming .kakao button {
  padding: 0.5rem 2.25rem;
  width: 144px;
  height: 52px;
  font-weight: 500;
  display: inline-block;
  font-size: clamp(18px, 2vw, 26px);
  border-radius: 50px;
  position: relative;
  background: linear-gradient(180deg, #e7bd64 27%, #fffaee 50%, #ebc676 100%);
  margin-left: 2px;
  animation: blink 1.5s infinite;
}
.content-even .section-coming .kakao button img {
  z-index: 1;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.content-even .section-coming .kakao button::before {
  content: "Click!";
  color: #ebc87b;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  padding: 5px;
  border-radius: 50px;
  line-height: 36px;
  background: black;
  z-index: 1;
}

.content-even .section-startup {
  position: sticky;
  bottom: 0;
  z-index: 10;
  background: linear-gradient(90deg, #fdd07c, #ffecc9, #efb853);
  padding: 1rem 0;
  height: 100px;
  align-items: center;
  cursor: pointer;
}

.content-even .section-startup .wrapper {
  gap: 0.5rem !important;
}

.content-even .section-startup p {
  font-weight: 400;
  line-height: 1;
  font-size: clamp(16px, 4vw, 20px);
}

.content-even .section-startup a {
  gap: 5px;
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 700;
}

.content-even .section-startup a::after {
  content: "";
  width: 14px;
  height: 14px;
  border: 3px solid black;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(45deg);
  display: inline-block;
}

.content-even .section-kicks {
  background: url("/images/event/even/kick_bg.png") no-repeat center / cover;
  flex-direction: column;
  gap: 7vh;
  padding: 80px 0;
}

.content-even .section-kicks h3 {
  color: #7d5601;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 600;
}

.content-even .section-kicks .kicks {
  margin-left: calc((50% - 590px) / 2);
  width: calc((100% - (100% - 1180px) / 2));
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 2rem 0;
}
.content-even .section-kicks ul {
  counter-reset: list-counter;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0;
}

.content-even .section-kicks .startup::before {
  content: "모집종료";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  z-index: 1;
  font-size: clamp(32px, 4vw, 36px);
}

.content-even .section-kicks .navigation {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  gap: 0.5rem;
}

.content-even .section-kicks .swiper-button-prev,
.content-even .section-kicks .swiper-button-next {
  color: #9c6a00;
  border: 1px solid #9c6a00;
  width: 37px;
  aspect-ratio: 1;
  height: 37px;
  border-radius: 50%;
  opacity: 0.35;
  left: auto;
  right: auto;
  position: relative;
  transition: opacity 0.25s;
}

.content-even .section-kicks .swiper-button-prev::after,
.content-even .section-kicks .swiper-button-next::after {
  font-size: 14px;
}

.content-even .section-kicks .swiper-button-prev:hover,
.content-even .section-kicks .swiper-button-next:hover {
  opacity: 1;
}

.content-even .section-kicks li {
  flex: 0 0 auto;
  background-color: white;
  width: calc(33.33% - 1rem);
  box-shadow: 2px 4px 20px 0px #97640533;
  padding: 2rem;
  border-radius: 20px;
  aspect-ratio: 1 / 1.185;
  counter-increment: list-counter;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  transition: transform 0.25s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.content-even .section-kicks li:hover {
  transform: translateY(-2rem);
}

.content-even .section-kicks li > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.content-even .section-kicks li > span {
  content: "Kick 0" counter(list-counter);
  width: 87px;
  height: 32px;
  color: #cd8d04;
  border-radius: 3px;
  border: 2px solid #cd8d04;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(18px, 2.5vw, 20px);
  font-weight: 500;
  margin-bottom: 1rem;
}

.content-even .section-kicks li p {
  font-size: 22px;
  font-weight: 400;
}

.content-even .section-kicks li strong {
  font-size: clamp(32px, 2.5vw, 40px);
  font-weight: 800;
  text-align: left;
  line-height: 1.15;
}

.content-even .section-kicks li .texts {
  gap: 5px;
}

.content-even .section-benefits {
  background: #1a1a1a url("/images/event/even/benefits_bg.png") no-repeat center / cover;
  color: white;
}

.content-even .section-benefits header {
  gap: 0;
}

.content-even .section-benefits h2 {
  font-size: clamp(50px, 8vw, 100px);
}

.content-even .section-benefits h2 span:last-of-type {
  font-family: "Danjo-bold-Regular";
  font-size: clamp(32px, 5vw, 77px);
}

.content-even .section-benefits li {
  background-color: #181818;
  border-radius: 20px;
  width: calc(50% - 1rem);
  flex: 0 0 auto;
  padding: 3rem;
  aspect-ratio: 1.27 / 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}

.content-even .section-benefits li img {
  margin-right: -17%;
  order: 1;
}

.content-even .section-benefits .title {
  font-size: clamp(24px, 5vw, 32px);
  color: #fecb5c;
  background: url("/images/event/even/frame.png") center no-repeat;
  width: 162px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.content-even .section-benefits .texts p {
  color: white;
  font-size: clamp(22px, 2.5vw, 26px);
  font-weight: 400;
}

.content-even .section-benefits li strong {
  font-size: clamp(20px, 2.5vw, 42px);
}

.content-even .section-benefits li .texts {
  align-items: center;
  gap: 0;
}

.content-even .section-benefits ul {
  gap: 2rem;
}

.content-even .section-prize {
  background: #1a1a1a url("/images/event/even/prize_bg.png") no-repeat center / cover;
  color: white;
}

.content-even .section-prize h2 {
  flex-direction: row;
  align-items: baseline;
  line-height: 1.1;
}

.content-even .section-prize ul {
  justify-content: space-between;
}

.content-even .section-prize li {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.content-even .section-prize li .image {
  position: relative;
  border-radius: 50%;
  width: 340px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.content-even .section-prize li .badge {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  background: linear-gradient(180deg, #cd8d04, #9c6a00);
  color: white;
  font-size: clamp(20px, 2.5vw, 28px);
  width: 72px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  max-width: 14vw;
}

.content-even .section-prize li .badge::after {
  content: "명";
  font-size: clamp(18px, 2.5vw, 24px);
}

.content-even .section-prize li .texts {
  position: relative;
}

.content-even .section-prize li .title {
  color: #ecbf60;
  font-size: clamp(20px, 2.5vw, 26px);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.content-even .section-prize li .title::before,
.content-even .section-prize li .title::after {
  content: "";
  display: block;
  width: 1px;
  height: 21px;
  background-color: #ecbf60;
  margin: 0 0.5rem;
  opacity: 0.5;
}

.content-even .section-prize li .title .tooltip {
  border: 1px solid #ecbf60;
  border-radius: 50%;
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
}

.content-even .section-prize li .title .tooltip::before {
  content: none;
}

.content-even .section-prize li .content {
  opacity: 0;
  visibility: hidden;
  width: 274px;
  transform: translateY(10px);
  position: absolute;
  top: 36px;
  background-color: white;
  color: black;
  border-radius: 10px;
  padding: 0.75rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  transition: 0.25s;
  animation: none !important;
}

.content-even .section-prize li .content strong {
  font-weight: 700;
}

.content-even .section-prize li .content::before {
  content: "";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 6px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transition: all 0.2s;
}

.content-even .section-prize li .title:hover ~ .content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.content-even .section-prize li .title:hover ~ .content::before {
  opacity: 1;
  visibility: visible;
}

.content-even .section-prize li .texts > strong {
  font-size: clamp(24px, 2.5vw, 34px);
}

.content-even .section-prize .texts {
  align-items: center;
  gap: 0.5rem;
}

.content-even .section-prize .notification {
  background-color: #242424;
  padding: 3rem 5rem;
  width: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}

.content-even .section-prize .notification span {
  color: #e7e7e7;
  font-size: clamp(17px, 2.5vw, 24px);
  font-weight: 400;
}

.content-even .section-prize .notification > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 1.5rem;
}

.content-even .section-prize .notification strong {
  border: 1px solid #facd6e;
  width: 140px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #facd6e;
  border-radius: 50px;
  font-size: clamp(15px, 2.5vw, 22px);
  padding: 0.5rem 0.75rem;
}

.content-even .section-prize .caution {
  text-align: center;
  color: #727070;
  font-size: clamp(15px, 2.5vw, 18px);
  line-height: 1.5;
  font-weight: 400;
}

.content-even .section-share {
  background-color: black;
  background-image: linear-gradient(180deg, #523819, #0e0e0b 35%);
  color: white;
}

.content-even .section-share h2 {
  font-size: clamp(30px, 8vw, 77px);
}

.content-even .section-share img {
  margin: -20vh 0;
}

.content-even .section-share .share {
  flex-direction: column;
  gap: 1rem;
  counter-reset: list;
}

.content-even .section-share .share p {
  font-size: clamp(18px, 2.5vw, 26px);
}

.content-even .section-share .share li {
  background-color: #1e1e1e;
  counter-increment: list;
  height: 80px;
  border-radius: 80px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 1rem 1.5rem 1rem 2.5rem;
}

.content-even .section-share .share li::before {
  content: "0" counter(list);
  font-size: clamp(18px, 2.5vw, 24px);
  color: #ecbf60;
}

.content-even .section-share .share li p {
  flex: 1 1 auto;
  font-weight: 400;
  display: block;
  text-align: left;
}

.content-even .section-share .share li strong {
  font-weight: 700;
}

.content-even .section-share .share li button {
  border: 1px solid;
  color: #ecbf60;
  background-color: transparent;
  border-radius: 50px;
  padding: 0.75rem 2rem;
  gap: 5px;
}

.content-even .section-share .share li button.copied {
  color: #5c5c5c;
}

.content-even .section-share .share li button.copied::after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 12.0501L11.2 13.7501L14.6 10.3501' stroke='%235C5C5C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.3 6.1001H7.79998C6.86109 6.1001 6.09998 6.86121 6.09998 7.8001V16.3001C6.09998 17.239 6.86109 18.0001 7.79998 18.0001H16.3C17.2389 18.0001 18 17.239 18 16.3001V7.8001C18 6.86121 17.2389 6.1001 16.3 6.1001Z' stroke='%235C5C5C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.7 12.9C1.765 12.9 1 12.135 1 11.2V2.7C1 1.765 1.765 1 2.7 1H11.2C12.135 1 12.9 1.765 12.9 2.7' stroke='%235C5C5C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 80%;
  background-position: center;
}

.content-even .section-caution {
  padding: 80px 0;
  background-color: #353535;
  color: white;
}

.content-even .section-caution header {
  width: 100%;
  border-bottom: 2px solid white;
  color: white;
  font-size: clamp(22px, 2.5vw, 26px);
  line-height: 60px;
  align-items: flex-start;
}

.content-even .section-caution dl {
  font-size: clamp(16px, 2.5vw, 18px);
  color: #ddd;
  line-height: 1.5;
}

.content-even .section-caution dt {
  font-weight: 700;
  margin-top: 2.5rem;
}

.content-even .section-caution dt:first-of-type {
  margin-top: 0;
}

.content-even .section-caution dd {
  display: flex;
  font-weight: 400;
  gap: 0.5rem;
  color: #b1b1b1;
}

.content-even .section-caution dd::before {
  content: "·";
}

.content-even .section- {
}

.modal {
}

.modal#firstmall {
}

.modal#clickn {
}

.modal#esellers {
}

.modal h3 {
  font-size: clamp(20px, 4vw, 36px);
  font-weight: 400;
  line-height: 1.15;
  margin-top: 1.25rem;
}

.modal h2 {
  font-size: clamp(24px, 4vw, 50px);
  font-weight: 800;
  padding-right: 8vw;
}

.modal .image {
  background-color: #f6f6f6;
  border-radius: 20px;
}

.modal .dialog {
  position: relative;
  max-height: none !important;
  width: 1180px;
}

.modal .dialog header {
  background-color: #442e00;
  color: white;
  font-size: clamp(20px, 2.5vw, 36px);
  font-weight: 700;
  padding: 1.5rem 2rem;
  height: 90px;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 1;
}

.modal .close {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.07817 9.07805C9.28328 8.873 9.56143 8.75781 9.85145 8.75781C10.1415 8.75781 10.4196 8.873 10.6247 9.07805L17.5154 15.9687L24.406 9.07805C24.6123 8.87881 24.8885 8.76857 25.1753 8.77106C25.4621 8.77355 25.7364 8.88858 25.9392 9.09137C26.142 9.29416 26.257 9.56849 26.2595 9.85527C26.262 10.142 26.1518 10.4183 25.9525 10.6246L19.0619 17.5152L25.9525 24.4059C26.1518 24.6121 26.262 24.8884 26.2595 25.1752C26.257 25.462 26.142 25.7363 25.9392 25.9391C25.7364 26.1419 25.4621 26.2569 25.1753 26.2594C24.8885 26.2619 24.6123 26.1517 24.406 25.9524L17.5154 19.0618L10.6247 25.9524C10.4184 26.1517 10.1422 26.2619 9.85539 26.2594C9.56861 26.2569 9.29428 26.1419 9.09149 25.9391C8.8887 25.7363 8.77367 25.462 8.77118 25.1752C8.76869 24.8884 8.87893 24.6121 9.07817 24.4059L15.9688 17.5152L9.07817 10.6246C8.87312 10.4195 8.75793 10.1414 8.75793 9.85133C8.75793 9.56131 8.87312 9.28316 9.07817 9.07805Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  cursor: pointer;
}

.modal#googleForm .close {
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  width: 25px;
  height: 25px;
  background-image: linear-gradient(black 0 0), linear-gradient(black 0 0);
  background-position: center;
  background-size:
    100% 2px,
    2px 100%;
  background-repeat: no-repeat;
  transform: rotate(45deg);
  cursor: pointer;
}

.modal ul {
  display: flex;
  flex-direction: column;
  padding: 3rem;
  gap: 3rem;
}

.modal li {
  display: flex;
  align-items: center;
  gap: 0.5rem 2rem;
}

.modal .texts {
  gap: 0;
}

.modal iframe {
  max-width: 100%;
  max-height: 100%;
}

.modal img {
  max-width: 50vw;
}

.modal li .texts > strong {
  line-height: 33px;
  text-decoration: underline;
  color: #cd8d04;
  font-size: clamp(20px, 2.5vw, 24px);
  text-underline-offset: 7px;
}

.modal .coupon {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.modal .coupon small {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s;
}

.modal .coupon .copied + small {
  opacity: 1;
  visibility: visible;
}

.modal .btn-copy {
  background-color: #181818;
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  gap: 5px;
  margin-left: 0.75rem;
  width: 118px;
  font-size: clamp(18px, 2.5vw, 20px);
  transition: background-color 0.25s;
}

.modal .coupon strong {
  display: flex;
  align-items: center;
  color: #4f4f4f;
  font-size: clamp(16px, 2.5vw, 22px);
  font-weight: 700;
}

.modal .coupon strong::after {
  content: "";
  height: 19px;
  width: 1px;
  display: inline-block;
  margin: 0 0.5rem;
  background-color: black;
}

.modal .coupon span {
  color: #4f4f4f;
  font-size: clamp(18px, 2.5vw, 22px);
  font-weight: 400;
}

.modal .coupon small {
  width: 100%;
  color: #676767;
  font-size: clamp(15px, 2.5vw, 18px);
  font-weight: 500;
  margin-top: 0.75rem;
  word-break: keep-all;
}

.modal .btn-copy.copied {
  background-color: #be8200;
}

.modal footer {
  background-color: transparent;
  border-top: 1px solid #ebeae6;
  padding: 2rem;
  color: #777;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.modal footer p {
  font-size: clamp(14px, 2vw, 18px);
  color: #777;
  font-weight: 400;
}

.modal footer button {
  padding: 0 1rem;
  border: 1px solid;
  border-radius: 5px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #777;
  font-size: clamp(16px, 2.5vw, 18px);
}

.modal footer button::after {
  content: "";
  width: 7px;
  height: 14px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15L8 8L1 1' stroke='%23777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center / cover;
}

.modal .caution {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

@media screen and (max-width: 640px) {
  .large {
    display: none;
  }

  .responsive {
    display: flex !important;
  }

  .content-even .section-main {
    padding-top: 4vh !important;
    padding-bottom: 20vh !important;
  }

  .content-even .section-main header h1 img:first-of-type {
    max-width: 30vw;
  }

  .content-even .section-main header h1 img:last-of-type {
    max-width: 80vw;
  }

  .content-even .section-main.original {
    padding-bottom: 30vh !important;
  }

  .content-even .section-main.original header h1 img:first-of-type {
    max-width: 70vw;
    margin-bottom: 0.75rem;
  }

  .content-even .section-main.original header h1 img:nth-of-type(2) {
    max-width: 30vw;
  }

  .content-even .section-main.original header h1 img:last-of-type {
    margin-top: 0;
  }

  .content-even .section-main p span {
    display: block;
  }

  .content-even .section-main .d-day {
    width: 70vw;
  }

  .content-even .section-main .d-day span {
    letter-spacing: 9.25vw;
    margin-bottom: -12px;
    margin-right: -4vw;
    gap: 4vw;
    width: 85%;
  }

  .content-even .section-main .images {
    display: none;
  }

  .content-even .section-startup {
    height: 80px;
    padding: 1rem 0 !important;
  }

  .content-even .section-coming .kakao {
    flex-wrap: wrap;
    word-break: keep-all;
    line-height: 1.5;
    text-align: center;
    justify-content: center;
    gap: 1rem;
  }

  .content-even .section-coming .kakao p {
    margin-bottom: 0;
    align-items: center;
  }

  .content-even .section-coming .kakao p span {
    display: block;
  }

  .content-even .section-coming .kakao button {
    height: auto;
    width: auto;
  }

  .content-even .section-coming .kakao button::before {
    line-height: 1;
  }

  .content-even .section-coming h2 {
    max-width: none;
  }

  .content-even header .label {
    width: auto;
    height: 40px;
    margin-bottom: 1rem;
  }

  .content-even header .label .tag {
    width: auto;
  }

  .content-even header .label span {
    width: auto;
    padding: 0 1rem;
  }

  .content-even .section-kicks {
    gap: 3vh;
  }

  .content-even .section-kicks .kicks {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .content-even .section-kicks ul {
    padding: 0;
  }

  .content-even .section-kicks .texts {
    align-items: flex-start;
  }

  .content-even .section-kicks .navigation {
    bottom: -2.5rem;
    right: auto;
    transform: translateX(-50%);
    left: 50%;
  }

  .content-even .section-benefits li {
    width: 100%;
    padding: 2rem 1rem;
  }

  .content-even .section-benefits .title {
    scale: 0.75;
    margin-bottom: 0;
  }

  .content-even .section-benefits ul {
    gap: 1rem;
  }

  .content-even .section-benefits li img {
    margin-top: 1rem;
  }

  .content-even .section-prize .wrapper {
    padding: 0 1rem;
  }

  .content-even .section-prize ul {
    justify-content: center;
    gap: 3rem;
  }

  .content-even .section-prize li {
    gap: 1rem;
  }

  .content-even .section-prize li .image {
    order: -1;
    max-width: 240px;
  }
  .content-even .section-prize li .image img {
    max-height: 55%;
  }

  .content-even .section-prize ul {
    justify-content: center;
  }

  .content-even .section-prize .notification {
    padding: 1.5rem;
  }

  .content-even .section-prize .notification strong {
    width: auto;
    height: auto;
  }

  .content-even .section-prize .notification span {
    width: 100%;
    line-height: 1.5;
  }

  .content-even .section-share .share li {
    height: auto;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .content-even .section-share .share li::before {
    margin-top: 3px;
  }

  .content-even .section-share .share li button {
    padding: 0.5rem 1rem;
    scale: 0.9;
    transform-origin: left;
    margin-left: 2rem;
  }

  .content-even .section-share .share li p {
    width: 80%;
  }

  .content-even .section-caution .wrapper {
    padding: 0 1rem;
  }

  .content-even .section-share img {
    margin: 0;
  }

  .modal .dialog header {
    height: auto;
    padding: 1rem;
  }

  .modal h3 {
    margin-top: 0.5rem;
  }

  .modal h2 {
    padding-right: 0;
  }

  .modal .coupon {
    margin-top: 0.5rem;
    justify-content: center;
  }

  .modal .close {
    width: 24px;
    height: 24px;
    background-size: cover;
  }

  .modal .dialog {
    max-height: 90% !important;
    overflow-y: auto !important;
  }

  .modal li {
    justify-content: center;
    flex-wrap: wrap;
  }

  .modal .texts {
    align-items: center;
  }

  .modal .btn-copy {
    scale: 0.9;
    -webkit-transform-origin-x: right;
    margin-left: 0;
    font-size: 15px;
    width: auto;
  }

  .modal ul,
  .modal footer {
    padding: 1rem;
    gap: 1rem;
    justify-content: center;
  }
}