/*
@ :: utils ::
*/
.visible_hidden {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.text_ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_ellipsis_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_ellipsis_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn_view_more_container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_view_more_container .btn_view_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.6rem;
    color: #fff;
    font-family: var(--font-700);
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.014em;
    background-color: #000;
    border-radius: 2rem;
}
.btn_view_more_container:has(.list_newest) {
    margin-top: 3rem;
}

.thumbnail ~ .message_container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    bottom: 10rem;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0.18s ease;
    z-index: 1;
}
.thumbnail ~ .message_container img {
    width: 2.4rem;
    height: 2.4rem;
}
.thumbnail ~ .message_container .message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-width: 16.9rem;
    width: max-content;
    height: 4.8rem;
    padding-inline: 2rem;
    background-color: #000;
    border-radius: 3rem;
    transform: translateY(50%);
    transition: transform 0.18s ease;
    will-change: transform;
}
.thumbnail ~ .message_container .message .txt {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: -0.014em;
}
.thumbnail ~ .message_container.show {
    opacity: 1;
}
.thumbnail ~ .message_container.show .message {
    transform: translateY(0);
}

.notice_marker {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -0.4rem;
    top: -0.7rem;
    width: 1.6rem;
    height: 1.6rem;
    padding-top: 0.1rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    font-style: normal;
    background-color: #d90000;
    border-radius: 50%;
}
.notice_marker.gray {
    background-color: #b1b1b1;
}
/*
@ :: board type ::
*/

.list_horizontal {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.6rem;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 1.6rem;
}
.list_horizontal::-webkit-scrollbar {
    display: none;
}
.list_horizontal li {
    flex: 0 0 auto;
}
.list_horizontal li:last-child {
    margin-right: 1.6rem;
}
.list_horizontal_row .list_row_container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.2rem;
    overflow: hidden;
    overflow-x: auto;
}
.list_horizontal_row li {
    flex: 0 0 auto;
}

/*
@:: bottom gnb ::
*/

.gnb_container {
    width: 100%;
    height: 7.8rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.gnb_container.hidden {
    position: relative;
    z-index: -1;
}
.gnb_container .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 39.3rem;
    height: 100%;
    margin: 0 auto;
    padding: 1rem 3.2rem 2rem;
    background-color: #fff;
}
.gnb_container .container a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    opacity: 1;
}
.gnb_container .container a img {
    width: 2.8rem;
    height: 2.8rem;
    filter: contrast(0);
    opacity: 0.5;
}
.gnb_container .container a span {
    font-family: var(--font-500);
    font-size: 1.2rem;
    text-align: center;
    color: #666;
}
.gnb_container .container a.active {
    opacity: 1;
}
.gnb_container .container a.active span {
    font-family: var(--font-700);
    color: #000;
}
.gnb_container .container a.active img {
    width: 2.8rem;
    height: 2.8rem;
    filter: none;
    opacity: 1;
}

/*
@ :: meta_information
*/

.title_container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.title_container .title {
    font-family: var(--font-700);
    font-size: 2.8rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
.title_description {
    margin-top: 0.8rem;
    font-family: var(--font-600);
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: -0.016em;
}
.title_container .btn_view_more {
    width: 2.4rem;
    height: 2.4rem;
    margin-bottom: 0.6rem;
}

.sub_title + ul,
.title_container + ul {
    margin-top: var(--lc-tit-gap);
}

/*
@ :: category, depth_navigation, custom_select ::
*/

.top_button_container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 2rem 0 2.8rem;
}
.top_button_container a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 2.2rem;
    color: rgba(0, 0, 0, 0.4);
    font-family: var(--font-700);
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -0.02em;
}
.top_button_container a.active {
    color: #000;
}

.category_navigation_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 1.2rem 2.5rem 1.2rem 1.6rem;
}
.category_navigation_container:before {
    content: "";
    position: absolute;
    top: 1rem;
    right: 0.3rem;
    width: 3.5rem;
    height: 2.8rem;
    background: linear-gradient(
        270deg,
        rgba(255, 255, 255, 1) 65%,
        rgba(255, 255, 255, 0.3) 100%
    );
    z-index: 2;
    pointer-events: none;
}
.category_navigation_container .category_navigation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.8rem;
    position: relative;
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    z-index: 1;
    padding-right: 1.2rem;
}
.category_navigation_container .category_navigation::-webkit-scrollbar {
    display: none;
}
.category_navigation .nav-track {
    display: inline-flex;
    gap: 2.8rem;
    min-width: max-content;
}
.category_navigation_container .category_navigation a {
    flex: 0 0 auto;
    position: relative;
    padding-bottom: 0.6rem;
    font-family: var(--font-600);
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: -0.016em;
    opacity: 0.4;
}
.category_navigation_container .category_navigation a.active {
    opacity: 1;
}
.category_navigation_container .category_navigation a.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: #000;
}
.category_navigation_container .btn_category_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1.2rem;
    right: 1.4rem;
    width: 2.2rem;
    height: 2.2rem;
    z-index: 3;
}
/* #app_wrapper:has(.bombom_category_navigation) .category_toggle_navigation {
    height: calc(100% - 19.2rem);
} */
.bombom_category_navigation + .bombom_contents_container > .title_container {
    padding-top: var(--pd-in);
}

body:has(.category_toggle_navigation.active) {
    overflow: hidden;
}
.category_toggle_navigation {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 11.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 39.3rem;
    /* height: calc(100% - 13.2rem); */
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
}
.category_toggle_navigation.active {
    display: flex;
}
.category_toggle_navigation .scroller_container {
    padding-inline: 1.6rem;
    overflow-y: auto;
    background-color: #fff;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.category_toggle_navigation .scroller_container::-webkit-scrollbar {
    display: none;
}
.category_toggle_navigation a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-block: 1.6rem 1.6rem;
    font-family: var(--font-600);
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: -0.016rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.category_toggle_navigation li:first-child a {
    border-top: none;
}
.category_toggle_navigation .btn_category_closed {
    position: absolute;
    top: 1.2rem;
    right: 1.4rem;
    width: 2.2rem;
    height: 2.2rem;
}
.category_toggle_navigation .btn_category_closed img {
    display: block;
    transform: rotate(180deg);
}
.category_toggle_navigation li:first-child {
    padding-block: 1.2rem 1.2rem;
    font-family: var(--font-600);
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: -0.016rem;
    background-color: #fff;
    border-bottom: 0.2rem solid #000;
}
.category_toggle_navigation li:first-child + li a {
    border-top: none;
}
.depth_navigation_container {
    position: relative;
    padding-inline: 1.6rem;
    margin-block: 4rem 2rem;
    z-index: 2;
}
.depth_navigation_container .depth_navigation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.2rem;
}
.depth_navigation_container .depth_navigation .home {
    width: 2rem;
}
.depth_navigation_container .depth_navigation .arrow {
    width: 2rem;
}
.depth_navigation_container .category_container {
    position: relative;
}
.depth_navigation_container .category_container .category_current {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.3rem;
    cursor: pointer;
}
.depth_navigation_container .category_container .category_current img {
    width: 1.2rem;
}

.component_select_list {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.6rem;
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    height: auto;
    padding: 2.4rem 1.6rem;
    z-index: 1;
    border-radius: 0.8rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.component_select_list.active {
    display: flex;
}
.component_select_list li {
    width: 100%;
}
.component_select_list a {
    display: block;
    font-size: 1.4rem;
    text-align: left;
}

.product_condition_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-inline: 1.6rem;
    margin-block: 2rem 1.6rem;
}
.product_condition_container .total_posts {
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: -0.013em;
}
.product_condition_container .sort_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: auto;
}
.product_condition_container .sort_container .current_sort_state {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.2rem;
    position: relative;
}
.product_condition_container .sort_container .current_sort_state .state {
    width: auto;
    opacity: 1;
    font-family: var(--font-500);
    font-size: 1.3rem;
}
.product_condition_container .sort_container .current_sort_state img {
    width: 1.6rem;
}
.product_condition_container button {
    width: 2.4rem;
    opacity: 0.4;
}
.product_condition_container button.active {
    opacity: 1;
}
.product_condition_container button[data-type="array_card"] {
    margin-left: 0.8rem;
    display: none;
}
.product_condition_container button[data-type="array_list"] {
    margin-left: 0.6rem;
    display: none;
}
.product_condition_container .component_select_list {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 !important;
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    height: auto;
    padding: 1.2rem 1.6rem;
    z-index: 1;
    border-radius: 0.8rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.product_condition_container .component_select_list.align_right {
    left: initial;
    right: 0;
    transform: translateX(0);
}
.product_condition_container .component_select_list.active {
    display: flex;
}
.product_condition_container .component_select_list li {
    width: 100%;
}
.product_condition_container .component_select_list button {
    display: block;
    width: 100%;
    height: auto;
    padding-block: 0.8rem;
    color: #000;
    font-family: var(--font-500);
    font-size: 1.6rem;
    text-align: left;
    line-height: 1;
    letter-spacing: -0.016rem;
    opacity: 1;
}

/*
list
*/
.list_container {
    margin-top: var(--lc-gap-l);
    padding-inline: var(--pd-in);
}
.list_container:has(.list_horizontal) {
    padding-inline: 0;
}
.list_container:has(.list_horizontal) .title_container {
    padding-inline: var(--pd-in);
}
.list_container:has(.list_double_row) {
    padding-inline: 0;
}
.list_container:has(.list_double_row) .title_container {
    padding-inline: var(--pd-in);
}
.list_container:not(:has(> .title_container:first-child)) {
    margin-top: 0;
}

.list_container .list_double_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--lc-gap-m);
    overflow: hidden;
}
.list_container .list_double_row .row {
    display: block;
    width: 100%;
}
.list_container .list_double_row .row .row_scroll_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--lc-gap-hz-half);
    overflow: hidden;
    overflow-x: auto;
    padding-inline: 1.6rem;
}
.list_container .list_double_row .row .row_scroll_box::-webkit-scrollbar {
    display: none;
}
.list_container
    .list_double_row
    .row
    .row_scroll_box:not(:has(li:nth-child(3)))
    li {
    width: 17.5rem;
}
.list_container .list_double_row .row li {
    flex: 0 0 auto;
    width: 16.4rem;
}
.list_container .list_double_row .row li:last-child {
    margin-right: 1.6rem;
}

.list_contents:has(> li:first-child.contents_card.half) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--lc-gap-m) var(--lc-gap-hz-half);
}
.list_contents:has(> li:first-child.contents_card.full) {
    display: flex;
    flex-direction: column;
    gap: var(--lc-gap-m);
}

.list_contents:has(> li:first-child.series_card.full) {
    display: flex;
    flex-direction: column;
    gap: var(--lc-gap-m);
}
.list_contents:has(> li:first-child.hb_card.half__text) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--lc-gap-halftext);
}

.list_container .list_horizontal {
    gap: var(--lc-gap-hz-half);
}
.list_container .list_contents:has(> li:first-child.hb_card.half) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-gap-m) var(--lc-gap-hz-half);
}
.list_container .list_contents:has(> li:first-child.gb_card.full) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--lc-gap-m);
}

.list_contents:has(> li:first-child.hb_card.half),
.list_contents:has(> li:first-child.gb_card.half),
.list_contents:has(> li:first-child.sb_card.half) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-gap-m) var(--lc-gap-hz-half);
}

/* .gb_card .component_information_container a:has(> .card_place){} */

/*
@ :: lazy loading :: opacity 조절필수
*/

.lazy_loading_container img {
    opacity: 0;
    transition: opacity 0.15s 0.15s linear;
}
.lazy_loading_container img.is-loaded {
    opacity: 1;
}

/*
@ :: carousel ::
*/

.component_card_slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.component_card_slider video,
.component_card_slider img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: inherit;
    height: 100%;
    transform: translate(-50%, -50%);
}
.component_card_slider .swiper-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 60%,
        rgba(0, 0, 0, 0.5) 100%
    );
}
.component_card_slider .swiper {
    width: 100%;
    height: 100%;
}
.component_card_slider .slider_move_container {
    height: 100%;
}
.component_card_slider .slider_move_container .slider {
    position: relative;
    width: 100%;
    height: 100%;
}
.component_card_slider .slider_move_container .slider .slider_text_container {
    position: absolute;
    bottom: 9.4rem;
    left: 2.4rem;
    width: calc(100% - 4.8rem);
    z-index: 1;
}
.component_card_slider
    .slider_move_container
    .slider
    .slider_text_container
    .category {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}
.component_card_slider
    .slider_move_container
    .slider
    .slider_text_container
    .category
    span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.8rem;
    color: #000;
    font-family: var(--font-600);
    font-size: 1.1rem;
    line-height: 1.3;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 3rem;
}
.component_card_slider
    .slider_move_container
    .slider
    .slider_text_container
    .category
    span.series {
    background-color: #eadaff;
}
.component_card_slider
    .slider_move_container
    .slider
    .slider_text_container
    .title {
    display: block;
    margin-top: 1.2rem;
    color: #fff;
    font-family: var(--font-700);
    font-size: 3.8rem;
    letter-spacing: -0.038em;
    line-height: 1.24;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.component_card_slider
    .slider_move_container
    .slider
    .slider_text_container
    .description {
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, 0.88);
    font-family: var(--500);
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
    opacity: 0.86;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.component_card_slider .slide_controller {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
    position: absolute;
    bottom: 4rem;
    left: 2.4rem;
    width: 100%;
    z-index: 1;
}
.component_card_slider .slide_controller .progressbar {
    position: relative;
    overflow: hidden;
    width: 5.6rem;
    height: 0.2rem;
    background-color: rgba(255, 255, 255, 0.4);
}
.component_card_slider .slide_controller .progressbar .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    background-color: #fff;
}
.component_card_slider .slide_controller .slide_counter,
.component_card_slider .slide_controller .slide_counter span {
    color: rgba(255, 255, 255, 0.4);
    font-family: var(--font-500);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.014rem;
}
.component_card_slider .slide_controller .slide_counter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.4);
    font-family: var(--font-500);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.014rem;
}
.component_card_slider .slide_controller .slide_counter span.current {
    font-family: var(--font-700);
    color: #fff;
}
.component_card_slider.card_393_393 {
    height: auto;
    aspect-ratio: 1/1;
}
.component_card_slider.card_393_294 {
    height: auto;
    aspect-ratio: 393/294;
}
.component_card_slider.card_393_221 {
    height: auto;
    aspect-ratio: 393/221;
}
.component_card_slider.card_361_124 {
    height: auto;
    aspect-ratio: 361/124;
}

.component_card_slider .counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.6rem;
    right: 1.6rem;
    padding: 0.5rem 1.2rem;
    border-radius: 3rem;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.component_card_slider .counter span {
    color: #fff;
    font-family: var(--font-600);
    font-size: 1.1rem;
    line-height: 1.3;
}

/*
@ :: card ::
*/
/********************************* thumbnail common ******************************/
.thumbnail {
    flex: 0 0 auto;
    position: relative;
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
}
.thumbnail .lazy_loading_container {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #eee;
}
/* .thumbnail .lazy_loading_container:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg,rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%); opacity: 0.5;} */
.thumbnail .card_top_marker {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    width: calc(100% - 2.4rem);
    pointer-events: none;
}
.thumbnail .card_top_marker span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.8rem;
    font-family: var(--font-600);
    line-height: 1.3;
    font-size: 1.1rem;
    text-transform: uppercase;
    border-radius: 5rem;
}
.thumbnail .card_top_marker span {
    background-color: #fff;
}
.thumbnail .card_top_marker span:has(+ span) {
    background-color: #eadaff;
}
.thumbnail .btn_capture {
    display: none;
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    width: 3.4rem;
    height: 3.4rem;
    margin-left: auto;
}
#app_wrapper:not(:has(.series_detail_container)) .thumbnail .btn_capture {
    display: none;
}
.half__text .thumbnail .btn_capture,
.half .thumbnail .btn_capture {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: auto;
}

.component_information_container a {
    display: block;
    padding-top: 1.6rem;
}
.component_information_container .card_title {
    width: 100%;
    font-family: var(--font-700);
    font-size: 2.2rem;
    letter-spacing: -0.01em;
    line-height: 1.3;
}
.component_information_container .card_description {
    color: rgba(0, 0, 0, 0.56);
    margin-top: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: -0.014em;
}
.component_information_container .card_comment {
    display: block;
    margin-top: 1.6rem;
    color: #888;
    font-family: var(--font-500);
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
.component_information_container .card_date {
    margin-top: 1.2rem;
    color: rgba(0, 0, 0, 0.4);
    font-family: var(--font-400);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012rem;
}
.component_information_container .card_comment b {
    color: #000;
}

.component_information_container .price_container {
    display: block;
    margin-top: 1.4rem;
}
.component_information_container .price_container .origin_price {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: -0.012em;
    text-decoration-line: line-through;
    opacity: 0.56;
}
.component_information_container .price_container > div {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.4rem;
}
.component_information_container .price_container .discount {
    color: #e32727;
    font-family: var(--font-500);
    font-size: 1.3rem;
    line-height: 1;
}
.component_information_container .price_container .discount i {
    color: #e32727;
    font-family: var(--font-700);
    font-size: 1.8rem;
    font-style: normal;
    line-height: 1;
}
.component_information_container .price_container b {
    font-family: var(--font-700);
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.054em;
}
.component_information_container .price_container .unit {
    font-family: var(--font-500);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
}
.component_information_container .card_place {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-right: auto;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.013em;
}
.component_information_container .card_place img {
    width: 1rem;
    height: 1.3rem;
}
.component_information_container .card_tag_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
}
.component_information_container .card_tag_container span {
    padding: 0.5rem 1rem;
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--font-500);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
    background-color: rgba(255, 255, 255, 0.54);
    border-radius: 3rem;
    backdrop-filter: blur(10px);
}

.component_information_container .card_tag_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 1rem;
}
.component_information_container .card_tag_container span {
    display: inline-flex;
    padding: 0.4rem 0.6rem;
    color: #999;
    font-family: var(--font-600);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 1rem;
}
.component_information_container > a:not(:has(.card_place)) > .card_title {
    margin-top: 0 !important;
}

.list_horizontal .contents_card {
    width: calc(100% - 4.4rem);
}
.list_horizontal .gb_card.full {
    width: calc(100% - 4.4rem);
}
.list_horizontal .half {
    width: calc(50% - 2.2rem) !important;
}
.list_horizontal .series_card {
    width: calc(100% - 4.4rem) !important;
}
.lazy_loading_container {
    background-color: #f2f2f2;
}
.thumbnail picture {
    display: block;
}
/********************************* thumbnail common ******************************/

/********************************* contents_card *********************************/
.contents_card {
    width: 100%;
}
.contents_card .thumbnail picture {
    height: auto;
    aspect-ratio: 1/1;
}
.contents_card .thumbnail .card_top_marker {
    top: 1.5rem;
    left: 1.2rem;
}
.contents_card .btn_capture {
    top: 1.2rem;
    right: 1.2rem;
}
.contents_card .thumbnail .card_tag_container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    position: absolute;
    bottom: 1.5rem;
    left: 1.2rem;
    width: calc(100% - 2.4rem);
}
.contents_card .thumbnail .card_tag_container span {
    display: inline-flex;
    padding: 0.5rem 1rem;
    color: #fff;
    font-family: var(--font-500);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 3rem;
    backdrop-filter: blur(10px);
}
.contents_card .component_information_container .card_title.white {
    color: #fff;
}
.contents_card .component_information_container .card_description.white {
    color: rgba(255, 255, 255, 0.56);
}

.contents_card.half {
    width: calc(50% - 0.6rem);
}
.contents_card.half .thumbnail {
    border-radius: 0;
}
.contents_card.half .thumbnail picture {
    height: auto;
    aspect-ratio: 3/4;
    border-radius: 1.6rem;
    overflow: hidden;
    display: block;
}
.contents_card.half .thumbnail .card_top_marker {
    display: flex;
    flex-wrap: wrap;
    width: 13rem;
    top: 0.8rem;
    left: 0.8rem;
}
.contents_card.half .btn_capture {
    top: 0.8rem;
    right: 0.8rem;
}
.contents_card.half .component_information_container .card_title {
    color: #000;
    font-size: 1.8rem;
}
.contents_card.half .component_information_container .card_description {
    color: rgba(0, 0, 0, 0.56);
}
.contents_card.half .component_information_container .card_tag_container {
    display: none;
}
/********************************* contents_card *********************************/

/********************************* series_card *********************************/
.series_card.full {
    width: 100%;
}
.series_card.full .thumbnail picture {
    height: auto;
    aspect-ratio: 361/481;
    display: block;
}
.series_card.full .thumbnail picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 25%,
        rgba(0, 0, 0, 0.6) 100%
    );
}
.series_card.full .component_information_container {
    position: absolute;
    bottom: 1.6rem;
    left: 1.6rem;
    width: calc(100% - 3.2rem);
}
.series_card.full .component_information_container .card_title {
    color: #fff;
    font-size: 3.2rem;
}
.series_card.full .component_information_container .card_description {
    color: #f9f9f9;
    margin-top: 1rem;
}
.series_card.full .component_information_container .card_tag_container span {
    margin-top: 1.5rem;
    padding: 0.5rem 1rem;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
}
.series_card.full .component_information_container .card_count_posts {
    display: block;
    margin-top: 1.6rem;
    color: #ccc;
    font-family: var(--font-500);
    font-size: 1.3rem;
}
.series_card.full .component_information_container .card_count_posts b {
    margin-left: 0.2rem;
    font-family: var(--font-500);
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: -0.013em;
    font-weight: normal;
}
.series_card.full .component_information_container .card_title.white {
    color: #fff;
}
.series_card.full .component_information_container .card_description.white {
    color: rgba(255, 255, 255, 0.56);
}

.series_card.full .thumbnail .card_top_marker {
    top: 1.2rem;
    left: 1.2rem;
}
.series_card.full .btn_capture {
    top: 1.2rem;
    right: 1.2rem;
}
.series_card.full .component_information_container .card_title.white {
    color: #fff;
}
.series_card.full .component_information_container .card_description.white {
    color: rgba(255, 255, 255, 0.56);
}
/********************************* series_card *********************************/

/********************************* hb_card **************************************/
.hb_card.half {
    width: calc(50% - 0.6rem);
}
.hb_card.half .thumbnail picture {
    height: auto;
    aspect-ratio: 1/1;
}
.hb_card.half .card_place {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    color: #444;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -0.013em;
}
.hb_card.half .card_place img {
    width: 1rem;
    height: 1.3rem;
}
.hb_card.half .card_title {
    margin-top: 1.2rem;
    font-size: 1.8rem;
    letter-spacing: -0.018em;
    line-height: 1.4;
}
.hb_card.half .card_date_container {
    margin-top: 1.2rem;
}
.hb_card.half .card_date_container span {
    color: #888;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
}
.hb_card.half .thumbnail .card_top_marker {
    display: flex;
    flex-wrap: wrap;
    width: 13rem;
    top: 0.8rem;
    left: 0.8rem;
}
.hb_card.half .btn_capture {
    top: 0.8rem;
    right: 0.8rem;
}
.hb_card.half .component_information_container .card_title {
    color: #000;
    font-size: 1.8rem;
}
.hb_card.half .component_information_container .card_description {
    color: rgba(0, 0, 0, 0.56);
}

.hb_card.half__text {
    display: flex;
    justify-content: flex-start;
    gap: 1.6rem;
}
/* .hb_card.half__text + .half__text{margin-top:2rem;} */
.hb_card.half__text .thumbnail {
    width: 14rem;
}
.hb_card.half__text .thumbnail picture {
    height: auto;
    aspect-ratio: 1/1;
}
.hb_card.half__text .thumbnail .card_top_marker {
    top: 0.8rem;
    left: 0.8rem;
    width: calc(100% - 1.6rem);
}
.hb_card.half__text .card_place {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    color: #444;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -0.013em;
}
.hb_card.half__text .card_place img {
    width: 1rem;
    height: 1.3rem;
}
.hb_card.half__text .card_title {
    margin-top: 1rem;
    font-family: var(--font-600);
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: -0.018em;
}
.hb_card.half__text .price_container {
    margin-top: 0.6rem;
}
.hb_card.half__text .thumbnail .btn_capture {
    top: 0.8rem;
    right: 0.8rem;
}

/* .hb_card.half__text .message_container img {
    width: 1.8rem;
    height: 1.8rem;
}
.hb_card.half__text .message_container .message .txt {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing: -0.014em;
} */
.hb_card.half__text .card_date_container {
    margin-top: 1.2rem;
}
.hb_card.half__text .card_date_container span {
    color: #888;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
}
.hb_card.half__text .component_information_container a {
    padding-top: 0.6rem;
}
.hb_card .card_date_container,
.hb_card .origin_price,
.hb_card .discount {
    display: none !important;
}
/********************************* hb_card **************************************/

/********************************* gb_card **************************************/
.gb_card .card_date_container {
    margin-top: 1.2rem;
    display: none;
}
.gb_card .card_date_container span {
    color: #888;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
}
.gb_card .card_description {
    display: none;
}
.gb_card.full {
    width: 100%;
}
.gb_card.full .thumbnail .lazy_loading_container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 67%,
        rgba(0, 0, 0, 0.4) 100%
    );
}
.gb_card.full .thumbnail picture {
    height: auto;
    aspect-ratio: 361 / 270;
}
.gb_card.full .thumbnail .card_tag_container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    position: absolute;
    bottom: 1.2rem;
    left: 1.2rem;
    width: calc(100% - 2.4rem);
}
.gb_card.full .thumbnail .card_tag_container span {
    display: inline-flex;
    padding: 0.4rem 0.6rem;
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--font-600);
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: -0.011em;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
}
.gb_card.full .thumbnail .card_bottom_marker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
    width: calc(100% - 2.4rem);
    pointer-events: none;
}
.gb_card.full .thumbnail .card_bottom_marker .card_place {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-right: auto;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.013em;
}
.gb_card.full .thumbnail .card_bottom_marker .card_place img {
    width: 1rem;
    height: 1.3rem;
}
.gb_card.full .thumbnail .card_bottom_marker .card_tag_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    position: static;
    width: auto;
}
.gb_card.full .thumbnail .card_bottom_marker .card_tag_container span {
    padding: 0.5rem 1rem;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 3rem;
    backdrop-filter: blur(10px);
}

.gb_card.half {
    width: calc(50% - 0.6rem);
}
.gb_card.half .thumbnail picture {
    height: auto;
    aspect-ratio: 1.25/1;
}
.gb_card.half .thumbnail .card_top_marker {
    top: 0.8rem;
    left: 0.8rem;
}
.gb_card.half .btn_capture {
    top: 0.8rem;
    right: 0.8rem;
}
.gb_card.half .card_place {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-right: auto;
    color: #444;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.013em;
}
.gb_card.half .card_place img {
    width: 1rem;
    height: 1.3rem;
}

.gb_card.half .thumbnail .card_bottom_marker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    position: absolute;
    bottom: 0.8rem;
    right: 0.8rem;
    width: calc(100% - 1.6rem);
    pointer-events: none;
}
.gb_card.half .thumbnail .card_bottom_marker .card_place {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-right: auto;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.013em;
}
.gb_card.half .thumbnail .card_bottom_marker .card_place img {
    width: 1rem;
    height: 1.3rem;
}
.gb_card.half .thumbnail .card_bottom_marker .card_tag_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
}
.gb_card.half .thumbnail .card_bottom_marker .card_tag_container span {
    padding: 0.5rem 1rem;
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--font-500);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
    background-color: rgba(255, 255, 255, 0.54);
    border-radius: 3rem;
    backdrop-filter: blur(10px);
}
.gb_card.half .component_information_container .card_title {
    color: #000;
    font-size: 1.8rem;
    margin-top: 1.2rem;
}
.gb_card.half .component_information_container .card_description {
    color: rgba(0, 0, 0, 0.56);
}

/* .gb_card .card_date_container,
.gb_card .origin_price,
.gb_card .discount {
    display: none !important;
} */
.mypage_wish_list_container .gb_card .card_seller,
.mypage_wish_list_container .gb_card .review_counter {
    display: none;
}
/********************************* gb_card **************************************/

/********************************* sb_card **************************************/
.sb_card.half {
    width: calc((100% - 1.2rem) / 2);
}
.sb_card.half .thumbnail .card_top_marker {
    top: 0.8rem;
    left: 0.8rem;
}
.sb_card.half .btn_capture {
    top: 0.8rem;
    right: 0.8rem;
}
.sb_card.half .thumbnail picture {
    height: auto;
    aspect-ratio: 1/1;
}
.sb_card.half .card_seller {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.012em;
}
.sb_card.half .card_title {
    font-size: 1.8rem;
    line-height: 1.4;
}
.sb_card.half .card_description {
    margin-top: 0.2rem;
    font-size: 1.2rem;
}
.sb_card.half .review_counter {
    margin-top: 1.2rem;
    color: #888;
    font-family: var(--font-500);
    font-size: 1.3rem;
}
.sb_card.half .review_counter b {
    color: #000;
}

.type_list .sb_card.half {
    width: 100%;
}
.type_list .sb_card.half {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.2rem;
}
.type_list .sb_card.half .thumbnail {
    flex: 0 0 auto;
    max-width: 17.45rem;
}

.sb_card.half .card_seller,
.sb_card.half .card_description,
.sb_card.half .review_counter {
    display: none;
}
/********************************* sb_card **************************************/

/****************************sub_detail // series*******************/
.series_detail_container > .series_card.full .thumbnail {
    border-radius: 0;
}
.series_detail_container > .list_contents {
    margin-top: var(--lc-gap-l) !important;
}
/****************************sub_detail // series*******************/

/*
.component_card{width:100%;}
.component_card .thumbnail{flex: 0 0 auto; position:relative; width: 100%; border-radius: 2rem;overflow: hidden;}
.component_card .thumbnail .lazy_loading_container{ display:block; position:relative; width:100%; height:100%; background-color:#eee;}
.component_card .thumbnail .lazy_loading_container:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg,rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%); opacity: 0.5;}
.component_card .thumbnail .card_top_marker{display:flex; align-items: center; justify-content: flex-start; gap:0.4rem; position:absolute; top:1.2rem; left:1.2rem; width:calc(100% - 2.4rem); pointer-events: none;}
.component_card .thumbnail .card_top_marker span{display:flex; align-items: center; justify-content:center; padding:0.4rem 0.8rem; font-family:var(--font-600); line-height:1.3; font-size:1.1rem; text-transform: uppercase; border-radius: 5rem; }
.component_card .thumbnail .card_top_marker span{background-color:#fff;}
.component_card .thumbnail .card_top_marker span:has( + span){ background-color:var(--bbb-green);}
.component_card .thumbnail .btn_capture{position:absolute; top:1.2rem; right:1.2rem; width:2.4rem; height:2.4rem; margin-left: auto;}

.component_card .component_information_container a{display:block; padding-top:1.6rem;}
.component_card .component_information_container .card_title{width:100%; font-family:var(--font-700); font-size:2.2rem; letter-spacing: -0.01em; line-height:1.3; word-break: break-all;}
.component_card .component_information_container .card_description{color:rgba(0,0,0,0.56); margin-top:0.8rem; font-size:1.4rem; line-height:1.3; letter-spacing: -0.014em;}
.component_card .component_information_container .card_comment{display: block; margin-top:1.6rem; color:#888; font-family: var(--font-500); font-size:1.3rem; line-height: 1.3; letter-spacing: -0.01em; }
.component_card .component_information_container .card_comment b{ color:#000;}

.component_card .component_information_container .price_container {display: block; margin-top:0.8rem;}
.component_card .component_information_container .price_container .origin_price{display: block; font-size: 1.2rem; line-height: 1.4; letter-spacing: -0.012em; text-decoration-line: line-through; opacity: 0.56;}
.component_card .component_information_container .price_container > div{display: flex; align-items: flex-end; gap:0.4rem; margin-top:0.4rem;}
.component_card .component_information_container .price_container .discount{ color:#E32727; font-family: var(--font-500); font-size:1.3rem; line-height:1;}
.component_card .component_information_container .price_container .discount i{ color:#E32727; font-family: var(--font-700); font-size:1.8rem; font-style: normal; line-height:1;}
.component_card .component_information_container .price_container b{ font-family:var(--font-700); font-size:1.8rem; line-height:1; letter-spacing: -0.054em;}
.component_card .component_information_container .price_container .unit {font-family: var(--font-500); font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}

.component_card .component_information_container .card_tag_container{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap:0.4rem; margin-top:1rem;}
.component_card .component_information_container .card_tag_container span{ display: inline-flex; padding:0.4rem 0.6rem; color:#999; font-family: var(--font-600); font-size:1.2rem; line-height:1; letter-spacing: -0.012em; background-color:rgba(0,0,0,0.08); border-radius: 1rem;}

.component_card.card_174_261 { width:17.45rem;}
.component_card.card_174_261 .thumbnail{border-radius:0;}
.component_card.card_174_261 .thumbnail picture { height:auto; aspect-ratio: 174.5/261.75; border-radius: 1.6rem; overflow: hidden; }
.component_card.card_174_261 .thumbnail .card_top_marker{display: flex; flex-wrap: wrap; width:13rem; top:0.8rem; left:0.8rem;}
.component_card.card_174_261 .btn_capture {top:0.8rem; right:0.8rem;}
.component_card.card_174_261 .component_information_container .card_title {color:#000; font-size:1.8rem;}
.component_card.card_174_261 .component_information_container .card_description {color:rgba(0,0,0,0.56);}

.component_card.card_361_481 { width:36.1rem;}
.component_card.card_361_481 .thumbnail .lazy_loading_container:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 1) 80.42%);}
.component_card.card_361_481 .thumbnail picture { height:auto; aspect-ratio: 361/481; }
.component_card.card_361_481 .component_information_container{position:absolute; bottom:1.6rem; left:1.6rem; width:calc(100% - 3.2rem);}
.component_card.card_361_481 .component_information_container .card_title{color:#fff;}
.component_card.card_361_481 .component_information_container .card_description{color:#fff;}
.component_card.card_361_481 .component_information_container .card_tag_container span {padding:0.5rem 1rem; color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2);}
.component_card.card_361_481 .component_information_container .card_count_posts {display:block; margin-top:1.6rem; color:#888; font-family: var(--font-500); font-size:1.3rem;}
.component_card.card_361_481 .component_information_container .card_count_posts b{margin-left:0.2rem; font-family: var(--font-500); color:#fff; font-size:1.3rem; line-height:1.3; letter-spacing: -0.013em; font-weight:normal;}
.component_card.card_361_481 .component_information_container .card_title.white{color:#fff;}
.component_card.card_361_481 .component_information_container .card_description.white{color:rgba(255,255,255,0.56);}

.component_card.card_220_293 { width:22rem;}
.component_card.card_220_293 .thumbnail .lazy_loading_container:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 80.42%);}
.component_card.card_220_293 .thumbnail picture { height:auto; aspect-ratio: 220/293; }
.component_card.card_220_293 .component_information_container{position:absolute; bottom:1.6rem; left:1.6rem; width:calc(100% - 3.2rem);}
.component_card.card_220_293 .component_information_container .card_title{color:#fff; font-size:1.8rem;}
.component_card.card_220_293 .component_information_container .card_description{color:#fff; font-size:1.2rem;}
.component_card.card_220_293 .component_information_container .card_tag_container{margin-top:1.6rem;}
.component_card.card_220_293 .component_information_container .card_tag_container span {padding:0.5rem 1rem; color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2);}
.component_card.card_220_293 .component_information_container .card_count_posts {display:block; margin-top:1.6rem; color:#888; font-family: var(--font-500); font-size:1.3rem;}
.component_card.card_220_293 .component_information_container .card_count_posts b{margin-left: 0.2rem; color:#fff; font-family: var(--font-500); font-size:1.3rem; line-height:1.3; letter-spacing: -0.013em; font-weight:normal;}
.component_card.card_220_293 .component_information_container .card_title.white{color:#fff;}
.component_card.card_220_293 .component_information_container .card_description.white{color:rgba(255,255,255,0.56);}

.component_card.card_175_262 { width:17.45rem;}
.component_card.card_175_262 .thumbnail .lazy_loading_container:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 80.42%);}
.component_card.card_175_262 .thumbnail picture { height:auto; aspect-ratio: 175/262; }
.component_card.card_175_262 .thumbnail .card_top_marker { flex-direction: column; align-items: flex-start;}
.component_card.card_175_262 .component_information_container{position:absolute; bottom:1.3rem; left:1.2rem; width:calc(100% - 2.4rem);}
.component_card.card_175_262 .component_information_container .card_title{color:#fff; font-size:1.6rem;}
.component_card.card_175_262 .component_information_container .card_description{color:#fff; font-size:1.2rem; margin-top:0.6rem;}
.component_card.card_175_262 .component_information_container .card_tag_container{margin-top:0.8rem;}
.component_card.card_175_262 .component_information_container .card_tag_container span {flex-shrink: 0; padding:0.5rem 1rem; color:rgba(255,255,255,0.8); font-size:1.2rem; line-height:1; background-color:rgba(255,255,255,0.2);}
.component_card.card_175_262 .component_information_container .card_count_posts {display:block; margin-top:0.8rem; color:#888; font-family: var(--font-500); font-size:1.2rem;}
.component_card.card_175_262 .component_information_container .card_count_posts b{color:#fff; font-family: var(--font-500); font-size:1.2rem; line-height:1.3; letter-spacing: -0.013em; font-weight: normal;}
.component_card.card_175_262 .component_information_container .card_title.white{color:#fff;}
.component_card.card_175_262 .component_information_container .card_description.white{color:rgba(255,255,255,0.56);}



.component_card.card_361_270 {width:36.1rem;}
.component_card.card_361_270 .thumbnail .lazy_loading_container:before{border-radius: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.00) 17.79%, rgba(0, 0, 0, 0.00) 80%, rgba(0, 0, 0, 0.50) 100%)}
.component_card.card_361_270 .thumbnail picture { height:auto; aspect-ratio: 361 / 270; }
.component_card.card_361_270 .thumbnail .card_tag_container{display: flex; align-items: center; justify-content: flex-end; gap:0.4rem; position:absolute; bottom:1.2rem; left:1.2rem; width:calc(100% - 2.4rem);}
.component_card.card_361_270 .thumbnail .card_tag_container span{display: inline-flex; padding:0.4rem 0.6rem; color:rgba(255,255,255,0.8); font-family: var(--font-600); font-size:1.1rem; line-height:1; letter-spacing: -0.011em; background-color:rgba(255,255,255,0.08); border-radius: 1rem;}
.component_card.card_361_270 .thumbnail .card_bottom_marker{display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap:0.6rem; position:absolute; bottom:1.2rem;right:1.2rem; width:calc(100% - 2.4rem); pointer-events: none;}
.component_card.card_361_270 .thumbnail .card_bottom_marker .card_place{ display:flex; align-items: center; justify-content: flex-start; gap: 0.4rem; margin-right:auto;  color:#fff; font-size:1.2rem; line-height:1; letter-spacing: -0.013em;}
.component_card.card_361_270 .thumbnail .card_bottom_marker .card_place img{ width:1rem; height:1.3rem;}
.component_card.card_361_270 .thumbnail .card_bottom_marker .card_tag_container {display: flex; align-items: center; justify-content: flex-start; gap:0.4rem; position:static; width: auto;}
.component_card.card_361_270 .thumbnail .card_bottom_marker .card_tag_container span {padding:0.5rem 1rem; color:rgba(255,255,255,0.8); font-size:1.2rem; line-height:1; letter-spacing:-0.012em; background-color:rgba(255,255,255,0.2); border-radius: 3rem;}

.component_card.card_340_340 { width:34rem;}
.component_card.card_340_340 .thumbnail{ aspect-ratio: 1/1;}
.component_card.card_340_340 .thumbnail picture { height:auto; aspect-ratio: 1/1; }
.component_card.card_340_340 .thumbnail .card_top_marker{top:1.2rem; left:1.2rem;}
.component_card.card_340_340 .btn_capture {top:1.2rem; right:1.2rem;}
.component_card.card_340_340 .thumbnail .card_tag_container{display: flex; align-items: center; justify-content: flex-end; gap:0.4rem; position:absolute; bottom:1.2rem; left:1.2rem; width:calc(100% - 2.4rem);}
.component_card.card_340_340 .thumbnail .card_tag_container span{display: inline-flex; padding:0.4rem 0.6rem; color:rgba(255,255,255,0.8); font-family: var(--font-600); font-size:1.1rem; line-height:1; letter-spacing: -0.011em; background-color:rgba(255,255,255,0.56); border-radius: 1rem;}
.component_card.card_340_340 .component_information_container .card_title.white{ color:#fff;}
.component_card.card_340_340 .component_information_container .card_description.white{ color:rgba(255,255,255,0.56);}

.component_card.card_174_174 { width:17.45rem;}
.component_card.card_174_174 .thumbnail picture { height:auto; aspect-ratio: 1/1; }
.component_card.card_174_174 .card_place {display:flex; align-items: center; justify-content: flex-start; gap: 0.4rem; color:#444; font-size:1.3rem; line-height:1; letter-spacing: -0.013em;}
.component_card.card_174_174 .card_place img{ width:1rem; height:1.3rem;}
.component_card.card_174_174 .card_title{ margin-top:1.2rem; font-size:1.8rem; letter-spacing: -0.018em; line-height:1.4;}
.component_card.card_174_174 .card_date_container{margin-top:1.2rem;}
.component_card.card_174_174 .card_date_container span{color:#888; font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}

.component_card.shop_140_140 { display: flex; align-items: center; justify-content: flex-start; gap:1.6rem; padding-block:2rem; border-bottom:1px solid #000;}
.component_card.shop_140_140 .thumbnail {width:14rem;}
.component_card.shop_140_140 .thumbnail  picture { height:auto; aspect-ratio: 140/140; }
.component_card.shop_140_140 .thumbnail .card_top_marker{top:0.8rem; left:0.8rem; width:calc(100% - 1.6rem);}
.component_card.shop_140_140 .card_place {display:flex; align-items: center; justify-content: flex-start; gap: 0.4rem; color:#444; font-size:1.3rem; line-height:1; letter-spacing: -0.013em;}
.component_card.shop_140_140 .card_place img{ width:1rem; height:1.3rem;}
.component_card.shop_140_140 .card_title {margin-top:1rem; font-family: var(--font-600); font-size:1.8rem; line-height:1.4; letter-spacing: -0.018em;}
.component_card.shop_140_140 .price_container {margin-top:0.6rem;}
.component_card.shop_140_140 .thumbnail .btn_capture{top:0.8rem; right:0.8rem;}

.component_card.shop_140_140 .message_container img{width:1.8rem; height:1.8rem;}
.component_card.shop_140_140 .message_container .message .txt {color:#fff; font-size:1.2rem; line-height:1.2; letter-spacing: -0.014em;}
.component_card.shop_140_140 .card_date_container{margin-top:1.2rem;}
.component_card.shop_140_140 .card_date_container span{color:#888; font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}

.component_card.shop_340_221 {width:34rem;}
.component_card.shop_340_221 .thumbnail picture { height:auto; aspect-ratio: 340/221; }
.component_card.shop_340_221 .thumbnail .card_top_marker{top:0.8rem; left:0.8rem;}
.component_card.shop_340_221 .btn_capture {top:0.8rem; right:0.8rem;}
.component_card.shop_340_221 .thumbnail .card_bottom_marker{display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap:0.6rem; position:absolute; bottom:0.8rem;right:0.8rem; width:calc(100% - 1.6rem); pointer-events: none;}
.component_card.shop_340_221 .thumbnail .card_bottom_marker .card_place{ display:flex; align-items: center; justify-content: flex-start; gap: 0.4rem; margin-right:auto;  color:#fff; font-size:1.2rem; line-height:1; letter-spacing: -0.013em;}
.component_card.shop_340_221 .thumbnail .card_bottom_marker .card_place img{ width:1rem; height:1.3rem;}
.component_card.shop_340_221 .thumbnail .card_bottom_marker .card_tag_container {display: flex; align-items: center; justify-content: flex-start; gap:0.4rem;}
.component_card.shop_340_221 .thumbnail .card_bottom_marker .card_tag_container span {padding:0.5rem 1rem; color:rgba(0,0,0,0.8); font-family: var(--font-500); font-size:1.2rem; line-height:1; letter-spacing:-0.012em; background-color:rgba(255,255,255,0.54); border-radius: 3rem; backdrop-filter: blur(10px)}
.component_card.shop_340_221 .card_date_container{margin-top:1.2rem;}
.component_card.shop_340_221 .card_date_container span{color:#888; font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}


.component_card.shop_164_219 {width:16.4rem;}
.component_card.shop_164_219 .thumbnail picture { height:auto; aspect-ratio: 164/219; }
.component_card.shop_164_219 .thumbnail picture {}
.component_card.shop_164_219 .thumbnail .card_top_marker{top:0.8rem; left:0.8rem;}
.component_card.shop_164_219 .btn_capture {top:0.8rem; right:0.8rem;}
.component_card.shop_164_219 .card_place {display:flex; align-items: center; justify-content: flex-start; gap: 0.4rem; color:#444; font-size:1.3rem; line-height:1; letter-spacing: -0.013em;}
.component_card.shop_164_219 .card_place img{ width:1rem; height:1.3rem;}
.component_card.shop_164_219 .card_title{ margin-top:1.2rem; font-size:1.8rem; letter-spacing: -0.018em; line-height:1.4}
.component_card.shop_164_219 .card_date_container{margin-top:1.2rem;}
.component_card.shop_164_219 .card_date_container span{color:#888; font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}

.component_card.shop_174_174 {width:17.45rem;}
.component_card.shop_174_174 .thumbnail .card_top_marker{top:0.8rem; left:0.8rem;}
.component_card.shop_174_174 .btn_capture {top:0.8rem; right:0.8rem;}
.component_card.shop_174_174 .thumbnail picture { height:auto; aspect-ratio: 1/1; }
.component_card.shop_174_174 .card_seller { font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}
.component_card.shop_174_174 .card_title{ margin-top:0.6rem; font-size:1.6rem; line-height:1.4;}
.component_card.shop_174_174 .card_description{margin-top:0.2rem; font-size:1.2rem;}
.component_card.shop_174_174 .review_counter{ margin-top:1.2rem; color:#888; font-family: var(--font-500); font-size:1.3rem;}
.component_card.shop_174_174 .review_counter b{ color:#000; }

.type_list .component_card.shop_174_174 {width:100%;}
.type_list .component_card.shop_174_174 {display: flex; align-items: center; justify-content: flex-start; gap:1.2rem;}
.type_list .component_card.shop_174_174 .thumbnail { flex:0 0 auto; max-width:17.45rem;}

.component_card.shop_164_123 {width:16.4rem;}
.component_card.shop_164_123 .thumbnail .card_top_marker{top:0.8rem; left:0.8rem;}
.component_card.shop_164_123 .btn_capture {top:0.8rem; right:0.8rem;}
.component_card.shop_164_123 .thumbnail picture { height:auto; aspect-ratio: 164/123; }
.component_card.shop_164_123 .card_place {display:flex; align-items: center; justify-content: flex-start; gap: 0.4rem; color:#444; font-size:1.3rem; line-height:1; letter-spacing: -0.013em;}
.component_card.shop_164_123 .card_place img{ width:1rem; height:1.3rem;}
.component_card.shop_164_123 .card_title{ margin-top:1.2rem; font-size:1.8rem; line-height:1.4; letter-spacing: -0.018em;}
.component_card.shop_164_123 .card_date_container{margin-top:1.2rem;}
.component_card.shop_164_123 .card_date_container span{color:#888; font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}

.component_card.shop_164_164 {width:16.4rem;}
.component_card.shop_164_164  .thumbnail .card_top_marker{top:0.8rem; left:0.8rem;}
.component_card.shop_164_164 .btn_capture {top:0.8rem; right:0.8rem;}
.component_card.shop_164_164 .thumbnail picture { height:auto; aspect-ratio: 1/1; }
.component_card.shop_164_164 .card_seller { font-size:1.2rem; line-height:1; letter-spacing: -0.012em;}
.component_card.shop_164_164 .card_title{ height:4.2rem; margin-top:0.6rem; font-size:1.6rem;}
.component_card.shop_164_164 .card_description{height: 3rem; margin-top:0.2rem; font-size:1.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden; text-overflow: ellipsis;}
.component_card.shop_164_164 .review_counter{ margin-top:1.2rem; color:#888; font-family: var(--font-500); font-size:1.3rem;}
.component_card.shop_164_164 .review_counter b{ color:#000; }
 */

/*side gnb*/
.side_gnb_container {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 39.3rem;
    height: 100%;
    background-color: #fff;
    transform: translateX(-100%);
    opacity: 0;
    transition: 0.3s ease;
    z-index: -1;
    pointer-events: none;

    overflow-y: auto;
    height: 100%;
}
.side_gnb_container::-webkit-scrollbar {
    display: none;
}
.side_gnb_container.active {
    transform: translateX(-50%);
    opacity: 1;
    z-index: 10000;
    pointer-events: auto;
}
.side_gnb_container .gnb_header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: sticky;
    top: 0;
    width: 100%;
    height: 5.4rem;
    padding-inline: 1.6rem;
    background-color: #fff;
}
.side_gnb_container .gnb_header span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-700);
    font-size: 1.8rem;
    line-height: 1.4;
}
.side_gnb_container .gnb_header button {
    width: 2.4rem;
    height: 2.4rem;
}
.side_gnb_container .gnb_content {
    flex: 1;
    padding: 1rem 2.4rem 5.5rem;
}
.side_gnb_container .gnb_content li + li {
    margin-top: 4.5rem;
}
/* .side_gnb_container .gnb_content li:last-child {
    margin-bottom: 8rem;
} */
.side_gnb_container .gnb_content li .category_title {
    display: block;
    margin-bottom: 1.5rem;
    font-family: var(--font-700);
    font-size: 2.6rem;
    line-height: 1.4;
    letter-spacing: -0.026rem;
}
.side_gnb_container .gnb_content li .category_title + div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.side_gnb_container .gnb_content li .category_title + div a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    padding: 1.3rem 0;
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--font-500);
    font-size: 1.6rem; /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
    line-height: 1;
    letter-spacing: -0.016rem;
}
.side_gnb_container .gnb_content li .category_title + div a img {
    width: 2rem;
    height: 2rem;
    display: none;
}

.side_gnb_container .gnb_footer {
    padding: 0 2.4rem 3rem;
}
.side_gnb_container .btn_newsletter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 5.2rem;
    color: #5700ed;
    font-family: var(--font-600);
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.018rem;
    border-radius: 0.6rem;
    border: 1px solid #5700ed;
    background-color: #fff;
}
.side_gnb_container .btn_newsletter:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath opacity='0.5' d='M2 12C2 8.229 2 6.343 3.172 5.172C4.344 4.001 6.229 4 10 4H14C17.771 4 19.657 4 20.828 5.172C21.999 6.344 22 8.229 22 12C22 15.771 22 17.657 20.828 18.828C19.656 19.999 17.771 20 14 20H10C6.229 20 4.343 20 3.172 18.828C2.001 17.656 2 15.771 2 12Z' stroke='%235700ED' stroke-width='1.5'/%3E%3Cpath d='M6 8L8.159 9.8C9.996 11.33 10.914 12.095 12 12.095C13.086 12.095 14.005 11.33 15.841 9.799L18 8' stroke='%235700ED' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*search_components*/
.search_form_container {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 39.3rem;
    height: 100%;
    padding: 0.9rem 1.6rem;
    background-color: #fff;
}
.search_form_container.active {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}
.search_form_container.active.fix > .btn_closed {
    display: none;
}
.search_form_container.active.fix form {
    width: 100%;
}
.search_form_container.active.fix .search_input_container {
    width: 100%;
}
.search_form_container.active.fix .search_keyword {
    width: calc(100% - 3.2rem);
}

.search_form_container .search_input_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 32.7rem;
    height: 3.6rem;
    background-color: #fff;
}
.search_form_container .search_input_container input {
    width: 100%;
    height: 100%;
    padding-inline: 1.2rem 4.6rem;
    padding-block: 0.6rem;
    color: #000;
    font-family: var(--font-500);
    font-size: 1.8rem;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 0.4rem;
}
.search_form_container .search_input_container input {
    background-color: #fff;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0.4rem;
}
.search_form_container .search_input_container input:focus {
    background-color: #fff;
    border: 1px solid #000;
    outline: 1px solid #000;
}
.search_form_container .search_input_container input::placeholder {
    color: rgba(0, 0, 0, 0.4);
    font-family: var(--font-500);
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -0.014em;
    border-radius: 0.4rem;
    transition: opacity 0.2s ease;
}
.search_form_container .search_input_container input:focus::placeholder {
    opacity: 0;
}
.search_form_container .search_input_container input:placeholder-shown {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 0.4rem;
}
.search_form_container .search_input_container input:focus:placeholder-shown {
    background-color: #fff;
}
.search_form_container .search_input_container .button_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0.6rem;
    height: 100%;
}
.search_form_container .search_input_container .btn_search_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 100%;
}
.search_form_container .search_input_container .btn_search_submit img {
    width: 2.4rem;
    height: 2.4rem;
}
.search_form_container .btn_closed {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.6rem;
}
.search_form_container .btn_closed img {
    width: 2.4rem;
    height: 2.4rem;
}
.search_keyword {
    display: none;
    position: absolute;
    top: 5rem;
    left: 1.6rem;
    width: 32.7rem;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.8rem;
    overflow: hidden;
}
.search_keyword.active {
    display: block;
}
.search_keyword > div:first-child {
    padding: 1.2rem 1.6rem 2rem;
}
.search_keyword > div > span {
    display: block;
    padding-bottom: 0.8rem;
    font-family: var(--font-600);
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 0.014em;
}
.search_keyword .keyword_list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding-top: 1.2rem;
    border-top: 0px solid #ccc;
}
.search_keyword .keyword_list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.6rem;
}
.search_keyword .keyword_list li .keyword {
    flex: 1;
    display: block;
    font-family: var(--font-500);
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: -0.14px;
    cursor: pointer;
}
.search_keyword .keyword_list li button {
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
}
.search_keyword .keyword_list li button img {
    width: 2rem;
    height: 2rem;
}
.search_keyword .keyword_list li.empty {
    font-size: 1.4rem;
}
.search_keyword .button_container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ccc;
    background-color: #fff;
}
.search_keyword .button_container button {
    padding: 1.5rem 2rem;
    height: auto;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -0.1rem;
}
.search_keyword .button_container button + button {
    border-left: 1px solid #ccc;
}
.search_keyword .button_container button.btn_delete {
    flex: 0 1 auto;
    width: 100%;
}
.search_keyword .button_container button.btn_off {
    flex: 0 1 auto;
    width: 100%;
}
.search_keyword .button_container button.btn_closed {
    flex: 0 1 auto;
    width: 100%;
    font-family: var(--font-500);
    color: rgba(0, 0, 0, 0.8);
}
.search_keyword .button_container .btn_closed,
.search_form_container > .btn_closed,
.search_keyword .btn_delete,
.search_keyword .btn_off {
    touch-action: manipulation;
}

/*공통 모달창*/
.common_modal_components {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
    padding-inline: 1.6rem;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100;
}
.common_modal_components.active {
    display: flex !important;
}
.common_modal_components .common_modal_box {
    width: 90%;
    max-width: 36.1rem;
    padding: 2.4rem;
    border-radius: 1.2rem;
    background-color: #fff;
}
.common_modal_components .common_modal_box .modal_contents p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.4;
    letter-spacing: -0.014rem;
}
.common_modal_components .common_modal_box > button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16rem;
    height: 4.4rem;
    margin: 2.4rem auto 0;
    color: #fff;
    font-family: var(--font-600);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.014rem;
    background-color: #000;
    border-radius: 0.4rem;
}

/*전화번호 변경*/
.m_phone .common_modal_components .common_modal_box .modal_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.m_phone .common_modal_components .common_modal_box .modal_title h4 {
    font-family: var(--font-700);
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -0.016rem;
}
.m_phone .common_modal_components .common_modal_box .modal_title .btn_closed {
    width: 2.4rem;
    height: 2.4rem;
}
.m_phone .common_modal_components .common_modal_box .modal_contents {
    margin-top: 2.4rem;
}
.m_phone .common_modal_components .common_modal_box .modal_contents > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-block: 0.8rem;
}
.m_phone
    .common_modal_components
    .common_modal_box
    .modal_contents
    > div
    + button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4.4rem;
    color: #fff;
    font-family: var(--font-600);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.014rem;
    background-color: #000;
    border-radius: 0.4rem;
}
.m_phone
    .common_modal_components
    .common_modal_box
    .modal_contents
    > div
    button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 4.4rem;
    color: #fff;
    font-family: var(--font-600);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.014rem;
    background-color: #000;
    border-radius: 0.4rem;
}
.m_phone .common_modal_components .common_modal_box .modal_contents h4 {
    font-family: var(--font-700);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.014rem;
}
.m_phone .common_modal_components .common_modal_box .modal_contents > div + p {
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.014rem;
    opacity: 0.4;
}

/*데이터 없을 때*/
.nodata {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-block: 2rem;
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--font-500);
    font-size: 2.2rem;
    text-align: center;
}

/*그룹타이틀*/
#groupTitle {
    margin-top: var(--lc-tit-gap);
    padding-inline: 1.6rem;
    font-family: var(--font-700);
    font-size: 2.8rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

/*banner*/
section.banner_container {
    height: auto;
    /*padding-inline: var(--pd-in);*/
}
.list_container + section.banner_container {
    margin-top: var(--lc-gap-l);
}
.section.banner_container + .list_container {
    margin-bottom: var(--lc-gap-l);
}
/* section.banner_container .component_card_slider .swiper {
    border-radius: 0.8rem;
} */
section.banner_container .component_card_slider .counter {
    bottom: 0.8rem;
    right: 0.8rem;
}

/*캡쳐버튼*/
.btn_capture.is-busy {
    pointer-events: none;
}

/*노데이터*/
.nodata {
    margin-right: 0 !important;
}
.bbb_empty_container {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.bbb_empty_container.use_button {
    padding-bottom: 0;
}
.bbb_empty_container img {
    display: block;
    width: 8rem;
    height: auto;
    object-fit: contain;
}
.bbb_empty_container p {
    margin-top: 0.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--font-600);
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: -0.022rem;
    text-align: center;
}
.bbb_empty_container .button_container a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    padding-inline: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.014rem;
    margin-top: 3rem;
    font-family: var(--font-600);
    color: #fff;
    line-height: 1;
    letter-spacing: -0.022rem;
    background-color: #000;
    border-radius: 0.4rem;
}
.search_container:has(.bbb_empty_container) .bbb_empty_container {
    padding-block: 12.4rem 23.6rem;
}
.search_container:has(.bbb_empty_container) .bbb_empty_container img {
    margin: 0 auto;
}

/* ************************
	box button 
************************ */
/* 마이페이지 버튼 공통으로 현행화 진행 후 해당 부분 삭제 */
.myp_button_wrap {
    display: flex;
    gap: 0.8rem;
}
.myp_button_wrap.column {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.myp_button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.2rem;
    padding: 0 2.4rem;
    text-align: center;
    font-family: var(--font-600);
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -0.016rem;
    border-radius: 0.6rem;
}
.myp_button_wrap.column .myp_button {
    flex: 0 0 auto;
}
.myp_button.bd_grey {
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #fff;
}
.myp_button.bd_point {
    color: #5d00ff;
    border: 1px solid #5d00ff;
    background-color: #fff;
}
.myp_button.bg_grey {
    color: #fff;
    border: 1px solid transparent;
    background-color: #ccc;
}
.myp_button.bg_black {
    color: #fff;
    border: 1px solid transparent;
    background-color: #000;
}
.myp_button.bg_point {
    color: #fff;
    border: 1px solid transparent;
    background-color: #5d00ff;
}

.myp_button:has(img) {
    gap: 0.6rem;
}
.myp_button img {
    width: 2.4rem;
    height: 2.4rem;
}
/* 마이페이지 버튼 공통으로 현행화 진행 후 해당 부분 삭제 */

.box_button_wrap {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
}
.box_button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box_button.full {
    width: 100%;
}
.box_button_wrap:has(.box_button.full) .box_button {
    flex: 1 1 auto;
}
.box_button.small {
    height: 3.4rem;
    padding: 0 1.6rem;
    font-family: var(--font-600);
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: -0.028rem;
}
.box_button.medium {
    height: 4.8rem;
    padding: 0 1.6rem;
    font-family: var(--font-700);
    font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: -0.032rem;
    border-radius: 0.4rem;
}
.box_button.large {
    height: 5.6rem;
    padding: 0 2rem;
    font-family: var(--font-700);
    font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: -0.036rem;
}
.box_button.disabled {
    color: #c4c7c5;
    border: 1px solid #e1e3e1;
    background-color: #fff;
}
.box_button.bg_black {
    color: #fff;
    border: 1px solid transparent;
    background-color: #000;
}
.box_button.bg_2D312F {
    color: #fff;
    border: 1px solid transparent;
    background-color: #2d312f;
}
.box_button.bd_8E918F {
    color: #000;
    border: 1px solid #8e918f;
    background-color: #fff;
}
.box_button.bd_C4C7C5 {
    color: #000;
    border: 1px solid #c4c7c5;
    background-color: #fff;
}

/* ************************
	underline button 
************************ */
/* 추후 스타일 가이드에 맞춰 수정 진행 예정 */
.underline_button_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.underline_button {
    color: #000;
    font-family: var(--font-400);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: 0.3rem;
}

/* ************************
	defaurt input
************************ */
.default_inputform_title {
    display: inline-block;
    margin-bottom: 0.8rem;
    color: #000;
    font-family: var(--font-700);
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.default_inputform_title .required {
    color: #e32727;
}

.default_inputform_gruop + .default_inputform_gruop {
    margin-top: 1.6rem;
}
.default_inputform_gruop .bytes {
    color: #8e918f;
    text-align: right;
    font-family: var(--font-400);
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: -0.024rem;
    margin-top: 0.4rem;
}
.default_inputform_gruop .alert_massage {
    margin-top: 0.4rem;
    color: #ff3300;
    font-size: 1.4rem;
    line-height: 1.6rem;
}
.default_inputform_gruop .alert_massage.grey {
    color: #8e918f;
}
.default_inputform {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.default_inputform input[type="text"],
.default_inputform input[type="password"],
.default_inputform input[type="email"],
.default_inputform input[type="tel"],
.default_inputform select,
.default_inputform textarea {
    font-size: 1.6rem;
    box-sizing: border-box;
    width: 100%;
    height: 4.8rem;
    padding: 0 1.6rem;
    color: #000;
    border-width: 1px;
    border-style: solid;
    border-color: #c4c7c5;
    border-radius: 0.4rem;
    background-color: #fff;
}
.default_inputform input[type="text"],
.default_inputform input[type="password"],
.default_inputform input[type="email"],
.default_inputform input[type="tel"],
.default_inputform select {
    line-height: 1;
}
.default_inputform input[type="text"]::placeholder,
.default_inputform input[type="password"]::placeholder,
.default_inputform input[type="email"]::placeholder,
.default_inputform input[type="tel"]::placeholder,
.default_inputform select::placeholder,
.default_inputform textarea::placeholder {
    color: #c4c7c5;
}
.default_inputform input[type="text"]:disabled,
.default_inputform input[type="password"]:disabled,
.default_inputform input[type="email"]:disabled,
.default_inputform input[type="tel"]:disabled,
.default_inputform select:disabled,
.default_inputform textarea:disabled {
    border-color: #e1e3e1;
    background-color: #f9f9f9;
}
.default_inputform input[type="text"][readonly],
.default_inputform input[type="password"][readonly],
.default_inputform input[type="email"][readonly],
.default_inputform input[type="tel"][readonly],
.default_inputform select[readonly],
.default_inputform textarea[readonly],
.default_inputform input[type="text"][readonly]:focus,
.default_inputform input[type="password"][readonly]:focus,
.default_inputform input[type="email"][readonly]:focus,
.default_inputform input[type="tel"][readonly]:focus,
.default_inputform select[readonly]:focus,
.default_inputform textarea[readonly]:focus {
    border-color: #e1e3e1;
    background-color: #eff2ef;
}
.default_inputform input[type="text"][readonly]::placeholder,
.default_inputform input[type="password"][readonly]::placeholder,
.default_inputform input[type="email"][readonly]::placeholder,
.default_inputform input[type="tel"][readonly]::placeholder,
.default_inputform select[readonly]::placeholder,
.default_inputform textarea[readonly]::placeholder {
    color: #8e918f;
}
.default_inputform input[type="text"]:focus,
.default_inputform input[type="password"]:focus,
.default_inputform input[type="email"]:focus,
.default_inputform input[type="tel"]:focus,
.default_inputform select:focus,
.default_inputform textarea:focus {
    border-color: var(--color-primary-myp);
}

.default_inputform textarea {
    height: 14rem;
    padding: 1.6rem;
    line-height: 1.3;
}

.default_inputform select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_119_1358)'%3E%3Cpath d='M1 5L7.85858 11.8586C7.93668 11.9367 8.06332 11.9367 8.14142 11.8586L15 5' stroke='black' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_1358'%3E%3Crect width='16' height='16' fill='white' transform='translate(16) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.6rem center;
    background-size: 1.6rem;
    cursor: pointer;
}

.default_inputform .separator {
    color: rgba(0, 0, 0, 0.54);
    font-family: var(--font-500);
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.1rem;
}

.default_inputform.adress {
    flex-direction: column;
    gap: 0.6rem;
}
.default_inputform.adress > * {
    width: 100%;
}
.default_inputform.adress .myp_button {
    padding: 1.4rem 2.4rem;
    font-size: 1.4rem;
    letter-spacing: -0.014rem;
    margin-left: 0.8rem;
}
.default_inputform.adress .search {
    display: flex;
    align-items: center;
}
.default_inputform.adress .search input {
    width: 14rem;
}
.default_inputform.adress .myp_button {
    flex: 0;
}

.default_inputform.search {
    position: relative;
}
.default_inputform.search input {
    padding-right: 4.5rem;
}
.default_inputform.search .btn_search {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    font-size: 0;
    background-image: url("../../assets/icons/icon_search_black_24.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ************************
	radio, checkbox
************************ */
.default_radio_list.row {
    display: flex;
    gap: 1.6rem;
}
.default_inputform:has(input[type="radio"]) {
    gap: 1.6rem;
}
.default_inputform input[type="radio"],
.default_inputform input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.default_inputform input[type="radio"] + label,
.default_inputform input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #000;
    font-family: var(--font-700);
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.default_inputform input[type="radio"] + label:before,
.default_inputform input[type="checkbox"] + label:before {
    content: "";
    flex-shrink: 0;
    width: 2.8rem;
    height: 2.8rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.default_inputform input[type="radio"] + label:before {
    background-image: url("../../assets/icons/icon_radio_off.svg");
}
.default_inputform input[type="radio"]:checked + label:before {
    background-image: url("../../assets/icons/icon_radio_on.svg");
}
.default_inputform input[type="radio"]:disabled + label:before {
    background-image: url("../../assets/icons/icon_radio_off_disable.svg");
}
.default_inputform input[type="radio"]:disabled:checked + label:before {
    background-image: url("../../assets/icons/icon_radio_on_disable.svg");
}

.default_inputform input[type="checkbox"] + label:before {
    background-image: url("../../assets/icons/icon_checkbox_off.svg");
}
.default_inputform input[type="checkbox"]:checked + label:before {
    background-image: url("../../assets/icons/icon_checkbox_on.svg");
}
.default_inputform input[type="checkbox"]:disabled + label:before {
    background-image: url("../../assets/icons/icon_checkbox_off_disable.svg");
}
.default_inputform input[type="checkbox"]:disabled:checked + label:before {
    background-image: url("../../assets/icons/icon_checkbox_on_disable.svg");
}

/* ************************
	seclect button
************************ */
.default_selectform {
    display: block;
    color: #000;
    font-family: var(--font-400);
    font-size: 1.6rem;
    height: 4.8rem;
    width: 100%;
    padding: 0 1.6rem;
    line-height: 1;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: #c4c7c5;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.6rem;
    background-image: url("../../assets/icons/icon_arrow_down_black_16.svg");
    background-repeat: no-repeat;
    background-position: right 1.6rem center;
    background-size: 1.6rem;
}
.default_selectform.disabled {
    color: #c4c7c5;
    border-color: #e1e3e1;
    background-color: #f9f9f9;
    background-image: url("../../assets/icons/icon_arrow_down_lightgrey_16.svg");
}
.default_selectform.readonly {
    color: #8e918f;
    border-color: #e1e3e1;
    background-color: #eff2ef;
    background-image: url("../../assets/icons/icon_arrow_down_grey_16.svg");
}
.default_selectform:active {
    border-color: var(--color-primary-myp);
}
.default_selectform.disabled:active {
    border-color: #e1e3e1;
}
.default_selectform.readonly:active {
    border-color: #e1e3e1;
}
.default_select_pop {
    display: none;
    flex-direction: column;
    justify-content: flex-end;
    position: fixed;
    top: 0;
    left: 50%;
    max-width: 39.3rem;
    width: 100%;
    height: 100vh;
    transform: translateX(-50%);
    z-index: 110;
}
.default_select_pop.active {
    display: flex;
}
body:has(.default_select_pop.active) {
    overflow: hidden;
}
.default_select_pop_dimm {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    z-index: -1;
}
.default_select_pop_wrap {
    padding: 3.2rem 2.4rem;
    background-color: #fff;
    border-radius: 1.6rem 1.6rem 0 0;
}
.default_select_pop_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    color: #000;
    font-family: var(--font-700);
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: -0.036rem;
}
.btn_close_select_pop {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 0;
    background-image: url("../../assets/icons/icon_close_black_24.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.default_select_pop_list {
    max-height: calc(100vh - 17rem);
    overflow-y: auto;
    scrollbar-width: none;
}
.default_select_pop_item + .default_select_pop_item {
    padding-top: 1.6rem;
    margin-top: 1.6rem;
    border-top: 1px solid #ccc;
}
.default_select_pop_link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    color: #000;
    font-family: var(--font-500);
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: -0.032rem;
}
.default_select_pop_link img {
    width: 2.4rem;
    height: 2.4rem;
}

/* ************************************* 
	케밥(세로 점 3개), 케밥 팝업
************************************* */
body:has(.kebab_popUp.active) {
    overflow: hidden;
}
.btn_kebab {
    font-size: 0;
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../../assets/images/icons/icon_more-report.svg");
}

.kebab_popUp {
    position: fixed;
    inset: 0;
    display: none;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 1.6rem 4rem;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    z-index: 100;
}
.kebab_popUp.active {
    display: flex;
}
.kebab_popUp_dimm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
}
.kebab_menu {
    width: 100%;
}
.btn_kebeb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.8rem;
    width: 100%;
    font-family: var(--font-600);
    font-size: 1.8rem;
    line-height: 1.8rem;
    border-radius: 1.6rem;
}
.btn_kebeb + .btn_kebeb {
    margin-top: 0.8rem;
}
.btn_kebeb.bg_black {
    color: #fff;
    background-color: #000;
}
.btn_kebeb.bg_white {
    color: #000;
    background-color: #fff;
}
.btn_kebeb.is_icon:before {
    content: "";
    width: 2rem;
    height: 2rem;
    margin-right: 0.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn_kebeb.icon_report:before {
    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='M5.69099 12.6457H13.3124M7.21527 8.07285H11.7881M4.16669 17.2185C9.52411 17.2185 14.8367 17.2185 14.8367 17.2185L10.5048 4.22303C10.3609 3.79124 9.95685 3.5 9.5017 3.5C9.04655 3.5 8.64246 3.79124 8.49857 4.22303L4.16669 17.2185Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ************************
	content round tab
************************ */
.contents_round_tabs {
    display: flex;
    gap: 0.4rem;
    padding: 0.3rem;
    border-radius: 4rem;
    border: 1px solid #e1e3e1;
    background-color: #fff;
}
.contents_round_tabs .round_tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.2rem;
    color: #8e918f;
    font-family: var(--font-700);
    font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: -0.032rem;
    border-radius: 4rem;

    transition: background-color 0.25s ease, color 0.25s ease;
}
.contents_round_tabs .round_tab.active {
    color: #fff;
    background-color: #191d1c;
}
.tab_contents_wrap .tab_content {
    display: none;
}
.tab_contents_wrap .tab_content.active {
    display: block;
}