@charset "UTF-8";

body,
#wrapper {
    overflow-x: hidden;
}

body {
    background-color: #f5f5f5;
}

img {
    width: 100%;
    height: auto;
}

/* footer */
.footer,
footer {
    background-color: #fff;
}

.content_area>.pchain:last-child {
    margin-bottom: 10px;
}

.contents>.chain_wrap:last-child {
    margin-bottom: 0;
}

main {
    padding: 60px 0 0;
}

.title_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}

.title_wrap .btn {
    color: #333;
}

.pchain>.title,
.chain_wrap>.title {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
}

.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;
}

.ico_download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg id='Download/20'%3E%3Cpath id='Union' fill-rule='evenodd' clip-rule='evenodd' d='M6.15139 9.75285L2.75684 6.35829L3.60536 5.50977L6.99992 8.90432L10.3936 5.51064L11.2421 6.35916L6.99949 10.6018L6.15097 9.75328L6.15139 9.75285Z' fill='white'/%3E%3Crect id='Rectangle 1318' x='6.40039' y='2' width='1.2' height='7.6084' fill='white'/%3E%3Crect id='Rectangle 1319' x='1' y='11.8125' width='12' height='1.2' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    height: 14px;
    width: 14px;
    margin: 0 0 0 5px !important;
}

.story_list .ico_download {
    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='M9.5 2h1v8.735l2.919-2.919.683.684-4.1 4.101H10L5.899 8.5l.684-.684L9.5 10.733V2ZM2 12h1v5h14v-5h1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5Z' fill='%231D1D1D'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.story_list .ico_pdf_tooltip {
    display: none;
}

.ico_pdf_tooltip {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h52a3 3 0 0 0 3-3v-6.267a.991.991 0 0 0 .5-.135l3-1.732a1 1 0 0 0 0-1.732l-3-1.732a.992.992 0 0 0-.5-.136V3a3 3 0 0 0-3-3H3Z' fill='%23E4EAF4'/%3E%3Cpath d='M7.2 17h1.116v-3.492h1.452c1.932 0 3.24-.864 3.24-2.724 0-1.92-1.32-2.592-3.288-2.592H7.2V17Zm1.116-4.392V9.104h1.26c1.548 0 2.328.408 2.328 1.68 0 1.26-.732 1.824-2.28 1.824H8.316ZM14.382 17h2.256c2.652 0 4.104-1.644 4.104-4.428 0-2.796-1.452-4.38-4.152-4.38h-2.208V17Zm1.116-.912V9.104h.996c2.076 0 3.096 1.236 3.096 3.468 0 2.22-1.02 3.516-3.096 3.516h-.996ZM22.22 17h1.116v-3.948h3.36v-.936h-3.36V9.14h3.96v-.948H22.22V17Zm9.381-8.028h4.02v-.816h-5.004v7.068h.852c2.028 0 3.444-.072 5.088-.384l-.108-.816c-1.56.276-2.94.36-4.848.36V8.972Zm8.616 2.4h-1.776V7.124h-.984v10.788h.984v-5.724h1.776v-.816Zm5.443-3.18c1.656 0 2.736.516 2.736 1.368 0 .84-1.08 1.356-2.736 1.356-1.644 0-2.736-.516-2.736-1.356 0-.852 1.092-1.368 2.736-1.368Zm0 3.528c2.28 0 3.768-.828 3.768-2.16 0-1.332-1.488-2.16-3.768-2.16s-3.768.828-3.768 2.16c0 1.332 1.488 2.16 3.768 2.16Zm-2.64 2.784h-.984v3.144h7.44v-.816H43.02v-2.328Zm-2.232-1.92v.804h4.464v2.172h.996v-2.172h4.296v-.804h-9.756Z' fill='%23333'/%3E%3C/svg%3E");
    height: 24px;
    width: 62px
}

.ico_info {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg transform='translate(2 2)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23979797' fill-rule='nonzero' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 .96a7.04 7.04 0 1 0 0 14.08A7.04 7.04 0 0 0 8 .96z'/%3E%3Cpath fill='%23999' d='M7.4 6.8h1.2v4.8H7.4z'/%3E%3Ccircle cx='8' cy='5.2' r='1' fill='%23999'/%3E%3C/g%3E%3C/svg%3E");
    vertical-align: -2px;
}

.dropdown .ico_arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h14v14H0z'/%3E%3Cpath d='m2.619 4.237 4.425 4.425 4.406-4.407.707.707-4.95 4.95-.005-.005-.164.163-5.126-5.126.707-.707z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");
    height: 14px;
    transition: transform .2s ease-in-out;
    width: 14px;
}

.dropdown.open .ico_arrow {
    transform: rotate(180deg);
}

.headline .badge_free {
    margin-left: 3px !important;
}

.badge_free::before {
    display: none;
}

.badge_free::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='16' viewBox='0 0 34 16' fill='none'%3E%3Crect width='34' height='16' fill='%23FFE1DB'/%3E%3Cpath d='M6 11.5999H7.07422V8.45736H10.0723V7.52255H7.07422V5.34465H10.3848V4.3999H6V11.5999Z' fill='%23E22700'/%3E%3Cpath d='M11.5859 11.5999H12.6602V8.88498H14.1055H14.1738L15.6094 11.5999H16.8301L15.2676 8.69106C16.127 8.35791 16.5566 7.62697 16.5566 6.65736C16.5566 5.32974 15.751 4.3999 14.1055 4.3999H11.5859V11.5999ZM12.6602 7.94023V5.33471H13.998C15.0381 5.33968 15.4727 5.84686 15.4727 6.65736C15.4727 7.46786 15.0381 7.93526 13.998 7.94023H12.6602Z' fill='%23E22700'/%3E%3Cpath d='M17.7754 11.5999H22.248V10.6552H18.8496V8.45736H21.9746V7.52255H18.8496V5.34465H22.209V4.3999H17.7754V11.5999Z' fill='%23E22700'/%3E%3Cpath d='M23.5273 11.5999H28V10.6552H24.6016V8.45736H27.7266V7.52255H24.6016V5.34465H27.9609V4.3999H23.5273V11.5999Z' fill='%23E22700'/%3E%3C/svg%3E");
}

.badge_package {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    margin-left: 0;
    padding: 2px 6px 3px 7px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    z-index: 2;
}

.btn_top {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-color: hsla(0deg, 0%, 100%, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    z-index: 1;
}

.btn_top .ico_btn {
    height: 24px;
    width: 24px;
    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-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
}

.btn_subs:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 11px;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.75 6.25V2H5.25V6.25H1V7.75H5.25V12H6.75V7.75H11V6.25H6.75Z' fill='%23E22700'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 100% auto;
}

/* 이벤트 > badge */
.card_image .meta strong {
    display: block;
    padding: 3px 12px 4px;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    z-index: 1;
}

.badge_black {
    border-color: rgba(255, 255, 255, 0.1);
    background: #000;
}

.badge_gray {
    background-color: #6C6C6C;
}

.badge_orange {
    background-color: #F6330A;
}

.badge_gray+.card_image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.badge_new {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.2);
}

.card .card_image .meta {
    display: flex;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
}

.card_image .meta>*+* {
    margin-left: 6px;
}

.headline [class*='badge_'] {
    margin-left: 1px;
    vertical-align: middle;
    transform: translateY(-2px);
}

.badge_outline_black {
    display: inline-block;
    padding: 0 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #111;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px
}

.event_list .badge_plus {
    height: 22px;
}

.event_list .badge_plus::before {
    width: 44px;
    height: 22px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='44' height='22' viewBox='0 0 44 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='43' height='21' stroke='%23F6330A'/%3E%3Cpath d='M7.92004 14.8187H9.20728V11.8224H10.9392C12.9052 11.8224 13.8764 10.6251 13.8764 9.0503C13.8764 7.4696 12.911 6.27818 10.9392 6.27818H7.92004V14.8187ZM9.20728 10.7136V7.38703H10.8105C12.0567 7.39293 12.5775 8.08301 12.5775 9.0503C12.5775 10.0117 12.0567 10.7195 10.8105 10.7136H9.20728Z' fill='%23F6330A'/%3E%3Cpath d='M15.5592 14.8187H20.673V13.698H16.8464V6.27818H15.5592V14.8187Z' fill='%23F6330A'/%3E%3Cpath d='M27.0811 6.27818V11.787C27.0811 12.9431 26.2912 13.7747 25.0098 13.7806C23.7226 13.7747 22.921 12.9431 22.9269 11.787V6.27818H21.6396V11.8932C21.6338 13.6862 22.9678 14.9602 25.0098 14.9602C27.0343 14.9602 28.3742 13.6862 28.3683 11.8932V6.27818H27.0811Z' fill='%23F6330A'/%3E%3Cpath d='M34.7109 8.53126H35.963C35.9221 7.1511 34.7226 6.16022 33.0024 6.16022C31.288 6.16022 29.9891 7.13931 29.9832 8.61384C29.9891 9.80526 30.8316 10.5012 32.1949 10.8787L33.2013 11.15C34.0965 11.3919 34.7987 11.6927 34.8045 12.4358C34.7987 13.2734 34.0146 13.8219 32.9322 13.8278C31.9433 13.8219 31.1242 13.3795 31.0481 12.4476H29.7609C29.8428 14.0047 31.0364 14.9602 32.9322 14.9602C34.9332 14.9602 36.0742 13.9045 36.08 12.4594C36.0742 10.9141 34.7167 10.3184 33.6343 10.053L32.8151 9.82885C32.1423 9.6696 31.2705 9.3511 31.2705 8.54306C31.2763 7.81759 31.9316 7.28086 32.9673 7.28086C33.9386 7.28086 34.629 7.73502 34.7109 8.53126Z' fill='%23F6330A'/%3E%3C/svg%3E%0A");
}

/* 카드 공통 */
.card {
    position: relative;
}

.pcard .description,
.card .description {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}

/*.card:not(header) .headline,*/
.card .description {
    word-break: break-all;
}

.card_body .title+.headline,
.card_body .title+.description {
    margin-top: 6px !important;
}

.card_body .title,
.card_body .label {
    font-size: 14px;
    line-height: 24px;
}

.card_body .description {
    font-size: 14px;
    line-height: 20px;
}

.card_body>button {
    margin-top: 12px;
}

.card_image {
    z-index: 1;
}

.card .card_image {
    flex: 0 0 auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
}

.card .card_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.card .card_image.rounded_circle {
    border-radius: 100% !important;
    overflow: hidden;
}

.card .meta .btn_bookmark,
.card .meta .btn_pdf {
    position: relative;
    margin-left: auto;
}

.meta span:first-child {
    position: relative;
}

.meta span:nth-child(2) {
    margin-left: 8px;
    padding-left: 11px;
}

.meta span:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #bcbcbc;
}

.card .meta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 0;
    color: #666;
    font-size: 13px;
    line-height: 21px;
}

.card .meta span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 22px;
}

.card .meta span span {
    position: relative;
    margin-left: 7px;
    padding-left: 7px;
}

.card .meta span span:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 50%;
    width: 3px;
    height: 3px !important;
    margin-top: -1.5px !important;
    border-radius: 50%;
    background-color: #000;
    opacity: 0.3;
}

.card .meta span:first-child span {
    margin-right: 0;
    padding-right: 0;
}

.card .meta span:first-child span:after,
.card .meta span:last-child span:after,
.card .meta span:last-child:after {
    display: none;
}

/* 유료화 카드 */
.pcard,
.card {
    width: 100%;
}

.pcard .card_image {
    border-radius: 12px;
    overflow: hidden;
}

.pcard .card_image+.card_body {
    padding-top: 12px;
}

.pcard .card_body {
    padding: 0 20px 20px;
}

.pcard .card_image a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.pcard .card_body .title {
    color: #111 !important;
}

.pcard .meta span {
    margin-right: 0;
    padding-right: 0;
}

.pcard .meta span::after {
    display: none;
}

.pcard .ico_play,
.pcard .ico_audio,
.pcard .ico_play:before,
.pcard .ico_audio:before,
.pcard .ico_play:after,
.pcard .ico_audio:after {
    width: 32px;
    height: 32px;
}

.pcard .ico_play:after,
.pcard .ico_audio:after {
    margin: 0 -16px -16px 0;
}

.pcard .meta {
    padding-top: 0;
}

.card_cover .meta .btn:not(.btn_s, .btn_outline_default).active {
    border-color: #000;
    background-color: #000;
    color: #fff !important;
}

.card_cover .ico_play,
.card_cover .ico_audio {
    top: 16px;
    right: 16px;
}

/* box */
.pchain {
    position: relative;
    margin-bottom: 10px;
    padding: 20px 20px 30px;
    background-color: #fff;
    border-radius: 12px;
}

.chain_wrap {
    border-top: 4px solid #000;
}

.showcase.show,
.showcase.show,
.grid.show,
.scroll_wrap.show,
.thema.show {
    display: flex !important;
}

/* 그리드 */
.grid {
    display: flex;
    gap: 20px 12px;
    grid-gap: 20px 12px;
}

.scroll_area {
    display: inline-flex;
    /*gap: 30px 10px;*/
    column-gap: 12px;
    grid-column-gap: 12px;
    vertical-align: top;
}

/* 시리즈 리스트 */
.story_list {
    display: flex;
    flex-direction: column;
}

.story_list .card {
    display: flex;
    position: relative;
}

.story_list .card:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: inherit;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0.1;
}

.story_list .card_body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.story_list .card_image {
    padding-top: 0;
    border-radius: 6px;
    overflow: hidden;
}

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

.story_list .title * {
    color: #111;
}

.story_list .headline .ico_up {
    margin-left: 3px;
    vertical-align: -2px;
}

/* badge - 완결 */
.badge_end {
    display: inline-block;
    width: 36px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='27' viewBox='0 0 46 27' fill='none'%3E%3Cpath opacity='0.55' d='M33.7333 0H12.2667C5.49197 0 0 6.04416 0 13.5C0 20.9558 5.49197 27 12.2667 27H33.7333C40.508 27 46 20.9558 46 13.5C46 6.04416 40.508 0 33.7333 0Z' fill='black'/%3E%3Cpath d='M15.0137 7.111C13.0798 7.111 11.7079 8.18276 11.7152 9.76488C11.7079 11.0991 12.715 12.0834 14.2256 12.3386V13.4686C13.0579 13.5051 11.9487 13.5124 11 13.5124L11.1751 14.8102C13.4082 14.8175 16.4733 14.7591 19.2172 14.2706L19.0858 13.0895C18.0642 13.2353 16.9622 13.3301 15.8603 13.3957V12.3313C17.3271 12.0615 18.3123 11.0772 18.3269 9.76488C18.3123 8.18276 16.9403 7.111 15.0137 7.111ZM12.8098 19.4472H21.9465V18.1348H14.4299V15.7288H12.8098V19.4472ZM13.2331 9.76488C13.2185 8.87539 13.9629 8.35045 15.0137 8.35045C16.0719 8.35045 16.7871 8.87539 16.7944 9.76488C16.7871 10.6325 16.0719 11.172 15.0137 11.1793C13.9629 11.172 13.2185 10.6325 13.2331 9.76488ZM19.8594 16.6183H21.4795V12.1563H23.2601V10.8148H21.4795V6.55689H19.8594V16.6183Z' fill='white'/%3E%3Cpath d='M34.9948 6.54231H33.3747V8.29212H30.711C30.7694 7.92029 30.8059 7.52658 30.8059 7.111H24.851V8.42336H28.9961C28.7699 10.1732 27.2227 11.5366 24.1212 12.1855L24.6905 13.5124C27.6095 12.8562 29.5434 11.5439 30.3608 9.53157H33.3747V10.8294H30.1929V12.0688H33.3747V13.2208H34.9948V6.54231ZM26.3105 15.0143H33.3747V15.9913H26.3251V19.593H35.3451V18.2952H27.9452V17.2016H34.9948V13.7311H26.3105V15.0143Z' fill='white'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 36px 20px;
    z-index: 2;
    vertical-align: -4px;
}

.story_list .card_body .badge_end {
    margin-left: 3px;
}

.story_list .card_image .badge_end {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* 주요 토픽 */
.tag_wrap {
    display: flex;
    flex-wrap: wrap;
}

.tag_wrap a,
.tag_wrap button {
    position: relative;
    padding: 6px 20px;
    border-radius: 50px;
    border: 1px solid #BCBCBC;
    color: #000;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.tag_wrap button {
    margin: 6px 5px;
    padding: 4px 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.tag_wrap .btn_black {
    color: #fff;
}

.tag_wrap a {
    position: relative;
    background-color: #fff;
}

.tag_wrap i {
    margin-right: 3px;
}

/* 인기 콘텐트·시리즈 */
.comp_best .grid5 .card {
    text-align: center;
}

.comp_best .grid5 .description {
    font-size: 13px;
    line-height: 21px;
}

.comp_best .grid5 .card .btn_area,
.comp_best .grid5 .card .btn_subs {
    margin-right: auto;
    margin-left: auto;
}

.comp_best .description + .btn,
.comp_best .description + [class*="btn"] .btn {
    padding: 6px 15px;
    border-color: #000;
    color: #000;
    font-size: 14px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
}

.comp_best .description + [class*="btn"] {
    margin-top: 12px;
}

.comp_best .description + .btn.active,
.comp_best .description + [class*="btn"] .btn.active {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

/* 랭킹 */
ol.story_list {
    counter-reset: index;
}

ol.story_list .meta span:first-child:after {
    display: none;
}

ol.story_list .card_body {
    display: flex;
    flex-direction: column;
}

ol.story_list li {
    padding-left: 30px;
}

ol.story_list li:after {
    counter-increment: index;
    content: counter(index);
    position: absolute;
    left: 0;
    top: 21px;
    font-size: 17px;
    line-height: 20px;
    font-family: Arial, serif;
    font-weight: 700;
    z-index: 1;
}

ol.story_list a[aria-label=영상],
ol.story_list a[aria-label=오디오] {
    display: block;
}

ol.story_list a[aria-label=영상]:before,
ol.story_list a[aria-label=오디오]:before,
.comp_curation .story_list a[aria-label=영상]:before
.comp_curation .story_list a[aria-label=오디오]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    border-radius: 6px;
    z-index: 1;
}

ol.story_list .ico_play,
ol.story_list .ico_audio,
.comp_curation .ico_play,
.comp_curation .ico_audio {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    background: none;
    z-index: 10;
}

ol.story_list .ico_play:before,
ol.story_list .ico_audio:before,
.comp_curation .ico_play:before,
.comp_curation .ico_audio:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 24px;
    height: 24px;
    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;
}

ol.story_list .ico_play:after,
ol.story_list .ico_audio:after,
.comp_curation .ico_play:after,
.comp_curation .ico_audio:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 50%;
    right: 50%;
    width: 24px;
    height: 24px;
    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);
}

ol.story_list .ico_play:after,
.comp_curation .ico_play:after {
    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");
}

ol.story_list .ico_audio:after,
.comp_curation .ico_audio:after {
    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;
}

/* aside */
aside .title_wrap:not(.nav) .title,
aside .chain_wrap .title {
    font-size: 16px;
    line-height: 24px;
}

/* onboarding */
.comp:not(.layer_popup) {
    margin: 50px auto;
}

.comp .title_wrap {
    flex-direction: column;
    justify-content: center;
}

.comp .title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.comp .title+.description {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0.5;
}

.comp .button_wrap {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding-top: 24px;
    font-size: 14px;
    line-height: 20px;
}

.comp .button_wrap .btn,
.comp .layer_footer .btn {
    width: 100%;
    height: 56px;
    margin-bottom: 16px;
    background-color: #CDCDCD;
    color: #fff;
    font-size: 14px;
}

.comp .btn.active {
    background-color: #000;
}

.comp .button_wrap a {
    color: #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
}

.comp.comp_best .title_wrap {
    margin-bottom: 50px;
}

.comp.comp_best .card {
    display: flex;
}

.comp.comp_best .card_image {
    width: 80px;
    height: 80px;
    padding-top: 80px;
}

.comp_best .grid5 .headline {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
}

.comp.comp_best .grid5 .headline {
    height: 24px;
}

.comp_best .grid5 .description {
    height: 48px;
}

.comp.comp_best .description {
    margin-top: 0;
}

.comp_tag .title_wrap {
    margin-bottom: 44px;
}

.comp_tag .tag_wrap {
    margin: -6px auto;
    /*gap: 12px 8px;*/
    justify-content: center;
}

.comp_tag .tag_wrap button {
    color: #444;
}

.comp_tag .tag_wrap .active {
    color: #000;
}

.comp_tag .tag_wrap .active::before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50px;
    border: 2px solid rgba(0, 0, 0, 1);
}

.card_image.disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.btn_area {
    position: relative;
}

/* 분기 예외처리 - 모바일 + 태블릿 */
@media only screen and (max-width: 985px) {
    html {
        overflow-x: hidden;
    }

    footer .footer_info {
        padding-top: 16px;
    }

    .contents {
        margin-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .title_wrap {
        margin-bottom: 20px;
    }

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

    .title_wrap a.title {
        display: inline-block;
        margin-right: 16px;
    }

    .card_cover .btn .ico_download {
        height: 12px;
        width: 12px;
        margin: 0 0 0 3px !important;
    }

    .card_cover .btn.active .ico_download {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg id='Download/20'%3E%3Cpath id='Union' fill-rule='evenodd' clip-rule='evenodd' d='M6.15139 9.75285L2.75684 6.35829L3.60536 5.50977L6.99992 8.90432L10.3936 5.51064L11.2421 6.35916L6.99949 10.6018L6.15097 9.75328L6.15139 9.75285Z' fill='white'/%3E%3Crect id='Rectangle 1318' x='6.40039' y='2' width='1.2' height='7.6084' fill='white'/%3E%3Crect id='Rectangle 1319' x='1' y='11.8125' width='12' height='1.2' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    }

    .btn_top {
        display: none !important;
    }

    /* 그리드 예외 */
    .contents>.grid:first-child {
        display: block;
    }

    /* box */
    .pchain {
        padding-bottom: 40px;
        border-radius: 0;
    }

    /* scroll */
    .scroll_wrap {
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .scroll_wrap .pcard,
    .scroll_wrap .card {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 100%;
        scroll-snap-align: center;
    }

    .scroll_wrap .pcard {
        width: 240px;
    }

    .scroll_wrap .card {
        width: 280px;
    }

    .pchain .scroll_wrap,
    .chain_wrap .scroll_wrap {
        margin: 0 -20px;
    }

    .chain_wrap .scroll_area {
        /*gap: 30px 12px*/
        column-gap: 12px;
        grid-column-gap: 12px;
    }

    .card .card_body .headline {
        font-size: 16px;
        line-height: 24px;
    }

    .story_list .card .meta .btn_bookmark {
        margin-right: -4px;
    }

    /* story_list */
    .story_list {
        row-gap: 18px;
        grid-row-gap: 18px;
    }

    .story_list .card {
        padding-top: 18px;
        column-gap: 12px;
        grid-column-gap: 12px;
    }

    ol.story_list {
        width: 100%;
    }

    ol.story_list .ico_play:after,
    ol.story_list .ico_audio:after,
    .comp_curation .ico_play:after,
    .comp_curation .ico_audio:after {
        margin: 0 -12px -12px 0;
    }

    ol.story_list .btn_bookmark.active .ico_bookmark {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='none'%3E%3Cpath d='M15 2a1 1 0 0 1 1 1v19h-.5L8 17.5.5 22H0V3a1 1 0 0 1 1-1h14Z' fill='%231D1D1D'/%3E%3C/svg%3E");
    }

    .tag_wrap:not(nav, dd) {
        /*gap: 14px 6px;*/
        margin: -7px -3px;
    }


    /* aside */
    aside .chain_wrap .title {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 28px;
    }

    /* onboarding */
    .comp .scroll {
        height: 50vh;
        overflow-y: auto;
    }

    .comp.comp_best .grid {
        row-gap: 28px;
        margin-bottom: 16px;
    }

    .comp.comp_best .card {
        display: flex;
        column-gap: 16px;
        grid-column-gap: 16px;
    }

    .comp.comp_best .card:not(:first-child):before {
        content: '';
        position: absolute;
        top: -14px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, .1);
    }

    .comp.comp_best .card_body {
        padding: 0;
        text-align: left;
    }

    .comp.comp_best .headline {
        min-height: 32px;
        width: calc(100% - 100px);
        line-height: 32px;
    }

    .comp.comp_best .description {
        padding-top: 4px;
    }

    .comp.comp_best .card .btn,
    .comp.comp_best .card .btn_area,
    .comp.comp_best .card .btn_subs {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

    .comp.comp_tag:not(.layer_popup) .tag_wrap {
        margin-bottom: 10px;
    }

    .comp.comp_best .layer_subs_plus {
        left: auto;
        transform: translate(0, 0);
    }

    .comp.comp_best .layer_subs_plus::before {
        right: 29px;
        left: auto;    
    }

    .comp.comp_best .btn + .layer_subs_plus::before {
        right: 45px;
    }
}

/* 분기 예외처리 - only 모바일 */
@media (max-width: 689px) {
    .overflow_hidden {
        overflow: hidden;
    }

    html.overflow_hidden {
        height: 100vh;
    }

    /* grid */
    .scroll_area {
        display: inline-grid;
        grid-auto-flow: column;
    }

    .grid,
    .story_list,
    .story_list .card,
    .comp.comp_best .card {
        display: grid;
    }

    .story_list .card,
    .comp.comp_best .card {
        grid-auto-flow: column;
    }

    aside .story_list .card {
        grid-template-columns: 1fr;
    }

    .comp.comp_best .card {
        grid-template-columns: 80px 1fr;
    }

    .grid {
        flex-direction: column;
    }

    .scroll_wrap .pcard:first-child,
    .scroll_wrap .card:first-child {
        margin-left: 20px;
    }

    .scroll_wrap .pcard:last-child,
    .scroll_wrap .card:last-child {
        margin-right: 20px;
    }

    .pchain {
        width: 100vw !important;
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* 분기 예외처리 - 태블릿까지 */
@media (min-width: 690px) {

    /* 랭킹 */
    ol.story_list li {
        padding-left: 52px;
    }

    /* 주요 토픽 */
    .tag_wrap .description {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 25px;
    }
}

/* 분기 예외처리 - only 태블릿 */
@media (min-width: 690px) and (max-width: 985px) {

    .grid.story_list {
        flex-direction: column;
    }

    .header_wrap,
    .uh,
    .contents,
    .title_wrap .sticky_top.tab_nav {
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    /* scroll */
    .pchain {
        padding: 20px 24px;
    }

    .chain_wrap .scroll_wrap {
        margin: 0;
    }

}

/* 분기 예외처리 - 노트북까지 */
@media (min-width: 986px) {

    .scroll_area {
        width: 100%;
        --gap: 30px;
        gap: var(--gap);
    }

    .contents {
        margin-bottom: 120px;
    }

    .lg_hide {
        display: none !important;
    }

    .lg_show {
        display: block !important;
    }

    /* 그리드 */
    .grid {
        --gap: 30px;
        gap: var(--gap);
    }

    .grid2 {
        flex-direction: row !important;
        --columns: 2 !important;
    }

    .grid3 {
        --columns: 3;
    }

    .grid4 {
        --columns: 4;
    }

    .grid5 {
        --columns: 5 !important;
    }

    .title_wrap .title,
    .pchain>.title,
    .chain_wrap>.title {
        font-size: 20px;
        line-height: 30px;
    }

    /* 유료화 카드 */
    .pcard,
    .card {
        margin: 0;
        border: none;
    }

    /* box */
    .pchain {
        margin-bottom: 30px;
        padding: 24px 30px 30px;
    }

    .chain_wrap {
        margin-bottom: 60px;
        padding: 8px 0 0;
    }

    .pchain>.title,
    .chain_wrap>.title {
        margin-bottom: 24px;
    }

    .card_body .description {
        font-size: 16px;
        line-height: 25px;
    }

    .card_cover .ico_play,
    .card_cover .ico_audio {
        top: 20px;
        right: 20px;
    }

    .card .card_body .headline {
        font-size: 20px;
        line-height: 30px;
    }

    /*.pcard .card_body .headline {
        font-size: 18px;
        line-height: 28px;
    }*/
    .pcard .card_body .headline {
        font-size: 17px;
        line-height: 26px;
    }

    .card_cover .meta .btn,
    .card_cover .btn_group .btn {
        padding: 6px 18px;
        border-color: #fff;
        font-size: 14px;
    }

    .pcard .btn_group .ico_more {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M4 2L9.6 7.66649L4 13.2' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    }

    /* 스토리 리스트 */
    .story_list {
        --gap: 20px;
        gap: var(--gap);
    }

    .story_list .card {
        column-gap: 24px;
        grid-column-gap: 24px;
        padding-top: 20px;
    }

    .story_list .headline .ico_up {
        vertical-align: -1px;
    }

    ol.story_list .ico_play:before,
    ol.story_list .ico_audio:before,
    .comp_curation .ico_play:before,
    .comp_curation .ico_audio:before {
        bottom: 0;
        right: 0;
        width: 32px;
        height: 32px;
    }

    ol.story_list .ico_play:after,
    ol.story_list .ico_audio:after,
    .comp_curation .ico_play:after,
    .comp_curation .ico_audio:after {
        bottom: 0;
        right: 0;
        width: 32px;
        height: 32px;
    }

    ol.story_list .ico_audio,
    ol.story_list .ico_play,
    .comp_curation .ico_audio,
    .comp_curation .ico_play {
        bottom: 10px;
        height: 32px;
        right: 10px;
        width: 32px;
    }

    /* 주요 토픽 */    
    .tag_wrap:not(nav, dd) {
        margin: -6px -4px;
    }

    .tag_wrap a {
        padding: 7px 20px;
    }

    .tag_wrap button {
        margin: 7px 5px;
        padding: 6px 19px;
        font-size: 18px;
        line-height: 28px;
    }

    /* 인기 콘텐트·시리즈 */
    .comp_best .nav {
        column-gap: 30px;
        grid-column-gap: 30px;
    }

    .comp_best .grid {
        --columns: 3;
    }

    .comp_best .story_list {
        width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
    }

    .comp_best .grid5 .description {
        height: 46px;
        font-size: 14px;
        line-height: 20px;
    }

    .comp_best .story_list .headline {
        font-size: 16px;
        line-height: 24px;
    }

    .comp.comp_best .story_list .headline {
        height: 28px;
    }

    .comp_best .grid5 {
        --gap: 20px;
    }

    .comp_best .grid5 .headline {
        font-size: 18px;
        line-height: 28px;
    }

    /* onboarding */
    .comp:not(.layer_popup) {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .comp .title {
        font-size: 24px;
        line-height: 36px;
    }

    .comp .button_wrap {
        width: 320px;
        padding-top: 0;
    }

    .comp.comp_best:not(.layer_popup) {
        margin-top: 90px;
    }

    .comp.comp_best .title_wrap {
        margin-bottom: 100px;
    }

    .comp.comp_best .card {
        max-width: 184px;
        flex-direction: column;
    }

    .comp.comp_best .description {
        color: #666;
    }

    .comp.comp_best .card_body {
        padding: 12px 0 0;
    }

    .comp.comp_best .card_image {
        width: 140px;
        height: 140px;
        margin: 0 auto;
        padding-top: 140px;
    }

    .comp.comp_best .button_wrap {
        padding-top: 96px;
    }

    .comp.comp_tag .tag_wrap {
        width: 620px;
    }

    .comp.comp_tag .button_wrap {
        padding-top: 70px;
    }

    .comp_tag .title_wrap {
        margin-bottom: 70px;
    }

    .comp_tag:not(.layer_popup) {
        margin-top: 80px;
    }

    .comp_tag .tag_wrap {
        width: 560px;
        margin: -7px auto;
    }

    aside .scroll_area .card {
        width: 100%;
    }

    .story_list .ico_pdf_tooltip {
        bottom: 0;
        position: absolute;
        right: 25px;
    }

    .story_list .btn_pdf:hover .ico_pdf_tooltip {
        display: block
    }
    
    /* 카드 공통 */
    .card_image img {
        -webkit-transition: -webkit-transform .2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform .2s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: transform .2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .2s cubic-bezier(0.165, 0.84, 0.44, 1);
        image-rendering: -webkit-optimize-contrast;
    }

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

    a,
    button {
        transition: opacity 0.2s ease-in-out;
    }

    .btn_subs:hover,
    a:not(.btn_shortcut, .card_image, .btn, .btn_full):hover,
    .jswiper_pagination button:hover,
    .btn_share:hover,
    .tag_wrap button:hover,
    .tag_wrap button.active:hover:before,
    .comp_best .description + [class*="btn"] button:hover,
    .comp_best .description + .btn:hover  {
        opacity: .7;
    }

    /* 랭킹 */
    ol.story_list .card_image:hover .ico_play:before,
    ol.story_list .card_image:hover .ico_audio:before,
    .comp_curation .card_image:hover .ico_play:before,
    .comp_curation .card_image:hover .ico_audio:before {
        opacity: 1;
    }

    ol.story_list .card_image:hover .ico_play:after,
    ol.story_list .card_image:hover .ico_audio:after,
    .comp_curation .card_image:hover .ico_play:after,
    .comp_curation .card_image:hover .ico_audio:after {
        transform: scale(0.44);
    }

    /* hover 예외 */
    .card_image a:hover,
    .masthead_menu a:hover {
        opacity: 1;
    }

}

/* 분기 예외처리 - only 노트북 */
@media (min-width: 986px) and (max-width: 1279px) {

    .contents,
    .footer_wrap,
    .header .menu_popup .scroll {
        max-width: 946px !important;
        padding-left: 0;
        padding-right: 0;
    }

    /* 그리드 */
    .contents>.grid:first-child {
        display: block;
    }

    .grid4 {
        --columns: 3;
    }

    /* aside */
    aside .md_hidden {
        display: none !important;
    }

}

@media (min-width: 1280px) {

    .content_area>.pchain:last-child {
        margin-bottom: 0;
    }

}

/* layout.css 예외처리 */
.layer_search .chain_wrap {
    margin-bottom: 0;
    padding: 0 !important;
    border-top: none;
}

.layer_search .title_wrap .title {
    font-size: 18px !important;
    line-height: 28px !important;
}

.layer_search .card .card_image {
    width: auto;
    padding-top: 0;
    border-radius: 0;
}

.layer_search .card .card_image+.card_body {
    padding: 0;
}

.layer_search .pcard .card_body {
    padding: 25px 20px;
}

.layer_popup.layer_search_plus .title_wrap .title_area {
    width: 100%;
}

.layer_search .chain_wrap .title_wrap {
    margin: 0;
}

.layer_popup .title_area .title {
    font-size: 18px;
    line-height: 28px;
}

.layer_search .description {
    display: block;
}

.side_nav .btn_close {
    top: 0 !important;
    right: 18px !important;
}

.comp_best .layer_subs_plus {
    left: 50%;
    right: 0;
    top: 42px;
    text-align: left;
}

.comp_best  .layer_subs_plus {
    transform: translate(-50%, 0);
}

.comp_best .layer_subs_plus::before {
    right: auto;
    left: 50%;    
    margin-left: -9px;
}

@media (max-width: 985px) {
    .layer_search .pcard .card_body .headline {
        font-size: 20px;
        line-height: 30px;
    }

    .layer_search .scroll_wrap .pcard:first-child,
    .layer_search .scroll_wrap .card:first-child {
        margin-left: 0;
    }

    .layer_search .scroll_wrap .pcard:last-child,
    .layer_search .scroll_wrap .card:last-child {
        margin-right: 0;
    }

    .layer_search .photo_list1 .card_image img {
        width: 132px;
    }

    .layer_search .card .card_body .headline {
        display: block;
        overflow: visible;
        font-size: 18px;
        line-height: 27px;
    }
}

@media (min-width: 986px) {
    .layer_popup.layer_search_plus .chain_wrap {
        padding: 0;
    }

    .layer_search .card.col_lg20 {
        width: 20%;
    }

    .layer_popup.layer_search_plus .pcard {
        width: calc(25% - 30px);
    }

    .layer_search .card .card_body .headline {
        font-size: 16px;
        line-height: 24px;
    }
}

/* 유료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;
    }
}

/* 특정타임 무료공개 - 컴포넌트 */
.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");
}

/* 이벤트 개선 */
.event_list_v2 .badge_white {
    background: #fff;
    color: #000 !important;
}

.event_list_v2 .badge_outline_white {
    position: relative;
}

.event_list_v2 .badge_outline_white::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.event_list_v2 .card {
    min-width: 0;
}

.event_list_v2 .card_image img {
    left: auto;
    right: 0;
    width: auto;
    height: 100%;
    aspect-ratio: 1 / 1;
}

.event_list_v2 a:hover .headline {
    opacity: .7;
    /* opacity: 1; */
}

.event_list_v2 .text_area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    color: #fff;
}

.event_list_v2 .title {
    display: block;
    position: relative;
    margin-bottom: 4px;
    font-family: Noto Serif KR;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.event_list_v2 .card_image .headline {
    position: relative;
    width: 100%;
    /* max-width: 160px; */
    /* max-width: 190px; */
    max-width: 180px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;

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

.event_list_v2 .card_image .meta {
    position: static;
    margin-top: auto;
}

.event_list_v2 .meta [class*='badge'] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 0;
    min-width: 40px;
    height: 18px;
    padding: 0 4px;
    font-size: 11px;
}

.event_list_v2 .meta [class*='badge'] + [class*='badge'] {
    margin-left: 4px;
}

.event_list_v2 .card_body .headline,
.event_list_v2 .card_body .description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_list_v2 .card_body .headline {
    margin-top: 12px;
    font-size: 18px;
    line-height: 27px;
}

.event_list_v2 .card_body .description {
    display: block;
    padding-top: 4px;
    font-size: 15px;
    line-height: 24px;

}

.event_list_v2 .card_body .meta {
    display: block;
    margin-top: 16px;
}

.event_list_v2 .card_body dl {
    display: flex;
}

.event_list_v2 .card_body dl + dl {
    margin-top: 4px;
}

.event_list_v2 .card_body dt {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
}

.event_list_v2 .card_body dd {
    margin-left: 8px;
    font-size: 14px;
    color: #666;
    line-height: 21px;
}

/* 구독 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) {

    .event_list_v2 .color_curation1 .text_area {
        background: linear-gradient(90deg, #EB3FA6 46.25%, rgba(235, 63, 166, 0) 51.7%);
    }

    .event_list_v2 .color_curation2 .text_area {
        background: linear-gradient(90deg, #8955D0 46.25%, rgba(137, 85, 208, 0) 51.7%);
    }

    .event_list_v2 .color_curation3 .text_area {
        background: linear-gradient(90deg, #297ED3 46.25%, rgba(41, 126, 211, 0) 51.7%);
    }

    .event_list_v2 .color_curation4 .text_area {
        background: linear-gradient(90deg, #19738F 46.25%, rgbargba(15, 175, 129, 0) 51.7%);
    }

    .event_list_v2 .color_curation5 .text_area {
        background: linear-gradient(90deg, #10A871 46.25%, rgba(15, 175, 129, 0) 51.7%);
    }

    .event_list_v2 .color_curation6 .text_area {
        background: linear-gradient(90deg, #D77C29 46.25%, rgba(215, 124, 41, 0) 51.7%);
    }

    .event_list_v2 .color_curation7 .text_area {
        background: linear-gradient(90deg, #18181D 46.25%, rgba(24, 24, 29, 0) 51.7%);
    }

    .event_list_v2 .color_curation8 .text_area {
        background: linear-gradient(90deg, #505057 46.25%, rgba(80, 80, 87, 0) 51.7%);
    }

    /* 구독 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) {

    .event_list_v2 .title {
        font-weight: 400;
    }

    .event_list_v2 .card_image .headline {
        /* max-width: 140px; */
        /* max-width: 210px; */
        max-width: 160px;
        font-size: 18px;
        line-height: 28px;
    }

    .event_list_v2 .card_body .headline {
        font-size: 20px;
        line-height: 30px;
    }

    .event_list_v2 .meta [class*='badge'] {
        min-width: 52px;
        height: 24px;
        padding: 0 7px;
        font-size: 12px;
    }

    .event_list_v2 .meta [class*='badge'] + [class*='badge'] {
        margin-left: 3px;
    }

    /* 구독 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;}

}

@media (min-width: 1280px) {

    .event_list_v2 .text_area {
        padding: 22px 24px;
    }

    .event_list_v2 .card_image .headline {
        /* max-width: 170px; */
        /* max-width: 210px; */
        max-width: 190px;
        font-size: 22px;
        line-height: 34px;
    }

    .event_list_v2 .card_body .headline {
        margin-top: 16px;
    }

}

/* 오디오 모듈 */
.index .chain_wrap.comp_audio_player{padding:30px 20px;margin-bottom:10px;margin-top:10px}
.index .chain_wrap.comp_audio_player.content_type{padding:0;margin-top:19px;margin-bottom:40px;border-top:0}
.comp_audio_player{position:relative;display:flex;flex-direction:column;margin:30px 0;border-top:0}
.comp_audio_player::before{content:"";position:absolute;top:0;bottom:0;left:-50vw;right:-50vw;background-color:#fff;z-index:-1}
.comp_audio_player .card{position:relative;display:grid;grid-auto-flow:column;grid-template-columns:72px 1fr;grid-column-gap:16px;align-items:center;margin-bottom:0;padding-bottom:44px}
.comp_audio_player .card_image{overflow:hidden;padding-top:0;width:72px;height:72px;border-radius:4px}
.comp_audio_player .card_image a{height:100%}
.comp_audio_player .card_image a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.06);z-index:1}
.comp_audio_player .card_image a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:.04}
.comp_audio_player .card_image img:not([class]){position:absolute;top:0;left:0;width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}
.comp_audio_player .card_body{display:block}
.comp_audio_player .card_body .title{display:flex;justify-content:flex-start;align-items:center;font-size:14px;line-height:22px;margin-bottom:-4px}
.comp_audio_player .card_body .title a{margin-top:0;font-weight:400;line-height:24px;color:#666;min-height:24px;display:-webkit-box;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.comp_audio_player .card_body .headline{font-size:16px;line-height:24px;font-weight:700}
.comp_audio_player .audio_info{display:flex;justify-content:center;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}
.comp_audio_player .audio_info .font_gray2{font-size:14px;line-height:22px;font-weight:400}
.comp_audio_player .badge_preview{margin-top:1px;padding:4px 8px;font-size:11px;line-height:11px;color:#f6330a;background-color:#fff;border:1px solid #f6330a;border-radius:20px}
.comp_audio_player .badge_preview+a{margin-left:6px}
.comp_audio_player iframe{position:absolute;left:0;bottom:0;width:100%;height:28px}
.comp_audio_player.content_type{border-top:0}
.comp_audio_player.content_type .card{padding:0 0 44px}
.comp_audio_player.content_type .card_body{padding-top:0}
.comp_audio_player.content_type .card_body .title{margin-bottom:4px}
.comp_audio_player.content_type .card_body .title a{min-height:21px;font-size:13px;line-height:21px;font-weight:700;color:#f6330a}
.comp_audio_player.content_type .headline{margin-top:0}
.comp_audio_player.content_type iframe{margin-top:0}
@media(min-width: 690px){
.comp_audio_player.content_type{margin-top:40px;margin-bottom:40px}
.comp_audio_player.content_type .card{padding-bottom:0}
.comp_audio_player.content_type .card_body{padding-bottom:0}
.comp_audio_player.content_type .card_body .title{margin-bottom:2px}
.comp_audio_player.content_type .card_body .title a{font-size:12px;line-height:20px}
.comp_audio_player.content_type .headline{font-size:16px;line-height:24px}
.comp_audio_player.content_type .badge_preview{font-size:10px;line-height:10px;padding-top:3px;padding-bottom:3px;padding-right:6px;padding-left:6px}
.comp_audio_player.content_type iframe{position:relative;left:auto;bottom:auto;margin-top:8px}
}
@media(min-width:986px){
.index .chain_wrap.comp_audio_player{margin:30px auto;padding-left:30px;padding-right:30px}
.comp_audio_player{background:#fff;padding:30px;border-radius:16px}
.comp_audio_player::before{content:none}
}
@media(min-width:1280px){
.index .chain_wrap.comp_audio_player.content_type{padding-left:0;padding-right:0}
.comp_audio_player .card{padding-bottom:0}
.comp_audio_player .card_body .title{font-size:16px;line-height:24px;margin-bottom:-6px}
.comp_audio_player .card_body .title a{font-size:14px;line-height:24px}
.comp_audio_player .card_body .headline{font-size:16px;line-height:24px}
.comp_audio_player .badge_preview{padding-left:6px;padding-right:6px;font-size:10px;line-height:10px}
.comp_audio_player iframe{position:relative;bottom:auto;margin-top:8px}
.comp_audio_player.content_type{padding:0}
.comp_audio_player.content_type iframe{margin-top:8px}
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
    @media (min-width: 768px) {
        /* grid */
        .scroll_area {
            display: inline-grid;
            grid-auto-flow: column;
        }
        .grid,
        .story_list,
        .story_list .card,
        .comp.comp_best .card {
            display: grid;
        }
        .story_list .card,
        .comp.comp_best .card {
            grid-auto-flow: column;
        }
        aside .story_list .card {
            grid-template-columns: 1fr;
        }
        .comp.comp_best .card {
            grid-template-columns: 80px 1fr;
        }
        .scroll_wrap .card {
            width: 100%;
        }
        .grid .story_list {
            width: 100%;
        }
    }
    @media (min-width: 1024px) {
      .scroll_area .pcard,
      .scroll_area .card {
        width: 100% !important;
      }
    }
  }


/* 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,.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 .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,.1);border-bottom:1px solid rgba(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:.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 .2s cubic-bezier(.165,.84,.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:.04}
.popup_module .card_image a:hover{opacity:1}
.popup_module .card_image a:hover img{transition-duration:.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(.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:-.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:0}
.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")}
.snackbar{display:none;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);border:1px solid rgba(255,255,255,.3);border-radius:6px;z-index:205;display:flex;align-items:center;justify-content:center;border-radius:6px}
@media (min-width:986px){
.snackbar{max-width:720px;bottom:20px;z-index:311}
.snackbar.openSearchLayer{z-index:299}
}
.snackbar .card_list{gap:16px}
@media (min-width:986px){
.snackbar .card_list{padding-top:17px;padding-bottom:17px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding-top:20px;padding-bottom:20px}
}
.snackbar .card_list .card{display:grid;grid-template-rows:1fr;grid-template-columns:60px auto;align-items:center}
.snackbar .card_list .card .headline{font-weight:500;font-size:15px;line-height:24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;text-align:left;-webkit-box-align:start}
.snackbar .card_list .card_body{margin-left:14px}
.snackbar .card_image{position:relative;overflow:hidden;width:62px;height:62px}
.snackbar .card_image::after{border:1px solid #000;bottom:0;content:"";left:0;opacity:.04;position:absolute;right:0;top:0;width:62px;height:62px}
.snackbar .card_image img{left:0;min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;transition:transform .2s cubic-bezier(.165,.84,.44,1);image-rendering:-webkit-optimize-contrast}
.snackbar .card_image a:after{border:1px solid #000;content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04}
.snackbar .card_image a:hover{opacity:1}
.snackbar .card_image a:hover img{transition-duration:.3s;transform:scale(1.05)}
.snackbar .card_image a:hover .ico_audio:before,.snackbar .card_image a:hover .ico_play:before{opacity:1}
.snackbar .card_image a:hover .ico_audio:after,.snackbar .card_image a:hover .ico_play:after{transform:scale(.44)}
.snackbar .flex{height:auto;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.snackbar .flex .title{font-weight:400;font-size:14px;line-height:24px}
.snackbar .flex strong:not(class){font-weight:700;font-size:15px;line-height:22px}
.snackbar .flex .desc{font-weight:400;font-size:13px;line-height:21px;vertical-align:text-bottom}
@media (max-width:364px){
.snackbar .flex .desc .desc{display:inline}
}
@media (min-width:986px){
.snackbar .flex .desc{margin-top:0;font-weight:400;font-size:14px;line-height:24px}
}
.snackbar .badge{display:flex;align-items:center;justify-content:center;border-radius:40px;min-width:109px;width:fit-content;height:20px;font-weight:700;font-size:12px;line-height:20px;padding:0;margin:0 auto 20px}
.snackbar .expanded_content{display:none}
.snackbar .btn_close,.snackbar .ico_arrow_up{position:absolute;top:10px;right:10px;width:20px;height:20px}
@media (min-width:986px){
.snackbar .btn_close,.snackbar .ico_arrow_up{top:20px;right:20px}
}
@media (min-width:986px){
.snackbar .ico_arrow_up{top:50%;transform:translateY(-50%)}
}
.snackbar.show{display:flex!important;height:auto;animation:slideUp .3s ease-in-out}
.snackbar.show .flex{padding:12px 30px;width:100%}
.snackbar.leader_reader{background:#2c4a92}
.snackbar.leader_reader.expanded .series_name{color:#4160b4}
.snackbar.leader_reader.expanded .bracket{color:rgba(44,74,146,.3)}
.snackbar.leader_reader.expanded .badge{color:#2c4a92;background:#eaedf4}
.snackbar.leader_reader.expanded .btn_bg{background-color:#2c4a92}
.snackbar.with_the_world{background:#1f92b8}
.snackbar.with_the_world.expanded .series_name{color:#1f92b8}
.snackbar.with_the_world.expanded .bracket{color:rgba(31,146,184,.3)}
.snackbar.with_the_world.expanded .badge{color:#1f92b8;background:#e9f4f8}
.snackbar.with_the_world.expanded .btn_bg{background-color:#1f92b8}
.snackbar.enjoy_making_money{background:#c04d3f}
.snackbar.enjoy_making_money.expanded .series_name{color:#c04d3f}
.snackbar.enjoy_making_money.expanded .bracket{color:rgba(192,77,63,.3)}
.snackbar.enjoy_making_money.expanded .badge{color:#c04d3f;background:#f9edec}
.snackbar.enjoy_making_money.expanded .btn_bg{background-color:#c04d3f}
.snackbar.mindfulness{background:#d89a45}
.snackbar.mindfulness.expanded .series_name{color:#d89a45}
.snackbar.mindfulness.expanded .bracket{color:rgba(216,154,69,.3)}
.snackbar.mindfulness.expanded .badge{color:#d89a45;background:#fbf5ec}
.snackbar.mindfulness.expanded .btn_bg{background-color:#d89a45}
.snackbar.with_family{background:#7557ad}
.snackbar.with_family.expanded .series_name{color:#7557ad}
.snackbar.with_family.expanded .bracket{color:rgba(117,87,173,.3)}
.snackbar.with_family.expanded .badge{color:#7557ad;background:#f1eef7}
.snackbar.with_family.expanded .btn_bg{background-color:#7557ad}
.snackbar.what_to_do_resting{background:#0e8f82}
.snackbar.what_to_do_resting.expanded .series_name{color:#0e8f82}
.snackbar.what_to_do_resting.expanded .bracket{color:rgba(14,143,130,.3)}
.snackbar.what_to_do_resting.expanded .badge{color:#0e8f82;background:#e7f4f2}
.snackbar.what_to_do_resting.expanded .btn_bg{background-color:#0e8f82}
.snackbar .bracket{font-family:sans-serif;font-weight:700;font-size:18px;line-height:22px;color:rgba(255,255,255,.3);vertical-align:middle}
.snackbar .bracket.left{margin-right:4px}
.snackbar .bracket.right{margin-left:4px}
.snackbar.expanded{display:block;animation:snackbarExpand .5s ease-in-out;padding:30px;background-color:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,.3019607843)}
.snackbar.expanded .flex{display:none!important}
.snackbar.expanded .desc{margin-top:2px}
@media (min-width:986px){
.snackbar.expanded .desc{margin-top:6px}
}
.snackbar.expanded .flex{height:auto;color:#000}
.snackbar.expanded .flex .title{font-size:16px;font-weight:700}
@media (min-width:986px){
.snackbar.expanded .flex .title{font-size:20px;line-height:30px}
}
@media (min-width:986px){
.snackbar.expanded .flex .desc{margin-top:4px;font-weight:400;font-size:15px;line-height:22px}
}
.snackbar.expanded .desc{font-weight:400;font-size:14px;line-height:22px;letter-spacing:-.4px;text-align:center;margin-top:0}
.snackbar.expanded .desc .ico_ai{vertical-align:sub;margin-right:4px}
.snackbar.expanded .headline_wrap{margin-bottom:10px}
@media (min-width:986px){
.snackbar.expanded .headline_wrap{border-bottom:0;padding-bottom:0;margin-bottom:6px}
}
.snackbar.expanded .headline_wrap .headline{font-weight:700;font-size:16px;line-height:24px;text-align:center;display:inline}
@media (min-width:986px){
.snackbar.expanded .headline_wrap .headline{width:fit-content;font-size:17px;line-height:24px}
}
.snackbar.expanded .headline_wrap .desc{font-weight:700;font-size:16px;line-height:24px;margin-left:2px}
@media (min-width:986px){
.snackbar.expanded .headline_wrap .desc{width:fit-content;margin-left:5px;font-size:17px;line-height:24px;margin-left:4px}
}
.snackbar.expanded .headline_inner{display:flex;align-items:center;justify-content:center;flex-direction:row;display:block;text-align:center}
@media (min-width:986px){
.snackbar.expanded .headline_inner{flex-direction:row}
}
.snackbar.expanded .btn_bg{margin-top:16px}
@media (min-width:986px){
.snackbar.expanded .btn_bg{margin-top:24px;font-size:16px}
}
.snackbar.expanded .headline{display:flex;align-items:center;justify-content:center}
.snackbar.expanded .expanded_content{display:block}
@media (min-width:986px){
.snackbar.expanded .expanded_content{padding-left:20px;padding-right:20px}
.snackbar.expanded .expanded_content .desc{font-size:16px;line-height:25px}
.snackbar.expanded .expanded_content .headline_inner .desc{font-size:17px;line-height:24px}
}
.snackbar.expanded .card_list{margin-top:20px}
.snackbar.expanded .card{margin-top:16px}
@media (max-width:985px) and (orientation:portrait){
.snackbar.expanded .card:not(:nth-of-type(1)){display:none}
}
@media (max-width:985px) and (orientation:landscape){
.snackbar.expanded .card:not(:nth-of-type(1)){display:none}
}
@media (min-width:986px){
.snackbar.expanded .card{margin-top:0}
.snackbar.expanded .card:not(:nth-of-type(1)){display:grid}
}
.snackbar.expanded .bracket{display:none;font-weight:700;font-size:22px;line-height:28px}
.snackbar.expanded .bracket.left{margin-right:5px}
.snackbar.expanded .bracket.right{margin-left:5px;margin-right:0}
.snackbar.series{background-color:#18181d}
.snackbar.series .flex{display:flex!important;margin:0 auto}
.snackbar.series .title{font-size:16px;font-weight:700}
@media (min-width:986px){
.snackbar.series .title{font-size:16px}
}
.snackbar.series.expanded{background-color:#fff}
.snackbar.series.expanded .flex{pointer-events:none;cursor:pointer}
.snackbar.series.expanded .flex .title{font-size:18px;line-height:27px}
@media (min-width:986px){
.snackbar.series.expanded .flex .title{font-size:20px;line-height:30px}
}
.snackbar.series.expanded .flex .desc{font-size:14px;line-height:22px}
@media (min-width:986px){
.snackbar.series.expanded .flex .desc{font-size:15px;line-height:22px}
}
@media (min-width:986px){
.snackbar.series.expanded .card_list{width:fit-content;margin-left:auto;margin-right:auto}
.snackbar.series.expanded .card_list>:first-child:nth-last-child(1){grid-column:1/-1;justify-self:center;max-width:302px;width:100%}
}
.snackbar .ico_arrow_up{width:20px;height:20px;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 21 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.6'%3E%3Cpath d='m9.6677 6.8184-6.364 6.364 0.70711 0.7071 6.364-6.364 6.3639 6.364 0.7071-0.7071-7.071-7.0711-0.70713 0.7071z' clip-rule='evenodd' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A")}
.snackbar .btn_black{margin-top:24px;max-width:244px;width:100%;height:36px;margin-left:auto;margin-right:auto;font-weight:700;font-size:14px;line-height:22px}
@media (min-width:986px){
.snackbar .btn_black{max-width:291px;height:48px;font-weight:700;font-size:16px;line-height:24px}
}
.snackbar .btn_close{padding:0;width:20px;height:20px}
@media (min-width:986px){
.snackbar .btn_close{width:24px;height:24px}
}
.snackbar .btn_close [class*=ico_]{margin-right:0;width:20px;height:20px}
@media (min-width:986px){
.snackbar .btn_close [class*=ico_]{width:24px;height:24px}
}
.snackbar .btn_bg{margin-top:24px;margin-left:auto;margin-right:auto;max-width:106px;width:100%;height:36px;padding:0;border-radius:60px;background:#2c4a92;color:#fff;font-weight:700;font-size:14px;line-height:22px}
@media (min-width:986px){
.snackbar .btn_bg{max-width:136px;height:48px}
}
.snackbar .ico_ai{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none'%3E%3Cpath d='m3.473 10.699.81-2.202a.497.497 0 0 1 .927-.015l.902 2.229a.497.497 0 0 0 .195.234l2.45 1.547a.497.497 0 0 1-.053.87l-2.36 1.118a.497.497 0 0 0-.246.257l-.89 2.12a.497.497 0 0 1-.923-.015l-.799-2.092a.497.497 0 0 0-.255-.273L.835 13.363a.497.497 0 0 1-.052-.873l2.486-1.54a.497.497 0 0 0 .204-.251Z' fill='%23C263FB'/%3E%3Cpath d='m11.955 3.484.868-2.306a.497.497 0 0 1 .924-.015l.966 2.333c.04.097.109.178.198.233l2.573 1.59a.497.497 0 0 1-.052.874l-2.485 1.151a.497.497 0 0 0-.248.255l-.955 2.221a.497.497 0 0 1-.92-.015l-.856-2.193a.497.497 0 0 0-.257-.271L9.187 6.194a.497.497 0 0 1-.052-.877l2.613-1.583a.497.497 0 0 0 .207-.25Z' fill='%2301D6C0'/%3E%3C/svg%3E") 0 0/100% auto no-repeat;width:18px;height:18px}
.snackbar .btn_info{margin-left:3px}
@media (min-width:986px){
.snackbar .btn_info{margin-left:6px;margin-top:-2px}
}
.snackbar .ico_info{width:16px;height:16px;background-image:url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 0.5C16.0228 0.5 20.5 4.97715 20.5 10.5C20.5 16.0228 16.0228 20.5 10.5 20.5C4.97715 20.5 0.5 16.0228 0.5 10.5C0.5 4.97715 4.97715 0.5 10.5 0.5ZM10.5 1.5C5.52944 1.5 1.5 5.52944 1.5 10.5C1.5 15.4706 5.52944 19.5 10.5 19.5C15.4706 19.5 19.5 15.4706 19.5 10.5C19.5 5.52944 15.4706 1.5 10.5 1.5ZM9.85 9V15H11.15V9H9.85ZM11.3 6.7C11.3 6.25817 10.9418 5.9 10.5 5.9C10.0582 5.9 9.7 6.25817 9.7 6.7C9.7 7.14183 10.0582 7.5 10.5 7.5C10.9418 7.5 11.3 7.14183 11.3 6.7Z' fill='%23BCBCBC'/%3E%3C/svg%3E%0A")}
@media (min-width:986px){
.snackbar .ico_info{width:20px;height:20px}
}
.snackbar .info_desc{font-weight:400;font-size:12px;line-height:20px;letter-spacing:-.4px;text-align:center;margin-top:16px;color:#999;padding:10px 12px;background:#f4f5fa}
.snackbar .info_desc.hide{opacity:0;visibility:hidden}
.snackbar .info_desc.show{animation:fadeIn .3s ease-in-out}
@keyframes fadeIn{
0%{opacity:0;transform:translateY(10px);visibility:hidden}
100%{opacity:1;transform:translateY(0);visibility:visible}
}
.subscription_entry_gate{display:none;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);border:0;border-radius:6px;z-index:205;padding:14px 20px;border-radius:6px;color:#fff;background-color:#f6330a;animation:slideUp .3s ease-in-out}
@media (min-width:986px){
.subscription_entry_gate.show:not(.time_limit){max-width:720px;width:100%;bottom:20px;min-height:60px}
}
.subscription_entry_gate>.font_white{margin-bottom:2px;font-weight:700;font-size:15px;line-height:24px}
.subscription_entry_gate .btn_wrap{display:grid;grid-template-rows:1fr;grid-template-columns:auto 97px}
@media (min-width:986px){
.subscription_entry_gate .btn_wrap{grid-template-columns:auto 103px}
}
.subscription_entry_gate .btn_wrap .font_white{font-weight:400;font-size:14px;line-height:22px;margin-top:auto;margin-bottom:auto;margin-right:12px}
.subscription_entry_gate .btn_white{width:97px;height:28px;font-weight:700;font-size:13px;line-height:21px;color:#f6330a;background-color:#fff;margin-top:auto}
@media (min-width:986px){
.subscription_entry_gate .btn_white{margin-right:40px;width:103px;height:32px;font-size:14px;line-height:22px}
.subscription_entry_gate .btn_white.right_0{margin-right:20px}
.subscription_entry_gate .btn_white:not(.right_0){position:absolute;right:40px;top:50%;transform:translateY(-50%);margin-right:0}
}
.subscription_entry_gate .btn_close{position:absolute;right:10px;top:10px;padding:0;width:20px;height:20px}
.subscription_entry_gate .btn_close [class*=ico_]{margin-right:0}
.subscription_entry_gate .btn_close .ico_close{width:20px;height:20px;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='m3.0391 16.234 13.199-13.199 0.7071 0.70711-13.199 13.199-0.70711-0.7071z'/%3E%3Cpath d='m3.8047 3.0898 13.199 13.199-0.7071 0.7071-13.199-13.199 0.70711-0.70711z'/%3E%3C/g%3E%3C/svg%3E%0A")}
.subscription_entry_gate.time_limit{position:relative;top:0;border:0;animation:none;margin-top:0;height:fit-content;padding:10px 20px;border-radius:0;width:100vw;z-index:199;min-height:50px;grid-template-rows:1fr;grid-template-columns:auto 129px;align-items:center;grid-column:12px}
.subscription_entry_gate.time_limit::before{background:#f6330a;content:"";height:100%;left:50%;position:absolute;top:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:100vw;z-index:-1}
.subscription_entry_gate.time_limit.show{display:grid!important}
@media (min-width:986px){
.subscription_entry_gate.time_limit.show{justify-content:center}
}
.subscription_entry_gate.time_limit .title{font-weight:700;font-size:15px;line-height:22px}
@media (min-width:986px){
.subscription_entry_gate.time_limit .title{font-size:16px;line-height:24px}
}
.subscription_entry_gate.time_limit .ico_clock{vertical-align:text-top;margin-top:3px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.376 10.048c0-4.9476-4.0107-8.9584-8.9583-8.9584l-0.0456 1.2e-4c-0.3451 0.00172-0.62356 0.28293-0.62184 0.62811 0.00172 0.34517 0.28294 0.62359 0.62814 0.62187l0.0393-1e-4c4.2572 0 7.7083 3.4511 7.7083 7.7084 0 4.2572-3.4511 7.7083-7.7083 7.7083-3.944 0-7.1962-2.9621-7.6534-6.783l0.3348 0.2748c0.26682 0.219 0.66064 0.1802 0.87964-0.0866 0.21899-0.2668 0.18022-0.6606-0.08659-0.8796l-1.4945-1.2267c-0.26682-0.21899-0.66064-0.18023-0.87964 0.08659l-1.2267 1.4946c-0.21899 0.2668-0.18023 0.6606 0.086586 0.8796s0.66064 0.1802 0.87963-0.0866l0.26387-0.3215c0.52432 4.448 4.3074 7.8984 8.8963 7.8984 4.9476 0 8.9583-4.0108 8.9583-8.9583z' fill='%23fff'/%3E%3Cpath d='M8.47685 1.91769C8.58177 2.24653 8.40025 2.59817 8.07141 2.7031L7.99705 2.72724C7.6693 2.83553 7.31582 2.65761 7.20753 2.32986C7.09925 2.00211 7.27716 1.64863 7.60492 1.54034L7.69143 1.51225C8.02028 1.40732 8.37192 1.58884 8.47685 1.91769Z' fill='%23fff'/%3E%3Cpath d='m6.0601 2.9159c0.2017 0.28011 0.13814 0.6707-0.14197 0.8724l-0.06316 0.04597c-0.27807 0.20453-0.66928 0.14491-0.8738-0.13315s-0.14491-0.66927 0.13315-0.8738l0.07337-0.05339c0.28012-0.20171 0.67071-0.13815 0.87241 0.14197z' fill='%23fff'/%3E%3Cpath d='M4.07011 4.61215C4.34818 4.81667 4.40779 5.20788 4.20327 5.48594L4.1573 5.54911C3.95559 5.82922 3.565 5.89278 3.28489 5.69108C3.00478 5.48937 2.94122 5.09878 3.14292 4.81867L3.19632 4.7453C3.40084 4.46724 3.79205 4.40762 4.07011 4.61215Z' fill='%23fff'/%3E%3Cpath d='m2.6989 6.8385c0.32776 0.10828 0.50567 0.46176 0.39739 0.78952l-0.02415 0.07435c-0.10493 0.32885-0.45657 0.51037-0.78541 0.40544-0.32884-0.10492-0.51036-0.45656-0.40544-0.78541l0.0281-0.08652c0.10828-0.32775 0.46176-0.50566 0.78951-0.39738z' fill='%23fff'/%3E%3Cpath d='m10.875 6.7356v3.0198l2.5727 1.9279c0.2762 0.207 0.3323 0.5987 0.1253 0.8749s-0.5987 0.3324-0.8749 0.1254l-2.7977-2.0965c-0.16618-0.1123-0.27542-0.3025-0.27542-0.5182v-3.3333c0-0.34518 0.27982-0.625 0.62503-0.625 0.3451 0 0.625 0.27982 0.625 0.625z' fill='%23fff'/%3E%3C/svg%3E%0A");margin-right:6px}
@media (min-width:986px){
.subscription_entry_gate.time_limit .ico_clock{margin-top:-2px;width:24px;height:24px}
}
.subscription_entry_gate.time_limit .counter{font-family:Arial;font-weight:700;font-size:24px;line-height:30px;text-align:right}
@media (min-width:986px){
.subscription_entry_gate.time_limit .counter{margin-left:20px;display:flex;align-items:center;justify-content:center;width:fit-content;font-size:28px;line-height:38px}
}
@keyframes slideUp{
from{opacity:0;transform:translate(-50%,1rem)}
to{opacity:1;transform:translate(-50%,0)}
}
@keyframes slideDown{
0%{transform:translate(-50%,-100%);opacity:0}
100%{transform:translate(-50%,0);opacity:1}
}
/* skeleton */
.skeleton {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #F7F8FA;
}
.skeleton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, rgb(243, 244, 246) 50%, rgba(0, 0, 0, 0) 80%);
  animation: shimmer 2s infinite;
  content: "";
  overflow: hidden;
  border-radius: 4px;
}
.skeleton.square {
  float: right;
  width: 64px;
  height: 64px;
  margin: 0;
}
@media (min-width: 986px) {
  .skeleton.square {
    width: 84px;
    height: 84px;
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}