@charset "UTF-8";
/* stylelint-disable-next-line scss/at-mixin-pattern */
@keyframes fade-in {
  0% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
/* color */
/* shadow */
/* overlay */
/* 완전 불투명 */
/* 30% 불투명도 */
/* 70% 불투명도 */
/* 80% 불투명도 */
.button {
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  height: 46px;
  background-color: #000000;
  color: #ffffff;
  font-weight: 700;
  /* stylelint-disable-next-line no-missing-end-of-source-newline */
  transition: background-color 0.6s ease;
  will-change: background-color;
}
.button [class*=ico] {
  width: 24px;
  height: 24px;
}
.button .ico_arrow_left {
  margin-right: 8px;
}
.button .ico_arrow_right {
  margin-left: 8px;
}
.button:disabled, .button.disable {
  color: #D9D9D6;
  background-color: #F2F2F2;
  cursor: default;
}
.button span {
  color: inherit;
  font-weight: inherit;
}
.button.btn_func {
  justify-content: space-between;
}
.button.btn_primary {
  justify-content: space-between;
}
.button.btn_primary:hover {
  background-color: #EFDF00;
  color: #000000;
}
.button.btn_primary:focus {
  background-color: #000000;
  color: #ffffff;
}
.button.btn_primary {
  color: #ffffff;
}
.button.btn_primary [class*=ico] {
  background-color: #ffffff;
}
.button.btn_primary:hover {
  color: #000000;
}
.button.btn_primary:hover [class*=ico] {
  background-color: #000000;
}
.button.btn_primary:focus {
  color: #ffffff;
}
.button.btn_primary:focus [class*=ico] {
  background-color: #ffffff;
}
.button.btn_primary:disabled, .button.btn_primary.disable {
  color: #D9D9D6;
  background-color: #f2f2f2;
  cursor: default;
}
.button.btn_primary_super {
  background-color: #EFDF00;
  color: #000000;
}
.button.btn_primary_super:hover, .button.btn_primary_super:focus {
  background-color: #F8EB4C;
}
.button.btn_primary_super:disabled, .button.btn_primary_super.disable {
  color: #D9D9D6;
  background-color: #f2f2f2;
  cursor: default;
}
.button.btn_primary_super:disabled [class^=ico], .button.btn_primary_super.disable [class^=ico] {
  background-color: #D9D9D6;
}
.button.btn_secondary {
  color: #000000;
  border: 1px solid #000000;
  background-color: #ffffff;
  box-sizing: border-box;
}
.button.btn_secondary:hover {
  color: #ffffff;
  background-color: #000000;
}
.button.btn_secondary:disabled, .button.btn_secondary.disable {
  color: #D9D9D6;
  background-color: #ffffff;
  border-color: #D9D9D6;
  cursor: default;
}
.button.btn_ghost {
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
}
.button.btn_ghost:hover {
  color: #ffffff;
}
.button.btn_ghost:hover [class*=ico] {
  background-color: #ffffff;
}
.button.btn_ghost:hover {
  background-color: #000000;
}
.button.btn_ghost:focus {
  color: #000000;
}
.button.btn_ghost:focus [class*=ico] {
  background-color: #000000;
}
.button.btn_ghost:focus {
  background-color: #ffffff;
}
.button.btn_ghost.black {
  color: #ffffff;
}
.button.btn_ghost.black [class*=ico] {
  background-color: #ffffff;
}
.button.btn_ghost.black {
  border: 1px solid #ffffff;
}
.button.btn_ghost.black:hover {
  color: #000000;
}
.button.btn_ghost.black:hover [class*=ico] {
  background-color: #000000;
}
.button.btn_ghost.black:hover {
  background-color: #ffffff;
}
.button.btn_ghost.black:focus {
  color: #ffffff;
}
.button.btn_ghost.black:focus [class*=ico] {
  background-color: #ffffff;
}
.button.btn_ghost.black:focus {
  background-color: #000000;
}
.button.btn_ghost.overlay {
  color: rgba(0, 0, 0, 0);
}
.button.btn_ghost.overlay [class*=ico] {
  background-color: rgba(0, 0, 0, 0);
}
.button.btn_ghost.overlay {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button.btn_ghost.overlay:hover {
  color: rgba(0, 0, 0, 0);
}
.button.btn_ghost.overlay:hover [class*=ico] {
  background-color: rgba(0, 0, 0, 0);
}
.button.btn_ghost.overlay:hover {
  background-color: #ffffff;
  color: #000000;
}
.button.btn_ghost.overlay:focus {
  color: rgba(0, 0, 0, 0);
}
.button.btn_ghost.overlay:focus [class*=ico] {
  background-color: rgba(0, 0, 0, 0);
}
.button.btn_ghost.overlay:focus {
  background-color: #000000;
  color: #ffffff;
}
.button.btn_white_ghost {
  color: #fff;
  background: transparent;
  border: 1px solid #fff !important;
}
.button.btn_white_ghost:hover {
  color: #000;
  background-color: #fff;
}
.button.btn_full {
  width: 100%;
  justify-content: center;
}

.txtbutton {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

.btn_link {
  position: relative;
  display: inline-block;
  padding-right: 24px;
  line-height: 24px;
  font-weight: 700;
}
.btn_link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  mask: url("../img/icons/ico_arrow_right_v2.svg") no-repeat center center;
  mask-size: cover;
  background-color: #EFDF00;
}
.btn_link:hover:after {
  background-color: #000000;
}
.btn_link:disabled, .btn_link.disable {
  color: #D9D9D6;
  cursor: default;
}
.btn_link:disabled:after, .btn_link.disable:after {
  background-color: #D9D9D6;
}

.btn_line_primary,
.btn_line_second {
  display: inline-block;
  line-height: 32px;
  font-weight: 700;
  vertical-align: middle;
}

.btn_line_primary {
  border-bottom: 2px solid #EFDF00;
  box-sizing: unset;
}
.btn_line_primary:hover {
  border-color: #000000;
}
.btn_line_primary:disabled, .btn_line_primary.disable {
  color: #D9D9D6;
  border-color: #D9D9D6;
  cursor: default;
}

.btn_line_second {
  position: relative;
}
.btn_line_second:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  border-bottom: 1px solid #000000;
}
.btn_line_second:disabled, .btn_line_second.disable {
  color: #D9D9D6;
  cursor: default;
}
.btn_line_second:disabled:after, .btn_line_second.disable:after {
  border-color: #D9D9D6;
}

.btn_icon {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}
.btn_icon [class^=ico_] {
  width: 24px;
  height: 24px;
}
.btn_icon:disabled, .btn_icon.disable {
  color: #D9D9D6;
}
.btn_icon:disabled [class*=ico], .btn_icon.disable [class*=ico] {
  background-color: #D9D9D6;
}
.btn_icon:disabled, .btn_icon.disable {
  cursor: default;
}

:root {
  --pc-scale: calc(1cqi / 20);
  --mo-scale: calc(1cqi / 10.8);
}

html,
body {
  margin: 0;
  padding: 0;
  max-width: 980px;
  scroll-behavior: auto !important;
}

.__desktop {
  display: block;
}

.__mobile {
  display: none;
}

@media screen and (max-width: 1024px) {
  .__desktop {
    display: none;
  }
  .__mobile {
    display: block !important;
  }
}
area {
  cursor: pointer;
}

.ex {
  display: none !important;
}
.ex.show {
  display: block !important;
}

[class^=ico] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000000;
}
[class^=ico].wh {
  background-color: #ffffff;
}

.ico_arrow_left {
  -webkit-mask: url("../img/ico_arrow_left.svg") no-repeat center center;
  mask: url("../img/ico_arrow_left.svg") no-repeat center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.ico_arrow_right {
  -webkit-mask: url("../img/ico_arrow_right.svg") no-repeat center center;
  mask: url("../img/ico_arrow_right.svg") no-repeat center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.article_wrap,
.content_area {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 980px;
  height: calc(100% - 40px);
  padding-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  container-type: inline-size;
}

.event_wrap .header_section .article_wrap {
  max-width: 980px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}
.event_wrap .header_section .article_wrap > div {
  margin-top: 16px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #656666;
}
.event_wrap .event_view {
  padding-top: 0;
}

.event_view {
  width: 100%;
  padding-top: 90px;
}
.event_view-wrap {
  position: relative;
  width: 100%;
  padding: 0;
  max-width: 980px;
}
.event_view * {
  box-sizing: border-box;
  line-height: 1.2;
}
.event_view img {
  max-width: 100%;
}
.event_view .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.event_view .bold {
  font-weight: 600;
}
.event_view .evt-intro {
  position: relative;
}
.event_view .evt-intro .title-wrap {
  display: flex;
  flex-direction: column;
  padding: calc(135 * var(--pc-scale)) calc(80 * var(--pc-scale));
  gap: calc(20 * var(--pc-scale));
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: left;
  z-index: 1;
}
@media (max-width: 670px) {
  .event_view .evt-intro .title-wrap {
    padding: calc(70 * var(--mo-scale)) calc(80 * var(--mo-scale));
    gap: calc(15 * var(--mo-scale));
  }
}
.event_view .evt-intro .title-wrap .title {
  font-size: calc(150 * var(--pc-scale));
  font-weight: 700;
}
@media (max-width: 670px) {
  .event_view .evt-intro .title-wrap .title {
    font-size: calc(90 * var(--mo-scale));
  }
}
.event_view .evt-intro .title-wrap .sub-title {
  font-size: calc(72 * var(--pc-scale));
  font-weight: 700;
}
@media (max-width: 670px) {
  .event_view .evt-intro .title-wrap .sub-title {
    font-size: calc(55 * var(--mo-scale));
  }
}
.event_view .evt-intro .title-wrap .desc {
  font-size: calc(50 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-intro .title-wrap .desc {
    font-size: calc(37 * var(--mo-scale));
  }
}
.event_view .evt-intro .title-wrap .btn-wrap {
  margin-top: calc(70 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-intro .title-wrap .btn-wrap {
    margin-top: calc(30 * var(--mo-scale));
  }
}
.event_view .evt-intro .title-wrap .btn-wrap .button {
  width: calc(700 * var(--pc-scale));
  height: calc(140 * var(--pc-scale));
  font-size: calc(48 * var(--pc-scale));
  border-width: calc(3 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-intro .title-wrap .btn-wrap .button {
    width: calc(490 * var(--mo-scale));
    height: calc(98 * var(--mo-scale));
    font-size: calc(33.6 * var(--mo-scale));
    border-width: calc(2 * var(--mo-scale));
  }
}
.event_view .evt-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  text-align: center;
  width: 100%;
}
.event_view .evt-content .title {
  font-size: calc(100 * var(--pc-scale));
  font-weight: 700;
}
@media (max-width: 670px) {
  .event_view .evt-content .title {
    font-size: calc(75 * var(--mo-scale));
  }
}
.event_view .evt-content .sub-title {
  font-size: calc(85 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-content .sub-title {
    font-size: calc(65 * var(--mo-scale));
  }
}
.event_view .evt-content .text {
  font-size: calc(65 * var(--pc-scale));
  letter-spacing: -1px;
}
@media (max-width: 670px) {
  .event_view .evt-content .text {
    font-size: calc(55 * var(--mo-scale));
  }
}
.event_view .evt-content .sub-desc {
  font-size: calc(40 * var(--pc-scale));
  color: #989898;
}
@media (max-width: 670px) {
  .event_view .evt-content .sub-desc {
    font-size: calc(24 * var(--mo-scale));
  }
}
.event_view .evt-content .text-wrap {
  display: flex;
  flex-direction: column;
  gap: calc(100 * var(--pc-scale));
}
.event_view .evt-content .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(67 * var(--pc-scale));
  width: 100%;
}
@media (max-width: 670px) {
  .event_view .evt-content .btn-wrap {
    flex-direction: column;
  }
}
.event_view .evt-content .btn-wrap .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(700 * var(--pc-scale));
  height: calc(140 * var(--pc-scale));
  font-size: calc(48 * var(--pc-scale));
  border-width: calc(4 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-content .btn-wrap .button {
    width: 100%;
    height: calc(120 * var(--mo-scale));
    font-size: calc(48 * var(--mo-scale));
    border-width: calc(2 * var(--mo-scale));
  }
}
.event_view .evt-content .sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: calc(150 * var(--pc-scale)) 0;
  width: 100%;
}
@media (max-width: 670px) {
  .event_view .evt-content .sec {
    padding: calc(120 * var(--mo-scale)) calc(80 * var(--mo-scale));
  }
}
.event_view .evt-content .sec.p-0 {
  padding: 0;
}
.event_view .evt-content .sec-info {
  gap: calc(150 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-info {
    gap: calc(50 * var(--mo-scale));
  }
  .event_view .evt-content .sec-info .btn-wrap {
    gap: calc(50 * var(--mo-scale));
    margin-top: calc(64 * var(--mo-scale));
  }
}
.event_view .evt-content .sec-img {
  position: relative;
}
.event_view .evt-content .sec-img .text-wrap {
  padding-top: calc(300 * var(--pc-scale));
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  color: #fff;
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-img .text-wrap {
    padding-top: calc(135 * var(--mo-scale));
  }
  .event_view .evt-content .sec-img .text-wrap .title {
    font-size: calc(65 * var(--mo-scale));
  }
  .event_view .evt-content .sec-img .text-wrap .text {
    font-size: calc(40 * var(--mo-scale));
  }
}
.event_view .evt-content .sec-qna {
  display: flex;
  flex-direction: column;
  padding: calc(150 * var(--pc-scale)) calc(80 * var(--pc-scale));
  gap: calc(150 * var(--pc-scale));
  background-color: #f6f6f6;
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-qna {
    padding: calc(120 * var(--mo-scale)) calc(42 * var(--mo-scale));
    gap: calc(120 * var(--mo-scale));
  }
}
.event_view .evt-content .sec-qna .qna-wrap {
  background-color: #fff;
  counter-reset: q-number;
  padding: 0 calc(100 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-qna .qna-wrap {
    padding: calc(5.5 * var(--mo-scale)) calc(55 * var(--mo-scale));
  }
}
.event_view .evt-content .sec-qna .item {
  display: flex;
  flex-direction: column;
  padding: calc(140 * var(--pc-scale)) 0;
  text-align: left;
  gap: calc(60 * var(--pc-scale));
  border-bottom: calc(3 * var(--pc-scale)) solid #adadad;
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-qna .item {
    padding: calc(75 * var(--mo-scale)) 0 calc(60 * var(--mo-scale));
    gap: calc(32.5 * var(--mo-scale));
    border-bottom: 1px solid #adadad;
  }
}
.event_view .evt-content .sec-qna .item:last-child {
  border: none;
}
.event_view .evt-content .sec-qna .question {
  display: flex;
  align-items: flex-start;
  font-size: calc(65 * var(--pc-scale));
  font-weight: 700;
}
.event_view .evt-content .sec-qna .question::before {
  counter-increment: q-number;
  content: "Q" counter(q-number) ". ";
  flex-shrink: 0;
  margin-right: calc(12 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-qna .question {
    font-size: calc(43 * var(--mo-scale));
  }
}
.event_view .evt-content .sec-qna .answer {
  display: flex;
  align-items: flex-start;
  font-size: calc(60 * var(--pc-scale));
  letter-spacing: calc(-2.6 * var(--pc-scale));
}
.event_view .evt-content .sec-qna .answer::before {
  content: "A. ";
  flex-shrink: 0;
  margin-right: calc(12 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-content .sec-qna .answer {
    font-size: calc(35 * var(--mo-scale));
    letter-spacing: calc(-1.65 * var(--mo-scale));
  }
}
.event_view .evt-footer {
  display: flex;
  flex-direction: column;
  padding: calc(150 * var(--pc-scale)) calc(117 * var(--pc-scale));
  background-color: #000;
  color: #fff;
  gap: calc(100 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-footer {
    padding: calc(120 * var(--mo-scale)) calc(63 * var(--mo-scale));
  }
}
.event_view .evt-footer > div {
  display: flex;
  flex-direction: column;
  gap: calc(30 * var(--pc-scale));
}
.event_view .evt-footer .title {
  font-size: calc(48 * var(--pc-scale));
  font-weight: 600;
}
@media (max-width: 670px) {
  .event_view .evt-footer .title {
    font-size: calc(40 * var(--mo-scale));
  }
}
.event_view .evt-footer .content {
  font-size: calc(40 * var(--pc-scale));
  letter-spacing: calc(-2.6 * var(--pc-scale));
}
@media (max-width: 670px) {
  .event_view .evt-footer .content {
    font-size: calc(33 * var(--mo-scale));
    letter-spacing: calc(-1.65 * var(--mo-scale));
  }
}
.event_view .evt-footer .content ol {
  padding-left: calc(40 * var(--pc-scale));
  list-style: decimal;
}
@media (max-width: 670px) {
  .event_view .evt-footer .content ol {
    padding-left: calc(33 * var(--mo-scale));
  }
}
.event_view .evt-footer .content ol > li {
  margin-top: calc(10 * var(--pc-scale));
  padding-left: calc(5 * var(--pc-scale));
  list-style: decimal;
  line-height: 1.5 !important;
}
.event_view .evt-footer .content ul li {
  display: flex;
  align-items: flex-start;
  line-height: 1.5 !important;
}
.event_view .evt-footer .content ul li:before {
  content: "";
  flex-shrink: 0;
  width: 0.15em;
  height: 0.15em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.675em;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
}

/*# sourceMappingURL=event.css.map */