@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300ß&display=swap";
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("https://font.joongang.co.kr/v25/Pretendard-Light.woff2") format("woff2"), url("https://font.joongang.co.kr/v25/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://font.joongang.co.kr/v25/Pretendard-Regular.woff2") format("woff2"), url("https://font.joongang.co.kr/v25/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://font.joongang.co.kr/v25/Pretendard-Medium.woff2") format("woff2"), url("https://font.joongang.co.kr/v25/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://font.joongang.co.kr/v25/Pretendard-SemiBold.woff2") format("woff2"), url("https://font.joongang.co.kr/v25/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://font.joongang.co.kr/v25/Pretendard-Bold.woff2") format("woff2"), url("https://font.joongang.co.kr/v25/Pretendard-Bold.woff") format("woff");
}
html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar,
::-webkit-scrollbar-thumb {
  display: none;
}

main#container {
  display: block;
  overflow: hidden;
  height: 100%;
}

main.start_mode .main_page {
  display: block;
}

main.start_mode .quiz_page {
  display: none;
}

main.quiz_mode .main_page {
  display: none;
}

main.quiz_mode .quiz_page {
  display: block;
  padding-top: 60px;
}

@media only screen and (max-width: 985px) and (max-height: 663px) {
  main.isApp .main_page {
    height: auto !important;
  }
}

@media only screen and (max-width: 985px) {
  main.isApp .main_wrap {
    padding-bottom: 74px !important;
  }
}

@media only screen and (max-width: 985px) {
  main.isApp .quiz_page .quiz_item {
    padding-bottom: 168px !important;
  }
}

@media only screen and (max-width: 985px) {
  main.isApp .script_wrap.on {
    scroll-margin-bottom: 168px;
  }
}

@media only screen and (max-width: 985px) {
  main.isApp .quiz_page .info_popup {
    padding-bottom: 74px !important;
  }
}

@media only screen and (max-width: 985px) {
  main.isApp .popup_wrap .popup_body {
    padding-bottom: 114px !important;
  }
}

@media only screen and (max-width: 985px) {
  main.isApp .popup_wrap .btn_top {
    bottom: 114px !important;
  }
}

.header {
  top: 0 !important;
}

.sticky_title {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 307;
  height: 60px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}

@media (min-width: 986px) {
  .sticky_title {
    pointer-events: none;
  }
  .sticky_title a {
    pointer-events: auto;
  }
}

@media (max-width: 985px) {
  .sticky_title {
    display: none;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .sticky_title {
    left: 50%;
    width: 492px;
    transform: translateX(-50%);
  }
}
@media (min-width: 1280px) {
  .sticky_title {
    left: 50%;
    width: 746px;
    transform: translateX(-50%);
  }
}
.sticky_title::before {
  content: "";
  display: inline-flex;
  width: 2px;
  height: 20px;
  margin: 0 24px;
  background-color: #999;
}

@media (min-width: 986px) {
  body.overflow_hidden .sticky_title {
    display: none;
  }
}
.ds_footer {
  position: relative;
  padding: 18px 20px 17px;
  background: #3b3e40;
  overflow: hidden;
}

.ds_footer .footerWrap {
  margin: 0 auto;
  color: #d9d9d9;
  text-align: left;
  letter-spacing: 0;
  font-size: 11px;
}

.ds_footer .footerWrap .logoWrap a.j_logo {
  display: inline-block;
  width: 95px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='117'%3E%3Cpath d='M0 32.536h1.494l18.4-20.697h8.274V83.7l-8.274 7.935v1.49h37.248v-1.49L48.75 83.7V11.839h8.276L75.31 32.536h1.494V6.784H0v25.752zM80.714 8.62l8.97 4.485V84.16l-8.397 7.475v1.49h36.218v-1.49l-7.702-6.785V39.784c2.418-.808 5.406-1.268 8.392-1.268 7.24 0 10.807 2.872 10.807 10.923V84.85l-7.703 6.785v1.49h36.22V91.29l-8.396-7.13V49.9c0-14.26-9.654-22.422-21.27-22.422-1.033 0-1.724.23-5.864 2.528l-12.186 6.555V0h-1.727L80.714 6.902V8.62zm79.1 53.122c0 18.74 12.071 32.533 30.122 32.533 13.11 0 21.963-5.172 28.863-11.724l-.918-1.84c-4.257 1.95-9.543 3.103-14.258 3.103-13.687 0-21.27-8.624-22.996-23.686h39.896c-.577-21.266-12.299-32.651-29.666-32.651-20.12 0-31.043 15.755-31.043 34.265zm20.47-5.29v-3.448c0-10.693 3.218-21.385 9.996-21.385 4.371 0 9.431 5.519 9.431 23.454l-19.428 1.379zm68.865 55.419.573 1.837c18.746-1.955 33.23-13.452 33.23-31.618V16.9l8.171-8.16V6.784H253.75V8.74l8.278 8.16v74.39c0 11.15-4.602 15.867-12.878 20.58zm44.157-50.59c0 20.809 14.598 32.994 31.958 32.994 15.977 0 33.344-10.461 33.344-34.147 0-20.574-14.832-32.651-31.963-32.651-16.096 0-33.339 10.349-33.339 33.804zm21.267-3.796c0-15.174 3.335-25.866 10.233-25.866 8.736 0 12.534 15.98 12.534 31.618 0 15.98-4.029 26.903-10.12 26.903-8.512 0-12.647-16.327-12.647-32.655zm51.86 3.796c0 20.809 14.595 32.994 31.954 32.994 15.982 0 33.343-10.461 33.343-34.147 0-20.574-14.83-32.651-31.962-32.651-16.095 0-33.336 10.349-33.336 33.804zm21.264-3.796c0-15.174 3.335-25.866 10.233-25.866 8.736 0 12.532 15.98 12.532 31.618 0 15.98-4.025 26.903-10.12 26.903-8.51 0-12.645-16.327-12.645-32.655zm47.367-21.383 8.967 4.482V84.16l-8.39 7.475v1.49h36.214v-1.49l-7.697-6.785V39.784c2.413-.808 5.402-1.268 8.388-1.268 7.243 0 10.811 2.872 10.811 10.923V84.85l-7.706 6.785v1.49h36.22V91.29l-8.395-7.13V48.634c0-14.256-10.118-21.156-21.273-21.156-1.033 0-1.72.23-5.86 2.528l-12.185 6.555v-9.083h-1.727l-27.367 6.9v1.725zm106.356 80.365c16.553 0 32.305-9.085 34.031-23.342h26.787v-1.49l-11.845-8.165 5.29-14.832h27.366l5.061 15.522-9.197 7.475v1.49h74.39v-1.49l-7.708-6.785V39.784c2.417-.808 5.407-1.268 8.393-1.268 7.241 0 10.81 2.872 10.81 10.923V84.85l-7.712 6.785v1.49h36.226V91.29l-8.394-7.13V48.634c0-14.256-10.117-21.156-21.274-21.156-1.035 0-1.723.23-5.866 2.528l-12.183 6.555v-9.083h-1.723l-27.364 6.9v1.725l8.97 4.482V84.16l-7.823 7.014-7.7-7.014-25.87-77.377h-20.47v1.492l3.225 10.583-22.079 63.232-9.31 7.129c-.577-7.932-7.248-12.421-15.405-12.421h-24.605c-5.292 0-7.246-2.065-7.246-4.708 0-1.152.344-2.53 1.033-3.682 3.798 1.382 8.054 2.07 12.767 2.07 16.788 0 26.672-9.197 26.672-21.5 0-5.173-2.065-10.81-5.288-14.028l13.564 6.9h1.61V27.365h-1.61l-17.358 4.369c-4.256-2.755-10.119-4.255-16.908-4.255-16.78 0-26.558 9.204-26.558 21.5 0 8.162 3.685 14.372 9.892 17.938-4.718 3.446-9.199 8.275-11.036 13.336v1.612L527.16 92.44c-5.75 1.954-11.609 6.435-13.34 12.07 3.8 6.554 13.34 11.957 27.601 11.957zm-12.649-16.097c0-2.531.807-5.746 1.722-7.245h26.79c3.334 0 4.832 2.647 4.832 5.41 0 7.466-8.853 13.218-19.314 13.218-9.202 0-14.03-5.172-14.03-11.383zm6.091-55.298c0-10.81 3.104-13.803 6.671-13.803 5.171 0 8.39 10.238 8.39 21.735 0 10.809-3.219 13.68-6.547 13.68-5.41 0-8.514-10.232-8.514-21.612zm62.432 18.277 12.42-35.872 11.612 35.872h-24.032zm137.97 41.162c3.798 6.553 13.336 11.956 27.597 11.956 17.478 0 34.15-10.12 34.15-25.867 0-8.857-6.906-13.802-15.529-13.802h-24.6c-5.292 0-7.245-2.065-7.245-4.708 0-1.152.343-2.53 1.036-3.682 3.792 1.382 8.046 2.07 12.763 2.07 16.788 0 26.67-9.197 26.67-21.5 0-5.173-2.066-10.81-5.287-14.028l13.57 6.9H800V27.365h-1.612l-17.363 4.369c-4.257-2.755-10.12-4.255-16.899-4.255-16.785 0-26.56 9.204-26.56 21.5 0 8.162 3.678 14.372 9.89 17.938-4.718 3.446-9.2 8.275-11.042 13.336v1.612L748.6 92.44c-5.748 1.954-11.614 6.435-13.336 12.07zm14.95-4.141c0-2.531.803-5.746 1.718-7.245h26.792c3.332 0 4.83 2.647 4.83 5.41 0 7.466-8.849 13.218-19.315 13.218-9.199 0-14.026-5.172-14.026-11.383zm6.094-55.298c0-10.81 3.105-13.803 6.667-13.803 5.168 0 8.395 10.238 8.395 21.735 0 10.809-3.227 13.68-6.558 13.68-5.399 0-8.504-10.232-8.504-21.612z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: 100% auto;
}

.ds_footer .footerWrap .footerCont {
  line-height: 15px;
  font-size: 11px;
}

@media (max-width: 1023px) {
  #gnb .layer_share {
    right: 20px;
    top: 59px;
  }
  .ds_footer .footerWrap .logoWrap a.j_logo {
    margin-bottom: 3px;
  }
}
@media (max-width: 1240px) {
  .gnb_wrap {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .ds_footer {
    padding: 30px 0;
  }
  .ds_footer .footerWrap {
    width: 1024px;
  }
  .ds_footer .footerWrap .logoWrap a.j_logo {
    width: 100px;
    height: 15px;
  }
  .ds_footer .footerWrap .footerCont {
    float: left;
    margin-left: 16px;
    line-height: 20px;
    font-size: 12px;
  }
  .ds_footer .footerWrap .logoWrap {
    float: left;
    margin-left: 190px;
    margin-top: 3px;
  }
}
.popup_wrap {
  display: none;
  position: fixed;
  z-index: 400;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.7);
}
.popup_wrap.active {
  display: block;
}
.popup_wrap .popup_layer {
  width: 100%;
  background: #111;
  text-align: left;
}
@media only screen and (min-width: 986px) {
  .popup_wrap .popup_layer {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 640px;
    height: 90%;
    max-height: 640px;
    border: 1px solid #fff;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 985px) {
  .popup_wrap .popup_layer {
    position: fixed;
    inset: 0;
    height: 100%;
  }
}
.popup_wrap .btn_close {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8988 2.80859L12.7064 12.001L21.8988 21.1934L21.1918 21.9004L11.9994 12.708L2.80701 21.9004L2.09998 21.1934L11.2924 12.001L2.09998 2.80859L2.80701 2.10156L11.9994 11.2939L21.1918 2.10156L21.8988 2.80859Z' fill='white'/%3E%3C/svg%3E%0A");
}
.popup_wrap .popup_title {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #111;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 59px;
  letter-spacing: -0.32px;
}
@media only screen and (min-width: 986px) {
  .popup_wrap .popup_title {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 985px) {
  .popup_wrap .popup_title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.popup_wrap .popup_body {
  height: 100%;
  padding: 100px 0 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior: contain;
}
@media only screen and (min-width: 986px) {
  .popup_wrap .popup_body {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 985px) {
  .popup_wrap .popup_body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.popup_wrap .popup_body p {
  color: var(--grayscale-white, #fff);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 186.667% */
  letter-spacing: -0.4px;
}
.popup_wrap .popup_content {
  position: relative;
}
.popup_wrap .popup_content_subtitle {
  display: block;
  margin-bottom: 40px;
  color: #fff;
  font-family: "Noto Sans KR";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.48px;
}
.popup_wrap .popup_content_subtitle span {
  color: #50d4d4;
}
.popup_wrap .popup_writer {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.popup_wrap .popup_writer_subtitle {
  display: block;
  margin-bottom: 20px;
  color: var(--grayscale-white, #fff);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 155.556% */
  letter-spacing: -0.4px;
}
.popup_wrap .writer_thumb {
  display: block;
  margin-bottom: 24px;
  text-align: center;
}
.popup_wrap .writer_thumb img {
  width: 100%;
  max-width: 368px;
}
.popup_wrap .btn_top {
  position: absolute;
  right: 20px;
  bottom: 40px;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='white' fill-opacity='0.9'/%3E%3Cpath d='M23.8105 20.043L18.4422 14.7377L13.2 20.043' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.popup_wrap .popup_wall {
  position: relative;
  margin-top: -360px;
  height: 360px;
  padding-top: 185px;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.8) 47.6%, rgba(17, 17, 17, 0.9) 100%);
  text-align: center;
}
.popup_wrap .popup_wall p {
  color: var(--grayscale-white, #fff);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
}
.popup_wrap .popup_link {
  display: inline-flex;
  margin-top: 20px;
  padding: 11px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--Main-red, #f6330a);
  color: #fff;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 146.667% */
  letter-spacing: -0.4px;
}
.popup_wrap .popup_link::after {
  content: "";
  width: 8px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.88894 6.27273L0 1.05408L1.19486 0L7.07128 6.27273L1.19486 12.5455L0 11.4914L4.88894 6.27273Z' fill='white'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 986px) and (max-height: 840px) {
  main:not(.isApp) .main_page {
    height: auto !important;
  }
}
@media only screen and (max-width: 985px) and (max-height: 589px) {
  main:not(.isApp) .main_page {
    height: auto !important;
  }
}

.main_page {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 986px) {
  .main_page {
    background: #061c3b;
  }
}
@media only screen and (max-width: 985px) {
  .main_page {
    background: linear-gradient(180deg, #094d62 9.69%, #011c24 100%);
  }
}
@media only screen and (min-width: 986px) {
  .main_page::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    height: 436px;
    opacity: 0.7;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_gra.min.png");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 986px) {
  .main_page::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: #141722;
    transform: translateX(-50%);
  }
}

.main_wrap {
  position: relative;
  z-index: 1;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 60px;
}
@media only screen and (min-width: 986px) {
  .main_wrap::before {
    position: absolute;
    top: 243px;
    left: 50%;
    width: 477px;
    height: 464px;
    border-radius: 477px;
    background: #00f0ff;
    filter: blur(304.8604431152px);
    transform: translateX(-50%);
  }
}

.main_line {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center top;
  transform: translateX(-50%);
}
@media only screen and (min-width: 986px) {
  .main_line {
    bottom: 0;
    width: 2240px;
    height: 414px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_line_1215.min.png");
    background-size: 2240px 760px;
  }
}
@media only screen and (max-width: 985px) {
  .main_line {
    bottom: 0;
    width: 985px;
    height: 235px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_line_m_1215@2x.min.png");
    background-size: 985px 320px;
  }
}

.main_bg::before {
  content: "";
}
@media only screen and (min-width: 986px) {
  .main_bg::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 246px;
    height: 100%;
    opacity: 0.8;
    background: linear-gradient(270deg, rgba(11, 26, 49, 0) 3.58%, #0b1a31 108.16%);
  }
}
.main_bg::after {
  content: "";
}
@media only screen and (min-width: 986px) {
  .main_bg::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 246px;
    height: 100%;
    opacity: 0.8;
    background: linear-gradient(270deg, rgba(11, 26, 49, 0) 3.58%, #0b1a31 108.16%);
    transform: rotate(-180deg);
  }
}
.main_area {
  position: relative;
  z-index: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 986px) {
  .main_area {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 985px) {
  .main_area {
    padding-top: 139px;
    padding-bottom: 30px;
  }
}
.main_area > * {
  flex-shrink: 0;
}

.main_subtitle {
  margin: 0 auto;
}
@media only screen and (min-width: 986px) {
  .main_subtitle {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 469px;
    height: 56px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_subtitle@2x.min.png");
  }
}
.main_header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media only screen and (min-width: 986px) {
  .main_header {
    width: 802px;
    height: 468px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_header@2x.min.png");
  }
}
@media only screen and (min-width: 986px) {
  .main_header::before {
    content: "";
    position: absolute;
    top: 82px;
    left: 50%;
    width: 477px;
    height: 464px;
    border-radius: 477px;
    background: #00f0ff;
    filter: blur(304.8604431152px);
    transform: translateX(-50%);
  }
}

.reading_glasses {
  position: absolute;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/reading_glasses_1215@2x.min.png");
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .reading_glasses {
    top: -40px;
    z-index: 2;
    right: 50%;
    margin-right: 200px;
    width: 467px;
    height: 668px;
    animation: 5s ease-in-out 0s infinite normal none running star-left;
  }
}
@media only screen and (max-width: 985px) {
  .reading_glasses {
    top: -139px;
    left: 50%;
    width: 247px;
    height: 354px;
    margin-left: -124px;
    animation: 5s ease-in-out 0s infinite normal none running star-left-m;
  }
}
.reading_glasses::after {
  content: "";
  position: absolute;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/dailyreward_sparkle_1215@2x.min.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .reading_glasses::after {
    top: -70px;
    left: 0;
    width: 305px;
    height: 305px;
    animation: 15s linear infinite spin-once;
  }
}
@media only screen and (max-width: 985px) {
  .reading_glasses::after {
    top: -37px;
    left: 0;
    width: 161px;
    height: 161px;
    animation: 15s linear infinite spin-once;
  }
}

.main_title {
  position: relative;
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .main_title {
    width: 489px;
    height: 262px;
    margin-left: 37px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_title@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .main_title {
    width: 330px;
    height: 202px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_title_m@2x.min.png");
  }
}

.main_desc {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 11px;
  margin-left: -13px;
  padding-right: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 398px;
  height: 17px;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_desc@2x.min.png");
}

.main_input_wrap {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media only screen and (min-width: 986px) {
  .main_input_wrap {
    width: 802px;
    margin-top: -10px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 985px) and (max-height: 590px) {
  .main_input_wrap {
    margin-top: -4px;
  }
}
.main_input_wrap input {
  display: block;
  background: rgba(4, 62, 75, 0.6);
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 400;
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 986px) {
  .main_input_wrap input {
    width: 531px;
    height: 60px;
    border: 1px solid rgba(24, 254, 254, 0.8);
    font-size: 18px;
    line-height: 34px; /* 188.889% */
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 985px) {
  .main_input_wrap input {
    width: 280px;
    height: 48px;
    border: 0.5px solid #18fefe;
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.6px;
  }
}
.main_input_wrap input::placeholder {
  color: #dbdbdb;
  font-weight: 200;
}
@media only screen and (min-width: 986px) {
  .main_input_wrap input::placeholder {
    font-size: 18px;
    line-height: 34px; /* 188.889% */
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 985px) {
  .main_input_wrap input::placeholder {
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.6px;
  }
}

.btn_start {
  position: relative;
  z-index: 1;
  width: 580px;
  transition: all 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 700;
  margin: 0 auto;
  margin-top: 30px;
  letter-spacing: 0;
}
@media only screen and (min-width: 986px) {
  .btn_start {
    width: 800px;
    height: 116px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/btn_start@2x.min.png");
    font-size: 30px;
    line-height: 36px; /* 120% */
  }
}
@media only screen and (max-width: 985px) and (max-height: 590px) {
  .btn_start {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 985px) {
  .btn_start {
    width: 320px;
    height: 80px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/btn_start_m@2x.min.png");
    font-size: 20px;
    line-height: 20px; /* 100% */
  }
}

.quiz_page {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 986px) {
  .quiz_page {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(107deg, #094d62 6.54%, #081220 100.03%);
  }
}
@media only screen and (max-width: 985px) {
  .quiz_page {
    background: linear-gradient(180deg, #094d62 9.69%, #011c24 100%);
  }
}

.info_popup {
  position: fixed;
  left: 50%;
  display: flex;
  gap: 6px;
  z-index: 10;
  backdrop-filter: blur(3px);
  transform: translate(-50%);
  transition: transform 0.3s ease-in-out;
  transition-delay: 0s;
}
@media only screen and (min-width: 986px) {
  .info_popup {
    bottom: 30px;
    width: 580px;
  }
}
@media only screen and (max-width: 985px) {
  .info_popup {
    bottom: 20px;
    width: 360px;
    padding: 0 20px;
  }
}

.script_wrap.on {
  display: none;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 986px) {
  .script_wrap.on {
    gap: 7px;
    width: 580px;
    height: 110px;
    margin-top: 4px;
    scroll-margin-bottom: 150px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='110' viewBox='0 0 580 110' fill='none'%3E%3Cg opacity='0.3'%3E%3Cg filter='url(%23filter0_i_393_11022)'%3E%3Cpath d='M580 110H0V37.7143V0H580V110Z' fill='%2319939D'/%3E%3C/g%3E%3Cpath d='M0.5 109.5V0.5H579.5V109.5H0.5Z' stroke='%2318FEFE' stroke-opacity='0.6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_11022' x='0' y='0' width='580' height='110' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0823529 0 0 0 0 0.988235 0 0 0 0 0.996078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_11022'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 985px) {
  .script_wrap.on {
    gap: 4px;
    width: 320px;
    height: 93px;
    margin-top: 3px;
    scroll-margin-bottom: 94px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='93' viewBox='0 0 320 93' fill='none'%3E%3Cg opacity='0.3'%3E%3Cg filter='url(%23filter0_i_393_9743)'%3E%3Cpath d='M320 93H0V31.8857V0H320V93Z' fill='%2319939D'/%3E%3C/g%3E%3Cpath d='M0.5 92.5V0.5H319.5V92.5H0.5Z' stroke='%2318FEFE' stroke-opacity='0.6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_9743' x='0' y='0' width='320' height='93' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0823529 0 0 0 0 0.988235 0 0 0 0 0.996078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_9743'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}

@media only screen and (min-width: 986px) {
  .script_wrap.fail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='110' viewBox='0 0 580 110' fill='none'%3E%3Cg opacity='0.5'%3E%3Cg filter='url(%23filter0_i_393_11539)'%3E%3Cpath d='M580 110H0V37.7143V0H580V110Z' fill='%23891980'/%3E%3C/g%3E%3Cpath d='M0.5 109.5V0.5H579.5V109.5H0.5Z' stroke='%23FF3EEF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_11539' x='0' y='0' width='580' height='110' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.243137 0 0 0 0 0.937255 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_11539'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 985px) {
  .script_wrap.fail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='93' viewBox='0 0 320 93' fill='none'%3E%3Cg opacity='0.5'%3E%3Cg filter='url(%23filter0_i_393_9589)'%3E%3Cpath d='M320 93H0V31.8857V0H320V93Z' fill='%23891980'/%3E%3C/g%3E%3Cpath d='M0.5 92.5V0.5H319.5V92.5H0.5Z' stroke='%23FF3EEF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_9589' x='0' y='0' width='320' height='93' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.243137 0 0 0 0 0.937255 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_9589'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}

.answer_check {
  color: #dff3a5;
  text-align: center;
  font-family: Pretendard;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
}
@media only screen and (min-width: 986px) {
  .answer_check {
    font-size: 18px;
  }
}
@media only screen and (max-width: 985px) {
  .answer_check {
    font-size: 14px;
  }
}

.info_text {
  padding: 0 20px;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 200;
  letter-spacing: -0.6px;
}
@media only screen and (min-width: 986px) {
  .info_text {
    font-size: 15px;
    line-height: 22px; /* 146.667% */
  }
}
@media only screen and (max-width: 985px) {
  .info_text {
    font-size: 13px;
    line-height: 20px; /* 153.846% */
  }
}

.quiz_item {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 10px);
  text-align: center;
  width: 100%;
  overflow-x: hidden;
  transition: all 0.2s;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition-delay: 0s;
  overflow-y: auto;
  height: inherit;
}
@media only screen and (min-width: 986px) {
  .quiz_item {
    padding: 55px 20px 150px;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_item {
    padding-top: 55px;
    width: 100%;
    padding: 20px 12px 94px;
  }
}

.quiz_item.quiz_active {
  visibility: visible;
  opacity: 1;
  z-index: 10;
  transition-delay: 0.4s;
  transform: translate(-50%);
}

.quiz_header {
  margin: 0 auto;
}
@media only screen and (min-width: 986px) {
  .quiz_header {
    position: relative;
    width: 588px;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_header {
    width: 309px;
  }
}

.quiz_index {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Pretendard;
  font-weight: 700;
}
@media only screen and (min-width: 986px) {
  .quiz_index {
    gap: 4px;
    position: absolute;
    top: 12px;
    right: 64px;
    font-size: 20px;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_index {
    gap: 1px;
    font-size: 14px;
    line-height: 19.862px; /* 141.872% */
    letter-spacing: -0.4px;
  }
}

.quiz_index em {
  display: inline-flex;
  align-items: center;
  color: #10bcc1;
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 986px) {
  .quiz_index em {
    gap: 4px;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_index em {
    gap: 1px;
  }
}
.quiz_index em::before {
  content: "";
}
@media only screen and (min-width: 986px) {
  .quiz_index em::before {
    width: 16px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M14.3333 0H16L8.83333 7.5L1.66667 15H0L14.3333 0Z' fill='%2310BCC1'/%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 985px) {
  .quiz_index em::before {
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.95833 0H10L5.52083 5L1.04167 10H0L8.95833 0Z' fill='%2310BCC1'/%3E%3C/svg%3E");
  }
}

/* 공통 이미지 */
.quiz_question_img,
.quiz_question_txt {
  position: relative;
  display: inline-block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .quiz_question_img,
  .quiz_question_txt {
    width: 588px;
    height: 56px;
  }
  .quiz_question_img::before,
  .quiz_question_txt::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_question_img,
  .quiz_question_txt {
    width: 309px;
    height: 45px;
  }
}

@media only screen and (min-width: 986px) {
  .quiz_question_img {
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_title_image@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .quiz_question_img {
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_title_image_m@2x.min.png");
  }
}
@media only screen and (min-width: 986px) {
  .quiz_question_img::before {
    top: 383px;
    right: 50%;
    margin-right: 243px;
    width: 326px;
    height: 326px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_rt_1215@2x.min.png");
    transform: scaleX(-1);
    opacity: 0.7;
  }
}

@media only screen and (min-width: 986px) {
  .quiz_question_txt {
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_title_text@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .quiz_question_txt {
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_title_text_m@2x.min.png");
  }
}
@media only screen and (min-width: 986px) {
  .quiz_question_txt::before {
    top: 110px;
    left: 50%;
    z-index: 2;
    margin-left: 210px;
    width: 367px;
    height: 367px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_lt_1215@2x.min.png");
    transform: scaleX(-1);
    opacity: 0.8;
  }
}

.quiz_question {
  text-align: center;
  position: relative;
}
.quiz_question img {
  margin: 0 auto;
}

.quiz_body {
  position: relative;
  margin: 0 auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 986px) {
  .quiz_body {
    width: 598px;
    height: 514px;
    margin-top: 10px;
    padding-top: 40px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_body@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .quiz_body {
    width: 330px;
    height: 302px;
    padding-top: 18px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_body_m@2x.min.png");
  }
}

@media only screen and (min-width: 986px) {
  .quiz_image img {
    width: 520px;
    height: 346px;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_image img {
    width: 288px;
    height: 192px;
  }
}

.quiz_image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.quiz_text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  text-align: center;
  font-family: "Noto Serif KR";
  letter-spacing: -0.4px;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/quiz_text@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .quiz_text {
    width: 520px;
    height: 346px;
    font-size: 20px;
    line-height: 46px; /* 230% */
    font-weight: 400;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_text {
    width: 288px;
    height: 192px;
    font-size: 14px;
    line-height: 28px; /* 186.667% */
    font-weight: 300;
  }
}

.quiz_options {
  display: flex;
  justify-content: center;
  gap: 8px;
}
@media only screen and (min-width: 986px) {
  .quiz_options {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 985px) {
  .quiz_options {
    margin-top: 12px;
  }
}
.quiz_options button.btn_option {
  position: relative;
  display: block;
  padding: 0 30px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  color: #fff;
  transition: all 0.1s ease;
  font-family: Pretendard;
  font-weight: 700;
}
@media only screen and (min-width: 986px) {
  .quiz_options button.btn_option {
    width: 256px;
    height: 70px;
    font-size: 24px;
    line-height: 20px; /* 83.333% */
  }
}
@media only screen and (max-width: 985px) {
  .quiz_options button.btn_option {
    width: 140px;
    height: 56px;
    font-size: 20px;
    line-height: normal;
  }
}
.quiz_options button.btn_option::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 986px) {
  .quiz_options button.btn_option::before {
    width: 256px;
    height: 70px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='70' viewBox='0 0 256 70' fill='none'%3E%3Cg opacity='0.3'%3E%3Cg filter='url(%23filter0_i_393_10989)'%3E%3Cpath d='M256 70H0V24L25 0H256V70Z' fill='%23035057'/%3E%3C/g%3E%3Cpath d='M0.5 69.5V24.2139L25.2012 0.5H255.5V69.5H0.5Z' stroke='%2318FEFE' stroke-opacity='0.6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_10989' x='0' y='0' width='256' height='70' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0823529 0 0 0 0 0.988235 0 0 0 0 0.996078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_10989'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 985px) {
  .quiz_options button.btn_option::before {
    width: 140px;
    height: 56px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='56' viewBox='0 0 140 56' fill='none'%3E%3Cg opacity='0.3'%3E%3Cg filter='url(%23filter0_i_393_9565)'%3E%3Cpath d='M140 56H0V13.3714L13.6719 0H140V56Z' fill='%23035057'/%3E%3C/g%3E%3Cpath d='M0.25 55.75V13.4766L13.7734 0.25H139.75V55.75H0.25Z' stroke='%2318FEFE' stroke-opacity='0.6' stroke-width='0.5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_9565' x='0' y='0' width='140' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2.75862'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0823529 0 0 0 0 0.988235 0 0 0 0 0.996078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_9565'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}
.quiz_options button.btn_option:nth-child(2)::before {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 986px) {
  .quiz_options button.btn_option.check::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='70' viewBox='0 0 256 70' fill='none'%3E%3Cg filter='url(%23filter0_i_393_11670)'%3E%3Cpath d='M256 70H0V24L25 0H256V70Z' fill='%23055F67'/%3E%3C/g%3E%3Cpath d='M0.5 69.5V24.2139L25.2012 0.5H255.5V69.5H0.5Z' stroke='%2318FEFE' stroke-opacity='0.5'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_11670' x='0' y='0' width='256' height='70' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0823529 0 0 0 0 0.988235 0 0 0 0 0.996078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_11670'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 985px) {
  .quiz_options button.btn_option.check::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='56' viewBox='0 0 140 56' fill='none'%3E%3Cg filter='url(%23filter0_i_393_9882)'%3E%3Cpath d='M140 56H0V13.3714L13.6719 0H140V56Z' fill='%23055F67'/%3E%3C/g%3E%3Cpath d='M0.5 55.5V13.582L13.876 0.5H139.5V55.5H0.5Z' stroke='%2318FEFE' stroke-opacity='0.6'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_393_9882' x='0' y='0' width='140' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0823529 0 0 0 0 0.988235 0 0 0 0 0.996078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_393_9882'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
}
.quiz_options button.btn_option span {
  position: relative;
  display: block;
}
@media only screen and (max-width: 985px) {
  .quiz_options button.btn_option[data-key=human] {
    font-size: 18px;
  }
}

button.btn_next {
  transition: all 0.3s ease-out;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 500;
  line-height: 20px; /* 111.111% */
  letter-spacing: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  button.btn_next {
    width: 492px;
    height: 80px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/btn_default@2x.min.png");
    font-size: 22px;
  }
}
@media only screen and (max-width: 985px) {
  button.btn_next {
    width: 254px;
    height: 60px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/btn_default_m@2x.min.png");
    font-size: 18px;
  }
}
button.btn_next.on {
  cursor: pointer;
}
@media only screen and (min-width: 986px) {
  button.btn_next.on {
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/btn_default_on@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  button.btn_next.on {
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/btn_default_on_m@2x.min.png");
  }
}

.btn_prev {
  border-radius: 0;
  background: #13122d;
}
@media only screen and (min-width: 986px) {
  .btn_prev {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 985px) {
  .btn_prev {
    width: 60px;
    height: 60px;
  }
}

.btn_prev.hide {
  display: none;
}

@media only screen and (min-width: 986px) {
  .ico_prev {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M8.52417 15.9893L8.53882 16.0029L8.52417 16.0176L20.781 28.2744L22.6667 26.3887L12.282 16.0029L22.6667 5.61816L20.781 3.73242L8.52417 15.9893Z' fill='white'/%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 985px) {
  .ico_prev {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.39355 11.9932L6.4043 12.0039L6.39355 12.0146L15.5859 21.207L17 19.793L9.21094 12.0039L17 4.21484L15.5859 2.80078L6.39355 11.9932Z' fill='white'/%3E%3C/svg%3E");
  }
}

.result_page {
  padding: 60px 0 0;
}

.result_bg {
  position: relative;
  background: linear-gradient(180deg, #0c1317 0%, #09495d 46.12%);
}
@media only screen and (min-width: 986px) {
  .result_bg {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg {
    padding-top: 48px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 986px) {
  .result_bg::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 2240px;
    height: 760px;
    transform: translateX(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/main_line_1215.min.png");
  }
}
.result_bg.grade_1 .certificate_summary::before, .result_bg.grade_2 .certificate_summary::before {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_leaf_l@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_1 .certificate_summary::before, .result_bg.grade_2 .certificate_summary::before {
    left: 119px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_1 .certificate_summary::before, .result_bg.grade_2 .certificate_summary::before {
    left: 14px;
  }
}
.result_bg.grade_1 .certificate_summary::after, .result_bg.grade_2 .certificate_summary::after {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_leaf_r@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_1 .certificate_summary::after, .result_bg.grade_2 .certificate_summary::after {
    right: 119px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_1 .certificate_summary::after, .result_bg.grade_2 .certificate_summary::after {
    right: 14px;
  }
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_1 .diamond_grade {
    top: 239px;
    margin-left: -632px;
    width: 526px;
    height: 752px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_grade1@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_1 .diamond_grade {
    top: 957px;
    margin-left: -22px;
    width: 261px;
    height: 373px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_grade1_m@2x.min.png");
  }
}
.result_bg.grade_1 .certificate_grade {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_grade1@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_1 .certificate_grade {
    width: 331px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_1 .certificate_grade {
    width: 160px;
  }
}
.result_bg.grade_1 .certificate_content::after {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_stamp1@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_2 .diamond_grade {
    top: 485px;
    margin-left: -677px;
    width: 573px;
    height: 501px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_grade2@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_2 .diamond_grade {
    top: 1013px;
    margin-left: -12px;
    width: 270px;
    height: 236px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_grade2_m@2x.min.png");
  }
}
.result_bg.grade_2 .certificate_grade {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_grade2@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_2 .certificate_grade {
    width: 365px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_2 .certificate_grade {
    width: 183px;
  }
}
.result_bg.grade_2 .certificate_content::after {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_stamp2@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_3 .diamond_grade {
    top: 331px;
    margin-left: -727px;
    width: 676px;
    height: 642px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_grade3@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_3 .diamond_grade {
    top: 958px;
    margin-left: -65px;
    width: 405px;
    height: 384px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_grade3_m@2x.min.png");
  }
}
.result_bg.grade_3 .certificate_grade {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_grade3@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_bg.grade_3 .certificate_grade {
    width: 450px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg.grade_3 .certificate_grade {
    width: 239px;
  }
}
.result_bg.grade_3 .certificate_content::after {
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_stamp3@2x.min.png");
}
.result_bg > .btn_retry {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  border-radius: 80px;
  border: solid rgba(19, 203, 203, 0.3);
  background: #2139bf;
  box-shadow: 0 0 12px 0 rgba(70, 98, 238, 0.6) inset;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 700;
}
@media only screen and (min-width: 986px) {
  .result_bg > .btn_retry {
    gap: 12px;
    width: 640px;
    height: 90px;
    margin-top: 120px;
    padding: 27px 0 27px;
    border-width: 2px;
    font-size: 26px;
    line-height: 36px; /* 138.462% */
    letter-spacing: -0.052px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg > .btn_retry {
    gap: 16px;
    width: 320px;
    height: 60px;
    margin-top: 80px;
    padding: 19px 0 20px;
    border-width: 1px;
    font-size: 18px;
    line-height: normal;
    letter-spacing: -0.036px;
  }
}
.result_bg > .btn_retry:not(.show) {
  display: none;
}
.result_bg > .btn_retry.with_icon::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6276 18.6276 24 12 24C5.3724 24 0 18.6276 0 12C0 5.3724 5.3724 0 12 0V2.4C9.70144 2.40026 7.47926 3.22524 5.73738 4.72498C3.9955 6.22473 2.84954 8.29968 2.50779 10.5727C2.16605 12.8457 2.6512 15.1659 3.87507 17.1115C5.09895 19.0572 6.98029 20.4991 9.17716 21.1753C11.374 21.8514 13.7406 21.7169 15.8467 20.7961C17.9527 19.8754 19.6586 18.2295 20.654 16.1577C21.6495 14.0859 21.8686 11.7257 21.2715 9.50603C20.6743 7.28639 19.3006 5.35468 17.4 4.062V7.2H15V0H22.2V2.4H19.2C20.691 3.51712 21.9012 4.96639 22.7344 6.6328C23.5676 8.29922 24.0009 10.1369 24 12Z' fill='white'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 986px) {
  .result_bg > .btn_retry.with_icon::after {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width: 985px) {
  .result_bg > .btn_retry.with_icon::after {
    width: 19px;
    height: 19px;
  }
}
.result_bg > .btn_retry.show {
  display: flex !important;
}
.result_bg > .btn_retry.hide {
  display: none !important;
}

.diamond_grade {
  position: absolute;
  display: block;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .diamond_grade {
    z-index: 2;
    left: 50%;
    animation: 5s ease-in-out 0s infinite normal none running star-left;
  }
}
@media only screen and (max-width: 985px) {
  .diamond_grade {
    left: 50%;
  }
}

.diamond_lt {
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_lt_1215@2x.min.png");
  opacity: 0.9;
}
@media only screen and (min-width: 986px) {
  .diamond_lt {
    top: 1694px;
    margin-left: -596px;
    width: 388px;
    height: 388px;
    animation: 5s ease-in-out 0s infinite normal none running star-right;
  }
}
@media only screen and (max-width: 985px) {
  .diamond_lt {
    right: 50%;
    top: 1748px;
    margin-right: 65px;
    width: 241px;
    height: 241px;
  }
}

.diamond_rt {
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/diamond_rt_1215@2x.min.png");
  opacity: 0.8;
}
@media only screen and (min-width: 986px) {
  .diamond_rt {
    top: 2265px;
    margin-left: 220px;
    width: 326px;
    height: 326px;
    animation: 5s ease-in-out 0s infinite normal none running star-left;
  }
}
@media only screen and (max-width: 985px) {
  .diamond_rt {
    left: 50%;
    top: 2460px;
    margin-left: 34px;
    width: 197px;
    height: 197px;
  }
}

@media only screen and (min-width: 986px) {
  body.overflow_hidden .diamond_grade,
  body.overflow_hidden .diamond_lt,
  body.overflow_hidden .diamond_rt {
    animation-play-state: paused;
  }
}

.result_title {
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-family: Pretendard;
  font-weight: 700;
  letter-spacing: -0.6px;
}
@media only screen and (min-width: 986px) {
  .result_title {
    font-size: 30px;
    line-height: 42px; /* 140% */
    background: linear-gradient(94deg, #e7fdfa -2.53%, #c1fff4 53.51%, #eaf293 115.85%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media only screen and (max-width: 985px) {
  .result_title {
    font-size: 24px;
    line-height: 32px; /* 133.333% */
    background: linear-gradient(90deg, #e7fdfa 0%, #c1fff4 50%, #eaf293 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.result_section {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 986px) {
  .result_section {
    width: 640px;
  }
}
@media only screen and (max-width: 985px) {
  .result_section {
    width: 320px;
  }
}
.result_section:not(.result_certificate):not(.result_book) {
  position: relative;
}
@media only screen and (min-width: 986px) {
  .result_section:not(.result_certificate):not(.result_book) {
    margin-top: 100px;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 985px) {
  .result_section:not(.result_certificate):not(.result_book) {
    margin-top: 80px;
    padding-top: 80px;
  }
}
.result_section:not(.result_certificate):not(.result_book)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 640px;
  height: 1px;
  background: linear-gradient(90deg, rgba(19, 203, 203, 0) 0%, #13cbcb 49.04%, rgba(19, 203, 203, 0) 100%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 986px) {
  .result_section.certificate {
    width: 876px;
  }
}
@media only screen and (max-width: 985px) {
  .result_section.certificate {
    width: 329px;
  }
}

.result_certificate {
  overflow: visible;
}
@media only screen and (min-width: 986px) {
  .result_certificate {
    width: 876px;
  }
}
@media only screen and (max-width: 985px) {
  .result_certificate {
    width: 329px;
  }
}
.result_certificate::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #00f0ff;
}
@media only screen and (min-width: 986px) {
  .result_certificate::before {
    top: 173px;
    width: 498px;
    height: 484px;
    border-radius: 498px;
    filter: blur(304.8604431152px);
  }
}
@media only screen and (max-width: 985px) {
  .result_certificate::before {
    width: 360px;
    top: 20px;
    height: 339.096px;
    border-radius: 360px;
    filter: blur(200px);
  }
}
@media only screen and (min-width: 986px) {
  .result_certificate::after {
    content: "";
    position: absolute;
    top: 173px;
    left: 50%;
    width: 498px;
    height: 484px;
    transform: translateX(-50%);
    border-radius: 498px;
    opacity: 0.5;
    background: #00f0ff;
    filter: blur(304.8604431152px);
  }
}
.result_certificate .btn_share,
.result_certificate .btn_retry {
  display: flex;
  margin: 0 auto;
  margin-top: 32px;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  border: 1px solid rgba(19, 203, 203, 0.3);
  background: #172886;
  box-shadow: 0 0 12px 0 rgba(70, 98, 238, 0.6) inset;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px; /* 200% */
  letter-spacing: -0.036px;
}
@media only screen and (min-width: 986px) {
  .result_certificate .btn_share,
  .result_certificate .btn_retry {
    width: 340px;
  }
}
@media only screen and (max-width: 985px) {
  .result_certificate .btn_share,
  .result_certificate .btn_retry {
    width: 260px;
  }
}
.result_certificate .btn_share:not(.show),
.result_certificate .btn_retry:not(.show) {
  display: none;
}

.certificate_title {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_title {
    width: 469px;
    height: 56px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_title@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .certificate_title {
    width: 309px;
    height: 45px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_title_m@2x.min.png");
  }
}

.certificate_summary {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_summary {
    width: 808px;
    height: 230px;
    padding-top: 23px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_summary {
    width: 300px;
    height: 110px;
    padding-top: 8px;
  }
}
.certificate_summary::before, .certificate_summary::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_summary::before, .certificate_summary::after {
    top: 4px;
    width: 100px;
    height: 222px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_summary::before, .certificate_summary::after {
    top: 0;
    width: 48px;
    height: 107px;
  }
}

.certificate_user_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 986px) {
  .certificate_user_wrap {
    gap: 8px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_user_wrap {
    gap: 4px;
  }
}

.certificate_user_name {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (min-width: 986px) {
  .certificate_user_name {
    height: 65px;
    font-size: 54px;
    letter-spacing: -2px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_user_name {
    height: 32px;
    font-size: 26px;
    letter-spacing: -0.958px;
  }
}

.certificate_user_text {
  position: relative;
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_user@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .certificate_user_text {
    width: 183px;
    height: 48px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_user_text {
    width: 92px;
    height: 23px;
  }
}

.certificate_grade {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_grade {
    height: 96px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_grade {
    height: 47px;
    margin-top: 11px;
  }
}

.certificate_content {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_content {
    width: 876px;
    height: 776px;
    margin-top: 20px;
    padding-top: 91px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_content@2x.min.png");
  }
}
@media only screen and (max-width: 985px) {
  .certificate_content {
    width: 329px;
    height: 504px;
    margin-top: 2px;
    padding-top: 40px;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_content_m@2x.min.png");
  }
}
.certificate_content::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/certificate_line@2x.min.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_content::before {
    top: 250px;
    width: 624px;
    height: 66px;
    background-repeat: repeat-x;
    animation: bg-move 2s linear infinite;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
  }
}
@media only screen and (max-width: 985px) {
  .certificate_content::before {
    top: 120px;
    width: 300px;
    height: 32px;
  }
}
.certificate_content::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .certificate_content::after {
    top: 495px;
    left: 600px;
    width: 227px;
    height: 219px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_content::after {
    top: 254px;
    left: 171px;
    width: 134px;
    height: 131px;
  }
}

.certificate_score {
  position: relative;
  margin: 0 auto;
  margin-top: 24px;
}
@media only screen and (min-width: 986px) {
  .certificate_score {
    width: 480px;
    padding: 16px 0;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_score {
    width: 304px;
    padding: 12px 0;
  }
}
.certificate_score em {
  display: block;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-family: Pretendard;
  font-weight: 500;
  background: linear-gradient(91deg, #91f9fb 29.66%, #13d8db 88.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}
@media only screen and (min-width: 986px) {
  .certificate_score em {
    font-size: 20px;
    line-height: 38px; /* 190% */
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_score em {
    line-height: 26px; /* 200% */
    letter-spacing: -0.385px;
  }
}
.certificate_score strong {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: linear-gradient(91deg, #91f9fb 29.66%, #13d8db 88.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Pretendard;
  font-weight: 700;
}
@media only screen and (min-width: 986px) {
  .certificate_score strong {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 985px) {
  .certificate_score strong {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.385px;
  }
}
.certificate_score::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(19, 203, 203, 0) 0%, #13cbcb 49.04%, rgba(19, 203, 203, 0) 100%);
}
.certificate_score::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(19, 203, 203, 0) 0%, #13cbcb 49.04%, rgba(19, 203, 203, 0) 100%);
}

.certificate_desc {
  margin: 0 auto;
  color: #fff;
  font-family: Pretendard;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-align: left;
}
@media only screen and (min-width: 986px) {
  .certificate_desc {
    height: 90px;
    padding-top: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px; /* 166.667% */
  }
}
@media only screen and (max-width: 985px) {
  .certificate_desc {
    width: 280px;
    height: 104px;
    padding-top: 24px;
    padding-left: 12px;
    font-size: 13px;
    line-height: 20px; /* 153.846% */
  }
}

.result_book {
  overflow: visible;
}
@media only screen and (min-width: 986px) {
  .result_book {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 985px) {
  .result_book {
    margin-top: 80px;
  }
}
.result_book::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.6;
  background: #0ff;
}
@media only screen and (min-width: 986px) {
  .result_book::before {
    top: 116px;
    width: 303px;
    height: 295px;
    filter: blur(150px);
    border-radius: 303px;
  }
}
@media only screen and (max-width: 985px) {
  .result_book::before {
    top: 81px;
    width: 234px;
    height: 227.938px;
    filter: blur(100px);
    border-radius: 234px;
  }
}
@media only screen and (min-width: 986px) {
  .result_book .book_title {
    position: relative;
    z-index: 1;
  }
}
.result_book .book_list {
  display: flex;
  position: relative;
  justify-content: center;
}
@media only screen and (min-width: 986px) {
  .result_book .book_list {
    gap: 40px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 985px) {
  .result_book .book_list {
    gap: 8px;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 985px) {
  .result_book .book_list::before {
    content: "";
    position: absolute;
    top: 111px;
    left: 50%;
    width: 260px;
    height: 260px;
    transform: translateX(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/hover_effect_m_1215@2x.min.png");
  }
}
.result_book .book_item {
  position: relative;
}
.result_book .book_link {
  display: block;
}
@media only screen and (min-width: 986px) {
  .result_book .book_link:hover .book_image {
    transform: translateY(-30px);
    transition: transform 0.4s ease-in-out;
  }
  .result_book .book_link:hover .book_image::before {
    display: block;
  }
  .result_book .book_link:hover .book_text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60' viewBox='0 0 240 60' fill='none'%3E%3Cg filter='url(%23filter0_i_443_26543)'%3E%3Cpath d='M0 6C0 2.68629 2.68629 0 6 0H234C237.314 0 240 2.68629 240 6V54C240 57.3137 237.314 60 234 60H211.875H6C2.68629 60 0 57.3137 0 54V6Z' fill='%23082A33'/%3E%3C/g%3E%3Cpath d='M6 0.5H234C237.038 0.5 239.5 2.96243 239.5 6V54C239.5 57.0376 237.038 59.5 234 59.5H6C2.96243 59.5 0.5 57.0376 0.5 54V6L0.506836 5.7168C0.654223 2.81084 3.05741 0.5 6 0.5Z' stroke='%23F7FFEC' stroke-opacity='0.8'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_443_26543' x='0' y='0' width='240' height='60' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_443_26543'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    color: #ddf5b1;
  }
}
.result_book .book_image {
  display: block;
  position: relative;
}
@media only screen and (min-width: 986px) {
  .result_book .book_image {
    width: 240px;
  }
}
@media only screen and (max-width: 985px) {
  .result_book .book_image {
    width: 156px;
  }
}
.result_book .book_image::before {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 480px;
  height: 480px;
  transform: translate3d(-50%, -50%, 0);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/hover_effect_1215@2x.min.png");
  pointer-events: none;
}
.result_book .book_image img {
  display: block;
  position: relative;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 986px) {
  .result_book .book_image img {
    width: 240px;
    height: 278px;
  }
}
@media only screen and (max-width: 985px) {
  .result_book .book_image img {
    width: 168px;
    height: 195px;
  }
}
.result_book .book_text {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Pretendard;
  line-height: 20px; /* 133.333% */
}
@media only screen and (min-width: 986px) {
  .result_book .book_text {
    position: relative;
    z-index: 1;
    width: 240px;
    height: 60px;
    margin-top: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60' viewBox='0 0 240 60' fill='none'%3E%3Cg filter='url(%23filter0_i_438_20320)'%3E%3Cpath d='M0 6C0 2.68629 2.68629 0 6 0H234C237.314 0 240 2.68629 240 6V54C240 57.3137 237.314 60 234 60H211.875H6C2.68629 60 0 57.3137 0 54V6Z' fill='%23005259'/%3E%3C/g%3E%3Cpath d='M6 0.5H234C237.038 0.5 239.5 2.96243 239.5 6V54C239.5 57.0376 237.038 59.5 234 59.5H6C2.96243 59.5 0.5 57.0376 0.5 54V6L0.506836 5.7168C0.654223 2.81084 3.05741 0.5 6 0.5Z' stroke='%23F7FFEC' stroke-opacity='0.5'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_438_20320' x='0' y='0' width='240' height='60' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.713726 0 0 0 0 0.964379 0 0 0 0 0.968627 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_438_20320'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    color: #f7ffec;
    font-size: 18px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 985px) {
  .result_book .book_text {
    position: relative;
    z-index: 2;
    margin-top: 26px;
    width: 156px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='156' height='48' viewBox='0 0 156 48' fill='none'%3E%3Cg filter='url(%23filter0_i_421_13030)'%3E%3Cpath d='M0 6C0 2.68629 2.68629 0 6 0H150C153.314 0 156 2.68629 156 6V42C156 45.3137 153.314 48 150 48H137.719H6C2.68629 48 0 45.3137 0 42V6Z' fill='%23082A33'/%3E%3C/g%3E%3Cpath d='M6 0.5H150C153.038 0.5 155.5 2.96243 155.5 6V42C155.5 45.0376 153.038 47.5 150 47.5H6C2.96243 47.5 0.5 45.0376 0.5 42V6C0.5 2.96243 2.96243 0.5 6 0.5Z' stroke='%23F7FFEC' stroke-opacity='0.8'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_421_13030' x='0' y='0' width='156' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_421_13030'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    color: #ddf5b1;
    font-size: 15px;
    font-weight: 600;
  }
}

.result_article {
  overflow: visible;
}
@media only screen and (max-width: 985px) {
  .result_article {
    width: 100%;
  }
}

@media only screen and (min-width: 986px) {
  .article_list_wrap {
    height: 505px;
    margin-top: 40px;
    padding: 40px 60px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
  }
}
@media only screen and (max-width: 985px) {
  .article_list_wrap {
    height: 405px;
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
  }
}

@media only screen and (max-width: 985px) {
  .article_list {
    width: 320px;
    margin: 0 auto;
  }
}

.article_item:not(:first-child) {
  padding-top: 16px;
  border-top: 0.5px solid #78c2cc;
}
.article_item:not(:last-child) {
  padding-bottom: 16px;
}

.article_link {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 986px) {
  .article_link {
    gap: 20px;
  }
}
@media only screen and (max-width: 985px) {
  .article_link {
    gap: 16px;
  }
}

.article_thumb {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  align-items: flex-start;
  border-radius: 6px;
}
@media only screen and (min-width: 986px) {
  .article_thumb {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width: 985px) {
  .article_thumb {
    width: 92px;
    height: 92px;
  }
}
.article_thumb img {
  width: 100%;
}

.article_headline {
  display: block;
  overflow: hidden;
  color: var(--grayscale-111111, #111);
  /* Plus/H7/16/Bold */
  font-family: "Noto Sans KR";
  font-weight: 700;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* ★ 두 줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all; /* 필요 시 break-word */
}
@media only screen and (min-width: 986px) {
  .article_headline {
    height: 62px;
    color: var(--grayscale-111111, #111);
    font-size: 20px;
    line-height: 28px; /* 140% */
    letter-spacing: -0.4px;
  }
}
@media only screen and (max-width: 985px) {
  .article_headline {
    height: 48px;
    font-size: 16px;
    line-height: 24px; /* 150% */
    letter-spacing: -0.32px;
  }
}

.article_tag {
  display: block;
  margin-top: 8px;
  color: var(--grayscale-666666, #666);
  /* B5/14/regular */
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-align: left;
}

.result_banner {
  display: flex;
  position: relative;
  margin: 0 auto;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 986px) {
  .result_banner {
    gap: 26px;
    justify-content: flex-start;
    align-items: center;
    width: 640px;
    height: 100px;
    margin-top: 40px;
    padding-left: 180px;
    border-radius: 12px;
    background: linear-gradient(94deg, rgba(24, 254, 254, 0.3) 24.42%, rgba(14, 152, 152, 0.3) 99.39%);
  }
}
@media only screen and (max-width: 985px) {
  .result_banner {
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 320px;
    height: 100px;
    margin-top: 24px;
    padding-left: 20px;
    border-radius: 6px;
    background: linear-gradient(94deg, rgba(24, 254, 254, 0.3) 31.39%, rgba(14, 152, 152, 0.3) 99.37%);
  }
}
.result_banner em {
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/banner_text@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_banner em {
    width: 232px;
    height: 20px;
  }
}
@media only screen and (max-width: 985px) {
  .result_banner em {
    width: 206px;
    height: 18px;
  }
}
.result_banner strong {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  background: rgba(9, 73, 93, 0.8);
  color: #ddf5b1;
  text-align: center;
  font-family: Pretendard;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 986px) {
  .result_banner strong {
    padding: 12px 23px 10px 21px;
    font-size: 15px;
    letter-spacing: -0.03px;
  }
}
@media only screen and (max-width: 985px) {
  .result_banner strong {
    padding: 8px 24px;
    font-size: 13px;
    letter-spacing: -0.026px;
  }
}
.result_banner::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/banner_icon@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .result_banner::before {
    top: 12px;
    left: 50px;
    width: 118px;
    height: 120px;
  }
}
@media only screen and (max-width: 985px) {
  .result_banner::before {
    top: 14px;
    right: 13px;
    width: 90px;
    height: 92px;
  }
}

.series_list {
  display: flex;
  gap: 8px;
}
@media only screen and (min-width: 986px) {
  .series_list {
    width: 640px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 985px) {
  .series_list {
    flex-direction: column;
    width: 320px;
    margin-top: 32px;
  }
}

.series_link {
  display: flex;
  border-radius: 6px;
  background: #fff;
}
@media only screen and (min-width: 986px) {
  .series_link {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 40px 16px;
  }
}
@media only screen and (max-width: 985px) {
  .series_link {
    gap: 12px;
    padding: 20px 22px;
  }
}

.series_thumb {
  display: block;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: 100px;
}
@media only screen and (min-width: 986px) {
  .series_thumb {
    width: 148px;
    height: 148px;
  }
}
@media only screen and (max-width: 985px) {
  .series_thumb {
    width: 56px;
    height: 56px;
  }
}
.series_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.series_name {
  display: block;
  color: #000;
  font-family: "Noto Sans KR";
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: -0.4px;
}
@media only screen and (min-width: 986px) {
  .series_name {
    font-size: 18px;
  }
}
@media only screen and (max-width: 985px) {
  .series_name {
    font-size: 16px;
    text-align: left;
  }
}

.series_tag {
  display: block;
  margin-top: 4px;
  color: #000;
  /* B5/14/regular */
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (min-width: 986px) {
  .series_tag {
    line-height: 20px; /* 171.429% */
  }
}
@media only screen and (max-width: 985px) {
  .series_tag {
    text-align: left;
    line-height: 24px; /* 171.429% */
  }
}

.result_promo {
  background: #fff;
}
@media only screen and (min-width: 986px) {
  .result_promo {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 985px) {
  .result_promo {
    padding: 80px 0;
  }
}

.promo_logo {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/promo_logo@2x.min.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .promo_logo {
    width: 148px;
    height: 17px;
  }
}
@media only screen and (max-width: 985px) {
  .promo_logo {
    width: 148px;
    height: 17px;
  }
}

.promo_title {
  display: block;
  margin-top: 12px;
  color: #111;
  font-weight: 900;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}
.promo_title span {
  color: #f6330a;
}

.promo_desc {
  display: block;
  margin-top: 14px;
  color: #666666;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}

.promo_image {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/promo_image@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .promo_image {
    width: 322px;
    height: 227px;
  }
}
@media only screen and (max-width: 985px) {
  .promo_image {
    width: 322px;
    height: 227px;
  }
}

.btn_promo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  margin-top: 44px;
  width: 300px;
  height: 50px;
  background: #000000;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}
.btn_promo::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.5332 14.4004L10.9332 7.92441L4.5332 1.60039' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E");
}

.result_share {
  background: #111;
}
@media only screen and (min-width: 986px) {
  .result_share {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 985px) {
  .result_share {
    padding: 64px 0;
  }
}

.share_title {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://digitalspecial.joongang.co.kr/special/2026/aiHumanTest/images/share_title@2x.min.png");
}
@media only screen and (min-width: 986px) {
  .share_title {
    width: 296px;
    height: 80px;
  }
}
@media only screen and (max-width: 985px) {
  .share_title {
    width: 186px;
    height: 51px;
  }
}

.share_list {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 986px) {
  .share_list {
    gap: 24px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 985px) {
  .share_list {
    gap: 12px;
    margin-top: 22px;
  }
}

.share_link {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 986px) {
  .share_link {
    width: 88px;
    height: 88px;
  }
}
@media only screen and (max-width: 985px) {
  .share_link {
    width: 60px;
    height: 60px;
  }
}
.share_link.btn_kakao {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23E9E9E9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5923 37.8249C21.3532 36.8641 20.0849 36.0678 19.0533 35.0481C15.0301 31.071 15.4377 25.4372 19.9408 21.6793C25.2529 17.2461 34.6877 17.2296 40.0152 21.6439C45.1086 25.8643 44.9166 32.3831 39.5575 36.2927C36.1352 38.7891 32.2289 39.5387 28.0266 39.1666C27.7337 39.1407 27.374 39.2149 27.1308 39.3687C25.507 40.3953 23.9113 41.4632 22.2926 42.4977C22.0823 42.6321 21.7935 42.6518 21.541 42.7247C21.5167 42.4576 21.4177 42.1725 21.4807 41.926C21.8429 40.5066 22.2435 39.0964 22.5923 37.8249Z' fill='%23111111'/%3E%3C/svg%3E");
}
.share_link.btn_facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23E6E6E6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.9309 31.7319L36.615 26.9901H32.3358V23.9131C32.3358 22.6157 32.9333 21.3511 34.8499 21.3511H36.7959V17.3143C36.7959 17.3143 35.0299 16.9941 33.3415 16.9941C29.8174 16.9941 27.5137 19.2649 27.5137 23.3758V26.9901H23.5959V31.7319H27.5137V43.1948C28.2992 43.326 29.1044 43.3941 29.9245 43.3941C30.7446 43.3941 31.5498 43.326 32.3358 43.1948V31.7319H35.9309Z' fill='%23111111'/%3E%3C/svg%3E");
}
.share_link.btn_twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23E9E9E9'/%3E%3Cpath d='M32.0671 28.3372L40.156 19.1367H38.2392L31.2156 27.1254L25.6059 19.1367H19.1357L27.6187 31.217L19.1357 40.8651H21.0527L28.4697 32.4288L34.394 40.8651H40.8641L32.0666 28.3372H32.0671ZM29.4416 31.3234L28.5821 30.1205L21.7433 20.5487H24.6876L30.2066 28.2734L31.0661 29.4764L38.2401 39.5173H35.2958L29.4416 31.3239V31.3234Z' fill='%23111111'/%3E%3C/svg%3E");
}
.share_link.btn_url_copy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23E9E9E9'/%3E%3Cpath d='M28.8607 40.1814C26.3614 42.6799 22.3097 42.6802 19.8106 40.1814C17.3116 37.6823 17.3113 33.63 19.8099 31.1306L19.8113 31.1292L20.9438 32.2617C19.0699 34.1361 19.0698 37.1753 20.9438 39.0496C22.8181 40.9238 25.8579 40.9243 27.7324 39.0503L27.731 39.049L32.2568 34.5232L33.3879 35.6543L28.8607 40.1814ZM20.9424 32.2589L19.8113 31.1278L24.337 26.6021L25.4681 27.7332L20.9424 32.2589ZM27.1627 33.959L26.0316 32.8279L32.8203 26.0393L33.9513 27.1704L27.1627 33.959ZM40.1744 19.8148C42.6732 22.3138 42.6725 26.3656 40.1744 28.865L40.1779 28.8684L35.6528 33.3935L34.5217 32.2624L39.0427 27.7415L39.0385 27.7373C39.0398 27.7361 39.0414 27.7344 39.0427 27.7332C40.9166 25.8587 40.9168 22.8196 39.0427 20.9452C37.1692 19.0721 34.1315 19.0706 32.2568 20.9418L32.2623 20.9473L27.7372 25.4724L26.6054 24.3406L31.1236 19.8224L31.1195 19.8183C31.1205 19.8173 31.1219 19.8158 31.1229 19.8148C33.6222 17.3161 37.6752 17.3159 40.1744 19.8148Z' fill='%23111111'/%3E%3C/svg%3E");
}

.share_desc {
  display: block;
  width: 100%;
  margin: 0 auto;
  color: #ddf5b1;
  text-align: center;
  font-family: Pretendard;
  font-weight: 300;
  line-height: 32px; /* 160% */
  letter-spacing: -0.338px;
}
@media only screen and (min-width: 986px) {
  .share_desc {
    margin-top: 30px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 985px) {
  .share_desc {
    margin-top: 22px;
    font-size: 20px;
  }
}

@keyframes star-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -60px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes star-left-m {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -30px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes star-right {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 60px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bg-move {
  from {
    background-position: -624px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes spin-once {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#wrapper footer {
    display: none;
}