@charset "UTF-8";

img {
    -webkit-user-drag: none;
}

.contents {
    padding-top: 60px;
}

.contents:not(.isPlus) .column .top>a span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.contents .dropdown {
    position: relative;
}

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

.contents .dropdown.open .ico_arrow_bottom {
    transform: rotate(-180deg);
}

.contents .dropdown_toggle {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #111;
}

.contents .dropdown_toggle .ico_arrow_bottom {
    margin-left: 4px;
    transition: transform 0.2s ease-in-out;
}

.contents .dropdown_menu {
    display: none;
    position: absolute;
    top: 27px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 0 1px rgb(102, 102, 102) inset;
    z-index: 20;
}

.contents .dropdown_menu.right {
    right: 0;
}

.contents .dropdown_menu.left {
    left: 0;
}

.contents .dropdown_item {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #111;
}

.contents .dropdown_item:first-child {
    margin-top: 0;
}

.contents .dropdown_item .active {
    font-weight: 700;
}

.contents.isPlus .section_header_wrap+.info_wrap {
    background-color: #000;
}

.contents.isPlus .colum .badge_plus_round~strong:not(:first-child) {
    margin-top: 8px;
}

.contents .section_header_wrap:not(.sticky_top) {
    border-bottom: 0;
}

.contents .section_header_wrap+.info_wrap {
    background-color: #f6330a;
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.contents .section_header_wrap+.info_wrap>a {
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: -0.4px;
    text-decoration-line: underline;
    line-height: 22px;
}

.contents .info_wrap+.account {
    margin-top: 20px;
}

.contents .row>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contents .row>div>.chain_wrap {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.contents .row>div>.chain_wrap .box {
    flex: 1;
}

.contents .box {
    position: relative;
}

.contents .account {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.contents .account>div {
    flex: 1;
}

.contents .account [data-count] {
    display: flex;
}

.contents .account [data-count]>div:first-of-type {
    flex: 1;
}

.contents .account [data-count] strong:not(.title) {
    display: block;
    color: #111;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.contents .account [data-count] p {
    color: #666;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.4px;
}

.contents .column {
    display: flex;
    flex-direction: column;
}

.contents .column .top {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.contents .column .top>a,
.contents .column .top>p {
    display: inline-flex;
    align-items: center;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.4px;
}

.contents .column .top>a [class*=ico_],
.contents .column .top>p [class*=ico_] {
    margin-left: 3px;
}

.contents .column .top>strong:not(:first-child) {
    display: flex;
    color: #111;
    font-weight: 700;
    margin-top: 5px;
    letter-spacing: -0.4px;
}

.contents .column .bottom {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 16px;
}

.contents .column .bottom a,
.contents .column .bottom button {
    display: inline-flex;
    align-items: center;
    flex: 1;
    position: relative;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.contents .column .bottom a+a,
.contents .column .bottom button+a {
    margin-left: 29px;
}

.contents .column .bottom a+a:before,
.contents .column .bottom button+a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -14px;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
    pointer-events: none;
}

.contents .column .bottom .count {
    color: #111;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.contents .trophy {
    display: flex;
}

.contents .trophy .title {
    color: #111;
    letter-spacing: -0.4px;
}

.contents .stamp_state {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.contents .stamp_state strong {
    display: flex;
}

.contents .stamp_state strong span {
    color: #111;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.contents .stamp_state p {
    align-self: flex-end;
}

.contents .card_right_list {
    width: 100%;
}

.contents .card_right_list .card:last-of-type {
    padding-bottom: 0;
}

.contents .card_right_list .card .card_body .headline {
    min-height: 56px;
    font-size: 18px;
    line-height: 28px;
}

.contents .card_right_list .meta {
    clear: none;
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 8px;
}

.contents .card_right_list .meta a {
    color: #666;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.4px;
}

.contents .card_right_list .meta .date {
    white-space: nowrap;
}

.contents .card_right_list .meta .date+.name {
    display: inline-flex;
    align-items: center;
}

.contents .card_right_list .meta .date+.name:before {
    content: "";
    display: inline-flex;
    width: 1px;
    height: 14px;
    background-color: #bcbcbc;
    margin: 0 10px;
}

.contents .card_right_list .meta .name>a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.contents .card_right_list .meta a .ico_right_angle {
    margin-left: 3px;
}

.contents .card_image a {
    z-index: 0;
}

.contents .card_skin {
    display: flex;
    flex-direction: column;
}

.contents .card_skin.skin {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff4f1;
}

.contents .card_skin.skin .title {
    text-align: center;
    color: #111;
    font-weight: 700;
}

.contents .card_skin.skin .btn {
    font-weight: 500;
}

.contents .card .card_body .title {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.4px;
}

.contents .storages {
    display: grid;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.contents .storages>div {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contents .storages>div a {
    align-items: center;
}

.contents .storages>div a span:not(:first-of-type) {
    color: #000;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.4px;
}

.contents .storages>div a span:first-of-type {
    color: #111;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.contents .storages [data-count="0"] .count {
    color: #cdcdcd;
}

.contents .fortune_bn1 {
    min-height: auto;
    gap: 0;
}

.contents .fortune_bn1:not([data-result=true]) p {
    font-size: 20px;
    line-height: 28px;
}

.contents .fortune_bn1[data-result=true] {
    padding: 22px 20px 21px;
}

.contents .fortune_bn1[data-result=true] p {
    display: inline;
    align-self: flex-end;
    font-size: 15px;
    line-height: 22px;
    word-break: break-all;
}

.contents .fortune_bn1[data-result=true] p span {
    display: inline;
}

.contents .fortune_bn1[data-result=true] p span:after {
    content: ",";
}

.contents .fortune_bn1[data-result=true] strong {
    align-self: flex-start;
    order: 1;
    margin-top: 4px;
    font-size: 13px;
}

.contents .fortune_bn1[data-result=true] .img {
    display: inline-flex;
    position: relative;
    background-color: #fff;
    border-radius: 100%;
}

.contents .fortune_bn1[data-result=true] .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
}

.contents .fortune_bn1 p {
    color: #111;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.contents .fortune_bn1 p span {
    margin-right: 4px;
}

.contents .fortune_bn1 strong {
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.contents .fortune_bn1 .ico_fortune {
    border-radius: 100%;
    background-size: 100% auto;
    background-position: 50% 50%;
}

.contents .fortune_bn1[data-type=love] {
    background-color: #fff4f1;
}

.contents .fortune_bn1[data-type=love] strong {
    color: #f6330a;
}

.contents .fortune_bn1[data-type=money] {
    background-color: #fff9ec;
}

.contents .fortune_bn1[data-type=money] strong {
    color: #fa9b01;
}

.contents .fortune_bn1[data-type=work] {
    background-color: #ecfbf9;
}

.contents .fortune_bn1[data-type=work] strong {
    color: #2dbebe;
}

.contents .fortune_bn1[data-type=healthy] {
    background-color: #ebf5ff;
}

.contents .fortune_bn1[data-type=healthy] strong {
    color: #4887e5;
}

.contents .jswiper_pagination {
    pointer-events: none;
}

.contents .jswiper_pagination button {
    pointer-events: auto;
    margin: 0;
}

.contents [role=button] {
    cursor: pointer;
}

.contents .stamps .jswiper .wrap {
    display: flex;
    width: 100%;
}

.contents .stamps .jswiper .slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.contents .stamps .jswiper .slide:last-of-type .number:before,
.contents .stamps .jswiper .slide:last-of-type .number:after {
    display: none;
}

.contents .stamps .jswiper .slide.current [data-count]+strong {
    padding-left: 13px;
    padding-right: 13px;
    background-color: #e22700;
    color: #fff;
    border-radius: 40px;
}

.contents .stamps .jswiper .slide.current>.stamp~span {
    padding-left: 13px;
    padding-right: 13px;
    background-color: #111;
    font-weight: 700;
    color: #fff;
    border-radius: 40px;
}

.contents .stamps .jswiper .slide.clear>.stamp~span {
    padding-left: 13px;
    padding-right: 13px;
    background-color: #111;
    font-weight: 700;
    color: #fff;
    border-radius: 40px;
}

.contents .stamps .jswiper .slide .stamp .number:before,
.contents .stamps .jswiper .slide .stamp .number:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.contents .stamps .jswiper .slide .stamp .number:before {
    height: 1px;
    border-top: dashed 1px;
}

.contents .stamps .jswiper .slide .stamp .number:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: 6px;
    height: 6px;
}

.contents .stamps .jswiper .slide .stamp .number:first-of-type:before {
    left: 100%;
    border-color: #acd6f7;
}

.contents .stamps .jswiper .slide .stamp .number:first-of-type:after {
    background-color: #acd6f7;
}

.contents .stamps .jswiper .slide .stamp .number:not(:first-of-type):before {
    left: calc(100% + 2px);
    border-color: rgba(246, 51, 10, 0.3);
}

.contents .stamps .jswiper .slide .stamp .number:not(:first-of-type):after {
    left: calc(100% + 2px);
    background-color: #f6330a;
}

.contents .stamps strong {
    color: #111;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.contents .stamps strong:not(:first-child) {
    padding-top: 2px;
    padding-bottom: 3px;
    margin-top: 10px;
    font-size: 13px;
    line-height: 19px;
}

.contents .stamps strong+span:not(:nth-last-child(2)) {
    padding-top: 2px;
    padding-bottom: 3px;
    color: #111;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.4px;
}

.contents .stamp_top {
    display: flex;
}

.contents .stamp_top>strong {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.4px;
}

.contents .stamp_top>span {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.contents .stamp_top>p {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
}

.contents .stamp_bottom {
    display: flex;
    width: 100%;
}

.contents .stamp_bottom>div {
    flex: 1;
}

.contents .stamp_bottom>div:first-of-type {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
}

.contents [role=tablist] {
    display: flex;
    position: absolute;
    z-index: 1;
}

.contents [role=tablist] li .btn {
    font-weight: 400;
}

.contents [role=tablist] li .active {
    font-weight: 700;
    border-color: #000;
    background-color: #000;
    color: #fff;
}

.contents [role=tabpanel] .info {
    display: flex;
}

.contents [role=tabpanel] .info strong,
.contents [role=tabpanel] .info .dropdown_toggle {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.4px;
    white-space: nowrap;
}

.contents [role=tabpanel] .info strong [class*=ico_],
.contents [role=tabpanel] .info .dropdown_toggle [class*=ico_] {
    margin-left: 7px;
}

.contents [role=tabpanel] .info p {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.26px;
}

.contents [role=tabpanel] .info .dropdown.open .ico_bottom_angle {
    transform: rotate(270deg);
}

.contents [role=tabpanel] .jswiper_pagination {
    position: absolute;
    top: 85px;
    width: 100%;
    justify-content: space-between;
}

.contents [role=tabpanel] .jswiper .wrap {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.contents .calendar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contents .calendar .days,
.contents .calendar .dates {
    width: 100%;
}

.contents .calendar .days li {
    color: #111;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.contents .dates {
    flex: 1;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.contents .dates li {
    display: flex;
    justify-content: center;
    width: 14.2857142857%;
    color: #111;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.contents .dates li.current span {
    border: 1.5px solid #f6330a;
    color: #f6330a;
    font-weight: 700;
}

.contents .dates li.current~li {
    color: #cdcdcd;
}

.contents .dates li.clear span {
    background-color: #fff0ed;
    color: #f6330a;
    font-weight: 700;
}

.contents .dates span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.contents .bar {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    width: 100%;
}

.contents .bar .graph {
    position: relative;
    display: flex;
    width: 100%;
    height: 0;
    background-color: #bbdcf5;
    transition: height 0.3s ease-in-out;
}

.contents .bar .count {
    position: absolute;
    display: flex;
    left: 50%;
    justify-content: center;
    white-space: nowrap;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.28px;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-50%);
}

.contents .days {
    display: flex;
    position: relative;
}

.contents .days.slide li:not(.current).active .count {
    opacity: 1;
    color: #666;
}

.contents .days.slide .current .graph {
    background-color: #f6330a;
}

.contents .days.slide .current .count {
    opacity: 1;
    color: #f6330a;
}

.contents .days.slide .current .date {
    color: #f6330a;
    font-weight: 700;
}

.contents .days.slide .clear .date {
    color: #f6330a;
    font-weight: 700;
}

.contents .days.slide .day {
    display: flex;
    justify-content: center;
    margin-top: 6px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.contents .days.slide .date {
    color: #999;
}

.contents .days>li {
    flex: 1;
    position: relative;
    text-align: center;
    background-color: transparent;
}

.contents .days .date {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.contents .ico_right_angle {
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.1167 9.90039L7.5167 5.44815L3.1167 1.10039' stroke='%23666666'/%3E%3C/svg%3E");
}

.contents .ico_right_angle_round {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Crect width='25' height='25' rx='12.5' transform='matrix(-1 0 0 1 25 0)' fill='white'/%3E%3Crect x='-0.5' y='0.5' width='24' height='24' rx='12' transform='matrix(-1 0 0 1 24 0)' stroke='black' stroke-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2217 12.5246L15.2267 12.5296L10.7071 17.0492L10 16.3421L13.8175 12.5246L10 8.70711L10.7071 8L15.2267 12.5196L15.2217 12.5246Z' fill='%231D1D1D'/%3E%3C/svg%3E");
}

.contents .ico_bottom_angle {
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.1167 9.90039L7.5167 5.44815L3.1167 1.10039' stroke='%23666666'/%3E%3C/svg%3E");
    transform: rotate(90deg);
}

.contents .ico_option {
    width: 12px;
    height: 12px;
    background-image: 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='M10.7536 6.4409C10.7679 6.48701 10.7923 6.52979 10.8262 6.56562L11.4585 7.23458C11.7454 7.5381 11.7962 7.99508 11.583 8.35422L10.7982 9.67616C10.5925 10.0228 10.1878 10.1985 9.79406 10.1122L8.93191 9.92336C8.78121 9.89034 8.62434 9.92213 8.49305 10.0031C8.36815 10.0802 8.23969 10.1524 8.10812 10.2193C7.9664 10.2913 7.85519 10.4136 7.80667 10.5649L7.55488 11.3504C7.4308 11.7374 7.0709 12 6.66445 12H5.04956C4.64311 12 4.2832 11.7374 4.15913 11.3504L3.90859 10.5688C3.85934 10.4152 3.74547 10.2919 3.60131 10.2194C3.47203 10.1544 3.34577 10.0834 3.22295 10.0068C3.09024 9.92398 2.93131 9.89067 2.77851 9.92415L1.91995 10.1122C1.52622 10.1985 1.12153 10.0228 0.91578 9.67616L0.131021 8.35422C-0.0821779 7.99508 -0.0313564 7.5381 0.255539 7.23458L0.809443 6.64857C0.922721 6.52873 0.975346 6.36521 0.967362 6.2005C0.964122 6.13367 0.962503 6.06683 0.962503 6C0.962503 5.93317 0.964122 5.86633 0.967362 5.7995C0.975346 5.63479 0.922721 5.47127 0.809443 5.35143L0.256171 4.76609C-0.0310228 4.46225 -0.0816193 4.00469 0.132252 3.64545L0.919765 2.32264C1.12573 1.97668 1.53003 1.8014 1.92333 1.88757L2.78635 2.07664C2.93705 2.10966 3.09392 2.07787 3.22522 1.99686C3.35011 1.91979 3.47857 1.84761 3.61014 1.78074C3.75186 1.70871 3.86307 1.58645 3.9116 1.43506L4.16338 0.649623C4.28746 0.26257 4.64736 0 5.05381 0H6.66871C7.07516 0 7.43506 0.26257 7.55914 0.649622L7.80967 1.43116C7.85893 1.58481 7.9728 1.70815 8.11696 1.78061C8.24623 1.84559 8.37249 1.9166 8.49531 1.99322C8.62802 2.07602 8.78695 2.10933 8.93975 2.07586L9.79832 1.88776C10.192 1.8015 10.5967 1.97725 10.8025 2.32384L11.5872 3.64578C11.8004 4.00492 11.7496 4.4619 11.4627 4.76542L10.8304 5.43438C10.7929 5.47405 10.7671 5.52225 10.7536 5.57405C10.7443 5.61004 10.7409 5.64777 10.7438 5.68558C10.7484 5.74616 10.7517 5.80673 10.7536 5.86731C10.755 5.91083 10.7557 5.95435 10.7558 5.99787C10.7558 5.99905 10.7548 6 10.7536 6C10.7525 6 10.7515 6.00095 10.7515 6.00213C10.7515 6.10623 10.7475 6.21032 10.7396 6.31442C10.7363 6.35751 10.7411 6.40048 10.7536 6.4409ZM9.81144 5.75645C9.81565 5.81191 9.81843 5.86731 9.81976 5.92267C9.81757 5.94871 9.81645 5.97505 9.81644 6.00165C9.8164 6.08219 9.81332 6.16281 9.80718 6.24355C9.78154 6.58092 9.89029 6.93675 10.1466 7.20794L10.7789 7.8769L9.99417 9.19884L9.13202 9.00996C8.72312 8.92037 8.32041 9.01093 8.00204 9.20737C7.8989 9.27101 7.7929 9.33057 7.68446 9.38568C7.3415 9.55999 7.04795 9.86862 6.91623 10.2795L6.66445 11.0649L5.04956 11.0649L4.79902 10.2834C4.66504 9.86544 4.36487 9.55665 4.02126 9.38393C3.91792 9.33199 3.81667 9.27506 3.71789 9.21344C3.40001 9.01513 2.99382 8.91973 2.5784 9.01074L1.71984 9.19884L0.93508 7.8769L1.48898 7.29089C1.79784 6.96413 1.9201 6.54244 1.90133 6.15523C1.89882 6.10346 1.89757 6.05172 1.89757 6C1.89757 5.94828 1.89882 5.89654 1.90133 5.84477C1.9201 5.45756 1.79784 5.03587 1.48898 4.70911L0.935712 4.12377L1.72322 2.80097L2.58624 2.99004C2.99515 3.07963 3.39785 2.98907 3.71623 2.79263C3.81937 2.72899 3.92537 2.66943 4.0338 2.61432C4.37676 2.44002 4.67032 2.13138 4.80203 1.7205L5.05381 0.935065L6.6687 0.935065L6.91924 1.71661C7.05322 2.13456 7.35339 2.44335 7.697 2.61607C7.80034 2.66801 7.9016 2.72494 8.00037 2.78656C8.31825 2.98487 8.72444 3.08027 9.13986 2.98926L9.99842 2.80116L10.7832 4.12311L10.1509 4.79206C9.89454 5.06325 9.78579 5.41908 9.81144 5.75645ZM4.09909 5.99682C4.09909 5.07021 4.87483 4.29728 5.85897 4.29728C6.84312 4.29728 7.61886 5.07021 7.61886 5.99682C7.61886 6.92343 6.84312 7.69637 5.85897 7.69637C4.87483 7.69637 4.09909 6.92343 4.09909 5.99682ZM5.85897 3.36221C4.38278 3.36221 3.16402 4.52975 3.16402 5.99682C3.16402 7.4639 4.38278 8.63143 5.85897 8.63143C7.33517 8.63143 8.55392 7.4639 8.55392 5.99682C8.55392 4.52975 7.33517 3.36221 5.85897 3.36221Z' fill='%23666666'/%3E%3C/svg%3E");
}

.contents .ico_fortune.money {
    background-image: url("https://assets.joongang.co.kr/images/my/icon_money@2x.png");
}

.contents .ico_fortune.work {
    background-image: url("https://assets.joongang.co.kr/images/my/icon_work@2x.png");
}

.contents .ico_fortune.healthy {
    background-image: url("https://assets.joongang.co.kr/images/my/icon_healthy@2x.png");
}

.contents .ico_fortune.love {
    background-image: url("https://assets.joongang.co.kr/images/my/icon_love@2x.png");
}

.contents .btn_subs {
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid #f6330a;
    border-radius: 50px;
    font-weight: 700;
    color: #f6330a;
    flex-basis: content;
}

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

.contents .btn_subs.active {
    background-color: #f6330a;
    color: #fff;
}

.contents .btn_subs.active::before {
    background-image: 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%3Cg id='ic/check'%3E%3Cpath id='Combined Shape' d='M0.273484 6.34876L3.98922 10.0645L10.1142 3.93552L9.04987 2.87116L3.99267 7.93438L1.34002 5.28222L0.273484 6.34876Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

.contents .btn_text {
    display: inline-flex;
    align-items: center;
    color: #666;
    font-weight: 400;
    letter-spacing: -0.26px;
}

.contents .btn_text [class*=ico_] {
    margin: 0 3px;
}

.contents .badge_plus_round {
    background-color: #f6330a;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.4px;
}

div[data-count] .stamp.current {
    background-color: #dfdfdf;
}

div[data-count] .stamp.current .graph {
    display: block;
}

div[data-count] .stamp.current .number {
    background-color: #fff4f1;
    color: #ff5d3a;
}

div[data-count] .stamp.current:before {
    display: none;
}

div[data-count] .stamp.clear {
    background-color: #ff7254;
}

div[data-count] .stamp.clear:before {
    top: 50%;
    transform: translate(-50%, -50%);
}

div[data-count] .stamp.clear .number {
    color: transparent;
}

div[data-count] .stamp .number {
    padding-top: 0;
}

div[data-count] .graph {
    --deg: 0deg;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-image: conic-gradient(#ff5d3a var(--deg), #ff5d3a var(--deg), transparent var(--deg), transparent var(--deg));
}

div:not([data-count]) .stamp:not(.clear, .current, .clear, .fail) {
    filter: grayscale(1);
    background-color: #dfdfdf;
}

div:not([data-count]) .stamp:not(.clear, .current, .clear, .fail):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    z-index: 1;
}

div:not([data-count]) .stamp:not(.clear, .current, .clear, .fail) .number {
    color: transparent;
}

.stamp {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 100%;
    margin: 0 auto;
    background-color: #e1f2ff;
}

.stamp.current {
    background-color: #e1e1e1;
}

.stamp.current:before {
    content: "";
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    transform: translateX(-50%);
    z-index: 1;
}

.stamp.current .number:first-of-type {
    background-color: #e1f2ff;
    color: #46acf9;
}

.stamp.clear:before {
    transform: translateX(-50%);
    z-index: 1;
}

.stamp.fail {
    background-color: #dfdfdf;
}

.stamp.fail .number {
    color: #bcbdbf;
}

.stamp.fail[class*=logo] {
    filter: grayscale(1);
}

.stamp .number {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    isolation: isolate;
}

.stamp .number:first-of-type {
    color: #fff;
}

.stamp .img {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    z-index: 3;
    background-color: #fff;
    filter: grayscale(1);
}

.stamp .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.stamp.clear .img {
    filter: grayscale(0);
}

.stamp.logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='25' viewBox='0 0 72 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1887 11.5721V11.7481H19.5942V11.5721L18.6569 10.7753V5.47818C18.9502 5.38381 19.3139 5.33072 19.6773 5.33072C20.5588 5.33072 20.9927 5.66855 20.9927 6.6135V10.7753L20.055 11.5721V11.7481H24.4609V11.5317L23.4398 10.6941V6.6676C23.4398 4.99187 22.2647 4.03269 20.8529 4.03269C20.7268 4.03269 20.6426 4.05994 20.139 4.33065L18.6569 5.10008V0.804688H18.4472L15.119 1.61581V1.81798L16.2093 2.34476V10.6941L15.1887 11.5721ZM28.446 4.51954C27.621 4.51954 27.2292 5.77588 27.2292 7.03202V7.43819L29.5932 7.27629C29.5932 5.16775 28.9774 4.51954 28.446 4.51954ZM31.914 10.5053C31.0759 11.2735 29.998 11.8829 28.4041 11.8829C26.209 11.8829 24.7399 10.2616 24.7399 8.05914C24.7399 5.88429 26.0686 4.03263 28.5161 4.03263C30.6281 4.03263 32.0536 5.36951 32.1237 7.86917H27.2704C27.4816 9.63907 28.4041 10.6526 30.0677 10.6526C30.6416 10.6526 31.2854 10.5177 31.8022 10.2893L31.914 10.5053ZM0.599246 11.2095L1.67861 12.2386V21.6049C1.67861 23.0095 1.07946 23.6044 -0.00012207 24.1973L0.0750358 24.4286C2.51798 24.1831 4.40598 22.7352 4.40598 20.447V12.2386L5.46998 11.2095V10.9632H0.599246V11.2095ZM45.3801 18.088L46.9982 13.5703L48.5119 18.088H45.3801ZM38.2763 24.1831C37.0776 24.1831 36.4487 23.5315 36.4487 22.7495C36.4487 22.4307 36.5527 22.0256 36.6723 21.8364H40.1645C40.5984 21.8364 40.7938 22.1696 40.7938 22.5172C40.7938 23.4593 39.6401 24.1831 38.2763 24.1831ZM38.1117 14.048C38.7856 14.048 39.2058 15.3349 39.2058 16.7844C39.2058 18.1453 38.7856 18.5065 38.351 18.5065C37.6475 18.5065 37.2416 17.2193 37.2416 15.7858C37.2416 14.4249 37.6475 14.048 38.1117 14.048ZM62.015 16.2339C62.015 14.4391 60.6959 13.5703 59.2424 13.5703C59.1079 13.5703 59.0178 13.5994 58.478 13.8894L56.89 14.7143V13.5703H56.6649L53.0969 14.4391V14.6562L54.2673 15.2198V20.7084L53.2477 21.5914L52.2439 20.7084L48.8715 10.9632H46.2039V11.152L46.6235 12.4844L43.7462 20.4471L42.5327 21.3446C42.4569 20.3454 41.5881 19.7798 40.5249 19.7798H37.3167C36.6275 19.7798 36.3723 19.5202 36.3723 19.1873C36.3723 19.0423 36.4178 18.87 36.5075 18.7246C37.0024 18.8975 37.5569 18.9843 38.1708 18.9843C40.3595 18.9843 41.6479 17.8268 41.6479 16.2776C41.6479 15.6263 41.3788 14.9167 40.958 14.5099L42.7272 15.3794H42.9371V13.5556H42.7272L40.4639 14.1054C39.9098 13.758 39.1456 13.5703 38.2611 13.5703C36.0721 13.5703 34.7999 14.7278 34.7999 16.2776C34.7999 17.3047 35.278 18.088 36.0877 18.5368C35.4729 18.9707 34.8896 19.5776 34.6498 20.216V20.4184L36.238 21.7496C35.4889 21.9955 34.7243 22.5607 34.5001 23.2703C34.994 24.0957 36.238 24.7758 38.0957 24.7758C40.2548 24.7758 42.3073 23.6322 42.5327 21.8364H46.0241V21.6489L44.4805 20.6208L45.1698 18.7522H48.7376L49.3961 20.7084L48.1976 21.6489V21.8364H57.8942V21.6489L56.89 20.7959V15.1193C57.2045 15.0174 57.594 14.9598 57.9828 14.9598C58.9272 14.9598 59.3925 15.321 59.3925 16.3354V20.7959L58.3872 21.6489V21.8364H63.1096V21.605L62.015 20.7084V16.2339ZM67.2158 18.5065C66.5112 18.5065 66.1063 17.2174 66.1063 15.7857C66.1063 14.425 66.5112 14.0479 66.9754 14.0479C67.6499 14.0479 68.0701 15.3348 68.0701 16.7844C68.0701 18.1454 67.6499 18.5065 67.2158 18.5065ZM65.5364 21.8364H69.0289C69.4625 21.8364 69.6581 22.1697 69.6581 22.5173C69.6581 23.4594 68.5038 24.1831 67.1409 24.1831C65.9415 24.1831 65.312 23.5314 65.312 22.7494C65.312 22.4307 65.4175 22.0257 65.5364 21.8364ZM71.5912 13.5555L69.3289 14.1053C68.7735 13.7579 68.0091 13.5702 67.1255 13.5702C64.9369 13.5702 63.664 14.7279 63.664 16.2775C63.664 17.3048 64.143 18.0879 64.9524 18.5368C64.3381 18.9706 63.7531 19.5777 63.5137 20.2159V20.4183L65.1019 21.7495C64.3529 21.9954 63.5889 22.5608 63.3644 23.2705C63.8592 24.0956 65.1019 24.7757 66.9609 24.7757C69.2388 24.7757 71.412 23.5031 71.412 21.5178C71.412 20.4029 70.5129 19.7799 69.3887 19.7799H66.1815C65.4922 19.7799 65.2371 19.5202 65.2371 19.1874C65.2371 19.0424 65.2823 18.8699 65.372 18.7245C65.8668 18.8976 66.4211 18.9844 67.0356 18.9844C69.2238 18.9844 70.5129 17.8267 70.5129 16.2775C70.5129 15.6265 70.2432 14.9168 69.8232 14.5101L71.5912 15.3808H71.8011V13.5555H71.5912ZM30.378 13.5702C31.8319 13.5702 33.1508 14.4391 33.1508 16.2338V20.7084L34.2441 21.6049V21.8364H29.5237V21.6489L30.5277 20.7961V16.3353C30.5277 15.3212 30.0633 14.9598 29.1191 14.9598C28.7294 14.9598 28.3399 15.0175 28.0256 15.1194V20.7961L29.029 21.6489V21.8364H24.3087V21.6489L25.4024 20.7084V15.2199L24.2336 14.6561V14.4391L27.8005 13.5702H28.0256V14.7143L29.6136 13.8895C30.1534 13.5993 30.2431 13.5702 30.378 13.5702ZM19.7078 21.4602C18.5981 21.4602 18.059 19.4051 18.059 17.3485C18.059 15.438 18.4933 14.0916 19.3922 14.0916C20.5318 14.0916 21.0265 16.1043 21.0265 18.0723C21.0265 20.0849 20.5023 21.4602 19.7078 21.4602ZM19.6328 13.5703C17.5343 13.5703 15.2861 14.8726 15.2861 17.8268C15.2861 20.4471 17.1895 21.9817 19.4524 21.9817C21.536 21.9817 23.7985 20.6647 23.7985 17.6818C23.7985 15.0892 21.8651 13.5703 19.6328 13.5703ZM8.52773 17.3485C8.52773 19.4051 9.06605 21.4602 10.1757 21.4602C10.9703 21.4602 11.4957 20.0849 11.4957 18.0723C11.4957 16.1043 11.0006 14.0916 9.86141 14.0916C8.96247 14.0916 8.52773 15.438 8.52773 17.3485ZM5.7551 17.8268C5.7551 14.8726 8.00331 13.5703 10.1012 13.5703C12.3343 13.5703 14.2671 15.0912 14.2671 17.6818C14.2671 20.6647 12.0046 21.9817 9.9212 21.9817C7.65826 21.9817 5.7551 20.4471 5.7551 17.8268ZM5.48424 4.62848H5.30381V1.60122H14.6451V4.62848H14.463L12.2388 2.19614H11.2316V10.6405L12.2533 11.5722V11.7481H7.72276V11.5722L8.72929 10.6405V2.19614H7.72276L5.48424 4.62848Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #f6330a;
    border-radius: 100%;
}

.stamp.logo_plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='94' viewBox='0 0 94 94' fill='none'%3E%3Ccircle cx='47' cy='47' r='47' fill='%23111111'/%3E%3Cpath d='M71.4199 41.8086L68.8586 42.4541C68.2268 42.0489 67.3616 41.8223 66.359 41.8223C63.8801 41.8223 62.438 43.182 62.438 45.0017C62.438 46.2103 62.9805 47.1236 63.9007 47.6523C63.2071 48.1605 62.541 48.8746 62.2732 49.6231V49.8635L64.0724 51.4291C63.2209 51.7175 62.3556 52.3836 62.1016 53.2145C62.6646 54.1827 64.0724 54.9793 66.1805 54.9793C68.7281 54.9793 71.2071 53.4068 71.2071 51.2575C71.2071 49.8497 70.1839 49.1218 68.9341 49.1218H65.3015C64.5187 49.1218 64.2303 48.8128 64.2303 48.4283C64.2303 48.2566 64.2784 48.0575 64.3814 47.8858C64.9445 48.0918 65.5693 48.1948 66.2698 48.1948C68.7487 48.1948 70.2114 46.8352 70.2114 45.0154C70.2114 44.2532 69.9024 43.4154 69.4285 42.9416L71.4337 43.9579H71.674V41.8155H71.4337L71.4199 41.8086ZM64.5599 51.5253H68.5152C69.0097 51.5253 69.2294 51.9167 69.2294 52.3218C69.2294 53.4274 67.9247 54.272 66.3728 54.272C65.0131 54.272 64.299 53.5098 64.299 52.5896C64.299 52.2188 64.4157 51.7381 64.553 51.5184L64.5599 51.5253ZM66.462 47.618C65.6655 47.618 65.2054 46.1073 65.2054 44.4249C65.2054 42.7425 65.6655 42.3854 66.1874 42.3854C66.9496 42.3854 67.4303 43.8961 67.4303 45.5923C67.4303 47.1922 66.9565 47.6111 66.462 47.6111V47.618Z' fill='white'/%3E%3Cpath d='M56.4626 51.3005V51.5203H61.8119V51.2456L60.569 50.195V44.9487C60.569 42.8405 59.072 41.8242 57.424 41.8242C57.2729 41.8242 57.1699 41.8586 56.5587 42.195L54.7596 43.1633V41.8242H54.5055L50.4609 42.8405V43.0946L51.7862 43.7538V50.1881L50.5433 51.2937V51.5134H55.8927V51.2937L54.7528 50.2911V43.6302C55.1098 43.5135 55.5493 43.4448 55.9957 43.4448C57.0669 43.4448 57.5956 43.8706 57.5956 45.0585V50.2911L56.4557 51.2937L56.4626 51.3005Z' fill='white'/%3E%3Cpath d='M40.3203 46.8165C40.3203 49.8928 42.4765 51.692 45.0447 51.692C47.407 51.692 49.9683 50.1469 49.9683 46.6448C49.9683 43.6027 47.7778 41.8242 45.2439 41.8242C42.8679 41.8242 40.3203 43.3555 40.3203 46.8165ZM46.8233 47.1049C46.8233 49.4671 46.2258 51.0808 45.3263 51.0808C44.0696 51.0808 43.4585 48.6705 43.4585 46.2602C43.4585 44.0148 43.9529 42.4354 44.9692 42.4354C46.2602 42.4354 46.8233 44.7976 46.8233 47.1049Z' fill='white'/%3E%3Cpath d='M34.244 51.692C36.6062 51.692 39.1675 50.1469 39.1675 46.6448C39.1675 43.6027 36.977 41.8242 34.4431 41.8242C32.0672 41.8242 29.5195 43.3555 29.5195 46.8165C29.5195 49.8928 31.6757 51.692 34.244 51.692ZM34.1753 42.4354C35.4663 42.4354 36.0294 44.7976 36.0294 47.1049C36.0294 49.4121 35.4319 51.0808 34.5324 51.0808C33.2757 51.0808 32.6646 48.6705 32.6646 46.2602C32.6646 44.0148 33.159 42.4354 34.1753 42.4354Z' fill='white'/%3E%3Cpath d='M29.2008 38.7695H23.6798V39.0579L24.9021 40.2665V51.2536C24.9021 52.9016 24.2223 53.5952 23 54.2956L23.0824 54.5703C25.8498 54.2819 27.9922 52.5857 27.9922 49.9008V40.2734L29.2008 39.0648V38.7764V38.7695Z' fill='white'/%3E%3Cpath d='M58.8585 37.6305C60.7537 37.6305 62.031 36.882 63.0335 35.9344L62.9031 35.6665C62.2851 35.9481 61.5228 36.1129 60.843 36.1129C58.8653 36.1129 57.7666 34.8631 57.5194 32.6863H63.2876C63.2052 29.6099 61.5091 27.9688 59.0027 27.9688C56.0911 27.9688 54.5117 30.2486 54.5117 32.9198C54.5117 35.591 56.2559 37.6236 58.8653 37.6236L58.8585 37.6305ZM57.4645 31.6631C57.4645 30.1181 57.9314 28.573 58.9134 28.573C59.5452 28.573 60.273 29.3696 60.273 31.9653L57.4645 32.1644V31.6631Z' fill='white'/%3E%3Cpath d='M44.3643 36.1681L43.1488 37.2463V37.4591H48.3814V37.2463L47.269 36.2643V29.7476C47.6192 29.6309 48.0518 29.5622 48.4844 29.5622C49.5282 29.5622 50.05 29.9811 50.05 31.1416V36.2643L48.9376 37.2463V37.4591H54.1702V37.1913L52.9547 36.1613V31.2102C52.9547 29.1502 51.5608 27.9691 49.8784 27.9691C49.7273 27.9691 49.6312 28.0034 49.0337 28.333L47.269 29.2806V24H47.0217L43.0664 24.9957V25.2429L44.3643 25.8884V36.1613V36.1681Z' fill='white'/%3E%3Cpath d='M34.2757 25.7142H35.4705V36.1038L34.2757 37.2506V37.4704H39.6593V37.2506L38.4439 36.1038V25.7142H39.6456L42.2893 28.7082H42.5022V24.9863H31.3984V28.7082H31.6182L34.2757 25.7142Z' fill='white'/%3E%3Cpath d='M55.4328 57.4795C54.8011 57.0743 53.9358 56.8477 52.9333 56.8477C50.4543 56.8477 49.0123 58.2074 49.0123 60.0271C49.0123 61.2357 49.5547 62.149 50.4749 62.6777C49.7814 63.1859 49.1153 63.9 48.8475 64.6485V64.8889L50.6466 66.4545C49.7951 66.7429 48.9299 67.409 48.6758 68.2399C49.2389 69.2081 50.6466 70.0047 52.7547 70.0047C55.3367 70.0047 57.8019 68.5077 57.8019 66.1798C57.8019 64.8751 56.7856 64.1404 55.5083 64.1404H51.8758C51.0929 64.1404 50.8045 63.8314 50.8045 63.4468C50.8045 63.2751 50.8526 63.076 50.9556 62.9043C51.5187 63.1103 52.1436 63.2133 52.844 63.2133C55.3229 63.2133 56.7856 61.8537 56.7856 60.034C56.7856 59.2717 56.4766 58.434 56.0028 57.9602L58.0079 58.9765H58.2482V56.834H58.0079L55.4397 57.4795H55.4328ZM51.1341 66.5506H55.0895C55.5839 66.5506 55.8036 66.9421 55.8036 67.3472C55.8036 68.4528 54.4989 69.2974 52.947 69.2974C51.5873 69.2974 50.8732 68.5352 50.8732 67.615C50.8732 67.2442 50.9899 66.7635 51.1273 66.5438L51.1341 66.5506ZM53.0363 62.6434C52.2397 62.6434 51.7796 61.1327 51.7796 59.4503C51.7796 57.7679 52.2397 57.4108 52.7616 57.4108C53.5238 57.4108 54.0045 58.9215 54.0045 60.6176C54.0045 62.2176 53.5307 62.6365 53.0363 62.6365V62.6434Z' fill='white'/%3E%3Cpath d='M47.1456 59.9732C47.1456 57.8651 45.6486 56.8488 44.0006 56.8488C43.8495 56.8488 43.7465 56.8831 43.1353 57.2196L41.3362 58.1878V56.8488H41.0821L37.0375 57.8651V58.1192L38.3628 58.7784V65.2127L37.2092 66.2496L36.0693 65.2127L32.2444 53.7793H29.223V53.999L29.6968 55.5647L26.435 64.9037L24.6016 66.3114V66.5311H29.017V66.3114L27.2659 65.1028L28.0487 62.9123H32.0934L32.8418 65.2058L31.4822 66.3114V66.5311H42.4692V66.3114L41.3293 65.3088V58.6479C41.6864 58.5312 42.1259 58.4625 42.5722 58.4625C43.6435 58.4625 44.1722 58.8883 44.1722 60.0762V65.3088L43.0323 66.3114V66.5311H48.3816V66.2565L47.1387 65.2058V59.9595L47.1456 59.9732ZM28.2891 62.15L30.1226 56.8488L31.8393 62.15H28.2891Z' fill='white'/%3E%3Cpath d='M71.6664 56.8301H60.1094V62.1863H71.6664V56.8301Z' fill='%23FF3C14'/%3E%3Cpath d='M69.7367 59.6762C69.3728 59.4908 69.2011 59.3535 69.2011 59.1474C69.2011 58.9826 69.3041 58.859 69.4758 58.859C69.5857 58.859 69.6681 58.9002 69.7573 59.0032L70.1076 59.429H70.1762V58.7766C69.929 58.756 69.7711 58.7423 69.5101 58.7423C69.0706 58.7354 68.5762 59.0376 68.5762 59.429C68.5762 59.8204 68.9539 60.0058 69.2286 60.15C69.5307 60.3011 69.6955 60.3904 69.6955 60.6238C69.6955 60.8298 69.5651 60.9878 69.3316 60.9878C69.208 60.9878 69.1256 60.9397 68.9882 60.8092C68.8372 60.6582 68.6312 60.2942 68.6312 60.2942H68.5625V61.029C68.796 61.0908 69.0638 61.1182 69.3659 61.1182C69.8054 61.1182 70.3136 60.8573 70.3136 60.3492C70.3136 60.0127 70.0595 59.8547 69.7299 59.6899L69.7367 59.6762Z' fill='white'/%3E%3Cpath d='M62.854 57.958H61.4531V58.0267L61.7484 58.322V60.7254L61.4531 61.0138V61.0687H62.7922V61.0138L62.49 60.7254V59.764H62.854C63.3827 59.764 64.0419 59.5306 64.0419 58.8576C64.0419 58.1846 63.4789 57.9512 62.854 57.9512V57.958ZM62.6617 59.6473H62.4832V58.0748H62.6617C62.9982 58.0748 63.2523 58.3495 63.2523 58.8645C63.2523 59.3795 62.9501 59.6542 62.6617 59.6542V59.6473Z' fill='white'/%3E%3Cpath d='M65.1961 60.7373V57.709H65.1343L64.1523 57.9562V58.018L64.4751 58.1828V60.7373L64.1729 61.0051V61.06H65.4983V61.0051L65.1961 60.7373Z' fill='white'/%3E%3Cpath d='M67.9896 58.6992H67.9278L66.9458 58.9464V59.0082L67.2686 59.1662V60.6563C67.1793 60.6838 67.0763 60.7044 66.9664 60.7044C66.7055 60.7044 66.575 60.6013 66.575 60.3129V58.6992H66.5132L65.5312 58.9464V59.0082L65.854 59.1662V60.3335C65.854 60.8486 66.2179 61.0958 66.6162 61.0958C66.6506 61.0958 66.678 61.0889 66.8291 61.0065L67.2686 60.773V61.1026H67.3304L68.3123 60.8898V60.828L67.9896 60.6426V58.6992Z' fill='white'/%3E%3C/svg%3E");
    background-size: 100% auto;
}

.stamp[class*=logo]:before,
.stamp[class*=logo]:after {
    display: none;
}

.stamp [class*=logo] {
    display: inline-flex;
    margin: 0 auto;
}

.current~li>.stamp {
    background-color: #dfdfdf;
}

.current~li>.stamp:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='38' viewBox='0 0 31 38' fill='none'%3E%3Cpath d='M27.6036 15.1953H26.6839V11.0974C26.6839 4.98021 21.6645 0 15.503 0C9.34148 0 4.32209 4.98021 4.32209 11.1033V15.2012H3.40237C1.52085 15.2012 0 16.7172 0 18.5825V34.6187C0 36.484 1.52686 38 3.40237 38H27.5976C29.4731 38 31 36.484 31 34.6187V18.5825C31 16.7172 29.4731 15.2012 27.5976 15.2012L27.6036 15.1953ZM16.9277 26.8138V28.9101C16.9277 29.2239 16.6752 29.4786 16.3566 29.4786H14.6434C14.3308 29.4786 14.0723 29.2239 14.0723 28.9101V26.8138C13.2909 26.3341 12.7679 25.4873 12.7679 24.5102C12.7679 23.012 13.9882 21.798 15.497 21.798C17.0058 21.798 18.2261 23.012 18.2261 24.5102C18.2261 25.4873 17.7031 26.3341 16.9217 26.8138H16.9277ZM21.7787 15.1953H9.22125V11.0974C9.22125 7.65685 12.0345 4.86177 15.497 4.86177C18.9595 4.86177 21.7727 7.65685 21.7727 11.0974V15.1953H21.7787Z' fill='%23BCBDBF'/%3E%3C/svg%3E");
    background-size: 100% auto;
    z-index: 1;
}

.current~li>.stamp .number {
    color: transparent;
}

.layer_popup.layer_swiper,
.layer_popup.layer_stamp {
    width: 320px;
    max-width: 90%;
    max-height: 90%;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layer_popup.layer_swiper .stamp,
.layer_popup.layer_stamp .stamp {
    width: 120px;
    height: 120px;
}

.layer_popup.layer_swiper .stamp.clear:after,
.layer_popup.layer_stamp .stamp.clear:after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 57px;
    height: 114px;
    border: solid 4px transparent;
    box-sizing: border-box;
    border-radius: 0 120px 120px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
    transform: rotate(-135deg);
    transform-origin: 0 50%;
    pointer-events: none;
}

.layer_popup.layer_swiper .stamp.clear:before,
.layer_popup.layer_stamp .stamp.clear:before {
    content: "";
    position: absolute;
    left: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.layer_popup.layer_swiper .stamp .number,
.layer_popup.layer_stamp .stamp .number {
    overflow: hidden;
    width: 114px;
    height: 114px;
    font-size: 32px;
    border: solid 4px #fff;
}

.layer_popup.layer_swiper .btn_close,
.layer_popup.layer_stamp .btn_close {
    top: 10px;
    right: 10px;
}

.layer_popup.layer_swiper .layer_body [data-count]>.stamp.clear:before,
.layer_popup.layer_swiper .slide [data-count]>.stamp.clear:before,
.layer_popup.layer_stamp .layer_body [data-count]>.stamp.clear:before,
.layer_popup.layer_stamp .slide [data-count]>.stamp.clear:before {
    width: 44px;
    height: 44px;
}

.layer_popup.layer_swiper .layer_body>.stamp.clear:before,
.layer_popup.layer_swiper .slide>.stamp.clear:before,
.layer_popup.layer_stamp .layer_body>.stamp.clear:before,
.layer_popup.layer_stamp .slide>.stamp.clear:before {
    top: 23px;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M15.4251 40.3684L1 25.234L6.18846 19.783L15.4251 29.4738L38.7589 5L43.9474 10.4436L15.4251 40.3684Z' fill='white'/%3E%3C/svg%3E");
}

.layer_popup.layer_swiper .layer_body>.stamp.clear .number,
.layer_popup.layer_swiper .slide>.stamp.clear .number,
.layer_popup.layer_stamp .layer_body>.stamp.clear .number,
.layer_popup.layer_stamp .slide>.stamp.clear .number {
    padding-top: 21px;
}

.layer_popup.layer_swiper .layer_body>.stamp.current:before,
.layer_popup.layer_swiper .slide>.stamp.current:before,
.layer_popup.layer_stamp .layer_body>.stamp.current:before,
.layer_popup.layer_stamp .slide>.stamp.current:before {
    top: 23px;
    width: 28px;
    height: 28px;
}

.layer_popup.layer_swiper .layer_body>.stamp.current .number,
.layer_popup.layer_swiper .slide>.stamp.current .number,
.layer_popup.layer_stamp .layer_body>.stamp.current .number,
.layer_popup.layer_stamp .slide>.stamp.current .number {
    padding-top: 30px;
}

.layer_popup.layer_swiper .layer_body>.stamp:not(.clear, .current, .clear, .fail):before,
.layer_popup.layer_swiper .slide>.stamp:not(.clear, .current, .clear, .fail):before,
.layer_popup.layer_stamp .layer_body>.stamp:not(.clear, .current, .clear, .fail):before,
.layer_popup.layer_stamp .slide>.stamp:not(.clear, .current, .clear, .fail):before {
    width: 42px;
    height: 52px;
}

.layer_popup.layer_swiper .stamp.logo,
.layer_popup.layer_stamp .stamp.logo {
    background-size: 92px auto;
}

.layer_swiper {
    padding: 40px 20px 20px;
}

.layer_swiper .layer_header strong {
    display: block;
    color: #111;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.layer_swiper .layer_header ul {
    margin-top: 20px;
}

.layer_swiper .layer_header li {
    position: relative;
    padding-left: 8px;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.6px;
}

.layer_swiper .layer_header li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #666;
}

.layer_swiper .layer_header li+li {
    margin-top: 2px;
}

.layer_swiper .layer_body {
    margin-top: 19px;
}

.layer_swiper .jswiper .wrap {
    background-color: #f4f5fa;
    padding: 25px 0;
}

.layer_swiper .jswiper li {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 20px;
}

.layer_swiper .jswiper li strong {
    display: flex;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.layer_swiper .jswiper li strong span {
    margin-right: 6px;
}

.layer_swiper .jswiper li p {
    margin-top: 10px;
    color: #111;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
    word-break: break-all;
}

.layer_stamp {
    padding-top: 40px;
}

.layer_stamp .layer_header {
    padding: 0 20px;
}

.layer_stamp .layer_header strong {
    display: flex;
    justify-content: center;
    color: #111;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.layer_stamp .layer_header span {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
}

.layer_stamp .layer_body {
    padding: 0 20px;
}

.layer_stamp .layer_body .stamp {
    margin-top: 20px;
}

.layer_stamp .layer_footer {
    padding: 20px 30px 30px;
    margin-top: 20px;
    background-color: #f4f5fa;
}

.layer_stamp .layer_footer p {
    text-align: center;
    color: #111;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
}

.layer_stamp .layer_footer p.align_left {
    font-size: 13px;
    text-align: left;
}

.layer_stamp .layer_footer>strong {
    display: flex;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.layer_stamp .layer_footer ul {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.layer_stamp .layer_footer li {
    color: #111;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
}

.layer_stamp .layer_footer li+li {
    margin-top: 12px;
}

.layer_stamp .layer_footer .btn {
    margin: 20px auto 0;
    padding: 8px 26px;
}

.layer_stamp .layer_footer a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.layer_stamp .layer_footer a>span:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.layer_stamp .layer_footer a>span:first-child:before {
    content: "‘";
}

.layer_stamp .layer_footer a>span+span {
    white-space: nowrap;
    margin-right: 4px;
}

.layer_stamp .layer_footer a>span+span:before {
    content: "’";
    margin-right: 4px;
}

.layer_stamp .ico_right_angle {
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.1167 9.90039L7.5167 5.44815L3.1167 1.10039' stroke='%23666666'/%3E%3C/svg%3E");
}

.layer_clear_stamp .layer_body .title {
    font-weight: 700;
    letter-spacing: -0.4px;
    color: #111;
}

.layer_clear_stamp .layer_body p {
    color: #111;
}

.layer_clear_stamp .clear_stamps ul {
    display: flex;
    justify-content: center;
}

.layer_clear_stamp .clear_stamps li {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-start;
    align-items: center;
    isolation: isolate;
}

.layer_clear_stamp .clear_stamps .rest {
    color: #111;
    font-weight: 700;
    line-height: 30px;
}

/* layer - 관심사 */
.option_list {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 0;
    font-weight: 400;
    z-index: 400;
}

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

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

.option_list input:focus+.slider {
    box-shadow: 0 0 1px #000;
}

.option_list input:checked+.slider {
    background-color: #000;
}

.option_list input:checked+.slider:before {
    border: 1px solid #000;
}

.option_list .dropdown_toggle {
    position: absolute;
    top: 30px;
    right: 66px;
    padding-left: 12px;
    padding-right: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #666;
}

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

.option_list .dropdown_menu {
    display: none;
    position: static;
    margin-bottom: 20px;
    padding: 20px 16px;
    background-color: #f4f5fa;
    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 dt {
    padding-bottom: 6px;
    border-bottom: 2px solid #000;
    font-size: 13px;
    font-weight: 900;
    line-height: 21px;
}

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

.option_list dd>span:not([class]),
.option_list dd>a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-right: 16px;
}

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

.option_list .btn_subs {
    width: 59px;
    height: 28px;
    padding-right: 10px;
    padding-left: 24px;
    font-size: 13px;
}

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

.option_list .btn.btn_outline_gray {
    border-color: #cdcdcd !important;
    color: #111;
}

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

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

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

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

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

.option_list .btn_subs {
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid #f6330a;
    border-radius: 50px;
    font-weight: 700;
    color: #f6330a;
    flex-basis: content;
}

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

.option_list .btn_subs.active {
    background-color: #f6330a;
    color: #fff;
}

.option_list .btn_subs.active::before {
    background-image: 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%3Cg id='ic/check'%3E%3Cpath id='Combined Shape' d='M0.273484 6.34876L3.98922 10.0645L10.1142 3.93552L9.04987 2.87116L3.99267 7.93438L1.34002 5.28222L0.273484 6.34876Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

.option_list .fs12 {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
}

.option_list .fs12 i {
    margin-right: 2px;
}

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

.full_popup .notice_agree_popup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.notice_agree_popup {
    position: absolute;
    width: 320px;
    background: #fff;
}

.notice_agree_popup .layer_item {
    position: relative;
    padding: 30px;
}

.notice_agree_popup .layer_header {
    margin-bottom: 0;
}

.notice_agree_popup .layer_header .title {
    display: block;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
}

.notice_agree_popup .layer_body>p {
    font-size: 13px;
    line-height: 21px;
    padding-bottom: 10px;
    color: #999;
}

.notice_agree_popup .layer_body .box_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    background-color: #f4f5fa;
}

.notice_agree_popup .layer_body .box_wrap .title {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.notice_agree_popup .layer_body .box_wrap .input_switch {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.notice_agree_popup .layer_body+.layer_footer {
    padding-top: 30px;
}

.notice_agree_popup .layer_footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notice_agree_popup .layer_footer .btn {
    width: 79px;
    margin: 0 5px;
}

.notice_agree_popup .btn_close {
    top: 10px;
    right: 10px;
}

.notice_agree_popup .btn_close>i {
    width: 20px;
    height: 20px;
}

.notice_agree_popup .input_switch {
    position: relative;
    height: 18px;
}

.notice_agree_popup .input_switch input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.notice_agree_popup .input_switch input:checked+span {
    background-color: #f6330a;
}

.notice_agree_popup .input_switch input:checked+span::before {
    left: 18px;
}

.notice_agree_popup .input_switch span {
    display: block;
    position: relative;
    width: 34px;
    height: 18px;
    border-radius: 10px;
    background-color: #999;
}

.notice_agree_popup .input_switch span::before {
    content: "";
    transition: all 0.3s;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
}

@media (min-width: 986px) {
    .contents:not(.isPlus) .column .top {
        justify-content: space-between;
    }

    .contents .column .badge_plus_round {
        align-self: flex-start;
    }

    .contents .column .badge_plus_round+p {
        margin-top: auto;
    }

    .contents .section_header_wrap+.info_wrap {
        height: 64px;
        padding: 0 24px;
        font-size: 18px;
        line-height: 22px;
    }

    .contents .section_header_wrap+.info_wrap>a {
        font-size: 14px;
    }

    .contents .row.line {
        margin: 0 -30px;
    }

    .contents .row.line>div {
        position: relative;
        padding: 0 30px;
    }

    .contents .row.line>div+div {
        padding-left: 20px;
    }

    .contents .row.line>div+div:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .contents .row.line .row {
        margin: 0 -12px;
    }

    .contents .row.line .row .col_lg6 {
        padding: 0 12px;
    }

    .contents .box {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .info_wrap .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .contents .info_wrap+.account>div {
        padding: 18px 20px 16px;
    }

    .contents .info_wrap+.account>div:nth-of-type(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .info_wrap+.row {
        margin-top: 30px;
    }

    .contents .account {
        min-height: 200px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .account~.row,
    .contents .account~.chain_wrap {
        margin-top: 60px;
    }

    .contents .account~.row .info_wrap,
    .contents .account~.chain_wrap .info_wrap {
        padding: 14px 20px;
    }

    .contents .account~.row .box {
        min-height: 371px;
    }

    .contents #mynews-recommand-insight {
        min-height: 528px;
    }

    .contents #mynews-recommand-news {
        min-height: 351px;
    }

    .contents #mynews-mybadge-section {
        min-height: 890px;
    }

    .contents .column .top {
        padding-bottom: 18px;
    }

    .contents .column .top>strong:not(:first-child) {
        justify-content: space-between;
        align-items: flex-end;
        font-size: 24px;
        line-height: 32px;
    }

    .contents .column .top .btn_s {
        padding: 6px 38px;
    }

    .contents .column .bottom a,
    .contents .column .bottom button {
        justify-content: space-between;
        font-size: 15px;
        line-height: 21px;
    }

    .contents .column .bottom .count {
        margin-left: 5px;
        font-size: 16px;
        line-height: 21px;
    }

    .contents .column .bottom .count+i {
        margin-left: auto;
    }

    .contents .column [data-count] {
        height: 100%;
    }

    .contents .column [data-count]>div:first-of-type {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .contents .column [data-count]>div:first-of-type strong:not(.title) {
        margin-top: auto;
    }

    .contents .column [data-count]>div:first-of-type+div {
        align-self: flex-end;
    }

    .contents .column [data-count] strong:not(.title) {
        padding-top: 14px;
        font-size: 20px;
        line-height: 30px;
    }

    .contents .column [data-count] strong:not(.title)+p {
        margin-top: 16px;
        font-size: 13px;
    }

    .contents .column [data-count] .stamp {
        width: 116px;
        height: 116px;
    }

    .contents .column [data-count] .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 4px;
        right: 4px;
        width: 55px;
        height: 110px;
        border: solid 4px transparent;
        box-sizing: border-box;
        border-radius: 0 116px 116px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .contents .column [data-count] .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .contents .column [data-count] .stamp .number {
        overflow: hidden;
        width: 110px;
        height: 110px;
        font-size: 32px;
        border: solid 4px #fff;
    }

    .contents .trophy {
        width: 100%;
    }

    .contents .trophy .title {
        font-weight: 700;
        font-size: 15px;
        line-height: 28px;
    }

    .contents .trophy .title[type=button] {
        pointer-events: none;
    }

    .contents .trophy .title[type=button]+button {
        pointer-events: none;
    }

    .contents .trophy>div {
        flex: 1;
    }

    .contents .trophy>div:nth-of-type(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .trophy .column:not(:last-of-type) {
        padding-right: 20px;
    }

    .contents .trophy .column+.column {
        padding-left: 20px;
        padding-bottom: 4px;
    }

    .contents .stamp_state {
        padding-bottom: 18px;
    }

    .contents .stamp_state strong {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 2px;
    }

    .contents .stamp_state strong span {
        font-size: 24px;
        line-height: 28px;
    }

    .contents .stamp_state p {
        align-self: flex-end;
    }

    .contents .stamp_state button {
        display: inline-flex;
    }

    .contents .card_right_list .card {
        padding: 16px 0;
    }

    .contents .card_right_list .card:first-of-type {
        padding-top: 0;
    }

    .contents .card .card_body .title+.headline {
        margin-top: 10px;
    }

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

    .contents .card .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        padding-top: 14px;
    }

    .contents .card .description+a {
        display: inline-flex;
        width: auto;
        margin-top: 30px;
        padding: 7px 26px 8px;
    }

    .contents .card_skin .headline {
        font-size: 18px;
        line-height: 28px;
    }

    .contents .card_skin.skin .title {
        font-size: 15px;
        line-height: 24px;
    }

    .contents .card_skin.skin .btn {
        margin-top: 16px;
    }

    .contents .skin_group {
        transform: none !important;
    }

    .contents [role=tablist] {
        top: 22px;
        right: 30px;
    }

    .contents [role=tablist] li+li {
        margin-left: 10px;
    }

    .contents [role=tablist] li span {
        pointer-events: none;
        margin-left: 4px;
    }

    .contents .panel_wrap {
        height: 100%;
    }

    .contents [role=tabpanel] {
        flex-direction: column;
        justify-content: space-between;
        min-height: 355px;
        padding: 27px 30px 30px;
    }

    .contents [role=tabpanel]:not([hidden]) {
        display: flex !important;
        height: 100%;
    }

    .contents [role=tabpanel].show {
        display: flex !important;
    }

    .contents [role=tabpanel] .info {
        align-items: center;
        padding-right: 200px;
    }

    .contents [role=tabpanel] .info p {
        margin-left: 10px;
    }

    .contents [role=tabpanel] .jswiper {
        margin-top: 21px;
        height: 100%;
    }

    .contents [role=tabpanel] .jswiper .wrap {
        height: 100%;
        max-width: 666px;
    }

    .contents [role=tabpanel] .jswiper .jaswiper_wrap {
        height: 100%;
    }

    .contents .calendar {
        padding-top: 13px;
        max-height: 420px;
    }

    .contents .calendar .days,
    .contents .calendar .dates {
        max-width: 453px;
    }

    .contents .calendar .days {
        padding-bottom: 10px;
    }

    .contents .calendar .days li {
        font-size: 14px;
    }

    .contents .dates li {
        font-size: 14px;
    }

    .contents .dates span {
        width: 30px;
        height: 30px;
    }

    .contents .bar {
        height: 186px;
        padding-top: 43px;
    }

    .contents .bar .count {
        font-size: 14px;
        color: #f6330a;
    }

    .contents .days.slide {
        align-items: flex-end;
    }

    .contents .days.slide li:not(:first-of-type) {
        margin-left: 24px;
    }

    .contents .days.slide li:not(.current):hover .count,
    .contents .days.slide li:not(.current).active .count {
        opacity: 1;
        top: -43px;
        padding: 5px 25px 6px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #666;
    }

    .contents .days.slide li:not(.current):hover .count:after,
    .contents .days.slide li:not(.current).active .count:after {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 50%;
        width: 9px;
        height: 7px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L4.50003 6.5L9.00007 0H0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L4.50003 6.5L9.00007 0H7.78441L4.50003 4.74406L1.21566 0H0Z' fill='black' fill-opacity='0.1'/%3E%3C/svg%3E");
        transform: translateX(-50%);
    }

    .contents .days.slide .current .count {
        top: -30px;
    }

    .contents .days.slide .current .date {
        border: 1.5px solid #f6330a;
    }

    .contents .days.slide .clear .date {
        background-color: #fff0ed;
    }

    .contents .days .date {
        width: 36px;
        height: 36px;
        margin-top: 4px;
        padding: 7px 10px 8px;
    }

    .contents .storages {
        grid-template-columns: 1fr 1fr;
        min-height: 188px;
    }

    .contents .storages+a {
        margin-top: 30px;
    }

    .contents .storages>div {
        padding: 17px 0;
    }

    .contents .storages>div:nth-of-type(even) {
        padding-left: 13px;
    }

    .contents .storages>div:nth-of-type(even):before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 20px;
        margin-top: -10px;
        background-color: #e2e2e2;
    }

    .contents .storages>div:nth-of-type(odd) {
        padding-right: 12px;
    }

    .contents .storages>div a {
        display: flex;
        justify-content: space-between;
    }

    .contents .storages>div a span:not(:first-of-type) {
        font-size: 15px;
    }

    .contents .fortune_bn1 {
        display: grid;
        align-items: center;
        min-height: 153px;
        padding: 31px 22px 28px;
    }

    .contents .fortune_bn1:not([data-result=true]) strong {
        font-size: 13px;
    }

    .contents .fortune_bn1:not([data-result=true]) p {
        align-self: flex-start;
        margin-top: 4px;
    }

    .contents .fortune_bn1[data-result=true] {
        padding: 26px 20px 27px;
    }

    .contents .fortune_bn1[data-result=true] .img {
        width: 70px;
        height: 70px;
    }

    .contents .fortune_bn1[data-result=true] .img img {
        width: 38px;
        height: 38px;
        margin-left: -19px;
        margin-top: -19px;
    }

    .contents .fortune_bn1 p {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding-right: 10px;
    }

    .contents .fortune_bn1 p span {
        width: 100%;
    }

    .contents .fortune_bn1 strong {
        padding-right: 10px;
    }

    .contents .fortune_bn1 .ico_fortune,
    .contents .fortune_bn1 .img {
        grid-column: 2/3;
        grid-row: 1/3;
    }

    .contents .fortune_bn1 .ico_fortune {
        width: 94px;
        height: 94px;
        background-size: 66px 66px;
    }

    .contents .fortune_bn1[data-type=love] .ico_fortune {
        background-color: #ffded6;
    }

    .contents .fortune_bn1[data-type=money] .ico_fortune {
        background-color: #fbeed2;
    }

    .contents .fortune_bn1[data-type=work] .ico_fortune {
        background-color: #d3eeee;
    }

    .contents .fortune_bn1[data-type=healthy] .ico_fortune {
        background-color: #d8e8ff;
    }

    .contents .badge_plus_round {
        padding: 2px 12px 3px;
        font-size: 13px;
    }

    .contents .btn_subs {
        width: 68px;
        height: 32px;
        padding: 6px 13px 6px 25px;
        font-size: 14px;
    }

    .contents .btn_text {
        font-size: 13px;
        line-height: 20px;
    }

    .contents .stamps {
        overflow: hidden;
        width: 100%;
    }

    .contents .stamps+.stamps {
        margin-top: 30px;
    }

    .contents .stamps.box {
        padding: 30px 0 40px;
    }

    .contents .stamps .stamps {
        position: relative;
        margin-top: 30px;
        padding-top: 30px;
    }

    .contents .stamps .stamps:before {
        content: "";
        position: absolute;
        top: 0;
        left: 30px;
        width: calc(100% - 60px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .contents .stamps .stamps .jswiper {
        padding: 0 74px;
    }

    .contents .stamps .stamps .jswiper .wrap {
        padding-left: 12px;
    }

    .contents .stamps .stamps .jswiper .jswiper_pagination {
        left: 30px;
        width: calc(100% - 60px);
    }

    .contents .stamps .stamps .jswiper .jswiper_pagination button[aria-disabled=false]:before {
        content: "";
        position: absolute;
        top: 0;
        width: 80px;
        height: 155px;
        margin-top: -85px;
        pointer-events: none;
    }

    .contents .stamps .stamps .jswiper .jswiper_pagination .btn_prev[aria-disabled=false]:before {
        left: 37px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .contents .stamps .stamps .jswiper .jswiper_pagination .btn_next[aria-disabled=false]:before {
        right: 25px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
    }

    .contents .stamps .stamp {
        width: 95px;
        height: 95px;
    }

    .contents .stamps .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 3px;
        right: 3px;
        width: 45px;
        height: 90px;
        border: solid 3px transparent;
        box-sizing: border-box;
        border-radius: 0 95px 95px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .contents .stamps .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .contents .stamps .stamp .number {
        overflow: hidden;
        width: 90px;
        height: 90px;
        font-size: 24px;
        border: solid 3px #fff;
    }

    .contents .stamps .jswiper .slide {
        max-width: 138px;
    }

    .contents .stamps .jswiper .slide:only-child {
        width: 138px;
    }

    .contents .stamps .jswiper .slide .stamp .number:before {
        width: 52px;
    }

    .contents .stamps .jswiper .slide .stamp .number:first-of-type:after {
        left: calc(100% + 52px - 6px);
    }

    .contents .stamps .jswiper .jswiper_pagination {
        justify-content: space-between;
        position: absolute;
        bottom: 61px;
        margin-top: 0;
    }

    .contents .stamp_top {
        display: flex;
        align-items: center;
        padding: 0 30px;
    }

    .contents .stamp_top>strong {
        font-size: 20px;
    }

    .contents .stamp_top>span {
        margin-left: 10px;
    }

    .contents .stamp_top>p {
        order: 1;
        margin-left: auto;
        text-align: right;
    }

    .contents .stamp_bottom {
        overflow: hidden;
        margin-top: 40px;
    }

    .contents .stamp_bottom>div:first-of-type {
        width: 148px;
        margin-left: 86px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper {
        max-width: calc(100% - 234px);
        padding-right: 74px;
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper .jswiper_pagination {
        left: -204px;
        width: calc(100% + 176px);
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper button[aria-disabled=false]:before {
        content: "";
        position: absolute;
        top: 0;
        width: 80px;
        height: 244px;
        margin-top: -122px;
        pointer-events: none;
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper .btn_prev[aria-disabled=false]:before {
        left: 204px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper .btn_next[aria-disabled=false]:before {
        right: 25px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
    }

    .contents .stamp_bottom strong {
        margin-top: 7px;
    }

    .contents>div a:hover,
    .contents>div button:hover,
    .contents>section a:hover,
    .contents>section button:hover {
        opacity: 0.6;
    }

    div[data-count] .stamp.current .number {
        align-items: center;
        padding-bottom: 0;
    }

    div[data-count] .stamp.clear:before {
        width: 34px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28' fill='none'%3E%3Cpath d='M11.4198 28L0 16.0186L4.10753 11.7032L11.4198 19.3751L29.8925 0L34 4.30951L11.4198 28Z' fill='white'/%3E%3C/svg%3E");
    }

    div:not([data-count]) .stamp:not(.clear, .current, .clear, .fail):before {
        width: 34px;
        height: 42px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='42' viewBox='0 0 34 42' fill='none'%3E%3Cpath d='M30.275 16.3949H29.2662V11.9735C29.2662 5.37338 23.7611 0 17.0033 0C10.2455 0 4.74035 5.37338 4.74035 11.9799V16.4013H3.73163C1.66802 16.4013 0 18.0369 0 20.0496V37.3517C0 39.3643 1.67462 41 3.73163 41H30.2684C32.3254 41 34 39.3643 34 37.3517V20.0496C34 18.0369 32.3254 16.4013 30.2684 16.4013L30.275 16.3949ZM18.5658 28.9307V31.1925C18.5658 31.5311 18.2889 31.8058 17.9395 31.8058H16.0605C15.7177 31.8058 15.4342 31.5311 15.4342 31.1925V28.9307C14.5771 28.4131 14.0035 27.4995 14.0035 26.4452C14.0035 24.8287 15.3419 23.5189 16.9967 23.5189C18.6515 23.5189 19.9899 24.8287 19.9899 26.4452C19.9899 27.4995 19.4163 28.4131 18.5592 28.9307H18.5658ZM23.8864 16.3949H10.1136V11.9735C10.1136 8.26134 13.1991 5.2456 16.9967 5.2456C20.7943 5.2456 23.8798 8.26134 23.8798 11.9735V16.3949H23.8864Z' fill='%23BCBDBF'/%3E%3Crect x='1.5' y='17.5001' width='31' height='22' stroke='%23BCBDBF' stroke-width='3'/%3E%3C/svg%3E");
    }

    .stamp.current:before {
        top: 22px;
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M17.6375 8.89738H17.1331V6.63277C17.1331 3.25222 14.3806 0.5 11.0016 0.5C7.62275 0.5 4.87018 3.25222 4.87018 6.63604V8.90065H4.36581C3.33401 8.90065 2.5 9.73843 2.5 10.7693V19.6314C2.5 20.6622 3.33731 21.5 4.36581 21.5H17.6342C18.6627 21.5 19.5 20.6622 19.5 19.6314V10.7693C19.5 9.73843 18.6627 8.90065 17.6342 8.90065L17.6375 8.89738ZM11.7829 15.3181V16.4766C11.7829 16.6501 11.6445 16.7908 11.4697 16.7908H10.5302C10.3588 16.7908 10.2171 16.6501 10.2171 16.4766V15.3181C9.78854 15.0531 9.50175 14.5851 9.50175 14.0451C9.50175 13.2172 10.1709 12.5463 10.9984 12.5463C11.8258 12.5463 12.495 13.2172 12.495 14.0451C12.495 14.5851 12.2082 15.0531 11.7796 15.3181H11.7829ZM14.4432 8.89738H7.55682V6.63277C7.55682 4.73142 9.09957 3.18677 10.9984 3.18677C12.8971 3.18677 14.4399 4.73142 14.4399 6.63277V8.89738H14.4432Z' fill='%2346ACF9'/%3E%3Crect x='4' y='10' width='14' height='10' stroke='%2346ACF9' stroke-width='3'/%3E%3C/svg%3E");
    }

    .stamp.current .number {
        padding-top: 21px;
    }

    .stamp.clear:before {
        top: 21px;
        width: 25px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath d='M8.39695 20L0 11.4419L3.02025 8.35941L8.39695 13.8393L21.9798 0L25 3.07822L8.39695 20Z' fill='white'/%3E%3C/svg%3E");
    }

    .stamp.clear .number {
        padding-top: 19px;
    }

    .stamp.logo {
        background-size: 72px auto;
    }

    .current~li>.stamp:before {
        width: 32px;
        height: 41px;
    }

    .layer_clear_stamp {
        padding: 60px 0 !important;
    }

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

    .layer_clear_stamp .layer_body p {
        margin-top: 6px;
        letter-spacing: -0.4px;
        font-size: 16px;
    }

    .layer_clear_stamp .btn_s {
        padding: 10px 28px;
        font-size: 16px;
        line-height: 24px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] {
        margin-bottom: 20px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp {
        width: 90px;
        height: 90px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 3px;
        right: 3px;
        width: 41.5px;
        height: 83px;
        border: solid 3px transparent;
        box-sizing: border-box;
        border-radius: 0 90px 90px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp .number {
        overflow: hidden;
        width: 83px;
        height: 83px;
        font-size: 22px;
        border: solid 3px #fff;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] [data-count]>.stamp.clear:before {
        width: 34px;
        height: 34px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] li>.stamp.clear:before {
        top: 15px;
        width: 24px;
        height: 24px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) {
        margin-bottom: 30px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp {
        width: 80px;
        height: 80px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 2px;
        right: 2px;
        width: 37px;
        height: 74px;
        border: solid 2px transparent;
        box-sizing: border-box;
        border-radius: 0 80px 80px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp .number {
        overflow: hidden;
        width: 74px;
        height: 74px;
        font-size: 20px;
        border: solid 2px #fff;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) [data-count]>.stamp.clear:before {
        width: 30px;
        height: 30px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) li>.stamp.clear:before {
        top: 20px;
        width: 22px;
        height: 22px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) li:not(:first-of-type, .rest) {
        margin-left: -20px;
    }

    .layer_clear_stamp .clear_stamps .rest {
        margin-left: 10px;
        font-size: 18px;
    }

    .layer_clear_stamp .clear_stamps .stamp.logo {
        background-size: 61px auto;
    }
}

@media (max-width: 985px) {
    .contents.isPlus .account>.column {
        padding-top: 20px;
    }

    .contents.isPlus .account>.column .top {
        padding-bottom: 20px;
    }

    .contents.isPlus .account .badge_plus_round+p {
        margin-top: 8px;
    }

    .contents .section_header_wrap+.info_wrap {
        height: 56px;
        padding: 0 20px;
        font-size: 16px;
        line-height: 28px;
    }

    .contents .section_header_wrap+.info_wrap .info_area {
        display: inline-flex;
        max-width: calc(100% - 42px);
        padding-right: 10px;
    }

    .contents .section_header_wrap+.info_wrap .badge_plus_round {
        flex-shrink: 0;
    }

    .contents .section_header_wrap+.info_wrap .user {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        max-height: 28px;
        margin-right: 4px;
    }

    .contents .section_header_wrap+.info_wrap>a {
        font-size: 12px;
    }

    .contents .info_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .contents .info_wrap .info_area .title {
        display: flex;
        padding-right: 69px;
    }

    .contents .info_wrap .info_area .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-right: 0;
    }

    .contents .info_wrap>button {
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .contents .info_wrap+.row {
        margin-top: 20px;
    }

    .contents .account~.row,
    .contents .account~.chain_wrap {
        margin-top: 40px;
    }

    .contents .account~.row .box {
        min-height: 308px;
    }

    .contents .chain_wrap>.jswiper .wrap {
        overflow: visible !important;
    }

    .contents .account {
        min-height: 407px;
    }

    .contents .account>.column {
        flex: 0 0 auto;
        width: 100%;
        padding: 22px 20px 17px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .account>.column+.column {
        padding-top: 3px;
    }

    .contents .account>.column .title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .contents .column .top {
        align-items: center;
        text-align: center;
        padding-bottom: 22px;
    }

    .contents .column .top>strong:not(:first-child) {
        flex-direction: column;
        align-items: center;
        font-size: 20px;
        line-height: 30px;
    }

    .contents .column .top .btn_s {
        display: inline-flex;
        margin-top: 14px;
        padding: 8px 23px;
    }

    .contents .column .bottom a {
        justify-content: center;
        text-align: center;
        font-size: 13px;
        line-height: 21px;
    }

    .contents .column .bottom .count {
        margin-left: 4px;
        font-size: 13px;
        line-height: 20px;
    }

    .contents .column [data-count] {
        align-items: center;
        padding-top: 20px;
    }

    .contents .column [data-count]>div:first-of-type {
        padding-right: 10px;
    }

    .contents .column [data-count] .title {
        display: none;
        font-weight: 500;
        font-size: 13px;
    }

    .contents .column [data-count] strong:not(.title) {
        font-size: 18px;
        line-height: 28px;
    }

    .contents .column [data-count] strong:not(.title)+p {
        font-size: 14px;
        margin-top: 6px;
    }

    .contents .column [data-count] .stamp {
        width: 95px;
        height: 95px;
    }

    .contents .column [data-count] .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 3px;
        right: 3px;
        width: 45px;
        height: 90px;
        border: solid 3px transparent;
        box-sizing: border-box;
        border-radius: 0 95px 95px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .contents .column [data-count] .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .contents .column [data-count] .stamp .number {
        overflow: hidden;
        width: 90px;
        height: 90px;
        font-size: 24px;
        border: solid 3px #fff;
    }

    .contents .trophy {
        flex-direction: column;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 16px;
        padding: 16px 20px 20px;
    }

    .contents .trophy .title {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }

    .contents .trophy strong {
        align-items: center;
    }

    .contents .trophy strong button {
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 14px;
    }

    .contents .trophy strong button:first-child {
        margin-right: 4px;
    }

    .contents .trophy strong button [class*=ico_] {
        margin-left: 6px;
    }

    .contents .trophy p .btn_s {
        padding: 3px 12px 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 21px;
    }

    .contents .stamp_state {
        flex-wrap: wrap;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .stamp_state>strong,
    .contents .stamp_state>p {
        margin-top: 4px;
    }

    .contents .card_right_list {
        position: relative;
        width: 100%;
    }

    .contents .card_right_list .card {
        padding-top: 16px;
        padding-bottom: 0;
        margin-top: 16px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .card_right_list .card:before {
        display: none;
    }

    .contents .card .card_body .title {
        margin-top: 16px;
    }

    .contents .card .card_body .title+.headline {
        padding-top: 10px;
    }

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

    .contents .card .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding-top: 6px;
    }

    .contents .card_skin .headline {
        font-size: 16px;
        line-height: 24px;
    }

    .contents .card_skin.skin .title {
        font-size: 14px;
        line-height: 22px;
    }

    .contents .card_skin.skin .btn {
        margin-top: 12px;
        font-size: 13px;
    }

    .contents .skin_group {
        flex-wrap: nowrap;
        margin: 0;
    }

    .contents .skin_group li {
        flex: 0 0 auto;
        width: 74vw;
        max-width: 320px;
        margin-left: 20px;
        padding: 0;
    }

    .contents .skin_group li:first-of-type {
        margin-left: 0;
        margin-top: 0;
    }

    .contents [role=tablist] {
        top: 0;
        right: 0;
    }

    .contents [role=tablist] li+li {
        margin-left: 8px;
    }

    .contents [role=tabpanel] .info {
        padding-top: 6px;
        flex-direction: column;
    }

    .contents [role=tabpanel] .info p {
        margin-top: 16px;
    }

    .contents [role=tabpanel] .jswiper {
        margin-top: 20px;
    }

    .contents [role=tabpanel] .jswiper_pagination {
        display: none;
    }

    .contents .calendar {
        padding-top: 11px;
    }

    .contents .calendar .days {
        margin-bottom: 9px;
    }

    .contents .calendar .days li {
        font-size: 13px;
    }

    .contents .dates li {
        margin-top: 6px;
        font-size: 13px;
    }

    .contents .dates span {
        width: 34px;
        height: 34px;
    }

    .contents .bar {
        height: 168px;
        padding-top: 41px;
    }

    .contents .bar .count {
        font-size: 13px;
    }

    .contents .days.slide li:not(:first-of-type) {
        margin-left: 5vw;
    }

    .contents .days.slide li:not(.current).active .count {
        top: -23px;
    }

    .contents .days.slide li.current:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 8.3333333333vw;
        height: 8.3333333333vw;
        max-width: 30px;
        max-height: 30px;
        border: 1.5px solid #f6330a;
        transform: translateX(-50%);
        box-sizing: border-box;
        border-radius: 100%;
    }

    .contents .days.slide li.clear:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 8.3333333333vw;
        height: 8.3333333333vw;
        max-width: 30px;
        max-height: 30px;
        background-color: #fff0ed;
        transform: translateX(-50%);
        border-radius: 100%;
    }

    .contents .days.slide .current .count {
        top: -23px;
    }

    .contents .days .date {
        position: relative;
        height: 8.3333333333vw;
        max-height: 30px;
    }

    .contents .storages {
        grid-template-columns: 1fr 1fr 1fr;
        min-height: 179px;
    }

    .contents .storages+a {
        margin-top: 20px;
    }

    .contents .storages>div {
        padding: 18px 0;
        text-align: center;
    }

    .contents .storages>div:not(:nth-of-type(3n+1)):before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 42px;
        margin-top: -21px;
        background-color: #e2e2e2;
    }

    .contents .storages>div a {
        display: inline-flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }

    .contents .storages>div a span:not(:first-of-type) {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .contents .fortune_bn1 {
        min-height: 90px;
    }

    .contents .fortune_bn1:not([data-result=true]) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 17px 20px 21px;
    }

    .contents .fortune_bn1:not([data-result=true]) strong {
        justify-content: center;
        font-size: 12px;
    }

    .contents .fortune_bn1[data-result=true] {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr auto;
        padding: 22px 20px 21px;
    }

    .contents .fortune_bn1[data-result=true] p {
        padding-right: 10px;
    }

    .contents .fortune_bn1[data-result=true] .img {
        overflow: hidden;
        grid-column: 2/3;
        grid-row: 1/3;
        width: 70px;
        height: 70px;
    }

    .contents .fortune_bn1[data-result=true] .img img {
        width: 36px;
        height: 36px;
        margin-left: -18px;
        margin-top: -18px;
    }

    .contents .fortune_bn1 strong {
        display: flex;
        width: 100%;
    }

    .contents .fortune_bn1 .ico_fortune {
        width: 28px;
        height: 28px;
        margin-left: 4px;
    }

    .contents .btn_subs {
        width: 59px;
        height: 28px;
        padding: 3px 10px 3px 25px;
        font-size: 13px;
    }

    .contents .btn_text {
        font-size: 12px;
        line-height: 22px;
    }

    .contents .badge_plus_round {
        padding: 1px 9px 2px;
        font-size: 11px;
    }

    .contents .stamps.box {
        margin-top: 0 !important;
        padding: 24px 0 30px;
    }

    .contents .stamps.box+.stamps {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .contents .stamps .stamps {
        position: relative;
        max-width: 719px;
        width: 100vw;
        margin-left: -20px;
        padding-top: 30px;
        margin-top: 30px;
    }

    .contents .stamps .stamps:before {
        content: "";
        position: absolute;
        top: 0;
        left: 20px;
        width: calc(100% - 40px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .contents .stamps .stamps .jswiper {
        overflow: hidden;
    }

    .contents .stamps .stamps .wrap {
        max-width: 719px;
        width: 100vw;
        padding-left: 14px;
        padding-right: 16px;
    }

    .contents .stamps .stamp {
        width: 88px;
        height: 88px;
    }

    .contents .stamps .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 3px;
        right: 3px;
        width: 41.5px;
        height: 83px;
        border: solid 3px transparent;
        box-sizing: border-box;
        border-radius: 0 88px 88px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .contents .stamps .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .contents .stamps .stamp .number {
        overflow: hidden;
        width: 83px;
        height: 83px;
        font-size: 20px;
        border: solid 3px #fff;
    }

    .contents .stamps .jswiper .slide {
        max-width: 100px;
    }

    .contents .stamps .jswiper .slide:only-child {
        width: 100px;
    }

    .contents .stamps .jswiper .slide .stamp .number:before {
        width: 20px;
    }

    .contents .stamps .jswiper .slide .stamp .number:first-of-type:after {
        left: calc(100% + 14px);
    }

    .contents .stamps .jswiper .jswiper_pagination {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
    }

    .contents .stamps .jswiper .jswiper_pagination .btn_next {
        opacity: 0;
        pointer-events: none;
    }

    .contents .stamps .jswiper .jswiper_pagination .btn_prev {
        position: static;
        pointer-events: none;
    }

    .contents .stamps .jswiper .jswiper_pagination .btn_prev i {
        opacity: 0;
    }

    .contents .stamps .jswiper .jswiper_pagination .btn_prev[aria-disabled=false]:before {
        content: "";
        position: absolute;
        left: 0;
        top: -2px;
        width: 40px;
        height: 149px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
    }

    .contents .stamp_top {
        display: block;
    }

    .contents .stamp_top>strong {
        display: flex;
        padding-bottom: 4px;
        font-size: 18px;
    }

    .contents .stamp_top>p {
        display: inline;
    }

    .contents .stamp_bottom {
        max-width: 719px;
        width: 100vw;
        margin-top: 24px;
    }

    .contents .stamp_bottom>div:first-of-type {
        width: 104px;
        padding-right: 16px;
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper {
        max-width: calc(100% - 124px);
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper .wrap {
        padding-right: 16px;
    }

    .contents .stamp_bottom .fix_stamp_plus strong {
        text-indent: -4px;
        white-space: nowrap;
    }

    div[data-count] .stamp.clear:before {
        width: 32px;
        height: 26px;
    }

    div:not([data-count]) .stamp:not(.clear, .current, .clear, .fail):before {
        width: 30px;
        height: 38px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='42' viewBox='0 0 34 42' fill='none'%3E%3Cpath d='M30.275 16.3949H29.2662V11.9735C29.2662 5.37338 23.7611 0 17.0033 0C10.2455 0 4.74035 5.37338 4.74035 11.9799V16.4013H3.73163C1.66802 16.4013 0 18.0369 0 20.0496V37.3517C0 39.3643 1.67462 41 3.73163 41H30.2684C32.3254 41 34 39.3643 34 37.3517V20.0496C34 18.0369 32.3254 16.4013 30.2684 16.4013L30.275 16.3949ZM18.5658 28.9307V31.1925C18.5658 31.5311 18.2889 31.8058 17.9395 31.8058H16.0605C15.7177 31.8058 15.4342 31.5311 15.4342 31.1925V28.9307C14.5771 28.4131 14.0035 27.4995 14.0035 26.4452C14.0035 24.8287 15.3419 23.5189 16.9967 23.5189C18.6515 23.5189 19.9899 24.8287 19.9899 26.4452C19.9899 27.4995 19.4163 28.4131 18.5592 28.9307H18.5658ZM23.8864 16.3949H10.1136V11.9735C10.1136 8.26134 13.1991 5.2456 16.9967 5.2456C20.7943 5.2456 23.8798 8.26134 23.8798 11.9735V16.3949H23.8864Z' fill='%23BCBDBF'/%3E%3Crect x='1.5' y='17.5001' width='31' height='22' stroke='%23BCBDBF' stroke-width='3'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }

    .stamp.current:before {
        top: 21px;
        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='M15.9747 8.1976H15.5424V6.25655C15.5424 3.35899 13.1831 1 10.287 1C7.39083 1 5.03154 3.35899 5.03154 6.25935V8.2004H4.59923C3.71485 8.2004 3 8.91848 3 9.80205V17.398C3 18.2815 3.71768 18.9996 4.59923 18.9996H15.9719C16.8534 18.9996 17.5711 18.2815 17.5711 17.398V9.80205C17.5711 8.91848 16.8534 8.2004 15.9719 8.2004L15.9747 8.1976ZM10.9566 13.701V14.694C10.9566 14.8426 10.8379 14.9632 10.6882 14.9632H9.88292C9.736 14.9632 9.6145 14.8426 9.6145 14.694V13.701C9.24718 13.4738 9.00136 13.0727 9.00136 12.6098C9.00136 11.9002 9.57494 11.3252 10.2841 11.3252C10.9933 11.3252 11.5669 11.9002 11.5669 12.6098C11.5669 13.0727 11.3211 13.4738 10.9538 13.701H10.9566ZM13.2368 8.1976H7.33432V6.25655C7.33432 4.62685 8.65665 3.3029 10.2841 3.3029C11.9116 3.3029 13.234 4.62685 13.234 6.25655V8.1976H13.2368Z' fill='%2346ACF9'/%3E%3Crect x='4.38947' y='9.24696' width='11.7922' height='8.36367' stroke='%2346ACF9' stroke-width='2.77895'/%3E%3C/svg%3E");
    }

    .stamp.current .number {
        padding-top: 23px;
    }

    .stamp.clear:before {
        top: 21px;
        width: 22px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' viewBox='0 0 22 17' fill='none'%3E%3Cpath d='M7.38931 17L0 9.72558L2.65782 7.1055L7.38931 11.7634L19.3422 0L22 2.61649L7.38931 17Z' fill='white'/%3E%3C/svg%3E");
    }

    .stamp.clear .number {
        padding-top: 23px;
    }

    .stamp.logo {
        background-size: 67px auto;
    }

    .current~li>.stamp:before {
        width: 31px;
        height: 38px;
    }

    .layer_clear_stamp {
        padding: 50px 0 !important;
    }

    .layer_clear_stamp .layer_body .title {
        font-size: 16px;
        line-height: 24px;
    }

    .layer_clear_stamp .layer_body p {
        margin-top: 2px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
    }

    .layer_clear_stamp .layer_footer {
        margin-top: 16px;
    }

    .layer_clear_stamp .btn_s {
        padding: 6px 23px;
        font-size: 15px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] {
        margin-bottom: 16px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp {
        width: 80px;
        height: 80px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 2px;
        right: 2px;
        width: 37px;
        height: 74px;
        border: solid 2px transparent;
        box-sizing: border-box;
        border-radius: 0 80px 80px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] .stamp .number {
        overflow: hidden;
        width: 74px;
        height: 74px;
        font-size: 20px;
        border: solid 2px #fff;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] [data-count]>.stamp.clear:before {
        width: 30px;
        height: 30px;
    }

    .layer_clear_stamp .clear_stamps[data-clear-count="1"] li>.stamp.clear:before {
        top: 17px;
        width: 22px;
        height: 22px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) {
        margin-bottom: 20px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp {
        width: 70px;
        height: 70px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp.clear:after {
        content: "";
        position: absolute;
        bottom: 2px;
        right: 2px;
        width: 32px;
        height: 64px;
        border: solid 2px transparent;
        box-sizing: border-box;
        border-radius: 0 70px 70px 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 100%);
        transform: rotate(-135deg);
        transform-origin: 0 50%;
        pointer-events: none;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp.clear:before {
        content: "";
        position: absolute;
        left: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) .stamp .number {
        overflow: hidden;
        width: 64px;
        height: 64px;
        font-size: 18px;
        border: solid 2px #fff;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) [data-count]>.stamp.clear:before {
        width: 26px;
        height: 26px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) li>.stamp.clear:before {
        top: 14px;
        width: 20px;
        height: 20px;
    }

    .layer_clear_stamp .clear_stamps:not([data-clear-count="1"]) li:not(:first-of-type, .rest) {
        margin-left: -16px;
    }

    .layer_clear_stamp .clear_stamps .rest {
        margin-left: 8px;
        font-size: 16px;
    }

    .layer_clear_stamp .clear_stamps .stamp.logo {
        background-size: 54px auto;
    }
}

@media (max-width: 689px) {
    .contents .stamp_bottom .jswiper {
        max-width: calc(100% - 104px);
    }

    .option_list {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
    }

    .option_list .layer_body {
        margin-right: 0;
        padding-right: 0;
    }

    .option_list .dropdown_toggle {
        top: 20px;
        right: 56px;
    }

    .option_list .btn_close {
        top: 24px;
        right: 20px;
    }

    .option_list .btn_subs {
        width: 59px;
        height: 28px;
        padding: 3px 10px 3px 25px;
        font-size: 13px;
    }
}

@media (min-width: 690px) {
    .option_list {
        position: absolute;
        top: 36px;
        right: 0;
        padding: 30px;
        width: 380px;
        height: 678px;
        z-index: 10;
    }

    .option_list .btn_subs {
        width: 68px;
        height: 32px;
        padding: 6px 13px 6px 25px;
        font-size: 14px;
    }

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

    .option_list .btn_close .ico_close {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 690px) and (max-width: 985px) {
    .contents .card.col_lg8+.col_lg4 .card:first-of-type {
        margin-top: 20px;
    }

    .contents .card.col_lg8 .col_lg6 {
        width: 50% !important;
    }

    .contents .card.col_lg8 .col_lg6:first-child {
        padding-right: 10px;
    }

    .contents .card.col_lg8 .col_lg6:last-child {
        padding-left: 10px;
    }

    .contents .card.col_lg8 .btn_s {
        display: inline-flex !important;
        margin-top: 30px;
        padding: 5px 16px 6px;
        font-size: 13px;
    }

    .contents .card.col_lg8 .card_body .title {
        margin-top: 0;
    }

    .contents .card.col_lg8 .card_body .headline {
        font-size: 24px;
        line-height: 34px;
    }

    .contents .card.col_lg8 .card_body .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        padding-top: 14px;
        font-size: 15px;
        line-height: 24px;
    }

    .contents .stamp_bottom>div:first-of-type {
        width: 104px;
        padding-right: 16px;
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper {
        max-width: calc(100% - 104px + (100vw - 719px) / 2);
    }

    .contents .stamp_bottom>div:first-of-type+.jswiper .wrap {
        padding-right: calc((100vw - 719px) / 2);
    }

    .contents .stamp_bottom+.stamps {
        margin-left: 0;
    }

    .contents .stamp_bottom+.stamps:before {
        left: 0;
        width: 100%;
    }

    .contents .stamp_bottom+.stamps .jswiper {
        width: calc(719px + (100vw - 719px + 20px + 20px) / 2);
        margin-left: -6px;
    }

    .contents .stamp_bottom+.stamps .jswiper .wrap {
        max-width: calc(719px + (100vw - 719px + 40px) / 2);
        padding-right: calc((100vw - 719px + 20px) / 2);
        padding-left: 0;
    }
}

.option_list.re {
    padding: 0;
    overflow: hidden;
    z-index: 400;
}

.option_list.re>.layer_header {
    display: block;
    padding: 20px 20px 0;
}

.option_list.re>.layer_header>.title {
    display: block;
    height: 28px;
}

.option_list.re .layer_body {
    height: auto;
    margin: 0;
    padding: 0 20px;
    overflow-y: hidden;
}

.option_list.re .scroll {
    position: static;
    height: calc(100% - 114px);
    padding-top: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff !important;
}

.option_list.re .nav {
    display: flex;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.option_list.re .nav li {
    width: 25%;
    text-align: center;
}

.option_list.re .nav .nav_item a {
    display: block;
    position: relative;
    padding: 10px 6px;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    line-height: 24px;
}

.option_list.re .nav .nav_item.active a {
    color: #000;
    font-weight: 900;
}

.option_list.re .nav .nav_item.active a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background-color: #000;
}

.option_list.re p.no_list {
    padding: 50px 0 0;
    color: #999;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

.option_list.re .box {
    margin: 20px 0 0;
    padding: 20px;
    background: #F7F7F7;
}

.option_list.re .box .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 700;
}

.option_list.re .box .title .btn {
    padding: 0;
}

.option_list.re .box .title .ico_refresh {
    margin: 0;
}

.option_list.re .box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.option_list.re.first .box {
    position: static;
}

.option_list.re .list {
    --gap: 8px;
    gap: var(--gap);
}

.option_list.re .list li {
    padding: 12px 12px 10px 16px;
    background: #FFF;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
}

.option_list.re .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.re .list li a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.option_list.re .list li a:hover {
    opacity: 0.7;
}

.option_list.re .list li p {
    height: 38px;
    margin-top: 13px;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}

.option_list.re .list li .btn_subs {
    margin-left: 5px;
}

.option_list.re .dropdown_menu {
    margin-top: 20px;
    padding: 16px;
}

.option_list.re .dropdown_menu dt {
    margin-bottom: -4px;
    padding-bottom: 12px;
}

.option_list.re .dropdown_menu dd {
    padding-top: 16px;
    line-height: 20px;
}

.option_list.re .dropdown_menu dd .switch {
    width: 32px;
}

.option_list.re .dropdown_menu dd .slider:before {
    bottom: -3px;
    height: 16px;
    width: 16px;
}

.option_list.re .dropdown_menu dd input:checked+.slider:before {
    left: -5px;
}

/*.option_list.re .dropdown_menu dd:not(.lg_hidden):last-child {
    margin-left: 20px;
  }*/
.option_list.re.series li p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.option_list.re.curation li div {
    height: 40px;
}

.option_list.re.curation li a {
    -webkit-line-clamp: 2;
}

.option_list.re .ico_refresh {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 5H17V8.5H13.5V9.5H17H17.5H18V5Z' fill='%231D1D1D'/%3E%3Cpath d='M17 5V4.75H16.75V5H17ZM18 5H18.25V4.75H18V5ZM17 8.5V8.75H17.25V8.5H17ZM13.5 8.5V8.25H13.25V8.5H13.5ZM13.5 9.5H13.25V9.75H13.5V9.5ZM18 9.5V9.75H18.25V9.5H18ZM17 5.25H18V4.75H17V5.25ZM17.25 8.5V5H16.75V8.5H17.25ZM13.5 8.75H17V8.25H13.5V8.75ZM13.75 9.5V8.5H13.25V9.5H13.75ZM17 9.25H13.5V9.75H17V9.25ZM17.5 9.25H17V9.75H17.5V9.25ZM18 9.25H17.5V9.75H18V9.25ZM17.75 5V9.5H18.25V5H17.75Z' fill='%231D1D1D'/%3E%3Cpath d='M16.8756 8.93073C16.1542 5.54194 13.144 3 9.54004 3C5.3979 3 2.04004 6.35786 2.04004 10.5C2.04004 14.6421 5.3979 18 9.54004 18C12.678 18 15.3659 16.0728 16.4847 13.3375' stroke='%231D1D1D' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

@media (max-width: 985px) {
    .option_list.re .layer_body {
        min-height: 200px;
    }

    .option_list.re .list {
        display: grid;
        grid-gap: 8px;
    }

    .option_list.re .scroll>div:only-child .list {
        margin-bottom: 20px;
    }

    .option_list.re .dropdown.open+.jswiper+.scroll {
        height: calc(100% - 273px);
    }
}

@media (max-width: 425px) {
    .option_list.re .dropdown.open+.jswiper+.scroll {
        height: calc(100% - 298px);
    }
}

@media (max-width: 689px) {
    .option_list.re .scroll {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (min-width: 690px) and (max-width: 985px) {
    .option_list.re {
        height: 640px;
        border-radius: 0;
    }

    .option_list.re .layer_body {
        min-height: 216px;
    }

    .option_list.re.topic .layer_body {
        min-height: 239px;
    }

    .option_list.re.curation .layer_body {
        min-height: 299px;
    }

    .option_list.re .scroll {
        height: calc(100% - 113px);
    }

    .option_list.re .dropdown.open+.jswiper+.scroll {
        height: calc(100% - 294px);
    }
}

@media (min-width: 986px) {
    .option_list.re {
        width: 680px;
        height: 560px;
        padding: 0 0 20px;
        border-radius: 12px;
    }

    .option_list.re>.layer_header {
        padding: 24px 30px 0;
    }

    .option_list.re .layer_body {
        padding: 0 30px;
        min-height: 195px;
    }

    .option_list.re .scroll {
        height: calc(100% - 125px);
    }

    .option_list.re nav {
        margin: 0 30px;
    }

    .option_list.re .box {
        bottom: 30px;
        margin: 20px 30px 0;
        border-radius: 8px;
    }

    .option_list.re .list {
        display: flex;
        flex-wrap: wrap;
        --columns: 2;
    }

    .option_list.re .list li {
        display: flex;
        width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
    }

    .option_list.re .list div:only-child {
        height: 100%;
    }

    .option_list.re .dropdown.open .dropdown_menu {
        display: flex;
    }

    .option_list.re.first .dropdown.open+.jswiper+.scroll .box {
        position: static;
    }

    .option_list.re .dropdown_menu {
        justify-content: space-between;
    }

    .option_list.re .dropdown_menu dt {
        margin: 0;
        padding: 0;
        border: none;
    }

    .option_list.re .dropdown_menu dd {
        padding-top: 0;
    }

    .option_list.re .dropdown_menu dd .switch {
        margin-left: 25px;
    }

    .option_list.re.series li {
        flex-direction: column;
    }

    .option_list.re.topic .list {
        --columns: 3;
    }

    .option_list.re.topic .layer_body {
        min-height: 186px;
    }

    .option_list.re.curation .layer_body {
        min-height: 234px;
    }

    .option_list.re .dropdown.open+.jswiper+.scroll {
        height: calc(100% - 218px);
    }
}

.contents .event_banner {
    margin: 40px auto;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

@media (max-width: 985px) {
    .contents .event_banner {
        padding-top: 14px;
    }

    .contents .event_banner img {
        max-width: 320px;
    }
}

@media (min-width: 986px) {
    .contents .event_banner {
        margin-bottom: -20px;
    }

    .contents .event_banner a:hover {
        opacity: 1 !important;
    }

    .contents .event_banner .jswiper_pagination {
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: 3px;
    }
}

.contents .info_wrap .btn_area {
    position: relative;
}

/* skeleton - common */
.skeleton_wrap .skeleton {
  background-color: rgb(247, 248, 250);
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.skeleton_wrap .skeleton:after {
  animation: shimmer 2s infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(50%, rgb(243, 244, 246)), color-stop(80%, transparent));
  background: linear-gradient(90deg, transparent 20%, rgb(243, 244, 246) 50%, transparent 80%);
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
}

@media (min-width: 986px) {
  .skeleton_wrap .skeleton {
    height: 20px;
  }
  .skeleton_wrap .skeleton:not(:first-child) {
    margin-top: 10px;
  }
}
@media (max-width: 985px) {
  .skeleton_wrap .skeleton {
    height: 17px;
  }
  .skeleton_wrap .skeleton:not(:first-child) {
    margin-top: 8px;
  }
}
@keyframes shimmer {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/* skeleton custom */
.skeleton_wrap.info_wrap {
  padding: 0 !important;
  background: none !important;
}
.skeleton_wrap.info_wrap .skeleton {
  height: 100%;
}
.skeleton_wrap.account {
  border: none;
}
.skeleton_wrap.account .skeleton {
  height: 200px;
}
.skeleton_wrap.account > .column, .skeleton_wrap.account > .trophy {
  padding: 0 !important;
  border: none;
}
.skeleton_wrap.box {
  border: none;
}
.skeleton_wrap.box .skeleton {
  height: 100%;
}
.skeleton_wrap.storages {
  display: block;
  border-top: none;
}
.skeleton_wrap.storages .skeleton {
  height: 100%;
}
.skeleton_wrap.fortune_bn1 {
  display: block;
  padding: 0 !important;
  background: none;
}

@media (min-width: 986px) {
  .skeleton_wrap.info_wrap {
    height: 70px !important;
  }
  .skeleton_wrap.account > .trophy {
    display: none;
  }
  .skeleton_wrap.box {
    min-height: 355px !important;
  }
  .skeleton_wrap.storages {
    min-height: 172px;
  }
  .skeleton_wrap.fortune_bn1 {
    margin-top: 30px;
  }
  .skeleton_wrap.fortune_bn1 .skeleton {
    height: 153px;
  }
}
@media (max-width: 985px) {
  .skeleton_wrap.info_wrap {
    height: 56px !important;
  }
  .skeleton_wrap.account > .trophy {
    flex: 0 0 auto;
    width: 100%;
  }
  .skeleton_wrap.box {
    min-height: 313px !important;
  }
  .skeleton_wrap.storages {
    min-height: 160px;
  }
  .skeleton_wrap.fortune_bn1 {
    margin-top: 23px;
  }
  .skeleton_wrap.fortune_bn1 .skeleton {
    height: 90px;
  }
}