@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css");
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");

@font-face {
  font-family: "Isamanru";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff") format("woff"); }

@font-face {
  font-family: "Isamanru";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff") format("woff"); }

@font-face {
  font-family: "Isamanru";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff") format("woff"); }

@font-face {
  font-family: "Isamanru";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff") format("woff"); }

@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 400;
  src: url(../font/NotoSansKR-Regular.woff2) format("woff2"), url(../font/NotoSansKR-Regular.woff) format("woff"); }

@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKR-Light.woff2) format("woff2"), url(../font/NotoSansKR-Light.woff) format("woff"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(../font/Roboto-Black.woff2) format("woff2"), url(../font/Roboto-Black.woff) format("woff"); }

html {
  background-color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%; }

body {
  min-width: 320px;
  color: #3F3C3D;
  font-size: 1em;
  font-family: "Paperlogy", sans-serif;
  font-weight: 300;
  letter-spacing: -0.05em;
  -webkit-overflow-scrolling: touch; }

hr {
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #C8C7C7; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word; }

ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0; }

ul,
ol,
li {
  list-style: none; }

em,
address {
  font-style: normal; }

figure,
form {
  margin: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top; }

label {
  cursor: pointer; }

button,
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
  box-sizing: content-box;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer; }

input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle; }

input[type="search"] {
  -webkit-appearance: none;
  border-radius: 0; }

textarea {
  vertical-align: top;
  resize: vertical; }

input:invalid,
textarea:invalid {
  background-color: #f0dddd; }

table {
  width: 100%;
  empty-cells: show; }

td {
  vertical-align: middle; }

::-moz-selection {
  background: #EC1C24;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #EC1C24;
  color: #fff;
  text-shadow: none; }

::-webkit-input-placeholder {
  color: #918F8F; }

:-moz-placeholder {
  color: #918F8F; }

mark {
  background-color: #C10A11; }

[lang=en] {
  font-family: "Paperlogy", sans-serif; }

input,
textarea,
select,
button {
  font-family: "Paperlogy", sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: #231F20; 
  letter-spacing: -0.15rem !important;}

a {
  color: #706D6E;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic; }

em {
  color: #EC1C24;
  font-weight: 400; }

.hidden,
[hidden] {
  display: none; }

.a11y {
  position: absolute !important;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px); }

@font-face {
  font-family: "icon";
  src: url("../font/icon.woff2") format("woff2"), url("../font/icon.woff") format("woff"); }

.icon {
  display: inline-block;
  font-family: "icon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon-achive:before {
  content: ""; }

.icon-airplane:before {
  content: ""; }

.icon-answer:before {
  content: ""; }

.icon-app-download:before {
  content: ""; }

.icon-blog:before {
  content: ""; }

.icon-book:before {
  content: ""; }

.icon-bulb:before {
  content: ""; }

.icon-business:before {
  content: ""; }

.icon-cafe:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-checkbox-checked:before {
  content: ""; }

.icon-checkbox-unchecked:before {
  content: ""; }

.icon-clip:before {
  content: ""; }

.icon-close-m:before {
  content: ""; }

.icon-close-t:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-college:before {
  content: ""; }

.icon-contents-book:before {
  content: ""; }

.icon-dictionary:before {
  content: ""; }

.icon-document:before {
  content: ""; }

.icon-down:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-education:before {
  content: ""; }

.icon-elementary-allstar:before {
  content: ""; }

.icon-elementary-mvp:before {
  content: ""; }

.icon-elementary-risingstar:before {
  content: ""; }

.icon-elementary-rookie:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-error:before {
  content: ""; }

.icon-expand:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-first:before {
  content: ""; }

.icon-global:before {
  content: ""; }

.icon-google:before {
  content: ""; }

.icon-graduation:before {
  content: ""; }

.icon-hamburger:before {
  content: ""; }

.icon-handshake:before {
  content: ""; }

.icon-heart-linear:before {
  content: ""; }

.icon-heart-solid:before {
  content: ""; }

.icon-homepage:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-kakao-story:before {
  content: ""; }

.icon-kakao-talk:before {
  content: ""; }

.icon-last:before {
  content: ""; }

.icon-learning-machine:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-location:before {
  content: ""; }

.icon-magazine:before {
  content: ""; }

.icon-map:before {
  content: ""; }

.icon-marketing:before {
  content: ""; }

.icon-member:before {
  content: ""; }

.icon-middle-creative:before {
  content: ""; }

.icon-middle-exam:before {
  content: ""; }

.icon-middle-grade:before {
  content: ""; }

.icon-middle-parallel:before {
  content: ""; }

.icon-minus-l:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-money:before {
  content: ""; }

.icon-naver:before {
  content: ""; }

.icon-next-l:before {
  content: ""; }

.icon-next-t:before {
  content: ""; }

.icon-next:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-person-m:before {
  content: ""; }

.icon-person:before {
  content: ""; }

.icon-play-l:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-plus-l:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-post:before {
  content: ""; }

.icon-prev-l:before {
  content: ""; }

.icon-prev-t:before {
  content: ""; }

.icon-prev:before {
  content: ""; }

.icon-qna:before {
  content: ""; }

.icon-question:before {
  content: ""; }

.icon-quotation-left:before {
  content: ""; }

.icon-quotation-right:before {
  content: ""; }

.icon-radio-checked:before {
  content: ""; }

.icon-radio-unchecked:before {
  content: ""; }

.icon-reduce:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-search-center:before {
  content: ""; }

.icon-search-m:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-select:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-smart:before {
  content: ""; }

.icon-soundcloud:before {
  content: ""; }

.icon-speaker:before {
  content: ""; }

.icon-star-linear:before {
  content: ""; }

.icon-star-solid:before {
  content: ""; }

.icon-stop:before {
  content: ""; }

.icon-success:before {
  content: ""; }

.icon-symbol:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-up:before {
  content: ""; }

.icon-upload:before {
  content: ""; }

.icon-url:before {
  content: ""; }

.icon-welfare:before {
  content: ""; }

.icon-window:before {
  content: ""; }

.icon-yoons-on:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.func {
  text-align: center; }

.btn {
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #2E2A2B;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid rgba(46, 42, 43, 0.25);
  background-color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 10px 23px 11px;
  font-size: 1.6rem; }
  .btn + .btn {
    margin-left: 0.5em; }
  .btn span {
    position: relative;
    z-index: 1; }
  .btn:hover, .btn:focus {
    color: #fff;
    border-color: #EC1C24;
    background-color: #EC1C24;
    text-decoration: none; }
  .btn:active:enabled {
    transform: scale(0.97); }
  .btn--xlg {
    padding: 12px 35px 13px;
    font-size: 2.2rem; }
  .btn--lg {
    padding: 12px 30px 13px;
    font-size: 1.8rem; }
  .btn--sm {
    padding: 7px 17px;
    font-size: 1.4rem; }
  @media (min-width: 60em) {
    .btn {
      padding: 12px 27px 13px; }
      .btn--xlg {
        padding: 19px 45px 20px;
        font-size: 2.6rem; }
      .btn--lg {
        padding: 16px 37px 17px;
        font-size: 2rem; }
      .btn--sm {
        padding: 7px 17px; } }
  .btn--block {
    display: block;
    width: 100%; }
    .btn--block + .btn {
      margin-left: 0;
      margin-top: 5px; }
      .btn--block + .btn + .btn {
        margin-top: 5px; }
  .btn--em {
    color: #fff;
    border-color: #2E2A2B;
    background-color: #2E2A2B; }
  .btn--solid {
    border-color: #fff;
    background-color: #fff; }
  .btn--invert {
    color: #fff;
    border-color: #fff; }
  .btn--gray {
    color: #fff;
    border-color: #918F8F;
    background-color: #918F8F; }
  .btn--primary {
    color: #fff;
    border-color: #EC1C24;
    background-color: #EC1C24; }
  .btn--gold {
    color: #fff;
    border-color: #BC9B6A;
    background-color: #BC9B6A; }
  .btn--navy {
    color: #fff;
    border-color: #3C4557;
    background-color: #3C4557; }
  .btn--accent {
    color: #fff;
    border-color: #0E9E9C;
    background-color: #0E9E9C; }
  .btn--em:hover, .btn--em:focus, .btn--solid:hover, .btn--solid:focus, .btn--invert:hover, .btn--invert:focus, .btn--gray:hover, .btn--gray:focus, .btn--primary:hover, .btn--primary:focus, .btn--gold:hover, .btn--gold:focus, .btn--navy:hover, .btn--navy:focus, .btn--accent:hover, .btn--accent:focus {
    border-color: #000;
    background-color: #000; }

.link {
  color: #2E2A2B;
  font-weight: 400;
  border-bottom: 2px solid rgba(46, 42, 43, 0.25);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .link + .link {
    margin-left: 0.5em; }
  .link:hover, .link:focus {
    border-color: #2E2A2B;
    text-decoration: none; }
  .link-icon {
    font-size: 1.2rem;
    margin-left: 1.5rem; }
    .link-icon:before {
      content: "";
      display: inline-block;
      font-family: "icon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      font-size: 1rem;
      margin-left: -1.5rem;
      margin-right: 0.5rem; }

.sns {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 34px;
  height: 34px;
  line-height: 34px;
  color: #2E2A2B;
  font-size: 2.3rem;
  border: 1px solid rgba(46, 42, 43, 0.25);
  background-color: transparent; }
  @media (max-width: 44.99em) {
    .sns {
      width: 44px;
      height: 44px;
      line-height: 44px;
      font-size: 2.8rem; } }
  .sns:hover.sns, .sns:focus.sns {
    color: #fff !important; }
    .sns:hover.sns.icon-magazine, .sns:hover.sns.icon-youtube, .sns:hover.sns.icon-email, .sns:focus.sns.icon-magazine, .sns:focus.sns.icon-youtube, .sns:focus.sns.icon-email {
      border-color: #EC1C24;
      background-color: #EC1C24; }
    .sns:hover.sns.icon-homepage, .sns:hover.sns.icon-refresh, .sns:focus.sns.icon-homepage, .sns:focus.sns.icon-refresh {
      border-color: #231F20;
      background-color: #231F20; }
    .sns:hover.sns.icon-blog, .sns:focus.sns.icon-blog {
      border-color: #00c73c;
      background-color: #00c73c; }
    .sns:hover.sns.icon-facebook, .sns:focus.sns.icon-facebook {
      border-color: #3b5998;
      background-color: #3b5998; }
    .sns:hover.sns.icon-cafe, .sns:focus.sns.icon-cafe {
      border-color: #00c73c;
      background-color: #00c73c; }
    .sns:hover.sns.icon-post, .sns:focus.sns.icon-post {
      border-color: #00c73c;
      background-color: #00c73c; }
    .sns:hover.sns.icon-instagram, .sns:focus.sns.icon-instagram {
      border-color: #d10869;
      background-color: #d10869; }
    .sns:hover.sns.icon-twitter, .sns:focus.sns.icon-twitter {
      border-color: #1da1f3;
      background-color: #1da1f3; }
    .sns:hover.sns.icon-kakao-story, .sns:focus.sns.icon-kakao-story {
      border-color: #fccb00;
      background-color: #fccb00; }
    .sns:hover.sns.icon-kakao-talk, .sns:focus.sns.icon-kakao-talk {
      border-color: #fccb00;
      background-color: #fccb00; }
    .sns:hover.sns.icon-google, .sns:focus.sns.icon-google {
      border-color: #d01e01;
      background-color: #d01e01; }
    .sns:hover.sns.icon-naver, .sns:focus.sns.icon-naver {
      border-color: #00c73c;
      background-color: #00c73c; }
  .sns:before {
    display: block; }
  .sns--lg {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 2.6rem; }
  .sns--em {
    color: #fff;
    border-color: #231F20;
    background-color: #231F20; }
  .sns--color {
    color: #fff; }
    .sns--color.icon-magazine, .sns--color.icon-youtube, .sns--color.icon-email {
      border-color: #EC1C24;
      background-color: #EC1C24; }
    .sns--color.icon-homepage, .sns--color.icon-refresh {
      border-color: #231F20;
      background-color: #231F20; }
    .sns--color.icon-blog {
      border-color: #00c73c;
      background-color: #00c73c; }
    .sns--color.icon-facebook {
      border-color: #3b5998;
      background-color: #3b5998; }
    .sns--color.icon-cafe {
      border-color: #00c73c;
      background-color: #00c73c; }
    .sns--color.icon-post {
      border-color: #00c73c;
      background-color: #00c73c; }
    .sns--color.icon-instagram {
      border-color: #d10869;
      background-color: #d10869; }
    .sns--color.icon-twitter {
      border-color: #1da1f3;
      background-color: #1da1f3; }
    .sns--color.icon-kakao-story {
      border-color: #fccb00;
      background-color: #fccb00; }
    .sns--color.icon-kakao-talk {
      border-color: #fccb00;
      background-color: #fccb00; }
    .sns--color.icon-google {
      border-color: #d01e01;
      background-color: #d01e01; }
    .sns--color.icon-naver {
      border-color: #00c73c;
      background-color: #00c73c; }

[disabled].btn, [disabled] .btn, .btn [disabled],
[disabled].link, [disabled] .link, .link [disabled],
[disabled].sns, [disabled] .sns, .sns [disabled] {
  cursor: not-allowed;
  opacity: 0.25;
  color: #231F20;
  border-color: rgba(35, 31, 32, 0.5);
  background-color: transparent; }
  [disabled].btn:hover, [disabled].btn:focus, [disabled] .btn:hover, [disabled] .btn:focus, .btn [disabled]:hover, .btn [disabled]:focus,
  [disabled].link:hover,
  [disabled].link:focus, [disabled] .link:hover, [disabled] .link:focus, .link [disabled]:hover, .link [disabled]:focus,
  [disabled].sns:hover,
  [disabled].sns:focus, [disabled] .sns:hover, [disabled] .sns:focus, .sns [disabled]:hover, .sns [disabled]:focus {
    color: #231F20 !important;
    border-color: #231F20 !important;
    background-color: transparent !important; }

.h1, .h2, .h3, .h4, .h5, .h6, .h7 {
  color: #231F20;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0; }

.sub-h1, .sub-h2, .sub-h3, .sub-h4 {
  font-weight: 700;
  font-family: "Paperlogy", sans-serif;
  line-height: 1.2;
  text-transform: uppercase; }

.h1 {
  font-size: 3.4rem; }
  @media (min-width: 60em) {
    .h1 {
      font-size: 4.6rem; } }

.h2 {
  font-size: 2.4rem; }
  @media (min-width: 60em) {
    .h2 {
      font-size: 3.0rem; } }

.h3 {
  font-size: 2.2rem; }
  @media (min-width: 60em) {
    .h3 {
      font-size: 2.4rem; } }

.h4 {
  font-size: 1.8rem; }
  @media (min-width: 60em) {
    .h4 {
      font-size: 2.0rem; } }

.h5 {
  font-size: 1.8rem; }

.h6 {
  font-size: 1.6rem; }

.h7 {
  font-size: 1.4rem; }

.sub-h1 {
  font-size: 3.8rem;
  letter-spacing: 0.01875em; }
  @media (min-width: 60em) {
    .sub-h1 {
      font-size: 6.4rem; } }

.sub-h2 {
  font-size: 3.2rem;
  letter-spacing: 0.01875em; }
  @media (min-width: 60em) {
    .sub-h2 {
      font-size: 4.2rem; } }

.sub-h3 {
  font-size: 1.5rem;
  letter-spacing: 0.0375em; }
  @media (min-width: 60em) {
    .sub-h3 {
      font-size: 1.8rem; } }

.sub-h4 {
  font-size: 1.4rem;
  letter-spacing: 0.0375em; }


.event-contents {
  position: relative;
  color: #333;
  font-size: 1.8rem;
  font-family: "Paperlogy", sans-serif;
  font-weight: 400; }
  @media (max-width: 59.99em) {
    .event-contents {
      margin-left: -3rem;
      margin-right: -3rem; } }
  @media (min-width: 60em) {
    .event-contents {
      font-size: 2rem; } }
  @media (min-width: 75em) {
    .event-contents {
      font-size: 2.2rem; } }
  .event-contents .l-event {
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem; }
  .event-contents .l-small {
    position: relative;
    max-width: 580px;
    margin: 0 auto; }
  .event-contents span {
    display: inline-block; }
  .event-contents em {
    color: #9dff4e;
    font-weight: inherit; }
  .event-contents strong {
    font-family: "Paperlogy", sans-serif;
    font-weight: 600; }
  .event-contents .desc {
    font-size: 80%;
    opacity: 0.7; }
  .event-contents p {
    margin: 0; }
  .event-contents table {
    border-spacing: 0;
    border: 0; }
  .event-contents .alert {
    display: inline-block;
    color: #fff;
    font-size: 2.2rem;
    line-height: 1.4;
    border-radius: 10px;
    padding: 1rem 2rem;
    margin-bottom: -2rem; }
    .event-contents .alert--black {
      background-color: #231F20; }
    .event-contents .alert--blue {
      background-color: #2c56ff; }
    @media (min-width: 60em) {
      .event-contents .alert {
        font-size: 2.6rem;
        padding: 1.5rem 5rem; } }

.cont-wrap {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  @media (min-width: 45em) {
    .cont-wrap {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  @media (min-width: 60em) {
    .cont-wrap {
      padding-top: 10rem;
      padding-bottom: 10rem; } }

.cont-head {
  text-align: center;
  margin-bottom: 2rem; }
  .cont-head .title {
    font-size: 2.8rem; }
  .cont-head .s-title {
    font-size: 2.6rem;
    opacity: 0.8; }
  @media (min-width: 60em) {
    .cont-head {
      margin-bottom: 4rem; }
      .cont-head .title {
        font-size: 3.4rem; }
      .cont-head .s-title {
        font-size: 3.2rem; } }
  @media (min-width: 75em) {
    .cont-head .title {
      font-size: 3.8rem; }
    .cont-head .s-title {
      font-size: 3.6rem; } }

.cont-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 2.2rem; }
  .cont-date strong {
    padding: 1rem 2rem;
    border-radius: 50px;
    background-color: #2c56ff;
    color: #fff; }
  @media (min-width: 45em) {
    .cont-date {
      flex-direction: row;
      font-size: 2.6rem; } }

.cont-foot {
  text-align: center;
  margin-top: 2rem; }
  .cont-foot ul {
    display: inline-block; }
  .cont-foot li {
    text-align: left; }
  @media (min-width: 60em) {
    .cont-foot {
      margin-top: 3rem; } }

.cont-func {
  text-align: center;
  margin-top: 2rem;
  padding: 0 20%; }
  @media (min-width: 60em) {
    .cont-func {
      margin-top: 3rem; } }

.top-wrap {
  position: relative;
  text-align: center; }

.top-thumb {
  position: relative; }
  .top-thumb__top {
    z-index: 2; }
  .top-thumb__bottom {
    z-index: 1;
    margin-top: 3rem; }

.top-cont {
  position: relative; }
  .top-cont__inner {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(30%); }

@media (min-width: 35em) {
  .top-thumb__bottom {
    margin-top: 0; }
  .top-cont__inner {
    transform: translateY(10%); } }

@media (min-width: 45em) {
  .top-thumb__bottom {
    margin-top: -8rem; }
  .top-cont__inner {
    transform: translateY(-40%); } }

@media (min-width: 60em) {
  .top-thumb__bottom {
    margin-top: -20rem; }
  .top-cont__inner {
    transform: translateY(-80%); } }

.about-wrap {
  color: #fff; }

.about-area {
  display: flex;
  align-items: center;
  justify-content: center; }

.about-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .about-item .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    text-align: left;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .about-item .tl {
    width: 5rem;
    box-sizing: border-box;
    color: #fff;
    text-align: center; }
  .about-item .cont {
    flex: 1; }
  @media (min-width: 60em) {
    .about-item .item {
      padding-left: 3rem;
      padding-right: 3rem; }
    .about-item .tl {
      width: 6rem; } }

.gift-wrap {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.gift-head {
  padding: 1rem 0;
  background-color: #000;
  text-align: center;
  color: #fff;
  font-size: 2.2rem; }
  @media (min-width: 45em) {
    .gift-head {
      font-size: 2.4rem; } }

.gift-area {
  display: flex;
  flex-direction: column;
  gap: 5rem; }

.gift-item {
  display: flex;
  flex-direction: column;
  gap: 2rem 0;
  margin-left: -2rem; }
  .gift-item .item {
    box-sizing: border-box;
    padding-left: 2rem; }
    .gift-item .item-inner {
      position: relative;
      box-sizing: border-box;
      border-radius: 2rem;
      background-color: #fff;
      text-align: center;
      padding: 2rem;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media (min-width: 60em) {
        .gift-item .item-inner {
          padding-top: 4rem;
          padding-bottom: 4rem; } }
  .gift-item .tl {
    font-size: 2.2rem; }
  @media (min-width: 45em) {
    .gift-item {
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center; }
      .gift-item .item {
        width: 50%; }
      .gift-item .tl {
        font-size: 2.6rem; } }
  @media (min-width: 60em) {
    .gift-item .tl {
      font-size: 3.0rem; } }
  @media (min-width: 75em) {
    .gift-item .tl {
      font-size: 3.4rem; } }

.gift-crape {
  position: relative;
  box-sizing: border-box;
  border-radius: 2rem;
  background-color: #fff;
  text-align: center;
  padding: 2rem;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  background-color: #eec0e1; }
  @media (min-width: 60em) {
    .gift-crape {
      padding-top: 4rem;
      padding-bottom: 4rem; } }
  .gift-crape::before {
    content: '+';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background-color: #eec0e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-family: "Paperlogy", sans-serif;
    font-weight: 700; }

.keyring-wrap {
  color: #fff;
  overflow: hidden;
  padding-bottom: 0; }
  .keyring-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    /*@if is-direction($direction) == false {
    $color-stops: $direction, $color-stops;
    $direction: 180deg;
  }*/
    background: #061633;
    background: -moz-linear-gradient(legacy-direction("to top"), #061633 0, transparent 40%);
    background: -webkit-linear-gradient(legacy-direction("to top"), #061633 0, transparent 40%);
    background: linear-gradient(to top, #061633 0, transparent 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061633 0', endColorstr='transparent 40%',GradientType=1 ); }
  .keyring-wrap .l-event {
    position: relative;
    z-index: 5; }

.keyring-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.keyring-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  text-align: center; }

.step-wrap {
  color: #fff;
  text-align: center; }
  .step-wrap .cont-head .title {
    color: #fff; }

.step-item {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .step-item .item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 2.0rem; }
  .step-item .tl {
    width: 10rem;
    padding: 4px 0;
    border-radius: 50px;
    background-color: #9dff4e;
    color: #231F20;
    text-align: center;
    margin-top: -4px; }
  .step-item .cont {
    flex: 1;
    text-align: left; }
  @media (min-width: 45em) {
    .step-item .item {
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      font-size: 2.2rem; } }
  @media (min-width: 60em) {
    .step-item .item {
      gap: 2rem;
      padding: 3rem 2rem;
      font-size: 2.4rem; }
    .step-item .tl {
      width: 12rem;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-top: -5px; } }

.step-tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.4rem;
  margin-top: 1rem; }
  .step-tag .tag {
    border: 0;
    margin: 0;
    padding: 5px 5px;
    border: 1px solid #eec0e1;
    background-color: transparent;
    color: #eec0e1;
    font-size: 1.3rem; }
  @media (min-width: 60em) {
    .step-tag .tag {
      padding: 6px 1.2rem;
      font-size: 1.6rem; } }

.theme-table {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #fff;
  text-align: center; }
  .theme-table th, .theme-table td {
    font-size: 1.8rem;
    font-family: "Paperlogy", sans-serif;
    font-weight: 700; }
  .theme-table th {
    padding: 1.5rem 1rem; }
  .theme-table thead th {
    color: #fff;
    background-color: #000; }
    .theme-table thead th + th {
      border-left: 1px solid #000; }
  .theme-table tbody th, .theme-table tbody td {
    border-top: 1px solid #000; }
  .theme-table tbody th {
    width: 10rem;
    border-right: 1px solid #000; }
  .theme-table ul + ul {
    border-top: 1px solid #DAD9D9; }
  .theme-table li {
    padding: 1rem 0.5rem; }
    .theme-table li + li {
      border-top: 1px solid #DAD9D9; }
  @media (min-width: 60em) {
    .theme-table .flex {
      display: flex; }
    .theme-table tbody th {
      width: 13rem; }
    .theme-table ul {
      flex: 1; }
      .theme-table ul + ul {
        border-top: 0; } }

.notice-wrap {
  color: rgba(255, 255, 255, 0.8); }
  .notice-wrap .tl {
    display: block;
    color: #fff;
    font-size: 3.6rem;
    margin-bottom: 2rem; }
  .notice-wrap .ul li {
    font-size: 1.8rem; 
    margin-top: 0.5rem;}
    .notice-wrap .ul li:before {
      background-color: rgba(255, 255, 255, 0.8); }



/* 202606 리얼스피치 */

.l-wrap.l-narrow {
  max-width: inherit !important;
}
.notice-wrap .ul li span {
  display: inline;
  opacity: 0.75;
}

@media (max-width: 44.99em) {
  .notice-wrap .tl {
    font-size: 2.4rem;
  }

  .notice-wrap .ul li {
    font-size: 1.6rem;
  }
}
/* KV Hero 2026 */
.top-wrap--2026 {
  position: relative;
  overflow: hidden;
  background-color: #0a0612;
  color: #fff;
  text-align: center;
}

.top-wrap--2026 .top-cont {
  position: relative;
}

.top-wrap--2026 .top-cont__inner {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  z-index: 5;
  width: 100%;
  transform: translateX(-50%);
  padding: 0;
}

.kv-hero {
  position: relative;
  padding: 3rem 0 0;
}

.kv-hero__bg {
  position: absolute;
  inset: 0;
  background-image: url("/image/event/260618/bg_top.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}

.kv-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 2rem;
}

.kv-head {
  margin-bottom: 1.5rem;
  margin-top: 10rem;
}
.sub-highlight {
  color: #ffda76;
}
.kv-head__sub {
  margin: 0 0 0.8rem;
  font-family: "Gmarket Sans", sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  opacity: 0.95;
}

.kv-head__title {
  margin: 0 0 0.6rem;
  font-size: 3rem;
  line-height: 1.2;
  font-family: "Gmarket Sans", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0375em;
  color: #fff;
}

.post-contents h2.kv-head__title {
  color: #fff;
}

.kv-head__title em {
  font-style: normal;
  font-family: inherit;
  background: linear-gradient(140deg, #d4baff 0%, #63ffef 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.kv-head__tagline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.8rem;
  margin: 0;
  font-size: 1.3rem;
  color: #ffda76;
  letter-spacing: 0.0375em;
  white-space: nowrap;
}

.kv-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
}

.kv-badge {
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transform: translateY(-10%);
  width: 28%;
  max-width: 18rem;
}

.kv-badge--award {
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transform: translateY(-15%);
  width: 28%;
  max-width: 18rem;
}

.kv-badge__laurel {
  width: 274px;
  height: 178px;
  font-size: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Isamanru", sans-serif;
  background: url("/image/event/260618/left_pimg.png") no-repeat center center;
}
.kv-badge__laurel span {
  position: relative;
  line-height: 120%;
  top: 4rem;
  font-weight: 400 !important;
  left: -1rem;
  font-weight: 700;
  text-align: center;
  background: linear-gradient(180deg, #fce38a 0%, #e29e58 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 2px 6px rgba(42, 30, 59, 0.75)) drop-shadow(0 0 10px rgba(42, 30, 59, 0.5));
}
.kv-badge__laurel img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  position: relative;
  top: -3rem;
}

.kv-badge--award .kv-badge__txt {
  margin: -1.5rem 0 0;
  font-size: 1.5rem;
  color: #ffe566;
  line-height: 1.3;
}

.kv-badge--award .kv-badge__txt strong {
  font-size: 1.8rem;
  font-family: "Paperlogy", sans-serif;
}

.kv-character {
  align-self: center;
  flex: 0 1 auto;
  position: relative;
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
  margin-top: 1rem;
}

.kv-character .top-cont__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kv-character img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45));
}

.kv-badge--gift {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 28%;
  max-width: 18rem;
  text-align: left;
  font-family: "Isamanru", sans-serif;
}

.kv-badge__tit {
  margin: 0 0 1rem;
  font-size: 3.6rem;
  font-weight: 600;
  font-family: inherit;
  background: linear-gradient(140deg, #d4baff 0%, #63ffef 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

}

.kv-badge__list {
  list-style: none;
  margin: 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0rem 1rem;
  align-items: center;
  justify-content: center;
  color: #63ffef;
}

.kv-badge__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-size: 2rem;
  font-weight: 300;
  font-family: inherit;
  white-space: nowrap;
}

.kv-badge__list li:nth-child(3) {
  flex-basis: 100%;
  justify-content: center;
}

.kv-badge__list .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #5ce8d8, #3ec9b8);
  color: #0a0612;
  font-size: 1.6rem;
  font-weight: 600;
  flex-shrink: 0;
}

.kv-badge__foot {
  margin: 0;
  font-size: 3.6rem;
  font-family: inherit;
}

.kv-badge__foot strong {
  font-family: inherit;
  font-weight: 300;
}

@media (max-width: 44.99em) {
  .top-wrap--2026 .kv-visual {
    max-width: 100%;
    padding: 0 0.5rem;
    padding-bottom: 5rem;
    container-type: inline-size;
  }

  .kv-head {
    margin-top: 2rem;
  }

  .top-wrap--2026 .kv-head__tagline {
    gap: 0.9rem;
    font-size: clamp(0.95rem, 5vw, 2rem);
    letter-spacing: 0.02em;
    padding: 0 0.5rem;
    margin-bottom: 3rem !important;
  }

  .top-wrap--2026 .kv-head__tagline .line-left,
  .top-wrap--2026 .kv-head__tagline .line-right {
    flex: 0 0 auto;
    width: 2.4rem;
    max-width: 2.4rem;
    top: 0;
    display: none;
  }

  .top-wrap--2026 .kv-head__tagline .line-left::after,
  .top-wrap--2026 .kv-head__tagline .line-right::before {
    width: 6px;
    height: 6px;
  }

  .top-wrap--2026 .kv-character {
    max-width: 100%;
    width: 100%;
    flex: 0 1 100%;
    margin-top: 0;
  }

  .top-wrap--2026 .kv-badge {
    width: 24%;
    max-width: none;
    transform: translateY(-50%);
  }

  .top-wrap--2026 .kv-badge--award {
    left: -1rem;
    top: 22%;
    width: 35%;
  }

  .top-wrap--2026 .kv-badge--gift {
    right: 0;
    top: 28%;
    /* width: 30%; */
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    transform: translateY(-50%);
    transform-origin: right center;
  }

  .top-wrap--2026 .kv-badge--award .kv-badge__laurel {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 274 / 178;
    font-size: 5.5cqw;
    background-size: contain;
  }

  .top-wrap--2026 .kv-badge--award .kv-badge__laurel span {
    top: 0.92em;
    left: -0.28em;
    font-size: 0.8em;
  }

  .top-wrap--2026 .kv-badge--gift .kv-badge__tit {
    margin-bottom: 1rem;
    font-size: 1.45rem;
    line-height: 1.2;
    align-self: flex-start;
    text-align: left;
  }

  .top-wrap--2026 .kv-badge--gift .kv-badge__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0.25rem;
    margin-bottom: 1rem;
  }

  .top-wrap--2026 .kv-badge--gift .kv-badge__list li {
    display: inline-flex;
    gap: 0.3rem;
    font-size: 1rem;
    white-space: nowrap;
    justify-content: flex-start;
  }
  .event-contents span.kv-btn__icon {
    top: 0 !important;
  }
  .top-wrap--2026 .kv-badge--gift .kv-badge__list li:nth-child(3) {
    justify-content: flex-start;
  }

  .top-wrap--2026 .kv-badge--gift .kv-badge__list .num {
    width: 1.65rem;
    height: 1.65rem;
    font-size: 0.95rem;
  }

  .top-wrap--2026 .kv-badge--gift .kv-badge__foot {
    font-size: 1.45rem;
    line-height: 1.2;
    align-self: flex-start;
    text-align: left;
    width: 100%;
  }

  .top-wrap--2026 .kv-btn {
    max-width: 100%;
    height: 7rem;
    font-size: 2.6rem;
    gap: 1rem;
  }

  .top-wrap--2026 .kv-btn__icon {
    width: 2.6rem;
    height: 2.6rem;
  }

  .top-wrap--2026 .kv-date {
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 1.1rem;
    gap: 0.4rem;
    margin-top: 0.8rem;
  }

  .top-wrap--2026 .kv-date span {
    white-space: nowrap;
  }

  .top-wrap--2026 .top-cont__inner {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding-bottom: 0;
  }
}

.top-wrap--2026 .cont-func {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding: 0;
}

.kv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  width: 100%;
  height: 9rem;
  max-width: 32rem;
  margin: 0 auto;
  /* padding: 1.4rem 2rem; */
  border-radius: 5rem;
  background: linear-gradient(90deg, #7b4fb8 0%, #5b6fd6 40%, #2dd4bf 100%);
  color: #fff;
  font-size: 1.8rem;
  font-family: "Paperlogy", sans-serif;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(123, 79, 184, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s, box-shadow 0.2s;
}

.kv-btn:hover,
.kv-btn:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(123, 79, 184, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
  color: #fff;
}

.kv-btn__icon {
  display: inline-flex;
}

.kv-btn__icon svg {
  width: 100%;
  height: 100%;
}

.top-wrap--2026 .kv-date {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.6rem;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.85);
  width: 100%;
  font-weight: 500;
  white-space: nowrap;
}

.top-wrap--2026 .kv-date strong {
  background: transparent;
  color: #f6b997;
  padding: 0;
  border-radius: 0;
  font-weight: 400;
}

.top-wrap--2026 .kv-date span {
  opacity: 1;
}
.event-contents span.kv-btn__icon {
  position: relative;
  top: -2px;
}
.kv-head__tagline .line-left,
.kv-head__tagline .line-right {
  position: relative;
  top: 0;
  display: block;
  flex: 0 1 auto;
  align-self: center;
  width: 20%;
  max-width: 16rem;
  height: 2px;
  background: #f9d423;
}

.line-left::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #f9d423;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.line-right::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #f9d423;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 35em) {
  .kv-head__sub {
    font-size: 3rem;
  }

  .post-contents h2.kv-head__title {
    position: relative;
    top: -0.5rem;
    font-family: "Gmarket Sans", sans-serif;
    font-size: 8rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em !important;
    margin-bottom: 0;
  }

  .kv-head__tagline {
    font-size: 1.4rem;
  }

  .kv-btn {
    font-size: 2rem;
    /* padding: 1.6rem 2.4rem; */
  }

  .top-wrap--2026 .kv-date {
    font-size: 1.6rem;
  }
}

@media (min-width: 45em) {
  .kv-hero {
    padding-top: 4rem;
  }

  .kv-head__title {
    font-size: 4.2rem;
  }

  .kv-visual {
    max-width: 70rem;
  }

  .kv-badge--award {
    left: 0;
    width: 24%;
    max-width: 20rem;
  }

  .kv-badge--gift {
    right: 0;
    width: 28%;
    max-width: 28rem;
  }

  .kv-character {
    max-width: 70rem;
  }

  .kv-badge--award .kv-badge__txt {
    font-size: 1.6rem;
  }

  .kv-badge--award .kv-badge__txt strong {
    font-size: 2rem;
  }
}

@media (min-width: 60em) {
  .kv-hero {
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .kv-head {
    margin-bottom: 2rem;
  }

  .kv-head__sub {
    font-size: 5.6rem;
  }

  .kv-head__title {
    font-size: 4.8rem;
  }

  .kv-head__tagline {
    font-size: 3rem;
    font-weight: 500;
  }

  .kv-visual {
    max-width: inherit;
  }

  .kv-badge--award {
    left: 0;
    width: 100%;
    max-width: 30rem;
  }

  .kv-character {
    max-width: 70rem;
  }

  .kv-badge--gift {
    right: 0;
    max-width: 28rem;
    text-align: center;
  }

  .kv-badge__tit {
    font-size: 3.6rem;
    font-weight: 400;
  }

  .kv-badge__list li {
    font-size: 2rem;
  }

  .kv-badge__foot {
    font-size: 3.6rem;
    font-weight: 400;
  }

  .top-wrap--2026 .cont-func {
    padding: 0;
  }

  .kv-btn {
    max-width: 40rem;
    font-size: 4rem;
    font-weight: 700;
  }

  .top-wrap--2026 .kv-date {
    font-size: 2.4rem;
    margin-top: 3rem;
  }

  .top-wrap--2026 .top-cont__inner {
    padding-bottom: 2rem;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* 콘테스트에 도전해 보세요 */
.challenge-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: #fff;
  background-image: linear-gradient(140deg, rgb(140, 97, 212) 0%, rgb(140, 97, 212) 30%, rgb(63, 200, 186) 70%, rgb(63, 200, 186) 100%);
}

.challenge-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 42%, rgba(255, 255, 255, 0.14) 0, rgba(255, 255, 255, 0.14) 2px, transparent 3px),
    radial-gradient(circle at 22% 48%, transparent 18px, rgba(255, 255, 255, 0.08) 19px, transparent 20px),
    radial-gradient(circle at 78% 38%, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2px, transparent 3px),
    radial-gradient(circle at 82% 44%, transparent 16px, rgba(255, 255, 255, 0.06) 17px, transparent 18px);
}

.challenge-wrap .l-event {
  position: relative;
  z-index: 1;
  max-width: 98rem;
}

.challenge-head {
  margin-bottom: 2.4rem;
  text-align: center;
}

.challenge-head__quote {
  margin: 0 0 0.8rem;
  font-family: "paperlogy", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.05em;
}

.challenge-head__quote em {
  color: #c1fdff;
}

.challenge-head__title {
  margin: 0;
  font-family: "paperlogy", sans-serif;
  font-size: 2.8rem;
  font-weight: 600 !important;
  line-height: 1.25;
  color: #fff !important;
}

.challenge-head__title em {
  font-style: normal;
  background: linear-gradient(180deg, #fff380 0%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.challenge-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}

.challenge-info {
  position: relative;
  width: 100%;
  max-width: 60rem;
  margin: 0;
  padding-bottom: 18rem;
}

.challenge-info::after {
  content: " ";
  display: block;
  width: 228px;
  height: 286px;
  background: url("/image/event/260618/img_pgirl.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: -10rem;
  left: 80%;
  right: auto;
  transform: translateX(-50%);
  z-index: 0;
}
.challenge-info__item {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.challenge-info__item:last-child {
  margin-bottom: 0;
}

.challenge-info dt {
  flex-shrink: 0;
  margin: 0;
}

.challenge-info dt span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.6rem;
  padding: 0.3rem 1.4rem;
  border-radius: 3rem;
  background-image: -moz-linear-gradient( 113deg, rgb(66,74,129) 0%, rgb(66,74,129) 0%, rgb(51,50,56) 0%, rgb(76,52,135) 100%);
  background-image: -webkit-linear-gradient( 113deg, rgb(66,74,129) 0%, rgb(66,74,129) 0%, rgb(51,50,56) 0%, rgb(76,52,135) 100%);
  background-image: -ms-linear-gradient( 113deg, rgb(66,74,129) 0%, rgb(66,74,129) 0%, rgb(51,50,56) 0%, rgb(76,52,135) 100%);
  font-family: "paperlogy", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.2;
}

.challenge-info dd {
  margin: 0;
  font-family: "paperlogy", sans-serif;
  font-size: 2.1rem !important;
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.4;
  text-align: left;
}

@media (max-width: 44.99em) {
  .challenge-head__quote,
  .challenge-head__title {
    font-size: 3.2rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
  }

  .challenge-info {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
  }

  .challenge-info__item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
  }

  .challenge-info dt {
    display: flex;
    align-items: center;
    margin: 0;
  }

  .challenge-info dt span {
    min-width: 4.4rem;
    padding: 0.35rem 0.8rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .challenge-info dd {
    flex: 1;
    font-size: 1.6rem !important;
    line-height: 1.2;
    word-break: keep-all;
    margin: 0;
    padding: 0;
    font-weight: 400;
    padding-left: 0.7rem;
    padding-right: 8rem;
  }

  .challenge-info::after {
    width: calc(228px * 0.7);
    height: calc(286px * 0.7);
    margin-bottom: 0;
  }
}

.event_bg_blue::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  max-width: 204px;
  max-height: 153px;
  background: url("/image/event/260618/img_circle_left.png") no-repeat center center;
  position: absolute;
  left: -9rem;
  top: 5rem;
  z-index: -2;
}
.event_bg_blue::after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  max-width: 365px;
  max-height: 244px;
  background: url("/image/event/260618/img_circle_right.png") no-repeat center center;
  position: absolute;
  right: -7rem;
  top: 8rem;
  z-index: -2;
}

@media (max-width: 44.99em) {
  .event_bg_blue::before,
  .event_bg_blue::after {
    display: none;
  }
}
.challenge-figure {
  margin: 0;
  width: 100%;
  max-width: 22rem;
}

.challenge-figure img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 45em) {
  .challenge-wrap {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .challenge-head {
    margin-bottom: 5rem;
  }

  .challenge-head__quote {
    font-size: 2.4rem;
  }

  .challenge-head__title {
    font-size: 5rem !important;
    font-weight: 700 !important;
  }

  .challenge-area {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 2rem;
  }

  .challenge-info {
    flex: 1;
    max-width: 60rem;
    left: -5rem;
    padding-bottom: 0;
  }

  .challenge-info::after {
    bottom: -10rem;
    left: auto;
    right: -20%;
    transform: none;
    z-index: -1;
  }

  .challenge-info dt span,
  .challenge-info dd {
    font-size: 1.8rem;
  }

  .challenge-figure {
    flex-shrink: 0;
    width: 26rem;
    max-width: none;
    margin-bottom: -1rem;
  }
}

@media (min-width: 60em) {
  .challenge-wrap {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .challenge-head__quote {
    font-size: 5rem;
    font-weight: 700;
  }

  .challenge-head__title {
    font-size: 5rem;
  }

  .challenge-info dt span,
  .challenge-info dd {
    font-size: 1.8rem;
  }

  .challenge-info__item {
    gap: 2rem;
    margin-bottom: 1rem;
  }

  .challenge-info dt span {
    min-width: 5rem;
    padding: 0.8rem 1.6rem 0.6rem;
  }

  .challenge-figure {
    width: 32rem;
  }
}

/* 경품, 상장 */
.prize-wrap {
  background-color: #f9f7e6;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.prize-wrap .l-event {
  max-width: 98rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.prize-box,
.cert-box {
  background-color: #fff;
  border-radius: 2.4rem;
  padding: 1.6rem;
  padding-bottom: 1.6rem;
}

.prize-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.4rem;
}

.prize-list__item {
  position: relative;
  text-align: center;
}

.prize-list__thumb {
  margin: 0 auto;
  max-width: 28rem;
}

.prize-list__thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.prize-list__name {
  margin: 0 0 0.4rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #333;
}

.prize-list__gift {
  margin: 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.03em;
  color: #333;
}

.prize-list__gift em {
  font-style: normal;
  font-family: inherit;
  color: #e03a3a;
  font-weight: 700;
}

.prize-list__item--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.prize-list__thumb--trophy {
  max-width: 20rem;
  margin-bottom: 0;
}

.prize-list__info {
  width: 100%;
}

.prize-list__info p {
  position: relative;
  margin: 0 0 0.6rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.035em;
  color: #897e70;
  word-break: keep-all;
  width: 110%;
  padding-left: 0.6rem;
}
.prize-list__info p em {
  position: absolute;
  top: 2px;
  left: -1rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: #897e70;
}
.prize-list__info p strong {
  font-weight: 600;
}

.prize-list__info p:last-child {
  margin-bottom: 0;
}

@media (max-width: 44.99em) {
  .prize-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.2rem;
  }

  .prize-list__item--info {
    grid-column: 1 / -1;
    text-align: center;
  }

  .prize-list__thumb--trophy {
    max-width: 14rem;
    margin-bottom: 1.2rem;
  }

  .prize-list__info {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.6rem 1.4rem;
    border: 2px solid #eee7d4;
    border-radius: 1.6rem;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
  }

  .prize-list__info p {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .prize-list__info p em {
    position: static;
    display: inline;
    margin-right: 0.2rem;
  }

  .prize-list__name {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .prize-list__gift {
    font-size: 1.8rem;
  }
}

.cert-box {
  text-align: center;
}

.cert-box__frame {
  margin: 0 auto 1.6rem;
  padding: 1.2rem;
  border: 2px solid #eee7d4;
  border-radius: 3rem;
  background-color: #fff;
  overflow: hidden;
}

.cert-box__frame img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 44.99em) {
  .cert-box__frame {
    padding: 0;
    border: 1px solid #fff;
    border-radius: 0rem;
    background-color: transparent;
  }
}

.cert-box__note {
  margin: 0;
  font-family: "Gmarket Sans", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: #897e70;
  word-break: keep-all;
}

.label_001::after {
  content: "부문별\A 1명";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4rem;
  height: 10.7rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Paperlogy", sans-serif;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: pre;
  position: absolute;
  top: -2rem;
  right: -2rem;
  background: url("/image/event/260618/img_plebel01.png") no-repeat center center;
  background-size: contain;
}
.label_002::after {
  content: "부문별\A 3명";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4rem;
  height: 10.7rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Paperlogy", sans-serif;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: pre;
  position: absolute;
  top: -2rem;
  right: -2rem;
  background: url("/image/event/260618/img_plebel01.png") no-repeat center center;
  background-size: contain;
}
.label_003::after {
  content: "부문별\A 5명";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4rem;
  height: 10.7rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Paperlogy", sans-serif;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: pre;
  position: absolute;
  top: -2rem;
  right: -2rem;
  background: url("/image/event/260618/img_plebel01.png") no-repeat center center;
  background-size: contain;
}
.label_004::after {
  content: "총\A 200명";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4rem;
  height: 10.7rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Paperlogy", sans-serif;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: pre;
  position: absolute;
  top: -2rem;
  right: -2rem;
  background: url("/image/event/260618/img_plebel02.png") no-repeat center center;
  background-size: contain;
}


@media (min-width: 45em) {
  .prize-wrap {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .prize-box,
  .cert-box {
    padding: 3rem 2.4rem;
  }

  .prize-wrap .l-event {
    gap: 6rem;
  }

  .prize-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem 3rem;
  }

  .prize-list__item--info {
    grid-column: 1 / -1;
  }

  .prize-list__name {
    font-size: 1.8rem;
  }

  .prize-list__gift {
    font-size: 1.8rem;
  }

  .prize-list__info p,
  .cert-box__note {
    font-size: 1.4rem;
  }
}

@media (min-width: 60em) {
  .prize-wrap {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .prize-box,
  .cert-box {
    padding: 7rem;
    border-radius: 6rem;
  }

  .prize-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6rem;
  }

  .prize-list__item--info {
    grid-column: auto;
  }

  .prize-list__name {
    font-size: 1.8rem;
  }

  .prize-list__gift {
    font-size: 2.2rem;
  }

  .prize-list__info p,
  .cert-box__note {
    position: relative;
    top: 2rem;
    font-size: 1.7rem;
    color: #897e70;
  }
}

/* 모두에게 드리는 선물 */
.participant-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 6rem;
  color: #fff;
  background-color: #2b125a;
}

.participant-wrap .l-event {
  max-width: 98rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.participant-gift {
  position: relative;
  text-align: center;
}

.participant-gift__badge {
  display: inline-block;
  margin-bottom: 2rem;
}

.participant-gift__badge img {
  display: block;
  width: 12rem;
  height: auto;
  margin: 0 auto;
}

.participant-head {
  position: relative;
  margin-bottom: 3rem;
}
.participant-head::before {
  content: "참가자\A전원제공";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 16.3rem;
  height: 16.3rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: pre;
  color: #ff825b;
  background: url("/image/event/260618/img_pbg_flower.png") no-repeat top center;
  background-size: contain;
  position: absolute;
  top: -1rem;
  left: -9rem;
}

@media (max-width: 44.99em) {
  .participant-head {
    padding-top: 12rem;
    text-align: center;
  }

  .participant-head::before {
    top: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 11rem;
    max-width: 11rem;
    height: 11rem;
    font-size: 1.8rem;
  }

  .participant-head__sub,
  .participant-head__title {
    font-size: 32px;
    font-weight: 700 !important;
  }
}
.post-contents h2 {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
  ;
}
.participant-head__sub {
  margin: 0 0 0.8rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: #fff;
}

.participant-head__sub em {
  font-style: normal;
  color: #ffd481;
}
.participant-head__sub em.red {
  color: #ff825b;
}
.participant-head__title {
  margin: 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.05em;
  color: #fff;
}

.participant-head__title em {
  font-style: normal;
  color: #ffd481;
}

.participant-gift-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.participant-gift-list__item {
  width: 100%;
  max-width: 24rem;
}

.participant-gift-list__thumb {
  position: relative;
  margin: 0 auto 1.2rem;
  padding: 0;
  border-radius: 6rem;
  background-color: #fff;
  overflow: hidden;
  max-height: 27rem;
  height: 27rem;
}

.participant-gift-list__thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.participant-gift-list__name {
  margin: 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.05em;
  color: #fff;
  margin-top: 2rem !important;
}

.participant-gift-list__note {
  margin: 0.8rem 0 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.025em;
  color: rgba(255, 255, 255, 0.65);
  word-break: keep-all;
}

.participant-gift-list__plus {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}

.participant-gift-list__plus img {
  display: block;
  width: 3.2rem;
  height: auto;
  margin: 0 auto;
}

.participant-step {
  position: relative;
  padding: 3rem 2rem;
  border-radius: 2.4rem;
  background-color: #fff;
  color: #222;
}

.participant-step__head {
  margin-bottom: 2.4rem;
  text-align: center;
}

.participant-step__title {
  margin: 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.05em;
  background: linear-gradient(90deg, #8c61d4 0%, #788bd4 45%, #59a9c9 65%, #45c6b1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.participant-step__flags {
  position: absolute;
  top: 0;
  right: 0;
  width: 17.6rem !important;
  height: auto;
}

.participant-step__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.participant-step__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 1.6rem 0;
}

.participant-step__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.participant-step__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  padding: 0.5rem 1.4rem;
  border-radius: 3rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #fff;
  flex-shrink: 0;
}

.participant-step__label--1,
.participant-step__label--2,
.participant-step__label--3,
.participant-step__label--4 {
  background: linear-gradient(90deg, #8e64d1 0%, #788bd4 35%, #59a9c9 65%, #45c6b1 100%);
}

.participant-step__cont {
  flex: 1;
  min-width: 0;
}

.participant-step__txt {
  margin: 0 0 0.6rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.025em;
  color: #333;
  word-break: keep-all;
}

.participant-step__txt:last-child {
  margin-bottom: 0;
}

.participant-step__desc {
  margin: 0 0 0.8rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: #777;
  word-break: keep-all;
  margin-top: 1rem !important;
}

.participant-step__tags {
  margin: 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.05em;
  color: #8b6fd6;
  word-break: keep-all;
}

.participant-cta {
  text-align: center;
}

.participant-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  width: 100%;
  max-width: 40rem;
  height: 7rem;
  border-radius: 5rem;
  background: linear-gradient(90deg, #7b4fb8 0%, #5b6fd6 40%, #2dd4bf 100%);
  color: #fff;
  font-family: "Paperlogy", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(123, 79, 184, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s, box-shadow 0.2s;
}

.participant-btn:hover,
.participant-btn:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(123, 79, 184, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
  color: #fff;
}

.participant-btn__icon {
  display: inline-flex;
  /* width: 3.2rem;
  height: 3.2rem; */
}

.participant-btn__icon img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 44.99em) {
  .participant-btn {
    font-size: 2.6rem;
  }
}

@media (min-width: 45em) {
  .participant-wrap {
    padding-top: 6rem;
    padding-bottom: 7rem;
  }

  .participant-wrap .l-event {
    gap: 3rem;
  }

  .participant-head__sub {
    font-size: 2.4rem;
  }

  .participant-head__title {
    font-size: 3.2rem;
  }

  .participant-gift-list {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .participant-gift-list__item {
    flex: 1;
    max-width: 27rem;
  }

  .participant-gift-list__plus {
    align-self: flex-start;
    margin-top: 13.5rem;
    transform: translateY(-50%);
  }

  .participant-gift-list__plus img {
    width: 5.2rem;
  }

  .participant-step {
    padding: 4rem 3rem;
    border-radius: 3rem;
  }

  .participant-step__title {
    font-size: 3.4rem;
  }

  .participant-step__flags {
    width: 10rem;
  }

  .participant-step__item {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
    padding: 1.6rem 0;
  }

  .participant-step__txt {
    font-size: 1.8rem;
  }

  .participant-step__desc,
  .participant-step__tags {
    font-size: 1.4rem;
  }

  .participant-btn {
    max-width: 44rem;
    height: 8rem;
    font-size: 2.4rem;
  }
}
.participant-gift-list__thumb.plus-img {
  overflow: initial !important;
}
.plus-img img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -3rem;
  width: 166px !important;
  height: auto !important;
}
.participant-step__tags {
  margin-top: 1rem !important;
}
@media (min-width: 60em) {
  .participant-wrap {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .participant-head__sub {
    font-size: 5rem;
    color: #fff;
    font-weight: 700;
  }
  .post-contents h2 {
    font-size: 5rem;
    color: #fff;
    font-weight: 700;
  }

  .post-contents h2.participant-step__title {
    font-size: 7rem;
    margin-bottom: 0;
    background: linear-gradient(90deg, #8e64d1 40%, #788bd4 45%, #59a9c9 55%, #45c6b1 60%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-bottom: 3rem;
  }

  .post-contents h2.theme-head__title {
    margin-bottom: 0;
    color: #1a2847;
  }
  .participant-head__title {
    font-size: 4rem;
  }

  .participant-gift-list__name {
    font-size: 3rem;
    font-weight: 500;
  }

  .participant-gift-list__note {
    font-size: 1.8rem;
    margin-top: 1rem !important;
    width: 110%;
  }

  .participant-step {
    padding: 6rem;
    border-radius: 6rem;
  }

  .participant-step__title {
    font-size: 4rem;
  }

  .participant-step__label,
  .participant-step__label--1,
  .participant-step__label--2,
  .participant-step__label--3,
  .participant-step__label--4 {
    min-width: 8rem;
    font-size: 2.2rem;
    background: linear-gradient(90deg, #8e64d1 0%, #788bd4 35%, #59a9c9 65%, #45c6b1 100%);
    text-align: center;
  }

  .participant-step__txt {
    font-size: 2.6rem;
  }

  .participant-step__desc,
  .participant-step__tags {
    font-size: 1.8rem;
  }

  .participant-btn {
    max-width: 40rem;
    height: 9rem;
    font-size: 4rem;
  }
}

/* 발표 주제 추천 */
.theme-wrap--2026 {
  background-color: #e1e9f9;
}

.theme-wrap--2026 .l-event {
  max-width: 98rem;
}

.theme-wrap--2026 .theme-head {
  margin-bottom: 3rem;
}

.theme-wrap--2026 .theme-head__sub {
  margin: 0 0 0.8rem;
  font-family: "Paperlogy", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.05em;
  color: #1a2847;
  opacity: 1;
}

.theme-wrap--2026 .theme-head__sub em {
  font-style: normal;
  color: #e84b8a;
  font-weight: 700;
}
.theme-wrap--2026 .theme-head__sub em.blue {
  color: #4b32e1;
}
.theme-wrap--2026 .theme-head__title {
  margin: 0;
  font-family: "Paperlogy", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.05em;
  color: #1a2847;
}

.theme-wrap--2026 .theme-card {
  overflow: hidden;
  border-radius: 2.4rem;
  background-color: #fff;
  box-shadow: inherit;
}

.theme-wrap--2026 .theme-table {
  border-radius: 0;
  background-color: transparent;
  padding: 6rem 6rem 0 6rem;
}

.theme-wrap--2026 .theme-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 16px;
}

.theme-wrap--2026 .theme-table th,
.theme-wrap--2026 .theme-table td {
  font-family: "Paperlogy", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.05em;
  border: 0;
}

.theme-wrap--2026 .theme-table thead th {
  padding: 1.6rem 1.2rem;
  color: #fff;
  background-color: #343a4b;
  border: 0;
}

.theme-wrap--2026 .theme-table thead th:first-child {
  border-radius: 16px 0 0 16px;
}

.theme-wrap--2026 .theme-table thead th:last-child {
  border-radius: 0 16px 16px 0;
}

.theme-wrap--2026 .theme-table thead th + th {
  border-left: 0;
}

.theme-wrap--2026 .theme-table tbody th,
.theme-wrap--2026 .theme-table tbody td {
  padding: 2rem 1.6rem;
  border: 0;
  vertical-align: middle;
}

.theme-wrap--2026 .theme-table tbody tr th:first-child {
  border-radius: 16px 0 0 0;
  font-weight: 600;
}

.theme-wrap--2026 .theme-table tbody tr td:last-child {
  border-radius: 0 0 16px 0;
}

.theme-wrap--2026 .theme-table tbody th {
  width: 11rem;
  text-align: center;
}

.theme-wrap--2026 .theme-table tbody td {
  text-align: left;
}

.theme-wrap--2026 .theme-table__row--01 th {
  background-color: #ffe6ce;
}

.theme-wrap--2026 .theme-table__row--01 td {
  background-color: #fff4e6;
}

.theme-wrap--2026 .theme-table__row--02 th {
  background-color: #fff6c5;
}

.theme-wrap--2026 .theme-table__row--02 td {
  background-color: #ffffe6;
}

.theme-wrap--2026 .theme-table__row--03 th {
  background-color: #d0f3e2;
}

.theme-wrap--2026 .theme-table__row--03 td {
  background-color: #e6f9f0;
}

.theme-wrap--2026 .theme-table__row--04 th {
  background-color: #d8e9ff;
}

.theme-wrap--2026 .theme-table__row--04 td {
  background-color: #ebf4ff;
}

.theme-wrap--2026 .theme-table ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.theme-wrap--2026 .theme-table li {
  padding: 0.2rem 0;
  font-weight: 500;
}

.theme-wrap--2026 .theme-table li + li {
  border-top: 0;
}

.theme-wrap--2026 .theme-table ul + ul {
  border-top: 1px solid rgba(26, 40, 71, 0.08);
}

.theme-wrap--2026 .theme-foot {
  padding: 2rem 2rem 2.4rem;
  text-align: center;
}

.theme-wrap--2026 .theme-foot__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: left;
}

.theme-wrap--2026 .theme-foot__list li {
  font-family: "Paperlogy", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.05em;
  color: #999;
  word-break: keep-all;
  text-align: center;
}

.theme-wrap--2026 .theme-foot__list li + li {
  margin-top: 0.4rem;
}

@media (max-width: 44.99em) {
  .theme-wrap--2026 .theme-card {
    border-radius: 1.6rem;
  }

  .theme-wrap--2026 .theme-table {
    padding: 2rem 1.2rem 0;
    overflow: visible;
  }

  .theme-wrap--2026 .theme-table table {
    display: block;
    width: 100%;
    border-spacing: 0;
  }

  .theme-wrap--2026 .theme-table thead {
    display: none;
  }

  .theme-wrap--2026 .theme-table tbody {
    display: block;
    width: 100%;
  }

  .theme-wrap--2026 .theme-table tbody tr {
    display: block;
    width: 100%;
    margin-bottom: 1.2rem;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .theme-wrap--2026 .theme-table tbody tr:last-child {
    margin-bottom: 0;
  }

  .theme-wrap--2026 .theme-table tbody th,
  .theme-wrap--2026 .theme-table tbody td {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 1.2rem 1.4rem;
    font-size: 1.6rem;
    border-radius: 0;
    box-sizing: border-box;
  }

  .theme-wrap--2026 .theme-table tbody tr th:first-child {
    border-radius: 0;
    border-right: 0;
  }

  .theme-wrap--2026 .theme-table tbody th {
    width: 100%;
    text-align: center;
    font-weight: 700;
  }

  .theme-wrap--2026 .theme-table tbody td {
    padding-top: 1rem;
  }

  .theme-wrap--2026 .theme-table .flex {
    display: block;
  }

  .theme-wrap--2026 .theme-table .flex ul + ul {
    border-top: 1px solid rgba(26, 40, 71, 0.08);
    margin-top: 0.4rem;
    padding-top: 0.4rem;
  }

  .theme-wrap--2026 .theme-table li {
    font-size: 1.6rem;
    line-height: 1.45;
    word-break: keep-all;
  }

  .theme-wrap--2026 .theme-foot {
    padding: 1.6rem 1.2rem 2rem;
  }
}

.participant-head__title {
  margin-bottom: 7rem !important;
}

@media (min-width: 45em) {
  .theme-wrap--2026 .theme-head__sub {
    font-size: 2.8rem;
  }

  .theme-wrap--2026 .theme-head__title {
    font-size: 3.4rem;
  }

  .theme-wrap--2026 .theme-table th,
  .theme-wrap--2026 .theme-table td {
    font-size: 1.8rem;
  }

  .theme-wrap--2026 .theme-table tbody th {
    width: 13rem;
  }

  .theme-wrap--2026 .theme-table .flex {
    display: flex;
  }

  .theme-wrap--2026 .theme-table .flex ul {
    flex: 1;
  }

  .theme-wrap--2026 .theme-table .flex ul + ul {
    border-top: 0;
    /* border-left: 1px solid rgba(26, 40, 71, 0.08); */
  }

  .theme-wrap--2026 .theme-foot__list li {
    font-size: 1.4rem;
  }
}

@media (min-width: 60em) {
  .theme-wrap--2026 .theme-head {
    margin-bottom: 7rem;
  }

  .theme-wrap--2026 .theme-head__sub {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 0;
  }

  .theme-wrap--2026 .theme-head__title {
    font-size: 5rem;
  }

  .theme-wrap--2026 .theme-card {
    border-radius: 6rem;
  }

  .theme-wrap--2026 .theme-table thead th {
    padding: 2rem 1.6rem;
    font-size: 2rem;
  }

  .theme-wrap--2026 .theme-table tbody th,
  .theme-wrap--2026 .theme-table tbody td {
    padding: 2.4rem 4rem;
    font-size: 2rem;
  }

  .theme-wrap--2026 .theme-table tbody th {
    width: 13rem;
  }

  .theme-wrap--2026 .theme-foot {
    padding: 2rem 3rem 6rem 3rem;
  }

  .theme-wrap--2026 .theme-foot__list li {
    font-size: 1.8rem;
    margin-top: 0 !important;
  }
}

@media (max-width: 59.99em) {
  .participant-step__flags {
    width: 11.6rem !important;
  }
  .post-contents h2 {
    margin-bottom: 3rem;
    font-size: 3.2rem;
    font-weight: 700;
  }

  .post-contents h2.kv-head__title,
  .post-contents h2.theme-head__title {
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.15;
  }

  .post-contents h2.participant-step__title {
    margin-bottom: 3rem;
    margin-top: 4rem;
    font-size: 3.2rem;
  }
  .label_001::after, .label_002::after, .label_003::after, .label_004::after {
    width: 9rem;
    height: 9rem;
    top: -2rem;
    right: -1rem;
    font-size: 1.6rem;
  }
  .prize-list__item {
    padding: 1rem 0;
  }
  .cert-box__note {
    font-size: 1.5rem;
    padding: 2rem;
    opacity: .6;
  }
  .prize-list__name {
    color: #777;
  }
  .participant-gift-list__thumb {
    max-height: 24rem;
  }
  h2.participant-head__title {
    margin-bottom: 4rem !important;
  }
  .theme-wrap--2026 .theme-head__sub {
    margin-bottom: 0;
  }
  .post-contents h2.theme-head__title {
    margin-top: 0;
    font-size: 3.2rem;
    line-height: 1.35;
  }
  .kv-head__title em {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .participant-btn__icon {
    width: 2.6rem;
    height: 2.6rem;
  }
  .prize-list__info p strong {
    font-weight: 400;
  }
}

/* 상단 네비·풋터 NotoSans */
#header,
#header *,
#footer,
#footer * {
  font-family: "NotoSans", sans-serif !important;
}

#header .icon:before,
#header .icon:after,
#header [class*="icon-"]:before,
#header [class*="icon-"]:after,
#footer .icon:before,
#footer .icon:after,
#footer [class*="icon-"]:before,
#footer [class*="icon-"]:after {
  font-family: "icon" !important;
}