.concierge_wrap {
    /* concierge root */
    --cc_color_red: #EA1917;
    --cc_color_gray: #727780;
    --cc_color_gray_100: #444;
    --cc_color_description: #555;
    --cc_color_light: #F3F5F7;

    --cc_inner: 1136px;
    --cc_inner_x: 20px;

    --cc_thema_color: #F6F3EB;
    --cc_thema_th_bg: #F6F3EB;
    --cc_thema_border_color: #F6F3EB;

}
@counter-style --cc-circled-number {
    system: fixed;
    symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩"
        "⑪" "⑫" "⑬" "⑭" "⑮" "⑯" "⑰" "⑱" "⑲" "⑳";
    suffix: " ";
}

.concierge_wrap {
    padding: 101px 0;

    /* default assets */
    & * {
        line-height: 1.4;
        letter-spacing: -0.007em;
        word-break: keep-all;
    }

    /* display attributes */
    & .pc_only {
        
    }
    & .mo_only {
        display: none !important;
    }

    /* text attributes */
    & .text_center {
        text-align: center;
    }
    & .word_space {
        display: inline-block;

        &:has(br.pc_only) {
            display: inline;
        }
    }
    & .underline {
        text-decoration: underline;
        text-underline-position: under;
    }

    /* badge & logo attributes */
    & .concierge_badge {
        display: inline-block;
        margin-bottom: 6px;

        & > img {
            height: 100%;
        }

        &.concierge_badge_homestyle {
            height: 52px;
        }
        &.concierge_badge_subscribe {
            height: 40px;
        }
    }

    /* 화면에서 숨김 비권장 */
    & .visually_hidden {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    & .marker_list {
        & > li {
            & + li {
                margin-top: 6px;
            }

            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 10px;

            &:before {
                flex-shrink: 0;
                content: "-";
            }

            & p {
                margin-top: 0;
            }

            &.marker_list--dot:before {
                content: "•";
            }
        }
    }

    & .marker_list--check {
        & > li {
            &:before {
                content: "";
                width: 19px;
                height: 1.4em;
                background-image: url(../img/common/choice_check.svg);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }
        }
    }
    & .marker_list--check--bold {
        & > li {
            &:before {
                content: "";
                width: 16px;
                height: 1.4em;
                background-image: url(../img/common/choice_check_bold.svg);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }
        }
    }
}
& .concierge_btn_area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 20px;
    
    & .concierge_btn {
        width: 100%;
        max-width: 360px;
        height: 58px;
        border-radius: 50px;

        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2px;

        background-color: #000;
        color: #fff;

        font-size: 24px;
        font-weight: 700;
        letter-spacing: -0.005em;

        & .arrow_right {
            flex-shrink: 0;
            width: 24px;
            height: 100%;
            background-image: url(../img/common/arrow_right.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        &:active {
            opacity: 0.8;
        }

    }
    & + .concierge_caption,
    & + .concierge_caption_group {
        margin-top: 40px;
    }

    & .concierge_btn_gray {
        background-color: var(--cc_color_light);
        color: #000;

        & .arrow_right {
            filter: brightness(0);
        }
    }
}
@media(max-width: 1023px){
    .concierge_wrap {
        padding: 20px 0;

        & .pc_only {
            display: none !important;
        }

        & .mo_only {
            display: block !important;
        }

        & .word_space {
            &:has(br.pc_only) {
                display: inline-block;
            }
        }

        & .word_space {
            &:has(br.mo_only) {
                display: inline;
            }
        }

        & .concierge_badge {
            &.concierge_badge_homestyle {
                height: 30px;
            }
            &.concierge_badge_subscribe {
                height: 28px;
            }
        }

        & .marker_list {
            & > li {
                gap: 5px;

                & + li {
                    margin-top: 5px;
                }
            }
        }

        & .marker_list--check {
            width: 100%;
            max-width: 500px;

            & > li {
                align-items: center;
                &:before {
                    width: 11px;
                    height: 1.6em;
                }
            }
        }

        & .marker_list--check--bold {
            width: 100%;
            max-width: 500px;

            & > li {
                gap: 10px;
                
                &:before {
                    width: 14px;
                    height: 1.4em;
                }
            }
        }
        
    }

    & .concierge_btn_area {
        margin-top: 20px;
       
        & .concierge_btn {
            padding: 8px 20px;
            width: auto;
            height: 42px;
            gap: 0px;

            font-size: 16px;

            & .arrow_right  {
                width: 16px;
            }
        }

        & + .concierge_caption,
        & + .concierge_caption_group {
            margin-top: 20px;
        }
    }
}
@media(max-width: 768px){
    & .concierge_btn_area {
        flex-direction: column;
        gap: 10px;
    }
}

/* hero */
.concierge_hero {
    
}
.concierge_hero__head {
    width: 100%;
    max-width: var(--cc_inner);
    padding: 0 var(--cc_inner_x);
    margin: 0 auto;
}
.concierge_hero__head_title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: center;
}
.concierge_hero__head_hastag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0 14px;

    & > li {
        color: var(--cc_color_gray);
        flex-shrink: 0;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.007em;

        padding: 8px 20px;
        border: 1px solid currentColor;
        border-radius: 50px; 
    }
}
.concierge_hero__content {
    margin-top: 46px;
}
.concierge_hero__content_img {
    display: block;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;

    & img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }
}
.concierge_hero__content_desc {
    width: 100%;
    max-width: var(--cc_inner);
    padding: 0 var(--cc_inner_x);
    margin: 0 auto;

    & .concierge_caption {
        margin-top: 20px;
    }
}
.concierge_inner {
    width: 100%;
    max-width: var(--cc_inner);
    padding: 0 var(--cc_inner_x);
    margin: 0 auto;
}
.concierge_caption {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    color: var(--cc_color_description);

    & > li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.5em;

        & + li {
            margin-top: 2px;
        }
        &:before {
            flex-shrink: 0;
            content: "*";
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
        }
    }
}
.concierge_caption--hyphen {
    & > :before {
        content: "-";
    }

    & > li {
        &:before {
            content: "-";
        }
    }

    &:is(li) {
        &:before {
            flex-shrink: 0;
            content: "-";
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
        }
    }
}
.concierge_caption--bullet {
    & > li {
        gap: 0.3em;
        &:before {
            content: "•";
        }
    }
}
.concierge_caption__row {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.007em;
    color: #555;

    & + .concierge_caption__row {
        margin-top: 6px;
    }

    & .concierge_caption {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    & > b {
        display: block;
        margin-bottom: 6px;
    }
}

@media(max-width: 1023px){
    .concierge_caption {
        font-size: 11px;

        & > li {
            line-height: 1.6;
            & * {
                line-height: inherit;
            }
        }
    }
    .concierge_hero__head {
        & .concierge_hero__head_title {
            text-align: left;
            font-size: 32px;
            line-height: 1.4;
    
            &.text_center {
                text-align: left;
            }
        }

        & .concierge_hero__head_hastag {
            padding: 12px 0 8px;
            justify-content: flex-start;
            gap: 8px 4px;
            & > li {
                font-size: 12px;
                padding: 3px 10px;
            }
        }
    }
    .concierge_hero__content {
        margin-top: 12px;

        & .concierge_caption {
            margin-top: 12px;
        }
    }
}
/* hero // */



/* section */
.concierge_section_group {
    margin-top: 100px;
    padding-bottom: 80px;
    background-color: var(--cc_thema_color);

    & .concierge_section {
        /* padding-top: 80px; */

        &:first-child {
            & .concierge_section__head_title:first-child {
                margin-top: 40px;
            }
        }
    }

    & .concierge_section__head {
        /* margin-bottom: 0; */
    }
    & .concierge_section__head_title {
        letter-spacing: -0.005em;
    }

    & .concierge_versus__table {
        & th, 
        & td {
            border-color: var(--cc_thema_border_color);
            &:not(:first-child) {
                border-color: var(--cc_thema_border_color);
            }
        }
    }
}
.concierge_section {
    padding-top: 120px;

    &:has(.concierge_product__list_col3) {
        /* padding-bottom: 40px; */
    }
}
.concierge_section_outro {
    padding-top: 140px;

    & .concierge_section__head {
        padding-left: 40px;
    }
}
.concierge_section__head {
    margin-bottom: 20px;

    & > p {
        margin-top: 10px;
        font-size: 24px;
        letter-spacing: -0.5px;
    }
}
.concierge_section__head_lable {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    padding: 0 30px;
    background-color: #000;
    color: #fff;
    outline: 1px solid #000;
    outline-offset: -1px;
    

    &.lable_white {
        color: #000;
        background-color: #fff;
        position: relative;
        outline: none;
        padding: 0 14px;

        &:before {
            content: "";
            position: absolute;
            inset: 2px 0;
            border-left: 1px solid currentColor;
            border-right: 1px solid currentColor;
        }
        &:after {
            content: "";
            position: absolute;
            inset: 0 2px;
            border-top: 1px solid currentColor;
            border-bottom: 1px solid currentColor;
        }
    }
}
.concierge_section__head_title {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.02em;

    & > span {
        vertical-align: top;
    }
}
.concierge_section__head_subtitle {
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-top: 10px;
}

@media(max-width: 1023px){
    .concierge_section_group {
        margin-top: 60px;
        padding-bottom: 60px;

        & .concierge_section {
            padding-top: 60px;

            &:first-child {
                & .concierge_section__head_title:first-child {
                    margin-top: 0px;
                }
            }
        }
    }
    .concierge_section {
        padding-top: 60px;

        &:has(.concierge_product__list_col3) {
            padding-bottom: 0px;
        }

        &:has(.concierge_tips) {
            padding-top: 40px;
        }
    }
    .concierge_section__head {
        margin-bottom: 10px;

        & > p {
            margin-top: 4px;
            font-size: 16px;
            line-height: 1.6;
        }
    }
    .concierge_section__head_title {
        font-size: 22px;
    }
    .concierge_section__head_subtitle {
        margin-top: 4px;
        font-size: 16px;
    }
    .concierge_section__head_lable {
        font-size: 22px;
        line-height: 1.5;
        padding: 1px 8px;

        &.lable_white { 
            padding: 1px 10px;
        }
    }
    .concierge_section_outro {
        padding-top: 60px;

        & .concierge_section__head {
            padding-left: 0;
            margin-bottom: 10px;
        }
    }
}
/* section // */


/* summary */
.concierge_summary { 
    background-color: var(--cc_thema_color);
    padding: 20px 22px;

    & ~ .concierge_caption__group {
        margin-top: 20px;
    }
}
.concierge_summary__list {
    font-size: 24px;
    letter-spacing: -0.007em;

    & > li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.2em;

        &:before {
            flex-shrink: 0;
            content: "·";
            font-weight: 700;
            margin: 0 0.5em;
        }

        & + li {
            margin-top: 20px;
        }
    }
}
@media(max-width: 1023px){
    .concierge_summary {
        padding: 12px 8px;

        & ~ .concierge_caption__group {
            margin-top: 10px;

            & .concierge_caption__row {
                margin-top: 10px;
            }
        }
    }
    .concierge_summary__list {
        font-size: 16px;
        & > li {
            line-height: 1.6;
            &:before {
                margin: 0;
                margin-right: 5px;
            }
            & + li {
                margin-top: 12px;
            }
            & > p {
                line-height: inherit;
            }
        }
    }
}
/* summary */


/* case */
.concierge_case_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}
.concierge_case__table {
    flex-grow: 1;
    max-width: 540px;
    padding: 0 22px;
    border: 2px solid #000;
    border-left: 0;
    border-right: 0;

    & table {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
        & th,
        & td {
            padding: 10px 0;
            font-size: 24px;
            letter-spacing: -0.5px;
        }
        
        & th {
            text-align: left;
        }
        & td {
            text-align: right;
            padding-left: 10px;
        }
        & tr + tr {
            & th,
            & td {
                border-top: 1px solid var(--cc_color_gray);
            }
        }
    }
}
.concierge_case__desc {
    flex-grow: 1;
    & > p {
        font-size: 22px;
        line-height: 1.6;
        letter-spacing: -0.02em;
    }
    & > p + p {
        margin-top: 1em;
    }
}
.concierge_case__bubble {
    flex-shrink: 0;
    max-width: 513px;

    & > ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 30px;

        & > li {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;

            position: relative;
            background-color: var(--cc_thema_color);
            border-radius: 30px 50px 50px 0;
            padding: 14px 30px 14px 20px;

            & p {
                font-size: 20px;
                line-height: 1.6;
                letter-spacing: -0.05em;
            }
            & > img {
                flex-shrink: 0;
                width: 40px;
            }


            &:after {
                content: "";
                position: absolute;
                left: 0;
                top: 100%;
                border-top: 0;
                border-right: 0px;
                border-left: 20px solid var(--cc_thema_color);
                border-bottom: 20px solid transparent;
            }
        }
    }
}
.concierge_case__bubble_quotes {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    &:before { 
        content: "“";

    }
}


@media(max-width: 1023px){
    .concierge_case_wrap {
        /* flex-direction: column; */
        gap: 40px 20px;
    }
    .concierge_case__table {
        /* max-width: 100%; */
        padding: 0;

        & table {
            & th,
            & td {
                padding: 10px 8px;
                font-size: 16px;
            }
        }
    }
    .concierge_case__bubble {
        max-width: 50%;

        & > ul {
            flex-direction: column;
            align-items: stretch;
            gap: 4px;

            & > li {
                min-height: 70px;
                margin-bottom: 18px;
                padding: 12px 20px 12px 27px;
                gap: 10px;

                & p {
                    font-size: 16px;
                    letter-spacing: -0.05em;
                }
                & > img {
                    width: 36px;
                    margin: 7px;
                }

                &:after {
                    border-left-width: 18px;
                    border-bottom-width: 18px;
                }
                 
            }
        }
    }
    .concierge_case__desc {
        max-width: 50%;
        & > p {
            font-size: 16px;
        }
    }
}
@media(max-width: 768px){
    .concierge_case_wrap { 
        flex-direction: column;
        align-items: stretch;
    }
    .concierge_case__table,
    .concierge_case__bubble,
    .concierge_case__desc {
        max-width: 100%;
    }
}
/* case // */

/* tip */
.concierge_tip {
    position: relative;
    margin-top: 70px;
    padding-bttom: 0 20px;    

    &:before {
        content: "";
        position: relative;
        display: block;
        top: 1px;
        left: 0%;
        width: 100%;
        height: 70px;
        background-color: var(--cc_thema_color);
        clip-path: polygon(
            50% 0,
            50% 0,
            100% 100%,
            0 100%
        );
        pointer-events: none;
    }

    /* &:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: red;
    } */
        
    & p {
        text-align: center;
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: -0.5px;
    }
}
.concierge_tip__text {
    background-color: var(--cc_thema_color);
    padding: 0px 20px 40px;
    border-bottom: 2px solid #000;
}

@media(max-width: 1023px){
    .concierge_tip { 
        margin-top: 40px;
        padding: 0;

        & p {
            padding: 0 16px 20px;
            font-size: 16px;
        }
        &:before {
            height: 40px;
        }
    }
}
/* tip // */


/* product list */
.concierge_product_wrap { 
    padding-bottom: 40px;

    & .concierge_caption {
        margin-top: 30px;
    }

    & + .concierge_product_wrap {
        margin-top: 40px;
    }
}
.concierge_product__head {
    margin-bottom: 30px;

    & > p {
        margin-top: 8px;
        font-size: 24px;
    }
}
.concierge_product__head_title {
    display: block;
    font-size: 24px;
    font-weight: 700;
}

.concierge_product__list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 calc(var(--cc_inner_x) * -1);
    padding: 0px var(--cc_inner_x);
    
    & > ul {
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 16px;
        
        & > li {
            flex: 1;
            max-width: 310px;
            background-color: #fff;
        }
        
        &:has(li:nth-child(4)){
            width: 100%;
        }
    }

    &.concierge_product__list_col3 {
        & > ul {
            gap: 20px;

            & > li {
                flex: 1;
                min-width: 310px;
                background-color: #fff;
                outline: 1px solid rgba(114, 119, 128, 0.2);
                outline-offset: -1px;
            }
        }

        & .concierge_product__card_thumb {
            padding: 10px;
        }
    }
}
.concierge_product__card {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    height: 100%;

    transition: all 0.3s;
    -webkit-transition: all 0.3s;

    outline-offset: -1px;
    outline: 1px solid transparent;

    &a:active {
        opacity: 0.5;
    }

    &a:active,
    &a:hover,
    &a:focus-visible {
        outline: 1px solid var(--cc_color_gray) !important;
    }
}
.concierge_product__card_badges {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    padding: 20px;

    & > span {
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        padding: 2px 8px;
        border-radius: 4px;
        background-color: #111;
        color: #F5F6F8;
    }
}
.concierge_product__card_thumb {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px 10px;
    overflow: hidden;
    
    & > img {
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: center;
        max-width: 200px;
        width: 100%;
        height: 100%;
    }

    &.thumb--full {
        padding: 10px 15px;

        & > img {
            max-width: 100%;
        }
    }
}
.concierge_product__card_meta { 
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 0px 20px 20px;
}
.concierge_product__card_title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.005em;
    padding-top: 10px;
}
.concierge_product__card_name { 
    font-size: 18px; 
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.5px;
}
.concierge_product__card_desc {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -0.005em;
}
.concierge_product__card_sku {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 0;
    color: var(--cc_color_gray);
}
.concierge_product__card_price,
.concierge_product__card_benefit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;

    font-size: 16px;
    letter-spacing: 0;
}
.concierge_product__card_price {
    margin-top: 10px;
}
.concierge_product__card_benefit {
    margin-top: 4px;
    color: var(--cc_color_red);
}
.concierge_product__card_unit {
    flex-shrink: 0;
    margin-left: 1px;
}
.concierge_product__card_discount,
.concierge_product__card_amount {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.concierge_product__card_amount {
    & > b {
        font-weight: 600;
    }
}
.concierge_product__card_discount {
    color: var(--cc_color_red);
}
.concierge_product__rowlist {
    
    & > li {
        border-top: 1px solid var(--cc_color_gray);
        &:last-child {
            border-bottom: 1px solid var(--cc_color_gray);
        }
    }
}
.concierge_product__rowlist_card {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px;
    gap: 20px;

    & .concierge_product__card_thumb {
        padding: 0;
        width: 200px;
        flex-shrink: 0;
    }

    & .concierge_product__card_meta {
        padding: 0;
        flex-grow: 1;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    & .concierge_product__card_name {}

    &:after {
        content: "";
        flex-shrink: 0;
        width: 20px;
        height: 32px;
        margin: auto 0;

        background-image: url(../img/common/arrow_row_right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* 제품 카드 스켈레톤 // */
@keyframes concierge_skeleton_shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
.concierge_product__card_thumb,
.concierge_product__card_name,
.concierge_product__card_sku,
.concierge_product__card_price {
    --cc_skeleton-radius: 10px;

    &:empty {
        width: var(--cc_skeleton-width);
        &:before {
            content: "";
            display: block;
            width: 100%;
            height: var(--cc_skeleton-height);
            background: linear-gradient(
                90deg,
                #eef0f3 25%,
                #f7f8fa 50%,
                #eef0f3 75%
            );
            background-size: 200% 100%;
            animation: concierge_skeleton_shimmer 1.4s linear infinite;
            border-radius: var(--cc_skeleton-radius);
        }
    }
}
.concierge_product__card_thumb {
    --cc_skeleton-width: 100%;
    --cc_skeleton-height: 200px;
    --cc_skeleton-radius: 12px;
}
.concierge_product__card_name {
    --cc_skeleton-width: 85%;
    --cc_skeleton-height: 1.5em;
}
.concierge_product__card_sku {
    --cc_skeleton-width: 38%;
    --cc_skeleton-height: 1.5em;
}
.concierge_product__card_price {
    --cc_skeleton-width: 65%;
    --cc_skeleton-height: 1.5em;
    &:empty {
        margin-bottom: 20px;
    }
}
/* 제품 카드 스켈레톤 // */

/* 제품 카드 failed */
.concierge_product__card--fail {
    
    & .concierge_product__card_thumb {
        & img {
            max-width: 100%;
            max-height: 200px;
        }
    }
    & .concierge_product__card_meta {
        min-height: 5em;
    }
    & .concierge_product__card_name {
        margin: auto;
    }
}
/* 제품 카드 failed // */

@media(max-width: 1024px){
    .concierge_product_wrap {
        padding-bottom: 20px;

        & .concierge_caption {
            margin-top: 20px;
        }
    }
    .concierge_product__head {
        margin-bottom: 20px;
        
        & > p {
            margin-top: 4px;
            font-size: 16px;
            line-height: 1.6;
        }
    }
    .concierge_product__head_title {
        font-size: 16px;
        line-height: 1.6;
    }
    .concierge_product__list {
        overflow: auto;
        width: auto;
        padding-bottom: 20px;
    
        & > ul {
            margin-left: 0;

            & > li {
                min-width: 240px;
            }
            
            &:has(li:nth-child(4)){
                width: auto;
            }
        }


        &.concierge_product__list_col3 {
            & > ul {
                gap: 10px;

                & > li {
                    min-width: 260px;
                }
            } 
        }

        & + 
    }
    .concierge_product__card_title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .concierge_product__card_desc {
        font-size: 14px;
    }
    .concierge_product__card_name {
        font-size: 14px;
    }
    .concierge_product__card_sku {
        margin-top: 6px;
        font-size: 12px;
    }
    .concierge_product__card_price {
        margin-top: 6px;
        font-size: 14px;
    }
    .concierge_product__card_benefit {
        margin-top: 1px;
        font-size: 14px;
    }
    .concierge_product__rowlist_card {
        align-items: flex-start;
        padding: 14px 0;
        gap: 8px;

        & .concierge_product__card_thumb {
            width: 120px;
        }

        &:after {
            display: none;
        }
        
        .concierge_product__card_title {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 4px;

            &:after {
                content: "";
                flex-shrink: 0;
                width: 8px;
                height: 12px;
        
                background-image: url(../img/common/arrow_row_right_mo.svg);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                filter: brightness(0);
            }
        }
    }
}
@media(max-width: 768px){
    .concierge_product__list { 
        & > ul {
            width: 100%;
            flex-direction: column;
            align-items: stretch;
            gap: 10px;

            & > li {
                max-width: 100%;
                min-width: 240px;
            }

            &:has(li:nth-child(4)) {
                width: 100%;
            }
        }

        &.concierge_product__list_col3 {
            & .concierge_product__card_thumb {
                padding: 0px;
            }
        }

        & + .concierge_btn_area {
            margin-top: 0px;
        }
        & ~ .concierge_caption {
            margin-top: 20px;
        }
        & + .concierge_caption {
            margin-top: 0px;
        }
    }
    .concierge_product__card {
        padding: 8px 25px 8px 8px;
        gap: 8px;
        flex-direction: row;

        &:has(.thumb--full) {
            padding: 10px;
        }
    }
    .concierge_product__card_title {
        padding-top: 0;
    }
    .concierge_product__card_badges {
        padding: 8px;
        width: 120px;

        & > span {
            font-size: 11px;
            padding: 1px 6px;
            border-radius: 4px;
        }
    }
    .concierge_product__card_thumb {
        flex-shrink: 0;
        width: 120px;
        padding: 0;

        &.thumb--full {
            padding: 0;
        }
    }
    .concierge_product__card_meta {
        padding: 0;
        justify-content: center;
    }
    .concierge_product__card_sku {
        margin-top: 6px;
    }
    .concierge_product__card_price {
        margin-top: 6px;
    }
    .concierge_product__card_benefit {
        margin-top: 1px;
    }

    .concierge_product__card_thumb {
        --cc_skeleton-width: 120px;
        --cc_skeleton-height: 120px;
        --cc_skeleton-radius: 4px;
    }
    .concierge_product__card_name {
        --cc_skeleton-width: 85%;
        --cc_skeleton-height: 1.5em;
        --cc_skeleton-radius: 4px;
    }
    .concierge_product__card_sku {
        --cc_skeleton-width: 38%;
        --cc_skeleton-height: 1.3em;
        --cc_skeleton-radius: 4px;
    }
    .concierge_product__card_price {
        --cc_skeleton-width: 65%;
        --cc_skeleton-height: 1.3em;
        --cc_skeleton-radius: 4px;
    }
}
/* 
.concierge_product__list--swiper {
    --swiper-navigation-color: rgba(114, 119, 128, 1);
    display: block;
    overflow: hidden;
    position: relative;
}

.concierge_product__list--swiper > .swiper-wrapper {
    flex-direction: row;
    gap: 0;
    margin: 0;
    width: 100%;
}

.concierge_product__list--swiper > .swiper-wrapper > .swiper-slide {
    flex: 0 0 262px;
    height: auto;
    max-width: 262px;
    min-width: 0;
    width: 262px;

    &:not(:last-child) {
        margin-right: 17px;
    }
}

.concierge_product__list--swiper > .concierge_product__pagination {
    align-items: center;
    display: flex;
    gap: 11px;
    justify-content: center;
    margin-top: 18px;
    position: static;
}

.concierge_product__list--swiper > .concierge_product__pagination .swiper-pagination-bullet {
    margin: 0;
    width: 6px;
    height: 6px;
}
.concierge_product__list--swiper > .concierge_product__pagination .swiper-pagination-bullet-active {
    background-color: #000;
    width: 8px;
    height: 8px;
}

.concierge_product__list--swiper > .swiper-button-prev,
.concierge_product__list--swiper > .swiper-button-next {
    --swiper-navigation-size: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    height: 44px;
    width: 44px;
}

@media(max-width: 768px){
    .concierge_product__list--swiper {
        display: flex;
        overflow: auto;
    }

    .concierge_product__list--swiper > .swiper-wrapper {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin: 0 auto;
        width: 100%;
    }

    .concierge_product__list--swiper > .swiper-wrapper > .swiper-slide {
        flex: 1 1 auto;
        max-width: 100%;
        min-width: 240px;
        width: auto;
    }

    .concierge_product__list--swiper > .concierge_product__pagination,
    .concierge_product__list--swiper > .swiper-button-prev,
    .concierge_product__list--swiper > .swiper-button-next {
        display: none;
    }
} */
/* product list // */


/* editor recommend */
.concierge_editor_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}
.concierge_editor__img {
    flex-grow: 1;
    max-width: 538px;

    & picture {
        display: block;
    }

    & img {
        width: 100%;
    }
}
.concierge_editor__list {
    flex-grow: 1;
    width: 50%;
    max-width: 518px;
    margin-bottom: auto;

    & li {
        & + li {
            margin-top: 30px;
        }
    }
}
.concierge_editor__item_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;

    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid var(--cc_color_gray);
}
.concierge_editor__item_body {
    & > p {
        font-size: 18px;
        line-height: 1.6;
        letter-spacing: -0.007em;
    }
}
.concierge_editor__item_index {
    flex-shrink: 0;
    background-color: #000;
    color: #fff;

    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    font-size: 18px;
    font-weight: 600;
}
.concierge_editor__item_name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: -0.005em;
}
.concierge_editor__item_code {
    font-size: 16px;
    line-height: 1em;
    white-space: nowrap;
    color: var(--cc_color_gray);   
    letter-spacing: -0.005em;
}
.concierge_editor__item_badge {
    height: 30px;

    & > img {
        height: 100%;
    }
}
@media(max-width: 1023px){
    .concierge_editor_wrap {
        margin-top: 20px;
        gap: 20px;
    }
    .concierge_editor__item_head {
        padding-bottom: 9px;
        margin-bottom: 6px;
        border-bottom: 1px solid #000;
    }
    .concierge_editor__item_index {
        width: 20px;
        height: 20px;
        font-size: 11px;
    }
    .concierge_editor__item_name {
        font-size: 16px;
    }
    .concierge_editor__item_code {
        font-size: 14px;
    }
    .concierge_editor__item_body {
        & > p {
            font-size: 14px;
        }
    }
    .concierge_editor__item_badge {
        height: 20px;
    }
    .concierge_editor__list {
        & li + li {
            margin-top: 20px;
        }
    }
}
@media(max-width: 768px){ 
    .concierge_editor_wrap {
        flex-direction: column;
        align-items: stretch;
    }
    .concierge_editor__list {
        order: 2;
        width: 100%;
        max-width: 100%;
    }
    .concierge_editor__img {
        width: 100%;
        max-width: 100%;
    }
}
/* editor recommend // */


/* accordion */
.concierge_accrodion_wrap { 
    text-align: center;
    margin: 30px 0 0;

    & + .concierge_product_wrap {
        margin-top: 40px;
    }
    & .concierge_caption {
        text-align: left;
    }
    & > .concierge_caption__row,
    & > .concierge_caption{
        margin-bottom: 16px;    
    }
}
.concierge_accrodion__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;

    font-size: 14px;
    font-weight: 500;
    color: #555;

    &:after {
        flex-shrink: 0;
        content: "";
        width: 14px;
        height: 14px;

        background-image: url(../img/common/arrow_down.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        /* transition: transform 0.3s ease; */
    }

    &[aria-expanded="true"]:after {
        transform: rotate(180deg);
    }

    &:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
    }

    &:hover {
        filter: brightness(0);
    }
}
.concierge_accrodion__content {
    text-align: left;
}

@media (prefers-reduced-motion: reduce) {
    .concierge_accrodion__btn:after {
        transition: none;
    }
}
@media(max-width: 1023px){
    .concierge_accrodion_wrap {
        margin: 20px 0 0;

        & > .concierge_caption__row,
        & > .concierge_caption {
            margin-top: 16px;    
        }
    }
    .concierge_accrodion__btn {
        font-size: 11px;

        &:hover {
            filter: inherit;
        }
    }
    .concierge_caption__row {
        margin-top: 14px;
        font-size: 11px;

        & > b {
            margin-bottom: 8px;
        }

        & + .concierge_caption__row {
            margin-top: 8px;
        }
    }
}
/* accordion */

/* versus */
.concierge_versus_wrap {
    margin-top: 20px;

    & + .concierge_caption,
    & + .concierge_accrodion_wrap {
        margin-top: 20px;
    }
}
.concierge_versus__table {
    --table-min-width: 100%;
    min-width: var(--table-min-width);

    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;

    & th {
        text-align: center;
    }
    
    & th,
    & td {
        padding: 12px 16px;
        border-bottom: 1px solid var(--cc_color_gray);

        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: -0.007em;

        &:not(:first-child) {
            border-left: 1px solid var(--cc_color_gray);
        }

        &:has(.concierge_table_thumb) {
            text-align: center;
        }
    }

    & thead {
        & th {
            text-align: center;
            border-top: 1px solid var(--cc_color_gray);
            background-color: var(--cc_thema_th_bg);

            & b {
                font-size: 22px;
                font-weight: 700;
                line-height: 1.6;
            }

            & a {
                display: inline-flex;
                justify-content: center;
                align-items: stretch;
                gap: 10px;

                &:after {
                    flex-shrink: 0;
                    content: "";
                    width: 16px;
                    background-image: url(../img/common/arrow_versus_link.svg);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }

            &:has(a) {
                height: 75px;
            }
        }
    }
    & tbody {
        & th,
        & td {
            background-color: #fff;
        }
    }

    & .concierge_versus__cell--middle { vertical-align: middle; }

    /* table cell width */
    & .col_200 { width: 200px; }
    & .col_160 { width: 160px; }
    /* table cell width // */

    & .concierge_caption {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        line-height: inherit;
    }
    & .concierge_caption--hyphen {
        & > li {
            gap: 0.2em;
        }
    }

    &[data-min-width="490px"] {
        --table-min-width: 490px;
    }
    &[data-min-width="670px"] {
        --table-min-width: 670px;
    }
    &[data-min-width="770px"] {
        --table-min-width: 770px;
    }
}
.concierge_versus__table_ul {
    & * {
        line-height: 1.6;
    }
    & li + li {
        margin-top: 1.5em;
    }
}

.concierge_table_thumb {
    display: inline-block;
    width: 120px;
    height: 120px;

    & img {
        width: 100%;
    }

    & + p {
        font-size: 14px;
        line-height: 1.6;
        color: var(--cc_color_gray_100);
    }
}
.concierge_table_thumb_140 {
    width: auto;
    height: 140px;
}
.concierge_table_caption {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    color: var(--cc_color_description);

    & > li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.5em;

        &:before {
            flex-shrink: 0;
            content: "-";
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
        }
    }
}

.table_cell_vertical--top {
    & td {
        vertical-align: top;
    }
}
.table_cell_vertical--middle {
    & td {
        vertical-align: middle;
    }
}

@media(max-width: 1023px){
    .concierge_versus_wrap {
        margin: 20px calc(var(--cc_inner_x) * -1) 0;
        padding: 0px var(--cc_inner_x);
        overflow: auto;
    }

    .concierge_versus__table {
        & th,
        & td {
            padding: 12px 8px;
            font-size: 14px;

            &:not(:first-child) {
                border-left: 1px solid var(--cc_color_gray);
            }
        }
        & td {
            vertical-align: top;
        }

        & thead {
            & th {
                & b {
                    font-size: 14px;
                }
                & a {
                    gap: 5px;
                }

                &:has(a) {
                    height: 50px;
                }
            }
        }

        & tbody {
            & td {

                & p + p {
                    margin-top: 4px;
                }
            }
        }

        & .concierge_caption {
            & > li {
                /* display: block; */
                gap: 0.2em;

                & + li {
                    margin-top: 4px;
                }
                &:before {
                    /* padding-right: 0.3em; */
                }
                & p {
                    display: inline;
                }
            }
        }
        & .concierge_caption--hyphen {
            & > li {
                display: flex;
                gap: 0;
            }
        }

        & .col_m_70 {
            width: 70px;
        }
    }

    .concierge_table_caption {
        font-size: 11px;
    }

    .table_cell_vertical--mo_center {
        & th,
        & td {
            vertical-align: middle;
            text-align: center;
        }
    }
    .table_cell_vertical--top {
        & td {
            text-align: left;
        }
    }
    .table_cell_vertical--middle {
        & td {
            vertical-align: middle;
        }
    }

    .concierge_table_thumb {
        width: 80px;
        height: 80px;

        & + p {
            margin-top: 4px;
        }
    }
}
/* versus // */

/* faq */
.concierge_faq_wrap { }
.concierge_faq__list {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;

    & > li {
        position: relative;
        padding: 20px 40px;
        background-color: #fff;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        
        & + li {
            border-top: 1px solid #aaa;
        }

        &.active {
            background-color: #F3F5F7;
        }
    }
}
.concierge_faq__head {
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
    text-align: left;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
    cursor: pointer;

    font-size: 24px;
    font-weight: 700;

    &:before {
        flex-shrink: 0;
        content: "Q.";
        color: #FD312E;
    }
    
    &:after {
        margin-top: 7px;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        content: "";
        background-image: url(../img/common/arrow_faq.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: auto;
    }

    &[aria-expanded=true] {
        &:after { 
            transform: rotate(180deg);
        }
    }

    &:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
    }
}
.concierge_faq__body {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 10px 20px 0 30px;

    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -0.007em;

    & * {
        line-height: inherit;
    }

    &[hidden] {
        display: none;
    }

    & .concierge_accrodion_wrap {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        text-align: left;
        margin: 0;

        & .concierge_accrodion__btn {
            line-height: 1em;
        }
    }
}
.concierge_fqa__cpation_item {
    & > li { 
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;

        &:before {
            content: "";
            flex-shrink: 0;
            width: 0.8em;
        }
    }

    & .concierge_fqa__cpation_dot:before {
        content: "•";
    }
    & .concierge_fqa__cpation_star:before {
        content: "*";
    }
    & .concierge_fqa__cpation_hyphen:before {
        content: "-";
    }
    & .concierge_fqa__cpation_number {
        counter-increment: item-number;
        gap: 0.3em;
    }
    & .concierge_fqa__cpation_number:before {
        content: counter(item-number, --cc-circled-number);
    }
}
.concierge_fqa__link {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 4px;
    border-bottom: 1px solid currentColor;
    margin: 10px 0;
    line-height: 1.8;

    &:after {
        flex-shrink: 0;
        width: 16px;
        flex-shrink: 0;
        content: "";
        background-image: url(../img/common/arrow_faq_link.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    & + .concierge_fqa__link {
        margin-left: 30px;
    }
}

@media(max-width: 1023px){
    & .concierge_faq__list {
        & > li {
            padding: 20px 0px;
        }
    }
    & .concierge_faq__head {
        font-size: 16px;
        padding-left: 6px;

        & > b {
            flex-grow: 1;
            padding-right: 10px;
        }
        
        &:after {
            width: 26px;
            height: 26px;
            margin-top: 0;
            background-image: url(../img/common/arrow_faq_mo.svg);
        }
    }
    & .concierge_faq__body {
        padding-top: 6px;
        font-size: 14px;
        gap: 6px;
    }
    
    & .concierge_fqa__link {
        margin: 4px 0 0;
        display: flex;

        & + .concierge_fqa__link {
            margin-left: 0;
            margin-top: 10px;
        }
    }

    & .concierge_caption {
        & + .concierge_fqa__link {
            margin-top: 10px;
        }
    }
}
/* faq // */


/* event type banner */
.concierge_event__head {
    text-align: center;
    margin-bottom: 40px;
}
.concierge_event__head_icon {
    height: 50px;
    margin-bottom: 20px;

    & > img {
        width: auto;
        height: 100%;
    }
}
.concierge_event__head_text {
    & > p {
        font-size: 24px;
        line-height: 1.6;
        letter-spacing: -0.007em;
    }
}
.concierge_event__content {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}
.concierge_event__item {
    flex-grow: 1;
    position: relative;

    transition: all 0.3s;
    -webkit-transition: all 0.3s;

    &:active {
        opacity: 0.8;
    }
}
.concierge_event__item_img {
    display: block;
    & > img {
        width: 100%;
    }
}
.concierge_event__item_text {
    position: absolute;
    inset : 0;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;

    padding-right: 12.8%;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.007em;
}
.concierge_event__item_link {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;

    border-bottom: 1px solid currentColor;
    margin: 10px 0;

    font-weight: 700;
    line-height: 1.6;


    &:after {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        content: "";
        background-image: url(../img/common/arrow_bannner_link.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}
@media(max-width: 1023px){
    .concierge_event__head {
        margin-bottom: 30px;   
    }
    .concierge_event__head_icon {
        height: 36px;
    }
    .concierge_event__head_text {
        & > p {
            font-size: 16px;
        }
    }
    .concierge_event__item_text {
        /* padding-right: 20px; */
    }
    .concierge_event__item_link {
        margin: 12px 0;
        font-size: 14px;

        &:after {
            width: 11px;
            height: 100%;
        }
    }
}
@media(max-width: 768px){ 
    .concierge_event__item_text {
        padding-right: 20px;
    }
}
/* event type banner */

/* banner */
.concierge_banner__head {
    margin-bottom: 40px;
}
.concierge_banner__head_title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
.concierge_banner__content {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}
.concierge_banner__item {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px 5.58%;

    &:nth-child(1) {
        background-color: #F9FCE1;
    }
    &:nth-child(2) {
        background-color: #FBF7F4;
    }

    & > img {
        width: 100px;
        flex-shrink: 0;
    }

    &.concierge_banner__item_thema_2 {
        background-color: #EEF4E7;
    }
    &.concierge_banner__item_thema_3 {
        background-color: #EFF4F8;
    }
    &.concierge_banner__item_thema_4 {
        background-color: #EDF7F9;
    }
    &.concierge_banner__item_thema_5 {
        background-color: #F7F7F7;
    }
    &.concierge_banner__item_thema_6 {
        background-color: #FFF6F6;
    }
}
.concierge_banner__item_text {
    flex-grow: 1;
    max-width: fit-content;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;

    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.007em;
}
.concierge_banner__item_link {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid currentColor;

    font-weight: 700;
    line-height: 1.6;


    &:after {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        content: "";
        background-image: url(../img/common/arrow_bannner_link.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}
@media(max-width:1023px) {
    .concierge_banner__head {
        margin-bottom: 10px;
    }
    .concierge_banner__head_title {
        font-size: 22px;
        text-align: left;
    }
    .concierge_banner__content {
        /* flex-direction: column; */
        gap: 10px;
    }
    .concierge_banner__item {
        padding: 8px 25px;
        gap: 25px;

        & > img {
            width: 70px;
        }
    }
    .concierge_banner__item_text {
        font-size: 14px;
        padding: 10px 0;
        margin-left: 0;
    }
    .concierge_banner__item_link {
        &:after  {
            width: 11px;
        }
    }
}
@media(max-width:768px) { 
    .concierge_banner__content {
        flex-direction: column;        
    }
}
/* banner // */


/* product point */
.concierge_product_point_wrap {
    margin: 46px 0;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;

}

.concierge_product_point__img {
    position: relative;
    width: 400px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;

    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    & .concierge_btn_area {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 30px;
    }

    & .concierge_btn {
        width: auto;
        height: auto;
        padding: 10px 30px;
        font-size: 22px;

    }
}
.concierge_product_point__text {
    flex-grow: 1;
}
.concierge_product_point__meta {
    & > b {
        display: block;
        font-size: 24px;
        letter-spacing: 0;
    }

    & > ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 8px;

        & > li {
            font-size: 22px;
            line-height: 1.6;
            color: var(--cc_color_gray_100);

            &:after {
                flex-shrink: 0;
                display: inline-block;
                content: "|";
                margin: 0 8px;
            }

            &:last-child:after {
                display: none;
            }
        }
    }
}

.concierge_product_point__list {
    margin-top: 46px;

    & > li {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        gap: 6px;

        margin-top: 16px;
        font-size: 22px;
        line-height: 1.6;

    }

    & p {
        line-height: inherit;
    }
}

@media(max-width: 1023px){
    .concierge_product_point_wrap {
        margin: 10px 0 40px;
        gap: 20px;
    }
    .concierge_product_point__img {
        max-width: 350px;
        border-radius: 6px;

        & .concierge_btn {
            height: 42px;
            font-size: 16px;
            padding: 8px 20px;
        }
    }
    .concierge_product_point__meta {
        & > b  {
            font-size: 22px;
        }
        & > ul {
            & > li {
                font-size: 16px;
            }
        }
    }
    .concierge_product_point__list {
        margin-top: 40px;

        & > li {
            font-size: 16px;
            margin-top: 20px;
        }
    }
}

@media(max-width: 768px){
    .concierge_product_point_wrap {
        flex-direction: column;
        gap: 12px;
    }
    .concierge_product_point__img {
        width: 100%;
        max-width: 100%;
    }
    .concierge_product_point__meta {
        text-align: center;
        & > b  {
            font-size: 22px;
        }
        & > ul {
            justify-content: center;
        }
    }
}
/* product point // */

/* product point */
.concierge_product_choice_wrap {
    margin: 46px 0;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 46px;

}
.concierge_product_choice__row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}
.concierge_product_choice__img {
    position: relative;
    width: 400px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;

    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}
.concierge_product_choice__text {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    font-size: 22px;
    line-height: 1.6;
    padding-top: 2px;

    & p {
        line-height: inherit;
    }
    
    & > a {
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        gap: 4px;

        font-size: 18px;
        font-weight: 700;
        margin-top: 17px;
        border-bottom: 1px solid currentColor;

        &:after {
            flex-shrink: 0;
            width: 16px;
            height: 26px;
            flex-shrink: 0;
            content: "";
            background-image: url(../img/common/arrow_bannner_link.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
    }

    & > ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 12px;

        & > li {
            position: relative;
            font-size: 16px;
            font-weight: 600;
            color: var(--cc_color_gray);
            border: 1.5px solid currentColor;
            border-radius: 50px;
            margin-right: 1em;
            padding: 2px 8px;

            &:after {
                position: absolute;
                left: 100%;
                top: 0;
                content: "·";
                margin: 2px 8px;
                font-weight: 700;
            }

            &:last-child:after {
                display: none;
            }
        }
    }
}
.concierge_product_choice__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: 6px;
}
.concierge_product_choice__desc {
    margin-top: 44px;
    line-height: 1.6;
}

@media(max-width: 1023px){
    .concierge_product_choice_wrap { margin: 40px 0; }
    .concierge_product_choice__row { gap: 20px;  }
    .concierge_product_choice__img { width: 350px; border-radius: 6px; }
    .concierge_product_choice__title {
        font-size: 22px;
        line-height: 1.6;
        margin-bottom: 4px;
    }
    .concierge_product_choice__text {
        font-size: 16px;
        & > a {
            margin-top: 10px;
            font-size: 16px;
        }

        & > ul { 
            margin-top: 10px;

            & > li { 
                font-size: 14px;
                &:after {
                    margin: 2px 6px;
                }
            }
        }
    }
    .concierge_product_choice__desc {
        margin-top: 20px;
    }
}

@media(max-width: 768px){
    .concierge_product_choice_wrap { gap: 40px; }
    .concierge_product_choice__row { flex-direction: column; gap: 12px;  }
    .concierge_product_choice__img {
        width: 100%;
    }
}
/* product point // */

/* choice */
.concierge_choice_wrap { 
}
.concierge_choice__list {
    padding: 20px 0;

    &.swiper {
        margin: 0 calc(var(--cc_inner_x) * -1);
        padding: 20px var(--cc_inner_x);
    }

    &> ul {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;

        & > li {
            flex: 1;
        }


        &.swiper-wrapper {
            gap: 0;
        }

        & > .swiper-slide {
            flex: 1;
            height: auto;
            max-width: 538px;
            min-width: 340px;

            &:not(:last-child) {
                margin-right: 20px;
            }
        }
        
    }
}
.concierge_choice__pagination {
    position: static;
    margin-top: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px;

    &.swiper-pagination-lock {
        display: none;
    }

    & .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        margin: 0 !important;
        background-color: #8F8F8F;
        opacity: 1;

        transition: all 0.3s;
        -webkit-transition: all 0.3s;

        &.swiper-pagination-bullet-active {
            width: 24px;
            background-color: #000;
        }
    }
}

.concierge_choice__card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
    padding: 40px 24px;
    height: 100%;

    background-color: #fff;
    border: 1px solid rgba(114, 119, 128, 0.2);

    & thead,
    & tbody,
    & tr,
    & th,
    & td {
        display: block;
    }
    & thead,
    & tbody {
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
    }
    & tbody {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }
}
.concierge_choice__card_head {
    flex-shrink: 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cc_color_gray);

    & > h3 {
        display: block;
        font-size: 40px;
        font-weight: 700;
    }

    & > p {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.007em;
        margin-bottom: 6px;
    }
}
.concierge_choice__card_thumb {
    text-align: center;

    & > img {
        width: 100%;
        height: auto;
        max-width: 300px;
    }
}
.concierge_choice__card_meta {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cc_color_gray);

    & > b {
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -0.007em;
    }

    & > ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 10px;

        & > li {
            font-size: 22px;
            line-height: 1.6;
            color: var(--cc_color_gray_100);

            &:after {
                flex-shrink: 0;
                display: inline-block;
                content: "|";
                margin: 0 8px;
            }

            &:last-child:after {
                display: none;
            }
        }
    }
}
.concierge_choice__card_desc {
    & > li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        font-size: 22px;
        letter-spacing: -0.02em;


        &:before {
            flex-shrink: 0;
            content: "";
            width: 19px;
            height: 1.4em;
            background-image: url(../img/common/choice_check.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        & + li {
            margin-top: 10px;
        }
    }
}
.concierge_choice__caption {
    & > .concierge_caption__row {
        margin-top: 0;
        & + .concierge_caption__row {
            margin-top: 8px;
        }
    }
}

@media(max-width: 1023px){
    .concierge_choice__list {
        &.swiper {
            padding: 10px var(--cc_inner_x) 12px; 
        }

        &> ul {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            gap: 10px;

            & > li {
                flex: 1;
            }


            &.swiper-wrapper {
                gap: 0;
            }

            & > .swiper-slide {
                min-width: 259px;
                &:not(:last-child) {
                    margin-right: 10px;
                }
            }
        }
    }
    .concierge_choice__pagination {
        margin-top: 10px;
    }
    .concierge_choice__card {
        padding: 20px;
        gap: 10px;

        & tbody {
            gap: 10px;
        }
    }
    .concierge_choice__card_head {
        padding-bottom: 10px;

        & > p {
            font-size: 14px;
            margin-bottom: 2px;
        }
        & > h3 {
            font-size: 16px;
        }
    }
    .concierge_choice__card_thumb {
        & > img {
            max-width: 150px;
        }
    }
    .concierge_choice__card_meta {
        padding-bottom: 10px;

        & > b {
            font-size: 14px;
        }
        & > ul {
            margin-top: 5px;
            & > li {
                font-size: 12px;
            }
        }
    }
    .concierge_choice__card_desc {
        & > li {
            gap: 5px;
            font-size: 12px;
            &:before {
                width: 10px;
            }
            & + li {
                margin-top: 5px;
            }
        }
    }
}
/* choice */

/* 용어설명 */
.concierge_definition { 
    margin: 60px 0 0;    
    padding: 40px;
    background-color: #fff;

    &:first-child {
        margin-top: 0;
    }
}
.concierge_definition__head {
    text-align: center;
    margin-bottom: 60px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.02em;

    & h3 {
        font-weight: 700;
        font-size: inherit;
    }

    & > p {
        margin-top: 10px;
        font-size: 22px;
        font-weight: 400;
    }
}
.concierge_definition__title {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.concierge_definition__body {
    font-size: 22px;

    & ul {
        & li {
            & + li {
                margin-top: 20px;
            }
            & > b {
                font-weight: 700;
            }
            & > p {
                margin-top: 6px;
            }

            & > .concierge_caption {
                margin-top: 6px;
            }

            /* 
                concierge_caption 을 포함하고 있을 경우,
                하단에 border 표시 - w35 
            */
            &:not(:last-child){
                border-bottom: 1px solid rgba(114, 119, 128, 0.3);
                padding-bottom: 20px;
            }

            & .concierge_definition__ul_p {
                margin-top: 20px;
                padding-top: 0;
            }
        }
    }

    & .marker_list {
        & > li {
            & + li {
                margin-top: 6px;
            }
        }
    }
}

.concierge_definition__section {
    & + .concierge_definition__section {
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid var(--cc_color_gray);
    }

    & .concierge_definition__head {
        /* margin-bottom: 20px; */
    }

    & .concierge_definition__body {
        font-size: 22px;

         & ul {
            & li {
                & + li {
                    margin-top: 14px;
                }
            }
        }

        & .marker_list {
            & > li {
                & + li {
                    margin-top: 6px;
                }
            }
        }

    }
}

@media(max-width: 1023px){
    .concierge_definition {
        margin: 40px 0 0;
        padding: 20px;

        &:first-child {
            margin-top: 0;
        }
    }
    .concierge_definition--sectioned {
        margin-top: 0px;
    }
    .concierge_definition__head {
        margin-bottom: 20px;
        font-size: 16px;

        & h3 {
            font-size: 16px;
        }

        & > p {
            margin-top: 3px;
            font-size: 14px;
        }
    }
    .concierge_definition__body {
        font-size: 14px;
        & ul {
            & li {
                & + li {
                    margin-top: 10px;
                }
                & > p {
                    margin-top: 5px;
                    line-height: 1.6;
                }
                &:not(:last-child) {
                    padding-bottom: 10px;
                }
                & .concierge_definition__ul_p {
                    margin-top: 10px;
                }
            }
        }
    }

    .concierge_definition__section {
        & + .concierge_definition__section {
            padding-top: 20px;
            margin-top: 20px;
        }
        & .concierge_definition__head {
            margin-bottom: 10px;
        }
        & .concierge_definition__title {
            font-size: 14px;
            margin-bottom: 10px;
        }

        & .concierge_definition__body {
            font-size: 14px;

            & ul {
                & li {
                    & + li {
                        margin-top: 10px;
                    }
                }
            }
        }
    }
}
/* 용어설명 // */

/* tips */
.concierge_tips { 
    padding:  0px;
    
    & > ul {
        & > li {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            padding: 40px;
            background-color: #fff;

        }
    }

    & + .concierge_accrodion_wrap {
        margin-top: 46px;
    }
}
.concierge_tips__badge {
    flex-shrink: 0;
    margin-right: 8px;

    font-size: 24px;
    font-weight: 700;
    color: #FD312E;
}
.concierge_tips__text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    flex-grow: 1;
    padding-right: 46px;

    & > b {
        display: block;
        font-size: 24px;
        font-weight: 700;
    }

    & > p {
        margin: 20px 0 40px;
        font-size: 20px;
    }

    & > a {
        margin-top: auto;

        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        gap: 4px;
        border-bottom: 1px solid currentColor;

        font-size: 22px;
        font-weight: 700;
        line-height: 1.6;

        &:after {
            flex-shrink: 0;
            width: 16px;
            height: 16px;
            flex-shrink: 0;
            content: "";
            background-image: url(../img/common/arrow_bannner_link.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
    }
}
.concierge_tips__check_list {
    margin: 20px 0;

    & > li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;

        &:before {
            flex-shrink: 0;
            content: "";
            width: 16px;
            height: 1.5em;
            background-image: url(../img/common/tip_check.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        & + li {
            margin-top: 12px;
        }
    }
}
.concierge_tips__check_desc {
    font-size: 18px;
    line-height: 1.5;

    & > b {
        display: block;
        margin-bottom: 2px;
    }
}

.concierge_tips__desc {
    margin: 20px 0 40px;
    font-size: 20px;

    & > p + p:not(.concierge_tips__caption) {
        margin-top: 10px;
    }

    & .marker_list {
        font-size: 18px;

        & > li {
            & + li {
                margin-top: 12px;
            }
            & p {
                margin-top: 2px;
            }

            & b {
                font-weight: 600;
            }
        }
    }
}
.concierge_tips__caption {
    display: block;
    color: var(--cc_color_gray);
    font-size: 16px;
    margin-top: 20px;
}
.concierge_tips__thumb {
    flex-shrink: 0;
    width: 370px;
    height: 241px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: auto;

    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}
@media(max-width: 1023px){
    .concierge_tips {
        padding: 0;
        
        & > ul {
            margin-bottom: 20px;
            
            & > li {
                gap: 6px;
                padding: 20px;
            }
        }

        & + .concierge_accrodion_wrap {
            margin-top: 20px;
        }
    }
    .concierge_tips__badge {
        font-size: 16px;
        margin: 0;
    }
    .concierge_tips__text {
        & > b {
            font-size: 16px;
        }
        & > p {
            font-size: 16px;
            margin: 6px 0 14px;
        }
        & > a {
            font-size: 14px;

            &:after {
                width: 16px;
                height: 26px;
            }
        }
    }
    .concierge_tips__desc {
        font-size: 16px;
        line-height: 1.6;
        margin: 0px 0 14px;

        & > * {
            line-height: inherit;
        }

        & .marker_list {
            font-size: inherit;
            & > li {
                & + li {
                    margin-top: 8px;
                }
            }
        }

    }
    .concierge_tips__caption {
        margin-top: 6px;
        font-size: 14px;
    }
    .concierge_tips__thumb {
        flex-shrink: 0;
        width: auto;
        height: 210px;
    }

    .concierge_tips__check_list {
        margin: 4px 0 14px;

        & > li {
            &:before {
                width: 14px;
            }

            & + li {
                margin-top: 8px;
            }
        }
    }
    .concierge_tips__check_desc {
        font-size: 16px;
    }

}
@media(max-width: 768px){
    .concierge_tips {
        & > ul {
            & > li {
                align-items: flex-start;
                flex-direction: column;

            }
        }
    }
    .concierge_tips__text {
        display: contents;

        & > a {
            order: 5;
            margin-top: 14px;
        }
    }
    .concierge_tips__thumb {
        width: 100%;
        height: auto;
    }
}
/* tips // */


/* supplies */
.concierge_supplies_wrap {

    & .concierge_caption_group,
    & .concierge_caption {
        margin-top: 20px;
    }
}
.concierge_supplies__list { 
    padding: 40px;
    background-color: #fff;

}
.concierge_supplies__row {

    & > b {
        display: block;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    & + .concierge_supplies__row {
        margin-top: 30px;
    }

    & > ul {
        border: 1px solid var(--cc_color_gray);

        & > li {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 20px;

            & + li {
                border-top: 1px solid var(--cc_color_gray);
            }
            &:after {
                flex-shrink: 0;
                content: "";
                width: 86px;
                height: stretch;
                border-left: 1px solid var(--cc_color_gray);
                background-image: url(../img/common/supplies_check.svg);
                background-size: 24px;
                background-repeat: no-repeat;
                background-position: center;
            }
            & > p {
                flex-grow: 1;
                padding: 20px 30px;
                font-size: 22px;
            }
        }
    }
}

.concierge_supplies__desc {
    margin-top: 20px;
    padding: 40px 0;
    text-align: center;

    & > p {
        font-size: 24px;
        font-weight: 500;
    }

    & + .concierge_btn_area {
        margin: 20px 0;
    }
}

@media(max-width: 1023px){
    .concierge_supplies_wrap {
        margin: 20px 0 0;
    }
    .concierge_supplies__list {
        padding: 20px;
    }
    .concierge_supplies__row {
        & > b {
            font-size: 14px;
            margin-bottom: 4px;
        }
         & > ul {
            & > li {
                &:after {
                    width: 56px;
                    min-height: 56px;
                    background-size: 16px;
                }
                & > p {
                    padding: 6px 8px;
                    font-size: 14px;
                    line-height: 1.6;
                }
            }
        }
        & + .concierge_supplies__row {
            margin-top: 20px;
        }
    }

    .concierge_supplies__desc {
        margin-top: 0;
        & > p {
            font-size: 16px;    
        }

        & + .concierge_btn_area {
            margin-top: 0;
        }
    }
}
/* supplies // */


/* homestyle */
.concierge_homestyle_wrap {
    padding-top: 46px;

    & + .concierge_caption {
       margin-top: 20px; 
    }
}
.concierge_homestyle__list {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 46px;

    & + .concierge_caption {
        margin-top: 60px;
    }
}

.concierge_homestyle__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    &:nth-child(even) {
        justify-content: flex-end;

        .concierge_homestyle__item_thumb {
            order: 2;
            width: 330px;
            justify-content: flex-end;
        }
        .concierge_homestyle__item_meta {
            align-items: flex-end;
            text-align: right;
        }

        .concierge_homestyle__item_title {
            text-align: left;
        }
    }
}

.concierge_homestyle__item_thumb {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 270px;
    height: 300px;

    &.thumb_340 {
        width: 340px;
    }

    & > img {
        width: auto;
        height: 100%;
    }
}
.concierge_homestyle__item_meta {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 86px;

    &:has(.concierge_homestyle__item_title) {
        padding-top: 0;
    }
}
.concierge_homestyle__item_title {
    color: var(--cc_color_gray);
    padding: 6px 0;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    font-size: 24px;

    margin-bottom: 40px;;
}
.concierge_homestyle__item_name {
    height: 40px;
    margin-bottom: 10px;

    & > img {
        width: auto;
        height: 100%;
        vertical-align: top;
    }
}
.concierge_homestyle__item_link {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;

    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;

    &:after {
        flex-shrink: 0;
        width: 10px;
        height: 20px;
        flex-shrink: 0;
        content: "";
        background-image: url(../img/common/arrow_homestyle_link.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.concierge_homestyle__item_badge {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    height: 32px;

    & > img {
        width: auto;
        height: 100%;
        vertical-align: top;
    }
}

.concierge_homestyle__item_desc {
    font-size: 22px;
}

@media(max-width: 1023px){
    .concierge_homestyle_wrap {
        padding: 40px 0 0;

        & ~ .concierge_caption {
            margin-top: 20px;
        }
    }
    .concierge_homestyle__list {
        gap: 32px;
        max-width: 650px;
        margin: 0 auto;

        & + .concierge_caption {
            margin-top: 20px;
        }
    }
    .concierge_homestyle__item {
         &:nth-child(even) {
            margin-right: -14px;
            .concierge_homestyle__item_thumb {
                width: 151px;
            }
        }
    }
    .concierge_homestyle__item_thumb {
        height: 138px;
        width: 123px;

        &.thumb_340 {
            width: 149px;
        }
    }
    .concierge_homestyle__item_meta {
        padding-top: 37px;

        &:has(.concierge_homestyle__item_title) {
            padding-top: 0;
        }
    }
    .concierge_homestyle__item_title {
        font-size: 12px;
        padding: 2px 0;
        margin-bottom: 15px;
    }
    .concierge_homestyle__item_name {
        height: 16px;
        margin-bottom: 4px;

        & > img {
            width: auto;
            height: 100%;
            vertical-align: top;
        }
    }
    .concierge_homestyle__item_link {
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        gap: 4px;

        font-size: 12px;
        margin-bottom: 4px;

        &:after {
            display: inline-block;
            flex-shrink: 0;
            width: 6px;
            height: 9px;
        }
    }
    .concierge_homestyle__item_badge {
        height: 12px;
    }
    .concierge_homestyle__item_desc {
        font-size: 12px;
        line-height: 1.6;
    }
}
/* homestyle // */

/* editor note */
.concierge_editor_note_wrap{
    /* padding-bottom: 40px; */
}
.concierge_editor_note__list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    gap: 16px;   
}

.concierge_editor_note__card {
    background-color: #fff;
    padding: 40px;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;

    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.10);

    &:after {
        flex-shrink: 0;
        content: "";
        width: 16px;
        height: 26px;
        background-image: url(../img/common/arrow_bannner_link.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: auto 0 auto 40px;
    }

    &:active, 
    &:focus,
    &:focus-visible,
    &:hover {
        background-color: #fff;
        box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.10);
    }
}
.concierge_editor_note__card_text {
    flex-grow: 1;
    font-size: 22px;

    & > b {
        display: block;
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 1.6;
    }
    & .marker_list {
        & > li {
            align-items: flex-start;
        }
    }

}
.concierge_editor_note__card_thumb {
    flex-shrink: 0;
    margin-left: auto;
    width: 140px;
    aspect-ratio: 1/1;

    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

@media(max-width: 1023px){
    .concierge_editor_note__list {
        flex-direction: row;
        gap: 10px;

        & > li {
            flex: 1;
        }
    }
    .concierge_editor_note__card {
        flex: 1;
        
        position: relative;
        flex-direction: column;
        padding: 20px;
        gap: 10px;

        &:after {
            position: absolute;
            right: 12px;
            top: 0;
            height: 100%;
        }

        &:focus,
        &:hover {
            box-shadow: none !important;
        }

        &:active, 
        &:focus-visible {
            background-color: #fff;
            box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.10);
        }
    }
    .concierge_editor_note__card_text {
        display: contents;
        font-size: 14px;

        & > b {
            font-size: 16px;
            margin-bottom: 0;
            order: 1;
        }

        & > * {
            order: 3;
        }
        
        & .marker_list {
            & > li {
                & + li {
                    margin-top: 0px;
                }
            }
        }
    }

    .concierge_editor_note__card_thumb {
        order: 2;
        margin: 0 auto;
    }
}
@media(max-width: 768px){ 
    .concierge_editor_note__list {
        flex-direction: column;
    }
    .concierge_editor_note__card {
        align-items: center;
    }
}
/* editor note // */


.concierge_subscribe_img {
    width: 100%;
    max-width: 920px;
    margin: 40px auto 0;

    & img {
        width: 100%;
    }
}
@media(max-width: 1023px){
    .concierge_subscribe_img { 
        margin-top: 20px;
    }
}