.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-background-overlay{background-image:url("https://campaign.kfem.or.kr/wp-content/uploads/2025/05/MicroplasticLab_QUIZ-2.png");background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;opacity:1;}.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-container{max-width:640px;min-height:700px;}.elementor-7543 .elementor-element.elementor-element-7efe7c35{overflow:hidden;margin-top:0px;margin-bottom:0px;padding:0px 0px 200px 0px;}.elementor-bc-flex-widget .elementor-7543 .elementor-element.elementor-element-1953f21f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7543 .elementor-element.elementor-element-1953f21f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7543 .elementor-element.elementor-element-1953f21f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-7543 .elementor-element.elementor-element-1953f21f > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7543 .elementor-element.elementor-element-9b7d7c4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 15px 0px 15px;border-style:none;}.elementor-7543 .elementor-element.elementor-element-9b7d7c4{z-index:1;}body.elementor-page-7543:not(.elementor-motion-effects-element-type-background), body.elementor-page-7543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E7EF;}body.elementor-page-7543{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-container{max-width:620px;}.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-background-overlay{background-size:120% auto;opacity:1;}.elementor-7543 .elementor-element.elementor-element-7efe7c35{margin-top:0px;margin-bottom:0px;padding:0px 0px 150px 0px;}.elementor-7543 .elementor-element.elementor-element-9b7d7c4 > .elementor-widget-container{padding:10px 15px 0px 15px;}}@media(max-width:767px){.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-background-overlay{background-image:url("https://campaign.kfem.or.kr/wp-content/uploads/2025/05/MicroplasticLab_QUIZ-3.png");background-position:bottom center;background-size:100% auto;opacity:1;}.elementor-7543 .elementor-element.elementor-element-7efe7c35 > .elementor-container{min-height:500px;}.elementor-7543 .elementor-element.elementor-element-7efe7c35{margin-top:0px;margin-bottom:0px;padding:0px 0px 140px 0px;}.elementor-7543 .elementor-element.elementor-element-1953f21f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7543 .elementor-element.elementor-element-9b7d7c4 > .elementor-widget-container{padding:5px 10px 0px 10px;}}/* Start custom CSS *//* QSM 퀴즈 Custom CSS */

/* 문의 섹션 내 질문 숨기기 (필요시 사용) */
.qsm_contact_div .mlw_qmn_question {
    display: NONE !important;
}

/* 1. 기본 라디오 버튼 숨기기 */
.qmn_mc_answer_wrap input[type="radio"] {
  display: none !important;
}

/* 2. 답변 선택지 박스 기본 스타일 */
.qmn_mc_answer_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px !important;
  padding: 3px !important;
  min-height: 60px !important;
  align-content: center;
  background: #ffffff;
  border: 2px solid #252549;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  line-height: 1.25em !important;
}
@media (max-width: 768px) {
  .qmn_mc_answer_wrap {
    min-height: 55px !important;
    place-content: center !important;
  }
}

/* 3. 질문 텍스트 스타일 */
.mlw_qmn_new_question {
  display: block !important;
  padding-top: 25px;
  font-size: 20px !important;
  font-family: 'Pretendard-SemiBold', sans-serif !important;
  text-align: center !important;
  line-height: 1.35;
  color: #18183b !important;
  min-height: 75px !important;
  white-space: pre-wrap !important;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
@media (max-width: 768px) {
  .mlw_qmn_new_question {
    font-size: 18px !important;
  }
}

/* 4. 답변 선택지 라벨(텍스트) 스타일 */
.quiz_section label,
.qmn_mc_answer_wrap label,
.qsm-input-label {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 3px auto !important;
  width: 100% !important;
  max-width: calc(98% - 40px) !important;
  font-size: 16px !important;
  text-align: center !important;
  line-height: 1.25em !important;
  padding-top: 2px !important;
  font-family: 'Pretendard-Bold', sans-serif !important;
  letter-spacing: -0.3px !important;
  word-break: keep-all !important;
  color: #252549 !important;
}
@media (max-width: 768px) {
  .quiz_section label,
  .qmn_mc_answer_wrap label,
  .qsm-input-label {
    font-size: 15px !important;
    padding-top: 1px !important;
  }
}

/* 5. 답변 선택지 호버 및 선택 시 효과 */
.qmn_mc_answer_wrap:hover {
  background: #f3f2f5;
  color: #000;
}
.qmn_mc_answer_wrap input:checked + label { /* 선택된 라디오 버튼의 다음 라벨 */
  border-color: #ff9800 !important; /* 사용되지 않는다면 제거 가능, 혹은 의도된 스타일 */
  font-weight: 700 !important; /* 실제로는 라벨의 색상이나 배경을 변경하는 것이 더 일반적 */
}

/* 6. 질문 번호 스타일 */
.mlw_qmn_question_number {
  margin-right: 1px;
  font-family: 'DOSIyagiMedium', sans-serif !important;
  font-size: 21px;
  font-weight: 500 !important;
  color: white;
}

/* 7. 퀴즈 시작 전 안내 메시지 스타일 */
.mlw_qmn_message_before {
  font-family: 'Pretendard', sans-serif !important;
  word-break: keep-all;
  margin-bottom: -10px !important;
  line-height: 1.6em !important;
}
@media (max-width: 768px) {
  .mlw_qmn_message_before {
    font-size: 16px !important;
  }
}

/* 8. 질문 대표 이미지 스타일 */
.qsm-featured-image img {
  width: 60% !important;
  height: auto !important;
  display: block;
  margin: 10px auto; /* 상하 여백 및 가로 중앙 정렬 */
}

/* 9. 퀴즈 시작하기 버튼 스타일 */
.qmn_btn.mlw_qmn_quiz_link.mlw_next.mlw_custom_start {
  width: 97%;
  max-width: 450px;
  background: #5b5bcb !important;
  color: #ffffff !important;
  font-size: 20px;
  padding: 20px 10px !important;
  border: none;
  border-radius: 50px;
  font-family: 'Pretendard-Bold', sans-serif;
  text-align: center;
  display: block;
  box-shadow: none !important;
  outline: none;
  transition: none; /* 호버 효과 등을 원치 않으면 none 유지 */
}

/* 10. 진행바 텍스트 스타일 */
.qsm-progress-bar .progressbar-text {
  font-family: 'NeoDunggeunmo' !important; /* 다른 파일에서는 NeoDunggeunmoPro-Regular 사용, 일관성 확인 필요 */
  color: #5b5bcb !important;
}

/* 11. 이전/다음/제출 버튼 공통 스타일 */
.qsm-btn.qsm-submit-btn.qmn_btn,
.qmn_btn.mlw_qmn_quiz_link.mlw_previous,
.qmn_btn.mlw_qmn_quiz_link.mlw_next.mlw_custom_next {
  color: #ffffff !important;
  background: #5b5bcb !important;
  border: none !important;
  border-radius: 5px !important;
  font-family: 'Pretendard' !important;
  min-width: 60px !important;
  min-height: 30px !important;
  padding: 2px !important;
  line-height: 1em !important;
  place-content: center !important;
  transition: background 0.2s ease-in-out !important;
}
.qsm-btn.qsm-submit-btn.qmn_btn:hover,
.qmn_btn.mlw_qmn_quiz_link.mlw_previous:hover,
.qmn_btn.mlw_qmn_quiz_link.mlw_next.mlw_custom_next:hover {
  background: #5252a6 !important; /* 호버 시 약간 어두운 색으로 변경 (예시) */
  color: #ffffff !important;
}

/* 12. 진행바 영역(페이지네이션) 레이아웃 (Flexbox 사용) */
.qsm_auto_pagination_enabled .qmn_pagination {
  display: flex !important;
  justify-content: space-between !important; /* 이전 버튼, 진행바, 다음 버튼 간 간격 균등 배분 */
  align-items: center !important; /* 수직 중앙 정렬 */
  flex-wrap: nowrap !important; /* 줄바꿈 없음 */
  padding: 0 10px !important;
}
.qsm_auto_pagination_enabled .qmn_pagination .mlw_previous { /* 이전 버튼 */
  order: -1 !important; /* 가장 왼쪽으로 배치 */
  padding: 0 10px !important;
}
.qsm_auto_pagination_enabled .qmn_pagination .mlw_next { /* 다음 버튼 */
  order: 1 !important; /* 가장 오른쪽으로 배치 */
  padding: 0 9px !important;
}
.qsm_auto_pagination_enabled .qmn_pagination .qsm-progress-bar { /* 진행바 */
  flex-grow: 1 !important; /* 남은 공간 모두 차지 */
  text-align: center;
  margin: 0 5px !important;
}

/* 13. 모바일(500px 이하)에서 진행바 영역 레이아웃 유지 */
@media (max-width: 500px) {
  .qsm_auto_pagination_enabled .qmn_pagination {
    flex-direction: row !important; /* 가로 배치 유지 */
  }
}

/* 14. 진행바 영역 최소 높이 (레이아웃 깨짐 방지용) */
.qmn_pagination.border.margin-bottom {
  min-height: 10px !important;
}

/* 15. QSM 플러그인 기본 오류 메시지 제어 (첫 번째만 표시) */
.qmn_error_message {
  display: none !important;
}
.qmn_error_message:first-of-type { /* 여러 오류 메시지 중 첫 번째 것만 보이도록 */
  display: block !important;
  font-family: 'NeoDunggeunmo' !important; /* 다른 파일에서는 NeoDunggeunmoPro-Regular 사용, 일관성 확인 필요 */
}

/* 16. 각 질문 섹션 하단 간격 */
.quiz_section {
  padding: 0 0 10px 0 !important;
}

/* 17. 이름 등 사용자 정보 입력창 스타일 */
.qsm_contact_div.qsm-contact-type-text {
  display: flex;
  justify-content: center;
  text-align: center;
}
.qsm_contact_div.qsm-contact-type-text input[type="text"] {
  width: 90%;
  max-width: 450px;
  min-height: 55px;
  padding: 10px 20px;
  font-size: 18px;
  color: #333;
  background: #fff;
  border: 3px solid #5b5bcb;
  border-radius: 0; /* 기본 사각 형태로 설정되어 있음 */
  text-align: center;
  font-family: 'Pretendard-Bold', sans-serif;
  box-shadow: none;
  outline: none;
  margin: 5px auto 0px auto;
}
.qsm_contact_div.qsm-contact-type-text input[type="text"]:hover,
.qsm_contact_div.qsm-contact-type-text input[type="text"]:focus {
  border: 3px solid #5252a6; /* 호버/포커스 시 테두리 색 변경 (예시) */
  box-shadow: none;
  outline: none;
}

/* 18. QSM 플러그인 '다시하기' 버튼 숨기기 (커스텀 버튼 사용 의도) */
.qsm-btn.qsm_retake_button.qmn_btn {
  display: none !important;
}

/* 폰트 선언 (@font-face) */
@font-face {
    font-family: 'NeoDunggeunmoPro-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/NeoDunggeunmoPro-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* 결과 페이지 '연구원 등록하기' 버튼 스타일 */
.custom-fullwidth-button {
    display: block !important;
    width: 98% !important;
    box-sizing: border-box !important;
    background-color: #5b5bcb;
    color: #ffffff;
    font-size: max(21px, 1.1vw);
    font-family: 'Pretendard', sans-serif; /* Pretendard-Regular와 동일, 필요시 구체적 두께 지정 */
    font-weight: bold;
    padding: 19px 25px;
    border-radius: 35px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.custom-fullwidth-button:hover {
    background-color: ##4c4cc7 !important;
    color: #ffffff !important;
}

/* 힌트 버튼 관련 스타일 (자바스크립트와 연동) */
.qsm-featured-image { /* 이미지 컨테이너: 힌트 버튼의 상대 위치 기준 */
  position: relative;
}
.qsm-hint.mlw_qmn_hint_link { /* 힌트 버튼 기본 모양 */
  display: inline-block;
  padding: 4px 15px;
  background-color: #f0f0f8;
  color: #5b5bcb;
  border: 1px solid #5b5bcb;
  border-radius: 20px;
  text-decoration: none;
  font-weight: bold;
  font-size: 13.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  /* position: absolute; */
  /* bottom: 10px; */
  /* right: 10px; */
}
.qsm-hint.mlw_qmn_hint_link:hover { /* 힌트 버튼 호버 효과 */
  background-color: #5b5bcb;
  color: #ffffff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transform: translateY(-1px);
}

table td {
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}/* End custom CSS */