@charset "UTF-8";
@import url("font.css");
@import url("/css/web/components/buttons.css?v=20210817");
@import url("/css/web/components/inputs.css?v=20210817");
textarea {
  font-family: "Pretendard";
}

.submain .top_class {
  font-size: 18px;
  font-weight: 500;
  color: #949494;
}
.submain .main_text {
  font-size: 22px;
  font-weight: 700;
  color: #1F1F1F;
}

/* container classes */
.paper {
  padding: 50px 50px 90px;
  border: 1px solid #DDD;
  border-radius: 20px;
  background-color: #FFF;
}

.card {
  border-radius: 15px;
  border: solid 1px rgba(220, 224, 230, 0.8);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
  position: relative;
}

.card.drag_over {
  border: solid 1px rgba(0, 141, 224, 0.8);
}

.card.ui-draggable-dragging {
  position: relative;
  z-index: 999;
  background-color: #FFF;
}

.card--flat {
  background-color: #FFF;
  border-radius: 5px;
  border: solid 1px #D3DCE6;
}

.section {
  padding-top: 60px;
}

.section-alternate {
  background-color: #F0F0F0;
}

/*** atoms ***/
.chip {
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid #0F4C81;
  font-size: 12px;
  /* line-height: 1.75; */
  letter-spacing: -0.48px;
  text-align: left;
  color: #0F4C81;
  display: inline-block;
  cursor: pointer;
}

/*
.chip:hover,

.chip:hover a,

 */
.chip.active,
.chip.active a {
  background-color: #0F4C81;
  color: #FFF;
}

h1.page-title {
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: -1.4px;
  text-align: left;
  color: #000;
}

h2.section-title {
  margin: 0;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.21;
  letter-spacing: -1.4px;
  text-align: left;
  color: #000;
}

span.ic-help {
  display: inline-block;
  width: 61px;
  height: 20px;
  background: center/contain no-repeat url("/assets/images/ic-help.svg");
}

/*** molecules ***/
ul.pagination {
  margin: 0;
  margin-top: 60px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}

ul.pagination li.page {
  width: 28px;
  height: 28px;
  margin: 0 5px;
  border: solid 1px #F6FAFF;
  background-color: #FFF;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.75px;
  text-align: center;
  color: #000;
  cursor: pointer;
}

ul.pagination li.page:hover,
ul.pagination li.page.active {
  background-color: #0F4C81;
}

ul.pagination li.page:hover .btn,
ul.pagination li.page.active .btn {
  color: #FFF;
}

ul.pagination .chevron-left,
ul.pagination .chevron-right {
  width: 28px;
  height: 28px;
  padding: 2px;
}

.table {
  width: 100%;
  border-top: 1px solid #333;
  border-collapse: collapse;
}

.table th {
  background-color: #F9F9FA;
}

.table th,
.table td {
  padding: 13px;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.65px;
  text-align: center;
  color: #333;
}

.table th:last-child,
.table td:last-child {
  border-right: none;
}

.modal-wrap,
#modal-wrap {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.modal-wrap .modal,
#modal-wrap .modal {
  max-width: 600px;
  margin: auto;
  position: relative;
  top: 25%;
  animation-duration: 0.1s;
  animation-name: popin;
  opacity: 1;
}

.modal-wrap .modal .modal-body,
#modal-wrap .modal .modal-body {
  min-height: 110px;
  padding-bottom: 12px;
  background-color: white;
  color: black;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modal-wrap .modal .modal-footer,
#modal-wrap .modal .modal-footer {
  height: 50px;
  border: 1px solid #ccc;
  background-color: white;
  color: black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-wrap .modal .modal-footer .btn-default,
#modal-wrap .modal .modal-footer .btn-default {
  color: #2A7CD5;
  font-weight: 600;
}

@keyframes popin {
  from {
    margin: 50px auto auto;
    opacity: 0;
  }
  to {
    margin: 0 auto auto;
  }
}
.not-available {
  color: rgb(220, 220, 220) !important;
}

.toast-wrap {
  width: 100%;
  position: fixed;
  bottom: 75px;
  display: flex;
  justify-content: center;
}

.toast {
  margin: auto;
  padding: 0.8rem 1rem;
  background-color: #676767;
  border-radius: 1.5rem;
  color: #FFF;
  opacity: 0;
  display: inline-block;
  visibility: hidden;
}

.toast.active {
  visibility: visible;
  opacity: 0.9;
  animation: fade-in 200ms;
}

.toast.deactive {
  visibility: visible;
  opacity: 0;
  animation: fade-out 200ms;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.9;
  }
}
@keyframes fade-out {
  from {
    opacity: 0.9;
  }
  to {
    opacity: 0;
  }
}
textarea {
  font-family: "Pretendard";
}

.submain .top_class {
  font-size: 18px;
  font-weight: 500;
  color: #949494;
}
.submain .main_text {
  font-size: 22px;
  font-weight: 700;
  color: #1F1F1F;
}

.list_ab_cardnews_headtext {
  background-color: #1F1F1F;
  height: 33px;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  border-radius: 5px;
  width: fit-content;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1143px) {
  .list_ab_cardnews_headtext {
    height: 26px;
    padding: 8px;
    color: #FFF;
    font-family: "Pretendard";
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
  }
}
mark {
  background: inherit;
  color: inherit;
}

.container {
  max-width: 1280px;
  width: 100%;
  margin: auto;
}
.container.w600 {
  max-width: 610px;
  width: 610px;
  padding: 60px 0 0;
}
.container.shadow {
  box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.07), 0 15.2px 23.2px 0 rgba(0, 0, 0, 0.02), 0 8.4px 13.8px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.03);
}
.container.default {
  padding: 60px 53px;
  margin-top: 60px;
  border-radius: 20px;
}

.toastify {
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  padding: 16px 24px;
  color: #fff;
  background: rgba(27, 39, 57, 0.95);
}

.Toastify__toast-icon {
  width: 22px;
  height: 22px;
}

.Toastify__toast--info {
  background: rgba(107, 115, 135, 0.8);
}

.Toastify__toast--success {
  background: rgba(48, 173, 120, 0.8);
}

.Toastify__toast--error {
  background: rgba(224, 72, 82, 0.8);
}

.section-alternate {
  background-color: #F0F0F0;
}

ul, ol *,
::before, ::after {
  box-sizing: border-box;
}

::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

body {
  margin: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  height: 100%;
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

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

dl dl, dl ol, dl ul, ol dl, ul dl {
  margin: 0;
}

ol ol, ol ul, ul ol, ul ul {
  margin: 0;
  list-style: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #000;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

input {
  outline: none;
}

#main-content {
  padding-bottom: 403px;
}

#main-content.none_footer {
  padding-bottom: 400px;
}

#wrap {
  padding: 80px 0 0;
  background: #FFF;
  min-height: 100%;
  height: auto;
  position: relative;
}

body {
  margin: 0;
  background-color: #FFF;
  font-family: "Pretendard", "Noto Sans KR", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #231815;
  height: 100%;
}

body.main {
  height: 100%;
}

body.main #wrap {
  padding: 0 0 180px 0;
}

body.main #main-content {
  padding-bottom: 510px;
}

body.main.login #main-content {
  padding-bottom: 403px;
}

body.main footer {
  padding-top: 32px;
}

a, a:visited {
  color: #231815;
  text-decoration: none;
}

a:hover, a:active {
  color: #333;
}

.full-width {
  width: 100%;
  display: block;
}

button {
  font-family: "Pretendard";
  cursor: pointer;
  border: none;
}

span.help-text {
  position: absolute;
  bottom: -30px;
  font-size: 14px;
  color: #D32F2F;
  display: block;
  height: 24px;
  line-height: 24px;
  background: url("/img/icon_error.svg") no-repeat;
  padding-left: 30px;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
div.loding {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  z-index: 300;
}

div.loding div.spinner-border {
  color: #008DE0;
}

.spinner-border {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: -0.125em;
  border: 5px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
textarea {
  font-family: "Pretendard";
}

.submain .top_class {
  font-size: 18px;
  font-weight: 500;
  color: #949494;
}
.submain .main_text {
  font-size: 22px;
  font-weight: 700;
  color: #1F1F1F;
}

body {
  background-color: #FFF;
}
body #main-content {
  width: 100%;
}

.btn_full_login {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: #000;
  position: relative;
  font-weight: 500;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn_full_login.kakao {
  background: #FEE500;
}

.btn_full_login.email {
  background: #008DE0;
  color: #FFF;
}

.btn_full_login.apple {
  background: #000;
  color: #FFF;
}

.btn_full_login::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: 100% auto;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.btn_full_login.email::before {
  background-image: url("/img/scss/btn/icon_btn_email_12_12.svg");
}

.btn_full_login.kakao::before {
  background-image: url("/img/scss/btn/icon_btn_kakao_12_12.svg");
}

.btn_full_login.apple::before {
  background-image: url("/img/scss/btn/icon_btn_apple_12_12.svg");
}

.btn_main_login_circle {
  width: 72px;
  height: 72px;
  border-radius: 36px;
  box-shadow: 0px 11px 31px 0px rgba(0, 0, 0, 0.08), 0px 1.4px 3.9px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn_main_login_circle.kakao {
  background: #FEE500;
}

.btn_main_login_circle.email {
  background: #008DE0;
  border: 1px solid #FFF;
}

.btn_main_login_circle.apple {
  background: #000;
}

.btn_main_login_circle::before {
  width: 24px;
  height: 24px;
  content: "";
  background-size: 100% auto;
  display: inline-block;
  background-repeat: no-repeat;
}

.btn_main_login_circle.kakao::before {
  background-image: url("/img/scss/btn/icon_btn_kakao_24_24.svg");
}

.btn_main_login_circle.email::before {
  background-image: url("/img/scss/btn/icon_btn_email_24_24.svg");
}

.btn_main_login_circle.apple::before {
  background-image: url("/img/scss/btn/icon_btn_apple_24_24.svg");
}

.btn_half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: 24px;
}
.btn_half button {
  height: 64px;
  font-size: 16px;
  border-radius: 12px;
}
.btn_half button.next {
  color: #FFF;
  background-color: #008DE0;
}
.btn_half button.next:disabled {
  color: #FFF;
  background-color: #C8C8C8;
}
.btn_half button.before {
  color: #FFF;
  background-color: #555;
}
.btn_half button.before:disabled {
  color: #FFF;
  background-color: #C8C8C8;
}

.btn_more {
  width: 1280px;
  height: 56px;
  border-radius: 4px;
  background: #F5F5F5;
  color: #949494;
  font-size: 16px;
  font-weight: 500;
  margin: 32px auto;
  display: block;
}
.btn_more::after {
  content: url("/img/scss/icon/icon_more_btn.svg");
  margin-left: 9px;
}

@media screen and (max-width: 1143px) {
  .btn_full_login {
    width: 100%;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
  }
  .btn_full_login::before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 26px;
  }
  .btn_half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 12px;
    bottom: 20px;
  }
  .btn_half button {
    height: 48px;
    font-size: 16px;
    border-radius: 10px;
  }
  .btn_more {
    width: 100%;
    height: auto;
    color: #949494;
    font-size: 13px;
    background: none;
    margin: 28px auto;
    display: block;
  }
  .btn_more::after {
    content: url("/img/scss/icon/icon_down_12_94.svg");
    margin-left: 8px;
  }
}
div.banner {
  height: 120px;
  background: #3A71FF url("/img/major_banner_back.png");
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0 43px;
  gap: 30px;
  cursor: pointer;
}

div.banner div.icon {
  width: 86px;
  height: 86px;
  background: url("/img/icon_smail.png") no-repeat;
  position: relative;
  top: 8px;
}

div.banner div.text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  text-align: left;
}

div.banner div.text span {
  color: #FFFFFF;
}

div.banner div.text span.question {
  font-weight: 700;
  font-size: 22px;
}

div.banner div.text span.question_desc {
  font-weight: 700;
  font-size: 18px;
}

div.banner button.recommend_btn {
  width: 236px;
  height: 60px;
  background: #0C1227;
  border-radius: 40px;
  font-weight: 700;
  font-size: 18px;
  color: #FFF;
}

div.sub_title h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
}

div.sub_title div.description {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%; /* or 26px */
  color: #2B2A2E;
}

div.container.frame_sub {
  display: flex;
}

div.container.frame_sub div.menu {
  flex-basis: 190px;
  flex-shrink: 0;
}

div.container.frame_sub div.sub_container {
  flex-grow: 1;
  padding-left: 100px;
}

@media screen and (max-width: 1143px) {
  div.container.frame_sub {
    display: flex;
    flex-direction: column;
  }
  div.container.frame_sub div.menu {
    flex-basis: 35px;
    margin: 24px 0;
  }
  div.container.frame_sub div.sub_container {
    padding: 0 24px;
  }
}
header {
  width: 100%;
  background-color: #FFF;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  border-bottom: 1px solid #EFEFEF;
}

header div.header__content {
  margin: 0;
  height: 55px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

header div.header__content h1.main_logo {
  width: 190px;
  height: 24px;
  margin: 0;
  padding-top: 3px;
}

header div.header__content h1.main_logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/major_map_black.svg") no-repeat;
  background-size: 100%;
}

header div.header__content ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

header div.header__content ul.menu.gnb {
  flex-grow: 1;
  padding-left: 100px;
}

header div.header__content ul.menu li.menu-item {
  margin-right: 48px;
  display: inline-block;
  letter-spacing: -0.8px;
  color: #000;
  height: 53px;
}

header div.header__content ul.menu li.menu-item:last-child {
  margin-right: 0;
}

header div.header__content ul.menu li.menu-item a {
  color: #3F3F3F;
  font-weight: 500;
  font-size: 18px;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}

header div.header__content ul.menu li.menu-item a:hover {
  color: #1F1F1F;
  font-weight: 700;
}

header div.header__content ul.menu li.menu-item a.on {
  color: #1F1F1F;
  font-weight: 700;
  border-bottom: 4px solid #008DE0;
}

header div.header__content ul.menu li.menu-item a.new_menu.on {
  border: none;
  position: relative;
}

header div.header__content ul.menu li.menu-item a span.new_menu_span {
  display: inline-block;
  width: 110px;
  height: 33px;
  padding: 0;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 18px;
  line-height: 33px;
  border-radius: 55px;
  background: linear-gradient(88.99deg, #0080F6 -1.76%, #AC43FF 103.21%);
  position: relative;
  top: 0;
}

header div.header__content ul.menu li.menu-item a span.new_menu_span span.new {
  font-weight: 500;
  font-size: 14px;
}

header div.header__content ul.menu.my_menu {
  flex-grow: 0;
  gap: 34px;
  display: flex;
}

header div.header__content ul.menu.my_menu li.menu-item {
  margin-right: 0;
}

header div.header__content ul.menu.my_menu li.menu-item a {
  font-size: 16px;
  display: flex;
  align-items: flex-start;
  border: none;
}

header div.header__content ul.menu.my_menu li.menu-item span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

header div.header__content ul.menu.my_menu li.menu-item.login a span.icon {
  width: 19px;
  height: 19px;
  background: url("/img/member/icon_login.svg") no-repeat;
}

header div.header__content ul.menu.my_menu li.menu-item.mypage a span.icon {
  width: 19px;
  height: 19px;
  background: url("/img/member/icon_login.svg") no-repeat;
}

header div.header__content ul.menu.my_menu li.menu-item.bookmark a span.icon {
  width: 22px;
  height: 19px;
  background: url("/img/menu/icon_bookmark.png") no-repeat;
  position: relative;
  top: 2px;
}

header div.header__content ul.menu.my_menu li.menu-item.ambassador a span.icon {
  width: 16px;
  height: 16px;
  background: url("/img/member/icon_menu_ambassador.svg") no-repeat;
  position: relative;
  top: 2px;
}

header div.header__content button.notice {
  display: none;
}

header button.history_back {
  display: none;
}

header button.history_back_black {
  display: none;
}

header button.home {
  display: none;
}

header.mobile_black span.text_header {
  display: none;
}

button.recommend_btn {
  display: flex;
  border-radius: 4px;
  border: 1px solid #DFDFDF;
  background: #FFF;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
button.recommend_btn.on {
  border: 1px solid #008DE0;
}
button.recommend_btn.on span {
  color: #008DE0;
}
button.recommend_btn.on::before {
  content: "";
  background: url("/img/scss/icon/icon_good_fill_16_008DE0.svg");
  background-size: 100%;
}
button.recommend_btn span {
  color: #949494;
  font-size: 16px;
  font-weight: 500;
}
button.recommend_btn span.num {
  font-weight: 600;
}
button.recommend_btn::before {
  width: 16px;
  height: 16px;
  content: "";
  background: url("/img/scss/icon/icon_good_16_94.svg");
  background-size: 100%;
}

@media screen and (max-width: 1143px) {
  button.recommend_btn span {
    font-size: 12px;
    font-weight: 500;
  }
  button.recommend_btn span.num {
    font-weight: 600;
  }
  button.recommend_btn::before {
    width: 12px;
    height: 12px;
  }
  button.recommend_btn span {
    font-size: 12px;
    font-weight: 500;
  }
  button.recommend_btn span.num {
    font-weight: 600;
  }
  button.recommend_btn::before {
    width: 12px;
    height: 12px;
  }
  #main-content.none_footer {
    padding-bottom: 20px;
  }
  input {
    outline: none;
  }
  .container.w600 {
    max-width: 100%;
    width: 100%;
    margin: auto;
  }
  .container.default {
    padding: 0 24px;
    margin-top: 24px;
    border-radius: 20px;
  }
  .container.default .common_padding {
    padding: 0;
  }
  body {
    height: 100%;
  }
  body #wrap {
    height: 100%;
    padding-top: 0;
  }
  body #main-content {
    min-height: 100%;
    height: auto;
    padding-top: 55px;
    padding-bottom: 90px;
    position: relative;
  }
  body.main.login #main-content {
    padding-bottom: 90px;
  }
  button {
    border: none;
    padding: 0;
  }
  body.main header {
    height: 56px;
    border: none;
  }
  body.main header div.header__content h1.main_logo {
    width: 146px;
    height: 17px;
    display: block;
  }
  body.main #main-content {
    padding-bottom: 90px;
  }
  header {
    width: 100%;
    height: 56px;
    background: #FFF;
    padding: 0 24px;
    border-bottom: none;
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: row;
    justify-content: flex-start;
    z-index: 30;
  }
  header div.header__content {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    padding: 0;
    align-items: center;
    gap: 12px;
  }
  header div.header__content h1.main_logo {
    width: 146px;
    height: 17px;
    display: none;
    padding-top: 0;
  }
  header div.header__content h1.main_logo a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/m/common/logo_m.webp") no-repeat;
    background-size: 100% auto;
  }
  header div.header__content span.text_header {
    font-size: 16px;
    font-weight: 500;
  }
  header div.header__content ul.menu.gnb {
    display: none;
  }
  header div.header__content ul.menu.my_menu {
    display: none;
  }
  header div.header__content button.notice {
    width: 24px;
    height: 24px;
    background: url("/img/m/common/Icon_bell.svg") no-repeat;
    display: block;
  }
  header div.header__content button.lab {
    width: 90px;
    height: 30px;
    border-radius: 15px;
    background: linear-gradient(90deg, #0080F6 0%, #AC43FF 100%);
    display: block;
    position: absolute;
    right: 24px;
    top: 13px;
  }
  header div.header__content button.lab:before {
    content: url("/img/m/icon_lab_mobile.svg");
    vertical-align: middle;
    margin-right: 4px;
  }
  header div.header__content button.lab:after {
    content: "연구실";
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
  }
  header.mobile_black div.header__content button.notice {
    display: none;
  }
  header.mobile_black div.header__content {
    justify-content: flex-start;
    gap: 16px;
  }
  header.mobile_black {
    background-color: #1E1E1E;
    justify-content: flex-start;
    z-index: 50;
  }
  header.mobile_black_write {
    background-color: #FFF;
    justify-content: flex-start;
    z-index: 50;
  }
  header button.home {
    display: block;
  }
  header.mobile_black .notice {
    display: none;
  }
  header button.history_back {
    width: 16px;
    height: 16px;
    background: url("/img/scss/icon/icon_right_lt_white_16.svg") no-repeat;
    display: block;
  }
  header button.history_back_white {
    width: 16px;
    height: 16px;
    background: url("/img/scss/icon/icon_right_lt_white_16.svg") no-repeat;
    display: block;
  }
  header.mobile_black_write button.history_back {
    width: 16px;
    height: 16px;
    background: url("/img/scss/icon/icon_right_lt_black_16.svg") no-repeat;
    display: block;
  }
  header.mobile_black_write button.home {
    width: 16px;
    height: 16px;
    background: url("/img/scss/icon/icon_home_fill_16_1F1F.svg") no-repeat;
    display: block;
  }
  header.mobile_black_write.lounge {
    display: flex;
    justify-content: space-between;
  }
  header.mobile_black_write button.search_btn {
    width: 16px;
    height: 16px;
    background: none;
  }
  header.mobile_black_write button.search_btn::before {
    content: url("/img/scss/icon/icon_select_16_1F.svg");
  }
  header.mobile_black button.home {
    width: 24px;
    height: 24px;
    background: url("/img/m/join/icon_join_home.svg") no-repeat;
  }
  header.mobile_black span.text_header {
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
  }
  header button.history_back_black {
    width: 24px;
    height: 24px;
    background: url("/img/m/common/icon_back_black_m.svg") no-repeat;
    display: block;
  }
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FAFAFA;
  width: 100%;
  padding-top: 33px;
}

.footer_login_wrap {
  width: 100%;
  height: 140px;
  background: #2E303A;
  position: fixed;
  bottom: 0;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  z-index: 50;
}

.footer_login_wrap div.container {
  height: 100%;
  display: grid;
  grid-template-columns: 700px 1fr 200px;
  position: relative;
  z-index: 11;
  align-content: center;
}

.footer_login_wrap div.container div.join_text {
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  color: #FFF;
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.footer_login_wrap div.container div.join_text b {
  color: #FFF;
  font-weight: 700;
}
.footer_login_wrap div.container div.join_text b br {
  display: none;
}

.footer_login_wrap div.container div.start_btn_wrap {
  text-align: center;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.footer_login_wrap div.container div.start_btn_wrap button.login {
  display: none;
}

/*
.footer_login_wrap div.container div.start_btn_wrap button{width: 282px; height:65px; font-weight: 700;  font-size: 18px;  line-height: 140%; border-radius: 12px; border:none;}.footer_login_wrap div.container div.start_btn_wrap button span.icon{display: inline-block; margin-right:9px; vertical-align: middle; }
.footer_login_wrap div.container div.start_btn_wrap button.kakao{ color:#191919;box-shadow: 4px 6px 8px 0 rgba(12, 18, 39, 0.20);background-color: #FEE500; }
.footer_login_wrap div.container div.start_btn_wrap button.kakao span.icon{width:24px; height:22px; background:url("/img/sns/icon_kakao.png") no-repeat; position: relative; top:-3px; }
.footer_login_wrap div.container div.start_btn_wrap button.email{  color:#0F4C81; box-shadow: 4px 6px 8px 0 rgba(12, 18, 39, 0.20); background-color:#FFF;}
.footer_login_wrap div.container div.start_btn_wrap button.email span.icon{width:22px; height:22px; background:url("/img/member/icon_email.svg") no-repeat; background-size:100% auto; filter:invert(21%) sepia(98%) saturate(936%) hue-rotate(179deg) brightness(93%) contrast(93%);}
*/
.footer_login_wrap div.container div.join_btn_wrap {
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
  line-height: 37px;
  display: flex;
  align-items: center;
  flex-flow: column;
}

.footer_login_wrap div.container div.join_btn_wrap a {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: #FFF;
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (max-width: 1143px) {
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
  }
  .padding_mobile {
    padding: 0 23px;
  }
  .footer_login_wrap {
    width: 100%;
    height: 135px;
    border-radius: 10px 10px 0 0;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
  }
  .footer_login_wrap div.container {
    grid-template-columns: 1fr 94px;
    align-content: flex-start;
    padding: 16px 24px;
  }
  .footer_login_wrap div.container div.join_text {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
  }
  .footer_login_wrap div.container div.join_text b {
    font-size: 14px;
    font-weight: 600;
  }
  .footer_login_wrap div.container div.join_text b br {
    display: inline;
  }
  .footer_login_wrap div.container div.start_btn_wrap {
    gap: 12px;
    padding-right: 0;
  }
  .footer_login_wrap div.container div.start_btn_wrap button {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    display: none;
  }
  .footer_login_wrap div.container div.start_btn_wrap button.kakao {
    text-indent: -100em;
    background: #FEE500 url("/img/icon_kakao_4k.webp") no-repeat center center;
    background-size: 24px 24px;
  }
  .footer_login_wrap div.container div.start_btn_wrap button.email {
    text-indent: -100em;
    background: #FFF url("/img/m/common/icon_mail.svg") no-repeat center center;
  }
  .footer_login_wrap div.container div.start_btn_wrap button.login {
    width: 100px;
    height: 40px;
    color: #1F1F1F;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    background-color: #FFF;
    display: inline-block;
  }
  .footer_login_wrap div.container div.join_btn_wrap {
    font-size: 12px;
    font-weight: 500;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    grid-column: 1/span 2;
    display: none;
  }
  .footer_login_wrap div.container div.join_btn_wrap br {
    display: none;
  }
  .footer_login_wrap div.container div.join_btn_wrap a {
    font-weight: 700;
    font-size: 12px;
    text-decoration: unset;
    margin-left: 5px;
  }
}
footer * {
  color: #6F6F6F;
}

footer .bol {
  color: #2B2B2B;
}

footer .footer_sub .footer_information div.footer_logo {
  background: url("/img/major_map_black.svg") no-repeat;
}

footer.black {
  background-color: #2A2A2A;
}

footer.black * {
  color: #BEBEBE;
}

footer.black .bol {
  color: #FFFFFF;
}

footer.black .footer_sub .footer_information div.footer_logo {
  background: url("/img/scss/icon/major_map_white2.svg") no-repeat;
}

footer .footer_sub {
  display: grid;
  grid-template-columns: 1fr 222px;
  height: 150px;
  padding-bottom: 4px;
}

footer .footer_sub .footer_information {
  position: relative;
}

footer .footer_sub .footer_information div.footer_logo {
  width: 198px;
  height: 22px;
  background-size: 100% auto;
}

footer .footer_sub .footer_information div.footer_google_education button {
  width: 212px;
  height: 24px;
  background: url("/img/google_education.svg") no-repeat;
  border: none;
  margin-top: 16px;
  background-size: 100% auto;
}

footer .footer_sub .footer_information div.bottom_wrap {
  display: flex;
  position: absolute;
  bottom: 0;
  gap: 54px;
  align-content: center;
}

footer .footer_sub .footer_information div.bottom_wrap ul.footer__menu-items {
  display: flex;
  gap: 24px;
  margin: 0 0 0 0;
  padding: 0;
  align-items: center;
}

footer .footer_sub .footer_information div.bottom_wrap ul.footer__menu-items li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #6F6F6F;
}

footer .footer_sub .footer_information div.bottom_wrap ul.footer__menu-items li a b {
  font-weight: 700;
}

footer .footer_sub .footer_information div.bottom_wrap ul.footer__menu-items li a.on {
  color: #2B2B2B;
}

footer .footer_sub .footer_information div.bottom_wrap ul.sns_list {
  display: flex;
  gap: 20px;
  padding: 0;
  margin: 0;
  align-items: center;
}

footer .footer_sub .footer_information div.bottom_wrap ul.sns_list li a {
  width: 24px;
  height: 24px;
  display: inline-block;
}

footer .footer_sub .footer_information div.bottom_wrap ul.sns_list li.facebook a {
  background: url("/img/sns/icon_facebook.png") no-repeat;
}

footer .footer_sub .footer_information div.bottom_wrap ul.sns_list li.instagram a {
  background: url("/img/sns/icon_insta.png") no-repeat;
}

footer .footer_sub .footer_information div.bottom_wrap ul.sns_list li.youtube a {
  background: url("/img/sns/icon_youtube.png") no-repeat;
}

footer .footer_sub .footer_information div.bottom_wrap ul.sns_list li.blog a {
  background: url("/img/sns/icon_blog.png") no-repeat;
}

@media screen and (max-width: 1143px) {
  footer .footer_sub .footer_information {
    display: none;
  }
  footer.not_footer {
    display: none;
  }
}
footer .footer_sub .footer_sub_menu {
  display: flex;
  justify-content: space-evenly;
}

footer .footer_sub .footer_sub_menu ul.menu {
  display: flex;
  gap: 32px;
  margin: 5px 0;
  width: 100%;
  flex-direction: column;
  padding: 0;
}

footer .footer_sub .footer_sub_menu ul.menu li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #777777;
}

footer .footer_sub .footer_sub_menu ul.menu li a span.new {
  color: #008De0;
}

footer .footer_sub .footer_sub_menu ul.menu.main_menu_copy {
  width: 200px;
}

footer.black .footer_sub .footer_sub_menu ul.menu.main_menu_copy li a {
  color: #F5F5F5;
  font-weight: 400;
}

footer.black .footer_sub .footer_sub_menu ul.menu.program_menu_copy li a,
footer.black .footer_sub .footer_sub_menu ul.menu.etc_menu_copy li a {
  font-weight: 500;
  font-size: 14px;
  color: #F5F5F5;
}

footer .footer_sub .mobile_menu {
  display: none;
}

footer.black .footer_sub .footer_information div.bottom_wrap ul.footer__menu-items li a {
  color: #C8C8C8;
}

footer .footer_copyright {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 16px 0 32px;
  margin-top: 0;
  border-top: 1px solid #E8E8E8;
}

footer .footer_copyright div.copyright {
  display: flex;
  flex-basis: 600px;
  flex-flow: column;
  gap: 8px;
}

footer .footer_copyright div.copyright div.copyright_text {
  font-weight: 500;
  font-size: 14px;
  line-height: 180%;
  color: #777;
  margin-bottom: 9px;
}

footer .footer_copyright div.copyright div.majormap-info {
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: #777;
}

footer .footer_copyright div.copyright div.majormap-info a span {
  font-weight: 700;
  font-size: 12px;
}

footer.black .footer_copyright {
  border-top: 1px solid #555555;
}

footer.black .footer_copyright div.copyright div.copyright_text {
  color: #C8C8C8;
}

footer.black .footer_copyright div.copyright div.majormap-info {
  color: #C8C8C8;
}

footer .footer_copyright ul.copyright_menu {
  display: flex;
  gap: 40px;
  padding-left: 95px;
  margin: 0;
  justify-content: flex-end;
}

footer .footer_copyright ul.copyright_menu li a {
  font-weight: 500;
  font-size: 14px;
  color: #777;
}

footer.black .footer_copyright ul.copyright_menu li a {
  color: #BEBEBE;
}

#main-content h2 {
  font-weight: 700;
  font-size: 20px;
  margin: 60px auto 28px;
}

footer div.mobile_main_back {
  display: none;
}

@media screen and (max-width: 1143px) {
  div.promotion-modal__wrap {
    z-index: 55;
  }
  .promotion-modal--1 {
    padding: 0 60px;
    position: fixed;
    z-index: 60;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(30, 30, 30, 0.8);
    justify-content: center;
    display: flex;
  }
  .promotion-modal--m {
    position: fixed;
    z-index: 60;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(30, 30, 30, 0.8);
    justify-content: center;
    display: flex;
  }
  .promotion-modal__body {
    width: 100%;
    height: auto;
    position: relative;
    right: 0;
    top: 15%;
  }
  .promotion-modal__body img {
    max-width: 100%;
  }
  .promotion-modal__body div.bottom_wrap {
    position: relative;
  }
  .promotion-modal--1 .promotion-modal__body {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 0;
  }
  .promotion-modal--1 .promotion-modal__body .body_contents > a {
    width: 100%;
    height: auto;
    display: inline;
    align-items: center;
    justify-content: center;
  }
  .promotion-modal--1 .promotion-modal__body .body_contents > a img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .promotion-modal--1 .promotion-modal__body .body_contents > a:nth-child(2) img {
    width: 100%;
    object-fit: cover;
  }
  .promotion-modal--1 {
    display: none;
  }
  .promotion-modal--2 {
    display: none;
  }
  .promotion-modal--m {
    display: none;
  }
  /*
  .promotion-modal--m .promotion-modal__body{
    position: fixed;  right:0; bottom:55px;
    height:224px;
    top: auto;
    background:#FFF;
    border-radius: 20px 20px 0px 0px;
    div.body_contents{
      background-color:#FFF06F; padding:32px 24px;
      border-radius: 20px 20px 0px 0px;
      div.head{
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        color:#1F1F1F;
        margin-bottom: 8px;

      }
      div.modal_title{
        *{color:#2A2A2A;}
        div.top{
          font-size: 18px;
          font-weight: 700;
          color:#0051F4;
        }
        h4{
          font-size: 18px;
          font-weight: 700;
          margin:0px 0 13px;
        }
      }
      a{
        color:#1F1F1F;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        text-decoration: underline;



      }
      &::after{
        content:'';
        width: 100px;
        height: 100px;
        background:url("/img/banner/banner_july_m.webp") no-repeat;
        background-size:100%;
        position: absolute;
        top:32px;
        right:24px;
      }
    }
    div.bottom_wrap{
      display: grid;
      width: 100%;
      grid-template-columns:1fr 1fr;
      align-items: stretch;
      height:44px;
      background-color: #FFF;
      a{display: block;
        height: 44px;
        color: #1F1F1F;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px;
        &.suppress{color:#1F1F1F;}

      }

    }


  }

   */
  .promotion-modal--m .promotion-modal__body {
    position: fixed;
    right: 0;
    bottom: 55px;
    height: 195px;
    top: auto;
    border-radius: 0;
    background: none;
  }
  .promotion-modal--m .promotion-modal__body div.body_contents {
    background-color: #00BF43;
    padding: 32px 24px;
    border-radius: 20px 20px 0px 0px;
  }
  .promotion-modal--m .promotion-modal__body div.body_contents div.modal_title * {
    color: #FFF;
  }
  .promotion-modal--m .promotion-modal__body div.body_contents div.modal_title div.top {
    font-size: 13px;
    font-weight: 500;
  }
  .promotion-modal--m .promotion-modal__body div.body_contents div.modal_title h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0 16px;
  }
  .promotion-modal--m .promotion-modal__body div.body_contents a {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    text-decoration: underline;
  }
  .promotion-modal--m .promotion-modal__body div.body_contents img {
    width: 100px;
    height: 100px;
    background-size: 100%;
    position: absolute;
    top: 32px;
    right: 24px;
  }
  .promotion-modal--m .promotion-modal__body div.bottom_wrap {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    height: 44px;
    background-color: #FFF;
  }
  .promotion-modal--m .promotion-modal__body div.bottom_wrap a {
    display: block;
    height: 44px;
    color: #1F1F1F;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
  }
  .promotion-modal--m .promotion-modal__body div.bottom_wrap a.suppress {
    color: #1F1F1F;
  }
  .check_modal_wrap {
    width: 100%;
    height: auto;
    border-radius: 20px;
    padding: 28px 24px;
  }
  .check_modal_wrap h4 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .check_modal_wrap div.btn_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: center;
  }
  .check_modal_wrap div.btn_wrap button.close_modal_bottom {
    border-radius: 12px;
    height: 48px;
    width: 100%;
    position: relative;
    background: #2B2B2B;
    color: #FFF;
    text-indent: 0;
    top: 0;
    left: 0;
    font-weight: 500;
    font-size: 16px;
  }
  .check_modal_wrap div.btn_wrap button.ok_btn {
    width: auto;
    height: 48px;
    box-shadow: none;
  }
  footer div.mobile_main_back {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 50;
    background: rgba(30, 30, 30, 0.8);
    top: 0;
    left: 0;
  }
  footer div.mobile_main_back.on {
    display: block;
  }
  footer div.mobile_main_back ul.mobile_main_menu {
    position: fixed;
    bottom: 87px;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    z-index: 51;
  }
  footer div.mobile_main_back ul.mobile_main_menu li {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #FFF;
  }
  footer div.mobile_main_back ul.mobile_main_menu li a {
    width: 100%;
    height: 100%;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #008DE0;
    font-size: 10px;
    text-align: center;
  }
  footer div.mobile_main_back ul.mobile_main_menu li a.footer_main_major::before {
    content: url("/img/m/main/icon_menu_major_m.svg");
  }
  footer div.mobile_main_back ul.mobile_main_menu li a.footer_main_univ::before {
    content: url("/img/m/main/icon_menu_univ_m.svg");
  }
  footer div.mobile_main_back ul.mobile_main_menu li a.footer_main_job::before {
    content: url("/img/m/main/icon_menu_job_m.svg");
  }
  body.main footer {
    padding: 0;
  }
  footer {
    width: 100%;
    height: 56px;
    bottom: 0;
    z-index: 100;
    position: fixed;
    background-color: #FFF;
    padding: 0;
    left: 0;
  }
  footer.black {
    background-color: #FFF;
    padding: 0;
  }
  footer .footer_sub {
    grid-template-columns: 1fr;
    position: relative;
    z-index: 51;
  }
  footer .footer_sub .footer_sub_menu {
    height: 100%;
  }
  footer .footer_sub .footer_sub_menu ul.menu {
    padding: 0;
    margin: 0;
    display: none;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: #FFF;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div {
    height: 100%;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    align-items: center;
    padding-top: 8px;
    background-color: #FFF;
    border: none;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div a {
    color: #C8C8C8;
    font-weight: 500;
    font-size: 12px;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.on a {
    color: #008DE0;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_home_menu::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_home_fill_16_1F.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_home_menu.on::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_home_fill_16_008DE0.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_ambassador_menu::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_lounge_fill_16_C8.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_ambassador_menu.on::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_lounge_fill_16_008DE0.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_contents_menu::before {
    width: 16px;
    height: 24px;
    content: 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%3Cmask id='mask0_8629_12535' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8629_12535)'%3E%3Cpath d='M14.2857 16H1.71429C1.2381 16 0.833333 15.8333 0.5 15.5C0.166667 15.1667 0 14.7619 0 14.2857V1.71429C0 1.2381 0.166667 0.833333 0.5 0.5C0.833333 0.166667 1.2381 0 1.71429 0H14.2857C14.7619 0 15.1667 0.166667 15.5 0.5C15.8333 0.833333 16 1.2381 16 1.71429V14.2857C16 14.7619 15.8333 15.1667 15.5 15.5C15.1667 15.8333 14.7619 16 14.2857 16ZM8.5 5.21429L3.64286 10.0714L3.42857 12.1071C3.42857 12.1786 3.44048 12.2619 3.46429 12.3571C3.5119 12.4286 3.57143 12.4881 3.64286 12.5357C3.7381 12.5595 3.82143 12.5714 3.89286 12.5714L5.92857 12.3571L10.7857 7.5C10.881 7.40476 10.881 7.30952 10.7857 7.21429L8.82143 5.21429C8.70238 5.11905 8.59524 5.11905 8.5 5.21429ZM12.3214 4.75L11.25 3.67857C11.0833 3.5119 10.881 3.42857 10.6429 3.42857C10.4048 3.42857 10.2024 3.5119 10.0357 3.67857L9.21429 4.5C9.11905 4.59524 9.11905 4.70238 9.21429 4.82143L11.1786 6.78571C11.2976 6.88095 11.4048 6.88095 11.5 6.78571L12.3214 5.96429C12.4881 5.79762 12.5714 5.59524 12.5714 5.35714C12.5714 5.11905 12.4881 4.91667 12.3214 4.75Z' fill='%23C8C8C8'/%3E%3C/g%3E%3C/svg%3E");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_contents_menu.on::before {
    width: 16px;
    height: 24px;
    content: 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%3Cmask id='mask0_8629_9051' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8629_9051)'%3E%3Cpath d='M14.2857 16H1.71429C1.2381 16 0.833333 15.8333 0.5 15.5C0.166667 15.1667 0 14.7619 0 14.2857V1.71429C0 1.2381 0.166667 0.833333 0.5 0.5C0.833333 0.166667 1.2381 0 1.71429 0H14.2857C14.7619 0 15.1667 0.166667 15.5 0.5C15.8333 0.833333 16 1.2381 16 1.71429V14.2857C16 14.7619 15.8333 15.1667 15.5 15.5C15.1667 15.8333 14.7619 16 14.2857 16ZM8.5 5.21429L3.64286 10.0714L3.42857 12.1071C3.42857 12.1786 3.44048 12.2619 3.46429 12.3571C3.5119 12.4286 3.57143 12.4881 3.64286 12.5357C3.7381 12.5595 3.82143 12.5714 3.89286 12.5714L5.92857 12.3571L10.7857 7.5C10.881 7.40476 10.881 7.30952 10.7857 7.21429L8.82143 5.21429C8.70238 5.11905 8.59524 5.11905 8.5 5.21429ZM12.3214 4.75L11.25 3.67857C11.0833 3.5119 10.881 3.42857 10.6429 3.42857C10.4048 3.42857 10.2024 3.5119 10.0357 3.67857L9.21429 4.5C9.11905 4.59524 9.11905 4.70238 9.21429 4.82143L11.1786 6.78571C11.2976 6.88095 11.4048 6.88095 11.5 6.78571L12.3214 5.96429C12.4881 5.79762 12.5714 5.59524 12.5714 5.35714C12.5714 5.11905 12.4881 4.91667 12.3214 4.75Z' fill='%23008DE0'/%3E%3C/g%3E%3C/svg%3E");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_lab_menu {
    position: relative;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_lab_menu::before {
    width: 16px;
    height: 24px;
    content: url("/img/m/common/icon_lab.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_lab_menu::after {
    width: 4px;
    height: 4px;
    content: url("/img/m/icon_lab_ellipse.svg");
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: 8px;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_lab_menu.on::before {
    width: 16px;
    height: 24px;
    content: url("/img/m/common/icon_lab_on.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_center button.center_btn {
    width: 72px;
    height: 72px;
    background: url("/img/icon_bottom_menu_4x.webp") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -13px;
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_bookmark_menu::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_heart_fill_16_C8.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_bookmark_menu.on::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_heart_fill_16_008DE0.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_mypage_menu::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_my_fill_16_C8.svg");
  }
  footer .footer_sub .footer_sub_menu div.mobile_menu div.footer_mypage_menu.on::before {
    width: 16px;
    height: 24px;
    content: url("/img/scss/icon/icon_my_fill_16_008DE0.svg");
  }
  footer .footer_copyright {
    display: none;
  }
}
.sub_container button.btn_more {
  width: 100%;
}

.board {
  border-radius: 20px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 60px 40px;
}
.board.lounge {
  margin-top: 80px;
}
.board .none_pad {
  border: none;
}
.board.scrap {
  padding: 0 0;
  border: none;
  max-width: none;
  width: 100%;
}
.board.scrap div.title_bar {
  margin-bottom: 32px;
}
.board.detail {
  margin-top: 60px;
  padding: 60px 0;
}
.board.detail div.title_area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 40px;
}
.board.detail div.title_area div.category_detail {
  width: 98px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 400;
  color: #777;
  background: #F5F5F5;
}
.board.detail div.title_area h3 {
  margin: 12px 0 0;
  color: #1F1F1F;
  font-size: 28px;
  font-weight: 700;
}
.board.detail div.title_area div.info {
  display: flex;
  justify-content: space-between;
  color: #949494;
}
.board.detail div.title_area div.info div.writer {
  font-size: 18px;
  font-weight: 500;
}
.board.detail div.title_area div.info div.datecount {
  display: flex;
  gap: 16px;
  align-items: center;
}
.board.detail div.title_area div.info div.datecount span {
  color: #949494;
  font-size: 18px;
  font-weight: 500;
}
.board.detail div.title_area div.info div.datecount span.bar {
  display: inline-block;
  height: 18px;
  width: 1px;
  font-size: 0;
  background-color: #949494;
}
.board.detail div.content {
  padding: 42px 40px 0;
}
.board.detail div.content * {
  max-width: 100%;
}
.board.detail div.content .paper {
  padding: 0 0 0;
  border: 1px solid #FFF;
  font-size: 14pt;
}
.board.detail div.content .paper img {
  height: auto;
}
.board.detail div.content .paper div {
  max-width: 100%;
}
.board.detail div.recommend {
  margin: 32px 0 60px;
  width: 100%;
  border: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 0 40px;
}
.board.detail div.recommend div.scrap_wrap {
  display: flex;
  gap: 16px;
}
.board.detail div.recommend div.scrap_wrap button {
  width: 110px;
  height: 50px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board.detail div.recommend div.scrap_wrap button.scrap_btn {
  border: 1px solid #DFDFDF;
  color: #949494;
  font-size: 16px;
  font-weight: 500;
  background: #FFF;
}
.board.detail div.recommend div.scrap_wrap button.scrap_btn.on {
  border: 1px solid #008DE0;
  color: #008DE0;
}
.board.detail div.recommend div.scrap_wrap button.scrap_btn.on::before {
  content: 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='M2 16V1.5C2 1.08333 2.14583 0.729167 2.4375 0.4375C2.72917 0.145833 3.08333 0 3.5 0H12.5C12.9167 0 13.2708 0.145833 13.5625 0.4375C13.8542 0.729167 14 1.08333 14 1.5V16L8 12.5L2 16Z' fill='%23008DE0'/%3E%3C/svg%3E");
}
.board.detail div.recommend div.scrap_wrap button.scrap_btn::before {
  width: 16px;
  height: 16px;
  content: 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='M12.5 0C12.9167 0 13.2708 0.145833 13.5625 0.4375C13.8542 0.729167 14 1.08333 14 1.5V16L8 12.5L2 16V1.5C2 1.08333 2.14583 0.729167 2.4375 0.4375C2.72917 0.145833 3.08333 0 3.5 0H12.5ZM13 14.25V1.5C13 1.35417 12.9479 1.23958 12.8438 1.15625C12.7604 1.05208 12.6458 1 12.5 1H3.5C3.35417 1 3.22917 1.05208 3.125 1.15625C3.04167 1.23958 3 1.35417 3 1.5V14.25L8 11.3438L13 14.25Z' fill='%23949494'/%3E%3C/svg%3E");
  display: inline-block;
  margin-right: 8px;
}
.board.detail div.recommend div.scrap_wrap button.share_btn {
  color: #3F3F3F;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid var(--gray-750, #3F3F3F);
  background: none;
}
.board.detail div.recommend div.scrap_wrap button.share_btn::before {
  width: 16px;
  height: 16px;
  content: 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='M12.4009 10.4C11.5558 10.4 10.8072 10.7823 10.2938 11.3743L6.21918 8.96627C6.33078 8.664 6.40091 8.3412 6.40091 8C6.40091 7.6612 6.33145 7.34053 6.22118 7.04L10.2956 4.628C10.8089 5.2188 11.5568 5.6 12.4008 5.6C13.9472 5.6 15.2008 4.3464 15.2008 2.8C15.2008 1.2536 13.9472 0 12.4008 0C10.8544 0 9.60078 1.2536 9.60078 2.8C9.60078 3.142 9.67091 3.4656 9.78318 3.76853L5.71198 6.1792C5.19851 5.5844 4.44825 5.2 3.60078 5.2C2.05438 5.2 0.800781 6.4536 0.800781 8C0.800781 9.5464 2.05438 10.8 3.60078 10.8C4.44571 10.8 5.19411 10.418 5.70758 9.82627L9.78238 12.2341C9.67078 12.5364 9.60078 12.8591 9.60078 13.2C9.60078 14.7465 10.8544 16 12.4008 16C13.9472 16 15.2008 14.7464 15.2008 13.2C15.2008 11.6536 13.9473 10.4 12.4009 10.4ZM12.4009 1C13.3934 1 14.2009 1.80747 14.2009 2.8C14.2009 3.79253 13.3933 4.6 12.4009 4.6C11.4085 4.6 10.6009 3.7924 10.6009 2.8C10.6009 1.8076 11.4084 1 12.4009 1ZM3.60091 9.8C2.60838 9.8 1.80091 8.99253 1.80091 8C1.80091 7.00747 2.60851 6.2 3.60091 6.2C4.59331 6.2 5.40091 7.0076 5.40091 8C5.40091 8.9924 4.59345 9.8 3.60091 9.8ZM12.4009 15C11.4084 15 10.6009 14.1924 10.6009 13.2C10.6009 12.2076 11.4084 11.4 12.4009 11.4C13.3934 11.4 14.2009 12.2075 14.2009 13.2C14.2009 14.1925 13.3933 15 12.4009 15Z' fill='%233F3F3F'/%3E%3C/svg%3E");
  display: inline-block;
  margin-right: 8px;
}
.board.detail div.recommend button.recommend_btn {
  width: 150px;
  height: 50px;
  display: flex;
  border-radius: 4px;
  border: 1px solid #DFDFDF;
  background: #FFF;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.board.detail div.recommend button.recommend_btn.on {
  border: 1px solid #008DE0;
}
.board.detail div.recommend button.recommend_btn.on span {
  color: #008DE0;
}
.board.detail div.recommend button.recommend_btn.on::before {
  content: 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%3Cmask id='mask0_8839_17096' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8839_17096)'%3E%3Cpath d='M3.25 7C3.45833 7 3.63542 7.07292 3.78125 7.21875C3.92708 7.36458 4 7.54167 4 7.75V15.25C4 15.4583 3.92708 15.6354 3.78125 15.7812C3.63542 15.9271 3.45833 16 3.25 16H0.75C0.541667 16 0.364583 15.9271 0.21875 15.7812C0.0729167 15.6354 0 15.4583 0 15.25V7.75C0 7.54167 0.0729167 7.36458 0.21875 7.21875C0.364583 7.07292 0.541667 7 0.75 7H3.25ZM1.46875 14.5312C1.61458 14.6771 1.79167 14.75 2 14.75C2.20833 14.75 2.38542 14.6771 2.53125 14.5312C2.67708 14.3854 2.75 14.2083 2.75 14C2.75 13.7917 2.67708 13.6146 2.53125 13.4688C2.38542 13.3229 2.20833 13.25 2 13.25C1.79167 13.25 1.61458 13.3229 1.46875 13.4688C1.32292 13.6146 1.25 13.7917 1.25 14C1.25 14.2083 1.32292 14.3854 1.46875 14.5312ZM12 2.53125C12 3.05208 11.8333 3.64583 11.5 4.3125C11.1667 4.95833 10.9896 5.35417 10.9688 5.5H14.125C14.6458 5.5 15.0833 5.6875 15.4375 6.0625C15.8125 6.41667 16 6.83333 16 7.3125C16 7.9375 15.8021 8.44792 15.4062 8.84375H15.375C15.5417 9.19792 15.6042 9.61458 15.5625 10.0938C15.5208 10.5729 15.3646 10.9896 15.0938 11.3438C15.2188 11.7604 15.2292 12.1875 15.125 12.625C15.0208 13.0417 14.8438 13.3958 14.5938 13.6875C14.7188 14.2292 14.6562 14.6875 14.4062 15.0625C14.1979 15.3542 13.875 15.5729 13.4375 15.7188C13 15.8646 12.6042 15.9479 12.25 15.9688C11.9167 15.9896 11.4479 16 10.8438 16H10.75C9.75 16 8.5 15.6667 7 15C6.27083 14.6667 5.72917 14.5 5.375 14.5C5.27083 14.5 5.17708 14.4583 5.09375 14.375C5.03125 14.3125 5 14.2292 5 14.125V7.4375C5 7.33333 5.04167 7.25 5.125 7.1875C5.54167 6.75 6.02083 6.13542 6.5625 5.34375C7.125 4.53125 7.57292 3.96875 7.90625 3.65625C8.19792 3.34375 8.45833 2.72917 8.6875 1.8125C8.97917 0.604167 9.33333 0 9.75 0C9.97917 0 10.1979 0.03125 10.4062 0.09375C10.6354 0.135417 10.875 0.239583 11.125 0.40625C11.3958 0.552083 11.6042 0.8125 11.75 1.1875C11.9167 1.5625 12 2.01042 12 2.53125Z' fill='%23008DE0'/%3E%3C/g%3E%3C/svg%3E");
}
.board.detail div.recommend button.recommend_btn span {
  color: #949494;
  font-size: 16px;
  font-weight: 500;
}
.board.detail div.recommend button.recommend_btn span.num {
  font-weight: 600;
}
.board.detail div.recommend button.recommend_btn::before {
  content: url("/img/scss/icon/icon_good_16_DF.svg");
  margin-right: 4px;
}
.board.detail div.recommend div.recommend_desc {
  color: #949494;
  font-size: 14px;
  font-weight: 500;
  border: none;
}
.board.detail div.board {
  padding: 0 40px;
}
.board.detail ul.board_list {
  margin-top: 24px;
}
.board div.title_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board div.title_bar h3 {
  color: #1F1F1F;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.board div.title_bar a {
  color: #777;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.board div.title_bar a::after {
  margin-left: 8px;
  content: url("/img/scss/icon/icon_gt_16_77.svg");
  vertical-align: text-top;
  font-size: 16px;
}
.board ul.category_list {
  padding: 0;
  display: flex;
  gap: 12px;
  margin: 24px 0 48px;
  flex-wrap: nowrap;
  overflow: auto;
}
.board ul.category_list li {
  width: 98px;
  height: 42px;
  flex-shrink: 0;
}
.board ul.category_list li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 400;
  color: #777;
  background: #F5F5F5;
  cursor: pointer;
}
.board ul.category_list li a.on {
  color: #FFF;
  background: #008DE0;
}
.board .flicking-lounge {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.board .flicking-lounge .flicking-camera {
  padding-top: 24px;
  display: flex;
  gap: 48px;
}
.board .flicking-lounge .flicking-camera ul.board_list {
  margin: 0 0 0;
}
.board .flicking-lounge .flicking-camera ul.board_list li {
  width: 100%;
}
.board .flicking-lounge div.flicking-pagination {
  display: none;
  justify-content: center;
  gap: 10px;
  width: 100%;
  bottom: 24px;
}
.board .flicking-lounge div.flicking-pagination span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.board .flicking-lounge div.flicking-pagination span.flicking-pagination-bullet {
  background-color: #C8C8C8;
}
.board .flicking-lounge div.flicking-pagination span.flicking-pagination-bullet.flicking-pagination-bullet-active {
  background-color: #008DE0;
}
.board ul.board_list {
  padding: 0;
  display: grid;
  grid-template-columns: 100%;
  gap: 32px;
  margin: 0 0 0;
  width: 100%;
}
.board ul.board_list.both {
  grid-template-columns: 1fr 1fr;
  gap: 32px 48px;
}
.board ul.board_list.lounge.both {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-wrap: wrap;
  height: 536px;
}
.board ul.board_list.lounge.both li {
  width: calc(50% - 12px);
}
.board ul.board_list.lounge li {
  flex-direction: column;
  gap: 16px;
}
.board ul.board_list.lounge li div.univ {
  width: fit-content;
  background-color: #FCFCFC;
  border-radius: 5px;
  border: 1px solid #EFEFEF;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  padding: 12px 16px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.board ul.board_list.lounge li div.univ div.univ_img {
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.board ul.board_list.lounge li div.univ div.univ_img img {
  width: 100%;
  height: 100%;
}
.board ul.board_list.lounge li div.univ div.univ_text {
  color: #777;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.board ul.board_list.lounge li div.under_wrap {
  display: flex;
  gap: 8px;
}
.board ul.board_list li {
  width: 100%;
  padding: 0 0 16px;
  border-bottom: 1px solid #DFDFDF;
  display: flex;
  gap: 8px;
  overflow: hidden;
}
.board ul.board_list li.none {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 64px;
  border: none;
}
.board ul.board_list li.none::before {
  width: 188px;
  height: 158px;
  content: "";
  background: url("/img/new/none_img.webp") no-repeat;
  background-size: 100%;
  display: block;
}
.board ul.board_list li.none div.none_text {
  color: #777;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-top: 16px;
}
.board ul.board_list li.none button.search_btn {
  width: 300px;
  height: 70px;
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  background: #008DE0;
  color: #FFF;
  margin-top: 32px;
}
.board ul.board_list li div.info {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-width: 0;
}
.board ul.board_list li div.info div.title {
  width: 100%;
  color: #3F3F3F;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.board ul.board_list li div.info div.title.top_fix::before {
  content: url("/img/scss/icon/icon_fix.svg");
  margin-right: 8px;
}
.board ul.board_list li div.info div.title span.head_text {
  color: #949494;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  border-radius: 20px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  text-align: center;
  vertical-align: middle;
  margin-right: 8px;
  border: 1px solid #EFEFEF;
  background: #FCFCFC;
}
.board ul.board_list li div.info div.title a {
  color: #3F3F3F;
  font-weight: 500;
}
.board ul.board_list li div.info div.count_wrap {
  display: flex;
  gap: 12px;
  flex-direction: row-reverse;
}
.board ul.board_list li div.info div.count_wrap > div {
  height: 16px;
  color: #949494;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.board ul.board_list li div.info div.count_wrap > div::before {
  display: block;
  font-size: 16px;
  margin-right: 6px;
}
.board ul.board_list li div.info div.count_wrap div.book_count::before {
  content: url("/img/scss/icon/icon_good2_16_94.svg");
}
.board ul.board_list li div.info div.count_wrap div.view_count::before {
  content: url("/img/scss/icon/icon_view2_16_94.svg");
}
.board ul.board_list li div.info div.count_wrap div.comment_count::before {
  content: url("/img/scss/icon/icon_comment_count_16_94.svg");
}
.board ul.board_list li div.info div.date {
  line-height: 16px;
  color: #949494;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.board ul.board_list li div.info div.date::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 1px;
  background-color: #949494;
  vertical-align: bottom;
  margin-right: 16px;
}
.board ul.board_list li div.img {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  overflow: hidden;
}
.board ul.board_list li div.img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.board div.board button.btn_more {
  display: none;
  width: 100%;
  height: 48px;
  border-radius: 10px;
  background: #F5F5F5;
  color: #949494;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

@media screen and (max-width: 1143px) {
  div.modal_wrap {
    display: none;
  }
  div.modal.on div.modal_wrap {
    display: flex;
  }
  #main-content.none_footer {
    padding-bottom: 0;
  }
  body #main-content div.container.frame_sub {
    height: 100%;
  }
  body #main-content div.container.frame_sub .sub_container {
    height: 100%;
  }
  body #main-content div.container.frame_sub .sub_container .board.container.scrap:has(li.none) {
    height: 100%;
  }
  body #main-content div.container.frame_sub .sub_container .board.container.scrap:has(li.none) ul.board_list {
    height: 100%;
  }
  .board {
    border-radius: 0;
    border: none;
    background: #FFF;
    padding: 0 24px;
    margin-top: 30px;
  }
  .board.lounge {
    margin-top: 24px;
  }
  .board.detail {
    margin-top: 30px;
    padding: 0 0;
  }
  .board.detail div.title_area {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 24px;
  }
  .board.detail div.title_area div.category_detail {
    padding: 0 12px;
    width: fit-content;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 400;
    background: #F5F5F5;
  }
  .board.detail div.title_area h3 {
    margin: 8px 0 0;
    font-size: 18px;
  }
  .board.detail div.title_area div.info {
    display: flex;
    justify-content: space-between;
    color: #949494;
  }
  .board.detail div.title_area div.info div.writer {
    font-size: 13px;
    font-weight: 500;
  }
  .board.detail div.title_area div.info div.datecount {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .board.detail div.title_area div.info div.datecount span {
    color: #949494;
    font-size: 13px;
    font-weight: 500;
  }
  .board.detail div.title_area div.info div.datecount span.bar {
    height: 12px;
    width: 1px;
    font-size: 0;
    background-color: #949494;
  }
  .board.detail div.content {
    padding: 32px 24px 0;
  }
  .board.detail div.content .paper {
    border: none;
    font-size: 14pt;
  }
  .board.detail div.content .paper img {
    max-width: 100%;
    object-fit: cover;
    height: auto;
  }
  .board.detail div.content .paper div {
    max-width: 100%;
  }
  .board.detail div.recommend {
    margin: 24px 0;
    padding: 0 24px;
    width: 100%;
    border: none;
    gap: 12px;
  }
  .board.detail div.recommend div.scrap_wrap {
    display: flex;
    gap: 8px;
  }
  .board.detail div.recommend div.scrap_wrap button {
    width: 71px;
    height: 35px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .board.detail div.recommend div.scrap_wrap button.scrap_btn {
    border: 1px solid #DFDFDF;
    color: #949494;
    font-size: 12px;
    font-weight: 600;
    background: #FFF;
  }
  .board.detail div.recommend div.scrap_wrap button.scrap_btn.on {
    border: 1px solid #008DE0;
    color: #008DE0;
  }
  .board.detail div.recommend div.scrap_wrap button.scrap_btn.on::before {
    width: 12px;
    height: 12px;
    content: "";
    background: 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='M2 16V1.5C2 1.08333 2.14583 0.729167 2.4375 0.4375C2.72917 0.145833 3.08333 0 3.5 0H12.5C12.9167 0 13.2708 0.145833 13.5625 0.4375C13.8542 0.729167 14 1.08333 14 1.5V16L8 12.5L2 16Z' fill='%23008DE0'/%3E%3C/svg%3E");
    background-size: 100%;
  }
  .board.detail div.recommend div.scrap_wrap button.scrap_btn::before {
    width: 12px;
    height: 12px;
    content: "";
    background: 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='M12.5 0C12.9167 0 13.2708 0.145833 13.5625 0.4375C13.8542 0.729167 14 1.08333 14 1.5V16L8 12.5L2 16V1.5C2 1.08333 2.14583 0.729167 2.4375 0.4375C2.72917 0.145833 3.08333 0 3.5 0H12.5ZM13 14.25V1.5C13 1.35417 12.9479 1.23958 12.8438 1.15625C12.7604 1.05208 12.6458 1 12.5 1H3.5C3.35417 1 3.22917 1.05208 3.125 1.15625C3.04167 1.23958 3 1.35417 3 1.5V14.25L8 11.3438L13 14.25Z' fill='%23949494'/%3E%3C/svg%3E");
    display: inline-block;
    background-size: 100%;
    margin-right: 3px;
  }
  .board.detail div.recommend div.scrap_wrap button.share_btn {
    color: #3F3F3F;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--gray-750, #3F3F3F);
    background: none;
  }
  .board.detail div.recommend div.scrap_wrap button.share_btn::before {
    width: 12px;
    height: 12px;
    content: "";
    background: 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='M12.4009 10.4C11.5558 10.4 10.8072 10.7823 10.2938 11.3743L6.21918 8.96627C6.33078 8.664 6.40091 8.3412 6.40091 8C6.40091 7.6612 6.33145 7.34053 6.22118 7.04L10.2956 4.628C10.8089 5.2188 11.5568 5.6 12.4008 5.6C13.9472 5.6 15.2008 4.3464 15.2008 2.8C15.2008 1.2536 13.9472 0 12.4008 0C10.8544 0 9.60078 1.2536 9.60078 2.8C9.60078 3.142 9.67091 3.4656 9.78318 3.76853L5.71198 6.1792C5.19851 5.5844 4.44825 5.2 3.60078 5.2C2.05438 5.2 0.800781 6.4536 0.800781 8C0.800781 9.5464 2.05438 10.8 3.60078 10.8C4.44571 10.8 5.19411 10.418 5.70758 9.82627L9.78238 12.2341C9.67078 12.5364 9.60078 12.8591 9.60078 13.2C9.60078 14.7465 10.8544 16 12.4008 16C13.9472 16 15.2008 14.7464 15.2008 13.2C15.2008 11.6536 13.9473 10.4 12.4009 10.4ZM12.4009 1C13.3934 1 14.2009 1.80747 14.2009 2.8C14.2009 3.79253 13.3933 4.6 12.4009 4.6C11.4085 4.6 10.6009 3.7924 10.6009 2.8C10.6009 1.8076 11.4084 1 12.4009 1ZM3.60091 9.8C2.60838 9.8 1.80091 8.99253 1.80091 8C1.80091 7.00747 2.60851 6.2 3.60091 6.2C4.59331 6.2 5.40091 7.0076 5.40091 8C5.40091 8.9924 4.59345 9.8 3.60091 9.8ZM12.4009 15C11.4084 15 10.6009 14.1924 10.6009 13.2C10.6009 12.2076 11.4084 11.4 12.4009 11.4C13.3934 11.4 14.2009 12.2075 14.2009 13.2C14.2009 14.1925 13.3933 15 12.4009 15Z' fill='%233F3F3F'/%3E%3C/svg%3E");
    background-size: 100%;
    display: inline-block;
    margin-right: 3px;
  }
  .board.detail div.recommend div.scrap_wrap button.recommend_btn {
    width: 85px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    box-shadow: 0 2px 6px 0 rgba(68, 68, 68, 0.08);
    gap: 4px;
  }
  .board.detail div.recommend div.scrap_wrap button.recommend_btn span {
    color: #008DE0;
    font-size: 12px;
    font-weight: 500;
  }
  .board.detail div.recommend div.scrap_wrap button.recommend_btn.on::before {
    content: url("/img/scss/icon/icon_good_fill_12_FF.svg");
  }
  .board.detail div.recommend div.scrap_wrap button.recommend_btn::before {
    content: url("/img/scss/icon/icon_good2_12_94.svg");
  }
  .board.detail div.recommend button.recommend_btn {
    width: 85px;
    height: 35px;
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }
  .board.detail div.recommend button.recommend_btn span {
    color: #949494;
    font-size: 12px;
    font-weight: 500;
  }
  .board.detail div.recommend button.recommend_btn span.num {
    font-size: 12px;
    font-weight: 600;
  }
  .board.detail div.recommend button.recommend_btn.on::before {
    width: 12px;
    height: 12px;
    content: "";
    background: 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%3Cmask id='mask0_8839_17096' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8839_17096)'%3E%3Cpath d='M3.25 7C3.45833 7 3.63542 7.07292 3.78125 7.21875C3.92708 7.36458 4 7.54167 4 7.75V15.25C4 15.4583 3.92708 15.6354 3.78125 15.7812C3.63542 15.9271 3.45833 16 3.25 16H0.75C0.541667 16 0.364583 15.9271 0.21875 15.7812C0.0729167 15.6354 0 15.4583 0 15.25V7.75C0 7.54167 0.0729167 7.36458 0.21875 7.21875C0.364583 7.07292 0.541667 7 0.75 7H3.25ZM1.46875 14.5312C1.61458 14.6771 1.79167 14.75 2 14.75C2.20833 14.75 2.38542 14.6771 2.53125 14.5312C2.67708 14.3854 2.75 14.2083 2.75 14C2.75 13.7917 2.67708 13.6146 2.53125 13.4688C2.38542 13.3229 2.20833 13.25 2 13.25C1.79167 13.25 1.61458 13.3229 1.46875 13.4688C1.32292 13.6146 1.25 13.7917 1.25 14C1.25 14.2083 1.32292 14.3854 1.46875 14.5312ZM12 2.53125C12 3.05208 11.8333 3.64583 11.5 4.3125C11.1667 4.95833 10.9896 5.35417 10.9688 5.5H14.125C14.6458 5.5 15.0833 5.6875 15.4375 6.0625C15.8125 6.41667 16 6.83333 16 7.3125C16 7.9375 15.8021 8.44792 15.4062 8.84375H15.375C15.5417 9.19792 15.6042 9.61458 15.5625 10.0938C15.5208 10.5729 15.3646 10.9896 15.0938 11.3438C15.2188 11.7604 15.2292 12.1875 15.125 12.625C15.0208 13.0417 14.8438 13.3958 14.5938 13.6875C14.7188 14.2292 14.6562 14.6875 14.4062 15.0625C14.1979 15.3542 13.875 15.5729 13.4375 15.7188C13 15.8646 12.6042 15.9479 12.25 15.9688C11.9167 15.9896 11.4479 16 10.8438 16H10.75C9.75 16 8.5 15.6667 7 15C6.27083 14.6667 5.72917 14.5 5.375 14.5C5.27083 14.5 5.17708 14.4583 5.09375 14.375C5.03125 14.3125 5 14.2292 5 14.125V7.4375C5 7.33333 5.04167 7.25 5.125 7.1875C5.54167 6.75 6.02083 6.13542 6.5625 5.34375C7.125 4.53125 7.57292 3.96875 7.90625 3.65625C8.19792 3.34375 8.45833 2.72917 8.6875 1.8125C8.97917 0.604167 9.33333 0 9.75 0C9.97917 0 10.1979 0.03125 10.4062 0.09375C10.6354 0.135417 10.875 0.239583 11.125 0.40625C11.3958 0.552083 11.6042 0.8125 11.75 1.1875C11.9167 1.5625 12 2.01042 12 2.53125Z' fill='%23008DE0'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
  }
  .board.detail div.recommend button.recommend_btn::before {
    width: 12px;
    height: 12px;
    content: "";
    background: url("/img/scss/icon/icon_good2_12_94.svg");
    background-size: 100%;
  }
  .board.detail div.board {
    padding: 0 24px;
  }
  .board.detail div.board button.btn_more {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    background: #F5F5F5;
    color: #949494;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
  }
  .board div.title_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .board div.title_bar h3 {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0;
  }
  .board div.title_bar a {
    color: #777;
    font-size: 12px;
    font-weight: 500;
  }
  .board div.title_bar a::after {
    margin-left: 4px;
    content: url("/img/scss/icon/icon_more_gt_12_1F.svg");
    vertical-align: middle;
    font-size: 16px;
  }
  .board.scrap ul.category_list {
    margin: 0 0 24px;
  }
  .board ul.category_list {
    padding: 0;
    display: flex;
    gap: 12px;
    margin: 16px 0 24px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .board ul.category_list::-webkit-scrollbar {
    display: none;
  }
  .board ul.category_list li {
    width: auto;
    height: 36px;
    border-radius: 20px;
  }
  .board ul.category_list li a {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #777;
    background: #F5F5F5;
  }
  .board ul.category_list li a.on {
    color: #FFF;
    background: #008DE0;
  }
  .board .flicking-lounge {
    overflow: hidden;
    width: 100%;
    height: 400px;
    display: flex;
  }
  .board .flicking-lounge .flicking-camera {
    display: flex;
    gap: 0;
    width: fit-content;
    padding-top: 0;
  }
  .board .flicking-lounge .flicking-camera ul.board_list li {
    width: 100%;
    margin: 16px 0 0;
  }
  .board .flicking-lounge div.flicking-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 16px;
  }
  .board .flicking-lounge div.flicking-pagination span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
  }
  .board .flicking-lounge div.flicking-pagination span.flicking-pagination-bullet {
    background-color: #C8C8C8;
  }
  .board .flicking-lounge div.flicking-pagination span.flicking-pagination-bullet.flicking-pagination-bullet-active {
    background-color: #008DE0;
  }
  .board.scrap ul.board_list {
    margin-top: 0;
  }
  .board ul.board_list {
    padding: 0;
    margin-top: 24px;
    gap: 16px;
  }
  .board ul.board_list.both {
    display: flex;
    width: 100%;
    gap: 16px;
    min-height: 420px;
    flex-direction: column;
  }
  .board ul.board_list.both li {
    height: 68px;
  }
  .board ul.board_list.lounge.both {
    height: 350px;
    width: 200%;
    overflow: visible;
    flex-direction: column;
    gap: 24px 0;
    flex-wrap: wrap;
  }
  .board ul.board_list.lounge.both li {
    height: auto;
    width: 100%;
    padding-bottom: 12px;
  }
  .board ul.board_list.lounge li {
    flex-direction: column;
    gap: 10px;
  }
  .board ul.board_list.lounge li div.univ {
    width: fit-content;
    background-color: #FCFCFC;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 6px 12px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
  }
  .board ul.board_list.lounge li div.univ div.univ_img {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    overflow: hidden;
  }
  .board ul.board_list.lounge li div.univ div.univ_img img {
    width: 100%;
    height: 100%;
  }
  .board ul.board_list.lounge li div.univ div.univ_text {
    color: #777;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
  }
  .board ul.board_list.lounge li div.under_wrap {
    display: flex;
    gap: 8px;
  }
  .board ul.board_list li {
    padding: 0 0 12px;
  }
  .board ul.board_list li.none {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    height: auto;
    justify-content: center;
  }
  .board ul.board_list li.none::before {
    width: 140px;
    height: 117px;
    content: "";
    background: url("/img/new/none_img.webp") no-repeat;
    background-size: 100%;
    display: block;
  }
  .board ul.board_list li.none div.none_text {
    color: #777;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
  }
  .board ul.board_list li.none button.search_btn {
    width: 150px;
    height: 48px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px;
  }
  .board ul.board_list li.none.on {
    display: flex;
  }
  .board ul.board_list li div.info {
    display: flex;
    gap: 8px 12px;
  }
  .board ul.board_list li div.info div.title {
    font-size: 14px;
    font-weight: 500;
  }
  .board ul.board_list li div.info div.title.top_fix::before {
    content: url("/img/scss/icon/icon_fix_16.svg");
  }
  .board ul.board_list li div.info div.title span.head_text {
    padding: 0 8px;
    height: 24px;
    font-size: 13px;
    font-weight: 500;
  }
  .board ul.board_list li div.info div.count_wrap {
    gap: 12px;
  }
  .board ul.board_list li div.info div.count_wrap > div {
    font-size: 12px;
    font-weight: 400;
  }
  .board ul.board_list li div.info div.count_wrap > div::before {
    height: 12px;
    font-size: 12px;
    margin-right: 4px;
  }
  .board ul.board_list li div.info div.count_wrap div.book_count::before {
    content: url("/img/scss/icon/icon_good2_12_94.svg");
  }
  .board ul.board_list li div.info div.count_wrap div.view_count::before {
    content: url("/img/scss/icon/icon_view2_12_94.svg");
  }
  .board ul.board_list li div.info div.count_wrap div.comment_count::before {
    content: url("/img/scss/icon/icon_comment_count_12_94.svg");
  }
  .board ul.board_list li div.info div.date {
    color: #949494;
    font-size: 12px;
  }
  .board ul.board_list li div.info div.date::before {
    height: 12px;
    vertical-align: middle;
    margin-right: 12px;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1002; /* line-height: 100vh; */
  text-align: center;
  display: none;
}

.modal.on {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal--section {
  display: inline-block;
  margin: auto;
  max-height: 100%;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  font-size: 16px;
  vertical-align: middle;
}

.modal .modal_helper {
  width: 580px;
  max-width: 580px;
  height: 831px;
  padding: 30px 40px;
  border-radius: 40px;
  background-color: #fff;
  display: block;
  position: relative;
}

.modal .modal_helper h4 {
  height: 49px;
  margin: 0 47px 6px 0;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.82;
  letter-spacing: -1.7px;
  text-align: left;
  color: #0f4c81;
}

.modal .modal_helper div.desc {
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: -0.9px;
  text-align: left;
  color: #000;
}

.modal .modal_helper div.slide_wrap {
  position: relative;
}

.modal .modal_helper div.slide_wrap div.slide {
  margin: 0;
  padding: 0;
}

.modal .modal_helper div.slide_wrap div.slide > div div.sub_desc {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
  text-align: left;
  color: #000;
  margin-top: 30px;
}

.modal .modal_helper div.slide_wrap.swiper-horizontal > .swiper-pagination.swiper-pagination-bullets {
  bottom: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.url_modal {
  width: 590px;
  min-height: 297px;
  background-color: #FFF;
  padding: 42px;
  display: block;
  height: auto;
  position: relative;
  border: 1px solid #DFDFDF;
  box-shadow: 0 11px 31px 0 rgba(0, 0, 0, 0.08), 0 1.4px 3.9px 0 rgba(0, 0, 0, 0.04);
  border-radius: 20px;
}
div.url_modal div.modal_header h3 {
  text-align: left;
  color: #1F1F1F;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
div.url_modal div.url {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  gap: 24px;
}
div.url_modal div.url span.url_text {
  width: 100%;
  min-height: 61px;
  border: 1px solid #EFEFEF;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  padding: 24px;
  color: #1F1F1F;
  background: #fafafa;
  display: flex;
  align-items: flex-start;
  text-align: left;
}
div.url_modal div.url .btn_copyurl {
  width: 100%;
  text-decoration: none;
  border: 1px solid #DFDFDF;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #333;
  border-radius: 10px;
  height: 70px;
  line-height: 70px;
}
div.url_modal button.close_btn {
  width: 24px;
  height: 24px;
  background: url("/img/scss/icon/icon_close_24_94.svg") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 42px;
  right: 42px;
  border: none;
}

@media screen and (max-width: 1143px) {
  div.modal_wrap {
    padding: 20px;
  }
  div.modal_wrap div.modal.url_modal {
    width: 100%;
    min-height: 197px;
    background-color: #FFF;
    padding: 24px;
  }
  div.modal_wrap div.modal.url_modal div.modal_header h3 {
    text-align: left;
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 700;
  }
  div.modal_wrap div.modal.url_modal div.url {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    gap: 24px;
  }
  div.modal_wrap div.modal.url_modal div.url span.url_text {
    width: 100%;
    min-height: 42px;
    padding: 12px;
  }
  div.modal_wrap div.modal.url_modal div.url .btn_copyurl {
    width: 100%;
    text-decoration: none;
    border: 1px solid #DFDFDF;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #333;
    border-radius: 10px;
    height: 48px;
    line-height: 48px;
  }
  div.modal_wrap div.modal.url_modal button.close_btn {
    width: 24px;
    height: 24px;
    background: url("/img/scss/icon/icon_close_16_94.svg") no-repeat;
    position: absolute;
    top: 30px;
    right: 24px;
    border: none;
  }
}
.modal .modal_helper div.slide_wrap.swiper-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 6px;
  background-color: #0f4c81;
  object-fit: contain;
  opacity: 1;
}

.modal .modal_helper div.slide_wrap.swiper-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-color: #FFF;
  border: solid 2px #0f4c81;
}

.modal .modal_helper button.close_btn {
  width: 500px;
  height: 50px;
  border-radius: 50px;
  background-color: #0f4c81;
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 40px;
  left: 40px;
}

button.close_modal {
  width: 22px;
  height: 22px;
  background: url("/img/icon_close_modal.svg") no-repeat;
  position: absolute;
  top: 60px;
  right: 68px;
  border: none;
  text-indent: -1000em;
}

.promotion-modal__wrap {
  position: relative;
}

.promotion-modal--1 {
  display: none;
}

.promotion-modal--2 {
  display: none;
}

.promotion-modal--3 {
  display: none;
}

.promotion-modal--4 {
  display: none;
}

.promotion-modal--exam {
  display: none;
}

.promotion-modal__body {
  position: absolute;
  z-index: 80;
  top: 10px;
  border-radius: 20px;
  right: 0;
  overflow: hidden;
  filter: drop-shadow(10px 12px 20px rgba(30, 30, 30, 0.26));
  background: #FFF;
  padding-bottom: 35px;
}

/*
.promotion-modal--1 .promotion-modal__body{box-shadow: 10px 12px 20px 0px rgba(30, 30, 30, 0.26);}
.promotion-modal--1 .promotion-modal__body .body_contents > a{width:100%;  display: flex; align-items: center; justify-content: center;}
.promotion-modal--1 .promotion-modal__body .body_contents > a img{width:100%; height:100%;  object-fit: cover}
.promotion-modal--1 .promotion-modal__body .body_contents > a:nth-child(2) img{width:100%; height:auto;  object-fit:none;}

 */
.promotion-modal--1 .promotion-modal__body {
  width: 420px;
  height: 556px;
  background: #008DE0;
  right: 430px;
  top: 20px;
}

.promotion-modal--1 .promotion-modal__body img {
  width: 100%;
}

.promotion-modal--1 .promotion-modal__body .btn_bottom_area {
  width: 100%;
  height: 55px;
  position: absolute;
  bottom: 36px;
  background: none;
}

.promotion-modal--1 .promotion-modal__body .btn_bottom_area button {
  width: 100%;
  height: 100%;
  font-size: 18px;
  border: none;
  text-indent: -1000em;
  background: none;
}

.promotion-modal--2 .promotion-modal__body {
  width: 420px;
  height: 556px;
  background: #008DE0;
  right: 0;
  top: 20px;
}

.promotion-modal--2 .promotion-modal__body .btn_bottom_area {
  width: 100%;
  height: 52px;
  position: absolute;
  bottom: 36px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: none;
}

.promotion-modal--2 .promotion-modal__body .btn_bottom_area button {
  height: 100%;
  font-size: 18px;
  border: none;
  text-indent: -1000em;
  background: none;
}

.promotion-modal--2 .promotion-modal__body .btn_bottom_area button.gide {
  color: #1E1E1E;
}

.promotion-modal--2 .promotion-modal__body .btn_bottom_area button.application {
  color: #FFF;
}

.promotion-modal--exam .promotion-modal__body {
  width: 420px;
  height: 556px;
  background: #008DE0;
  right: 280px;
  top: 20px;
}

.promotion-modal--exam .promotion-modal__body .btn_bottom_area {
  width: 100%;
  height: 52px;
  position: absolute;
  bottom: 36px;
  display: grid;
  grid-template-columns: 1fr;
  background: none;
}

.promotion-modal--exam .promotion-modal__body .btn_bottom_area button {
  height: 100%;
  font-size: 18px;
  border: none;
  text-indent: -1000em;
  background: none;
}

.promotion-modal--exam .promotion-modal__body .btn_bottom_area button.application {
  color: #FFF;
}

.promotion-modal--3 .promotion-modal__body {
  width: 420px;
  height: 556px;
  background: #008DE0;
  right: 0px;
  top: 0;
}

.promotion-modal--4 .promotion-modal__body {
  width: 420px;
  height: 556px;
  background: #008DE0;
  right: 240px;
  top: 20px;
}

.promotion-modal--4 .promotion-modal__body .movie_wrap {
  top: 235px;
  height: 235px;
}

.promotion-modal--4 .promotion-modal__body .btn_bottom_area {
  width: 100%;
  height: 52px;
  position: absolute;
  bottom: 36px;
  display: grid;
  grid-template-columns: 1fr;
  background: none;
}

.promotion-modal--4 .promotion-modal__body .btn_bottom_area button {
  height: 100%;
  font-size: 18px;
  border: none;
  text-indent: -1000em;
  background: none;
}

.promotion-modal--4 .promotion-modal__body .btn_bottom_area button.shoticon {
  color: #1E1E1E;
}

.promotion-modal--4 .promotion-modal__body .btn_bottom_area button.application {
  color: #FFF;
}

.promotion-modal__body .movie_wrap {
  position: absolute;
  top: 240px;
}

.promotion-modal__body div.bottom_wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.promotion-modal__body div.bottom_wrap a {
  text-align: center;
  height: 36px;
  background: #FAFAFA;
  color: #949494;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.promotion-modal__body div.bottom_wrap a.suppress {
  background: #FAFAFA;
  color: #949494;
}

.promotion-modal__close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 10px;
}

.promotion-modal__content {
  width: 100%;
  cursor: pointer;
}

.promotion-modal--exam {
  z-index: 31;
}

.promotion-modal__youtube {
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 75px;
  z-index: 30;
}

.check_modal_wrap {
  width: 707px;
  height: 277px;
  display: flex;
  flex-direction: column;
  box-shadow: 10px 12px 20px 0 rgba(30, 30, 30, 0.26);
  border-radius: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 90px 0 60px;
  background-color: #FFF;
  position: relative;
}

.check_modal_wrap h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.check_modal_wrap div.desc {
  font-size: 18px;
  font-weight: 500;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 8px 0 30px;
  color: #6F6F6F;
}

.drop_modal div.desc::after {
  width: 96px;
  height: 96px;
  content: url("/img/icon_drop.png");
}

.check_modal div.desc::after {
  width: 96px;
  height: 96px;
  content: url("/img/icon_bell.png");
}

.check_modal_wrap button.drop_btn {
  border-radius: 12px;
  background: #E6E6E6;
  padding: 20px 60px;
  color: #FFF;
  border: none;
  font-size: 18px;
  font-weight: 700;
}

.check_modal_wrap div.btn_wrap {
  width: 478px;
  display: flex;
  text-align: center;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  justify-content: center;
}

.check_modal_wrap div.btn_wrap button {
  width: 232px;
  height: 64px;
  color: #FFF;
  border: none;
  font-size: 18px;
  font-weight: 700;
  border-radius: 12px;
}

.check_modal_wrap div.btn_wrap button.close_modal_bottom {
  width: 40px;
  height: 40px;
  background: url("/img/icon_close_modal_40.svg") no-repeat;
  position: absolute;
  top: 32px;
  right: 32px;
  border: none;
  text-indent: -1000em;
  background-size: 100%;
}

.check_modal_wrap div.btn_wrap button.ok_btn {
  background: #008DE0;
  box-shadow: 2px 6px 12px 0px rgba(0, 141, 224, 0.2);
  color: #FFF;
}

.modal.nick .confirm_modal_wrap {
  width: 590px;
  height: 485px;
  padding: 42px;
  border-radius: 20px;
  border: 1px solid #DFDFDF;
  background: #FFF;
  position: relative;
  box-shadow: 0 2px 6px 0 rgba(68, 68, 68, 0.08);
}
.modal.nick .confirm_modal_wrap h4 {
  color: #1F1F1F;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 16px;
  text-align: left;
}
.modal.nick .confirm_modal_wrap h4 br {
  display: none;
}
.modal.nick .confirm_modal_wrap div.desc {
  color: #949494;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 32px;
}
.modal.nick .confirm_modal_wrap div.text_nick {
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
}
.modal.nick .confirm_modal_wrap div.text_nick label {
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px;
  text-align: left;
}
.modal.nick .confirm_modal_wrap div.text_nick input {
  color: #3F3F3F;
  height: 80px;
  padding: 32px 24px;
  margin-bottom: 10px;
  border-radius: 6px;
}
.modal.nick .confirm_modal_wrap div.text_nick div.msg_wrap {
  display: flex;
  justify-content: space-between;
}
.modal.nick .confirm_modal_wrap div.text_nick div.msg_wrap div.msg {
  color: #FF4857;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.modal.nick .confirm_modal_wrap div.text_nick div.msg_wrap div.text_count {
  color: #777;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}
.modal.nick .confirm_modal_wrap div.gide {
  color: #949494;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 24px;
  text-align: left;
}
.modal.nick .confirm_modal_wrap div.btn_wrap button.close_modal_bottom {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0088 11.2566L20.6678 2.60508C20.8081 2.46497 21.0184 2.46497 21.1586 2.60508L21.8948 3.34063C22.0351 3.48074 22.0351 3.69089 21.8948 3.831L13.2358 12.4825L21.8948 21.134C22.0351 21.2741 22.0351 21.4842 21.8948 21.6243L21.1586 22.3599C21.0184 22.5 20.8081 22.5 20.6678 22.3599L12.0088 13.7084L3.34969 22.3949C3.20947 22.535 2.99912 22.535 2.8589 22.3949L2.1227 21.6594C1.98247 21.5193 1.98247 21.3091 2.1227 21.169L10.7818 12.5175L2.10517 3.84851C1.96494 3.70841 1.96494 3.48074 2.10517 3.34063L2.84137 2.60508C2.9816 2.46497 3.20947 2.46497 3.34969 2.60508L12.0088 11.2566Z' fill='%23949494'/%3E%3C/svg%3E");
  position: absolute;
  background-size: 100%;
  top: 46px;
  right: 42px;
  text-indent: -1000em;
}
.modal.nick .confirm_modal_wrap div.btn_wrap button.ok_btn {
  width: 100%;
  height: 70px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  background: #008DE0;
  color: #FFF;
}
.modal.nick .confirm_modal_wrap div.btn_wrap button.ok_btn:disabled {
  background: #E8E8E8;
  color: #949494;
}

@media screen and (max-width: 1143px) {
  .modal.nick .confirm_modal_wrap {
    width: 100%;
    height: auto;
    padding: 24px;
    position: relative;
    flex-direction: column;
  }
  .modal.nick .confirm_modal_wrap h4 {
    font-size: 18px;
    margin: 0 0 12px;
  }
  .modal.nick .confirm_modal_wrap h4 br {
    display: inline;
  }
  .modal.nick .confirm_modal_wrap div.desc {
    font-size: 14px;
    margin: 0 0 24px;
  }
  .modal.nick .confirm_modal_wrap div.text_nick {
    margin: 0 0 24px;
  }
  .modal.nick .confirm_modal_wrap div.text_nick label {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .modal.nick .confirm_modal_wrap div.text_nick input {
    height: 45px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 8px;
  }
  .modal.nick .confirm_modal_wrap div.text_nick div.msg_wrap div.msg {
    font-size: 10px;
    font-weight: 400;
  }
  .modal.nick .confirm_modal_wrap div.text_nick div.msg_wrap div.text_count {
    font-size: 10px;
    font-weight: 400;
  }
  .modal.nick .confirm_modal_wrap div.gide {
    font-size: 12px;
    margin: 0 0 16px;
  }
  .modal.nick .confirm_modal_wrap div.btn_wrap button.close_modal_bottom {
    width: 16px;
    height: 16px;
    top: 24px;
    right: 24px;
  }
  .modal.nick .confirm_modal_wrap div.btn_wrap button.ok_btn {
    height: 48px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
  }
  .modal.nick .confirm_modal_wrap div.btn_wrap button.ok_btn:disabled {
    background: #E8E8E8;
    color: #949494;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1002;
  text-align: center;
  display: none;
  align-items: center;
  justify-content: center;
}
.modal .ambassador_wrap {
  height: 100%;
  width: 418px;
  background-color: #1F1F1F;
  display: flex;
  flex-direction: column;
  padding: 83px 32px 0;
  gap: 24px;
}
.modal .ambassador_wrap .head {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.modal .ambassador_wrap .head span.label {
  border-radius: 4px;
  background: #3F3F3F;
  display: inline-block;
  color: #FFF;
  padding: 4px 8px;
  width: auto;
}
.modal .ambassador_wrap .head h4 {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  margin: 0;
}
.modal .ambassador_wrap button.home_btn {
  width: 100%;
  background-color: #0080F6;
  border-radius: 8px;
  height: 52px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.modal .ambassador_wrap button.home_btn::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/scss/icon/icon_major_home.svg");
  margin-right: 8px;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}
.modal .ambassador_wrap ul.menu_list {
  padding: 0;
}
.modal .ambassador_wrap ul.menu_list li a {
  cursor: pointer;
  width: 100%;
  height: 78px;
  display: flex;
  align-items: center;
}
.modal .ambassador_wrap ul.menu_list li a span.text {
  display: inline-block;
  flex-grow: 1;
  color: #949494;
  text-align: left;
  font-size: 20px;
}
.modal .ambassador_wrap ul.menu_list li a::after {
  content: url("/img/scss/icon/icon_chevron_gt_16_94.svg");
  width: 16px;
  height: 16px;
}
.modal .ambassador_wrap ul.menu_list li a:hover span.text {
  color: #FFF;
}
.modal .ambassador_wrap ul.menu_list li a:hover::after {
  content: url("/img/scss/icon/icon_chevron_gt_16.svg");
}
.modal .ambassador_wrap .major_univ .major_obj {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 12px;
  align-items: center;
}
.modal .ambassador_wrap .major_univ .major_obj div.univ_img {
  width: 48px;
  height: 48px;
  padding: 2px;
  border-radius: 24px;
  background-color: #FFF;
  overflow: hidden;
}
.modal .ambassador_wrap .major_univ .major_obj div.title_area {
  color: #FFF;
  font-size: 20px;
  text-align: left;
}
.modal.on {
  display: flex;
}
.modal.on.right {
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.modal button.modal_close {
  position: absolute;
  right: 60px;
  top: 50px;
  background: url("/img/scss/icon/icon_modal_close2.svg") no-repeat;
  width: 24px;
  height: 24px;
}
.modal.confirm .confirm_modal_wrap {
  width: 580px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px;
  border-radius: 20px;
  flex-direction: column;
  gap: 24px;
  background: #FFF;
}
.modal.confirm .confirm_modal_wrap:has(.desc) {
  height: 260px;
  gap: 0;
}
.modal.confirm .confirm_modal_wrap h4 {
  color: #1F1F1F;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  font-size: 22px;
  margin: 0;
}
.modal.confirm .confirm_modal_wrap div.desc {
  color: #949494;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  flex-grow: 1;
  margin: 16px 0 32px;
}
.modal.confirm .confirm_modal_wrap div.btn_wrap {
  flex-shrink: 0;
  width: 100%;
  display: grid;
  height: 70px;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.modal.confirm .confirm_modal_wrap div.btn_wrap button {
  border-radius: 8px;
  font-weight: 500;
  font-size: 20px;
}
.modal.confirm .confirm_modal_wrap div.btn_wrap button.close_modal_bottom {
  background: #E8E8E8;
  color: #949494;
}
.modal.confirm .confirm_modal_wrap div.btn_wrap button.ok_btn {
  background: #008DE0;
  color: #FFF;
}
@media screen and (max-width: 1143px) {
  .modal.confirm .confirm_modal_wrap {
    width: 100%;
    height: auto;
    padding: 24px;
  }
  .modal.confirm .confirm_modal_wrap:has(.desc) {
    height: auto;
    gap: 0;
  }
  .modal.confirm .confirm_modal_wrap h4 {
    color: #1F1F1F;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
  }
  .modal.confirm .confirm_modal_wrap div.desc {
    color: #949494;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0 24px;
  }
  .modal.confirm .confirm_modal_wrap div.desc br {
    display: none;
  }
  .modal.confirm .confirm_modal_wrap div.btn_wrap {
    height: 48px;
    gap: 16px;
  }
  .modal.confirm .confirm_modal_wrap div.btn_wrap button {
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
  }
  .modal.confirm .confirm_modal_wrap div.btn_wrap button.close_modal_bottom {
    background: #E8E8E8;
    color: #949494;
  }
  .modal.confirm .confirm_modal_wrap div.btn_wrap button.ok_btn {
    background: #008DE0;
    color: #FFF;
  }
}
.modal.scroll {
  overflow: auto;
  align-items: flex-start;
  justify-content: center;
}
.modal .preview_wrap {
  width: 384px;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  border: 12px solid #FFF;
  background: #FFF;
  box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.07), 0 15.2px 23.2px 0 rgba(0, 0, 0, 0.02), 0 8.4px 13.8px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.03);
}
.modal .preview_wrap .head {
  border-radius: 20px 20px 0 0;
  background: #1F1F1F;
  height: 46px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  gap: 12px;
}
.modal .preview_wrap .head .back_button {
  width: 16px;
  height: 16px;
  background: url("/img/scss/icon/icon_preview_back.svg") no-repeat;
}
.modal .preview_wrap .head .text {
  color: #FFF;
  display: block;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  word-break: break-word;
  width: 100%;
  text-align: left;
}
.modal .preview_wrap .image_modal_wrap .swiper-initialized {
  position: relative;
  width: 100%;
}
.modal .preview_wrap .image_modal_wrap .swiper-initialized.preview_initialized .swiper-pagination {
  bottom: -26px;
}
.modal .preview_wrap .image_modal_wrap .swiper-initialized .swiper-wrapper {
  width: 100%;
}
.modal .preview_wrap .image_modal_wrap .swiper-initialized .swiper-wrapper .swiper-slide {
  width: 100%;
}
.modal .preview_wrap .image_modal_wrap .swiper-initialized .swiper-wrapper .swiper-slide .img_wrap {
  width: 100%;
  height: 360px;
}
.modal .preview_wrap .image_modal_wrap .swiper-initialized .swiper-wrapper .swiper-slide .img_wrap img {
  width: 100%;
  height: 100%;
}
.modal .preview_wrap .question_chat_view {
  background-color: #F5F5F5;
  padding: 36px 16px 24px;
}
.modal .preview_wrap .question_chat_view > div {
  gap: 8px;
  display: flex;
  margin-bottom: 24px;
}
.modal .preview_wrap .question_chat_view > div div.profile {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #D1D1D1;
  overflow: hidden;
  flex-shrink: 0;
}
.modal .preview_wrap .question_chat_view > div div.profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal .preview_wrap .question_chat_view > div div.text_area {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 212px;
}
.modal .preview_wrap .question_chat_view > div div.text_area div.nick {
  font-weight: 500;
  font-size: 14px;
}
.modal .preview_wrap .question_chat_view > div div.text_area div.text {
  max-width: 238px;
  padding: 12px;
  min-height: 40px;
  border-radius: 10px;
  font-size: 16px;
}
.modal .preview_wrap .question_chat_view > div.question {
  flex-direction: row-reverse;
}
.modal .preview_wrap .question_chat_view > div.question div.text_area {
  align-items: flex-end;
}
.modal .preview_wrap .question_chat_view > div.question div.text_area div.text {
  background-color: #D7EEFF;
  color: #1F1F1F;
  text-align: left;
}
.modal .preview_wrap .question_chat_view > div.answer {
  justify-content: flex-start;
}
.modal .preview_wrap .question_chat_view > div.answer div.profile {
  background-color: #FFF;
  flex-shrink: 0;
}
.modal .preview_wrap .question_chat_view > div.answer div.text_area div.img {
  margin-bottom: 8px;
  padding: 0;
  max-width: 238px;
}
.modal .preview_wrap .question_chat_view > div.answer div.text_area div.img img {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
.modal .preview_wrap .question_chat_view > div.answer div.text_area div.nick {
  text-align: left;
}
.modal .preview_wrap .question_chat_view > div.answer div.text_area div.text {
  background-color: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(68, 68, 68, 0.08);
  margin-bottom: 16px;
  text-align: left;
}
.modal .preview_wrap div.question_bottom {
  padding: 24px;
}
.modal .preview_wrap div.question_bottom h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1F1F1F;
  margin: 0;
  text-align: left;
}
.modal .preview_wrap div.question_bottom div.others {
  margin-top: 4px;
}
.modal .preview_wrap div.question_bottom div.curriculum {
  width: 100%;
  border-bottom: none;
  padding-bottom: 48px;
  flex-direction: column;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum {
  padding: 0;
  margin: 0;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li {
  position: relative;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li::after {
  content: url("/img/ambassador/icon_curriculum_arrow_down.svg");
  position: absolute;
  right: 0;
  top: 20px;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li div.cur_title {
  width: 100%;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid #E8E8E8;
  padding: 16px 0 12px;
  align-items: baseline;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li div.cur_title div.week {
  font-size: 12px;
  font-weight: 500;
  background: #F3FAFF;
  color: #008De0;
  padding: 2px 6px;
  border-radius: 5px;
  flex-shrink: 0;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li div.cur_title div.tit {
  font-size: 16px;
  font-weight: 500;
  color: #1F1F1F;
  padding-right: 20px;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li div.cur_contents {
  display: none;
  color: #777777;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 0 20px;
  text-align: left;
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li.on::after {
  transform: rotate(180deg);
}
.modal .preview_wrap div.question_bottom div.curriculum ul.curriculum li.on div.cur_contents {
  display: block;
}
.modal .preview_wrap div.recommend_btn_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 0;
}
.modal .preview_wrap div.recommend_btn_wrap div.view_text {
  font-size: 14px;
  color: #616161;
  font-weight: 600;
}
.modal .preview_wrap div.recommend_btn_wrap div.count_recommend_wrap {
  font-size: 12px;
  color: #949494;
}
.modal .preview_wrap div.recommend_btn_wrap div.count_wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}
.modal .preview_wrap div.recommend_btn_wrap div.count_wrap::before {
  content: "";
  display: block;
  flex-grow: 1;
  height: 1px;
  background-color: #B7B7B7;
  width: 100%;
}
.modal .preview_wrap div.recommend_btn_wrap div.count_wrap::after {
  content: "";
  display: block;
  flex-grow: 1;
  height: 1px;
  background-color: #B7B7B7;
  width: 100%;
}
.modal .preview_wrap div.recommend_btn_wrap div.count_wrap div.count_text {
  padding: 0 12px;
  flex-shrink: 0;
}
.modal .preview_wrap div.recommend_btn_wrap div.count_wrap div.count_text > span {
  color: #B7B7B7;
  font-size: 14px;
}
.modal .preview_wrap div.recommend_btn_wrap button.recommend_btn {
  width: 137px;
  height: 53px;
  font-size: 14px;
  box-shadow: 0px 2px 6px 0px rgba(68, 68, 68, 0.08);
  color: #0080F6;
  background-color: #FFF;
  font-weight: 600;
  border-radius: 60px;
  border: none;
}
.modal .preview_wrap div.recommend_btn_wrap button.recommend_btn::before {
  content: url("/img/ambassador/icon_chat_thumbsup.svg");
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.modal .preview_wrap div.recommend_btn_wrap button.recommend_btn.on {
  box-shadow: none;
  color: #FFF;
  background-color: #0080F6;
}
.modal .preview_wrap div.recommend_btn_wrap button.recommend_btn.on::before {
  content: url("/img/ambassador/icon_chat_thumbsup_on.svg");
}
.modal .preview_wrap div.modal_footer {
  padding: 37px 24px 185px;
  background-color: #F5F5F5;
}

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