@charset "UTF-8";
/* ~690 */
/* ~985 */
/* 691~985 */
/* 691~ */
/* 986~ */
/* 986~1279 */
/* 1280~ */
/* 1600~ */
/* 1920~ */
/* 2560~ */
/* common */
body,
html {
  overflow-x: hidden;
}

.font_serif {
  font-family: "Noto Serif KR", serif;
}

.color_primary {
  color: #a37854;
}

.ellipsis1 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 985px) {
  .sm_ellipsis1 {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 985px) {
  .sm_ellipsis2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 985px) {
  .sm_ellipsis3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 986px) {
  .lg_ellipsis1 {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 986px) {
  .lg_ellipsis2 {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 986px) {
  .lg_ellipsis3 {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

.headline_has_ellipsis {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.headline_has_ellipsis .badge_free {
  flex-shrink: 0;
}

@media (max-width: 985px) {
  .has_sm_ellipsis {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 985px) {
  .has_sm_ellipsis .badge_free {
    flex-shrink: 0;
  }
}

@media (min-width: 986px) {
  .has_lg_ellipsis {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
  }
}
@media (min-width: 986px) {
  .has_lg_ellipsis .ico_up {
    flex-shrink: 0;
  }
}

.has_ellipsis {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.has_ellipsis .ico_up {
  flex-shrink: 0;
}

@media (max-width: 985px) {
  .headline:has(.sm_ellipsis1) {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 985px) {
  .headline:has(.sm_ellipsis1) .badge_free {
    flex-shrink: 0;
    transform: none;
  }
}

@media (max-width: 985px) {
  .side_nav .scroll {
    overflow-x: hidden;
  }
  .nav_re .menu_popup .plus:before,
  .nav_re .menu_plus .my_wrap:before {
    left: calc(-50vw - 1px);
    right: calc(-50vw - 1px);
    transform: none;
    width: auto;
  }
}
/* layout */
.contents,
.showcase {
  max-width: 2560px !important;
}
@media (min-width: 986px) {
  .contents,
  .showcase {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (max-width: 985px) {
  .contents,
  .showcase {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.contents .card_image + .card_body,
.showcase .card_image + .card_body {
  padding-top: 12px;
}
@media (min-width: 986px) {
  .contents .card_image + .card_body,
  .showcase .card_image + .card_body {
    padding-top: 16px;
  }
}

[class^=grid_],
[class*=" grid_"] {
  display: grid;
  gap: 24px;
}
[class^=grid_] .section,
[class*=" grid_"] .section {
  margin-top: 0;
  padding-top: 0;
}
[class^=grid_] .group_header,
[class^=grid_] .card:first-child,
[class*=" grid_"] .group_header,
[class*=" grid_"] .card:first-child {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* section */
.section {
  position: relative;
  padding-top: 30px;
}
.section::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  height: 1px;
  background: rgba(0, 0, 0, 0.04);
  pointer-events: none;
}
.section + .section {
  margin-top: 30px;
}

.section_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.section_header strong {
  display: block;
  margin: 0;
  color: #111;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 986px) {
  .section_header strong {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 985px) {
  .section_header strong {
    font-size: 20px;
    line-height: 28px;
  }
}
.section_header p {
  margin: 4px 0 0;
  color: rgba(17, 17, 17, 0.6);
  font-size: 14px;
  line-height: 20px;
}
.section_header .btn_more {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}
.section_header em {
  color: #a37854;
  font-style: normal;
  font-weight: 700;
}

.section_body {
  position: relative;
}

.section .group_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
@media (min-width: 986px) {
  .section .group_header {
    margin-bottom: 16px;
  }
}
.section .group_header strong {
  display: flex;
  min-width: 0;
  gap: 4px;
  color: #333;
  font-weight: 500;
}
@media (min-width: 986px) {
  .section .group_header strong {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 985px) {
  .section .group_header strong {
    font-size: 17px;
    line-height: 24px;
  }
}
.section .group_header strong a:first-child {
  flex-shrink: 0;
}
.section .group_header strong .subtitle {
  position: relative;
  margin-left: 10px;
  padding-left: 11px;
  color: #666;
  font-weight: 400;
}
.section .group_header strong .subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 18px;
  margin-top: -9px;
  background: rgba(0, 0, 0, 0.2);
}
.section .group_header strong .ellipsis1 {
  min-width: 0;
}
.section .group_header .btn_text {
  flex-shrink: 0;
  white-space: nowrap;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

@media (min-width: 986px) {
  .section + .section {
    margin-top: 80px;
  }
  .content_list .card {
    flex: 0 0 calc((100% - 32px) / 3);
  }
}
/* list */
@media (max-width: 985px) {
  .mobile_list_hidden {
    display: none !important;
  }
}

.mobile_btn_hidden {
  display: none !important;
}

@media (max-width: 985px) {
  .sm_content_row .list {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 985px) {
  .sm_content_row .card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0;
  }
  .sm_content_row .card:first-child::before {
    display: none;
  }
  .sm_content_row .card:last-child {
    padding-bottom: 0;
  }
  .sm_content_row .card::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: none;
  }
  .sm_content_row .card.mobile_page_start::before {
    display: none;
  }
}
@media (max-width: 985px) {
  .sm_content_row .card_image {
    width: 112px;
    flex-shrink: 0;
  }
}
.sm_content_row .card_image .btn_bookmark {
  position: absolute;
  bottom: 0;
  left: 0;
}
.sm_content_row .jswiper_pagination {
  top: 109px;
}
@media (max-width: 985px) {
  .sm_content_row .card_body {
    flex: 1 1 auto;
    padding-top: 0 !important;
  }
}
.sm_content_row .meta {
  min-width: 0;
}
.sm_content_row .meta .ellipsis1 {
  flex: 1 1 auto;
  min-width: 0;
}
.sm_content_row .meta .btn_bookmark {
  flex-shrink: 0;
  margin-left: auto;
}

@media (max-width: 985px) {
  .sm_content_col .list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 12px;
  }
}
@media (max-width: 985px) {
  .sm_content_col .card {
    display: block;
    flex: 0 0 calc((100% - 12px) / 2);
    padding: 0;
  }
}
@media (max-width: 985px) {
  .sm_content_col .card_image {
    width: 100%;
  }
}
@media (max-width: 985px) {
  .sm_content_col .card_body {
    padding-top: 12px !important;
  }
}

.card.card_row {
  display: flex;
  gap: 16px;
}
@media (max-width: 985px) {
  .card.card_row {
    flex: 0 0 100%;
  }
}
@media (min-width: 986px) {
  .card.card_row {
    display: flex;
    align-items: flex-start;
    flex-basis: calc((100% - 16px) / 2);
    position: relative;
  }
}
@media (min-width: 1920px) {
  .card.card_row {
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (min-width: 2560px) {
  .card.card_row {
    flex-basis: calc((100% - 48px) / 4);
  }
}
.card.card_row .card_body {
  flex: 1 1 auto;
}
.card.card_row .card_image + .card_body {
  padding-top: 0;
}
@media (min-width: 986px) {
  .card.card_row .card_image {
    width: 112px;
    flex-shrink: 0;
  }
}
.card.card_row .meta {
  flex-shrink: 0;
}

@media (max-width: 985px) {
  .card_row {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0;
  }
  .card_row:first-child::before {
    display: none;
  }
  .card_row:last-child {
    padding-bottom: 0;
  }
  .card_row::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: none;
  }
  .card_row.mobile_page_start::before {
    display: none;
  }
  .card_row .card_image {
    width: 112px;
    flex-shrink: 0;
  }
  .card_row .card_body {
    flex: 1 1 auto;
    padding-top: 0 !important;
  }
}
.list_row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.list_row li:not(:first-child) {
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.list_row .card_row .headline {
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 1280px) {
  .content_list .card {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 1600px) {
  .content_list .card {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (min-width: 1920px) {
  .content_list .card {
    flex-basis: calc((100% - 80px) / 6);
  }
}
@media (min-width: 2560px) {
  .content_list .card {
    flex-basis: calc((100% - 96px) / 7);
  }
}
/* series */
.series_list {
  gap: 16px;
}
@media (min-width: 986px) {
  .series_list .jaswiper_wrap {
    align-items: stretch;
  }
}
@media (min-width: 986px) {
  .series_list .slide {
    position: relative;
    display: flex;
    flex: 0 0 calc((100% - 32px) / 3);
    height: auto;
    min-width: 0;
    margin: 0;
  }
}
@media (min-width: 986px) {
  .series_list .card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
}
.series_list .card_body {
  max-width: 100%;
}
@media (min-width: 986px) {
  .series_list .card_body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 16px;
  }
}
.series_list .headline {
  display: block;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
}
@media (max-width: 985px) {
  .series_list .headline.has_sm_ellipsis {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
  }
}
@media (min-width: 986px) {
  .series_list .headline.has_lg_ellipsis {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
  }
}
.series_list .headline.has_ellipsis {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.series_list .headline .ellipsis1 {
  max-width: 100%;
}
.series_list .description {
  margin-top: 8px;
  padding-top: 0 !important;
}
@media (min-width: 986px) {
  .series_list .description {
    height: 40px;
  }
}
.series_list .meta {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.series_list .meta .ellipsis1 {
  flex: 1 1 auto;
  min-width: 0;
}
.series_list .meta .btn_interest {
  flex-shrink: 0;
}
@media (max-width: 985px) {
  .series_list .meta .btn_interest {
    margin-left: 0;
  }
}
.series_list .meta .btn_subs {
  flex-shrink: 0;
}
@media (max-width: 985px) {
  .series_list .meta .btn_subs {
    margin-left: 0;
  }
}
.series_list .meta .btn_plus_news_letter {
  flex-shrink: 0;
}
@media (max-width: 985px) {
  .series_list .meta .btn_plus_news_letter {
    margin-left: 0;
  }
}

@media (max-width: 985px) {
  .sm_series_row .list {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 985px) {
  .sm_series_row .slide {
    position: relative;
  }
  .sm_series_row .slide:first-child::before {
    display: none;
  }
  .sm_series_row .slide::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: none;
  }
}
@media (max-width: 985px) {
  .sm_series_row .slide.mobile_page_start::before {
    display: none;
  }
}
@media (max-width: 985px) {
  .sm_series_row .card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0;
  }
  .sm_series_row .card:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 985px) {
  .sm_series_row .card_image {
    width: 112px;
    flex-shrink: 0;
  }
}
.sm_series_row .card_image .btn_bookmark {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 985px) {
  .sm_series_row .card_body {
    flex: 1 1 auto;
    padding-top: 0 !important;
  }
}
@media (max-width: 985px) {
  .sm_series_row .description {
    min-height: 0;
  }
}
@media (max-width: 985px) {
  .sm_series_row .meta .btn_interest {
    flex-shrink: 0;
    margin-left: auto;
  }
}
@media (max-width: 985px) {
  .sm_series_row .meta .btn_subs {
    flex-shrink: 0;
    margin-left: auto;
  }
}

@media (max-width: 985px) {
  .sm_series_col .list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 40px 24px;
  }
}
@media (max-width: 985px) {
  .sm_series_col .slide {
    position: relative;
    display: flex;
    width: calc(50% - 12px);
    min-width: 0;
  }
}
@media (max-width: 985px) {
  .sm_series_col .slide:nth-child(odd)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.04);
    pointer-events: none;
  }
}
@media (max-width: 985px) {
  .sm_series_col .slide:nth-child(odd):not(:nth-child(1))::before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: calc(200% + 24px);
    height: 1px;
    background: rgba(0, 0, 0, 0.04);
    pointer-events: none;
  }
}
@media (max-width: 985px) {
  .sm_series_col .slide.mobile_page_start::before {
    display: none;
  }
}
@media (max-width: 985px) {
  .sm_series_col .card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 985px) {
  .sm_series_col .card_image {
    width: 108px;
  }
}
@media (max-width: 985px) {
  .sm_series_col .card_body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 985px) {
  .sm_series_col .meta {
    margin-top: auto;
    justify-content: center;
  }
}

@media (min-width: 1280px) {
  .series_list .slide {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 1600px) {
  .series_list .slide {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (min-width: 1920px) {
  .series_list .slide {
    flex-basis: calc((100% - 80px) / 6);
  }
}
@media (min-width: 2560px) {
  .series_list .slide {
    flex-basis: calc((100% - 96px) / 7);
  }
}
.series_card {
  padding: 0 8px 8px 0;
  background: none !important;
}
.series_card > * {
  position: relative;
  z-index: 1;
  border: 1px solid #333;
  background: #fff;
}
.series_card::before, .series_card::after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid #333;
  background: #fff;
  box-sizing: border-box;
}
.series_card::before {
  bottom: 0;
  right: 0;
}
.series_card::after {
  bottom: 4px;
  right: 4px;
}

@media (max-width: 985px) {
  .sm_series_card {
    padding: 0 8px 8px 0;
  }
}
@media (max-width: 985px) {
  .sm_series_card > * {
    position: relative;
    z-index: 1;
    border: 1px solid #333;
    background: #fff;
  }
}
@media (max-width: 985px) {
  .sm_series_card::before, .sm_series_card::after {
    content: "";
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #333;
    background: #fff;
    box-sizing: border-box;
  }
}
@media (max-width: 985px) {
  .sm_series_card::before {
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 985px) {
  .sm_series_card::after {
    bottom: 4px;
    right: 4px;
  }
}

@media (min-width: 986px) {
  .lg_series_card {
    padding: 0 8px 8px 0;
  }
}
@media (min-width: 986px) {
  .lg_series_card > * {
    position: relative;
    z-index: 1;
    border: 1px solid #333;
    background: #fff;
  }
}
@media (min-width: 986px) {
  .lg_series_card::before, .lg_series_card::after {
    content: "";
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #333;
    background: #fff;
    box-sizing: border-box;
  }
}
@media (min-width: 986px) {
  .lg_series_card::before {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 986px) {
  .lg_series_card::after {
    bottom: 4px;
    right: 4px;
  }
}

/* card */
.card_image .badge_free_timer {
  top: 0;
  left: 0;
}

/* 특정타임 무료공개 - 컴포넌트 */
.badge_free_timer::after {
  content: "";
  order: -1;
  flex-shrink: 0;
  display: block;
  width: 40px;
  height: 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='20' viewBox='0 0 40 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='label/free/20px'%3E%3Cpath id='Vector' d='M40 0H0V20H40V0Z' fill='%23F6330A'/%3E%3Cg id='FREE'%3E%3Cpath d='M7 14.5H8.28906V10.7901H11.8867V9.68646H8.28906V7.11533H12.2617V6H7V14.5Z' fill='white'/%3E%3Cpath d='M13.7031 14.5H14.9922V11.2949H16.7266H16.8086L18.5312 14.5H19.9961L18.1211 11.066C19.1523 10.6727 19.668 9.80974 19.668 8.66506C19.668 7.09772 18.7012 6 16.7266 6H13.7031V14.5ZM14.9922 10.1796V7.10359H16.5977C17.8457 7.10946 18.3672 7.70822 18.3672 8.66506C18.3672 9.62189 17.8457 10.1737 16.5977 10.1796H14.9922Z' fill='white'/%3E%3Cpath d='M21.0977 14.5H26.4648V13.3847H22.3867V10.7901H26.1367V9.68646H22.3867V7.11533H26.418V6H21.0977V14.5Z' fill='white'/%3E%3Cpath d='M28 14.5H33.3672V13.3847H29.2891V10.7901H33.0391V9.68646H29.2891V7.11533H33.3203V6H28V14.5Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.badge_scheduled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 5px 1px;
  background: #f6f1ee;
  color: #a37854;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.card {
  min-width: 0;
}
.card a {
  text-decoration: none;
}

@media (min-width: 986px) {
  .contents .list,
  .showcase .list {
    display: flex;
    gap: 16px;
  }
}
.contents .card_image,
.showcase .card_image {
  position: relative;
}
.contents .card_image a,
.showcase .card_image a {
  position: relative;
}
.contents .card_image > a,
.contents .card_image > .player_area,
.showcase .card_image > a,
.showcase .card_image > .player_area {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 75%;
}
.contents .card_image > a img,
.contents .card_image > .player_area img,
.showcase .card_image > a img,
.showcase .card_image > .player_area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.contents .card_image > a.ratio_1x1,
.contents .card_image > .player_area.ratio_1x1,
.showcase .card_image > a.ratio_1x1,
.showcase .card_image > .player_area.ratio_1x1 {
  padding-top: 100%;
}
.contents .card_image > a.ratio_16x9,
.contents .card_image > .player_area.ratio_16x9,
.showcase .card_image > a.ratio_16x9,
.showcase .card_image > .player_area.ratio_16x9 {
  padding-top: 56.25%;
}
.contents .card_image .btn_bookmark,
.showcase .card_image .btn_bookmark {
  position: absolute;
  bottom: 0;
  left: 0;
}
.contents .card_image img,
.showcase .card_image img {
  display: block;
  width: 100%;
}

.player_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.card_body {
  min-width: 0;
}
.card_body .title {
  display: block;
  margin-bottom: 8px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.28px;
}
@media (min-width: 986px) {
  .card_body .headline {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
  }
}
@media (max-width: 985px) {
  .card_body .headline {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}

.headline {
  margin: 0;
  color: #111;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.36px;
}

.description {
  display: -webkit-box;
  overflow: hidden;
  margin: 8px 0 0;
  padding-top: 0 !important;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.28px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.description + .meta {
  font-size: 12px;
}
@media (min-width: 986px) {
  .description + .meta {
    font-size: 13px;
  }
}

.meta {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  padding-top: 8px;
  color: #999;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.meta a {
  font-size: 14px;
  color: #666;
}
.meta .read {
  display: flex;
  gap: 4px;
  align-items: center;
}
.meta .read::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("https://assets.joongang.co.kr/images/bookstore/index/ico_eye_open.png") no-repeat 50% 50%/16px auto;
}
.meta .read + span {
  display: flex;
  gap: 8px;
  align-items: center;
}
.meta .read + span::before {
  content: "";
  width: 1px;
  height: 16px;
  background: rgba(0, 0, 0, 0.12);
}
.meta .btn_area {
  position: relative;
  margin-left: auto;
}
.meta .btn_area.flex_justify_center {
  margin-left: 0;
}
@media (max-width: 985px) {
  .meta .btn_area.sm_justify_center {
    margin-left: 0;
  }
}
@media (min-width: 986px) {
  .meta .btn_area.lg_justify_center {
    margin-left: 0;
  }
}

.contents .card .ico_play,
.contents .card .ico_audio,
.showcase .card .ico_play,
.showcase .card .ico_audio {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  background: none;
  z-index: 10;
}
.contents .card .ico_play:before,
.contents .card .ico_audio:before,
.showcase .card .ico_play:before,
.showcase .card .ico_audio:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  width: 30px;
  height: 30px;
  border: 3px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.contents .card .ico_play:after,
.contents .card .ico_audio:after,
.showcase .card .ico_play:after,
.showcase .card .ico_audio:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50%;
  right: 50%;
  width: 30px;
  height: 30px;
  margin: 0 -20px -20px 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32'%3E%3Cdefs%3E%3Cfilter x='-22%25' y='-14.6%25' width='148.6%25' height='141%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='.5' dy='1.5' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath id='b' d='M7.2 3.2v25.6L28.8 16z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  -webkit-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.contents .card .ico_audio:after,
.showcase .card .ico_audio:after {
  height: 35px;
  margin-bottom: -22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='44' viewBox='0 0 40 44' fill='none'%3E%3Cg filter='url(%23filter0_d_1685_3379)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 2C28.8366 2 36 9.16344 36 18V39.2286L35.1 40H33C29.134 40 26 36.866 26 33C26 29.134 29.134 26 33 26V18C33 10.8203 27.1797 5 20 5C12.8203 5 7 10.8203 7 18V26C10.866 26 14 29.134 14 33C14 36.866 10.866 40 7 40H4.9L4 39.2286V18C4 9.16344 11.1634 2 20 2ZM33 29C30.7909 29 29 30.7909 29 33C29 35.2091 30.7909 37 33 37V29ZM11 33C11 35.2091 9.20914 37 7 37V29C9.20914 29 11 30.7909 11 33Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1685_3379' x='1.5' y='0' width='38' height='44' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='0.5' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1685_3379'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1685_3379' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
.contents .card_image:hover .ico_play:after,
.contents .card_image:hover .ico_audio:after,
.showcase .card_image:hover .ico_play:after,
.showcase .card_image:hover .ico_audio:after {
  transform: scale(0.44);
}
.contents .card_image:hover .ico_play:before,
.contents .card_image:hover .ico_audio:before,
.showcase .card_image:hover .ico_play:before,
.showcase .card_image:hover .ico_audio:before {
  opacity: 1;
}
.contents .card_row .ico_play,
.contents .card_row .ico_audio,
.showcase .card_row .ico_play,
.showcase .card_row .ico_audio {
  bottom: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
}
.contents .card_row .ico_play:after, .contents .card_row .ico_play:before,
.contents .card_row .ico_audio:after,
.contents .card_row .ico_audio:before,
.showcase .card_row .ico_play:after,
.showcase .card_row .ico_play:before,
.showcase .card_row .ico_audio:after,
.showcase .card_row .ico_audio:before {
  width: 20px;
  height: 20px;
}
.contents .card_row .ico_play:after,
.contents .card_row .ico_audio:after,
.showcase .card_row .ico_play:after,
.showcase .card_row .ico_audio:after {
  margin: 0 -10px -10px 0;
}
.contents .card_row .ico_audio:after,
.showcase .card_row .ico_audio:after {
  height: 20px;
  margin-bottom: -10px;
}
@media (max-width: 985px) {
  .contents .sm_content_row .card .ico_play,
  .contents .sm_content_row .card .ico_audio,
  .showcase .sm_content_row .card .ico_play,
  .showcase .sm_content_row .card .ico_audio {
    bottom: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
  }
  .contents .sm_content_row .card .ico_play:after, .contents .sm_content_row .card .ico_play:before,
  .contents .sm_content_row .card .ico_audio:after,
  .contents .sm_content_row .card .ico_audio:before,
  .showcase .sm_content_row .card .ico_play:after,
  .showcase .sm_content_row .card .ico_play:before,
  .showcase .sm_content_row .card .ico_audio:after,
  .showcase .sm_content_row .card .ico_audio:before {
    width: 20px;
    height: 20px;
  }
  .contents .sm_content_row .card .ico_play:after,
  .contents .sm_content_row .card .ico_audio:after,
  .showcase .sm_content_row .card .ico_play:after,
  .showcase .sm_content_row .card .ico_audio:after {
    margin: 0 -10px -10px 0;
  }
  .contents .sm_content_row .card .ico_audio:after,
  .showcase .sm_content_row .card .ico_audio:after {
    height: 20px;
    margin-bottom: -10px;
  }
}

/* button */
.btn_interest {
  min-width: 48px;
  height: 28px;
  margin-left: auto;
  padding: 0 5px;
  background: #111;
  font-size: 13px;
  line-height: 17px;
}
.btn_interest.active {
  background: rgba(0, 0, 0, 0.04);
  color: #111;
}

.btn_subs {
  width: auto;
  height: 28px;
  min-width: 0;
  padding: 0 5px 0 19px;
  border: 0;
  border-radius: 4px;
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.btn_subs::before {
  left: 5px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 4.87956H9M5.00326 0.882812L5.00326 8.88281' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}
.btn_subs.active {
  background: rgba(0, 0, 0, 0.04);
  color: #111;
}
.btn_subs.active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M9 2L3.77952 8L1 5' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E") !important;
}

.btn_subs + .layer_subs_plus:before {
  right: 17px;
}

.btn_area.flex_justify_center .layer_subs_plus {
  width: 160px;
  right: auto;
  left: 50%;
  margin-left: -80px;
}
.btn_area.flex_justify_center .layer_subs_plus::before {
  right: auto;
  left: 50%;
  margin-left: -7px;
}
@media (max-width: 985px) {
  .btn_area.sm_justify_center .layer_subs_plus {
    width: 160px;
    right: auto;
    left: 50%;
    margin-left: -80px;
  }
}
@media (max-width: 985px) {
  .btn_area.sm_justify_center .layer_subs_plus::before {
    right: auto;
    left: 50%;
    margin-left: -7px;
  }
}
@media (min-width: 986px) {
  .btn_area.lg_justify_center .layer_subs_plus {
    width: 270px;
    right: auto;
    left: 50%;
    margin-left: -135px;
  }
}
@media (min-width: 986px) {
  .btn_area.lg_justify_center .layer_subs_plus::before {
    right: auto;
    left: 50%;
    margin-left: -7px;
  }
}

.btn_plus_news_letter {
  position: relative;
  width: auto;
  height: 28px;
  min-width: 0;
  padding: 0 6px 0 28px;
  border: 0;
  border-radius: 4px;
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.btn_plus_news_letter::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 4.40137H17V15.6014H3V4.40137Z' stroke='white'/%3E%3Cpath d='M17 5.80176L10 10.7018L3 5.80176' stroke='white'/%3E%3C/svg%3E");
  background-size: 100% auto;
}
.btn_plus_news_letter.active {
  background: rgba(0, 0, 0, 0.04);
  color: #111;
}
.btn_plus_news_letter.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4154 5.6665L7.33605 14.3332L4.58203 11.3789' stroke='black' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.btn_plus_news_letter + .layer_subs_plus:before {
  right: 42px;
}

.flex_justify_center {
  justify-content: center !important;
}

@media (max-width: 985px) {
  .sm_justify_center {
    justify-content: center !important;
  }
}

@media (min-width: 986px) {
  .lg_justify_center {
    justify-content: center !important;
  }
}

.btn_bookmark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(20px);
}

.ico_bookmark {
  width: 14px;
  height: 17px;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath d='M0.833008 0.5H12.5C12.684 0.5 12.8328 0.649063 12.833 0.833008V16.0332L6.92383 12.4883L6.66699 12.334L6.40918 12.4883L0.5 16.0332V0.833008C0.500176 0.649171 0.649171 0.500176 0.833008 0.5Z' stroke='white'/%3E%3C/svg%3E");
}

.active > .ico_bookmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24' fill='none'%3E%3Cpath d='M15 2C15.5523 2 16 2.44772 16 3V22H15.5L8 17.5L0.5 22H0V3C0 2.44772 0.447715 2 1 2H15Z' fill='%23fff'/%3E%3C/svg%3E");
}
@media (min-width: 986px) {
  .active > .ico_bookmark {
    background-image: url("data:image/svg+xml,%3Csvg class='path' width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0C12.9602 0 13.3333 0.373096 13.3333 0.833333V16.6667H12.9167L6.66667 12.9167L0.416667 16.6667H0V0.833333C0 0.373096 0.373096 0 0.833333 0H12.5Z' fill='%23CD9363' /%3E%3C/svg%3E");
  }
}

.btn_more_full {
  display: flex;
  width: 100%;
  height: 48px;
  margin-top: 20px;
  padding: 11px 0 12px 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  background: #f5f5f5;
  color: #111;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.btn_more_full span {
  font-family: Arial;
}
.btn_more_full span.more_count {
  color: rgba(17, 17, 17, 0.5);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
}
.btn_more_full span.more_count strong {
  margin-right: 2px;
}
.btn_more_full strong {
  color: #111;
  font-weight: 700;
}
@media (min-width: 986px) {
  .btn_more_full {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    padding: 11px 19px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
  }
}

.ico_refresh {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.3466 10.875C13.5831 13.2704 11.3965 15 8.81818 15C5.60489 15 3 12.3137 3 9C3 5.68629 5.60489 3 8.81818 3C10.7029 3 12.3784 3.92419 13.4416 5.35709M13.858 6C13.7324 5.77615 13.5932 5.56145 13.4416 5.35709M13.4416 5.35709L12.0909 6.75H15V3.75L13.4416 5.35709ZM13.5455 6.5L14.4545 5.25' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ico_arrow {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 10.25L11.5 5.25H4.5L8 10.25Z' fill='black'/%3E%3C/svg%3E");
}

.btn_notice,
.btn_download {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  height: 28px;
  padding: 4px 6px;
  border: 0;
  border-radius: 4px;
  background: #a37854;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}

.btn_notice i {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.83521 13.7299L3.42486 13.4443L3.42486 13.4443L3.83521 13.7299ZM4.74362 10.9195L4.24362 10.9139V10.9195H4.74362ZM4.76268 9.22025L5.26268 9.22586V9.22025H4.76268ZM16.1728 13.7436L16.5886 13.466L16.5886 13.466L16.1728 13.7436ZM15.2985 10.9195L14.7985 10.9136V10.9195H15.2985ZM15.3176 9.30445L15.8176 9.31035V9.30445H15.3176ZM3.83521 13.7299L4.24556 14.0156C4.74934 13.292 5.24362 12.2203 5.24362 10.9195H4.74362H4.24362C4.24362 11.9641 3.84557 12.84 3.42486 13.4443L3.83521 13.7299ZM4.74362 10.9195L5.24359 10.9251L5.26265 9.22586L4.76268 9.22025L4.26271 9.21464L4.24365 10.9139L4.74362 10.9195ZM16.1728 13.7436L16.5886 13.466C16.1852 12.8617 15.7985 11.9777 15.7985 10.9195H15.2985H14.7985C14.7985 12.2228 15.2734 13.297 15.7569 14.0212L16.1728 13.7436ZM15.2985 10.9195L15.7985 10.9254L15.8176 9.31035L15.3176 9.30445L14.8176 9.29855L14.7986 10.9136L15.2985 10.9195ZM15.3176 9.30445H15.8176C15.8176 5.86669 13.2538 3.00388 10.0016 3.00388V3.50388V4.00388C12.6212 4.00388 14.8176 6.33508 14.8176 9.30445H15.3176ZM15.8546 14.5311V15.0311C16.304 15.0311 16.57 14.6913 16.6733 14.4266C16.7793 14.1549 16.7972 13.7784 16.5886 13.466L16.1728 13.7436L15.7569 14.0212C15.7467 14.0059 15.7496 14.0004 15.7503 14.0137C15.751 14.0274 15.7483 14.0462 15.7417 14.0632C15.7346 14.0813 15.7302 14.0798 15.7432 14.0686C15.7506 14.0623 15.7642 14.0526 15.7846 14.0445C15.8057 14.0361 15.8299 14.0311 15.8546 14.0311V14.5311ZM4.76268 9.22025H5.26268C5.26268 6.29738 7.42451 4.00388 10.0016 4.00388V3.50388V3.00388C6.79191 3.00388 4.26268 5.82899 4.26268 9.22025H4.76268ZM4.14926 14.5311V14.0311C4.1746 14.0311 4.1993 14.0363 4.22071 14.045C4.24137 14.0533 4.25488 14.0632 4.26203 14.0695C4.27438 14.0802 4.26919 14.0807 4.26168 14.0609C4.25462 14.0422 4.25201 14.022 4.25292 14.0075C4.25383 13.9933 4.25683 13.9994 4.24556 14.0156L3.83521 13.7299L3.42486 13.4443C3.20679 13.7575 3.22263 14.1405 3.32639 14.4148C3.42721 14.6812 3.69281 15.0311 4.14926 15.0311V14.5311ZM15.8546 14.5311V14.0311H4.14926V14.5311V15.0311H15.8546V14.5311ZM10.0016 17.5V17C9.3126 17 8.69274 16.7699 8.22984 16.4018L7.91862 16.7931L7.60741 17.1845C8.25004 17.6955 9.09009 18 10.0016 18V17.5ZM12.0845 16.7931L11.7733 16.4018C11.3104 16.7699 10.6905 17 10.0016 17V17.5V18C10.913 18 11.7531 17.6955 12.3957 17.1845L12.0845 16.7931ZM3.33398 5.31601L3.80136 5.49366C4.22075 4.39029 4.96714 3.48056 5.92785 2.93473L5.68086 2.5L5.43386 2.06527C4.25041 2.73764 3.35986 3.84065 2.86661 5.13836L3.33398 5.31601ZM14.3039 2.50761L14.0522 2.93962C15.032 3.51052 15.8 4.4005 16.1981 5.48119L16.6673 5.30835L17.1365 5.13551C16.6552 3.82889 15.7289 2.75921 14.5557 2.0756L14.3039 2.50761Z' fill='white'/%3E%3C/svg%3E");
}
.btn_notice.is_done {
  background: #f5f5f5;
  color: #000;
}
.btn_notice.is_done i {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4173 5.66675L7.338 14.3334L4.58398 11.3792' stroke='black' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.btn_download {
  background: #111;
}
.btn_download i {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 12.5V17.5H17.5V12.5' stroke='white'/%3E%3Cpath d='M5.83398 8.33325L10.0007 12.4999L14.1673 8.33325' stroke='white'/%3E%3Cpath d='M10 12.5V2.5' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.layer_pdf_download .progress_area .ico_info_circle {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F6330A' d='M30 39a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zm2-22v18h-4V17h4z'/%3E%3Cpath fill='%231D1D1D' fill-rule='nonzero' d='M30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30 0 13.431 13.431 0 30 0zm0 2C14.536 2 2 14.536 2 30s12.536 28 28 28 28-12.536 28-28S45.464 2 30 2z'/%3E%3C/g%3E%3C/svg%3E");
  margin: 0px auto;
}

.badge_dday {
  position: absolute;
  top: 8px;
  left: 6px;
  z-index: 2;
  height: 24px;
  padding: 2px 8px 1px;
  border-radius: 4px;
  background: #111;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}

.ico_up {
  width: 17px;
  height: 13px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='16' height='12' stroke='%23F6330A'/%3E%3Cpath d='M5.78913 9.867C4.32213 9.867 3.32313 9.066 3.32313 6.906V3.117H4.36713V6.978C4.36713 8.472 4.96113 8.958 5.78913 8.958C6.62613 8.958 7.23813 8.472 7.23813 6.978V3.117H8.24613V6.906C8.24613 9.066 7.25613 9.867 5.78913 9.867ZM9.55972 9.75V3.117H11.5667C13.0427 3.117 14.0957 3.63 14.0957 5.124C14.0957 6.573 13.0427 7.239 11.6027 7.239H10.6037V9.75H9.55972ZM10.6037 6.402H11.5037C12.5657 6.402 13.0697 5.997 13.0697 5.124C13.0697 4.251 12.5207 3.963 11.4677 3.963H10.6037V6.402Z' fill='%23F6330A'/%3E%3C/svg%3E%0A");
}

/* badge */
.contents .badge_free:not(.card_image .badge_free):after,
.showcase .badge_free:not(.card_image .badge_free):after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 16' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='badge'%3E%3Crect width='34' height='16' fill='%23F6330A'%3E%3C/rect%3E%3Cpath id='FREE' d='M6.46063 11.5V4.13H10.8206V5.11H7.62063V7.36H10.3406V8.33H7.62063V11.5H6.46063ZM11.7247 11.5V4.13H14.1347C15.6547 4.13 16.7947 4.68 16.7947 6.27C16.7947 7.41 16.1847 8.09 15.2547 8.38L17.0547 11.5H15.7447L14.0747 8.53H12.8847V11.5H11.7247ZM12.8847 7.6H13.9947C15.0647 7.6 15.6447 7.16 15.6447 6.27C15.6447 5.38 15.0647 5.07 13.9947 5.07H12.8847V7.6ZM17.8872 11.5V4.13H22.2372V5.11H19.0472V7.16H21.7472V8.14H19.0472V10.52H22.3472V11.5H17.8872ZM23.4833 11.5V4.13H27.8333V5.11H24.6433V7.16H27.3433V8.14H24.6433V10.52H27.9433V11.5H23.4833Z' fill='white'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.contents .badge_free,
.showcase .badge_free {
  margin-left: 4px !important;
}
.contents .badge_free::before,
.showcase .badge_free::before {
  display: none;
}
.contents .card_image .badge_free,
.showcase .card_image .badge_free {
  top: 0 !important;
  left: 0 !important;
  margin-left: 0 !important;
}
.contents .ico_close,
.showcase .ico_close {
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg id='ic/close/24px'%3E%3Cg id='ic/close/24px_2'%3E%3Cpath id='Combined Shape' fill-rule='evenodd' clip-rule='evenodd' d='M11.2924 11.9991L2.10001 21.1915L2.80711 21.8986L11.9995 12.7062L21.1919 21.8986L21.899 21.1915L12.7066 11.9991L21.899 2.80672L21.1919 2.09961L11.9995 11.292L2.80711 2.09961L2.10001 2.80672L11.2924 11.9991Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

/* swiper */
.jswiper_pagination {
  margin: 0;
}
.jswiper_pagination.bullet_indicator {
  margin-top: 20px;
  padding: 8px 0;
}
.jswiper_pagination.bullet_indicator .bullet {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 2px;
  border-radius: 0;
  background-color: #000;
  opacity: 0.2;
}
.jswiper_pagination.bullet_indicator .active {
  width: 20px;
  opacity: 1;
}
.jswiper_pagination button {
  display: none;
  margin: 0;
}

@media (min-width: 986px) {
  [data-jswiper-thumb-center] .jswiper_pagination button {
    top: var(--thumb-center-y, 50%);
  }
}

@media (min-width: 986px) {
  main .jswiper_pagination {
    justify-content: end;
    pointer-events: none;
  }
  main .jswiper_pagination button {
    display: block;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    pointer-events: auto;
    transform: translateY(-50%);
  }
  main .jswiper_pagination button[class*=btn_prev] {
    left: -20px;
  }
  main .jswiper_pagination button[class*=btn_next] {
    right: -20px;
  }
  main .jswiper_pagination button [class*=ico_] {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect x='40' y='40' width='40' height='40' rx='20' transform='rotate(-180 40 40)' fill='white'/%3E%3Crect x='39.1667' y='39.1667' width='38.3333' height='38.3333' rx='19.1667' transform='rotate(-180 39.1667 39.1667)' stroke='black' stroke-opacity='0.1' stroke-width='1.66667'/%3E%3Cpath d='M22.9289 12.9289L15.8579 20L22.9289 27.0711' stroke='%23111111' stroke-width='1.66667'/%3E%3C/svg%3E");
  }
  main .jswiper_pagination button[aria-disabled=true] {
    display: none;
  }
  main .jswiper .jswiper_wrap {
    margin: 0 auto;
  }
  main {
    /* 카드 공통 */
  }
  main .card_image img {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    image-rendering: -webkit-optimize-contrast;
  }
  main a:hover .card_image img,
  main .card_image a:hover img {
    transition-duration: 0.3s;
    transform: scale(1.05);
  }
}
.section_body.jswiper {
  overflow: visible !important;
}

/* 유료wall [c] JDEV-1273 */
.pluswall_body + .pluswall_footer,
.pluswall_body > .btn + .title_wrap {
  margin-top: 34px;
}

.pluswall_footer {
  padding-top: 20px;
  margin-bottom: -18px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* 유료wall>common */
.pluswall_wrap .ico_arrow_right {
  width: 7px;
  height: 12px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5.5L1 12' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.pluswall_wrap ul:not([class]) {
  position: relative;
  width: max-content;
  margin: 0 auto;
}

.pluswall_wrap ul:not([class]) li {
  position: relative;
  padding-left: 15px;
  line-height: 21px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.pluswall_wrap ul:not([class]) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.90266L4.70546 8L11 1' stroke='%23F6330A' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.pluswall_wrap ul:not([class]) li:not(:first-child) {
  margin-top: 5px;
}

/* 유료wall */
.pluswall {
  position: relative;
  z-index: 2;
  width: max(100%, 280px);
  padding: 40px 20px;
  background-color: #333;
  border-radius: 12px;
}

.pluswall_body,
.pluswall .title_wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.pluswall .title_wrap {
  line-height: 28px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.pluswall .title_area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  margin-bottom: 3px;
}

.pluswall_wrap .pluswall .title {
  padding: 0;
  line-height: 34px;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  color: #fff;
}

.pluswall .title > .font_orange {
  font-weight: inherit;
}

.pluswall > .font_gray3 {
  margin-top: -10px;
  margin-bottom: 20px;
  line-height: 21px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.4px;
}

.pluswall_body > p {
  margin-top: 10px;
  margin-bottom: 0;
}

.pluswall_body > .btn {
  margin-top: 30px;
}

.pluswall_body .font_white {
  line-height: 22px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.pluswall_body > .font_white {
  margin-bottom: 4px;
  margin-top: 10px;
  letter-spacing: -0.4px;
}

.pluswall .pluswall_body .description {
  line-height: 21px;
  font-size: 13px;
  color: #999;
  text-align: center;
  letter-spacing: -0.4px;
}

.pluswall_body .description + .btn {
  padding-left: 42px;
  padding-right: 41px;
}

.pluswall_body .btn {
  padding: 11px 21px;
  background-color: #f6330a;
  border-color: #f6330a;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
}

.pluswall_body .btn > .ico_arrow_right {
  margin-left: 6px;
}

@media (min-width: 986px) {
  /* 유료wall 개선 [c] JDEV-1273 */
  .pluswall_wrap {
    margin-bottom: 30px;
  }
  .pluswall_body + .pluswall_footer,
  .pluswall_body > .btn + .title_wrap {
    margin-top: 40px;
  }
  .pluswall_footer {
    padding-top: 20px;
    margin-bottom: -18px;
  }
  /* 유료wall>common */
  .pluswall_wrap ul:not([class]) {
    display: flex;
  }
  .pluswall_wrap ul:not([class]) li:not(:first-child) {
    margin-top: 0;
  }
  .pluswall_wrap ul:not([class]) li {
    margin-left: 5px;
    margin-right: 5px;
  }
  .pluswall_wrap ul:not([class]) li:first-child {
    margin-top: 0;
    margin-left: 0;
  }
  .pluswall_wrap ul:not([class]) li:last-child {
    margin-right: 0;
  }
  /* 유료wall */
  .pluswall {
    padding: 40px;
  }
  .pluswall + p + .plus_banner {
    margin-top: 30px;
  }
  .pluswall > .font_gray3 {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .pluswall_body .font_white {
    line-height: 24px;
    font-size: 17px;
  }
  .pluswall_body > .font_white {
    margin-top: 12px;
    margin-bottom: 0px;
  }
  .pluswall .title_wrap {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .pluswall .title_wrap .title {
    margin-left: 0px;
    margin-top: 4px;
    font-size: 24px;
  }
  .pluswall .logo_plus_white {
    width: 272px;
    height: 37px;
  }
  .pluswall .title_area .logo_plus_white {
    width: 188px;
    height: 26px;
  }
  .pluswall .title_area {
    margin-bottom: 3px;
  }
  .pluswall .title_area,
  .pluswall .title_area + .title {
    width: 100%;
    justify-content: center;
  }
  .pluswall .title_area + .title {
    margin-left: 0;
    margin-top: 0px;
  }
  .pluswall .pluswall_body .description {
    margin-bottom: 0px;
  }
}
/* 구독 wall AB테스트용 */
.full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .pluswall_body .btn {
  padding: 10px 39px;
}

.full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .pluswall_body + p,
.full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_wrap {
  margin-bottom: 0;
}

@media (max-width: 985px) {
  /* 구독 wall AB테스트용 */
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 {
    padding: 30px 0 35px;
  }
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_wrap .title {
    font-size: 16px;
    line-height: 23px;
  }
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_area {
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
  }
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_area .logo_plus_white {
    width: 198px;
    height: 22px;
  }
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .pluswall_body .btn {
    margin-top: 25px;
    padding: 10px 25px;
  }
}
@media (min-width: 986px) {
  /* 구독 wall AB테스트용 */
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_wrap .title {
    margin-top: 0;
    font-size: 20px;
    line-height: 29px;
  }
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_area {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 40px;
  }
  .full_popup.pluswall_wrap:not(.bg_white):not(.bg_black) .pluswall_type1 .title_area .logo_plus_white {
    width: 291px;
    height: 33px;
  }
}
/* JST25-146 AI Paywall 적용 - 더중플 구독 제안 모듈  */
.popup_module {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 353px;
  width: calc(100% - 40px);
  min-height: 170px;
  padding: 30px;
  border: none;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  /* 카드 */
  /* */
}

@media (min-width: 986px) {
  .popup_module {
    max-width: 360px;
  }
}
.popup_module .btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  width: 20px;
  height: 20px;
}

.popup_module .btn_close [class*=ico_] {
  margin-right: 0;
}

.popup_module .ico_close {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Cpath fill='%231D1D1D' d='M16.718 2.6l.707.707-6.718 6.718 6.718 6.717-.707.707L10 10.732l-6.718 6.717-.707-.707 6.718-6.717-6.718-6.718.707-.707L10 9.318 16.718 2.6z'/%3E%3C/g%3E%3C/svg%3E");
}

.popup_module .layer_header {
  text-align: center;
  margin-bottom: 24px;
}

.popup_module .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
}

@media (min-width: 986px) {
  .popup_module .title {
    line-height: 28px;
  }
}
.popup_module .desc {
  margin-top: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.popup_module .layer_body {
  padding-top: 17px;
  padding-bottom: 17px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.popup_module .card {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 70px auto;
  align-items: center;
}

.popup_module .card .headline {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
}

.popup_module .card .color_gray3 {
  margin-top: 4px;
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}

.popup_module .card_image {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 70px;
}

.popup_module .card_image::after {
  border: 1px solid #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.04;
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
}

.popup_module .card_image img {
  left: 0;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  image-rendering: -webkit-optimize-contrast;
}

.popup_module .card_image a:after {
  border: 1px solid #000;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.04;
}

.popup_module .card_image a:hover {
  opacity: 1;
}

.popup_module .card_image a:hover img {
  transition-duration: 0.3s;
  transform: scale(1.05);
}

.popup_module .card_image a:hover .ico_audio:before,
.popup_module .card_image a:hover .ico_play:before {
  opacity: 1;
}

.popup_module .card_image a:hover .ico_audio:after,
.popup_module .card_image a:hover .ico_play:after {
  transform: scale(0.44);
}

.popup_module .card_body {
  margin-left: 14px;
}

.popup_module .btn_wide {
  max-width: 271px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  border-radius: 60px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
}

@media (min-width: 986px) {
  .popup_module .btn_wide {
    font-size: 16px;
    line-height: 24px;
  }
}
.time_limit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
  padding: 6px 12px 5px;
  border-radius: 4px;
  background-color: #FFF4F1;
}

.time_limit .font_orange {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.time_limit .timer {
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
}

.time_limit .ico_clock {
  margin-right: 4px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 14 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.563 7.5345c0-3.4633-2.8076-6.2708-6.2709-6.2708l-0.03189 8e-5c-0.24163 0.00121-0.43652 0.19806-0.43532 0.43968 0.00121 0.24162 0.19806 0.43652 0.43968 0.43531l0.02753-7e-5c2.9801 0 5.3959 2.4158 5.3959 5.3958 0 2.98-2.4158 5.3958-5.3959 5.3958-2.7608 0-5.0374-2.0734-5.3574-4.748l0.23436 0.19236c0.18677 0.15329 0.46245 0.12615 0.61574-0.06062 0.1533-0.18677 0.12616-0.46244-0.06061-0.61574l-1.0462-0.85867c-0.18677-0.1533-0.46244-0.12616-0.61574 0.06061l-0.85868 1.0462c-0.1533 0.18677-0.12616 0.46244 0.060611 0.61574 0.18677 0.15329 0.46245 0.12616 0.61574-0.06061l0.1847-0.22504c0.36703 3.1136 3.0152 5.5288 6.2274 5.5288 3.4633 0 6.2709-2.8075 6.2709-6.2708z' fill='%23F6330A'/%3E%3Cpath d='m5.9338 1.8432c0.07345 0.23019-0.05361 0.47634-0.28381 0.54979l-0.05204 0.0169c-0.22943 0.0758-0.47687-0.04874-0.55267-0.27817-0.0758-0.22942 0.04874-0.47686 0.27817-0.55266l0.06057-0.01967c0.23019-0.07344 0.47633 0.05362 0.54978 0.28381z' fill='%23F6330A'/%3E%3Cpath d='m4.2421 2.5419c0.14119 0.19608 0.0967 0.46949-0.09938 0.61068l-0.04421 0.03218c-0.19465 0.14317-0.4685 0.10144-0.61166-0.09321-0.14317-0.19464-0.10144-0.46849 0.09321-0.61165l0.05136-0.03738c0.19607-0.14119 0.46949-0.0967 0.61068 0.09938z' fill='%23F6330A'/%3E%3Cpath d='M2.84908 3.72928C3.04372 3.87245 3.08545 4.1463 2.94229 4.34094L2.91011 4.38516C2.76892 4.58123 2.4955 4.62573 2.29942 4.48454C2.10334 4.34334 2.05885 4.06993 2.20004 3.87385L2.23742 3.82249C2.38059 3.62785 2.65444 3.58612 2.84908 3.72928Z' fill='%23F6330A'/%3E%3Cpath d='m1.8892 5.2877c0.22943 0.0758 0.35397 0.32323 0.27817 0.55266l-0.01691 0.05205c-0.07344 0.23019-0.31959 0.35726-0.54978 0.28381s-0.35726-0.3196-0.28381-0.54979l0.01967-0.06056c0.0758-0.22943 0.32323-0.35397 0.55266-0.27817z' fill='%23F6330A'/%3E%3Cpath d='m7.6126 5.2157v2.1138l1.8009 1.3495c0.19336 0.1449 0.23265 0.41911 0.08775 0.61247-0.14489 0.19336-0.4191 0.23264-0.61246 0.08775l-1.9584-1.4675c-0.11632-0.07863-0.19279-0.21174-0.19279-0.36272v-2.3333c0-0.24163 0.19587-0.4375 0.4375-0.4375 0.24162 0 0.4375 0.19587 0.4375 0.4375z' fill='%23F6330A'/%3E%3C/svg%3E%0A");
}

/* 더중플 홈 header */
.index:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 104px;
  background-color: #18181d;
}
@media (min-width: 986px) {
  .index:before {
    height: 134px;
  }
}

.index .header_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  /*height: 116px;*/
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.index .header_nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.index .header_nav .nav {
  display: flex;
  align-items: center;
}

.index .header_nav .nav_item {
  font-size: 16px;
  margin-right: 24px;
  color: #fff;
  /*font-weight: 700*/
}

.header_nav .ico_search {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 8.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM8.5 1a7.5 7.5 0 1 0 4.55 13.463l4.443 4.444 1.414-1.414-4.444-4.444A7.5 7.5 0 0 0 8.5 1Z' fill='%23fff'/%3E%3C/svg%3E");
}

.index .btn_navbar {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 3H0V5H20V3ZM20 9H4V11H20V9ZM0 15H20V17H0V15Z' fill='white'/%3E%3C/svg%3E");
}

/* 네비게이션 개선 index */
.index .nav_re:not(.sticky_top) .masthead_menu {
  position: absolute;
}

.index .masthead_menu a {
  color: #999;
  font-weight: 400;
  font-size: 14px;
}

.index .masthead_menu .font_lightgray {
  color: #e6e6e6;
}

.index .masthead_menu .login {
  display: flex;
  margin-left: 30px;
}

.index .masthead_menu .login li {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.index .masthead_menu .link_logout {
  position: relative;
  margin-right: 8px;
  padding-right: 9px;
}

.index .masthead_menu .link_logout::before {
  position: absolute;
  top: 6px;
  right: 0;
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.3);
}

/* sticky_top */
.index .nav_re.sticky_top .masthead_menu .login {
  margin-left: 24px;
}

.index .sticky_top .header_wrap {
  height: 100%;
  border: none;
  align-items: center;
}

.index .sticky_top .header_area {
  display: flex;
}

.index .sticky_top .sm_column_reverse {
  flex-direction: inherit;
}

.index .sticky_top .header_nav .nav {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.index .nav_re.sticky_top .masthead_menu .link_logout {
  display: none;
}

.index .nav_re.black_type .masthead_menu .login a {
  color: #999;
}

.index .menu_popup .layer_popup {
  position: relative;
}

.index .btn_shortcut {
  width: auto;
  height: auto;
}

.masthead_menu .newspaper {
  margin-left: 16px;
  font-size: 14px;
  line-height: 22px;
}
.masthead_menu .newspaper .ico_newspaper {
  height: 15px;
  margin-right: 2px;
  vertical-align: -2px;
  width: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M4 7.5H11' stroke='%23999999'/%3E%3Cpath d='M4 5H8' stroke='%23999999'/%3E%3Cpath d='M4 10H11' stroke='%23999999'/%3E%3Cpath d='M12.5 3C12.5 2.72386 12.2761 2.5 12 2.5H3C2.72386 2.5 2.5 2.72386 2.5 3V12C2.5 12.2761 2.72386 12.5 3 12.5H12C12.2761 12.5 12.5 12.2761 12.5 12V3Z' stroke='%23999999' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 15px auto;
}
.masthead_menu .newspaper .ico_newspaper.white {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 3C12.5 2.72386 12.2761 2.5 12 2.5H3C2.72386 2.5 2.5 2.72386 2.5 3V12C2.5 12.2761 2.72386 12.5 3 12.5H12C12.2761 12.5 12.5 12.2761 12.5 12V3Z' fill='%23E6E6E6' stroke='%23E6E6E6' stroke-linejoin='round'/%3E%3Cpath d='M4 7.5H11' stroke='%2318181D'/%3E%3Cpath d='M4 5H8' stroke='%2318181D'/%3E%3Cpath d='M4 10H11' stroke='%2318181D'/%3E%3C/svg%3E%0A");
}

.sticky_top .masthead_menu .newspaper {
  display: none;
}

@media (min-width: 690px) and (max-width: 985px) {
  .index .btn_navbar {
    margin-left: 20px;
  }
  .index .nav_re:not(.sticky_top) .masthead_menu {
    right: 0;
  }
  .index .nav_re.sticky_top .header_nav {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .index .nav_re.sticky_top .masthead_menu {
    display: none;
  }
}
@media (max-width: 985px) {
  .index .masthead_menu {
    display: none;
  }
  .index .btn_navbar,
  .index .btn_search {
    margin-left: 20px;
  }
  .index .header_wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .index .header_nav {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .index .nav_re:not(.sticky_top) .header_nav {
    height: 100%;
  }
  /* 네비게이션 개선 index */
  .index .nav_re:not(.sticky_top) .header_wrap {
    align-items: flex-start;
    position: relative;
    height: 60px;
    align-items: center;
    padding-top: 4px;
  }
  .index .nav_re:not(.sticky_top) .header_wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 6px;
    background: #ededed;
    transform: translateX(-50%);
  }
  .index .nav_re:not(.sticky_top) .header_wrap .logo {
    margin-top: 22px;
    margin-bottom: 20px;
  }
  .index .masthead_menu {
    top: 65px;
  }
  .index .masthead_menu .link_logout {
    display: none;
  }
  .index .btn_shortcut {
    margin-left: 20px;
    margin-right: -2px;
    justify-content: flex-start;
    width: 54px;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut {
    position: relative;
    margin-top: -4px;
    margin-left: 18px;
    margin-right: 0;
    padding: 6px;
    border-radius: 0 0 100% 100%;
    background: #ededed;
    align-self: flex-start;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut::before,
  .index .nav_re:not(.sticky_top) .btn_shortcut::after {
    content: "";
    position: absolute;
    top: 6px;
    height: 16px;
    width: 8px;
    box-shadow: 0 -6px 0 0 #ededed;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut::before {
    right: 100%;
    border-top-right-radius: 8px;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut::after {
    left: 100%;
    border-top-left-radius: 8px;
  }
  .index .nav_re:not(.sticky_top).black_type .header_wrap::before {
    background-color: #414043;
  }
  .index .nav_re:not(.sticky_top).black_type .btn_shortcut {
    background-color: #414043;
  }
  .index .nav_re:not(.sticky_top).black_type .btn_shortcut::before,
  .index .nav_re:not(.sticky_top).black_type .btn_shortcut::after {
    box-shadow: 0 -6px 0 0 #414043;
  }
  .index .btn_shortcut .logo,
  .index .btn_shortcut .logo_plus {
    display: none;
  }
  .index .nav_re:not(.sticky_top) .ico_shortcut,
  .index .nav_re:not(.sticky_top) .ico_shortcut_plus {
    width: 42px;
    height: 42px;
  }
  .index .nav_re .header_area {
    margin-right: -20px;
  }
  .index .nav_re:not(.sticky_top) .header_area {
    height: 100%;
  }
  .index .ico_shortcut,
  .index .ico_shortcut_plus {
    transition: all 0.1s;
  }
}
@media (min-width: 986px) {
  .header:not(.sticky_top) .logo_plus {
    width: 279px;
    height: 32px;
  }
  .masthead_menu {
    display: flex;
  }
  .index .header_wrap {
    padding: 20px 0;
  }
  .index .menu_popup {
    top: 116px !important;
    background: none;
    max-height: 360px;
    padding: 0;
  }
  .index .menu_popup .layer_popup {
    padding: 0;
  }
  .index .menu_popup .side_nav {
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.12);
  }
  .index .btn_shortcut .logo {
    display: none;
  }
  /* 네비게이션 개선 index */
  .index .nav_re:not(.sticky_top) .header_wrap {
    position: relative;
  }
  .index .nav_re:not(.sticky_top) .header_nav {
    margin-top: 42px;
  }
  .index .header_nav .nav {
    line-height: 24px;
  }
  .index .nav_re:not(.sticky_top) .header_nav .nav {
    position: relative;
    padding-right: 25px;
  }
  .index .nav_re:not(.sticky_top) .header_nav .nav::before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: rgba(255, 255, 255, 0.3);
  }
  .index .header_nav .nav_item:last-child {
    margin-right: 0;
  }
  .index .nav_re:not(.sticky_top) .masthead_menu {
    top: 20px;
    right: 0;
  }
  .index .btn_navbar,
  .index .btn_search,
  .index .btn_shortcut {
    margin-left: 24px;
  }
  .index .btn_shortcut {
    margin-right: 0;
  }
  /* sticky_top */
  .index .sticky_top .header_wrap {
    padding: 0;
  }
  .index .sticky_top .menu_popup {
    top: 60px !important;
  }
  .index .sticky_top .btn_search {
    margin-left: 24px;
  }
  .index .header.sticky_top .header_area {
    align-items: center;
  }
  .index .nav_re.sticky_top .header_nav .nav {
    position: static;
    transform: none;
  }
  .index .nav_re.sticky_top .header_nav .nav_item:not(:last-child) {
    margin-right: 20px;
  }
  .index .menu_popup .nav {
    margin-top: 0;
  }
  .index .menu_popup .layer_popup {
    padding-bottom: 0;
  }
  .index .menu_popup .scroll {
    padding-top: 0;
  }
  .index .menu_popup .scroll::before {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  /* hover */
  .showcase.pcard_only .headline {
    transition: opacity 0.2s ease-in-out;
  }
  .comp_myinfo .btn,
  .index .nav_re:not(.sticky_top) .btn_shortcut,
  .btn_noti {
    transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .comp_myinfo .btn:hover,
  .btn_noti:hover,
  .btn_option:hover,
  .showcase.pcard_only a:hover .headline,
  [class*=color_] [class*=btn]:not(.btn_area):hover,
  .tag_wrap .btn_black:hover,
  .comp_event a:hover .headline,
  [class*=color_] .btn_area button:hover {
    opacity: 0.7;
  }
  [class*=color_] .btn_subs:not(.active):hover {
    background-color: inherit;
  }
  /*.btn_subs.active:hover {
         opacity: 1 !important;
     }*/
  .tag_wrap a:hover {
    color: #000;
  }
  .tag_wrap a:hover::before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50px;
    border: 2px solid rgb(0, 0, 0);
  }
  .tag_wrap a:hover:after {
    filter: invert(1);
  }
  /* hover 예외 */
  .showcase .pcard_only a:hover,
  .text_wrap a:hover,
  .recom_wrap .list a:hover,
  .comp_event a:hover,
  .tag_wrap a:hover {
    opacity: 1;
  }
  .text_wrap a:hover {
    color: rgba(0, 0, 0, 0.7);
  }
  .recom_wrap .list a:hover,
  .recom_wrap .list li a:hover span {
    color: rgba(255, 255, 255, 0.7);
  }
  .index .cta:not(.sticky_top) .header_area .masthead_menu {
    right: 50px;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .index .header_wrap {
    max-width: 100% !important;
  }
  /* 네비게이션 개선 index */
  .index .sticky_top .header_nav div.nav {
    max-width: 100% !important;
  }
}
@media (min-width: 1280px) {
  .index .header_wrap {
    max-width: 100% !important;
  }
  /* 네비게이션 개선 index */
  .index .sticky_top .header_nav div.nav {
    max-width: 946px !important;
  }
  .index .btn_shortcut .logo {
    display: block;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut {
    transition-property: background-color;
  }
  /* 네비게이션 개선 index */
  .index .nav_re:not(.sticky_top) .btn_shortcut {
    height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut::after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23047 10L5.23047 6L1.23047 2' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  }
  .index .nav_re:not(.sticky_top).black_type .btn_shortcut::after {
    background-image: url("data:image/svg+xml, %3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23047 10L5.23047 6L1.23047 2' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  }
  .index .nav_re:not(.sticky_top) .ico_shortcut,
  .index .nav_re:not(.sticky_top) .ico_shortcut_plus {
    display: none;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut .logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='178' height='26'%3E%3Cpath d='M0 7.23h.332l4.089-4.6H6.26V18.6l-1.84 1.764v.33h8.278v-.33L10.833 18.6V2.63h1.84l4.063 4.6h.332V1.508H0V7.23zm17.936-5.314l1.994.996v15.79l-1.866 1.662v.33h8.048v-.33l-1.711-1.508V8.84a6.049 6.049 0 011.865-.282c1.608 0 2.401.638 2.401 2.427v7.87l-1.712 1.508v.33h8.05v-.407l-1.867-1.585V11.09c0-3.169-2.145-4.983-4.726-4.983-.23 0-.383.052-1.303.562L24.4 8.125V0h-.384l-6.08 1.534v.382zM35.514 13.72c0 4.164 2.683 7.23 6.694 7.23 2.913 0 4.88-1.15 6.414-2.606l-.204-.409c-.946.434-2.12.69-3.168.69-3.042 0-4.727-1.917-5.11-5.264h8.865c-.128-4.726-2.733-7.256-6.592-7.256-4.471 0-6.899 3.501-6.899 7.615zm4.549-1.176v-.766c0-2.376.715-4.752 2.221-4.752.972 0 2.096 1.226 2.096 5.212l-4.317.306zM55.366 24.86l.128.409c4.166-.435 7.384-2.99 7.384-7.027V3.756l1.816-1.814v-.434h-8.305v.434l1.84 1.814v16.53c0 2.479-1.023 3.527-2.863 4.574zm9.813-11.242c0 4.624 3.244 7.332 7.102 7.332 3.55 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.577 0-7.409 2.3-7.409 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.249 5.978-1.891 0-2.81-3.628-2.81-7.256zm11.524.843c0 4.624 3.244 7.332 7.101 7.332 3.552 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.576 0-7.408 2.3-7.408 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.25 5.978-1.89 0-2.81-3.628-2.81-7.256zM96.68 8.023l1.993.996v9.683l-1.865 1.662v.33h8.048v-.33l-1.71-1.508V8.84c.535-.18 1.2-.282 1.863-.282 1.61 0 2.403.638 2.403 2.427v7.87l-1.713 1.508v.33h8.05v-.407l-1.866-1.585v-7.894c0-3.168-2.249-4.702-4.728-4.702-.23 0-.382.052-1.302.562l-2.708 1.457V6.106h-.384l-6.08 1.534v.383zm17.5 15.202c.845 1.456 2.965 2.657 6.135 2.657 3.678 0 7.178-2.02 7.562-5.187h5.953v-.331l-2.633-1.815 1.176-3.296h6.081l1.125 3.45-2.044 1.66v.332h16.531v-.331l-1.713-1.508V8.84a6.06 6.06 0 011.866-.282c1.609 0 2.402.638 2.402 2.427v7.87l-1.714 1.508v.33h8.05v-.407l-1.865-1.585v-7.894c0-3.168-2.248-4.702-4.728-4.702-.23 0-.383.052-1.303.562l-2.708 1.457V6.106h-.382L145.89 7.64v.383l1.993.996v9.683l-1.738 1.56-1.712-1.56-5.749-17.194h-4.548v.331l.716 2.352-4.906 14.051-2.069 1.585c-.128-1.763-1.61-2.76-3.423-2.76h-5.468c-1.176 0-1.61-.46-1.61-1.047 0-.256.076-.562.23-.818.843.307 1.789.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.458-2.402-1.175-3.117L128.21 9.3h.357V6.08h-.357l-3.858.972c-.946-.612-2.248-.946-3.757-.946-3.73 0-5.902 2.046-5.902 4.778 0 1.814.819 3.194 2.198 3.986-1.048.766-2.044 1.84-2.452 2.964v.358l2.707 2.35c-1.277.435-2.58 1.43-2.964 2.683zm3.324-.92c0-.563.179-1.277.382-1.61h5.953c.742 0 1.074.588 1.074 1.202 0 1.659-1.967 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.353-12.289c0-2.402.69-3.067 1.483-3.067 1.149 0 1.864 2.275 1.864 4.83 0 2.402-.715 3.04-1.455 3.04-1.202 0-1.892-2.274-1.892-4.803zm13.874 4.062l2.76-7.972 2.58 7.972h-5.34zm30.66 9.147c.844 1.456 2.964 2.657 6.133 2.657 3.884 0 7.588-2.25 7.588-5.748 0-1.969-1.534-3.068-3.45-3.068h-5.467c-1.176 0-1.61-.458-1.61-1.046 0-.256.076-.562.23-.818.843.307 1.788.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.459-2.402-1.175-3.117L177.42 9.3h.358V6.08h-.358l-3.859.972c-.946-.612-2.249-.946-3.755-.946-3.73 0-5.903 2.046-5.903 4.778 0 1.814.818 3.194 2.198 3.986-1.048.766-2.044 1.84-2.453 2.964v.358l2.708 2.35c-1.278.435-2.581 1.43-2.964 2.683zm3.322-.92c0-.563.179-1.277.382-1.61h5.954c.74 0 1.073.588 1.073 1.202 0 1.659-1.966 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.354-12.289c0-2.402.69-3.067 1.482-3.067 1.148 0 1.866 2.275 1.866 4.83 0 2.402-.718 3.04-1.458 3.04-1.2 0-1.89-2.274-1.89-4.803z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut .logo {
    width: 96px;
    height: 14px;
    background-size: auto 14px;
    background-position: 0 0;
    filter: invert(1);
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut .logo_plus {
    width: 122px;
    height: 14px;
    background-size: auto 14px;
    background-position: 0 0;
  }
  /* sticky_top */
  .index .nav_re.sticky_top .btn_shortcut .logo,
  .index .nav_re.sticky_top .btn_shortcut .logo_plus {
    display: none;
  }
  /* hover */
  .index .nav_re:not(.sticky_top) .btn_shortcut:hover {
    background-color: #fff;
  }
  .index .nav_re:not(.sticky_top) .btn_shortcut:hover .logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='178' height='26'%3E%3Cpath d='M0 7.23h.332l4.089-4.6H6.26V18.6l-1.84 1.764v.33h8.278v-.33L10.833 18.6V2.63h1.84l4.063 4.6h.332V1.508H0V7.23zm17.936-5.314l1.994.996v15.79l-1.866 1.662v.33h8.048v-.33l-1.711-1.508V8.84a6.049 6.049 0 011.865-.282c1.608 0 2.401.638 2.401 2.427v7.87l-1.712 1.508v.33h8.05v-.407l-1.867-1.585V11.09c0-3.169-2.145-4.983-4.726-4.983-.23 0-.383.052-1.303.562L24.4 8.125V0h-.384l-6.08 1.534v.382zM35.514 13.72c0 4.164 2.683 7.23 6.694 7.23 2.913 0 4.88-1.15 6.414-2.606l-.204-.409c-.946.434-2.12.69-3.168.69-3.042 0-4.727-1.917-5.11-5.264h8.865c-.128-4.726-2.733-7.256-6.592-7.256-4.471 0-6.899 3.501-6.899 7.615zm4.549-1.176v-.766c0-2.376.715-4.752 2.221-4.752.972 0 2.096 1.226 2.096 5.212l-4.317.306zM55.366 24.86l.128.409c4.166-.435 7.384-2.99 7.384-7.027V3.756l1.816-1.814v-.434h-8.305v.434l1.84 1.814v16.53c0 2.479-1.023 3.527-2.863 4.574zm9.813-11.242c0 4.624 3.244 7.332 7.102 7.332 3.55 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.577 0-7.409 2.3-7.409 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.249 5.978-1.891 0-2.81-3.628-2.81-7.256zm11.524.843c0 4.624 3.244 7.332 7.101 7.332 3.552 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.576 0-7.408 2.3-7.408 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.25 5.978-1.89 0-2.81-3.628-2.81-7.256zM96.68 8.023l1.993.996v9.683l-1.865 1.662v.33h8.048v-.33l-1.71-1.508V8.84c.535-.18 1.2-.282 1.863-.282 1.61 0 2.403.638 2.403 2.427v7.87l-1.713 1.508v.33h8.05v-.407l-1.866-1.585v-7.894c0-3.168-2.249-4.702-4.728-4.702-.23 0-.382.052-1.302.562l-2.708 1.457V6.106h-.384l-6.08 1.534v.383zm17.5 15.202c.845 1.456 2.965 2.657 6.135 2.657 3.678 0 7.178-2.02 7.562-5.187h5.953v-.331l-2.633-1.815 1.176-3.296h6.081l1.125 3.45-2.044 1.66v.332h16.531v-.331l-1.713-1.508V8.84a6.06 6.06 0 011.866-.282c1.609 0 2.402.638 2.402 2.427v7.87l-1.714 1.508v.33h8.05v-.407l-1.865-1.585v-7.894c0-3.168-2.248-4.702-4.728-4.702-.23 0-.383.052-1.303.562l-2.708 1.457V6.106h-.382L145.89 7.64v.383l1.993.996v9.683l-1.738 1.56-1.712-1.56-5.749-17.194h-4.548v.331l.716 2.352-4.906 14.051-2.069 1.585c-.128-1.763-1.61-2.76-3.423-2.76h-5.468c-1.176 0-1.61-.46-1.61-1.047 0-.256.076-.562.23-.818.843.307 1.789.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.458-2.402-1.175-3.117L128.21 9.3h.357V6.08h-.357l-3.858.972c-.946-.612-2.248-.946-3.757-.946-3.73 0-5.902 2.046-5.902 4.778 0 1.814.819 3.194 2.198 3.986-1.048.766-2.044 1.84-2.452 2.964v.358l2.707 2.35c-1.277.435-2.58 1.43-2.964 2.683zm3.324-.92c0-.563.179-1.277.382-1.61h5.953c.742 0 1.074.588 1.074 1.202 0 1.659-1.967 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.353-12.289c0-2.402.69-3.067 1.483-3.067 1.149 0 1.864 2.275 1.864 4.83 0 2.402-.715 3.04-1.455 3.04-1.202 0-1.892-2.274-1.892-4.803zm13.874 4.062l2.76-7.972 2.58 7.972h-5.34zm30.66 9.147c.844 1.456 2.964 2.657 6.133 2.657 3.884 0 7.588-2.25 7.588-5.748 0-1.969-1.534-3.068-3.45-3.068h-5.467c-1.176 0-1.61-.458-1.61-1.046 0-.256.076-.562.23-.818.843.307 1.788.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.459-2.402-1.175-3.117L177.42 9.3h.358V6.08h-.358l-3.859.972c-.946-.612-2.249-.946-3.755-.946-3.73 0-5.903 2.046-5.903 4.778 0 1.814.818 3.194 2.198 3.986-1.048.766-2.044 1.84-2.453 2.964v.358l2.708 2.35c-1.278.435-2.581 1.43-2.964 2.683zm3.322-.92c0-.563.179-1.277.382-1.61h5.954c.74 0 1.073.588 1.073 1.202 0 1.659-1.966 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.354-12.289c0-2.402.69-3.067 1.482-3.067 1.148 0 1.866 2.275 1.866 4.83 0 2.402-.718 3.04-1.458 3.04-1.2 0-1.89-2.274-1.89-4.803z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  .index .nav_re:not(.sticky_top).black_type .btn_shortcut:hover::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.23 10 4-4-4-4' stroke='%23000' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  }
}
.showcase {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 986px) {
  .showcase_guest + .contents .section:first-child,
  .showcase_subscriber + .contents .section:first-child {
    padding-top: 40px;
  }
}

/* 비회원 */
.showcase_guest {
  position: relative;
  background: #18181d;
  color: #fff;
  max-width: 100% !important;
}
@media (min-width: 986px) {
  .showcase_guest {
    padding: 50px 0 1px;
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (min-width: 1280px) {
  .showcase_guest {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 2561px) {
  .showcase_guest {
    max-width: 2560px !important;
  }
}
@media (max-width: 985px) {
  .showcase_guest {
    padding: 30px 0 20px;
  }
}
.showcase_guest::before, .showcase_guest::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  pointer-events: none;
}
.showcase_guest::before {
  bottom: 0;
  height: 100%;
  background: #18181d;
}
.showcase_guest::after {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.showcase_guest .section_header {
  flex-direction: column;
  margin-bottom: 30px;
  text-align: center;
}
.showcase_guest .section_header strong {
  display: block;
  color: #fff;
  font-weight: 600;
}
@media (min-width: 986px) {
  .showcase_guest .section_header strong {
    font-size: 36px;
    line-height: 54px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .section_header strong {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.48px;
  }
}
.showcase_guest .section_header p {
  color: #fff;
  font-weight: 400;
  opacity: 0.6;
}
@media (min-width: 986px) {
  .showcase_guest .section_header p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .section_header p {
    font-size: 15px;
    line-height: 21px;
  }
}
.showcase_guest .section_body {
  position: relative;
  width: 100%;
}
.showcase_guest .list {
  gap: 1px;
}
.showcase_guest .slide {
  margin-right: 0;
}
.showcase_guest .card {
  display: flex;
  flex: 0 0 84%;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background: #fff;
}
@media (min-width: 986px) {
  .showcase_guest .card {
    flex-basis: calc((100% - 2px) / 3);
  }
}
@media (min-width: 1280px) {
  .showcase_guest .card {
    flex-basis: calc((100% - 3px) / 4);
  }
}
@media (max-width: 985px) {
  .showcase_guest .card {
    flex: 0 0 100%;
    width: 100%;
  }
}
.showcase_guest .card::before, .showcase_guest .card::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  pointer-events: none;
}
.showcase_guest .card::before {
  z-index: 1;
  background: rgba(0, 0, 0, 0.12);
}
@media (min-width: 986px) {
  .showcase_guest .card::before {
    left: 16px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .card::before {
    left: 10px;
  }
}
.showcase_guest .card::after {
  background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 986px) {
  .showcase_guest .card::after {
    left: 17px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .card::after {
    left: 11px;
  }
}
.showcase_guest .card .card_body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 986px) {
  .showcase_guest .card .card_body {
    padding: 30px 40px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .card .card_body {
    padding: 16px 24px;
  }
}
.showcase_guest .card .headline {
  width: 100%;
  min-width: 0;
}
@media (min-width: 986px) {
  .showcase_guest .card .headline {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .card .headline {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
}
.showcase_guest .card .title {
  display: block;
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
  font-weight: 400;
  opacity: 0.8;
}
@media (min-width: 986px) {
  .showcase_guest .card .title {
    margin-top: 4px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .card .title {
    font-size: 14px;
    line-height: 20px;
  }
}
.showcase_guest .card .title a {
  max-width: 100%;
}
.showcase_guest .card .description {
  overflow: hidden;
  margin-top: 20px;
  font-weight: 400;
  opacity: 0.6;
  -webkit-line-clamp: 3;
}
@media (min-width: 986px) {
  .showcase_guest .card .description {
    font-size: 15px;
    line-height: 23px;
  }
}
@media (max-width: 985px) {
  .showcase_guest .card .description {
    font-size: 14px;
    line-height: 21px;
  }
}
.showcase_guest .card .meta {
  margin-top: auto;
  padding-top: 20px;
}
.showcase_guest .card .btn {
  display: inline-flex;
  height: 40px;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
@media (min-width: 986px) {
  .showcase_guest .jswiper_pagination {
    display: none;
    justify-content: center;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .showcase_guest .jswiper_pagination {
    display: flex;
  }
}
@media (min-width: 986px) {
  .showcase_guest .jswiper_pagination button {
    display: none;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .showcase_guest .jswiper_pagination button {
    display: block;
  }
}
.showcase_guest .jswiper_pagination.bullet_indicator .bullet {
  background-color: #fff;
}

/* 회원 */
.showcase_member {
  position: relative;
  background: #fff;
}
@media (min-width: 986px) {
  .showcase_member {
    display: flex;
    gap: 16px;
    padding: 50px 0;
    overflow: visible;
  }
}
@media (max-width: 985px) {
  .showcase_member {
    padding: 38px 0 20px;
  }
}
.showcase_member::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  height: 100%;
  background: #fff;
  pointer-events: none;
}
.showcase_member .section_header {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
}
@media (min-width: 986px) {
  .showcase_member .section_header {
    flex: 0 0 calc((100% - 32px) / 3);
    align-self: stretch;
    margin-bottom: 0;
    padding-top: 20px;
  }
  .showcase_member .section_header::before {
    content: "";
    position: absolute;
    top: -50px;
    bottom: -50px;
    left: -100vw;
    right: -16px;
    background: #fff;
    pointer-events: none;
  }
}
@media (min-width: 1280px) {
  .showcase_member .section_header {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 1600px) {
  .showcase_member .section_header {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (min-width: 2560px) {
  .showcase_member .section_header {
    flex-basis: calc((100% - 80px) / 6);
  }
}
@media (max-width: 985px) {
  .showcase_member .section_header {
    margin-bottom: 30px;
  }
}
.showcase_member .section_header strong {
  display: block;
  position: relative;
  font-weight: 500;
}
@media (min-width: 986px) {
  .showcase_member .section_header strong {
    font-size: 32px;
    line-height: 45px;
  }
}
@media (max-width: 985px) {
  .showcase_member .section_header strong {
    font-size: 24px;
    line-height: 38px;
  }
}
.showcase_member .section_header em {
  font-style: normal;
  font-weight: inherit;
}
.showcase_member .section_header p {
  position: relative;
  font-weight: 400;
  opacity: 0.6;
}
@media (min-width: 986px) {
  .showcase_member .section_header p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 985px) {
  .showcase_member .section_header p {
    margin-top: 6px;
    font-size: 15px;
    line-height: 21px;
  }
}
.showcase_member .jswiper {
  position: static;
  min-width: 0;
}
@media (min-width: 986px) {
  .showcase_member .jswiper {
    flex: 0 0 calc((200% - 16px) / 3);
  }
}
@media (min-width: 1280px) {
  .showcase_member .jswiper {
    flex-basis: calc((300% - 16px) / 4);
  }
}
@media (min-width: 1600px) {
  .showcase_member .jswiper {
    flex-basis: calc((400% - 16px) / 5);
  }
}
@media (min-width: 2560px) {
  .showcase_member .jswiper {
    flex-basis: calc((500% - 16px) / 6);
  }
}
@media (min-width: 986px) {
  .showcase_member .jswiper_pagination:not(.bullet_indicator) {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 50px;
    left: 50px;
    width: auto;
    pointer-events: auto;
    gap: 4px;
  }
}
@media (min-width: 986px) {
  .showcase_member .jswiper_pagination:not(.bullet_indicator) button {
    display: flex !important;
    position: static;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 50%;
    background: rgba(17, 17, 17, 0.04);
    box-shadow: none;
    transform: none;
  }
}
@media (min-width: 986px) {
  .showcase_member .jswiper_pagination:not(.bullet_indicator) button [class*=ico_] {
    width: 20px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='none'%3E%3Cpath d='M9.2485 17L1.40234 9L9.2485 1M1.40234 9H18.4023' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
  }
}
@media (min-width: 986px) {
  .showcase_member .jswiper_pagination:not(.bullet_indicator) button[aria-disabled=true] {
    cursor: auto;
  }
}
@media (min-width: 986px) {
  .showcase_member .jswiper_pagination:not(.bullet_indicator) button[aria-disabled=true] [class*=ico_] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='none'%3E%3Cpath d='M9.2485 17L1.40234 9L9.2485 1M1.40234 9H18.4023' stroke='%23D8D8D8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}
.showcase_member .jswiper_pagination.bullet_indicator {
  position: relative;
}
@media (min-width: 986px) {
  .showcase_member .list {
    gap: 16px;
  }
}
@media (max-width: 985px) {
  .showcase_member .list {
    gap: 12px;
  }
}
.showcase_member .card {
  position: relative;
  flex: 0 0 calc((100% - 16px) / 2);
  background: #f5f5f5;
}
@media (min-width: 1280px) {
  .showcase_member .card {
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (min-width: 1600px) {
  .showcase_member .card {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 2560px) {
  .showcase_member .card {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (max-width: 985px) {
  .showcase_member .card {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 986px) {
  .showcase_member .card_body {
    padding: 20px;
  }
}
@media (max-width: 985px) {
  .showcase_member .card_body {
    padding: 12px 16px 16px;
  }
}
.showcase_member .headline {
  overflow: hidden;
  font-weight: 400;
}
@media (min-width: 986px) {
  .showcase_member .headline {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 985px) {
  .showcase_member .headline {
    font-size: 20px;
    line-height: 28px;
  }
}
.showcase_member .headline a {
  color: inherit;
}
.showcase_member .meta {
  color: #666;
}
@media (min-width: 986px) {
  .showcase_member .meta {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .showcase_member .meta {
    padding-top: 16px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
  }
}
.showcase_member .meta a {
  color: inherit;
}

/* 구독회원 */
.showcase_subscriber {
  position: relative;
  background: #18181d;
  color: #fff;
}
@media (min-width: 986px) {
  .showcase_subscriber {
    padding: 50px 0;
  }
}
@media (max-width: 985px) {
  .showcase_subscriber {
    padding: 40px 0 30px;
  }
}
.showcase_subscriber::before, .showcase_subscriber::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  pointer-events: none;
}
.showcase_subscriber::before {
  bottom: 0;
  height: 100%;
  background: #18181d;
}
.showcase_subscriber::after {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
@media (min-width: 986px) {
  .showcase_subscriber .section_header {
    margin-bottom: 30px;
  }
}
@media (max-width: 985px) {
  .showcase_subscriber .section_header {
    margin-bottom: 20px;
  }
}
.showcase_subscriber .section_header strong {
  flex: 1 1 auto;
  min-width: 0;
  color: #fff;
  font-weight: 500;
}
@media (min-width: 986px) {
  .showcase_subscriber .section_header strong {
    font-size: 32px;
    line-height: 45px;
  }
}
@media (max-width: 985px) {
  .showcase_subscriber .section_header strong {
    font-size: 24px;
    line-height: 34px;
  }
}
.showcase_subscriber .section_header .btn_more {
  color: #999;
  font-weight: 500;
}
@media (min-width: 986px) {
  .showcase_subscriber .section_header .btn_more {
    font-size: 17px;
  }
}
@media (max-width: 985px) {
  .showcase_subscriber .section_header .btn_more {
    font-size: 15px;
  }
}
.showcase_subscriber .section_body {
  position: relative;
}
@media (min-width: 986px) {
  .showcase_subscriber .list {
    display: flex;
    gap: 16px;
  }
}
.showcase_subscriber .card {
  position: relative;
}
.showcase_subscriber .active > .ico_bookmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24' fill='none'%3E%3Cpath d='M15 2C15.5523 2 16 2.44772 16 3V22H15.5L8 17.5L0.5 22H0V3C0 2.44772 0.447715 2 1 2H15Z' fill='%23CD9363'/%3E%3C/svg%3E");
}
.showcase_subscriber .card_body {
  display: flex;
  flex-direction: column;
}
.showcase_subscriber .headline {
  min-width: 0;
  color: #fff;
}
@media (min-width: 986px) {
  .showcase_subscriber .headline {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
  }
}
@media (max-width: 985px) {
  .showcase_subscriber .headline {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
  }
}
.showcase_subscriber .headline.is_read a {
  opacity: 0.6;
}
.showcase_subscriber .title {
  margin-top: 4px;
  margin-bottom: 0;
  min-width: 0;
  color: #cd9363;
}
.showcase_subscriber .meta {
  padding-top: 4px;
  color: #666;
}
.showcase_subscriber .meta .read::before {
  background-image: url("https://assets.joongang.co.kr/images/bookstore/index/ico_eye_open6.png");
  background-size: contain;
}
.showcase_subscriber .meta .read + span::before {
  background: rgba(255, 255, 255, 0.2);
}
.showcase_subscriber .jswiper_pagination {
  top: 91px;
  right: 34px;
}
.showcase_subscriber .btn_more_full {
  display: flex;
  width: 100%;
  height: 48px;
  margin-top: 20px;
  padding: 8px 14px 8px 20px;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.3px;
}
.showcase_subscriber .btn_more_full[aria-expanded=true] .ico_arrow_down {
  transform: rotate(180deg);
}
.showcase_subscriber .btn_more_full span {
  color: inherit;
}
.showcase_subscriber .ico_arrow_down {
  width: 16px;
  height: 16px;
  transition: transform 200ms ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 10.25L11.5 5.25H4.5L8 10.25Z' fill='white'/%3E%3C/svg%3E");
}

.ai_librarian {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding: 40px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}
.ai_librarian strong {
  margin: 0;
  color: #111;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.4px;
  text-align: center;
}
.ai_librarian_search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 920px;
  height: 60px;
  min-height: 60px;
  padding: 12px;
  border: 1px solid #111;
  border-radius: 100px;
  background: #fff;
  color: #999;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}
.ai_librarian_search span {
  overflow: hidden;
  max-width: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai_librarian_search .ico_book {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-right: 9px;
  background-image: url("https://www.figma.com/api/mcp/asset/4488dc7d-c2e3-4318-95d0-90e93dcbf01c");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.ai_librarian_search .ico_ai {
  position: relative;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin-left: 9px;
  border-radius: 50%;
  background: #000;
}
.ai_librarian_search .ico_ai::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 13px;
  transform: translate(-50%, -50%);
  background-image: url("https://www.figma.com/api/mcp/asset/d2d5091a-aa35-4144-96fa-5db97e9445e1");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media (max-width: 689px) {
  .ai_librarian {
    gap: 20px;
    padding: 32px 20px;
  }
  .ai_librarian strong {
    font-size: 16px;
  }
  .ai_librarian_search {
    height: 56px;
    min-height: 56px;
  }
  .ai_librarian_search span {
    font-size: 14px;
  }
}
@media (min-width: 986px) {
  .related_wrap .section_header {
    margin-bottom: 30px;
  }
}
@media (max-width: 985px) {
  .related_wrap .section_header {
    margin-bottom: 20px;
  }
}
@media (min-width: 986px) {
  .related_wrap > section + section {
    margin-top: 60px !important;
  }
}
@media (max-width: 985px) {
  .related_wrap > section + section {
    margin-top: 40px !important;
  }
}
.related_wrap .editor_recommend {
  margin-top: 0;
}

@media (max-width: 985px) {
  .related_series .description {
    margin-top: 4px;
  }
}
@media (max-width: 985px) {
  .related_series .meta {
    padding-top: 12px;
  }
}

.section.mylibrary_wrap {
  margin-top: 30px;
  padding: 30px 0;
  background: none;
}
.section.mylibrary_wrap::before {
  bottom: 0;
  height: 100%;
  background: #f5f1ed;
  z-index: -1;
}
@media (min-width: 986px) {
  .section.mylibrary_wrap {
    margin-top: 40px;
    padding: 60px 0;
  }
}
.section.mylibrary_wrap .section_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: 1px solid #000;
}
@media (min-width: 986px) {
  .section.mylibrary_wrap .section_header {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
}
.section.mylibrary_wrap .section_header > .title {
  padding-left: 34px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='_Layer_'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' d='M8.62388 2.75H5.16406V18.75H8.62388V2.75Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_2' d='M13.9012 2.75H10.4414V18.75H13.9012V2.75Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cg id='Group_4'%3E%3Cpath id='Vector_3' d='M19.1629 2.75H15.7031V18.75H19.1629V2.75Z' fill='%23A37854'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath id='Vector 563' d='M2 9.75V20.75H22V9.75' stroke='black'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 0 50%/24px auto no-repeat;
}
.section.mylibrary_wrap .link_setting {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.4px;
  text-decoration: none;
}
@media (min-width: 986px) {
  .section.mylibrary_wrap .link_setting {
    font-size: 16px;
  }
}
.section.mylibrary_wrap .group_header {
  color: #a37854;
}
.section.mylibrary_wrap .group_header strong {
  color: #a37854;
}
.section.mylibrary_wrap .group_header a strong {
  color: inherit;
  display: inline-block;
}
@media (max-width: 985px) {
  .section.mylibrary_wrap .group_header a strong {
    font-size: 16px;
  }
}
@media (max-width: 985px) {
  .section.mylibrary_wrap .group_header .ico_more_arrow {
    margin-left: 4px;
    vertical-align: -1px;
  }
}
.section.mylibrary_wrap .jswiper_pagination {
  position: absolute;
  right: 0;
  top: 0;
  width: 84px;
  height: 40px;
}
.section.mylibrary_wrap .jswiper_pagination button {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Group 1597882252'%3E%3Cg id='ic/pre'%3E%3Cpath id='Vector 115' d='M15.3086 11.6997L21.6086 17.9997L15.3086 24.2997' stroke='%23666666' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3Ccircle id='Ellipse 90' cx='18' cy='18' r='17.5' stroke='black' stroke-opacity='0.3'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") 50% 50%/36px auto no-repeat;
  box-shadow: none;
}
.section.mylibrary_wrap .jswiper_pagination button [class*=ico_] {
  display: none;
}
.section.mylibrary_wrap .jswiper_pagination button[aria-disabled=true] {
  display: block;
  opacity: 0.3;
}
.section.mylibrary_wrap .jswiper_pagination button[class*=btn_prev] {
  left: 0;
  top: 0;
  transform: rotateY(180deg);
}
.section.mylibrary_wrap .jswiper_pagination button[class*=btn_next] {
  right: 0;
}

.ico_library {
  position: relative;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}
.ico_library::before {
  content: "";
  position: absolute;
  left: 3px;
  bottom: 3px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='_Layer_'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' d='M8.62388 2.75H5.16406V18.75H8.62388V2.75Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_2' d='M13.9012 2.75H10.4414V18.75H13.9012V2.75Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cg id='Group_4'%3E%3Cpath id='Vector_3' d='M19.1629 2.75H15.7031V18.75H19.1629V2.75Z' fill='%23A37854'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath id='Vector 563' d='M2 9.75V20.75H22V9.75' stroke='black'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 50% 50%/18px auto no-repeat;
}

.ico_setting {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Setting_28'%3E%3Cpath id='Union' d='M11.2353 0.834473C11.8561 0.834548 12.406 1.23551 12.5956 1.82666L12.9784 3.021C13.0537 3.2557 13.2279 3.44448 13.4481 3.55518C13.6453 3.65431 13.838 3.76254 14.0253 3.87939C14.2281 4.00589 14.4715 4.05749 14.705 4.00635L16.0165 3.71826C16.618 3.58655 17.2364 3.85578 17.5507 4.38525L18.7499 6.40479C19.0753 6.95332 18.9975 7.65116 18.5595 8.11475L17.5937 9.13721C17.5364 9.19777 17.496 9.27102 17.4755 9.3501C17.4612 9.40508 17.4565 9.46323 17.4608 9.521C17.4679 9.61344 17.4725 9.70589 17.4755 9.79834C17.4776 9.86472 17.4794 9.93118 17.4794 9.99756L17.4726 10.0044C17.4725 10.1634 17.4661 10.3229 17.454 10.4819C17.4491 10.5474 17.4565 10.6129 17.4755 10.6743C17.4973 10.7448 17.5351 10.811 17.5868 10.8657L18.5526 11.8872C18.991 12.3509 19.0688 13.0495 18.7431 13.5981L17.5438 15.6177C17.2295 16.147 16.6111 16.4155 16.0097 16.2837L14.6923 15.9956C14.4622 15.9453 14.2228 15.9931 14.0224 16.1167C13.8317 16.2344 13.6353 16.3447 13.4345 16.4468C13.218 16.5568 13.0477 16.7439 12.9735 16.9751L12.5888 18.1753C12.3992 18.7666 11.8494 19.1675 11.2284 19.1675H8.76162C8.14067 19.1675 7.59085 18.7666 7.40127 18.1753L7.01846 16.981C6.94318 16.7464 6.76885 16.5584 6.54873 16.4478C6.35123 16.3485 6.15825 16.2396 5.97061 16.1226C5.7679 15.9961 5.52526 15.9455 5.2919 15.9966L3.98037 16.2837C3.37895 16.4155 2.76059 16.147 2.44619 15.6177L1.24697 13.5981C0.921254 13.0495 0.999092 12.3509 1.4374 11.8872L2.28311 10.9917C2.45617 10.8086 2.53652 10.5588 2.52432 10.3071C2.51939 10.2052 2.51749 10.1033 2.51748 10.0015C2.51748 9.89937 2.51937 9.79692 2.52432 9.69482C2.53652 9.44318 2.45617 9.19335 2.28311 9.01025L1.43838 8.11572C0.999639 7.65153 0.922187 6.95264 1.24893 6.40381L2.45205 4.3833C2.76672 3.85474 3.38437 3.58662 3.98526 3.71826L5.30362 4.00732C5.53386 4.05777 5.77392 4.00902 5.97451 3.88525C6.16526 3.76757 6.36147 3.6573 6.5624 3.55518C6.77887 3.44514 6.94822 3.25809 7.02237 3.02686L7.40713 1.82666C7.5967 1.23554 8.14673 0.834646 8.76748 0.834473H11.2353ZM8.38369 3.46338C8.18247 4.09091 7.73368 4.56231 7.20987 4.82861C7.04423 4.91279 6.88207 5.00386 6.72451 5.10107C6.23812 5.40119 5.62266 5.53969 4.99795 5.40283L3.67959 5.11377L2.47647 7.13428L3.32119 8.02881C3.79306 8.52802 3.98073 9.17258 3.95205 9.76416C3.94822 9.8432 3.94619 9.9225 3.94619 10.0015C3.9462 10.0804 3.94822 10.1598 3.95205 10.2388C3.9806 10.8302 3.79293 11.4741 3.32119 11.9731L2.47549 12.8687L3.67471 14.8882L4.98623 14.6011C5.62073 14.4621 6.24091 14.6078 6.72647 14.9106C6.87738 15.0048 7.03245 15.092 7.19033 15.1714C7.71525 15.4353 8.17413 15.9069 8.37881 16.5454L8.76162 17.7388H11.2284L11.6132 16.5396C11.8144 15.9118 12.263 15.4396 12.787 15.1733C12.9526 15.0892 13.1149 14.9981 13.2724 14.9009C13.7587 14.6009 14.3744 14.4633 14.9989 14.6001L16.3153 14.8882L17.5146 12.8687L16.5487 11.8462C16.1573 11.432 15.9911 10.8888 16.0302 10.3735C16.0396 10.2502 16.0438 10.1265 16.0438 10.0034C16.0439 9.96298 16.0454 9.92289 16.0487 9.8833C16.0467 9.79883 16.0425 9.71402 16.036 9.62939C15.9969 9.11408 16.1632 8.57003 16.5546 8.15576L17.5214 7.1333L16.3222 5.11377L15.0106 5.40186C14.376 5.5409 13.7551 5.39428 13.2694 5.09131C13.1188 4.99733 12.9642 4.91079 12.8065 4.83154C12.2817 4.56773 11.8228 4.09582 11.6181 3.45752L11.2353 2.26318H8.76748L8.38369 3.46338ZM9.99795 5.97119C12.2532 5.97119 14.1151 7.75522 14.1151 9.99658C14.115 12.2378 12.2531 14.021 9.99795 14.021C7.74288 14.0209 5.88093 12.2377 5.88076 9.99658C5.88076 7.75531 7.74278 5.97134 9.99795 5.97119ZM9.99795 7.3999C8.49453 7.40005 7.30947 8.58101 7.30947 9.99658C7.30964 11.412 8.49463 12.5931 9.99795 12.5933C11.5014 12.5933 12.6872 11.4121 12.6874 9.99658C12.6874 8.58092 11.5015 7.3999 9.99795 7.3999Z' fill='%231D1D1D'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px;
}

.mylibrary_wrap .section_body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 985px) {
  .mylibrary_wrap .section_body .content_list .card:before {
    display: none;
  }
}
@media (min-width: 986px) {
  .mylibrary_wrap .section_body {
    display: grid;
    gap: 60px 32px;
    align-items: start;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .mylibrary_wrap .section_body .library_series {
    grid-column: auto;
  }
  .mylibrary_wrap .section_body .library_series::before {
    display: block;
  }
}

@media (min-width: 986px) and (max-width: 1599px) {
  .grid4 .section_body {
    grid-template-columns: minmax(0, min(24%, 290px)) repeat(2, minmax(0, 1fr));
  }
  .grid4 .library_series,
  .grid4 .library_recommend {
    grid-column: 1/-1 !important;
  }
  .grid4 .library_series::before,
  .grid4 .library_recommend::before {
    display: none;
  }
}
@media (min-width: 1600px) {
  .grid4 .section_body {
    grid-template-columns: minmax(0, min(14.8125%, 290px)) repeat(2, minmax(0, min(21.6875%, 427px))) minmax(0, 1fr);
  }
}

@media (min-width: 986px) {
  .grid2 .section_body {
    grid-template-columns: minmax(0, 290px) minmax(0, 1fr);
  }
  .grid2.custom .section_body {
    grid-template-columns: minmax(0, 357px) minmax(0, 1fr);
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .grid2 .section_body {
    grid-template-columns: minmax(0, 290px) minmax(0, 1fr);
  }
  .grid2.custom .section_body {
    grid-template-columns: minmax(0, 357px) minmax(0, 1fr);
  }
  .grid2 .library_series {
    grid-column: auto;
  }
  .grid2 .library_series::before {
    display: block;
  }
}

@media (min-width: 986px) {
  .grid3 .section_body {
    grid-template-columns: minmax(0, 290px) minmax(0, calc((100% - 290px - 64px) * 0.4)) minmax(0, calc((100% - 290px - 64px) * 0.6));
  }
  .grid3.custom .section_body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, calc((100% - 290px - 64px) * 0.6));
  }
}
@media (min-width: 986px) and (max-width: 1499px) {
  .grid3 .section_body {
    grid-template-columns: minmax(0, 290px) minmax(0, calc(100% - 290px - 32px));
    gap: 0 32px;
  }
  .grid3.custom .section_body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, calc((100% - 290px - 64px) * 0.6));
  }
  .grid3 .section_body .library_group:last-child {
    margin-top: 60px;
    grid-column: 1/-1;
  }
  .grid3 .section_body .library_group:last-child::before {
    display: none;
  }
}

.library_group {
  min-width: 0;
}
.library_group .group_header a {
  display: flex;
  align-items: center;
}
@media (min-width: 986px) {
  .library_group {
    position: relative;
    height: 100%;
  }
  .library_group + .library_group::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
    width: 1px;
    background: rgba(0, 0, 0, 0.16);
  }
}
@media (min-width: 986px) {
  .library_group .headline {
    font-size: 17px;
  }
}
.ico_more_arrow {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3L11 8L6 13' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px;
  mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3L11 8L6 13' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px;
}

.library_series {
  position: relative;
}
.library_series .jaswiper_controller {
  border-bottom: 6px solid #c3c1be;
}

@media (min-width: 986px) {
  .library_recommend .group_header {
    margin-bottom: 30px;
  }
}
.library_recommend .recommend_body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  text-align: center;
}
@media (min-width: 986px) {
  .library_recommend .recommend_body {
    gap: 28px;
  }
}
.library_recommend .recommend_intro strong {
  display: block;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.36px;
}
@media (min-width: 986px) {
  .library_recommend .recommend_intro strong {
    font-size: 18px;
  }
}
.library_recommend .recommend_intro p {
  margin-top: 2px;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.3px;
}
@media (min-width: 986px) {
  .library_recommend .recommend_intro p {
    font-size: 15px;
  }
}
.library_recommend .recommend_series_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 16px;
  width: 100%;
}
@media (min-width: 986px) {
  .library_recommend .recommend_series_list {
    display: flex;
    gap: 32px;
    justify-content: center;
  }
}
.library_recommend .recommend_series_list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
@media (min-width: 986px) {
  .library_recommend .recommend_series_list > li {
    flex: 0 0 169px;
    width: 169px;
  }
}
.library_recommend .recommend_thumb {
  width: 112px;
  height: 87px;
  margin: 0 auto;
}
.library_recommend .recommend_thumb > a {
  display: block;
  height: 79px;
  overflow: hidden;
}
.library_recommend .recommend_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.library_recommend .recommend_info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  min-width: 0;
  width: 100%;
}
.library_recommend .recommend_info p {
  display: -webkit-box;
  overflow: hidden;
  height: 42px;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.library_recommend .recommend_info .btn_interest {
  margin-left: 0;
}
.library_recommend .recommend_title {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  max-width: 170px;
  color: #111;
  font-family: "Noto Serif KR", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.32px;
}
.library_recommend .recommend_title a {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
}

.library_list {
  display: flex;
  gap: 4px;
  align-items: flex-end;
  overflow-x: auto;
  min-height: 237px;
  padding: 0 20px;
}
@media (min-width: 986px) {
  .library_list {
    min-height: 290px;
  }
}
.library_list .book {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 28px;
  height: 237px;
  padding: 10px 3px;
  border: 1px solid #111;
  border-radius: 4px;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.26px;
  text-decoration: none;
}
@media (min-width: 986px) {
  .library_list .book {
    height: 290px;
  }
}
.library_list .book p {
  display: block;
  position: absolute;
  left: calc(50% + 10.5px);
  width: 217px;
  height: 21px;
  line-height: 21px;
  white-space: nowrap;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
@media (min-width: 986px) {
  .library_list .book p {
    width: 270px;
  }
}
.library_list .book p {
  top: 10px;
}
.library_list .book em {
  flex-shrink: 0;
  margin-left: 4px;
  color: #f6330a;
  font-size: 11px;
  font-style: normal;
}
.library_list .book .ellipsis1 {
  min-width: 0;
}
.library_list .book_sm {
  background: #f4f5fa;
}
.library_list .book_md {
  width: 36px;
  height: 220px;
  background: #fff4f1;
}
.library_list .book_md p {
  width: 200px;
}
@media (min-width: 986px) {
  .library_list .book_md {
    height: 259px;
  }
  .library_list .book_md p {
    width: 239px;
  }
}
.library_list .book_lg {
  width: 48px;
  height: 200px;
  background: #f0f8f7;
}
.library_list .book_lg p {
  width: 180px;
}
@media (min-width: 986px) {
  .library_list .book_lg {
    height: 227px;
  }
  .library_list .book_lg p {
    width: 207px;
  }
}

.section .library_series .group_header {
  margin-bottom: 40px;
}

.section .library_recommend .group_header {
  margin-bottom: 30px;
}

.series_listtype {
  display: flex;
  gap: 32px;
}
@media (max-width: 985px) {
  .series_listtype {
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
  }
}
.series_listtype li {
  position: relative;
  display: flex;
  width: calc(50% - 12px);
  min-width: 0;
}
.series_listtype li:nth-child(odd):not(:nth-child(1))::before {
  content: "";
  position: absolute;
  left: 0;
  top: -12px;
  width: calc(200% + 24px);
  height: 1px;
  background: rgba(0, 0, 0, 0.04);
  pointer-events: none;
}
@media (max-width: 985px) {
  .series_listtype li:nth-child(1) .card::after, .series_listtype li:nth-child(3) .card::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 1px;
    height: 100%;
    background: rgba(18, 17, 17, 0.04);
    pointer-events: none;
  }
}
@media (min-width: 986px) {
  .series_listtype li::before {
    display: none;
  }
}
.series_listtype .card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 169px;
  margin: 0 auto;
  text-align: center;
}
.series_listtype .card .card_body {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  flex-direction: column;
}
.series_listtype .series_card {
  width: 112px;
  margin: 0 auto;
}
.series_listtype .meta {
  margin-top: auto;
  padding-top: 12px;
}
.series_listtype .meta .btn_area {
  margin-left: auto;
  margin-right: auto;
}

/* layer - 관심사 */
.option_list {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px 0px;
  font-weight: 400;
}

.option_list .layer_header {
  margin-bottom: 20px;
}

.option_list .dropdown_toggle {
  position: absolute;
  top: 24px;
  right: 62px;
  padding-left: 7px;
  padding-right: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.option_list .dropdown_toggle i {
  margin-left: 9px;
}

.option_list .layer_header .title {
  font-size: 18px;
  line-height: 28px;
}

.option_list .btn_close {
  right: 30px;
  top: 26px;
}

.option_list .layer_body {
  display: block;
  position: static;
  margin-right: -30px;
  padding-right: 30px;
  height: calc(100% - 50px);
  overflow-y: auto;
}

.option_list .dropdown_menu {
  display: none;
  position: static;
  margin-bottom: 20px;
  padding: 20px 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
  border: none;
  white-space: normal;
}

.option_list .dropdown_menu dt {
  margin-top: 0;
  margin-bottom: 8px;
  padding-bottom: 20px;
  border-color: #d9d9d9;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.option_list .dropdown_menu dd {
  padding-top: 12px;
}

.dropdown.open .dropdown_menu {
  display: block;
}

.option_list dt {
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
  font-size: 13px;
  font-weight: 900;
  line-height: 21px;
}

.option_list .list dt:not(:first-child) {
  margin-top: 20px;
}

.option_list .list dt {
  font-weight: 900;
}

.option_list dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 24px;
}

.option_list .list dd {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
}

.option_list .list dd a,
.option_list .list dd span {
  margin-right: 16px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 1;
}

.option_list .list dd i {
  margin-right: 6px;
}

.option_list .btn_subs {
  width: 48px;
  height: 28px;
  padding-right: 6px;
  padding-left: 19px;
  font-size: 13px;
}

.option_list .btn_subs::before {
  left: 5px;
}

.option_list .btn.btn_outline_gray {
  border-color: #cdcdcd !important;
  color: #111;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  width: 60px;
  height: 28px;
  background: #fff;
}

.option_list .list .no_list {
  padding: 16px 0 0;
  justify-content: center;
  border: none;
}

.option_list {
  padding: 0;
  overflow: hidden;
}
.option_list > .layer_header {
  padding: 20px 20px 0;
}
.option_list > .layer_header > .title {
  display: block;
  height: 28px;
}
.option_list .layer_body {
  height: auto;
  margin: 0;
  padding: 0 20px;
  overflow-y: hidden;
}
.option_list .scroll {
  position: static;
  height: calc(100% - 114px);
  padding-top: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 689px) {
  .option_list .scroll {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.option_list .nav {
  display: flex;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.option_list .nav li {
  width: 25%;
  text-align: center;
}
.option_list .nav .nav_item a {
  display: block;
  position: relative;
  padding: 10px 6px;
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  line-height: 24px;
}
.option_list .nav .nav_item.active a {
  color: #000;
  font-weight: 900;
}
.option_list .nav .nav_item.active a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background-color: #000;
}
.option_list p.no_list {
  padding: 50px 0 0;
  color: #999;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.option_list .box {
  margin: 20px 0 0;
  padding: 20px;
  background: #f5f1ed;
}
.option_list .box .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-weight: 700;
}
.option_list .box .title .btn {
  padding: 0;
}
.option_list .box .title .ico_refresh {
  margin: 0;
}
.option_list .box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.option_list.first .box {
  position: static;
}
.option_list .list {
  --gap: 8px;
  gap: var(--gap);
}
.option_list .list li {
  padding: 12px 12px 10px 16px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
}
.option_list .list li > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: center;
  width: 100%;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.option_list .list li a {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.option_list .list li a:hover {
  opacity: 0.7;
}
.option_list .list li p {
  height: 38px;
  margin-top: 13px;
  color: #999;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
.option_list .list li .btn_subs {
  margin-left: 5px;
}
.option_list .dropdown_menu {
  margin-top: 20px;
  padding: 16px;
}
.option_list .dropdown_menu dt {
  margin-bottom: -4px;
  padding-bottom: 12px;
}
.option_list .dropdown_menu dd {
  padding-top: 16px;
  line-height: 20px;
}
.option_list .dropdown_menu dd .switch {
  width: 32px;
}
.option_list .dropdown_menu dd .slider:before {
  bottom: -3px;
  height: 16px;
  width: 16px;
}
.option_list .dropdown_menu dd input:checked + .slider:before {
  left: -5px;
}
.option_list .dropdown .ico_arrow {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cpath id='Polygon 4' d='M3.5 5L7 -8.9407e-08H0L3.5 5Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
  height: 5px;
  transition: transform 0.2s ease-in-out;
  width: 7px;
}
.option_list .dropdown.open .ico_arrow {
  transform: rotate(180deg);
}
.option_list.series li p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.option_list.curation li div:only-child {
  height: 40px !important;
}
.option_list.curation li a {
  -webkit-line-clamp: 2;
}
.option_list .switch {
  display: inline-block;
  height: 12px;
  position: relative;
  vertical-align: middle;
  width: 35px;
}
.option_list .switch input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  position: absolute;
  width: 1px;
}
.option_list .slider {
  background-color: #ccc;
  border-radius: 34px;
  bottom: 0;
  cursor: pointer;
  right: 0;
  top: 0;
}
.option_list .slider,
.option_list .slider:before {
  left: 0;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.option_list .slider:before {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  bottom: -4px;
  content: "";
  height: 18px;
  width: 18px;
}
.option_list input:checked + .slider {
  background-color: #000;
}
.option_list input:checked + .slider:before {
  left: -5px;
}
.option_list input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000;
}
.option_list .input_switch span {
  cursor: pointer;
}
.option_list .input_switch input:disabled + span {
  cursor: default;
}
.option_list input:checked + .slider:before {
  border: 1px solid #000;
  -webkit-transform: translateX(26px);
  transform: translateX(20px);
}
.option_list .fs12 {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.option_list .fs12 i {
  margin-right: 2px;
}
@media (max-width: 985px) {
  .option_list {
    z-index: 400;
  }
  .option_list .layer_body {
    min-height: 200px;
  }
  .option_list .list {
    display: grid;
    grid-gap: 8px;
  }
  .option_list .scroll > div:only-child .list {
    margin-bottom: 20px;
  }
  .option_list .dropdown.open + .jswiper + .scroll {
    height: calc(100% - 273px);
  }
}
@media (max-width: 425px) {
  .option_list .dropdown.open + .jswiper + .scroll {
    height: calc(100% - 298px);
  }
}
@media (max-width: 689px) {
  .option_list {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
  }
}
@media (min-width: 690px) and (max-width: 985px) {
  .option_list {
    height: 640px;
    border-radius: 0;
  }
  .option_list .layer_body {
    min-height: 216px;
  }
  .option_list.topic .layer_body {
    min-height: 239px;
  }
  .option_list.curation .layer_body {
    min-height: 299px;
  }
  .option_list .scroll {
    height: calc(100% - 113px);
  }
  .option_list .dropdown.open + .jswiper + .scroll {
    height: calc(100% - 294px);
  }
}
@media (min-width: 986px) {
  .option_list {
    position: absolute;
    top: 35px;
    width: 680px;
    height: 560px;
    padding: 0 0 20px;
    border-radius: 4px;
  }
  .option_list > .layer_header {
    padding: 24px 30px 0;
  }
  .option_list .layer_body {
    padding: 0 30px;
    min-height: 195px;
  }
  .option_list .scroll {
    height: calc(100% - 125px);
  }
  .option_list nav {
    margin: 0 30px;
  }
  .option_list .box {
    bottom: 30px;
    margin: 20px 30px 0;
    border-radius: 8px;
  }
  .option_list .box li {
    border-radius: 2px;
    border: none;
  }
  .option_list .list {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    --columns: 2;
  }
  .option_list .list li {
    display: flex;
    width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  }
  .option_list .list li div:only-child {
    height: 100%;
  }
  .option_list .dropdown.open .dropdown_menu {
    display: flex;
  }
  .option_list.first .dropdown.open + .jswiper + .scroll .box {
    position: static;
  }
  .option_list .dropdown_menu {
    justify-content: space-between;
  }
  .option_list .dropdown_menu dt {
    margin: 0;
    padding: 0;
    border: none;
  }
  .option_list .dropdown_menu dd {
    padding-top: 0;
  }
  .option_list .dropdown_menu dd .switch {
    margin-left: 25px;
  }
  .option_list .dropdown_menu dd {
    /*&:not(.lg_hidden):last-child {
                    margin-left: 20px;
                }*/
  }
  .option_list.series li {
    flex-direction: column;
    /*align-self: center;

                p {
                    height: 38px;
                }*/
  }
  .option_list.topic .list {
    --columns: 3;
  }
  .option_list.topic .layer_body {
    min-height: 186px;
  }
  .option_list.curation .layer_body {
    min-height: 234px;
  }
  .option_list .dropdown.open + .jswiper + .scroll {
    height: calc(100% - 218px);
  }
}

/* 분기 예외처리 - only 모바일 */
@media (max-width: 689px) {
  .option_list {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
  }
  .option_list .layer_body {
    margin-right: 0;
  }
  .option_list .dropdown_toggle {
    top: 20px;
    right: 56px;
  }
  .option_list .btn_close {
    top: 24px;
    right: 20px;
  }
}
/* 분기 예외처리 - 태블릿까지 */
@media (min-width: 690px) and (max-width: 985px) {
  /* layer - 관심사 */
  .option_list {
    position: absolute;
    top: 36px;
    right: 0;
    padding: 24px 30px 30px;
    width: 380px;
    height: 590px;
    border-radius: 4px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    z-index: 10;
  }
}
/* 분기 예외처리 - only 태블릿 */
@media (min-width: 690px) and (max-width: 985px) {
  .option_list .layer_body {
    margin-right: 0;
    padding-right: 0;
  }
}
.contents > .mylibrary_wrap:first-child {
  margin-top: 0;
}

.membership_wrap + .section:not(.mylibrary_wrap),
.mylibrary_wrap + .section:not(.mylibrary_wrap) {
  margin-top: 0;
}
.membership_wrap + .section:not(.mylibrary_wrap)::before,
.mylibrary_wrap + .section:not(.mylibrary_wrap)::before {
  display: none;
}

@media (min-width: 986px) {
  .membership_wrap {
    margin-top: 40px !important;
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
@media (max-width: 985px) {
  .membership_wrap {
    margin-top: 30px !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.membership_wrap::before {
  bottom: 0;
  height: 100%;
  background: #323031;
  z-index: -1;
}
.membership_wrap .event::before {
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.1);
}
.membership_wrap .event .section_header strong {
  color: #fff;
}
.membership_wrap .event .section_header .btn_more {
  color: #999;
}
.membership_wrap .event .headline {
  color: #fff;
}
.membership_wrap .event .meta em {
  color: #fff;
  font-weight: 500;
}
.membership_wrap .event .jswiper_pagination.bullet_indicator .bullet {
  background-color: #fff;
}

.benefit {
  position: relative;
}
.benefit > .section_header {
  flex-direction: column;
}
.benefit .section_header {
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 986px) {
  .benefit .section_header {
    margin-bottom: 40px;
  }
}
.benefit .section_header .eyebrow {
  display: block;
  color: #c28d62;
  font-weight: 400;
}
@media (min-width: 986px) {
  .benefit .section_header .eyebrow {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 985px) {
  .benefit .section_header .eyebrow {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
  }
}
.benefit .section_header .title {
  display: block;
  color: #fff;
  font-weight: 500;
}
@media (min-width: 986px) {
  .benefit .section_header .title {
    font-size: 28px;
    line-height: 45px;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 985px) {
  .benefit .section_header .title {
    font-size: 22px;
    line-height: 35px;
    letter-spacing: -0.44px;
  }
}
.benefit .benefit_list {
  overflow: visible;
  margin: 0 auto;
}
.benefit .benefit_list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 986px) {
  .benefit .benefit_list .list {
    gap: 16px;
  }
}
.benefit .benefit_list .card {
  display: block;
  flex: 0 0 calc((100% - 8px) / 2);
  background: #262626;
}
@media (min-width: 986px) {
  .benefit .benefit_list .card {
    display: flex;
    flex-basis: calc((100% - 48px) / 4);
    flex-direction: column-reverse;
    padding: 24px 30px;
  }
}
@media (max-width: 985px) {
  .benefit .benefit_list .card {
    padding: 16px;
    text-align: center;
  }
}
.benefit .ico_benefit {
  display: block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media (min-width: 986px) {
  .benefit .ico_benefit {
    width: 60px;
    height: 60px;
    align-self: flex-end;
  }
}
@media (max-width: 985px) {
  .benefit .ico_benefit {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
}
.benefit .ico_benefit_insight {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52' fill='none'%3E%3Cpath d='M26 1L1 13.5L26 26L51 13.5L26 1Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 26L26 38.5L51 26' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 38.5L26 51L51 38.5' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.benefit .ico_benefit_exclusive {
  background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.70703 4.75H16.207C18.594 4.75 20.8832 5.69821 22.571 7.38604C24.2588 9.07387 25.207 11.3631 25.207 13.75V45.25C25.207 43.4598 24.4959 41.7429 23.23 40.477C21.9641 39.2112 20.2472 38.5 18.457 38.5H2.70703V4.75Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.707 4.75H34.207C31.8201 4.75 29.5309 5.69821 27.8431 7.38604C26.1552 9.07387 25.207 11.3631 25.207 13.75V45.25C25.207 43.4598 25.9182 41.7429 27.1841 40.477C28.4499 39.2112 30.1668 38.5 31.957 38.5H47.707V4.75Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefit .ico_benefit_gift {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.6654 25V45.8333H8.33203V25' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.8346 14.5835H4.16797V25.0002H45.8346V14.5835Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 45.8335V14.5835' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 14.5832H34.375C35.7563 14.5832 37.0811 14.0344 38.0578 13.0577C39.0346 12.0809 39.5833 10.7562 39.5833 9.37484C39.5833 7.9935 39.0346 6.66874 38.0578 5.69199C37.0811 4.71524 35.7563 4.1665 34.375 4.1665C27.0833 4.1665 25 14.5832 25 14.5832Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.0013 14.5832H15.6263C14.245 14.5832 12.9202 14.0344 11.9435 13.0577C10.9667 12.0809 10.418 10.7562 10.418 9.37484C10.418 7.9935 10.9667 6.66874 11.9435 5.69199C12.9202 4.71524 14.245 4.1665 15.6263 4.1665C22.918 4.1665 25.0013 14.5832 25.0013 14.5832Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefit .ico_benefit_paper {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.1654 4.1665H12.4987C11.3936 4.1665 10.3338 4.60549 9.55242 5.38689C8.77102 6.16829 8.33203 7.2281 8.33203 8.33317V41.6665C8.33203 42.7716 8.77102 43.8314 9.55242 44.6128C10.3338 45.3942 11.3936 45.8332 12.4987 45.8332H37.4987C38.6038 45.8332 39.6636 45.3942 40.445 44.6128C41.2264 43.8314 41.6654 42.7716 41.6654 41.6665V16.6665L29.1654 4.1665Z' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.3346 35.4165H16.668' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.3346 27.0835H16.668' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.8346 18.75H18.7513H16.668' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.168 4.1665V16.6665H41.668' stroke='%23A37854' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefit .label {
  display: block;
  font-weight: 500;
}
@media (min-width: 986px) {
  .benefit .label {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 985px) {
  .benefit .label {
    margin-top: 8px;
    color: #c28d62;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.26px;
  }
}
.benefit .description {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-weight: 400;
}
@media (min-width: 986px) {
  .benefit .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
  }
}
@media (min-width: 1600px) {
  .benefit .description {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1920px) {
  .benefit .description {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 985px) {
  .benefit .description {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
  }
}
.benefit .subscribe {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 0;
  text-align: center;
}
@media (min-width: 986px) {
  .benefit .subscribe {
    gap: 30px;
    margin-top: 40px;
  }
}
@supports not (gap: 1px) {
  .benefit .subscribe > * + * {
    margin-top: 20px;
  }
  @media (min-width: 986px) {
    .benefit .subscribe > * + * {
      margin-top: 30px;
    }
  }
}
.benefit .subscribe p {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
@media (min-width: 986px) {
  .benefit .subscribe p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
  }
}
@media (max-width: 985px) {
  .benefit .subscribe p {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
  }
}
.benefit .btn_subscribe {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #f6330a;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 986px) {
  .benefit .btn_subscribe {
    width: 200px;
    height: 48px;
    padding: 6px 16px 8px 16px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 985px) {
  .benefit .btn_subscribe {
    width: 100%;
    height: 48px;
    padding: 6px 20px 8px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}

.event {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
@media (min-width: 986px) {
  .event {
    margin-top: 40px;
  }
}
@media (max-width: 985px) {
  .event {
    margin-top: 30px;
  }
}
@media (max-width: 985px) {
  .event .list {
    display: flex;
    gap: 12px;
  }
}
.event .badge_status {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 4px 5px 5px;
  background: #f6330a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}
.event .badge_status.is_end {
  background: #666;
}
.event .badge_status.is_upcoming {
  background: #ffede4;
  color: #f6330a;
}
.event .badge_wrap {
  display: flex;
  gap: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.event .badge_wrap .badge_status {
  position: static;
  display: block;
}
.event .badge_black {
  display: block;
  padding: 4px 5px 5px;
  background: #111;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}
@media (min-width: 986px) {
  .event .headline {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 985px) {
  .event .headline {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.36px;
  }
}
.event .description {
  padding-top: 0 !important;
  color: #666;
}
@media (min-width: 986px) {
  .event .description {
    margin-top: 4px;
  }
}
.event .meta {
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
@media (min-width: 986px) {
  .event .meta {
    gap: 0;
    padding-top: 0;
  }
}
.event .meta p {
  display: flex;
  gap: 8px;
  color: #999;
}
@media (min-width: 986px) {
  .event .meta p {
    margin-top: 12px;
  }
}
.event .meta em {
  font-weight: 500;
}
@media (min-width: 986px) {
  .event .card {
    flex: 0 0 calc((100% - 32px) / 3);
    margin-right: 0;
  }
}
@media (min-width: 1600px) {
  .event .card {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 2560px) {
  .event .card {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (max-width: 985px) {
  .event .card {
    flex: 0 0 100%;
    width: 100%;
  }
}
.event .card_image > a {
  padding-top: 54.6296296296%;
}
.event .card_image > a img {
  left: 50%;
  overflow: hidden;
  width: auto;
  height: 100%;
  min-height: 0;
  transform: translateX(-50%);
}
.event .card_image > a:hover img {
  transform: translateX(-50%) scale(1.05);
}
.event .color_curation1 {
  background-color: #eb3fa6;
}
.event .color_curation2 {
  background-color: #8955d0;
}
.event .color_curation3 {
  background-color: #297ed3;
}
.event .color_curation4 {
  background-color: #19738f;
}
.event .color_curation5 {
  background-color: #10a871;
}
.event .color_curation6 {
  background-color: #d77c29;
}
.event .color_curation7 {
  background-color: #18181d;
}
.event .color_curation8 {
  background: #505057;
}

.popular_tabs .panel {
  display: none;
}
.popular_tabs .panel.show {
  display: block;
}
.popular_tabs .panel > .btn_more {
  position: absolute;
  right: 0;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
@media (min-width: 986px) {
  .popular_tabs .panel > .btn_more {
    top: 36px;
  }
}
@media (max-width: 985px) {
  .popular_tabs .panel > .btn_more {
    top: 34px;
  }
}
.popular_tabs .popular_tabs_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 50px;
}
@media (min-width: 986px) {
  .popular_tabs .popular_tabs_header {
    margin-bottom: 24px;
  }
}
@media (max-width: 985px) {
  .popular_tabs .popular_tabs_header {
    margin-bottom: 16px;
  }
}
.popular_tabs .popular_tabs_header .nav {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 985px) {
  .popular_tabs .popular_tabs_header .nav {
    gap: 12px;
  }
}
.popular_tabs .popular_tabs_header .nav a {
  display: block;
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-decoration: none;
}
@media (max-width: 985px) {
  .popular_tabs .popular_tabs_header .nav a {
    font-size: 20px;
    line-height: 28px;
  }
}
.popular_tabs .popular_tabs_header .nav a.active {
  color: #111;
}
.popular_tabs {
  z-index: 1;
}
@media (max-width: 985px) {
  .popular_tabs .card {
    position: relative;
    padding-left: 34px;
  }
}
@media (max-width: 985px) {
  .popular_tabs .rank {
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: #a37854;
  }
}

@media (min-width: 986px) {
  .popular_contents .card_body {
    position: relative;
    padding-left: 54px;
  }
}
@media (min-width: 986px) {
  .popular_contents .rank {
    position: absolute;
    left: 0;
    top: 12px;
    width: 48px;
    font-size: 40px;
    font-weight: 900;
    line-height: 40px;
    text-align: center;
  }
}

@media (min-width: 986px) {
  .popular_series .card_body {
    position: relative;
  }
}
@media (min-width: 986px) {
  .popular_series .rank {
    position: absolute;
    bottom: calc(100% - 5px);
    left: 16px;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-size: 60px;
    font-weight: 900;
    line-height: 60px;
  }
}
.popular_series .headline .ico_up {
  flex-shrink: 0;
}

@media (min-width: 986px) {
  .new_contents .card_body {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 986px) {
  .new_contents .card_body .title {
    margin-top: 8px;
    margin-bottom: 0;
  }
}
@media (min-width: 986px) {
  .new_contents .headline {
    order: -1;
  }
}
.new_contents .headline.is_read a {
  opacity: 0.6;
}

@media (min-width: 986px) {
  .coming_soon .card_row {
    flex-basis: calc((100% - 16px) / 2);
    padding: 20px 120px 20px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 985px) {
  .coming_soon .card_row {
    padding-right: 48px;
  }
}
@media (min-width: 1600px) {
  .coming_soon .card_row {
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (min-width: 2560px) {
  .coming_soon .card_row {
    flex-basis: calc((100% - 48px) / 4);
  }
}
.coming_soon .headline .ico_up {
  flex-shrink: 0;
}
.coming_soon .btn_notice {
  position: absolute;
}
@media (min-width: 986px) {
  .coming_soon .btn_notice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    font-size: 12px;
  }
}
@media (max-width: 985px) {
  .coming_soon .btn_notice {
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 986px) {
  .coming_soon .btn_notice .ico_notice {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.60147 16.4759L3.98595 16.0474L3.98595 16.0474L4.60147 16.4759ZM5.69156 13.1034L4.94156 13.095V13.1034H5.69156ZM5.71444 11.0643L6.46444 11.0727V11.0643H5.71444ZM19.4065 16.4923L20.0303 16.0759L20.0303 16.0759L19.4065 16.4923ZM18.3575 13.1034L17.6075 13.0945V13.1034H18.3575ZM18.3803 11.1653L19.1303 11.1742V11.1653H18.3803ZM4.60147 16.4759L5.217 16.9045C5.834 16.0182 6.44156 14.7027 6.44156 13.1034H5.69156H4.94156C4.94156 14.3185 4.47834 15.3402 3.98595 16.0474L4.60147 16.4759ZM5.69156 13.1034L6.44151 13.1118L6.46439 11.0727L5.71444 11.0643L4.96449 11.0559L4.94161 13.095L5.69156 13.1034ZM19.4065 16.4923L20.0303 16.0759C19.5582 15.3687 19.1075 14.3365 19.1075 13.1034H18.3575H17.6075C17.6075 14.7041 18.1906 16.0217 18.7828 16.9087L19.4065 16.4923ZM18.3575 13.1034L19.1074 13.1122L19.1303 11.1742L18.3803 11.1653L17.6304 11.1565L17.6075 13.0945L18.3575 13.1034ZM18.3803 11.1653H19.1303C19.1303 6.96977 15.9987 3.45465 12.0011 3.45465V4.20465V4.95465C15.0498 4.95465 17.6303 7.67235 17.6303 11.1653H18.3803ZM19.0248 17.4373V18.1873C19.65 18.1873 20.0108 17.7152 20.1469 17.3665C20.287 17.0072 20.3144 16.5014 20.0303 16.0759L19.4065 16.4923L18.7828 16.9087C18.7531 16.8643 18.7501 16.8305 18.7497 16.8243C18.7495 16.8202 18.7499 16.8191 18.7497 16.8202C18.7495 16.8213 18.7492 16.8219 18.7495 16.8213C18.7497 16.8208 18.7515 16.8162 18.757 16.8081C18.7624 16.8 18.7737 16.7854 18.7935 16.7685C18.8367 16.7315 18.9179 16.6873 19.0248 16.6873V17.4373ZM5.71444 11.0643H6.46444C6.46444 7.62711 9.00352 4.95465 12.0011 4.95465V4.20465V3.45465C8.05462 3.45465 4.96444 6.92453 4.96444 11.0643H5.71444ZM4.97833 17.4373V16.6873C5.08764 16.6873 5.1698 16.7333 5.21228 16.7703C5.23177 16.7873 5.24248 16.8017 5.24737 16.8091C5.24998 16.813 5.25155 16.8159 5.25238 16.8175C5.25281 16.8184 5.2531 16.819 5.25327 16.8194C5.25345 16.8198 5.25353 16.82 5.25353 16.82C5.25354 16.82 5.25336 16.8195 5.25314 16.8187C5.25292 16.8179 5.25274 16.817 5.25262 16.8162C5.25233 16.8143 5.25266 16.8148 5.25243 16.8186C5.25209 16.8238 5.24884 16.8587 5.217 16.9045L4.60147 16.4759L3.98595 16.0474C3.68871 16.4744 3.71362 16.9888 3.8506 17.3508C3.98315 17.7012 4.34305 18.1873 4.97833 18.1873V17.4373ZM19.0248 17.4373V16.6873H4.97833V17.4373V18.1873H19.0248V17.4373ZM12.0011 21V20.25C11.2077 20.25 10.4969 19.985 9.96838 19.5647L9.50157 20.1517L9.03475 20.7388C9.83286 21.3734 10.874 21.75 12.0011 21.75V21ZM14.5006 20.1517L14.0338 19.5647C13.5053 19.985 12.7945 20.25 12.0011 20.25V21V21.75C13.1282 21.75 14.1693 21.3734 14.9674 20.7388L14.5006 20.1517ZM4 6.37921L4.70106 6.64568C5.19325 5.3508 6.06729 4.28811 7.18674 3.6521L6.81625 3L6.44576 2.3479C4.9922 3.17373 3.90192 4.52634 3.29894 6.11274L4 6.37921ZM17.1639 3.00913L16.7863 3.65714C17.933 4.32532 18.831 5.36634 19.2962 6.62928L20 6.37002L20.7038 6.11076C20.1137 4.50893 18.9784 3.19835 17.5415 2.36111L17.1639 3.00913Z' fill='white'/%3E%3C/svg%3E");
  }
}
@media (min-width: 986px) {
  .coming_soon .btn_notice.is_done .ico_notice {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 6.80005L8.80482 17.2L5.5 13.655' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

@media (min-width: 986px) {
  .editor_wrap .section_header {
    margin-bottom: 40px;
  }
}
@media (max-width: 985px) {
  .editor_wrap .section_header {
    margin-bottom: 20px;
  }
}

.grid_area {
  display: grid;
  gap: 24px;
}
.grid_area .group_header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.grid_area .group_header strong {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.grid_area .group_header .btn_text {
  color: #666;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  white-space: nowrap;
}
.grid_area .list {
  gap: 16px;
  overflow: visible;
}
.grid_area .card {
  flex: none;
}
.grid_area .card_image {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #f5f5f5;
}
.grid_area .card_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid_area .badge_free_text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 4px 5px 5px;
  background: #f6330a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}
.grid_area .headline {
  overflow: hidden;
  display: -webkit-box;
  min-height: 0;
  color: #111;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.36px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.grid_area .meta {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.28px;
}
.grid_area .meta span {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section .recommend_group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section .text_list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 4px;
  padding: 0;
  list-style: none;
}
.section .text_list li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.section .text_list h2 {
  font-weight: normal;
}
.section .text_list h2 .badge_free {
  transform: translateY(0);
}
.section .text_list a {
  height: 46px;
  color: #111;
  font-size: 15px;
  line-height: 46px;
}
@media (min-width: 986px) {
  .section .text_list a {
    font-size: 16px;
  }
}
.section .card_row + .text_list {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  margin: 12px 0 0;
}

@media (min-width: 986px) {
  .grid_area {
    grid-template-columns: minmax(0, calc((100% - 33px) * 0.4955)) 1px minmax(0, calc((100% - 33px) * 0.5045));
    gap: 16px;
    align-items: stretch;
  }
  .grid_area::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    width: 1px;
    background: #e5e5e5;
  }
  .grid_area .recommend_section {
    display: flex;
    flex-direction: column;
    grid-column: 1;
    min-width: 0;
  }
  .grid_area .recommend_section .content_list {
    flex: 1;
    min-height: 392px;
  }
  .grid_area .recommend_section .card {
    display: grid;
    grid-template-columns: 59.13% 40.87%;
    height: 100%;
    min-height: 392px;
    margin-left: 0;
  }
  .grid_area .recommend_section .card_image {
    align-self: stretch;
    height: 100%;
    aspect-ratio: auto;
  }
  .grid_area .recommend_section .card_body {
    min-height: 392px;
    padding: 0 20px;
  }
  .recommend_list .recommend {
    flex-basis: 443px;
    width: 443px;
  }
}
.recommend_pdf {
  display: flex;
}
@media (min-width: 986px) {
  .recommend_pdf {
    display: grid;
    position: relative;
    column-gap: 16px;
  }
  .recommend_pdf::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--recommend-pdf-divider-left);
    z-index: 2;
    width: 1px;
    background: #e5e5e5;
    transform: translateX(-50%);
    pointer-events: none;
  }
  .recommend_pdf::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    right: calc(100% - var(--recommend-pdf-divider-left));
    z-index: 1;
    background: #fff;
    pointer-events: none;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .recommend_pdf {
    --recommend-pdf-divider-left: calc(50% - 8px);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) and (max-width: 1599px) {
  .recommend_pdf {
    --recommend-pdf-divider-left: calc(50% - 8px);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1600px) and (max-width: 1919px) {
  .recommend_pdf {
    --recommend-pdf-divider-left: calc(60% - 4.8px);
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .recommend_pdf {
    --recommend-pdf-divider-left: calc(50% - 8px);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 2560px) {
  .recommend_pdf {
    --recommend-pdf-divider-left: calc(57.142857% - 6.857143px);
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
}
@media (max-width: 985px) {
  .recommend_pdf {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 985px) {
  .recommend_pdf .card {
    align-items: stretch;
  }
}
@media (max-width: 985px) {
  .recommend_pdf .card_body {
    display: flex;
    flex-direction: column;
  }
}
.recommend_pdf .card_image {
  border-radius: 2px;
  overflow: hidden;
}
.recommend_pdf .card_image .btn_download {
  width: 100%;
  border-radius: 0;
}
@media (max-width: 985px) {
  .recommend_pdf .meta {
    margin-top: auto;
  }
}
.recommend_pdf .meta span,
.recommend_pdf .meta a {
  display: block;
  min-width: 0;
}

@media (min-width: 986px) {
  .recommend_section {
    position: relative;
    z-index: 2;
    padding-right: 16px;
  }
}
@media (min-width: 986px) and (max-width: 1599px) {
  .recommend_section {
    grid-column: span 6;
  }
}
@media (min-width: 1600px) and (max-width: 1919px) {
  .recommend_section {
    grid-column: span 6;
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .recommend_section {
    grid-column: span 6;
  }
}
@media (min-width: 2560px) {
  .recommend_section {
    grid-column: span 8;
  }
}
.recommend_section .group_header strong.ellipsis1 {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
.recommend_section .meta {
  min-width: 0;
  width: 100%;
}
@media (min-width: 986px) {
  .recommend_section .meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.recommend_section .meta .ellipsis1 {
  width: 100%;
}
.recommend_section .jswiper_pagination {
  gap: 12px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: calc(50% + 10px);
}
@media (min-width: 986px) and (max-width: 1599px) {
  .recommend_section .jswiper_pagination {
    position: static;
    top: auto;
    bottom: auto;
    left: 0;
    justify-content: flex-start;
    margin-top: 20px;
  }
}
@media (min-width: 1600px) {
  .recommend_section .jswiper_pagination {
    left: 560px;
  }
}
.recommend_section .jswiper_pagination button {
  width: 36px;
  height: 36px;
  box-shadow: none;
  position: static;
  transform: none;
}
.recommend_section .jswiper_pagination button [class*=ico_] {
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6914 24.3008L14.3914 18.0008L20.6914 11.7008' stroke='%23666666' stroke-width='2'/%3E%3Ccircle cx='18' cy='18' r='17.5' transform='rotate(-180 18 18)' stroke='black' stroke-opacity='0.3'/%3E%3C/svg%3E%0A");
}
.recommend_section .jswiper_pagination button[aria-disabled=true] {
  display: block;
}
.recommend_section .jswiper_pagination button[aria-disabled=true] [class*=ico_] {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6914 24.3008L14.3914 18.0008L20.6914 11.7008' stroke='%23666666' stroke-width='2'/%3E%3Ccircle cx='18' cy='18' r='17.5' transform='rotate(-180 18 18)' stroke='black' stroke-opacity='0.3'/%3E%3C/svg%3E%0A");
  opacity: 0.2;
}
@media (min-width: 986px) {
  .recommend_section .btn_notice {
    gap: 6px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
  }
}
@media (min-width: 986px) {
  .recommend_section .card {
    display: flex;
    gap: 20px;
    flex-basis: 100%;
  }
}
@media (min-width: 986px) and (max-width: 1599px) {
  .recommend_section .card {
    flex-direction: column;
    height: auto;
    min-height: 0;
  }
}
@media (max-width: 985px) {
  .recommend_section .card:first-child {
    display: block;
  }
}
@media (max-width: 985px) {
  .recommend_section .card:first-child .card_body {
    padding-top: 12px !important;
  }
}
@media (max-width: 985px) {
  .recommend_section .card:first-child .headline {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
  }
}
@media (min-width: 986px) {
  .recommend_section .card_image {
    width: calc(50% - 10px);
  }
}
@media (min-width: 1600px) {
  .recommend_section .card_image {
    flex: 0 0 540px;
    width: 540px;
  }
}
@media (min-width: 986px) and (max-width: 1599px) {
  .recommend_section .card_image {
    width: 100%;
    height: auto;
    aspect-ratio: 290/217;
  }
}
@media (max-width: 985px) {
  .recommend_section .card_image {
    width: 100%;
  }
}
.recommend_section .card_image .badge_scheduled {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (min-width: 986px) {
  .recommend_section .card_body {
    width: calc(50% - 10px);
    padding-top: 20px !important;
  }
}
@media (min-width: 1600px) {
  .recommend_section .card_body {
    flex: 1 1 auto;
    width: auto;
  }
}
@media (max-width: 985px) {
  .recommend_section .card_body {
    align-items: flex-start;
  }
}
@media (min-width: 986px) and (max-width: 1599px) {
  .recommend_section .card_body {
    width: 100%;
    min-height: 0;
    padding: 0 !important;
  }
}
@media (max-width: 985px) {
  .recommend_section .card_body .badge_scheduled {
    margin-bottom: 4px;
  }
}
@media (min-width: 986px) {
  .recommend_section .headline {
    font-size: 22px;
    line-height: 33px;
    letter-spacing: -0.44px;
  }
}

@media (min-width: 986px) and (max-width: 1599px) {
  .pdf_section {
    grid-column: span 6;
  }
}
@media (min-width: 1600px) and (max-width: 1919px) {
  .pdf_section {
    grid-column: span 4;
  }
}
@media (min-width: 1920px) {
  .pdf_section {
    grid-column: span 6;
  }
}
@media (min-width: 986px) {
  .pdf_section .pdf_panel {
    overflow: hidden !important;
    padding: 24px;
    background: #f5f5f5;
  }
}
.pdf_section .pdf_panel .jswiper_pagination button,
.pdf_section .pdf_panel .jswiper_pagination [class*=ico_] {
  width: 32px;
  height: 32px;
}
.pdf_section .pdf_panel .jswiper_pagination button {
  background: transparent;
  box-shadow: 0 6.4px 9.6px rgba(0, 0, 0, 0.15);
}
.pdf_section .pdf_panel .jswiper_pagination button[class*=btn_prev] {
  left: 8px;
}
.pdf_section .pdf_panel .jswiper_pagination button[class*=btn_next] {
  right: 8px;
}
.pdf_section .pdf_panel .jswiper_pagination [class*=ico_] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' transform='matrix(-1 0 0 1 32 0)' fill='black'/%3E%3Cpath d='M18.3431 21.6569L12.6863 16L18.3431 10.3431' stroke='white' stroke-width='1.33333'/%3E%3C/svg%3E");
}
@media (min-width: 986px) {
  .pdf_section .list {
    display: flex;
    gap: 16px;
  }
}
@media (min-width: 986px) and (max-width: 1919px) {
  .pdf_section .list:has(> .card:first-child:nth-last-child(1)) {
    justify-content: center;
  }
}
@media (min-width: 1920px) {
  .pdf_section .list:has(> .card:first-child:nth-last-child(1)), .pdf_section .list:has(> .card:first-child:nth-last-child(2)) {
    justify-content: center;
  }
}
@media (min-width: 986px) {
  .pdf_section .card {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - 16px) / 2);
  }
}
@media (min-width: 1920px) {
  .pdf_section .card {
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (min-width: 986px) {
  .pdf_section .card_body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    text-align: center;
  }
}
.pdf_section .card_image {
  position: relative;
}
@media (max-width: 985px) {
  .pdf_section .card_image {
    align-self: flex-start;
  }
}
.pdf_section .card_image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  opacity: 0.3;
  background: #000;
  pointer-events: none;
}
@media (min-width: 986px) {
  .pdf_section .card_image::after {
    left: 6px;
    filter: blur(1px);
  }
}
@media (max-width: 985px) {
  .pdf_section .card_image::after {
    left: 3px;
    opacity: 0.3;
    filter: blur(1px);
  }
}
@media (min-width: 986px) {
  .pdf_section .meta {
    justify-content: center;
  }
}
@media (min-width: 986px) {
  .pdf_section .btn_download {
    flex-direction: row-reverse;
    justify-content: center;
    display: flex;
    height: 50px;
    gap: 6px;
    padding: 16px 68px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .pdf_section .btn_download {
    margin-left: auto;
  }
}

.recommend_list {
  gap: 16px;
}
.recommend_list .recommend {
  padding: 0;
  background: #fff;
}
.recommend_list .recommend_body {
  display: flex;
  flex-direction: column;
  min-height: 245px;
  padding: 16px 16px 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
}
@media (min-width: 986px) {
  .recommend_list .recommend_body {
    padding: 20px 20px 8px;
  }
}
.recommend_list .recommend_head {
  min-height: 104px;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.recommend_list .recommend_head .meta {
  line-height: 28px;
}
@media (min-width: 986px) {
  .recommend_list .recommend_head .meta {
    padding-top: 12px;
  }
}
.recommend_list .card .description {
  height: 39px;
  margin-top: 4px;
}
.recommend_list .card_image + .card_body {
  padding-top: 0;
}
.recommend_list .link {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: auto -16px 0;
  padding: 12px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}
.recommend_list .link span {
  padding-bottom: 1px;
}
.recommend_list .link.link_muted {
  gap: 4px;
  color: rgba(0, 0, 0, 0.6);
}
.recommend_list .ico_arrow_circle {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='fi:arrow-right-circle'%3E%3Cpath id='Vector' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='black' stroke-width='1.5'%3E%3C/path%3E%3Cpath id='Vector_2' d='M12 16L16 12L12 8' stroke='black' stroke-width='1.5'%3E%3C/path%3E%3Cpath id='Vector_3' d='M8 12H16' stroke='black' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%/24px 24px;
}
.recommend_list .link_muted .ico_arrow_circle {
  opacity: 0.6;
}

.editor_recommend {
  margin-top: 60px;
}
@media (min-width: 986px) {
  .editor_recommend .recommend {
    flex: 0 0 calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2);
  }
}
@media (min-width: 1280px) {
  .editor_recommend .recommend {
    flex-basis: calc((100% - 32px) / 3);
    width: calc((100% - 32px) / 3);
  }
}
@media (min-width: 1600px) {
  .editor_recommend .recommend {
    flex-basis: calc((100% - 48px) / 4);
    width: calc((100% - 48px) / 4);
  }
}
@media (min-width: 2560px) {
  .editor_recommend .recommend {
    flex-basis: calc((100% - 64px) / 5);
    width: calc((100% - 64px) / 5);
  }
}

.editor_recommend_curation .jaswiper_wrap {
  align-items: stretch;
}
.editor_recommend_curation .recommend {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #111;
}
.editor_recommend_curation .recommend_body {
  flex: 1;
}
.editor_recommend_curation .recommend_body .card_row {
  flex-basis: auto;
}
.editor_recommend_curation .recommend_head .meta {
  font-size: 15px;
}
@media (min-width: 986px) {
  .editor_recommend_curation .recommend_head .headline {
    font-size: 20px;
  }
}

.editor_recommend_series .recommend_body {
  padding-top: 4px;
  padding-bottom: 0;
}
.editor_recommend_series .recommend_head {
  padding: 16px;
}

@media (max-width: 985px) {
  .recommend_section .sm_content_row .card .ico_play,
  .recommend_section .sm_content_row .card .ico_audio,
  .recommend_section .sm_content_row .card .ico_play,
  .recommend_section .sm_content_row .card .ico_audio {
    bottom: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
  .recommend_section .sm_content_row .card .ico_play:before,
  .recommend_section .sm_content_row .card .ico_audio:before {
    width: 30px;
    height: 30px;
  }
  .recommend_section .sm_content_row .card .ico_play:after {
    width: 30px;
    height: 30px;
    margin: 0 -20px -20px 0;
  }
  .recommend_section .sm_content_row .card .ico_audio:after {
    width: 30px;
    height: 35px;
    margin: 0 -20px -22px 0;
  }
}
.grid_video_area {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
@media (min-width: 986px) {
  .grid_video_area {
    gap: 24px;
  }
}
@media (max-width: 985px) {
  .grid_video_area {
    gap: 60px;
  }
}
.grid_video_area .video_body {
  display: grid;
  gap: 12px;
}

.main_video {
  display: grid;
}
.main_video .headline {
  margin-top: 0;
  font-size: 18px;
  line-height: 1.5;
}
.main_video .card_image {
  background: none;
}
.main_video .player_area iframe {
  transform: scale(1.01);
}

.audio_card {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}
.audio_card .audio_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex: 1;
  min-height: 0;
  padding: 20px;
}
.audio_card .audio_body iframe {
  width: 100%;
  margin-top: auto;
}
.audio_card .badge {
  display: inline-flex;
  align-items: center;
  height: 21px;
  padding: 0 5px;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: -0.4px;
}
@media (min-width: 986px) {
  .audio_card .badge {
    height: 28px;
    padding: 3px 6px 4px;
    font-size: 14px;
    line-height: 1.4;
  }
}
.audio_card .audio_info {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  margin: 8px 0 20px;
}
.audio_card .audio_info .card_body {
  flex: 1;
}
.audio_card .audio_info .card_image {
  flex: 0 0 84px;
  width: 84px;
}
.audio_card .audio_info .headline {
  margin-top: 0;
  line-height: 1.4;
}
.video_list {
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.video_list li {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}
.video_list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.video_list .headline {
  margin-top: 0;
  font-size: 16px;
  letter-spacing: -2%;
}
.video_list .card {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.video_list .card_image {
  width: 137px;
  flex-shrink: 0;
}
@media (min-width: 986px) {
  .video_list .card_image {
    width: 180px;
  }
}

.video_body .play_duration {
  left: auto;
  right: 10px;
  bottom: 3px;
}
.video_body .card_image a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.video_group .video_list {
  display: grid;
}

@media (max-width: 985px) {
  .video_list_area {
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 986px) {
  .grid_video_area {
    gap: 16px;
  }
  .grid_video_area::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    width: 1px;
    background: #e5e5e5;
  }
  .grid_video_area .video_group {
    order: 1;
    min-width: 0;
    margin-bottom: 60px;
  }
  .grid_video_area .video_body {
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
  }
  .grid_video_area .video_body::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    width: 1px;
    background: #e5e5e5;
  }
  .grid_video_area .audio_group {
    display: flex;
    flex-direction: column;
    min-width: 0;
    order: 2;
  }
  .main_video .headline {
    font-size: 22px;
    line-height: 150%;
  }
  .audio_info {
    margin-bottom: 0;
  }
  .audio_card {
    flex: 1;
    order: 2;
  }
  .audio_card .audio_info .headline {
    margin-top: 0;
    font-size: 22px;
    line-height: 140%;
  }
  .video_list {
    gap: 16px;
  }
  .video_list li {
    grid-template-columns: minmax(0, 1fr) 205px;
    gap: 16px;
    padding-bottom: 16px;
    align-items: center;
  }
  .video_list .headline {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
}
@media (min-width: 1280px) {
  .main_video {
    flex-direction: row;
    gap: 0;
  }
  .main_video .card_image {
    flex: 1 1 auto;
    min-width: 0;
  }
  .main_video .card_body {
    flex: 0 0 223px;
    padding-top: 20px;
    padding-right: 20px;
  }
  .main_video .headline {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.44px;
  }
  .main_video .meta {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .video_list .card_image {
    flex-basis: 137px;
    width: 137px;
  }
}
@media (min-width: 1600px) {
  .grid_video_area {
    display: grid;
    row-gap: 0;
    grid-template-columns: minmax(0, calc((100% - 66px) * 0.2524)) 1px minmax(0, calc((100% - 66px) * 0.3738)) 1px minmax(0, calc((100% - 66px) * 0.3738));
  }
  .grid_video_area .main_video {
    display: grid;
  }
  .grid_video_area .main_video .card_body {
    flex-basis: 290px;
  }
  .grid_video_area .audio_group {
    grid-column: 1;
    grid-row: 1/span 2;
    order: 1;
  }
  .grid_video_area .video_group {
    display: contents;
    order: 2;
  }
  .grid_video_area .video_group .group_header {
    grid-column: 3/6;
    grid-row: 1;
  }
  .grid_video_area .video_body {
    display: contents;
  }
  .grid_video_area .video_body::before {
    content: none;
  }
  .grid_video_area .main_video {
    grid-column: 3;
    grid-row: 2;
  }
  .grid_video_area .video_list_area {
    grid-column: 5;
    grid-row: 2;
  }
  .grid_video_area::after {
    content: "";
    grid-column: 4;
    grid-row: 2;
    width: 1px;
    background: #e5e5e5;
  }
  .grid_video_area::before {
    grid-row: 1/span 2;
  }
}
@media (min-width: 986px) and (max-width: 1259px) {
  .mylibrary_wrap .mylibrary_body {
    row-gap: 0;
  }
  .mylibrary_wrap .mylibrary_body .library_recommend {
    margin-top: 60px;
  }
  .grid_video_area {
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
  }
  .grid_video_area::before {
    display: none;
  }
  .grid_video_area .video_group {
    order: 1;
    margin-bottom: 60px;
  }
  .grid_video_area .audio_group {
    order: 2;
  }
}
@media (min-width: 1920px) {
  .grid_video_area {
    display: grid;
    grid-template-columns: minmax(0, calc((100% - 66px) * 0.2524)) 1px minmax(0, calc((100% - 66px) * 0.3738)) 1px minmax(0, calc((100% - 66px) * 0.3738));
  }
  .grid_video_area .audio_group {
    order: 1;
  }
  .grid_video_area .video_group {
    order: 2;
    margin-bottom: 0;
  }
  .grid_video_area .video_body {
    grid-template-columns: minmax(0, calc((100% - 33px) * 0.6006)) 1px minmax(0, calc((100% - 33px) * 0.3994));
  }
}
@media (min-width: 986px) and (max-width: 1599px) {
  .grid_video_area .audio_group {
    order: 1;
    margin-bottom: 60px;
  }
  .grid_video_area .video_group {
    order: 2;
    margin-bottom: 0;
  }
}
@media (min-width: 2560px) {
  .grid_video_area .main_video {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
}
.onboarding_wrap {
  position: relative;
  padding-bottom: 30px;
  padding-top: 30px;
}
@media (min-width: 986px) {
  .onboarding_wrap {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .onboarding_wrap .onboarding_body {
    margin-top: 40px;
  }
}
.onboarding_wrap .onboarding_list {
  display: flex;
  position: relative;
  height: 100%;
  overflow: visible;
  width: 100%;
  justify-content: flex-start;
  margin: 0;
  gap: 18px;
}
.onboarding_wrap .onboarding_list .card {
  flex: 0 0 100%;
  width: 100%;
  background: #fff;
  border-radius: 4px;
}
@media (min-width: 986px) {
  .onboarding_wrap .onboarding_list .card {
    flex-basis: 246px;
  }
  .onboarding_wrap .onboarding_list .card.is_selected .card_button {
    border-color: #f6330a;
  }
  .onboarding_wrap .onboarding_list .card.is_selected .card_like {
    background: #f6330a;
  }
}
.onboarding_wrap .pagination {
  font-weight: 500;
}
@media (max-width: 985px) {
  .onboarding_wrap:not(.interest) {
    padding-bottom: 30px;
  }
  .onboarding_wrap:not(.interest) .onboarding_list {
    padding-inline: max(0px, (100% - 290px) / 2);
  }
  .onboarding_wrap:not(.interest) .onboarding_list .card {
    flex: 0 0 290px;
    width: 290px;
  }
  .onboarding_wrap:not(.interest) .onboarding_actions {
    margin-bottom: 10px;
  }
}
@media (min-width: 986px) {
  .onboarding_wrap:not(.interest) .btn {
    margin-bottom: 20px;
  }
}
.onboarding_wrap .card_button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  color: inherit;
  font: inherit;
  cursor: pointer;
  padding: 22px 18px 18px;
  border: 2px solid transparent;
  border-radius: 4px;
}
.onboarding_wrap .card_button .headline {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  color: #111;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.44px;
}
@media (min-width: 986px) {
  .onboarding_wrap .card_button .headline {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.onboarding_wrap .card_button p {
  height: 48px;
  margin-top: 17px;
  color: #111;
  font-size: 18px;
  line-height: 1.34;
  letter-spacing: -0.36px;
}
@media (min-width: 986px) {
  .onboarding_wrap .card_button p {
    height: 44px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.32px;
  }
}
.onboarding_wrap .card_button figure {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding-top: 75%;
}
.onboarding_wrap .card_button figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
}
@media (min-width: 986px) {
  .onboarding_wrap .card_button figure {
    margin-top: 16px;
  }
}
.onboarding_wrap .card_button figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.onboarding_wrap .card_button .card_like {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 986px) {
  .onboarding_wrap .card_button .card_like {
    display: flex;
  }
}
.onboarding_wrap .onboarding_actions {
  display: flex;
  justify-content: center;
  gap: 44px;
  margin: 30px auto 0;
}
.onboarding_wrap .btn_dislike,
.onboarding_wrap .btn_like {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
}
.onboarding_wrap .btn_dislike.is_selected,
.onboarding_wrap .btn_like.is_selected {
  background: #f6330a;
}
.onboarding_wrap .btn_dislike.is_selected .ico_like,
.onboarding_wrap .btn_like.is_selected .ico_like {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M6.04688 9.17598L10.6914 1.75198C10.8714 1.45855 11.1244 1.21674 11.4256 1.0501C11.7268 0.883466 12.0661 0.797689 12.4103 0.801126V0.801126C12.6814 0.79134 12.9517 0.836 13.2053 0.932467C13.4588 1.02893 13.6905 1.17525 13.8865 1.36276C14.0825 1.55028 14.239 1.77519 14.3466 2.0242C14.4543 2.27322 14.5109 2.54128 14.5132 2.81255V8.1337H22.5406C22.8372 8.14332 23.1284 8.21561 23.3951 8.34583C23.6618 8.47605 23.8979 8.66124 24.0879 8.88923C24.2779 9.11722 24.4175 9.38285 24.4975 9.66864C24.5775 9.95443 24.596 10.2539 24.552 10.5474L23.0892 19.9828C23.0268 20.4871 22.7823 20.9512 22.4018 21.2879C22.0214 21.6246 21.531 21.8108 21.0229 21.8114H9.02745C8.45642 21.8136 7.8928 21.6821 7.38173 21.4274L6.06516 20.7691' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_2' d='M6.04688 9.1748V20.7131' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_3' d='M1.71507 9.1748H6.04878V20.7131H1.71507C1.47258 20.7131 1.24003 20.6168 1.06857 20.4453C0.897107 20.2738 0.800781 20.0413 0.800781 19.7988V10.0891C0.800781 9.84661 0.897107 9.61405 1.06857 9.44259C1.24003 9.27113 1.47258 9.1748 1.71507 9.1748V9.1748Z' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.onboarding_wrap .btn_dislike.is_selected .ico_dislike,
.onboarding_wrap .btn_like.is_selected .ico_dislike {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='interface-favorite-dislike-1--reward-down-thumb-hand-social-media-dislike-rating--Streamline-Core' clip-path='url(%23clip0_119_59611)'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M6.3125 15.8337L10.9571 23.2577C11.1371 23.5511 11.39 23.7929 11.6912 23.9596C11.9925 24.1262 12.3317 24.212 12.6759 24.2086C12.947 24.2183 13.2173 24.1737 13.4709 24.0772C13.7244 23.9807 13.9561 23.8344 14.1521 23.6469C14.3482 23.4594 14.5046 23.2345 14.6123 22.9855C14.7199 22.7365 14.7765 22.4684 14.7788 22.1971V16.876H22.8062C23.1028 16.8664 23.3941 16.7941 23.6607 16.6638C23.9274 16.5336 24.1635 16.3484 24.3535 16.1204C24.5435 15.8925 24.6831 15.6268 24.7631 15.341C24.8431 15.0553 24.8617 14.7558 24.8176 14.4623L23.3548 5.02684C23.2924 4.52259 23.048 4.05849 22.6675 3.72177C22.287 3.38504 21.7966 3.19888 21.2885 3.19827H9.29307C8.72204 3.19603 8.15843 3.32754 7.64736 3.58227L6.33079 4.24056' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_2' d='M6.3125 15.8361V4.29785' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_3' d='M1.98069 4.29785H6.31441V15.8361H1.98069C1.73821 15.8361 1.50566 15.7398 1.33419 15.5683C1.16273 15.3969 1.06641 15.1643 1.06641 14.9219V5.21214C1.06641 4.96965 1.16273 4.7371 1.33419 4.56564C1.50566 4.39418 1.73821 4.29785 1.98069 4.29785V4.29785Z' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_59611'%3E%3Crect width='25.6' height='25.6' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.onboarding_wrap .ico_dislike,
.onboarding_wrap .ico_like {
  width: 26px;
  height: 26px;
  background: 50% 50%/contain no-repeat;
}
.onboarding_wrap .ico_dislike {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='interface-favorite-dislike-1--reward-down-thumb-hand-social-media-dislike-rating--Streamline-Core' clip-path='url(%23clip0_119_59611)'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M6.3125 15.8337L10.9571 23.2577C11.1371 23.5511 11.39 23.7929 11.6912 23.9596C11.9925 24.1262 12.3317 24.212 12.6759 24.2086C12.947 24.2183 13.2173 24.1737 13.4709 24.0772C13.7244 23.9807 13.9561 23.8344 14.1521 23.6469C14.3482 23.4594 14.5046 23.2345 14.6123 22.9855C14.7199 22.7365 14.7765 22.4684 14.7788 22.1971V16.876H22.8062C23.1028 16.8664 23.3941 16.7941 23.6607 16.6638C23.9274 16.5336 24.1635 16.3484 24.3535 16.1204C24.5435 15.8925 24.6831 15.6268 24.7631 15.341C24.8431 15.0553 24.8617 14.7558 24.8176 14.4623L23.3548 5.02684C23.2924 4.52259 23.048 4.05849 22.6675 3.72177C22.287 3.38504 21.7966 3.19888 21.2885 3.19827H9.29307C8.72204 3.19603 8.15843 3.32754 7.64736 3.58227L6.33079 4.24056' stroke='%23000001' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_2' d='M6.3125 15.8361V4.29785' stroke='%23000001' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_3' d='M1.98069 4.29785H6.31441V15.8361H1.98069C1.73821 15.8361 1.50566 15.7398 1.33419 15.5683C1.16273 15.3969 1.06641 15.1643 1.06641 14.9219V5.21214C1.06641 4.96965 1.16273 4.7371 1.33419 4.56564C1.50566 4.39418 1.73821 4.29785 1.98069 4.29785V4.29785Z' stroke='%23000001' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_59611'%3E%3Crect width='25.6' height='25.6' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.onboarding_wrap .card_image .ico_like {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M6.04688 9.17598L10.6914 1.75198C10.8714 1.45855 11.1244 1.21674 11.4256 1.0501C11.7268 0.883466 12.0661 0.797689 12.4103 0.801126V0.801126C12.6814 0.79134 12.9517 0.836 13.2053 0.932467C13.4588 1.02893 13.6905 1.17525 13.8865 1.36276C14.0825 1.55028 14.239 1.77519 14.3466 2.0242C14.4543 2.27322 14.5109 2.54128 14.5132 2.81255V8.1337H22.5406C22.8372 8.14332 23.1284 8.21561 23.3951 8.34583C23.6618 8.47605 23.8979 8.66124 24.0879 8.88923C24.2779 9.11722 24.4175 9.38285 24.4975 9.66864C24.5775 9.95443 24.596 10.2539 24.552 10.5474L23.0892 19.9828C23.0268 20.4871 22.7823 20.9512 22.4018 21.2879C22.0214 21.6246 21.531 21.8108 21.0229 21.8114H9.02745C8.45642 21.8136 7.8928 21.6821 7.38173 21.4274L6.06516 20.7691' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_2' d='M6.04688 9.1748V20.7131' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_3' d='M1.71507 9.1748H6.04878V20.7131H1.71507C1.47258 20.7131 1.24003 20.6168 1.06857 20.4453C0.897107 20.2738 0.800781 20.0413 0.800781 19.7988V10.0891C0.800781 9.84661 0.897107 9.61405 1.06857 9.44259C1.24003 9.27113 1.47258 9.1748 1.71507 9.1748V9.1748Z' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.onboarding_wrap .ico_like {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='interface-favorite-like-1--reward-social-up-rating-media-like-thumb-hand--Streamline-Core' clip-path='url(%23clip0_119_59617)'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M6.3125 10.5041L10.9571 3.08011C11.1371 2.78667 11.39 2.54486 11.6912 2.37823C11.9925 2.21159 12.3317 2.12581 12.6759 2.12925V2.12925C12.947 2.11947 13.2173 2.16413 13.4709 2.26059C13.7244 2.35706 13.9561 2.50337 14.1521 2.69089C14.3482 2.8784 14.5046 3.10331 14.6123 3.35233C14.7199 3.60134 14.7765 3.86941 14.7788 4.14068V9.46182H22.8062C23.1028 9.47144 23.3941 9.54374 23.6607 9.67396C23.9274 9.80418 24.1635 9.98937 24.3535 10.2174C24.5435 10.4453 24.6831 10.711 24.7631 10.9968C24.8431 11.2826 24.8617 11.582 24.8176 11.8755L23.3548 21.311C23.2924 21.8152 23.048 22.2793 22.6675 22.616C22.287 22.9528 21.7966 23.1389 21.2885 23.1395H9.29307C8.72204 23.1418 8.15843 23.0103 7.64736 22.7555L6.33079 22.0973' stroke='%23000001' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_2' d='M6.3125 10.5029V22.0412' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Vector_3' d='M1.98069 10.5029H6.31441V22.0412H1.98069C1.73821 22.0412 1.50566 21.9449 1.33419 21.7734C1.16273 21.602 1.06641 21.3694 1.06641 21.1269V11.4172C1.06641 11.1747 1.16273 10.9422 1.33419 10.7707C1.50566 10.5993 1.73821 10.5029 1.98069 10.5029V10.5029Z' stroke='%23000001' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_59617'%3E%3Crect width='25.6' height='25.6' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.onboarding_wrap .btn {
  min-width: 180px;
  height: 48px;
  margin: 40px auto 0;
  padding: 10px 20px 11px;
  border-radius: 8px;
  background: rgba(17, 17, 17, 0.3);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
}
@media (min-width: 986px) {
  .onboarding_wrap .btn {
    height: 54px;
    padding: 6px 20px 8px;
  }
}
.onboarding_wrap .btn.is_active {
  background: #f6330a;
}
@media (max-width: 985px) {
  .onboarding_wrap .jswiper_pagination {
    margin: 20px auto 24px;
  }
  .onboarding_wrap .jswiper_pagination .bullet_indicator {
    margin: 0 9px;
  }
  .onboarding_wrap .jswiper_pagination button {
    display: block;
    width: 28px;
    height: 28px;
  }
  .onboarding_wrap .jswiper_pagination button [class*=ico_] {
    width: 28px;
    height: 28px;
  }
  .onboarding_wrap .jswiper_pagination button [class*=ico_] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Group 1597882251'%3E%3Cg id='Group 1597883739'%3E%3Cpath id='Vector 115' d='M15.8984 19.0029L10.9984 14.1029L15.8984 9.20294' stroke='%23111111' stroke-width='1.3'%3E%3C/path%3E%3C/g%3E%3Cpath id='Ellipse 90' d='M14 27.3496C6.627 27.3496 0.650396 21.373 0.650395 14C0.650395 6.627 6.627 0.650397 14 0.650399C21.373 0.650401 27.3496 6.62701 27.3496 14C27.3496 21.373 21.373 27.3496 14 27.3496Z' stroke='black' stroke-opacity='0.1' stroke-width='1.3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  }
  .onboarding_wrap .jswiper_pagination button[aria-disabled=true] [class*=ico_] {
    opacity: 0.2;
  }
}
.onboarding_wrap::before {
  bottom: 0;
  height: 100%;
  background: #E2DED2;
  z-index: -1;
}
.onboarding_wrap.is_loading .onboarding_header,
.onboarding_wrap.is_loading .list,
.onboarding_wrap.is_loading .onboarding_list,
.onboarding_wrap.is_loading .jswiper_pagination,
.onboarding_wrap.is_loading .btn,
.onboarding_wrap.is_loading .onboarding_actions {
  opacity: 0.1;
}
.onboarding_wrap .section_header {
  margin-bottom: 0;
  text-align: center;
  flex-direction: column;
}
.onboarding_wrap .section_header strong {
  display: block;
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.44px;
}
.onboarding_wrap .section_header p {
  margin-top: 6px;
  color: #111;
  font-size: 14px;
  line-height: 1.44;
  letter-spacing: -0.28px;
}
@media (min-width: 986px) {
  .onboarding_wrap .section_header strong {
    font-size: 30px;
    line-height: 1.6;
    letter-spacing: -0.6px;
  }
  .onboarding_wrap .section_header p {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
}

.onboarding_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.4px;
  text-align: center;
  pointer-events: none;
}
@media (min-width: 986px) {
  .onboarding_loading {
    gap: 8px;
    color: #111;
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: -0.48px;
  }
}

.ico_loading {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(0, 0, 0, 0.18);
  border-top-color: #111;
  border-radius: 50%;
  animation: onboardingLoadingSpin 0.9s linear infinite;
}

@keyframes onboardingLoadingSpin {
  to {
    transform: rotate(360deg);
  }
}
.interest {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 651px;
  margin-top: 0;
  padding: 50px 20px 40px;
}
@media (min-width: 986px) {
  .interest {
    max-height: 639px;
    min-height: 639px;
    padding: 60px 45px;
  }
}
.interest .onboarding_body {
  position: relative;
  width: 100%;
  height: 410px;
  margin-top: 30px;
}
@media (min-width: 986px) {
  .interest .onboarding_body {
    height: 354px;
    margin-top: 30px;
  }
}
.interest .card_button .card_like {
  display: none;
}
.interest.is_active .onboarding_body {
  margin-top: 0;
}
@media (max-width: 985px) {
  .interest.is_active .onboarding_body {
    height: 450px;
  }
}
@media (max-width: 985px) {
  .interest.is_active button.btn_next {
    display: none;
  }
}
@media (min-width: 986px) {
  .interest.is_active .onboarding_body {
    margin-top: 40px;
  }
  .interest.is_active .card.is_selected {
    border-color: #f6330a;
  }
  .interest.is_active .card_like {
    display: flex;
  }
  .interest.is_active .card.is_selected .card_like {
    background: #f6330a;
  }
}
.interest .jswiper_pagination {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  order: -1;
  margin-bottom: 25px;
}
@media (min-width: 986px) {
  .interest .jswiper_pagination {
    margin-bottom: 0;
  }
}
.interest .jswiper_pagination button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: none;
  transform: none;
}
.interest .jswiper_pagination .pagination {
  display: flex;
  align-items: center;
  gap: 0;
  color: #999;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.44;
  letter-spacing: -0.3px;
  margin: 0;
}
.interest .jswiper_pagination .pagination strong {
  color: #000;
}
.interest .jswiper_pagination .pagination .pagination_progress {
  display: block;
  overflow: hidden;
  width: 217px;
  height: 3px;
  margin-right: 13px;
  background: rgba(0, 0, 0, 0.1);
}
.interest .jswiper_pagination .pagination .pagination_progress i {
  display: block;
  width: 0;
  height: 100%;
  background: #000;
  transition: width 0.35s ease;
}
@media (max-width: 985px) {
  .interest:not(.is_active) .jswiper_pagination {
    display: none;
  }
}
.interest .onboarding_list {
  position: relative;
  height: 100%;
  overflow: visible;
  width: 100%;
  justify-content: flex-start;
  margin: 0;
}
.interest .onboarding_list .card {
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: 2;
  flex: 0 0 290px;
  width: 290px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%) rotate(0deg);
  transition: left 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease;
}
@media (min-width: 986px) {
  .interest .onboarding_list .card {
    flex-basis: 246px;
    width: 246px;
  }
}
.interest .onboarding_list .card:nth-child(1) {
  z-index: 1;
  opacity: 1;
  transform: translateX(calc(-50% - 4px)) rotate(-7deg);
}
@media (max-width: 985px) {
  .interest .onboarding_list .card:nth-child(1) {
    opacity: 0.6;
  }
}
.interest .onboarding_list .card:nth-child(2) {
  z-index: 1;
  opacity: 1;
  transform: translateX(calc(-50% + 4px)) rotate(7deg);
}
@media (max-width: 985px) {
  .interest .onboarding_list .card:nth-child(2) {
    opacity: 0.6;
  }
}
.interest .onboarding_list .card:nth-child(3), .interest .onboarding_list .card:nth-child(n+5) {
  opacity: 0;
  pointer-events: none;
}
.interest .onboarding_list .card:nth-child(4) {
  z-index: 3;
}
.interest .onboarding_actions {
  display: none;
}
.interest:not(.is_active) .card_button {
  cursor: default;
}
.interest .btn {
  margin-top: 10px;
  background: #f6330a;
}
.interest.is_active .onboarding_list {
  overflow: hidden;
}
.interest.is_active .onboarding_list .card {
  opacity: 1;
  pointer-events: auto;
  box-shadow: none;
  transform: translateX(-50%) rotate(0deg);
}
@media (max-width: 985px) {
  .interest.is_active .onboarding_list {
    transform: none !important;
    height: 342px;
  }
  .interest.is_active .onboarding_list .card {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 290px;
    background: #fff;
    cursor: grab;
    user-select: none;
    opacity: 1;
    pointer-events: auto;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s, filter 0.5s;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  .interest.is_active .card.is_dragging {
    cursor: grabbing;
    transition: none;
  }
  .interest.is_active .card_button {
    width: 100%;
    height: 100%;
  }
  .interest.is_active .jswiper_pagination,
  .interest.is_active .onboarding_actions {
    display: flex;
  }
}
.interest.is_active .btn {
  display: none;
}
@media (min-width: 986px) {
  .interest.is_active .btn {
    display: block;
    margin-top: 40px;
    cursor: default;
    background: rgba(17, 17, 17, 0.3);
  }
}
.interest.has_selection .btn {
  background: #f6330a;
  cursor: pointer;
}
@media (min-width: 986px) {
  .interest .onboarding_list .card {
    top: 20px;
  }
  .interest .onboarding_list .card:nth-child(1) {
    transform: translateX(calc(-50% - 331px)) rotate(4.94deg);
  }
  .interest .onboarding_list .card:nth-child(2) {
    transform: translateX(calc(-50% - 205px)) rotate(-17.82deg);
  }
  .interest .onboarding_list .card:nth-child(3) {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(calc(-50% - 17px)) rotate(6.73deg);
  }
  .interest .onboarding_list .card:nth-child(4) {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(calc(-50% + 160px)) rotate(16.9deg);
  }
  .interest .onboarding_list .card:nth-child(5) {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(calc(-50% + 318px)) rotate(-10.33deg);
  }
  .interest .onboarding_list .card:nth-child(n+6) {
    opacity: 0;
    pointer-events: none;
  }
  .interest .jswiper_pagination button {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
  }
  .interest.is_active .onboarding_body {
    height: 314px;
  }
  .interest.is_active .onboarding_list {
    display: flex;
    gap: 18px;
    height: auto;
    overflow: visible;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .interest.is_active .onboarding_list .card {
    position: relative;
    top: 0;
    left: auto;
    flex: 0 0 246px;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}

@media (min-width: 1920px) {
  .onboarding_body .onboarding_list {
    justify-content: center;
    transform: none !important;
    transition: none !important;
  }
}
.complete {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-height: 651px;
  text-align: center;
}
.complete .complete_body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 986px) {
  .complete {
    max-height: 639px;
    min-height: 639px;
  }
}
.complete .ico_complete {
  position: relative;
  display: block;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: #000;
}
.complete .ico_complete::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 18px;
  width: 28px;
  height: 17px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}
.complete .ico_book {
  width: 64px;
  height: 64px;
  margin-bottom: 22px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Frame 1597884193'%3E%3Crect width='64' height='64' rx='32' fill='black'%3E%3C/rect%3E%3Cg id='Group 1597884389'%3E%3Cg id='Group 1597884388'%3E%3Cg id='Group 1597884387'%3E%3Cg id='Group 1597884385'%3E%3Cpath id='Vector' d='M31.8419 19.0469V16.9414M25.9615 21.5885L24.4727 20.0997M37.8726 21.5885L39.3614 20.0997' stroke='white' stroke-width='1.69412' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group 1597884387_2'%3E%3Cpath id='Vector_2' d='M32.0007 32.889V46.489M32.0007 46.489L31.1493 45.3262C30.3928 44.2927 30.0133 43.7744 29.5115 43.3988C29.0654 43.0649 28.55 42.8147 27.9975 42.6619C27.3734 42.4893 26.6861 42.4893 25.311 42.4893H21.1637C20.3454 42.4893 19.9363 42.4893 19.6234 42.3441C19.348 42.2162 19.1242 42.0117 18.9838 41.7609C18.8242 41.4756 18.8242 41.1028 18.8242 40.3561V28.6227C18.8242 27.876 18.8242 27.5023 18.9838 27.2171C19.1242 26.9662 19.348 26.7624 19.6234 26.6346C19.9366 26.4893 20.3462 26.4893 21.1661 26.4893H24.9727C27.4325 26.4893 28.6627 26.4893 29.6022 26.9252C30.4287 27.3087 31.1006 27.9209 31.5217 28.6735C32.0004 29.5291 32.0007 30.6488 32.0007 32.889C32.0007 30.6488 32.0007 29.5291 32.4794 28.6735C32.9005 27.9209 33.5719 27.3087 34.3984 26.9252C35.3379 26.4893 36.568 26.4893 39.0279 26.4893H42.8344C43.6543 26.4893 44.0646 26.4893 44.3778 26.6346C44.6533 26.7624 44.8767 26.9662 45.017 27.2171C45.1766 27.5023 45.1772 27.876 45.1772 28.6227V40.3561C45.1772 41.1028 45.1766 41.4756 45.017 41.7609C44.8767 42.0117 44.6537 42.2162 44.3783 42.3441C44.0654 42.4893 43.656 42.4893 42.8377 42.4893H38.6904C37.3154 42.4893 36.6266 42.4893 36.0025 42.6619C35.45 42.8147 34.9371 43.0649 34.491 43.3988C33.9871 43.7759 33.6053 44.2969 32.8426 45.3389L32.0007 46.489Z' stroke='white' stroke-width='1.69412' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.complete .ico_book + strong {
  font-size: 18px;
}
.complete strong {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.4px;
}
.complete p {
  margin-top: 4px;
  color: #111;
  font-size: 14px;
  line-height: 1.44;
  letter-spacing: -0.28px;
}
.complete .btn {
  margin-top: 26px;
  background: #f6330a;
}
.complete .btn_prev_screen {
  margin-top: auto;
  padding: 0;
  border: 0;
  background: none;
  color: #666;
  font-size: 15px;
  line-height: 1.44;
  letter-spacing: -0.3px;
  text-decoration: underline;
}

@media (max-width: 985px) {
  .espresso_wrap .btn_text {
    position: absolute;
    top: 4px;
    right: 0;
  }
}
@media (max-width: 985px) {
  .espresso_wrap .title {
    display: block;
  }
}
.espresso_wrap .title span {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
@media (min-width: 986px) {
  .espresso_wrap .title span {
    display: flex;
    align-items: center;
    margin-left: 6px;
    margin-top: 0;
  }
}
.espresso_wrap .tab_list {
  position: relative;
}
@media (max-width: 985px) {
  .espresso_wrap .tab_list {
    padding: 4px 0 20px;
    border-radius: 10px;
  }
  .espresso_wrap .tab_list .tabs_panel::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    bottom: 0;
    background-color: #f3f4f6;
  }
}
@media (min-width: 986px) {
  .espresso_wrap .tab_list {
    display: flex;
    gap: 0 20px;
  }
}
.espresso_wrap .tab_item {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 985px) {
  .espresso_wrap .tab_item:first-child .tab {
    left: 0;
  }
  .espresso_wrap .tab_item:nth-child(2) .tab {
    right: 0;
  }
  .espresso_wrap .tab_item:only-child .tab {
    right: 0;
    width: 100%;
    text-align: left;
  }
}
@media (min-width: 986px) {
  .espresso_wrap .tab_item {
    width: 50%;
    padding: 16px 20px 20px;
    background-color: #f3f4f6;
  }
  .espresso_wrap .tab_item:only-child {
    width: 100%;
  }
}
.espresso_wrap .tab_item:only-child .tab::after {
  display: none;
}
.espresso_wrap .tab {
  width: 100%;
  padding-bottom: 12px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
@media (max-width: 985px) {
  .espresso_wrap .tab {
    position: absolute;
    top: 12px;
    width: 50%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 15px;
    text-align: center;
  }
  .espresso_wrap .tab[aria-selected=true]::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 2px solid #111;
    z-index: 1;
  }
  .espresso_wrap .tab[aria-selected=false] {
    font-weight: 400;
  }
}
@media (min-width: 986px) {
  .espresso_wrap .tab {
    cursor: default;
  }
}
.espresso_wrap .brand_label {
  display: block;
  position: relative;
  margin-bottom: 20px;
  margin-top: 50px;
  color: #666;
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 986px) {
  .espresso_wrap .brand_label {
    position: absolute;
    right: 0;
    top: -46px;
    margin-top: 12px;
    margin-bottom: 0;
    padding-bottom: 4px;
  }
}
.espresso_wrap .brand_label em {
  position: relative;
  margin-right: 8px;
  padding: 0 9px 0 25px;
  color: #111;
  font-weight: 700;
  background-position: 0 center;
  background-size: 20px auto;
  background-repeat: no-repeat;
}
.espresso_wrap .brand_label em:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.2);
}
.espresso_wrap .brand_label em.ico_e {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Economist_symbol' clip-path='url(%23clip0_1646_26934)'%3E%3Cpath id='Vector' d='M20.0169 0C8.9353 0 0 8.9353 0 19.9845C0 31.0337 8.9353 40.0014 20.0169 40.0014C31.0986 40.0014 40.0014 31.0337 40.0014 19.9845C40.0014 8.9353 31.0337 0 20.0169 0Z' fill='%23E30613'%3E%3C/path%3E%3Cpath id='Vector_2' d='M22.1269 30.8088H20.7172C18.4114 30.8088 17.8032 30.1357 17.8032 28.6314V20.1759L21.3254 20.3354C23.0554 20.4313 23.6947 20.7841 24.0474 23.3778H25.2328V15.5954H24.0474C23.6947 18.2215 23.054 18.6702 21.3254 18.7337L17.8032 18.8932V11.3676C17.8032 9.79842 18.5073 9.19023 20.3009 9.19023H22.7986C25.6166 9.19023 26.1289 10.3756 26.8344 13.3531H28.1157V7.74805H10.9182V8.86849C12.7118 9.25232 13.5444 9.89297 13.5444 11.2067V28.6286C13.5444 30.1343 12.7118 30.7425 10.7588 31.1588V32.2792H28.405L29.1092 25.8416H27.6684C26.579 29.5882 26.1317 30.806 22.1283 30.806L22.1269 30.8088Z' fill='white'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1646_26934'%3E%3Crect width='40' height='40' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.espresso_wrap .brand_label em.ico_plus {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='ico_comments'%3E%3Ccircle id='Ellipse 27' cx='10' cy='10' r='10' fill='%2318181D'%3E%3C/circle%3E%3Cg id='Group 1597881142'%3E%3Cpath id='Vector' d='M16.9306 10.3057C16.2975 9.98518 16.0032 9.75179 16.0032 9.39183C15.9991 9.32754 16.0084 9.2631 16.0305 9.20261C16.0527 9.14212 16.0873 9.08691 16.132 9.04051C16.1767 8.99412 16.2306 8.95755 16.2902 8.93314C16.3499 8.90873 16.414 8.89702 16.4784 8.89875C16.5742 8.89894 16.6688 8.92147 16.7544 8.96455C16.84 9.00764 16.9144 9.07008 16.9717 9.14694L17.5784 9.88328H17.7001V8.75411C17.3178 8.71303 16.9336 8.69218 16.5491 8.69165C15.7878 8.6785 14.9344 9.1946 14.9344 9.8767C14.9344 10.5588 15.5823 10.876 16.0657 11.1242C16.582 11.3888 16.8697 11.5417 16.8697 11.946C16.8753 12.0293 16.863 12.1129 16.8336 12.1911C16.8043 12.2692 16.7586 12.3403 16.6996 12.3994C16.6406 12.4585 16.5697 12.5044 16.4916 12.5339C16.4134 12.5634 16.3299 12.5759 16.2465 12.5706C16.0328 12.5706 15.8864 12.4917 15.653 12.2567C15.4168 11.9794 15.2082 11.68 15.0298 11.3625H14.918V12.6265C15.3704 12.7401 15.8361 12.7916 16.3024 12.7793C17.0572 12.7793 17.9467 12.3224 17.9467 11.4496C17.9385 10.8579 17.4962 10.5933 16.9306 10.3057Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_2' d='M5.02687 7.32227H2.60156V7.44389L3.11621 7.95013V12.1003L2.60156 12.5934V12.6854H4.9167V12.5934L4.39546 12.1003V10.4451H5.02687C5.94602 10.4451 7.0855 10.0441 7.0855 8.8837C7.0855 7.72331 6.11045 7.32227 5.02687 7.32227ZM4.69802 10.2446H4.39546V7.52278H4.69965C5.28173 7.52278 5.72404 8.00272 5.72404 8.8837C5.72404 9.76468 5.19951 10.2446 4.69965 10.2446H4.69802Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_3' d='M9.0883 12.1287V6.90039H8.98143L7.28125 7.32938V7.43621L7.83702 7.71398V12.1287L7.31578 12.5939V12.6859H9.60955V12.5939L9.0883 12.1287Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_4' d='M13.8983 8.60938H13.7914L12.0896 9.03836V9.14519L12.647 9.42297V11.9952C12.4783 12.0482 12.3025 12.0748 12.1257 12.0741C11.6752 12.0741 11.4532 11.895 11.4532 11.3953V8.60938H11.3447L9.64453 9.03836V9.14519L10.2019 9.42297V11.4446C10.2019 12.3305 10.8301 12.7595 11.5174 12.7595C11.5815 12.7595 11.6242 12.7447 11.8824 12.5952L12.6388 12.1892V12.7529H12.7473L14.4475 12.3897V12.2829L13.8901 11.9541L13.8983 8.60938Z' fill='white'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.espresso_wrap .tabs_panel {
  position: relative;
}
@media (max-width: 985px) {
  .espresso_wrap .tabs_panel {
    display: none;
    margin-top: 84px;
    padding: 0 20px 20px;
  }
}
.espresso_wrap .tabs_panel ul {
  position: relative;
  padding: 4px 16px 16px;
  background-color: #fff;
}
.espresso_wrap .tabs_panel li {
  position: relative;
  margin-top: 16px;
  padding-left: 9px;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (min-width: 986px) {
  .espresso_wrap .tabs_panel li {
    margin-top: 12px;
  }
}
.espresso_wrap .tabs_panel li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #999;
  border-radius: 100%;
}
.espresso_wrap.banner_type .title {
  margin-bottom: 0;
}
.espresso_wrap.banner_type .title_area {
  margin-bottom: 20px;
}
.espresso_wrap.banner_type .body {
  background-color: #f3f4f6;
}
.espresso_wrap.banner_type .body a {
  display: block;
}
.espresso_wrap.banner_type .body div,
.espresso_wrap.banner_type .body strong {
  display: flex;
  justify-content: center;
  padding: 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.espresso_wrap.banner_type .body div span,
.espresso_wrap.banner_type .body strong span {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.espresso_wrap.banner_type .body div {
  flex-direction: column;
}
.espresso_wrap.banner_type .body div strong {
  padding: 0;
}
.espresso_wrap.banner_type .body div > span {
  display: block;
  margin-top: 4px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
.espresso_wrap.banner_type .body .briefingLink {
  display: flex;
  align-items: center;
  padding: 13.5px 20px;
  color: #fff;
  font-size: 13px;
  line-height: 21px;
  background-color: #441b19;
}
.espresso_wrap.banner_type .body .briefingLink::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='Arrow/1px/black_up'%3E%3Cpath id='Path 7' d='M3.40002 10.7998L8.20003 5.94282L3.40003 1.1998' stroke='white'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 0 0/100% auto no-repeat;
}
.espresso_wrap.banner_type .layer_info {
  right: 0;
  top: 26px;
  width: 320px;
  padding: 30px;
}
.espresso_wrap.banner_type .layer_info p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #333;
}
.espresso_wrap.banner_type .layer_info .btn_close {
  position: absolute;
  font-size: 0;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}
.espresso_wrap.banner_type .layer_info .ico_close {
  width: 20px;
  height: 20px;
}
.espresso_wrap.banner_type .layer_info strong {
  display: block;
  margin-bottom: 10px;
}
.espresso_wrap.banner_type .btn_info {
  position: absolute;
  top: 8px;
  right: 0;
}
.espresso_wrap.banner_type .ico_info {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='ic/info/20px'%3E%3Cpath id='Oval' d='M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 0.959961C4.11192 0.959961 0.959961 4.11192 0.959961 8C0.959961 11.8881 4.11192 15.04 8 15.04C11.8881 15.04 15.04 11.8881 15.04 8C15.04 4.11192 11.8881 0.959961 8 0.959961Z' fill='%23979797'%3E%3C/path%3E%3Crect id='Rectangle Copy 20' x='7.40002' y='6.7998' width='1.2' height='4.8' fill='%23999999'%3E%3C/rect%3E%3Ccircle id='Oval Copy 25' cx='7.99995' cy='5.1999' r='0.8' fill='%23999999'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}
.espresso_wrap.banner_type .layer_info strong {
  font-size: 16px;
}

@media (min-width: 986px) and (max-width: 1279px) {
  .espresso_wrap .tab_list {
    flex-direction: column;
  }
  .espresso_wrap .tab_item {
    width: 100%;
  }
  .espresso_wrap .tab_item:not(:only-child):last-child {
    margin-top: 24px;
  }
}
.shortcut {
  padding: 0;
  background: #f9f9f9;
}
.shortcut::before {
  bottom: 0;
  height: 100%;
  background: #f9f9f9;
}
.shortcut .shortcut_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  position: relative;
  padding: 30px 20px;
  background: #f9f9f9;
}
.shortcut .shortcut_group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
}
.shortcut .shortcut_group + .shortcut_group {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.shortcut .title {
  color: #111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.4px;
}
.shortcut .shortcut_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 6px;
  justify-content: center;
}
.shortcut a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #fff;
  color: #111;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
}
.shortcut .topic_list {
  gap: 8px 6px;
}
.shortcut .topic_list a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (min-width: 986px) {
  .shortcut {
    margin-bottom: 80px;
    background: #fff;
  }
  .shortcut .shortcut_inner {
    gap: 30px;
    padding: 40px 0 60px;
  }
  .shortcut .shortcut_group {
    width: 100%;
  }
  .shortcut .shortcut_group + .shortcut_group {
    padding-top: 30px;
  }
  .shortcut .title {
    font-size: 24px;
  }
  .shortcut a {
    border: 0;
  }
}
@media (min-width: 1200px) {
  .shortcut .shortcut_group > div {
    max-width: 1200px;
  }
}
.info_links {
  position: relative;
}
.info_links:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.info_links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.info_links a {
  display: flex;
  align-items: center;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.26px;
  text-decoration: none;
  white-space: nowrap;
}
.info_links i {
  position: relative;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
}
.info_links i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #1d1d1d;
  transform: translate(-50%, -50%);
}
.info_links .ico_paper::before {
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='ic_newspaper'%3E%3Cpath id='Vector 1' d='M7.5 12.5H17.5' stroke='%231D1D1D' stroke-width='1.5'%3E%3C/path%3E%3Cpath id='Vector 3' d='M7.5 8.75H13.75' stroke='%231D1D1D' stroke-width='1.5'%3E%3C/path%3E%3Cpath id='Vector 2' d='M7.5 16.25H17.5' stroke='%231D1D1D' stroke-width='1.5'%3E%3C/path%3E%3Cpath id='Path' d='M20 4.25C20.4142 4.25 20.75 4.58579 20.75 5V20C20.75 20.4142 20.4142 20.75 20 20.75H5C4.58579 20.75 4.25 20.4142 4.25 20V5C4.25 4.58579 4.58579 4.25 5 4.25H20Z' stroke='%231D1D1D' stroke-width='1.5' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
.info_links .ico_guide::before {
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='ic_guide'%3E%3Cpath id='Rectangle 1422' d='M3.75 5.625C3.75 5.625 5.39121 5.625 8.43809 5.625C11.485 5.625 12.5006 8.125 12.5006 8.125V19.0229C12.5006 19.1406 12.3345 19.2099 12.2417 19.1376C11.7762 18.7751 10.6354 18.125 8.43809 18.125C5.39121 18.125 3.75 18.125 3.75 18.125V5.625Z' stroke='%23111111' stroke-width='1.33333' stroke-linejoin='round'%3E%3C/path%3E%3Cpath id='Rectangle 1423' d='M12.5001 8.125C12.5001 8.125 13.5157 5.625 16.5626 5.625C19.6095 5.625 21.2501 5.625 21.2501 5.625V18.125C21.2501 18.125 19.6095 18.125 16.5626 18.125C14.3653 18.125 13.2243 18.7751 12.7589 19.1376C12.6661 19.21 12.5 19.1406 12.5 19.0229L12.5001 8.125Z' stroke='%23111111' stroke-width='1.33333' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
.info_links .ico_brand::before {
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='icon' clip-path='url(%23clip0_152_73392)'%3E%3Cg id='Group 3150'%3E%3Cpath id='Union' d='M16.25 17.7432L15.916 17.1662C15.7101 17.2854 15.5833 17.5052 15.5833 17.7432H16.25ZM16.25 20.4199V21.0866C16.6182 21.0866 16.9167 20.7881 16.9167 20.4199H16.25ZM8.75 20.4199H8.08333C8.08333 20.7881 8.38181 21.0866 8.75 21.0866V20.4199ZM8.75 17.7432H9.41667C9.41667 17.5052 9.28987 17.2854 9.08395 17.1662L8.75 17.7432ZM12.5 3.75V4.41667C16.2739 4.41667 19.3333 7.47605 19.3333 11.25H20H20.6667C20.6667 6.73967 17.0103 3.08333 12.5 3.08333V3.75ZM20 11.25H19.3333C19.3333 13.7774 17.96 15.9832 15.916 17.1662L16.25 17.7432L16.584 18.3202C19.0219 16.9091 20.6667 14.2735 20.6667 11.25H20ZM16.25 17.7432H15.5833V20.4199H16.25H16.9167V17.7432H16.25ZM16.25 20.4199V19.7533H8.75V20.4199V21.0866H16.25V20.4199ZM8.75 20.4199H9.41667V17.7432H8.75H8.08333V20.4199H8.75ZM8.75 17.7432L9.08395 17.1662C7.04002 15.9832 5.66667 13.7774 5.66667 11.25H5H4.33333C4.33333 14.2735 5.97813 16.9091 8.41605 18.3202L8.75 17.7432ZM5 11.25H5.66667C5.66667 7.47605 8.72605 4.41667 12.5 4.41667V3.75V3.08333C7.98967 3.08333 4.33333 6.73967 4.33333 11.25H5Z' fill='%23111111'%3E%3C/path%3E%3Cg id='Rectangle 34624927'%3E%3Cmask id='path-2-inside-1_152_73392' fill='white'%3E%3Cpath d='M8.5 23.2448C8.5 22.8766 8.79848 22.5781 9.16667 22.5781H15.8333C16.2015 22.5781 16.5 22.8766 16.5 23.2448C16.5 23.613 16.2015 23.9115 15.8333 23.9115H9.16667C8.79848 23.9115 8.5 23.613 8.5 23.2448Z'%3E%3C/path%3E%3C/mask%3E%3Cpath d='M9.16667 22.5781V23.9115H15.8333V22.5781V21.2448H9.16667V22.5781ZM15.8333 23.9115V22.5781H9.16667V23.9115V25.2448H15.8333V23.9115ZM9.16667 23.9115V22.5781C9.53486 22.5781 9.83333 22.8766 9.83333 23.2448H8.5H7.16667C7.16667 24.3494 8.0621 25.2448 9.16667 25.2448V23.9115ZM16.5 23.2448H15.1667C15.1667 22.8766 15.4651 22.5781 15.8333 22.5781V23.9115V25.2448C16.9379 25.2448 17.8333 24.3494 17.8333 23.2448H16.5ZM15.8333 22.5781V23.9115C15.4651 23.9115 15.1667 23.613 15.1667 23.2448H16.5H17.8333C17.8333 22.1402 16.9379 21.2448 15.8333 21.2448V22.5781ZM9.16667 22.5781V21.2448C8.0621 21.2448 7.16667 22.1402 7.16667 23.2448H8.5H9.83333C9.83333 23.613 9.53486 23.9115 9.16667 23.9115V22.5781Z' fill='%23111111' mask='url(%23path-2-inside-1_152_73392)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_152_73392'%3E%3Crect width='25' height='25' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
}
.info_links .ico_instagram::before {
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='ic_03_instagram'%3E%3Crect id='Rectangle 1550' x='2.25' y='2.25' width='19.5' height='19.5' rx='3.75' stroke='%231D1D1D' stroke-width='1.5'%3E%3C/rect%3E%3Ccircle id='Ellipse 280' cx='12' cy='12' r='4.5' stroke='%231D1D1D' stroke-width='1.5'%3E%3C/circle%3E%3Ccircle id='Ellipse 281' cx='17.625' cy='6.375' r='1.125' fill='%231D1D1D'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
.info_links .ico_kakao::before {
  width: 15px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cpath id='Vector' d='M10.7429 0.75C5.2111 0.75 0.75 4.41793 0.75 8.87084C0.75 11.7612 2.60582 14.2921 5.38954 15.7373L4.44736 19.3539C4.42959 19.4081 4.42686 19.4663 4.43947 19.522C4.45208 19.5777 4.47952 19.6287 4.51874 19.6693C4.57592 19.7211 4.64949 19.7498 4.72573 19.75C4.78895 19.7448 4.84892 19.7191 4.89704 19.6767L8.95128 16.867C9.54974 16.9519 10.153 16.996 10.7571 16.999C16.2818 16.999 20.75 13.3311 20.75 8.87084C20.75 4.41059 16.2675 0.75 10.7429 0.75Z' stroke='%231D1D1D' stroke-width='1.5'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}
.info_links .text_pc {
  display: none;
}
.info_links .promotion_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 24px;
  padding: 20px;
}
.info_links .promotion_list a {
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  text-align: center;
  line-height: 1.4;
}
.info_links .promotion_list i,
.info_links .promotion_list img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.info_links .sns_list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: center;
  gap: 63px;
  padding: 15px 39px;
}
.info_links .sns_list:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.info_links .sns_list a {
  gap: 8px;
}
.info_links .sns_list i {
  width: 30px;
  height: 30px;
}

@media (min-width: 986px) {
  .info_links {
    padding: 20px 0;
  }
  .info_links .info_links_inner {
    display: flex;
    align-items: center;
    gap: 54px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .info_links a {
    gap: 12px;
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .info_links .text_mobile {
    display: none;
  }
  .info_links .text_pc {
    display: inline;
  }
  .info_links .promotion_list {
    display: flex;
    flex: 1 1 0;
    gap: 20px;
    min-width: 0;
    padding: 0;
  }
  .info_links .promotion_list a {
    flex-direction: row;
    text-align: left;
  }
  .info_links .promotion_list i {
    width: 40px;
    height: 40px;
  }
  .info_links .sns_list {
    display: flex;
    flex-shrink: 0;
    gap: 24px;
    padding: 0;
    border-top: 0;
  }
  .info_links .sns_list i {
    width: 40px;
    height: 40px;
  }
  .info_links .sns_list .ico_instagram::before {
    width: 24px;
    height: 24px;
  }
  .info_links .sns_list .ico_kakao::before {
    width: 20px;
    height: 19px;
  }
  .info_links .sns_list::before {
    display: none;
  }
}
.btn_top {
  background-color: hsla(0, 0%, 100%, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  bottom: 66px;
  display: none;
  height: 40px;
  position: fixed;
  right: 24px;
  width: 40px;
  z-index: 10;
}

.btn_top .ico_btn {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 24V0h24v24z'/%3E%3Cpath fill='%231D1D1D' d='m2.8 15.586 9.192-9.193.011.012.011-.012 9.193 9.193L19.792 17l-7.789-7.789L4.214 17 2.8 15.586z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 20px;
  width: 20px;
}

@media (min-width: 986px) and (max-width: 1200px) {
  .info_links .md_hidden {
    display: none;
  }
}
.banner_wrap {
  width: 100%;
  margin: 30px auto;
  overflow: hidden;
  color: #fff;
}
.banner_wrap.banner_renewal {
  background: #917154;
}
.banner_wrap img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 986px) {
  .banner_wrap {
    margin: 40px 0;
  }
  .banner_wrap picture,
  .banner_wrap img {
    width: 986px;
    height: 120px;
    margin: 0 auto;
  }
}
@media (min-width: 986px) {
  .special_editor_content .section_body {
    display: flex;
    gap: 16px;
  }
}
.special_editor_content .editor_profile {
  position: relative;
  min-width: 0;
}
@media (min-width: 986px) {
  .special_editor_content .editor_profile {
    z-index: 1;
    display: flex;
    flex: 0 0 calc((100% - 32px) / 3);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    background: #f5f5f5;
  }
  .special_editor_content .editor_profile::before, .special_editor_content .editor_profile::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
  }
  .special_editor_content .editor_profile::before {
    left: 0;
    right: -1px;
    background: #f5f5f5;
  }
  .special_editor_content .editor_profile::after {
    left: -100vw;
    right: 100%;
    background: #fff;
  }
}
@media (min-width: 1280px) {
  .special_editor_content .editor_profile {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 1600px) {
  .special_editor_content .editor_profile {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (min-width: 1920px) {
  .special_editor_content .editor_profile {
    flex-basis: calc((100% - 80px) / 6);
  }
}
@media (min-width: 2560px) {
  .special_editor_content .editor_profile {
    flex-basis: calc((100% - 96px) / 7);
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_profile {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.special_editor_content .editor_profile .meta {
  position: static;
  padding-top: 0;
}
.special_editor_content .editor_image {
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 50%;
  background: #a3968d;
}
@media (min-width: 986px) {
  .special_editor_content .editor_image {
    width: 110px;
    height: 110px;
    margin-bottom: 8px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_image {
    width: 90px;
    height: 90px;
  }
}
.special_editor_content .editor_text {
  flex: 1 1 auto;
  align-self: stretch;
  max-width: 100%;
  min-width: 0;
  position: relative;
}
@media (min-width: 986px) {
  .special_editor_content .editor_text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
  }
  .special_editor_content .editor_text::before {
    content: "";
    position: absolute;
    top: 71px;
    left: 50%;
    width: 40px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
  }
}
.special_editor_content .editor_text .name {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  font-weight: 500;
}
.special_editor_content .editor_text .name .ellipsis1 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: inherit;
}
@media (min-width: 986px) {
  .special_editor_content .editor_text .name {
    font-size: 22px;
    line-height: 31px;
    letter-spacing: -0.44px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_text .name {
    padding-right: 48px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
  }
}
.special_editor_content .editor_text .description {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  margin-top: 1px;
  font-weight: 400;
}
@media (min-width: 986px) {
  .special_editor_content .editor_text .description {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_text .description {
    padding-right: 48px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
  }
}
.special_editor_content .editor_text .description .ellipsis1 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: inherit;
}
.special_editor_content .editor_text .info {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: #666;
  font-weight: 400;
}
@media (min-width: 986px) {
  .special_editor_content .editor_text .info {
    margin-top: 34px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_text .info {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
  }
}
@media (min-width: 986px) {
  .special_editor_content .editor_text .btn_interest {
    margin-top: 18px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_text .btn_interest {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 986px) {
  .special_editor_content .editor_text .btn_area {
    margin-top: 18px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .editor_text .btn_area {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 986px) {
  .special_editor_content .content_swiper {
    position: relative;
    flex: 0 0 calc((200% - 16px) / 3);
    min-width: 0;
  }
}
@media (min-width: 1280px) {
  .special_editor_content .content_swiper {
    flex-basis: calc((300% - 16px) / 4);
  }
}
@media (min-width: 1600px) {
  .special_editor_content .content_swiper {
    flex-basis: calc((400% - 16px) / 5);
  }
}
@media (min-width: 1920px) {
  .special_editor_content .content_swiper {
    flex-basis: calc((500% - 16px) / 6);
  }
}
@media (min-width: 2560px) {
  .special_editor_content .content_swiper {
    flex-basis: calc((600% - 16px) / 7);
  }
}
@media (min-width: 986px) {
  .special_editor_content .list {
    gap: 16px;
    min-width: 0;
  }
}
@media (max-width: 985px) {
  .special_editor_content .list {
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
  }
}
@media (max-width: 985px) {
  .special_editor_content .list .card_image {
    display: none;
  }
}
@media (max-width: 985px) {
  .special_editor_content .list .card::before {
    background: rgba(0, 0, 0, 0.04);
  }
}
@media (min-width: 986px) {
  .special_editor_content .card {
    flex: 0 0 calc((100% - 16px) / 2);
  }
}
@media (min-width: 1280px) {
  .special_editor_content .card {
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (min-width: 1600px) {
  .special_editor_content .card {
    flex-basis: calc((100% - 48px) / 4);
  }
}
@media (min-width: 1920px) {
  .special_editor_content .card {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (min-width: 2560px) {
  .special_editor_content .card {
    flex-basis: calc((100% - 80px) / 6);
  }
}
@media (min-width: 986px) {
  .special_editor_content .card_image + .card_body {
    padding-top: 12px;
  }
}
@media (min-width: 986px) {
  .special_editor_content .headline {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.36px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .headline {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 985px) {
  .special_editor_content .btn_more_full {
    margin-top: 16px;
  }
}

@media (min-width: 986px) {
  .special_editor_pick .editor_card {
    flex: 0 0 calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2);
  }
}
@media (min-width: 1280px) {
  .special_editor_pick .editor_card {
    flex-basis: calc((100% - 32px) / 3);
    width: calc((100% - 32px) / 3);
  }
}
@media (min-width: 1600px) {
  .special_editor_pick .editor_card {
    flex-basis: calc((100% - 48px) / 4);
    width: calc((100% - 48px) / 4);
  }
}
@media (min-width: 2560px) {
  .special_editor_pick .editor_card {
    flex-basis: calc((100% - 64px) / 5);
    width: calc((100% - 64px) / 5);
  }
}
@media (max-width: 985px) {
  .special_editor_pick .editor_card {
    width: 100%;
  }
}
.special_editor_pick .editor_card article {
  display: flex;
  height: 100%;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
.special_editor_pick .pick_content {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px 16px 0;
}
.special_editor_pick .pick_image {
  flex: 0 0 112px;
  width: 112px;
}
.special_editor_pick .pick_text {
  min-width: 0;
  flex: 1 1 auto;
}
.special_editor_pick .pick_text .title {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.special_editor_pick .pick_text .headline {
  overflow: hidden;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.32px;
}
.special_editor_pick .quote_wrap {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  margin: 16px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.04);
}
@media (min-width: 986px) {
  .special_editor_pick .quote_wrap {
    min-height: 187px;
  }
}
.special_editor_pick .quote_wrap .quote_area {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.special_editor_pick .quote_wrap .ico_quote {
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg class='image-580-vectorized' width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_370_103921)'%3E%3Cpath d='M6.94843 0.0371094L6.964 0.0430421C6.95826 0.0767481 6.70188 0.20895 6.65242 0.244824C4.63051 1.71118 2.96248 3.69831 2.95049 6.38732C3.11005 6.30522 3.27215 6.163 3.43228 6.10534C4.19538 5.83057 5.03304 5.84091 5.72475 6.30478C6.24475 6.6535 6.59754 7.08518 6.82565 7.68743C7.0912 8.38858 7.06605 9.24226 6.8014 9.94021C6.40393 10.9085 5.80798 11.4345 4.87603 11.816C4.87431 11.8167 4.87259 11.8174 4.87089 11.8181C4.85795 11.8235 4.84495 11.8287 4.83191 11.8337C4.16366 12.0923 3.22133 12.0058 2.57494 11.709C0.521189 10.7661 0.196885 8.203 0.654484 6.17974C0.856345 5.2872 1.29775 4.34051 1.81826 3.60409C2.76656 2.282 4.03348 1.23846 5.4934 0.576948C5.76374 0.451602 6.08507 0.341753 6.36417 0.224683C6.53781 0.151851 6.76318 0.108022 6.94843 0.0371094Z' fill='%23080807' /%3E%3Cpath d='M15.9071 0.0375977L15.9225 0.045376C15.9069 0.0778369 15.6583 0.209204 15.6062 0.247173C14.3256 1.1795 13.1427 2.35161 12.4664 3.83269C12.0962 4.64367 11.942 5.4879 11.9135 6.37804C12.0587 6.31167 12.2081 6.17635 12.3677 6.11311C12.9516 5.88167 13.739 5.84758 14.3162 6.10448C14.9838 6.40167 15.5226 6.9946 15.7829 7.69042C16.0326 8.37379 16.0164 9.21225 15.7647 9.88964C15.5059 10.586 15.0419 11.1558 14.4235 11.5384C14.2539 11.6433 13.9792 11.7557 13.7905 11.8357C13.7856 11.8379 13.7804 11.84 13.7753 11.842C13.3296 12.0196 12.5511 12.0155 12.0788 11.9126C11.7699 11.8319 11.3748 11.6691 11.1073 11.489C9.4397 10.3662 9.22672 8.17782 9.58645 6.32515C9.66294 5.93121 9.83645 5.46347 9.97501 5.08426C10.0559 4.86284 10.2104 4.59366 10.3055 4.37219C11.1627 2.80817 12.4974 1.57472 14.0559 0.78688C14.4746 0.575239 14.8716 0.39209 15.312 0.230781C15.5071 0.159268 15.7118 0.11311 15.9071 0.0375977Z' fill='%23080807' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_370_103921'%3E%3Crect width='16' height='12' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.special_editor_pick .quote_wrap .quote {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.28px;
}
@media (max-width: 985px) {
  .special_editor_pick .quote_wrap .quote {
    height: 63px;
  }
}
.special_editor_pick .editor_meta {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: auto;
  padding-top: 16px;
  align-items: center;
  gap: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.special_editor_pick .editor_meta .editor_text {
  min-width: 0;
}
.special_editor_pick .editor_meta .name {
  font-weight: 500;
}
@media (min-width: 986px) {
  .special_editor_pick .editor_meta .name {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .special_editor_pick .editor_meta .name {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
  }
}
.special_editor_pick .editor_meta .description {
  margin-top: 0;
  color: #666;
  font-weight: 400;
}
@media (min-width: 986px) {
  .special_editor_pick .editor_meta .description {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
  }
}
@media (max-width: 985px) {
  .special_editor_pick .editor_meta .description {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.24px;
  }
}
.special_editor_pick .editor_meta .btn_area {
  position: relative;
  margin-left: auto;
}
.special_editor_pick .editor_image {
  overflow: hidden;
  margin: 0;
  border-radius: 50%;
  background: #a3968d;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}
.special_editor_pick .series_link {
  display: flex;
  min-width: 0;
  min-height: 54px;
  padding: 16px 20px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
}
.special_editor_pick .series_link .ellipsis1 {
  min-width: 0;
}
.special_editor_pick .series_link .ico_arrow_right {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg class='arrow-1-px-white-up' width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.73438 12.6001L9.33438 6.93361L3.73438 1.4001' stroke='%23111111' stroke-width='1.5' /%3E%3C/svg%3E");
}
@media (max-width: 985px) {
  .special_editor_pick .btn_more_full {
    margin-top: 16px;
  }
}

.index .cta ~ main {
  padding-top: 104px;
}
.index .cta:not(.sticky_top) .service {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 299px;
  width: 100vw;
  height: 54px;
  background-color: #333;
  border-radius: 0 0 0 25px;
}
.index .cta:not(.sticky_top) .service::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 22px;
  width: 22px;
  border-top-right-radius: 24px;
  box-shadow: 14px -14px 0 14px #333;
  z-index: -1;
}
.index .cta:not(.sticky_top) .service .description {
  display: block;
}
.index .cta .service .btn_shortcut,
.index .cta .header_area .btn_shortcut {
  display: flex;
  justify-content: center;
  width: 82px;
  height: 54px;
  padding: 6px;
  border: none;
  border-radius: 0 0 0 24px;
}
.index .cta .service .btn_shortcut:after,
.index .cta .header_area .btn_shortcut:after {
  display: none;
}
.index .cta .service .btn_shortcut:hover,
.index .cta .header_area .btn_shortcut:hover {
  background: transparent;
}
.index .cta .service .btn_shortcut .ico_shortcut,
.index .cta .header_area .btn_shortcut .ico_shortcut {
  display: block;
  width: 100%;
  height: 100%;
  background: #555 url("data:image/svg+xml,%3Csvg viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='logo'%3E%3Cpath id='Fill 4' fill-rule='evenodd' clip-rule='evenodd' d='M26.4943 22.5173C26.0076 22.5173 25.728 21.5957 25.728 20.5707C25.728 19.5973 26.0076 19.3281 26.3286 19.3281C26.7946 19.3281 27.0845 20.2497 27.0845 21.2852C27.0845 22.2584 26.7946 22.5173 26.4943 22.5173ZM25.336 24.9004H27.7485C28.0488 24.9004 28.1834 25.1386 28.1834 25.3871C28.1834 26.0601 27.3862 26.5779 26.4439 26.5779C25.6155 26.5779 25.1807 26.1119 25.1807 25.5528C25.1807 25.3249 25.2532 25.035 25.336 24.9004ZM27.9549 19.37C27.5717 19.1215 27.0437 18.9869 26.4328 18.9869C24.9211 18.9869 24.041 19.8152 24.041 20.9231C24.041 21.6583 24.3724 22.2174 24.9315 22.5384C24.507 22.849 24.1032 23.2839 23.9375 23.7394V23.8843L25.035 24.837C24.5173 25.0131 23.9893 25.4169 23.834 25.9242C24.1756 26.5144 25.035 27.0011 26.3189 27.0011C27.8927 27.0011 29.3942 26.0899 29.3942 24.6713C29.3942 23.8741 28.7729 23.4289 27.9964 23.4289H25.7805C25.3042 23.4289 25.1283 23.2425 25.1283 23.0044C25.1283 22.9007 25.1592 22.7765 25.2214 22.673C25.5631 22.7972 25.9462 22.8594 26.3707 22.8594C27.8824 22.8594 28.7729 22.031 28.7729 20.9231C28.7729 20.4571 28.5864 19.9498 28.2965 19.6599L29.5184 20.2812H29.6634V18.9766H29.5184L27.9549 19.37Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 6' fill-rule='evenodd' clip-rule='evenodd' d='M11.415 22.2146L12.5332 18.9842L13.579 22.2146H11.415ZM22.9071 20.8898C22.9071 19.6058 21.996 18.9847 20.9917 18.9847C20.8985 18.9847 20.8363 19.0053 20.4637 19.2124L19.366 19.8026V18.9847H19.2107L16.7465 19.6058V19.7612L17.5541 20.165V24.0893L16.85 24.7209L16.1563 24.0893L13.8266 17.1209H11.9835V17.2555L12.2735 18.2081L10.2855 23.9028L9.16724 24.7622V24.8968H11.8593V24.7622L10.7928 24.0271L11.2691 22.6915H13.7334L14.189 24.0893L13.3606 24.7622V24.8968H20.0597V24.7622L19.366 24.1513V20.0925C19.5835 20.02 19.8527 19.9787 20.1219 19.9787C20.7743 19.9787 21.0952 20.2375 21.0952 20.9623V24.1513L20.4015 24.7622V24.8968H23.663V24.7311L22.9071 24.0893V20.8898Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 8' fill-rule='evenodd' clip-rule='evenodd' d='M26.4943 13.3532C26.0076 13.3532 25.728 12.4316 25.728 11.4067C25.728 10.4333 26.0076 10.1641 26.3286 10.1641C26.7946 10.1641 27.0845 11.0857 27.0845 12.1211C27.0845 13.0944 26.7946 13.3532 26.4943 13.3532ZM25.336 15.7383H27.7485C28.0488 15.7383 28.1834 15.9765 28.1834 16.225C28.1834 16.898 27.3862 17.4158 26.4438 17.4158C25.6155 17.4158 25.1807 16.9498 25.1807 16.3907C25.1807 16.1628 25.2532 15.8729 25.336 15.7383ZM29.5184 9.81445L27.9549 10.2079C27.5719 9.95941 27.0437 9.82482 26.4328 9.82482C24.9211 9.82482 24.041 10.6531 24.041 11.761C24.041 12.4962 24.3724 13.0553 24.9315 13.3763C24.507 13.6869 24.1032 14.1218 23.9375 14.5773V14.7222L25.035 15.6749C24.5173 15.851 23.9892 16.2548 23.834 16.7621C24.1756 17.3523 25.035 17.839 26.3189 17.839C27.8699 17.839 29.3838 16.8815 29.3838 15.5682C29.3838 14.712 28.7621 14.2668 27.9962 14.2668H25.7805C25.3042 14.2668 25.1281 14.0804 25.1281 13.8423C25.1281 13.7386 25.1592 13.6144 25.2214 13.5109C25.5631 13.6351 25.9462 13.6973 26.3707 13.6973C27.8824 13.6973 28.7729 12.8688 28.7729 11.761C28.7729 11.295 28.5864 10.7877 28.2965 10.4978L29.5184 11.1191H29.6634V9.81445H29.5184Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 10' fill-rule='evenodd' clip-rule='evenodd' d='M20.3985 15.6038V15.7384H23.6601V15.5727L22.9043 14.9308V11.7313C22.9043 10.4474 21.9931 9.82608 20.9887 9.82608C20.8956 9.82608 20.8334 9.84681 20.4606 10.054L19.3631 10.6442V9.82608H19.2077L16.7434 10.4474V10.6027L17.5511 11.0065V14.9308L16.7952 15.6038V15.7384H20.0568V15.6038L19.3631 14.9928V10.9341C19.5806 10.8615 19.8498 10.8201 20.119 10.8201C20.7712 10.8201 21.0922 11.079 21.0922 11.8039V14.9928L20.3985 15.6038Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 12' fill-rule='evenodd' clip-rule='evenodd' d='M14.5262 13.0464C14.5262 14.4856 14.1638 15.4693 13.6149 15.4693C12.8488 15.4693 12.476 13.9989 12.476 12.5287C12.476 11.1619 12.7763 10.199 13.3976 10.199C14.1844 10.199 14.5262 11.6382 14.5262 13.0464ZM10.5591 12.8723C10.5591 14.7464 11.8741 15.8439 13.4376 15.8439C14.8767 15.8439 16.4403 14.9018 16.4403 12.7688C16.4403 10.9154 15.1045 9.82812 13.5618 9.82812C12.1122 9.82812 10.5591 10.7601 10.5591 12.8723Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 14' fill-rule='evenodd' clip-rule='evenodd' d='M6.81313 10.1973C7.59998 10.1973 7.94172 11.6365 7.94172 13.0447C7.94172 14.4839 7.5794 15.4675 7.0305 15.4675C6.26439 15.4675 5.89155 13.9972 5.89155 12.527C5.89155 11.1602 6.19183 10.1973 6.81313 10.1973ZM6.85407 15.84C8.29331 15.84 9.85678 14.8977 9.85678 12.7647C9.85678 10.9114 8.52104 9.82422 6.9783 9.82422C5.52869 9.82422 3.97559 10.756 3.97559 12.8682C3.97559 14.7424 5.2906 15.84 6.85407 15.84Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 16' fill-rule='evenodd' clip-rule='evenodd' d='M19.041 4.53121C19.041 3.61702 19.3163 2.70299 19.8961 2.70299C20.2697 2.70299 20.7022 3.17474 20.7022 4.70815L19.041 4.82602V4.53121ZM19.8663 8.06039C20.9868 8.06039 21.7438 7.61796 22.3335 7.05781L22.2549 6.90041C21.8911 7.06758 21.4391 7.1659 21.036 7.1659C19.8663 7.1659 19.2176 6.42866 19.0701 5.14104H22.4809C22.4317 3.32259 21.4291 2.34947 19.9449 2.34947C18.2247 2.34947 17.291 3.69602 17.291 5.2786C17.291 6.88086 18.3231 8.06039 19.8663 8.06039Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 18' fill-rule='evenodd' clip-rule='evenodd' d='M11.2928 7.19517L10.5753 7.8341V7.96188H13.6716V7.8341L13.013 7.25411V3.40102C13.2194 3.33217 13.4749 3.29293 13.7305 3.29293C14.3497 3.29293 14.6545 3.53858 14.6545 4.22666V7.25411L13.9959 7.8341V7.96188H17.0921V7.80463L16.3746 7.19517V4.26605C16.3746 3.04714 15.549 2.34928 14.5561 2.34928C14.4678 2.34928 14.4088 2.36897 14.0549 2.56546L13.013 3.12576V0H12.8655L10.5261 0.589764V0.737241L11.2928 1.1206V7.19517Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 20' fill-rule='evenodd' clip-rule='evenodd' d='M5.3269 1.01259H6.03468V7.15602L5.3269 7.83418V7.96197H8.5116V7.83418L7.79405 7.15602V1.01259H8.50182L10.0647 2.78188H10.1925V0.580078H3.62646V2.78188H3.75425L5.3269 1.01259Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 22' fill-rule='evenodd' clip-rule='evenodd' d='M4.14937 7.96289H0.0439768V8.40547L1.15954 8.87411V15.5733C1.15954 16.5776 0.745385 17.0021 0 17.4267L0.0516765 17.5923C1.73938 17.4163 3.04403 16.3808 3.04403 14.745V8.87411L4.14937 8.40547V7.96289Z' fill='white'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 50% 50%/auto 27px no-repeat;
  border-radius: 38px;
}
.index .cta .service .description,
.index .cta .header_area .description {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
}
.index .cta .service .font_orange,
.index .cta .header_area .font_orange {
  display: inline-flex;
}
.index .cta .service .btn_shortcut {
  margin-left: 0;
}
.index .cta.sticky_top .service {
  display: none;
}
.index .cta.sticky_top .header_area .btn_shortcut {
  width: 54px;
  height: 40px;
  margin-right: 0;
  padding: 0;
}
.index .cta:not(.sticky_top) .header_area .header_nav {
  flex-direction: row;
}
.index .cta:not(.sticky_top) .header_area .header_nav .nav {
  padding-right: 0;
}
.index .cta:not(.sticky_top) .header_area .btn_search {
  width: 20px;
  height: 20px;
  background: none;
}
.index .cta:not(.sticky_top) .header_area .btn_navbar {
  margin-right: 0;
}
.index .cta:not(.sticky_top) {
  height: 104px;
}
.index .cta:not(.sticky_top) .logo_plus {
  width: 177px;
  height: 50px;
  margin-top: 59px;
  background-size: 177px auto;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 272 78' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='logo' clip-path='url(%23clip0_479_4265)'%3E%3Cpath id='Vector' d='M222.324 41.0475L215.299 42.8182C213.571 41.6988 211.2 41.095 208.457 41.095C201.662 41.095 197.706 44.8195 197.706 49.8127C197.706 53.1234 199.196 55.6403 201.709 57.0853C199.799 58.4829 197.983 60.4367 197.238 62.4923V63.1436L202.17 67.4312C199.846 68.2249 197.468 70.0431 196.777 72.3293C198.315 74.9887 202.177 77.1732 207.948 77.1732C215.021 77.1732 221.768 73.0756 221.768 66.6849C221.768 63.0961 218.977 61.088 215.488 61.088H205.53C203.389 61.088 202.597 60.2535 202.597 59.1816C202.597 58.7135 202.739 58.1572 203.017 57.6891C204.555 58.2454 206.275 58.5236 208.186 58.5236C214.98 58.5236 218.984 54.7991 218.984 49.8127C218.984 47.7164 218.144 45.4301 216.843 44.1208L222.337 46.9226H222.988V41.0475H222.337H222.324ZM203.525 67.7025H214.371C215.719 67.7025 216.322 68.7744 216.322 69.8938C216.322 72.9263 212.738 75.2601 208.504 75.2601C204.778 75.2601 202.827 73.1638 202.827 70.6469C202.827 69.6225 203.152 68.3199 203.525 67.7093V67.7025ZM208.734 56.9836C206.546 56.9836 205.286 52.8316 205.286 48.2252C205.286 43.8426 206.546 42.6283 207.982 42.6283C210.076 42.6283 211.383 46.7734 211.383 51.4341C211.383 55.8167 210.076 56.9768 208.728 56.9768L208.734 56.9836Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_2' d='M192.584 49.6641C192.584 43.8839 188.486 41.0889 183.974 41.0889C183.554 41.0889 183.276 41.1838 181.603 42.1133L176.671 44.7659V41.0821H175.973L164.89 43.8772V44.5759L168.521 46.3941V64.0601L165.358 66.9026L162.242 64.0601L151.768 32.6901H143.483V33.3006L144.784 37.5882L135.848 63.2188L132.082 66.1089C131.845 62.8932 129.149 61.075 125.849 61.075H115.884C113.743 61.075 112.951 60.2406 112.951 59.1687C112.951 58.7006 113.093 58.1443 113.371 57.6762C114.909 58.2325 116.629 58.5106 118.533 58.5106C125.328 58.5106 129.331 54.7861 129.331 49.7997C129.331 47.7034 128.498 45.4172 127.191 44.1078L132.685 46.9097H133.335V41.0414H132.685L125.653 42.812C123.932 41.6927 121.561 41.0889 118.811 41.0889C112.016 41.0889 108.06 44.8134 108.06 49.8065C108.06 53.1172 109.543 55.6341 112.057 57.0791C110.146 58.4767 108.338 60.4305 107.592 62.4861V63.1374L112.524 67.425C110.2 68.2188 107.823 70.0369 107.125 72.3232C108.656 74.9826 112.524 77.1671 118.289 77.1671C124.996 77.1671 131.371 73.4833 132.068 67.7032H142.907V67.0994L138.111 63.7887L140.252 57.7711H151.328L153.374 64.0668L149.655 67.0926V67.6964H179.767V67.0926L176.651 64.345V46.0684C177.626 45.7428 178.839 45.5528 180.045 45.5528C182.978 45.5528 184.421 46.7129 184.421 49.9829V64.345L181.298 67.0926V67.6964H195.965V66.9501L192.564 64.0668V49.6641H192.584ZM118.357 42.6289C120.45 42.6289 121.758 46.774 121.758 51.4347C121.758 55.8173 120.45 56.9774 119.102 56.9774C116.914 56.9774 115.654 52.8323 115.654 48.219C115.654 43.8365 116.914 42.6221 118.357 42.6221V42.6289ZM118.865 75.2539C115.146 75.2539 113.188 73.1576 113.188 70.6407C113.188 69.6163 113.513 68.3137 113.879 67.7032H124.725C126.073 67.7032 126.683 68.7751 126.683 69.8944C126.683 72.927 123.099 75.2607 118.865 75.2607V75.2539ZM140.929 55.6341L145.956 41.0889L150.657 55.6341H140.929Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_3' d='M102.955 49.6682C102.955 43.888 98.8561 41.093 94.3444 41.093C93.9243 41.093 93.6466 41.1879 91.9733 42.1174L87.0415 44.77V41.0862H86.3438L75.2676 43.8813V44.58L78.8987 46.3982V64.0642L75.5047 67.0899V67.6937H90.1645V67.0899L87.0483 64.3423V46.0658C88.0238 45.7401 89.2364 45.5502 90.4423 45.5502C93.3756 45.5502 94.8186 46.7103 94.8186 49.9802V64.3423L91.7023 67.0899V67.6937H106.362V66.9474L102.968 64.0642V49.6614L102.955 49.6682Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_4' d='M60.9696 41.09C54.4526 41.09 47.4682 45.2827 47.475 54.7941C47.475 63.2268 53.3891 68.1724 60.4141 68.1724C66.8837 68.1724 73.9088 63.9323 73.9088 54.3327C73.9088 45.9882 67.9067 41.0968 60.9696 41.0968V41.09ZM61.2 66.49C57.7518 66.49 56.0785 59.8754 56.0785 53.2541C56.0785 47.1008 57.4266 42.7725 60.2177 42.7725C63.7539 42.7725 65.2917 49.2514 65.2917 55.5878C65.2917 62.0667 63.6659 66.4967 61.2 66.4967V66.49Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_5' d='M31.3649 41.09C24.8479 41.09 17.8702 45.2827 17.8702 54.7941C17.8702 63.2268 23.7775 68.1724 30.8094 68.1724C37.279 68.1724 44.3041 63.9323 44.3041 54.3327C44.3041 45.995 38.3019 41.0968 31.3649 41.0968V41.09ZM31.602 66.49C28.1538 66.49 26.4805 59.8754 26.4805 53.2541C26.4805 47.1008 27.8286 42.7725 30.6197 42.7725C34.156 42.7725 35.6938 49.2514 35.6938 55.5878C35.6938 62.0667 34.0611 66.4967 31.5952 66.4967L31.602 66.49Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_6' d='M1.86391 33.4877L5.21725 36.7983V66.9472C5.21725 71.4654 3.36106 73.3854 0.00772095 75.2917L0.238051 76.038C7.82541 75.251 13.6853 70.5835 13.6853 63.2227V36.7983L16.9912 33.4877V32.6939H1.86391V33.4877Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_7' d='M88.2067 35.6619C93.1588 35.6619 96.5053 33.7013 99.1067 31.2251L98.7612 30.5263C97.1557 31.259 95.1572 31.6932 93.3755 31.6932C88.2067 31.6932 85.3411 28.43 84.6907 22.7313H99.7638C99.5471 14.6853 95.1166 10.3841 88.5589 10.3841C80.958 10.3841 76.8324 16.3474 76.8324 23.3487C76.8324 30.4381 81.3984 35.6552 88.2134 35.6552L88.2067 35.6619ZM84.5552 20.0448C84.5552 16.0014 85.7746 11.9581 88.3354 11.9581C89.9883 11.9581 91.8987 14.0476 91.8987 20.8318L84.5552 21.3541V20.0448Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_8' d='M47.1663 34.6585V35.2283H60.8438V34.6585L57.9308 32.094V15.0454C58.8386 14.7401 59.9699 14.5705 61.1013 14.5705C63.8381 14.5705 65.1863 15.656 65.1863 18.7021V32.1008L62.2732 34.6652V35.2351H75.9576V34.5363L72.7872 31.843V18.8785C72.7872 13.4851 69.1357 10.3983 64.7527 10.3983C64.3598 10.3983 64.1023 10.4865 62.5375 11.3548L57.9376 13.8311V-0.00186157H57.2873L46.9495 2.61004V3.26132L50.3367 4.95736V31.8362L47.1663 34.6652V34.6585Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_9' d='M16.4677 12.3019H17.03L23.9805 4.473H27.1035V31.6572L23.9805 34.6558V35.2256H38.051V34.6558L34.8806 31.6572L34.8738 4.473H38.0036L44.9135 12.3019H45.4758V2.55986H16.4677V12.3019Z' fill='white'%3E%3C/path%3E%3Cg id='Clip path group'%3E%3Cmask id='mask0_479_4265' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='229' y='41' width='43' height='20'%3E%3Cg id='clippath'%3E%3Cpath id='Vector_10' d='M271.997 41.0489H229.081V60.974H271.997V41.0489Z' fill='white'%3E%3C/path%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_479_4265)'%3E%3Cg id='Group'%3E%3Cpath id='Vector_11' d='M271.997 41.0489H229.081V60.974H271.997V41.0489Z' fill='%23FF3C14'%3E%3C/path%3E%3Cpath id='Vector_12' d='M264.857 51.6584C263.502 50.9665 262.865 50.4712 262.865 49.691C262.865 49.0872 263.251 48.6191 263.888 48.6191C264.295 48.6191 264.606 48.7684 264.945 49.1551L266.252 50.7426H266.517V48.3138C265.602 48.2256 264.999 48.1782 264.051 48.1782C262.418 48.151 260.576 49.2636 260.576 50.729C260.576 52.2147 261.971 52.8864 263.008 53.4155C264.119 53.9854 264.735 54.311 264.735 55.1726C264.735 55.9325 264.261 56.5159 263.394 56.5159C262.933 56.5159 262.621 56.3463 262.12 55.8375C261.558 55.2744 260.786 53.9108 260.786 53.9108H260.521V56.6312C261.388 56.8755 262.371 56.9569 263.502 56.9569C265.121 56.9569 267.025 55.9732 267.025 54.094C267.025 52.8389 266.076 52.269 264.857 51.6449V51.6584Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_13' d='M239.271 45.2373H234.062V45.5019L235.166 46.5941V55.5289L234.062 56.5872V56.7839H239.034V56.5872L237.916 55.5289V51.9604H239.271C241.243 51.9604 243.695 51.0988 243.695 48.6022C243.695 46.1057 241.595 45.2441 239.271 45.2441V45.2373ZM238.567 51.5262H237.916V45.6647H238.567C239.82 45.6647 240.768 46.6959 240.768 48.5955C240.768 50.4747 239.644 51.5262 238.567 51.5262Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_14' d='M248.004 55.5881V44.3331H247.774L244.115 45.2558V45.4865L245.314 46.0835V55.5881L244.197 56.5921V56.7889H249.122V56.5921L248.004 55.5881Z' fill='white'%3E%3C/path%3E%3Cpath id='Vector_15' d='M258.339 48.0077H258.109L254.45 48.9303V49.161L255.65 49.758V55.2939C255.324 55.4024 254.925 55.4635 254.532 55.4635C253.563 55.4635 253.089 55.0768 253.089 54.0049V48.0077H252.858L249.2 48.9303V49.161L250.399 49.758V54.1134C250.399 56.0198 251.747 56.9424 253.238 56.9424C253.373 56.9424 253.468 56.9085 254.024 56.6032L255.65 55.728V56.9424H255.88L259.538 56.1622V55.9316L258.339 55.2328V48.0077Z' fill='white'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_479_4265'%3E%3Crect width='272' height='77.0523' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.index .cta .masthead_menu {
  right: 12px;
  z-index: 1;
}

@media (max-width: 985px) {
  .index .cta.sticky_top .header_area {
    margin-right: 0;
  }
  .index .cta.sticky_top .header_area .header_nav {
    flex-direction: row;
  }
  .index .cta .btn_search {
    margin-left: 20px;
  }
  .index .cta:not(.sticky_top) .logo_plus {
    margin-right: -20px;
  }
  .index .cta:not(.sticky_top) .masthead_menu {
    display: block;
    right: 12px;
  }
  .index .cta:not(.sticky_top) .masthead_menu .login li {
    margin: 0 8px;
    position: relative;
  }
  .index .cta:not(.sticky_top) .masthead_menu .login > li:nth-child(2)::before {
    position: absolute;
    top: 6px;
    right: -8px;
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 986px) {
  .index .cta:not(.sticky_top) .menu_popup {
    top: 134px !important;
  }
  .index .cta:not(.sticky_top) .header_area .header_nav {
    margin-top: 56px;
  }
  .index .cta:not(.sticky_top) .header_area .btn_shortcut {
    display: none;
  }
  .index .cta:not(.sticky_top) .header_area .masthead_menu {
    top: 15px;
  }
  .index .cta:not(.sticky_top) .service .btn_shortcut,
  .index .cta:not(.sticky_top) .header_area .btn_shortcut {
    width: 140px;
    height: 54px;
    padding: 8px;
  }
  .index .cta.sticky_top .header_area .btn_shortcut {
    width: 124px;
    height: 38px;
  }
  .index .cta .service .btn_shortcut .ico_shortcut,
  .index .cta .header_area .btn_shortcut .ico_shortcut {
    background-size: auto 14px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cpath id='Vector' d='M0 3.91255H0.184021L2.39227 1.42342H3.38598V10.0635L2.39227 11.0186V11.2029H6.86214V11.0186L5.85554 10.0635V1.42342H6.84926L9.04279 3.91255H9.22681V0.814961H0V3.91255ZM9.68502 1.03622L10.7615 1.57645V10.1188L9.75495 11.0186V11.2029H14.1015V11.0186L13.1814 10.2018V4.78467C13.5078 4.6826 13.8479 4.6316 14.1898 4.63348C15.0584 4.63348 15.478 4.97827 15.478 5.94627V10.2036L14.5579 11.0204V11.2048H18.9045V10.9835L17.896 10.1262V5.99973C17.896 4.285 16.7385 3.3041 15.3437 3.3041C15.2204 3.3041 15.1376 3.33175 14.6407 3.60832L13.1704 4.39563V0H12.9643L9.6795 0.829711L9.68502 1.03622ZM19.1787 7.42315C19.1787 9.67812 20.6269 11.3357 22.7928 11.3357C23.4351 11.3462 24.0729 11.2266 24.668 10.9843C25.2631 10.7419 25.8032 10.3817 26.2561 9.92519L26.1457 9.70578C25.6065 9.94506 25.024 10.0706 24.4343 10.0745C22.7928 10.0745 21.8819 9.03648 21.674 7.22587H26.4585C26.3904 4.66851 24.9864 3.30041 22.8996 3.30041C20.4852 3.30041 19.175 5.19399 19.175 7.41946M21.6353 6.78888V6.37403C21.6353 5.08336 22.0218 3.7927 22.8351 3.7927C23.3614 3.7927 23.9669 4.45647 23.9669 6.61188L21.6353 6.78888ZM29.8979 13.4505L29.9678 13.67C32.2165 13.4358 33.9555 12.0529 33.9555 9.86804V2.03187L34.9345 1.05097V0.816804H30.4499V1.05097L31.4436 2.03187V10.9762C31.4436 12.3166 30.8916 12.8845 29.8979 13.4524M35.1977 7.36784C35.1977 9.86988 36.9496 11.3357 39.0327 11.3357C40.9502 11.3357 43.0333 10.0782 43.0333 7.22955C43.0333 4.75701 41.2538 3.3041 39.1983 3.3041C37.2661 3.3041 35.1977 4.54866 35.1977 7.36046M37.75 6.90504C37.75 5.07968 38.1494 3.79455 38.9775 3.79455C40.0245 3.79455 40.4809 5.71579 40.4809 7.59647C40.4809 9.51771 39.9969 10.8305 39.2664 10.8305C38.2451 10.8305 37.75 8.86869 37.75 6.90504ZM43.9718 7.36599C43.9718 9.86804 45.7237 11.3339 47.8068 11.3339C49.7243 11.3339 51.8074 10.0764 51.8074 7.22771C51.8074 4.75517 50.0279 3.30225 47.9724 3.30225C46.0402 3.30225 43.9718 4.54682 43.9718 7.35862M46.5242 6.9032C46.5242 5.07784 46.9235 3.7927 47.7516 3.7927C48.8005 3.7927 49.2569 5.71395 49.2569 7.59463C49.2569 9.51587 48.7729 10.8287 48.0423 10.8287C47.021 10.8287 46.5242 8.86685 46.5242 6.9032ZM52.2086 4.33109L53.2851 4.87133V10.1096L52.2766 11.0094V11.1937H56.6232V11.0094L55.7031 10.1925V4.78467C56.0289 4.68261 56.3684 4.63161 56.7097 4.63348C57.5801 4.63348 58.0071 4.97827 58.0071 5.94627V10.2036L57.087 11.0204V11.2048H61.4317V10.9835L60.4251 10.1262V5.84854C60.4251 4.13381 59.2106 3.3041 57.8727 3.3041C57.7476 3.3041 57.6666 3.33175 57.1698 3.60832L55.7068 4.39563V3.30963H55.4952L52.2122 4.13934L52.2086 4.33109ZM61.6599 12.5581C62.1144 13.3454 63.259 13.9945 64.9722 13.9945C66.9597 13.9945 68.8496 12.9029 69.0575 11.1882H72.2705V11.0038L70.8499 10.0211L71.4847 8.23811H74.7695L75.3694 10.1188L74.2653 11.0186V11.2029H83.1922V11.0186L82.272 10.2018V4.78467C82.5978 4.68261 82.9373 4.63161 83.2786 4.63348C84.1491 4.63348 84.5778 4.97827 84.5778 5.94627V10.2036L83.6577 11.0204V11.2048H88.0043V10.9835L86.9959 10.1262V5.84854C86.9959 4.13381 85.7832 3.3041 84.4435 3.3041C84.3202 3.3041 84.2374 3.33175 83.7405 3.60832L82.2684 4.39563V3.30963H82.0623L78.7775 4.13934V4.34584L79.854 4.88608V10.1243L78.9155 10.9688L77.9954 10.1243L74.891 0.816804H72.4343V1.00118L72.8207 2.27341L70.1727 9.87541L69.0557 10.7328C68.9857 9.77953 68.1853 9.2393 67.2063 9.2393H64.2527C63.6179 9.2393 63.3841 8.99223 63.3841 8.67325C63.3861 8.5175 63.4286 8.36497 63.5074 8.23074C64 8.40265 64.5188 8.48689 65.0403 8.47965C67.0554 8.47965 68.2405 7.37337 68.2405 5.89832C68.244 5.27671 68.0179 4.67575 67.6056 4.21125L69.2342 5.04096H69.4182V3.29119H69.2342L67.1511 3.81667C66.5384 3.45709 65.8364 3.27933 65.1268 3.3041C63.1136 3.3041 61.9414 4.41038 61.9414 5.88542C61.9414 6.86632 62.3831 7.61306 63.1284 8.04267C62.5616 8.45753 62.0242 9.03648 61.8034 9.64678V9.84038L63.2645 11.1108C62.5763 11.3468 61.8715 11.8852 61.6654 12.5637M63.4596 12.0658C63.4607 11.7632 63.5312 11.4648 63.6657 11.1937H66.8805C67.2799 11.1937 67.4602 11.5127 67.4602 11.8446C67.4602 12.7425 66.3984 13.434 65.1415 13.434C64.0374 13.434 63.4596 12.8107 63.4596 12.0658ZM64.1957 5.41525C64.1957 4.12459 64.5637 3.75583 64.9962 3.75583C65.6163 3.75583 66.0028 4.98749 66.0028 6.37034C66.0028 7.661 65.6163 8.01501 65.217 8.01501C64.5674 8.01501 64.1957 6.7852 64.1957 5.41525ZM71.6872 7.61306L73.1612 3.30963L74.5542 7.62228L71.6872 7.61306ZM88.249 12.5637C88.7054 13.351 89.85 14 91.5614 14C93.6574 14 95.6596 12.7831 95.6596 10.8895C95.6596 9.82562 94.8296 9.23008 93.7954 9.23008H90.8272C90.1923 9.23008 89.9586 8.98301 89.9586 8.66403C89.9605 8.50828 90.003 8.35575 90.0819 8.22152C90.5738 8.39359 91.092 8.47784 91.613 8.47043C93.6372 8.47043 94.8131 7.36415 94.8131 5.88911C94.8173 5.2677 94.5918 4.66671 94.18 4.20203L95.8068 5.03174H96V3.29119H95.8068L93.7237 3.81667C93.1111 3.4568 92.4091 3.27902 91.6994 3.3041C89.6752 3.3041 88.5122 4.41038 88.5122 5.88542C88.5122 6.86632 88.9538 7.61306 89.6991 8.04267C89.1323 8.45753 88.595 9.03648 88.3742 9.64678V9.84038L89.8463 11.1108C89.1563 11.3468 88.4533 11.8852 88.2454 12.5637M90.0396 12.0658C90.0406 11.7632 90.1112 11.4648 90.2457 11.1937H93.4605C93.8617 11.1937 94.0402 11.5127 94.0402 11.8446C94.0402 12.7425 92.9784 13.434 91.7234 13.434C90.6192 13.434 90.0396 12.8107 90.0396 12.0658ZM90.7757 5.41525C90.7757 4.12459 91.1437 3.75583 91.5761 3.75583C92.1963 3.75583 92.5846 4.98749 92.5846 6.37034C92.5846 7.661 92.1963 8.01501 91.797 8.01501C91.1492 8.01501 90.7757 6.7852 90.7757 5.41525Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  }
  .index .cta ~ main {
    padding-top: 134px;
  }
  .index .cta:not(.sticky_top) .header_wrap .logo_plus {
    width: 272px;
    height: 77px;
    margin-top: 10.85px;
    background-size: 272px auto;
  }
  .index .cta.sticky_top .masthead_menu {
    position: relative;
  }
  .index .cta.sticky_top .layer_login_popup {
    top: 41px;
    right: -160px;
  }
  .index .cta .layer_login_popup {
    top: 38px;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .index .cta:not(.sticky_top) .service {
    left: 220px;
  }
  .index .cta:not(.sticky_top) .header_area .header_nav .nav_item {
    margin-right: 24px;
  }
  .index .cta:not(.sticky_top) .header_area .btn_search,
  .index .cta:not(.sticky_top) .header_area .btn_navbar {
    margin-left: 24px;
  }
  .index .cta.sticky_top .header_nav .nav {
    position: absolute;
    left: calc((100% - 946px) / 2 + 255px) !important;
    width: 380px !important;
  }
  .index .cta.sticky_top .header_area .btn_shortcut {
    margin-left: 20px;
    width: 60px !important;
    height: 40px !important;
  }
  .index .cta.sticky_top .header_area .btn_shortcut .ico_shortcut {
    display: block;
    width: 100%;
    height: 100%;
    background: #555 url("data:image/svg+xml,%3Csvg viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:anim='http://www.w3.org/2000/anim' anim='' anim:transform-origin='50%25 50%25' anim:duration='1' anim:ease='ease-in-out'%3E%3Cg id='logo'%3E%3Cpath id='Fill 4' fill-rule='evenodd' clip-rule='evenodd' d='M26.4943 22.5173C26.0076 22.5173 25.728 21.5957 25.728 20.5707C25.728 19.5973 26.0076 19.3281 26.3286 19.3281C26.7946 19.3281 27.0845 20.2497 27.0845 21.2852C27.0845 22.2584 26.7946 22.5173 26.4943 22.5173ZM25.336 24.9004H27.7485C28.0488 24.9004 28.1834 25.1386 28.1834 25.3871C28.1834 26.0601 27.3862 26.5779 26.4439 26.5779C25.6155 26.5779 25.1807 26.1119 25.1807 25.5528C25.1807 25.3249 25.2532 25.035 25.336 24.9004ZM27.9549 19.37C27.5717 19.1215 27.0437 18.9869 26.4328 18.9869C24.9211 18.9869 24.041 19.8152 24.041 20.9231C24.041 21.6583 24.3724 22.2174 24.9315 22.5384C24.507 22.849 24.1032 23.2839 23.9375 23.7394V23.8843L25.035 24.837C24.5173 25.0131 23.9893 25.4169 23.834 25.9242C24.1756 26.5144 25.035 27.0011 26.3189 27.0011C27.8927 27.0011 29.3942 26.0899 29.3942 24.6713C29.3942 23.8741 28.7729 23.4289 27.9964 23.4289H25.7805C25.3042 23.4289 25.1283 23.2425 25.1283 23.0044C25.1283 22.9007 25.1592 22.7765 25.2214 22.673C25.5631 22.7972 25.9462 22.8594 26.3707 22.8594C27.8824 22.8594 28.7729 22.031 28.7729 20.9231C28.7729 20.4571 28.5864 19.9498 28.2965 19.6599L29.5184 20.2812H29.6634V18.9766H29.5184L27.9549 19.37Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 6' fill-rule='evenodd' clip-rule='evenodd' d='M11.415 22.2146L12.5332 18.9842L13.579 22.2146H11.415ZM22.9071 20.8898C22.9071 19.6058 21.996 18.9847 20.9917 18.9847C20.8985 18.9847 20.8363 19.0053 20.4637 19.2124L19.366 19.8026V18.9847H19.2107L16.7465 19.6058V19.7612L17.5541 20.165V24.0893L16.85 24.7209L16.1563 24.0893L13.8266 17.1209H11.9835V17.2555L12.2735 18.2081L10.2855 23.9028L9.16724 24.7622V24.8968H11.8593V24.7622L10.7928 24.0271L11.2691 22.6915H13.7334L14.189 24.0893L13.3606 24.7622V24.8968H20.0597V24.7622L19.366 24.1513V20.0925C19.5835 20.02 19.8527 19.9787 20.1219 19.9787C20.7743 19.9787 21.0952 20.2375 21.0952 20.9623V24.1513L20.4015 24.7622V24.8968H23.663V24.7311L22.9071 24.0893V20.8898Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 8' fill-rule='evenodd' clip-rule='evenodd' d='M26.4943 13.3532C26.0076 13.3532 25.728 12.4316 25.728 11.4067C25.728 10.4333 26.0076 10.1641 26.3286 10.1641C26.7946 10.1641 27.0845 11.0857 27.0845 12.1211C27.0845 13.0944 26.7946 13.3532 26.4943 13.3532ZM25.336 15.7383H27.7485C28.0488 15.7383 28.1834 15.9765 28.1834 16.225C28.1834 16.898 27.3862 17.4158 26.4438 17.4158C25.6155 17.4158 25.1807 16.9498 25.1807 16.3907C25.1807 16.1628 25.2532 15.8729 25.336 15.7383ZM29.5184 9.81445L27.9549 10.2079C27.5719 9.95941 27.0437 9.82482 26.4328 9.82482C24.9211 9.82482 24.041 10.6531 24.041 11.761C24.041 12.4962 24.3724 13.0553 24.9315 13.3763C24.507 13.6869 24.1032 14.1218 23.9375 14.5773V14.7222L25.035 15.6749C24.5173 15.851 23.9892 16.2548 23.834 16.7621C24.1756 17.3523 25.035 17.839 26.3189 17.839C27.8699 17.839 29.3838 16.8815 29.3838 15.5682C29.3838 14.712 28.7621 14.2668 27.9962 14.2668H25.7805C25.3042 14.2668 25.1281 14.0804 25.1281 13.8423C25.1281 13.7386 25.1592 13.6144 25.2214 13.5109C25.5631 13.6351 25.9462 13.6973 26.3707 13.6973C27.8824 13.6973 28.7729 12.8688 28.7729 11.761C28.7729 11.295 28.5864 10.7877 28.2965 10.4978L29.5184 11.1191H29.6634V9.81445H29.5184Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 10' fill-rule='evenodd' clip-rule='evenodd' d='M20.3985 15.6038V15.7384H23.6601V15.5727L22.9043 14.9308V11.7313C22.9043 10.4474 21.9931 9.82608 20.9887 9.82608C20.8956 9.82608 20.8334 9.84681 20.4606 10.054L19.3631 10.6442V9.82608H19.2077L16.7434 10.4474V10.6027L17.5511 11.0065V14.9308L16.7952 15.6038V15.7384H20.0568V15.6038L19.3631 14.9928V10.9341C19.5806 10.8615 19.8498 10.8201 20.119 10.8201C20.7712 10.8201 21.0922 11.079 21.0922 11.8039V14.9928L20.3985 15.6038Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 12' fill-rule='evenodd' clip-rule='evenodd' d='M14.5262 13.0464C14.5262 14.4856 14.1638 15.4693 13.6149 15.4693C12.8488 15.4693 12.476 13.9989 12.476 12.5287C12.476 11.1619 12.7763 10.199 13.3976 10.199C14.1844 10.199 14.5262 11.6382 14.5262 13.0464ZM10.5591 12.8723C10.5591 14.7464 11.8741 15.8439 13.4376 15.8439C14.8767 15.8439 16.4403 14.9018 16.4403 12.7688C16.4403 10.9154 15.1045 9.82812 13.5618 9.82812C12.1122 9.82812 10.5591 10.7601 10.5591 12.8723Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 14' fill-rule='evenodd' clip-rule='evenodd' d='M6.81313 10.1973C7.59998 10.1973 7.94172 11.6365 7.94172 13.0447C7.94172 14.4839 7.5794 15.4675 7.0305 15.4675C6.26439 15.4675 5.89155 13.9972 5.89155 12.527C5.89155 11.1602 6.19183 10.1973 6.81313 10.1973ZM6.85407 15.84C8.29331 15.84 9.85678 14.8977 9.85678 12.7647C9.85678 10.9114 8.52104 9.82422 6.9783 9.82422C5.52869 9.82422 3.97559 10.756 3.97559 12.8682C3.97559 14.7424 5.2906 15.84 6.85407 15.84Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 16' fill-rule='evenodd' clip-rule='evenodd' d='M19.041 4.53121C19.041 3.61702 19.3163 2.70299 19.8961 2.70299C20.2697 2.70299 20.7022 3.17474 20.7022 4.70815L19.041 4.82602V4.53121ZM19.8663 8.06039C20.9868 8.06039 21.7438 7.61796 22.3335 7.05781L22.2549 6.90041C21.8911 7.06758 21.4391 7.1659 21.036 7.1659C19.8663 7.1659 19.2176 6.42866 19.0701 5.14104H22.4809C22.4317 3.32259 21.4291 2.34947 19.9449 2.34947C18.2247 2.34947 17.291 3.69602 17.291 5.2786C17.291 6.88086 18.3231 8.06039 19.8663 8.06039Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 18' fill-rule='evenodd' clip-rule='evenodd' d='M11.2928 7.19517L10.5753 7.8341V7.96188H13.6716V7.8341L13.013 7.25411V3.40102C13.2194 3.33217 13.4749 3.29293 13.7305 3.29293C14.3497 3.29293 14.6545 3.53858 14.6545 4.22666V7.25411L13.9959 7.8341V7.96188H17.0921V7.80463L16.3746 7.19517V4.26605C16.3746 3.04714 15.549 2.34928 14.5561 2.34928C14.4678 2.34928 14.4088 2.36897 14.0549 2.56546L13.013 3.12576V0H12.8655L10.5261 0.589764V0.737241L11.2928 1.1206V7.19517Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 20' fill-rule='evenodd' clip-rule='evenodd' d='M5.3269 1.01259H6.03468V7.15602L5.3269 7.83418V7.96197H8.5116V7.83418L7.79405 7.15602V1.01259H8.50182L10.0647 2.78188H10.1925V0.580078H3.62646V2.78188H3.75425L5.3269 1.01259Z' fill='white'%3E%3C/path%3E%3Cpath id='Fill 22' fill-rule='evenodd' clip-rule='evenodd' d='M4.14937 7.96289H0.0439768V8.40547L1.15954 8.87411V15.5733C1.15954 16.5776 0.745385 17.0021 0 17.4267L0.0516765 17.5923C1.73938 17.4163 3.04403 16.3808 3.04403 14.745V8.87411L4.14937 8.40547V7.96289Z' fill='white'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 50% 50%/auto 27px no-repeat;
    border-radius: 38px;
  }
  .index .cta .btn_navbar,
  .index .cta .btn_search,
  .index .cta .btn_shortcut {
    margin-left: 20px;
  }
}
@media (min-width: 1280px) {
  .index .cta .language_site,
  .index .cta .logout {
    margin-left: 29px;
  }
  .index .cta:not(.sticky_top) .header_area .header_nav .nav_item {
    margin-right: 32px;
  }
  .index .cta:not(.sticky_top) .header_area .btn_search,
  .index .cta:not(.sticky_top) .header_area .btn_navbar {
    margin-left: 32px;
  }
  .index .cta.sticky_top .header_nav .nav {
    position: absolute;
    transform: translateX(-50%);
    width: 674px;
  }
  .index .cta.sticky_top .layer_login_popup {
    right: -236px;
  }
}
.index:before {
  z-index: -1;
}
.index .header {
  border-bottom: none;
}
.index .logout li {
  margin: 0;
}
.index .logout li:nth-child(1)::before {
  right: 0;
}

@media (max-width: 985px) {
  .index .cta .logout li:nth-child(1) {
    margin-right: 8px;
    padding-right: 9px;
  }
  .index .cta:not(.sticky_top) .header_wrap {
    align-items: flex-start;
    padding-top: 6px;
  }
  .index .cta:not(.sticky_top) .header_wrap::before {
    background-color: #343438 !important;
  }
  .index .cta:not(.sticky_top) .logo_plus {
    margin-top: 28px;
  }
  .index .cta:not(.sticky_top) .btn_shortcut {
    margin-top: -6px;
    margin-left: 20px;
    background-color: #343438 !important;
  }
  .index .cta:not(.sticky_top) .btn_shortcut::before {
    height: 8px;
    box-shadow: 8px -8px 0 8px #343438 !important;
    z-index: -1;
  }
  .index .cta.sticky_top .logo_plus {
    width: 175px;
  }
  .index .cta.sticky_top .btn_shortcut {
    margin-left: 16px;
  }
}
@media (min-width: 986px) {
  .index .cta .header_wrap {
    padding-left: 50px;
    padding-right: 50px;
  }
  .index .cta .logout li:nth-child(1) {
    margin-right: 9px;
    padding-right: 10px;
  }
  .index .cta:not(.sticky_top) {
    height: 134px;
  }
  .index .cta:not(.sticky_top) .header_wrap {
    padding-top: 28px;
    padding-bottom: 29px;
  }
  .index .cta:not(.sticky_top) .header_wrap .logo_plus {
    margin-top: 0;
  }
  .index .cta:not(.sticky_top) .header_area .header_nav {
    margin-top: 0;
  }
  .index .cta:not(.sticky_top) .header_area .masthead_menu {
    top: 16px;
  }
  .index .cta:not(.sticky_top) .ico_newspaper {
    margin-right: 7px;
  }
  .index .cta:not(.sticky_top) .logout {
    margin-left: 36px;
  }
  .index .cta:not(.sticky_top) .link_logout {
    margin-right: 9px;
    padding-right: 10px;
  }
  .index .cta:not(.sticky_top) .service {
    left: 361px;
  }
  .index .cta:not(.sticky_top) .service::before {
    height: 25px;
    width: 25px;
    border-top-right-radius: 25px;
    box-shadow: 25px -25px 0 25px #333;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .index .cta .header_wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .index .cta:not(.sticky_top) .header_area .header_nav .nav_item {
    margin-right: 32px;
  }
  .index .cta:not(.sticky_top) .header_area .masthead_menu {
    right: 20px;
  }
  .index .cta:not(.sticky_top) .header_area .btn_navbar,
  .index .cta:not(.sticky_top) .header_area .btn_search {
    margin-left: 32px;
  }
  .index .cta:not(.sticky_top) .service {
    left: 331px;
  }
  .index .cta.sticky_top .header_area .btn_navbar,
  .index .cta.sticky_top .header_area .btn_search,
  .index .cta.sticky_top .header_area .btn_shortcut {
    margin-left: 24px;
  }
  .index .cta.sticky_top .header_nav .nav {
    left: 50% !important;
    width: calc(100vw - 566px) !important;
    transform: translateX(-50%);
  }
}
@media (min-width: 1280px) {
  .index .cta.sticky_top .header_nav .nav {
    width: calc(100vw - 626px);
  }
}
@media (min-width: 2560px) {
  .index .cta.sticky_top .header_nav .nav {
    width: 1934px;
  }
  .index .header_wrap {
    max-width: 2560px !important;
  }
}