@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);
/* 공통 class */
.page__side,
.page-inner{
    background-color: var(--main-background-color);
}

.l-panel {
    box-shadow : none ;
    border : none;
    /*margin-bottom : 20px;*/
}

.btn.btn--default{
    background-color : var(--point-color);
    color: var(--whole-color);
    font-weight: 500; /* 700에서 hyKim 수정*/
    height: 3.57rem; /* 52에서 수정 hyKim */
    border-radius : 12px; /* 4에서 hyKim 수정*/
    font-size:1rem; /* hyKim 추가*/
}

.btn {
    height: 3.57rem; /* 52에서 수정 hyKim */
    border-radius : 12px; /* 4에서 hyKim 수정*/
    border : none;
     font-size:1rem; /* hyKim 추가*/
}

/* [모달팝업] alert */
.portal .modal{
    border-radius: 12px;
}

.modal__btns .btn--default{
    height: 52px;
    font-size: 15px;
    border-radius: 12px; /* 4px에서 수정 hyKim */
}
.design-popup__btns .btn{
border-radius:0 !important;
border:0 !important;
}



.search-keyword-modal,
.full-modal{
border-radius:0 !important;
}

/* [풀팝업] 상단 타이틀과 본문 사이 라인 제거 */
.full-modal .title-modal__header{
    border-bottom: none;
}

/* 모달 팝업 사이즈 변경 */
.modal__box--alert,
.modal__box--confirm{
    min-width: none; /* 420px; 에서 수정 hyKim*/
    min-height: 320px;
    max-width : fit-content;
}

.modal__box {
    justify-content: space-between;
}

.modal__content {
    justify-content: center; /* 텍스트 가로 중앙 정렬 */
    align-items: center;     /* 텍스트 세로 중앙 정렬 */
    flex: 1;
    width: 100%; /* 가로 꽉 채우기 */
    min-height: 210px; /* 기존 최소 높이 유지 */
    padding: 1.0714285714rem;
    box-sizing: border-box; /* 패딩 포함 크기 계산 */
}

.modal__btns {
    width: 100%;
}
.purchase__checkbox-wrap {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.product-detail__checkbox {
    appearance: none;
    -webkit-appearance: none;

    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #ccc;
    background-color:  var(--whole-color);
    cursor: pointer;

    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s;
}

.product-detail__checkbox:checked {
    background-color: var(--point-color);
    border-color: var(--point-color);
}

.product-detail__checkbox:checked::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: 7px;
    top: 3px;
}

.product-detail__label {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

/*======================================================*/
/*                        메인                          */
/*======================================================*/
.l-content .main-view {
    background-color: var(--sub-line-gray-color);
}

/* main text slider 충돌 방지 hm */
.text-slider-overlay{
    touch-action: pan-y
}

.page .site {
    box-shadow: none;
    position: relative;
}

.header--main {
    position: absolute;
    /* 배너 위에 겹치게 설정 */
    top: 0;
    left: 0;
    width: 100%;
    min-height: calc(4.71rem + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    background-color: transparent !important;
    /* 배경 투명 */
    border-bottom: none;
    /* 하단 선 제거 */
    z-index: 3;
    /* 배너보다 위에 오도록 설정 */
}



/* 노치가 있는 아이폰에서만 실행됨 */
.is-ios-notch-header .header--main {
    /* env()가 안 먹히는 구형 기기를 위해 fallback 지정 */
    padding-top: env(safe-area-inset-top, 44px);
    min-height: calc(4.71rem + env(safe-area-inset-top, 44px));
}

.is-ios-notch-header header {
    padding-top: env(safe-area-inset-top, 44px);
    min-height: calc(4.71rem + env(safe-area-inset-top, 44px));
}

/* 노치 기기 모달 및 풀모달 대응 (배경 비침 방지) */
.is-ios-notch-header .title-modal--full .title-modal__header,
.is-ios-notch-header .full-modal .title-modal__header,
.is-ios-notch-header .modal .title-modal__header {
    padding-top: env(safe-area-inset-top, 44px) !important;
    min-height: calc(4.71rem + env(safe-area-inset-top, 44px));
    background-color:  var(--whole-color) !important;
}

.title-modal--full,
.full-modal {
    background-color: var(--whole-color) !important;
    z-index: 5000 !important;
}

.header--main.scrolled {
    position: sticky;
    background-color: var(--whole-color) !important;
}

.main_top_banner {
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    display: flex;
    /* flex로 변경하면 내부 컨텐츠 정렬이 쉽습니다 (선택사항) */
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    /* 배너는 컨텐츠 영역 꽉 차게 */
    /*height: 600px;*/
    object-fit: cover;
    z-index: 0;
    /* 헤더보다 낮아야 함 */
}


.main_top_recommend_product_list.product-section.l-panel {
    background-color: transparent !important;
    border: none;
    margin-top: -130px;
    position: relative;
    z-index: 1;
    /* 이미지보다 위에 오도록 설정 */
}

.main_top_recommend_product_list .product-section_line {
    margin-bottom: 12px;
    /* 리스트와의 간격 */
    text-align: left;
}

.main_top_recommend_product_list .product-section__title {
    font-weight: 100;
    /* GHC  hyKim 2025-12-23 : 추가 */
    font-size: 28px;
    color: var(--whole-color);
    /* 어두운 배너 이미지 위이므로 흰색 */
}

.main_top_recommend_product_list .thumb-item__media {
    aspect-ratio: inherit;
    border-right: 12px;
     overflow: hidden;
}

.main_top_recommend_product_list .thumb-item__img {

    /* boder-radius 적용 hyKim*/
}

.main_top_recommend_product_list .swiper-slide {
    margin-right: 20px !important;
    padding-bottom: 10px;
    /* 그림자 이펙트용 간격추가 hyKim*/
}

.main_top_recommend_product_list .swiper-slide>.thumb-item {
    border-radius: 12px !important;
    overflow:hidden !important;
    background:  var(--whole-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

/**추천패키지 텍스트 부분**/
.main_top_recommend_product_list .swiper-slide>.thumb-item .thumb-item__info{
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     padding:14px 14px;
     background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-arr2..svg?7f003626e9b03b574351) no-repeat right 14px top 20px;
     min-height: 142px;
   }
.main_top_recommend_product_list .swiper-slide>.thumb-item .thumb-item__info .tit {
     font-size:21px;
     padding-right: 10px;
     font-weight:700;
     line-height:140%;
     overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       word-break: break-all;
   }
.main_top_recommend_product_list .swiper-slide>.thumb-item .thumb-item__info .con {
     font-size:17px;
      line-height:140%;
     color: #A2A9B4;
     overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       word-break: break-all;
   }



/* 그림자 이펙트 css hyKim*/

.main-view .l-panel {
    box-shadow: none;
    margin-bottom: 0;
}

.main-view {
    background-color: var(--main-background-color);
}

.product-section_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-section__title {
    font-size: 28px;
    margin: 0;
    padding: 0 0 0 20px;
}

.MOBILE_WEB .product-section__title,
.MOBILE_APP .product-section__title {
    font-size: 24px;
}

/* 3. 더보기 버튼 스타일 */
.product-section__more {
    display: flex;
    /* 버튼 내부의 텍스트와 아이콘 정렬 */
    align-items: center;
    /* 텍스트와 화살표 아이콘 수직 맞춤 */
    font-size: 18px;
    /* 타이틀보다 작게 */
    text-decoration: none;
    /* 밑줄 제거 */
    cursor: pointer;
    gap: 4px;
    /* '더보기' 글자와 화살표 사이 간격 */
    padding: 0;
    margin: 0 20px 0;
   white-space: nowrap; /*개행불가*/
}

.MOBILE_WEB .product-section__more,
.MOBILE_APP .product-section__more {
    font-size: 14px;
}

/* 4. 더보기 아이콘 크기 조정 (필요 시) */
.product-section__more-ico img,
.product-section__more-ico svg {
    /*width: 10px;*/
    /*height: 10px;*/
    display: block;
}

.main_review_section {
    border-bottom: none;
}

.main_review_section .review_img {
    padding: 0 20px;
}

.main_review_section .product-section__subTitle {
    font-size: 18px;
    padding: 0 20px 20px 20px;
}

.MOBILE_WEB .main_review_section .product-section__subTitle,
.MOBILE_APP .main_review_section .product-section__subTitle {
    font-size: 14px;
}

.main_product_list {
    display:flex;
    
}

.main_product_list em {
    font-size: 24px;
}
.
.main_product_list .product-thumb-unit {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: bottom;
}

.main_product_list .product-main-off-percent {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    color: var(--point-color);
    margin-right: 13px;
}

.main_product_list .product-summary__original-price {
    display: inline-flex;
    font-size: 13px;
    margin-top: 8px;
}

/**추천패키지 슬라이드 수정**/

.main-view .product-section--slide .swiper{
    margin:0;
    padding-left: 20px;
}


/*============================================================================*/
/*================================ 건강 카드 뉴스 ============================*/
/*============================================================================*/






/*======================================================*/
/*                       사이드 GNB                      */
/*======================================================*/

/* side menu nav */
.category-nav-sign-in {
    height: calc(4.71rem + env(safe-area-inset-top));
    /* GHC  hyKim 2026-02- 25 : 수정  asis 90px */
    /*padding-top: env(safe-area-inset-top);*/
    display: flex;
    align-items: center;
}

.category-nav-sign-in .top_user_name {
    color: var(--whole-color);
    font-size: 20px;
    /* GHC  hyKim 2025-12-23 : 수정  */
    font-weight: 300;
    vertical-align: center;
    margin-left: 20px;
}

.category-nav-sign-in__close {
    right: 20px;
}

.category-nav-sign-in__close .ico--circle-x-gray-bg {
    width: 2.286rem;
    /* GHC  hyKim 2026-02- 25 : 수정  asis 40px */
    height: 2.286rem;
    /* GHC  hyKim 2026-02- 25 : 수정  asis 40px */
    background-size: 2.286rem 2.286rem;
    /* GHC  hyKim 2026-02- 25 : 추가 */
}

.category-nav-links__item {
    padding: 24px 20px 24px 20px;
    border-bottom:1px solid var(--light-border-color);
}

.sub_nav_bottom_cs {
    height: 60px;
    font-size: 1.143rem;
    /* GHC  hyKim 2026-02- 25 : 수정 asis 18px  */
}

.cs__link:nth-child(1)::before {
    /* 가상 요소를 화면에서 제거합니다. */
    content: none !important;
}

.cs__link:nth-child(n+2)::before {
    background: var(--black-color);
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    content: "";
    transform: translateY(-50%);
}


/*======================================================*/
/*                     footer                      */
/*======================================================*/

.ghc_footer {
    border-top: 10px solid var(--sub-line-gray-color);
}

.ghc_footer_main {
    border-top: none;
}

.ghc_footer .footer__nav .footer__link,
.ghc_footer_main .footer__nav .footer__link{
    white-space: nowrap;
}

.footer__cs-section {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    font-weight: 700;
}

.footer__info {
    padding: 0;
}

/* hyKim 수정 40px 20px 0;에서 변경*/

.footer__info .copyright {
    padding-top: 20px;
}

.footer__about p {
    padding-bottom: 4px;
    font-weight: 400;
    color: var(--footer-font-color);
}


/*======================================================*/
/*                     bottom nav                      */
/*======================================================*/

/* 메인 바텀 메뉴 수정 */
/*ASIS
.bottom-nav__home {
    background-image: url("../images/bottom_main.png");
    margin-top : 0;
}
.bottom-nav__product {
    background-image: url("../images/bottom_product.png");
}
.bottom-nav__search {
    background-image: url("../images/bottom_search.png");
}
.bottom-nav__north {
    background-image: url("../images/bottom_login.png");
}
*/
.bottom-nav__home {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-cart..svg?36d35c61c0ae835969c6);
    margin-top: 0;
}

.bottom-nav__product {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-item..svg?44390efbe7649b6df7ec);
}

.bottom-nav__search {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-search..svg?6afe808fad216319da0b);
}

.bottom-nav__my {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-my..svg?76b8e0da2899d230dd40);
}

.bottom-nav__home.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-cart-active..svg?aa199d2eaec4a1fd7631);
    margin-top: 0;
}

.bottom-nav__product.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-item-active..svg?96bccb49cb8889c2e77c);
}

.bottom-nav__search.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-search-active..svg?2a2332912856d8ab722e);
}

.bottom-nav__my.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-my-active..svg?1a12c915d57447a9ad9a);
}


/** 메인 바텀 메뉴 추가샘플 **/
.bottom-nav__shopping {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-cart..svg?36d35c61c0ae835969c6);
    margin-top: 0;
}

.bottom-nav__hbot {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-hbot..svg?84e82d4a1f10b29e8adb);
    margin-top: 0;
}

.bottom-nav__myh {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-myh..svg?a07634a8497cc0c348f9);
    margin-top: 0;
}

.bottom-nav__more {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-more..svg?66a32e25e8312b79df03);
    margin-top: 0;
}

.bottom-nav__shopping.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-cart-active..svg?aa199d2eaec4a1fd7631);
    margin-top: 0;
}

.bottom-nav__hbot.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-hbot-active..svg?6580649a39a554270ccf);
    margin-top: 0;
}

.bottom-nav__myh.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-myh-active..svg?9859159cee9fcc8cf4fb);
    margin-top: 0;
}

.bottom-nav__more.is-active {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bottom-more-active..svg?35b911808780009a8d01);
    margin-top: 0;
}



.bottom-nav__label {
    font-size: 13px;
    /* 글자 크기 조정 */
    color: var(--gray-neutral-soft);
    /* 글자 색상 (검정) */
    font-weight: 400;
    /* hyKim  수정 */
    line-height: 1.2;
    margin-top: 1px;
    /* hyKim  수정 */
}

/* 네비 링크 활성화시 스타일 추가 hyKim*/
.bottom-nav__link.is-active .bottom-nav__label {
    color: var(--point-color);
}


/* 2. 개별 버튼 공통 스타일: 4등분, 텍스트 정렬, 아이콘 공간 확보 */
.bottom-nav__link {
    background-color: transparent;
    border: none;
    box-shadow: none;

    /* 아이콘 배치 설정 (24px 아이콘 기준) */
    background-repeat: no-repeat;
    background-position: center top 12px;
    /* 아이콘을 상단에서 10px 떨어뜨림 */
    background-size: 24px 24px;
    /* 추가 hyKim */

    /* 텍스트 위치 잡기 (아이콘 높이만큼 위쪽 여백을 줌) */
    padding-top: 40px;
    /* 수정 hyKim */
    padding-bottom: 10px;
    /* 수정 hyKim */
    height: auto;
}

.bottom-nav {
    justify-content: space-between !important;
    height: auto !important;
    /* 높이는 내부 패딩에 맞게 자동 조절 */
    padding: 0 !important;
    box-shadow: none;
    border-top: 1px solid var(--light-gray-border-color);
    /* hyKim 추가*/
    padding-bottom: env(safe-area-inset-bottom) !important;
}

.bottom-nav__link::before,
.bottom-nav__link:not(:first-child)::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
}


/*======================================================*/
/*                     header gnb                      */
/*======================================================*/
.header--main {
    display: flex;
    align-items: center;
}

.header__left-btn {
    top: auto !important;
    transform: none;
    left: 20px;
}

.header__cart-btn {
    top: auto !important;
    left: auto !important;
    transform: none;
}

.search-keyword-modal__back-btn{
    padding-right : 8px;
}


.hamburger-menu {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Menu..png?bc575e6591adc23077d8);
    background-size: contain;
    width: 28px;
    /* hyKim 수정*/
    height: 28px;
    /* hyKim 수정*/
    left: 20px;
}

.ghc_cart {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Cart..png?84b5ea3472549a1159e9);
    width: 28px;
    /* 수정 hyKim */
    height: 28px;
    /* 수정 hyKim */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
}

.shopping-basket__count {
    right: 18px;
    bottom: 14px;
}

.main_top_product_nav {
    padding-left: 10px;
    padding-right: 10px;
}

.ico--arrow-left {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Back..png?07483c39cf83aa120de9);
    background-position: 0;
    height: 28px;
    width: 28px;
    background-size: 28px auto;
}

.header__title.PRODUCT,
.header__title-wrapper {
    font-weight: 700;
    font-size: 1.143rem;
}

/* 추가 hyKim */


/*======================================================*/
/*                      검색하기                       */
/*======================================================*/


.search-keyword-modal__top {
    border-bottom: none;
    margin : 0 20px;
}


.search-keyword-modal .text-field {
    padding: 10px 0;
}

.search-keyword-modal .text-field::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 10px);
    height: 2px;
    /* 선의 두께 (border-bottom: 2px solid; 에서의 2px 역할) */
    background-color: var(--gray-color);
    /* 선의 색상 (var(--dark-gray-color) 역할) */
}

.ico.ico--circle-x-gray-bg {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Delete..png?d15b60d6e7c564d1cc22) !important;
    background-position: 0 !important;
}

@media screen and (max-width: 500px) {
    .search-keyword-modal.title-modal--full {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

.ico.ico--magnet{
    background-image : url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Search..png?c589077778cc366f0a69) !important;
    background-position: 0;
    height: 28px;
    width: 28px;
    background-size: 28px auto;
}

.search-keyword-modal__top .ico.ico--circle-x-gray-bg {
    width: 28px;
    height: 28px;
    background-size: 28px !important;
}

.recent-keyword .ico.ico--circle-x-gray-bg {
    width: 24px;
    height: 24px;
    background-size: 24px !important;
}

.search-field__submit-btn {
    /*margin-right: 10px;*/
    margin-left: 0;
}

.search-keyword-modal .recent-keyword {
    margin: 20px;
    width: auto;
    border: none;
}

.recent-keyword{
    padding: 0 !important;
}

.recent-keyword__top {
    border-bottom: none;
}

.recent-keyword__top p {
    font-size: 20px;
}

.recent-keyword__top button {
    font-size: 14px;
}

.recent-keyword__item {
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--sub-line-gray-color);
    font-size: 16px;
}

.none_result_icon {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/none_search..png?f1295f72724760ac2087);
    height: 120px;
    width: 146px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin: 40px;
}

.no-search__title {
    margin: 30px;
}

.no-search__title span {
    color: var(--point-color);
    font-weight: bold;
}

.no-search__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
}

.header.header--sub {
    min-height: 4.71rem;
    /*hyKim 추가*/
    padding-top: 0;
    border-bottom: none;
    letter-spacing: -0.05rem;
}

/* 노치가 있는 아이폰에서 서브 헤더 적용 */
.is-ios-notch-header .header--sub , .is-ios-notch-header .search-keyword-modal__top {
    padding-top: env(safe-area-inset-top, 44px);
    min-height: calc(4.71rem + env(safe-area-inset-top, 44px));
}

.select-box--sort::before {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Array..png?8790e7a403b0e47425f4);
    background-position: 0;
    width: 24px;
    height: 24px;
    left: 12px;
}

.total-sort {
    font-size: 1.143rem;
    /*hyKim 수정 as is 18px */
    top: 4.71rem;
    /* 추가 hyKim*/
}

.total-sort__select-box {
    border: none;
}

.select-box--sort select {
    padding: 5px 10px 5px 42px;
    font-weight: 400;
    font-size: 1.143rem;
    /*hyKim 수정 as is 18px */
    text-align: left;
}

.breadcrumb__section {
    padding: 10px 20px;
}

/* hyKim 수정*/

.ico.main_double_down {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Group..png?20b75b7fa38d51b91925);
    background-position: 0;
    width: 24px;
    height: 30px;
}

.no-search {
    padding-bottom: 60px;
}


/*======================================================*/
/*                     modal                      */
/*======================================================*/


.modal__btns .btn--default {
    background-color: initial;
    /*  height: 52px;
    font-size: 1.108571429rem; GHC hyKim 2025-12-23: 높이수정용 삭제 */
    color: var(--whole-color);
}

.modal__btns {
    padding: 0 20px 20px;
    border-top: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.1428571429rem;
}


.modal__btns button:only-child {
    background-color: var(--point-color);
}

.modal__btns button:nth-child(1):not(:only-child) {
    background-color: var(--modal-dark-gray-color);
}


.modal__btns button:nth-child(2) {
    background-color: var(--point-color);
}

/*기존 모달창 css가 상위로 안식되서 important 붙임*/
.ico--x-black {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Delete..png?d15b60d6e7c564d1cc22);
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    background-position: center !important;
}

.ghc-registration-modal {
    min-width: 25.7142857143rem;
    min-height: 15.7142857143rem;
}

.ghc-registration-modal .title-modal__header {
    border-bottom: none;
}

.title-modal__content .ghc-modal-registration__title {
    margin: 20px 0;
}

.title-modal__content .ghc-modal-registration__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.8571428571rem;
    gap: 1.1428571429rem;
}


/*======================================================*/
/*                     banner left                      */
/*======================================================*/


.banner--left .topTitle {
    font-size: 18px;
    padding-bottom: 25px;
}

.banner--left .banner_left_text {
    line-height: 28px;
    padding: 70px 10px 40px 50px;
    font-weight: 300;
}

.banner--left .bottomContents {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 35px;
    font-weight: 400;
}

.banner--left .bottomContents span {
    color: var(--point-color);
}

.banner_left_text .btn {
    width: 40%;
    padding: 0.6em;
}

.color-green {
    color: var(--point-color);
}


/*======================================================*/
/*                     정기구독                      */
/*======================================================*/

.padding20 {
    padding: 20px;
}

/* 정기 구독 */
.subscription-card {
    display: block;
    /* a 태그가 아니므로 block 처리 */
    margin-bottom: 40px;
    margin-top: 40px;
    text-decoration: none;
    color: inherit;
}

.subscription-card.detail-card {
    margin-bottom: 0;
}


.endLine {
    height: 10px;
    /* 이미지처럼 두꺼운 높이 설정 */
    background-color: var(--sub-line-gray-color);
    /* 배경색과 동일하거나 약간 다른 회색 */
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    /* 패딩 포함 너비 계산 */
    padding: 0;
}

/* 1. 헤더 (배지 + 상세링크) 재정의 */
.subscription-header {
    display: flex;
    /* 날짜/번호 대신 양쪽 정렬을 위해 flex 사용 */
    justify-content: space-between;
    align-items:center;
    margin-bottom: 0;
    padding-bottom: 0;
    /* 기존 border가 있다면 제거 혹은 조정 */
}

/* 배지 스타일 */
.sub-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
    /* GHC hyKim 2025-12-23: 폰트두께 수정*/
    color: var(--whole-color);
    line-height: 1.2;
    min-width:80px;
}

.sub-badge.active {
    background-color: var(--point-color);
    color : var(--whole-color)
}

.sub-badge.inactive {
    background-color: var(--subscription-gray-text-color);
    color : var(--gray-border-color)
}

.sub-badge.user-paused {
    background-color: var(--gray-border-color);
    color : var(--Gray-10);
}

/* 상세 링크 스타일 */
.detail-link {
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}


.detail-data.detail-link {
    flex-direction: column;
    /* 세로로 쌓기 */
    align-items: flex-end;
    /* 우측 정렬 */
    pointer-events: none;
    /* 링크 기능 끄기 (단순 텍스트용) */
}

.detail-data .order-date {
    font-size: 16px;
    margin-bottom: 2px;
}

.detail-data .order-no {
    font-size: 16px;
    color: var(--subscription-gray-text-color);
}

/* 2. 상품 정보 커스텀 */
/* 가격 색상 강조 */
.subscription_orders__pay-amount.text-green {
    color: var(--point-color);
    font-weight: 700;
    font-size: 18px;
    margin-right:4px;
}

.orders__product-name .editor {
    font-weight: 500;
    font-size: 16px;
}

.subscription_orders__pay-amount-label {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 2px;
    color : var(--subscription-gray-text-color);
    font-weight: 700;

}

.subscription_orders__pay-amount.unit{
    line-height:1.4;
}

/* 주기 텍스트 (예: 30일) */
.sub-cycle-text {
    color: var(--subscription-gray-text-color);
    font-size: 13px;
    font-weight: 700;
    display: flex;         /* 막대와 텍스트를 flex로 정렬 */
    align-items: center;    /* 막대와 텍스트의 세로 중앙을 맞춤 */
    line-height:1.4;
}

.sub-cycle-text:before {
    content: "";            /* 가상 요소의 필수 속성 */

    display: inline-block;
    width: 2px;            /* 너비: 2px */
    height: 12px;          /* 높이: 12px */
    background-color: var(--main-age-bar-color); /* 색상: #D9D9D9 */

    /* [간격 조정] */
    margin-left: 10px;      /* 막대 왼쪽 간격 (가격과의 거리) */
    margin-right: 10px;     /* 막대 오른쪽 간격 (기간과의 거리) */
}

.subscription_orders__product-tag {
    margin-bottom: 14px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 12px;
}


/* 다음 배송 예정일 영역 */
.sub-next-date {
    font-size: 13px;
    font-weight: 700;
}

.sub-next-date .label {
    margin-right: 6px;
}


/* 3. 하단 버튼 영역 */
.subscription-actions {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}


.subscription-actions.more-btn {
    margin-top: 0;
}

.profile-subscription-view .sub-btn {
    flex: 1;
    /* 50:50 비율 */
    height: 48px;
    background-color: var(--whole-color);
    border: 1px solid var(--modal-dark-gray-color);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    border-radius: 12px;
}

/* 배송 건너뛰기 버튼 텍스트 색상 */
.sub-btn.text-green-btn {
    color: var(--point-color);
    border-color: var(--point-color);
}


.orders .orders__product-description {
    align-items: normal !important;
}

.more-btn {
    padding: 20px;
    margin-bottom: 20px;
}

.profile-subscription-view .subscription-card {
    background-color: var(--whole-color) !important;
}

.subscription_title {
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--gray-border-color);
}

.profile-subscription-view .orders__product img {
    width: 84px;
       height: 84px;
       border-radius: 4px;
       border: 1px solid var(--gray-border-color);

}

.profile-subscription-view .orders__product {
    height: 80px;
    /* GHC hyKim 2025-12-23: 높이수정*/
    margin-top: 12px;
    /* GHC hm 2026-03-24: 마진 수정*/
    margin-bottom: 28px;
}


.profile-subscription-view .info-row-div{
    margin-bottom: 40px;
}

/* ----------------------------------------------------
   2. 상세 정보 리스트 (라벨 : 값)
---------------------------------------------------- */
.profile-subscription-view .detail-info-list {
    margin-bottom: 30px;
    padding: 0 20px 20px 20px;
    font-size: 16px;
}

.profile-subscription-view .info-row {
    display: flex;
    margin-bottom: 8px;
    line-height: 1.5;
}

.profile-subscription-view .info-row .label {
    width: 120px;
    /* 라벨 고정 너비 */
    color: var(--subscription-gray-text-color);
    /* 회색 텍스트 */
    flex-shrink: 0;
    /* 줄어들지 않음 */
}

.profile-subscription-view .info-row .value {
    flex: 1;
}

.subscription-sub-btn {
    width: 100%;
    height: 52px;
    /* GHC  hyKim 2025-12-23 : 높이변경  */
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}

/* 중간 버튼 (구독해지, 배송일 변경) */
.detail-mid-actions {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.subscription-sub-btn.outline-btn {
    border: 1px solid var(--black-color);
}

/* 유의사항 보기 링크 */
.notice-link {
    padding-top: 12px;
    border-top: 1px solid var(--gray-border-color);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--subscription-gray-text-color);
    text-decoration: none;
    margin-bottom: 40px;
    /* 하단 버튼과의 간격 */
    width: 100%;
}

.notice-link svg {
    margin-left: 2px;
}

.detail-bottom-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 일시 중지 버튼 (흰색 배경, 초록 테두리) */
.subscription-sub-btn.bg-white {
    border: 1px solid var(--point-color);
    color: var(--point-color);
}

/* 배송 건너뛰기 버튼 (초록 배경, 흰색 글씨) */
.subscription-sub-btn.bg-green {
    background-color: var(--point-color);
    border: 1px solid var(--point-color);
    color: var(--whole-color);
}



/* 컨테이너: 전체 여백 및 정렬 */
.confirm-message-container {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    /* 필요에 따라 조절 */
    width: 100%;
}

/* 상단 영역: 텍스트와 아이콘을 가로로 배치 */
.message-top {
    display: flex;
    align-items: center;
    /* 수직 중앙 정렬 */
    margin-bottom: 16px;
    /* 설명글과의 간격 */
    justify-content: center;
    width: 100%;
    /* 가로 꽉 채우기 */
}

/* 텍스트 그룹 (서브타이틀 + 메인타이틀) */
.text-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    /* 타이틀 간 간격 */
    /* 변경사항 1: 내부 아이템(텍스트)들을 가로축 중앙 정렬 */
    align-items: center;
    /* 변경사항 2: 텍스트 자체도 중앙 정렬 */
    text-align: center;
}

.sub-title {
    font-size: 16px;
    font-weight: 400;
}

.sub-title-color {
    color: var(--point-color);
}

.main-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}


/* 하단 설명글 영역 */
.message-description {
    font-size: 13px;
    padding: 30px 10px 0 10px;
    /* 여백을 줘서 박스 형태로 만듦 (선택사항) */
    border-radius: 6px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    /* 텍스트 정렬 */
    text-align: left;
}


.modal__box--confirm .btn.btn--default  {
    white-space: nowrap !important;
}

.ico-notice {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
    margin: 0 15px 0 0 !important;
}

/* 유의사항 팝업
.subscription_notice_modal .title-modal__title {
    font-size: 24px;
    font-weight: 300;
} 공통팝업용 속성을 위해 삭제 */

/* 전체 컨테이너 */
.subscription_notice_modal .terms-container {
    font-size: 18px;
    line-height: 1.5;
}

/* 섹션 간 간격 */
.subscription_notice_modal .terms-section {
    margin-bottom: 24px;
   font-size: 18px;
}

/* 1. 2. 제목 스타일 */
.subscription_notice_modal .terms-title {
    margin-bottom: 8px;
}

/* 기본 리스트 (점) */
.subscription_notice_modal .terms-list {
    list-style-type: disc;
    /* 채워진 원형 불렛 */
    padding-left: 30px;
    /* 들여쓰기 */
    margin: 0;
    font-size:16px;
}

.subscription_notice_modal .terms-list>li {
    margin-bottom: 6px;
    /* 항목 간 간격 */
}

/* 하위 리스트 (결제 수단 및 실패 하위 항목 등) */
.subscription_notice_modal .sub-list {
    list-style-type: disc;
    /* 동일하게 점으로 표시 (원하면 circle로 변경 가능) */
    padding-left: 30px;
    /* 추가 들여쓰기 */
    margin-top: 4px;
}

.subscription_notice_modal .sub-list li {
    margin-bottom: 4px;
}


.subscription_selectbox {
    width: 360px;
    padding: 14px 20px;
    /* 상하 패딩을 넉넉하게 주어 박스 크기 확보 */
    border: 1px solid var(--gray-border-color);
    /* 이미지와 비슷한 연한 회색 테두리 */
    border-radius: 4px;
    /* 둥근 모서리 */
    font-size: 16px;
    outline: none;
    cursor: pointer;

    text-align: left;
    -webkit-appearance: none;
    appearance: none;

    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Arrow..png?92f1ddfda12378045cf3);
    background-repeat: no-repeat;
    background-position: right 16px center;
    /* 오른쪽에서 16px 떨어지고 수직 중앙 정렬 */
    background-size: 24px;
    /* 화살표 크기에 맞게 조절 */

}

.select-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.select-container label {
    font-size: 14px;
    font-weight: bold;
}

/*============================================================================*/
/*================================ 루틴 프로그램 ============================*/
/*============================================================================*/

.mid-banner-section {
    width: 100%;
    text-align: center;
    /* [핵심] 내부 요소 중앙 정렬 */
    padding: 100px 20px 40px;
    /* 위아래, 좌우 여백 */
    box-sizing: border-box;
}

/* 2. 텍스트 그룹 (배너와의 간격) */
.mid-text-group {
    margin-bottom: 30px;
    /* 배너 이미지와 텍스트 사이 간격 */
}

/* 3. 상단 작은 텍스트 (검정색) */
.sub-desc {
    font-size: 20px;
    font-weight: 700;
    /* 약간 굵게 */
    margin-bottom: 8px;
    /* 아래 텍스트와 간격 */
    line-height: 1.2;
}

/* 4. 하단 큰 텍스트 (민트색 포인트) */
.main-desc {
    font-size: 24px;
    font-weight: 700;
    /* 아주 굵게 */
    color: var(--point-color);
    /* 포인트 컬러 (민트색) */
    margin: 0;
    line-height: 1.4;
    word-break: keep-all;
    /* 단어 단위 줄바꿈 (모바일 가독성) */
}

/* 5. AdminBanner 스타일 보정 (필요시) */
/* 배너 컴포넌트가 이미지를 렌더링한다면 중앙 정렬 및 크기 조정 */
.main_middle_AI_banner {
    display: inline-block;
    /* text-align: center의 영향을 받도록 설정 */
    max-width: 100%;
    /* 화면보다 크면 줄어들도록 */
}

.main_middle_AI_banner img {
    display: block;
    width: 100%;
    height: auto;
}



/*======================================================*/
/*                      상세페이지 수정                   */
/*======================================================*/

.product-summary {
    padding: 20px;
}

.product-content__box {
    padding: 20px;
}

.product-summary__price-info {
    font-size: 2rem;
}

.product-summary__discounted-price {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.product-summary__price,
.product-summary__off-percent {
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -1px;
}

.product-summary__original-price {
    font-weight: 700;
}

/*** 리뷰 ***/

.product-review-summary__title {
    margin-bottom: 20px;
    font-weight: 700;
}

.main-view .thumb-item__info {
    font-size:18px !important;
}


.product-review-summary__score {
    display: flex;
    gap: 2px;
    margin-left: 20px;
}

.product-review-summary__score span {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 6px;
}

.product-review-summary__rating {
    margin-bottom: 56px;
}

.product-inquiry-summary__write-btn {
    margin: 20px 0 60px;
}

.product-board-list__empty-notes {
    padding: 12px 0 20px 0;
}

.product-content__zoom-wrap {
    width: 100%;
    max-width: 100%;
}

.product-content__editor-box {
    display: inline-block;
    text-align: center;
}

.product-detail .product-content-review {
    padding-top: 12px;
}

.product-detail .tabs {
    top: calc(4.71rem + env(safe-area-inset-top, 44px));
}

.review-form .board-product-item__image{
    width:100px;
    height:100px;
}


.review-form__text-area textarea {
    border-radius:12px;
}
/* hyKim 추가*/

.product-review-item__image ul{
    border-top:0;
}


.product-review-item__image li{
    border-radius: 4px;
        border: 1px solid var(--gray-border-color);
        overflow:hidden;
}

.product-review-item__image ul li img{
    background-size:cover;
}
.product-review-item__image-count{
    background: rgba(0, 0, 0, 0.40);
}
.tabs__item {
    font-size: 14px;
    padding-top: 2px;
    background-color: var(--sub-line-gray-color) !important;
    border-bottom: 2px solid var(--sub-line-gray-color);
}

.tabs__item.on {
    background-color: var(--point-color) !important;
}


/** 검색 셀렉트 **/
.product-board-list__search p {
  font-size: 16px;
      font-weight: 700;
      color: var(--Gray-00);
}

.product-board-list__sort-type {
    font-size: 16px;
    color: var(--blue-gray-color);
}

/**  바텀 오프너 **/
.product-detail.purchase {
    padding: 1.429rem;
}

/*  수정 hyKim */

.purchase__opener {
    top: -24px;
    height: 24px;
}

.purchase__option {
    max-height: 24rem;
    /*  padding-top: 20px; hyKim 삭제*/
    overflow-x: clip;
}

.purchase .select-box {
    border: 1px solid var(--gray-border-color);
    border-radius: 12px;
    margin-bottom:10px;
    height:48px;
    line-height:36px;
}

.purchase__naver-pay-btn {
    margin: 0;
}

/* 추가 hyKim */

.purchase__total .highlight {
    color: var(--point-color) !important;
    padding-right: 4px;
}

.purchase .quantity {
    padding: 32px 20px 20px 20px;
}

.purchase .quantity .quantity__label {
    font-size: 16px;
}

.purchase .quantity .selected-values {
    padding-top: 6px;
    font-size: 12px;
    color:var(--Gray-70);
}

.quantity__content em {
    font-size: 16px;
    font-weight: 400;
}

.quantity__content+.quantity__del {
    top: 12px;
}

.purchase__quantity-box {
    max-height: none;
    overflow: hidden;
}


/** 카테고리 화면 수정 **/
.thumb-GALLERY .thumb-item {
    margin-bottom: 28px;
}

.thumb-item__info {
    padding: 12px 0;
}

.thumb-GALLERY .product-thumb-price {
    font-weight: 700;
}


/** 장바구니 주문서 주문상세 **/
.product-thumb-item .thumb-item__media {
    width:84px;
    height:84px;
    border-radius: 4px;
    border:1px solid var(--gray-border-color);
}

.cart__empty {
    padding: 60px 0 40px 0;
}

.profile-subscription-view .orders {
    padding: 0;
}

.orders .subscription_title {
    padding: 20px;
}

.orders .subscription-card {
    padding: 0 20px;
}

.orders .endLine {
    margin: 0;
    width: 100%;
}

.quantity-changer__input {
    border: 0 !important;
}

.cart__order-btn {
    height: 3.57rem;
    /* 52에서 수정 hyKim */
    font-size: 1rem;
    /* 52에서 수정 hyKim */
    margin-top: 12px;
}

.order-sheet__item {
    margin-bottom: 24px;
}

.order-sheet__promotion-input .input-with-unit .text-field {
    border: 0;
}

.order-sheet__promotion-input .input-with-unit {
    border-radius: 12px;
}

.order-sheet .btn {
    border-radius: 12px;
    /* hyKim 4px에서 수정 */
}

.product-thumb-item__name {
    font-size: 16px;
}

.product-thumb-item__amount li+li {
    color: var(--gray-font-color);
}

.price-tag__details dt,
.price-tag__details dd {
    color: var(--subscription-gray-text-color);
}

.order-sheet__pay-btn {
    font-size: 16px;
}

.price-tag {
    margin-bottom: 8px;
    padding: 12px 0;
    border: 0;
    letter-spacing: -0.6px;
}

.price-tag__final-amount dd em {
    font-size: 28px;
    letter-spacing: -0.6px;
}


/** 로그인 화면**/

.normal-sign-in button,
.guest-order button,
.open-id-sign-in__item button,
.sign-up-menu__link-normal a,
.sign-up-form__confirm button {
    border-radius: 12px;
    /* 수정 hyKim */
    height: 3.57rem;
    /* 수정 hyKim */
    font-size: 1rem;
    /* 수정 hyKim */
}

.guest-order {
    margin-top: 60px;
}

.guest-order__title {
    margin-bottom: 20px;
}

.sign-up-menu__link-normal a {
    color: var(--point-color);
}

/** 비밀번호 찾기 **/
.find-password-form__btn-wrap {
    border-radius: 4px;
}



/** 셀렉트박스 **/
.custom-review-container .select-box {
    border: 1px solid var(--gray-border-color);
    border-radius: 4px;
}

.custom-review-container .select-box::after {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Arrow..png?92f1ddfda12378045cf3);
    background-position: 50% 50%;
    width: 16px;
    height: 10px;
}


/** 인풋박스 커스텀 **/
.text-field,
.text-field input {
    border-radius: 12px;
}

.order-sheet .text-field,
.order-sheet .text-field input,
.order-sheet select {
    border-radius: 4px;
}

.normal-sign-in__input-wrap {
    height: 3.57rem;
    line-height: 3.57rem;
}

.guest-order__input-wrap {
    height: 3.57rem;
    line-height: 3.57rem;
}


/*상품후기 작성*/

/* .product-inquiry-form__title input{} */
.product-inquiry-form__type {
    height: 3.57rem;
    line-height: 3.57rem;
    padding-top: 0;
    border-radius: 12px
}

.product-inquiry-form__type.select-box {
    height: 3.57rem;
    line-height: 3.57rem;

}

.product-inquiry-form__type.select-box select {
    padding: 0 0 0 10px !important;
    ;
}

.product-inquiry-form__text {
    border-radius: 12px
}

.product-inquiry-form__text.text-area {
    padding: 1rem
}

/* .product-content__more-btn button{} */
.product-inquiry-form .board-product-item__image{
    width:100px;
    height:100px;
        border-radius: 4px;
        border: 1px solid var(--gray-border-color);
    overflow:hidden;
}

/*배송지 관리**/
.shipping-address-form__buttons button {
    border-radius:12px;
    height:3.57rem;
    font-size:1rem;
}


/*셀렉트박스 커스텀용*/
.select-box::after{
    width:18px;
    height:18px;
    background-position:50% 50%;
   background-image:url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-arr-select..svg?6a9840a3f5b58902b688);
   background-size:100%;
}


/*클레임 내역*/
.start-ymd-selector {
    border-radius:12px;
}
.claims__no-items{
    margin-bottom:40px;
}
.claims__tabs .tabs__item+.tabs__item::before{
    display:none;
}

.claim__reason .claim__select-box{
    border-radius:12px;
    height:40px;
}
.claim__reason-detail{
    border-radius:12px;
}
.claim__radio, .claim .select-box{
    border-radius:12px;
}
.claim__radio--checked{
    border:1px solid var(--point-color)
}
.claim__amount-info-label{
    margin-top:30px;
}
@charset "utf-8";
/* 회원가입 : 약관 리스트 보기 버튼 수정 */
.sign-up-form__agree-list .btn.btn--default {
    background-color: var(--whole-color);
    color: var(--gray-font-color);
}

/* 회원가입 : 회원가입 완료 아이콘 */
.sign-up-confirm .sign-up-confirm__icon-check{
    text-align: center;
    vertical-align: middle;
}

/* 아이디 찾기 탭 수정 */
.find-id .tabs__item.on{
    background-color: var(--point-color);
    border-top: none;
}
.find-id .tabs__item.on button{
    color: var(--whole-color);
}
.find-id .tabs__item button{
    color: #999999;
}
.find-id-form .btn.btn--default{
    background-color: var(--whole-color);
    color: var(--point-color);
}
.find-password__tit{
    font-weight: 700;
}

.find-id-form__btn-wrap button{
    height: 52px;
    font-size: 16px;
}/* GHC  hyKim 2025-12-23 : 스타일추가  */

/* 비밀번호 찾기 탭 수정 */
.find-password .tabs__item.on{
    background-color: var(--point-color);
    border-top: none;
}
.find-password .tabs__item.on button{
    color: var(--whole-color);
}
.find-password .tabs__item button{
    color: #999999;
}
.find-password__tit{
    font-weight: 700;
}
.find-password-form a{
    width: calc(50% - 10px);
    background-color: var(--whole-color);
    color: var(--point-color);
    font-weight: 700;
    border: 1px solid var(--point-color);
    border-radius: 4px;/* GHC  hyKim 2025-12-23 : 추가  */
}
.find-password-form .btn.btn--default{
    width: calc(50% - 10px);
    background-color: var(--whole-color);
    color: var(--black-color);
    border: 1px solid var(--black-color);
    border-radius: 4px;/* GHC  hyKim 2025-12-23 : 추가  */
}
.find-password-form__btn-wrap a,
.find-password-form__btn-wrap button{
    height: 52px;
}

/* 공지사항 풀팝업 */
.notice-detail__title-box, .notice-detail__content.editor{
    padding: 20px 20px;
    line-height:1.2
}
.full-modal .notice-detail__title-box {
    width: 100%;
}
.notice-detail__title-box, .notice-detail__content.editor li{
    display: inline-block;
}
.notice-detail__title span{
    font-weight: 700;
}
.full-modal .title-modal__content .notice-GoToList-wrap{
    padding: 20px;
}
.full-modal .title-modal__content .go-to-list.btn{
    background-color: var(--whole-color);
    color: var(--black-color);
    border: solid 1px var(--black-color);
}

/* 고객센터 > FAQ 리스트 간격*/
.customer-center__faq{
    padding: 0;
}
.faq-list__content{
    padding: 21px 46px 21px 20px;
}

/* 고객센터 > FAQ 리스트 아이콘 */
.faq-list__question{
    font-size: 1rem;/* hyKiim 수정 asis 18px*/
    font-weight: 400; /* hyKiim 수정 asis 700*/
    line-height: 140%; /* hyKiim 추가 */
}
.faq-list__content .editor{
    font-size: 1rem;
    line-height: 140%;
 }


.faq-list__question .ico--q{
    background-position: initial;
    background-size: contain;
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-q..png?c76a22006189eda18e79);
}
.faq-list .arrow{
    right: 20px;
}
.faq-list__answer .ico--a{
    background-position: initial;
    background-size: contain;
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-a..png?210dbee79620ce6b869f);
}

/* 고객센터>FAQ 전체보기 간격수정 */
.customer-center-GoToList-wrap{
    padding: 20px 20px 0 20px;
}
.customer-center-GoToList-wrap .go-to-list.btn{
    background-color: var(--whole-color);
    color: var(--black-color);
    border: solid 1px var(--black-color);
}

/* 고객센터>FAQ 하단 고객센터 아이콘 수정 */
.customer-center__information{
    align-items: center;
    height: 300px;
    padding: 50px 32px;
}
.customer-center__information .customer-center__information-icon{
    width: 127px;
    height: 114px;
    margin-bottom: 16px;
}
.customer-center__information .customer-center__email{
    font-weight: 700;
}

/* 고객센터 > FAQ 목록 */
.faq__search{
    background-color: var(--whole-color);
    padding: 18px 20px;
}
.faq__search .text-field{
    border: solid 1px #E6E6E6;
    margin-right: 16px;
}
.faq__search .text-field input{
    font-size: 16px;
    line-height: 48px;
}
.faq__search .btn{
    width: 139px;
    background-color: var(--point-color);
    font-weight: 700;
    font-size: 16px;
}

/* 1:1문의 */
.product-board-list__empty-notes{
    color: #000000;
    font-weight: 400;
    font-size: 20px;
}
.btn.btn--default.personal-inquiry__registration-button{
    background-color: var(--whole-color);
    color: var(--black-color);
    border: solid 1px var(--light-gray-border-color); /* 수정 hyKim */
}
.personal-inquiry .inquiry-item .badge{         /* 답변완료 */
    border: none;
    padding-inline: initial;
    font-size: 16px;
}
.personal-inquiry .badge.badge--line-point{     /* 답변대기 */
    border: none;
    padding-inline: initial;
    font-size: 16px;
}
.personal-inquiry .inquiry-item__inquiry-type{
    padding: 4px 0;
}
.personal-inquiry .inquiry-item__top-writer, .personal-inquiry .inquiry-item__top-writer .inquiry-item__date{
    font-size: 16px;
    font-weight: 400;
}

.inquiry-item__top{
    font-size: 14px;
    color:var(--Gray-50);
}

.personal-inquiry .inquiry-item__bottom{
    gap: 19px;
}
.personal-inquiry .inquiry-item__bottom .inquiry-item__inquiry-info{
    font-size: 16px;
}
.personal-inquiry .inquiry-item__reply .reply-icon--question{
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: var(--point-color);
}
.personal-inquiry .inquiry-item__reply .reply-icon--answer{
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #FEB4A1;
}
.btn.personal-inquiry-detail__list-btn{
    border: solid 1px #000000;
    height: 52px;
    font-weight: 700;
    font-size: 18px;
}
.personal-inquiry-detail__btn-group.inquiry-actions .btn{
    border: solid 1px #000000;
}
/* 1:1문의 등록 */
.personal-inquiry-form .board-form__type-selector{
    line-height: 34px;
    height: initial;
    padding: initial;
    color: var(--black-color);
    font-weight: 400;
    font-size: 16px;
}
.personal-inquiry-form .board-form__title input{
    height: 48px;
    color: var(--black-color);
    font-size: 16px;
}
.personal-inquiry-form .board-form__text{
    font-size: 16px;
}
.personal-inquiry-form .btn.btn--default.board-form__upload-btn{
    background-color: var(--whole-color);
    color: var(--black-color);
    border: solid 1px var(--black-color);
    height: 52px;
}
.personal-inquiry-form .board-form__notice-text{
    font-size: 16px;
    font-weight: 700;
}
.personal-inquiry-form .board-form__buttons{
    gap: 20px;
}
.personal-inquiry-form .board-form__buttons button{
    height: 52px;
    font-size: 16px;
    font-weight: 700;
}


/* 메인 > 팝업 공지 */
.design-popup .design-popup__btns .btn--default{
    background-color: var(--whole-color);
    color: #333333;
    border: solid 1px var(--gray-border-color);
}
.design-popup__btn--close{
    background-color: var(--point-color) !important;
    color: var(--whole-color) !important;
    border: solid 1px var(--point-color) !important;
}
.default-color {
    color: var(--point-color);
}
.text-field {
    border-radius: 12px; /*hyKim 수정*/
    border: 1px solid var(--light-gray-border-color);
}
.text-field.input-with-unit__input, .text-field.quantity-changer__input{
    border: none;
}

/*주문*/
.order-sheet .btn {
    border-color: var(--point-color);
    background: var(--point-color);
    color: var(--whole-color);
}

.order-sheet .l-page.order-sheet__terms .btn {
    background:  var(--whole-color);
    color: var(--gray-color);
    font-weight: 500;
}

.my-orders {
    background: #F4F4F4;
    padding: 16px 20px;

}
.my-orders > a {
    background: var(--point-color);
    color:  var(--whole-color);
    padding: 20px 8px;
    font-weight: 500;
    font-size: 1em;
    white-space: nowrap;
}
.my-orders > a:first-child {
  border-top-left-radius: 1.2rem;
  border-bottom-left-radius: 1.2rem;
}

.my-orders > a:last-child {
  border-top-right-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}


.my-info__summary {
    align-items: flex-start;
    position: relative;
}
.my-info__greeting .my-info_img_wrap {
    display: block;
    text-align: center;
}

/*주문 주소 라디오 버튼*/
.address_order{
    margin-bottom: 20px;
    padding-top: 32px; /* GHC  hyKim 2025-12-23 :  추가 */
    border-top: 1px dotted var(--gray-color);/* GHC  hyKim 2025-12-23 : 추가 */
}

.address_order .radio-group {
    display: flex;
    gap:20px;
    align-items: center;
}

/* 개별 라디오 버튼 라벨 (클릭 영역) */
.address_order .radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

/* 실제 input은 숨김 (기능은 유지) */
.address_order .radio-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* 커스텀 라디오 원형 디자인 */
.address_order .custom-radio {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ddd; /* 미선택 시 회색 테두리 */
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease;
    background-color:  var(--whole-color);
}

/* 선택되었을 때 스타일 */
.address_order .radio-input:checked + .custom-radio {
    background-color: #3EB489; /* 선택된 색상 (민트/틸) */
    border-color: #3EB489;
}

/* 선택되었을 때 내부 흰색 점 */
.address_order .custom-radio::after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: white;
    border-radius: 50%;
    display: none; /* 기본 숨김 */
}

.address_order .radio-input:checked + .custom-radio::after {
    display: block; /* 선택되면 보임 */
}

/* 텍스트 스타일 */
.address_order .radio-text {
    font-size: 14px;
    color: #333;
    font-weight: 600; /* 텍스트 약간 굵게 */
}

/* 선택되지 않은 텍스트 색상 조정 (선택사항) */
.address_order .radio-input:not(:checked) ~ .radio-text {
    color: #666;
    font-weight: 500;
}

/*선물 하기*/
/* 전체 컨테이너 */
.order_radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 30px 0;
}

/* 라벨 (클릭 가능한 영역) */
.order_radio-group .radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* 실제 라디오 버튼 숨김 */
.order_radio-group .radio-input {
    display: none;
}

/* 커스텀 라디오 디자인 (원형) - 기본 상태 */
.order_radio-group .radio-custom {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #d1d1d1; /* 선택 안 됐을 때: 얇은 회색 */
    margin-right: 10px;
    box-sizing: border-box;
    transition: border 0.2s ease-in-out;
}

/* 선택된 상태일 때 스타일 변경 (핵심) */
/* input이 checked 상태면, 바로 뒤에 오는(+) radio-custom의 스타일을 변경 */
.order_radio-group .radio-input:checked + .radio-custom {
    border: 6px solid var(--order-button-color); /* 선택 됐을 때: 굵은 초록색 */
}

/* 텍스트 스타일 */
.order_radio-group .radio-text {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.orders .orders__order-summary{
    background-color: #F4F4F4;
    padding: 20px;
}
.orders .orders__product {
    border: none;
    padding: 0;
}
.orders .orders__product-description {
    justify-content: center;
    align-items: center;
    width: auto;
}
.orders .orders__order-no {
    color: #000;
}
.orders .orders__product-name {
    font-size: 1.2rem;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.orders .orders__product-tag {
    margin-top: 6px;
}
.orders .orders__pay-amount-label {
    color: #000;
    font-size: 1.1rem;
}
.orders  .orders__pay-amount-label .orders__pay-amount {
    font-size: 1.4rem;
    color: #000;
}


/*주문/배송 상세*/
.order-no-label {
    background-color: var(--point-color);
}
.order-detail__product {
    background-color: #F4F4F4;
}
.order-detail__product-top-label{
    background-color: transparent;
    padding : 20px 20px 0 20px;
    flex-direction: column;
    align-items:start;
    gap:0;
}
.order-detail__status-label {
    color:var(--black-color);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom:10px;
}
.product-thumb-item .thumb-item__info {
    padding: 20px;
}

.orders__order-summary .orders__product img {
     width: 84px;
        height: 84px;
        border-radius: 4px;
        border: 1px solid var(--gray-border-color);
}

.order-detail__delivery-info {
font-size:15px;
    color:var(--blue-gray-color);
}
.order-detail__delivery-info .btn{
    height:40px !important;
    width:80px !important;
}
.order-detail__product .product-thumb-item .thumb-item__info{
    padding:0;
}
.order-detail__product .product-thumb-item__name{
    font-size:16px;
    font-weight:500;
}

.orders__order-summary+.orders__order-summary{
    margin-top:20px;
}

.order-sheet .accordion__title {
    border-bottom: 1px solid var(--gray-border-color);
}


/*------------------------------------------------------------*/

/*공지사항*/
.notice .notice__title{
    background-color: var(--point-color);
}
.notice .notice__title > p {
    color: #fff;
    font-weight: 300;
}
.notice__category-label {
    color: var(--point-color);
}



/*------------------------------------------------------------*/

/*상품*/
.purchase__button-wrap > button:first-child {
    border: 1px solid #CCCCCC;
}

.thumb-GALLERY .thumb-item__media{
     border-radius: 4px;
     border: 1px solid var(--gray-border-color);
}
.thumb-GALLERY .product-thumb-price {
    color: var(--point-color);
    vertical-align: baseline;
}

.product-thumb-price-info>span {
    display:flex;
    align-items:baseline;
}

.profile-product-review__tabs button{
    font-size:1rem
} /* hyKim 추가 */

.profile-product-review .profile-product-review__tabs  {
    background-color: var(--whole-color);
    height:auto; /* hyKim 추가 */
}
.profile-product-review .tabs__item.tabs__item--reviewed:last-child:before {
    display: none;
}
.purchase__like-btn.btn.btn--default {
    background-color: #E6E6E6;
}
.purchase__like-btn.btn.btn--default.is-active {
    background-color: transparent;
    border: 1px solid var(--point-color);
}
/*------------------------------------------------------------*/

/* 선물받기 화면 */
.app-container .section {
    padding: 24px 20px;
    border-bottom: 8px solid #f8f8f8;
}

.app-container .section:last-of-type {
    border-bottom: none;
}

.app-container .section-title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-container  .required {
    color: #ff4d4f;
    margin-left: 2px;
}

/* Button Styles */
.app-container  .btn-outline {
    border: 1px solid #ddd;
    background: white;
    padding: 6px 12px;
    font-size: 12px;
    color: #666;
    border-radius: 4px;
    cursor: pointer;
}

.app-container  .btn-primary {
    background-color: var(--point-color); /* 이미지의 짙은 녹색 */
    color: white;
    border: none;
    padding: 0 20px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
}

.app-container  .btn-full {
    width: 100%;
    height: 56px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Section 1: Gift Info */
.app-container  .gift-card {
    display: flex;
    gap: 16px;
}

.app-container  .product-image {
    width: 80px;
    height: 80px;
    background-color: #e9e9e9;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Placeholder for actual image */
.app-container  .img-placeholder {
    font-size: 24px;
    color: #aaa;
}

.app-container  .product-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.app-container  .product-name {
    font-size: 15px;
    color: #333;
    margin-bottom: 6px;
}

.app-container  .product-price {
    font-size: 16px;
    font-weight: 700;
    color: var(--point-color);
}

.app-container  .product-duration {
    font-size: 12px;
    color: #888;
    margin-left: 8px;
    font-weight: normal;
}

/* Section 2: Sender Info */
.app-container  .info-row {
    display: flex;
    margin-bottom: 15px;
    font-size: 14px;
}

.app-container  .info-label {
    width: 100px;
    color: #000;
}

.app-container  .info-value {
    color: #111;
    font-weight: 500;
}

/* Section 3: Receiver Form */
.app-container  .form-group {
    margin-bottom: 20px;
}

.app-container  .form-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.app-container  .input-text {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    outline: none;
}

.app-container  .input-text::placeholder {
    color: #ccc;
}

.app-container  .input-text:focus {
    border-color: var(--point-color);
}

/* Address Search Layout */
.app-container  .address-search-box {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.app-container  .zip-code {
    width: 120px; /* 고정 너비 */
}

.app-container  .btn-search {
    width : 100px;
    height : 48px;
    text-align : center;
    background-color: var(--point-color);
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.app-container  .address-inputs input {
    margin-bottom: 8px;
}

/* Dropdown */
.app-container  .dropdown-container {
    position: relative;
}

.app-container  .dropdown-trigger {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 15px;
    color: #333;
}

.app-container  .dropdown-trigger.placeholder {
    color: #333;
}

.app-container  .dropdown-menu {
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    max-height: 200px;
    overflow-y: auto;
}

.app-container  .dropdown-item {
    padding: 14px 16px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
}

.app-container  .dropdown-item:last-child {
    border-bottom: none;
}

.app-container  .dropdown-item:hover {
    background-color: #f9f9f9;
}

/* Fixed Bottom Button */
.app-container .bottom-fixed-area {
    width: 100%;
    padding: 20px;
    background: white;
    display : flex;
    align-items : center;
}
.app-container .phone-number-input > span {
    width: 100%;
    height: 100%;
}
.app-container .phone-number-input select,
.app-container .phone-number-input input {
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    box-sizing: border-box;
}
.app-container .section > .select-box select {
    padding: 10px 40px 10px 10px;
}
.app-container .text-field.order-sheet__custom-memo {
    height: 40px;
}
.app-container input {
    height: 40px;
}
/*------------------------------------------------------------*/

/* ===== 공통 My Page 영역 ===== */
.my-page_backColor {
    background:var(--sub-line-gray-color);
}

.my-link+.my-link {
    border-top:1px solid var(--light-border-color);
}

/* 인사 영역 */
.my-info__greeting > span > p {
    color:#222;
    font-size: 1.24rem;
    font-weight:600
}

.my-info__summary {
    align-items: flex-start;
}

.my-info__greeting .my-info_img_wrap {
    display: block;
    text-align: center;
}

/* 멤버 혜택 박스 */
.my-info__member-benefit {
    background-color: var(--whole-color) !important;
    color: #000;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
}
.my-info__member-benefit > span {
    color: #000;
}
.my-info__member-benefit-icon {
    display: none;
}
.my-info__greeting {
    width: 100%;
}
.my-info-span {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.my-membership__btn, .btn.my-membership__btn{
    border: 1px solid  var(--light-gray-border-color);
    color: #000;
    background-color: #fff;
}



.category-nav-sign-in > p {
    color: #fff;
}
.category-nav-sign-in__close .close-btn{
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Delete..png?d15b60d6e7c564d1cc22) no-repeat center;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
}

/* ===== 적립금 영역 ===== */
.my-page-accumulation__list > .my-page-accumulation__item {
    border: none;
    background-color: #F4F4F4;
}

.my-page-accumulation__reason-detail {
    text-align: left;
    margin: 15px 0;
    font-weight: 700;
}

.my-page-accumulation__accumulation-point {
    font-weight: 700;
}

.my-page-accumulation__accumulation-point.plus {
    color: var(--point-color);
}

.my-page-accumulation__amount > span {
    font-weight: 800;
}

/* ===== 쿠폰 영역 ===== */
.my-page-coupon__list {
    margin: 20px 0;
}

.tabs.my-page-coupon__tabs {
    background-color: var(--point-color);
    height: auto;
}

.tabs__item {
    background-color: #E6E6E6;
    color: #999;
}

.tabs__item.on {
    background-color: var(--point-color);
    color: #fff;
}

.my-page-coupon__tabs li:not(:first-child):before {
    display: none;
}

.my-page-coupon__registration-button {
    background-color: #fff;
    border: 1px solid var(--point-color);
    color: var(--point-color);
    font-weight: 800;
}

/* '사용 불가 쿠폰' 탭 활성화 시 제목 가운데 정렬 */
.my-page-coupon:has(.tabs__item--unissuable.on) .my-page-coupon__list-title {
    margin: auto;
}

.my-page-coupon__wrap .empty-list {
    margin-top: 30px;
}

.my-page-coupon__list-title {
    margin: 30px 0;
    text-align: left;
    font-size: 1.3rem;
    line-height: 60px;
    position: relative;
}

.my-page-coupon__list-title::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #d9d9d9;
    width: 100%;
    height: 1px;
}

/* 쿠폰 박스 */
.my-page-coupon__list-item--issuable .my-page-coupon__box{
    border-radius: 1rem;
}

.my-page-coupon__box,
.my-page-coupon__box--left,
.my-page-coupon__box--right::before,
.my-page-coupon__box--right::after {
    border-color: var(--point-color);
}

.my-page-coupon__box--right {
    border-color: var(--point-color);
    background-color: var(--point-color);
}

/* count */
.my-page__count {
    font-size: inherit;
}




/* ===== 좋아요 ===== */
.thumb-LIST.profile-like__list-item{
    background-color: #F4F4F4;
    border: none;
}
.thumb-LIST .thumb-item.product-thumb-item {
    background-color: initial;
    padding-bottom:20px;
}
.thumb-LIST .product-thumb-item__amount-wrap {
    margin-top: 5px;
}
.thumb-LIST .profile-like__amount-item {
    align-items: flex-start;
}
.thumb-LIST .thumb-item__info, .profile-like__amount-item >span {

    font-size: 16px;;
}

.profile-like__amount-item >span {
    font-weight: 800;
}
.thumb-LIST .profile-like__original-price {
    font-size: 0.75rem;
}
.thumb-LIST .profile-like__amount-persent {
    color: var(--point-color);
    font-weight: 800;
    margin-right: 4px;
}
.thumb-LIST .btn {
    background-color: #fff;
    border: 1px solid var(--point-color);
    color: var(--point-color);
    font-weight: 700;
    font-size: 0.9rem;
    border-radius: 12px;
    height: 48px;
}
.thumb-LIST .btn.profile-like__delete-button{
    color: #000;
    border: 1px solid #000;
}

.profile-like__list-item .product-thumb-item{
padding:0;
}

.profile-like__list-item .product-thumb-item__name{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
}

.profile-like__list-item .thumb-item__info{
    padding:0 0 0 8px;
}

.profile-like__buttons{
    margin-top:0;
    height:auto;
}

/*배송지 관리*/
.profile-shipping-address__list-item {
    border: none;
    background-color: #F4F4F4;
}
.profile-shipping-address__buttons--sm > button {
    padding: 8px 30px;
}
.profile-shipping-address__default-address {
    color: var(--point-color);
}

/*회원정보 수정*/
password-authentication__info-text{
line-height:1.4
}
.password-authentication-form__input-wrap {
    margin-top: 12px;
}/* GHC  hyKim 2025-12-23 : 간격추가 */
.password-authentication__button-wrap{
    gap:1rem;
}/* GHC  hyKim 2026-02-26 : 추가 */

.password-authentication-form .btn.btn--default {
    height: 52px; /* GHC  hyKim 2025-12-23 : 높이 추가 */
    width:100%;
    background-color: var(--gray-color);
    font-size: 16px; /* GHC  hyKim 2025-12-23 : 폰트사이즈 추가 */
}

.password-authentication-form .btn.btn--default.verification {
    border: none;
    background-color: var(--point-color);
}

.member-modification-form {
    padding: 12px 20px 35px;
}
.member-modification .member-modification-form__checkbox--check-single > button {
    background: #fff;
    color: var(--gray-color);
    font-weight: 500;
}

.member-modification-form__item{
    margin-top: 24px
}/* GHC  hyKim 2025-12-23 : 마진 추가 */

.member-modification-form__button-wrap button,
.member-modification-form__btn--certificate{
    height: 52px;
    border-radius: 4px;
    font-size: 16px;
}/* GHC  hyKim 2025-12-23 : 버튼 스타일추가 */

.member-modification-form__btn--certificate{
    background-color: var(--whole-color) !important;
    border: 1px solid var(--point-color);
    color: var(--point-color) !important;
    margin-top: 0;
    margin-bottom: 16px;
}/* GHC  hyKim 2025-12-23 : 비밀 번호 변경버튼 스타일추가 */


/* 상품후기 별*/
.rating-star::before, .rating-star__progress {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/rating-sprite..svg?0112379a16f8c8cab846);
}
.rating-star{

} /*


/*상품 상세*/
.product-detail .product-summary__coupon-download-btn{
    background-color: var(--notice-color);
    font-weight: 700;
    color: var(--order-button-color);
}
.product-board-list__empty.review {
    border: none;
}

.product-summary + .product-content{
    margin-top:0;
}
.product-summary dd{
    color:var(--Gray-50);
}

/*상품 문의*/
.board-product-item__product-name {
    color: #000;
    font-size: 1.1rem;
}
.board-form__note-title {
    padding-bottom:0;
}
.product-notice .inquiry-item__angle-top-down {
    background-color: transparent;
}
.product-notice .board-form__buttons--small button {
    background-color: transparent;
    color: #000;
    font-weight: 300;
    border: 1px solid #000;
    width: 18%;
    padding: 0 28px;
    min-width: 80px;
    border-radius: 4px;
    height: 28px;
    font-size: 12px;

}
.product-notice .board-form__buttons--small button:last-child {
    border: 1px solid var(--point-color);
    color: var(--point-color);
}

.inquiry-item+.inquiry-item{
    border-top:1px solid var(--Gray-90);
}

.inquiry-item__status-label {
    padding:8px 12px;
    font-size:13px;
}
.product-notice .inquiry-item__status-label--ready{
    border-radius: 20px;
    background-color: var(--point-color);
    border: none;
    color: #fff;
    font-weight: 500;
}
.product-notice .inquiry-item__status-label.inquiry-item__status-label--answered{
    border-radius: 20px;
    background-color: #B3B3B3;
    border: none;
    color: #fff;
}

.inquiry-item.is-active .inquiry-item__title {
    padding-top:6px;
    font-size:13px;
    line-height:1.2;
}

.product-notice .ico.ico--q{
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-q..png?c76a22006189eda18e79) no-repeat center;
    background-size: contain;
    border-radius: 20px;
    margin-top: 0;
    margin-right : 10px;
    width: 24px;
    height: 24px;
}
.product-notice .inquiry-item__qna-text.editor {
    display: flex;
    align-items: center;
}
.product-notice .inquiry-item__text--question .ico{
    display: inline-block;
}
.product-notice .inquiry-item__text--question {
    display: flex;
}

.product-notice .inquiry-item__text--answer .ico{
    margin-top: 0;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-a..png?210dbee79620ce6b869f) no-repeat center;
    background-size: contain; /* 원본 크기 유지 */
    border-radius: 20px;
    width: 24px;
    height: 24px;
}
.btn.btn--default.profile-shipping-address__registration-button, .profile-shipping-address__buttons--sm > button{
    background-color: #fff !important;
    border: 1px solid #000;
    color: #000 !important;
}
.claims .tabs.claims__tabs{
    background-color: transparent;
}

/*30일 리뷰*/
.custom-review-container {
    padding: 20px;
    background-color: #fff;
    max-width: 768px; /* 모바일~태블릿 뷰 대응 */
    margin: 0 auto;
    font-family: -apple-system, "Helvetica Neue", sans-serif;
}
.product-content .custom-review-container{
    padding: 0;
}

/* --- 1. 헤더 영역 --- */
.review-header {
    text-align: center;
    margin-bottom: 50px;
}

.page-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

.score-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

/* 녹색 말풍선 뱃지 */
.green-badge {
    background-color: #2db488;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

/* 말풍선 꼬리 */
.green-badge::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 5px 0; /* 역삼각형 */
    border-style: solid;
    border-color: #2db488 transparent transparent transparent;
    backface-visibility: hidden;
}

.big-score-area {
    display: flex;
    align-items: center;
    gap: 8px;
}

.big-score-text {
    font-size: 20px;
    color: #999;
}

.big-score-text strong {
    color: #333;
    font-weight: 700;
}

/* 별점 공통 */
.star-rating .star {
    font-size: 18px;
    color: #ddd; /* 회색 별 */
    margin-right: 1px;
}
.star-rating .star.on {
    color: #ffc43a; /* 노란색 채워진 별 */
}


/* --- 2. 리스트 컨트롤러 --- */
.list-controller {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.total-count {
    font-size: 16px;
    font-weight: 700;
    color: var(--Gray-00);
}

.highlight-green {
    color: #2db488;
}
.sort-select-wrap {
    width: 23%;
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
.sort-select {
    width: 100%;
    border: none;
    font-size: 1rem;
    color: #666;
    background: transparent;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0 10px 0 0;
}
.sort-select-wrap::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: cover;
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Arrow..png?92f1ddfda12378045cf3);
}



/* --- 3. 리뷰 아이템 (카드) --- */
.review-card {
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

/* 메타 정보 (별점, 나이, 날짜) */
.review-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.meta-left {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #666;
}

.meta-left .star-rating {
    margin-right: 6px;
}
.meta-left .star-rating .star {
    font-size: 14px; /* 리스트 내 별은 좀 더 작게 */
}

.meta-score {
    font-weight: 700;
    color: #333;
    margin-right: 5px;
    margin-left: 10px;
    font-size: 1rem;
}
.meta-demographic {
    font-size: 1rem;
}
.divider {
    color: #e5e5e5;
    margin: 0 6px;
    font-size: 10px;
}

.meta-date {
    font-size: 13px;
    color: #999;
}

/* 컨텐츠 (이미지 + 텍스트) */
.review-content-row {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    -webkit-tap-highlight-color: transparent; /*터치시 하이라이트컬러 삭제*/
}

.review-thumbnail-area {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--gray-border-color);
}

.review-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.review-img-count {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    background: rgba(63,68,76,.8);
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
}

.img-count-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 11px;
    padding: 3px 6px;
    border-top-left-radius: 4px;
}

.review-text-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 50%;
}

.review-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    /* 한 줄 말줄임 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-desc {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    /* 두 줄 말줄임 */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.review-arrow-area {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 18px;
}

/* 버튼 영역 */
.review-action-row {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 12px;
}

.btn-action {
    background: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    padding: 5px 14px;
    cursor: pointer;
    border-radius: 0; /* 각진 버튼 */
}

.no-data {
    text-align: center;
    padding: 50px 0;
    color: #999;
}

/* ... 기존 CSS 유지 ... */

/* --- 4. 무한 스크롤 로딩 영역 --- */
.loading-area {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

/* 로딩 스피너 애니메이션 */
.spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--point-color); /* 녹색 포인트 */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.end-message {
    text-align: center;
    color: #999;
    font-size: 13px;
    padding: 20px 0;
}
/*30일리뷰 전체팝업*/

/* 전체 화면 덮는 어두운 배경 */
.review-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999; /* 최상위 */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 팝업 컨테이너 (흰색 박스) */
.review-modal-overlay .review-modal-container {
    width: 90%;
    max-width: 500px; /* 모바일 대응 최대 너비 */
    height: 80%; /* 화면 높이의 90% */
    background-color: #fff;
    border-radius: 8px; /* 둥근 모서리 */
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 헤더 (타이틀 + 닫기 버튼) */
.review-modal-container .modal-header {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0; /* 높이 고정 */
}

.review-modal-container .modal-header h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #333;
}

.review-modal-container .btn-close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    padding: 0;
}

/* 스크롤 가능한 본문 영역 */
.review-modal-container .modal-scroll-area {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* 리뷰 요약 (타이틀, 별점, 날짜) */
.review-modal-container .modal-summary {
    text-align: center;
    margin-bottom: 40px;
}

.review-modal-container .modal-review-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
    word-break: keep-all;
}

.review-modal-container .modal-rating-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* 팝업 내부 별점 크기 조정 (필요시) */
.review-modal-container .modal-rating-row .rating-star-wrap {
    transform: scale(1.1);
}

.review-modal-container .modal-score-text {
    font-size: 16px;
    color: #888;
}
.review-modal-container .modal-score-text strong {
    color: #333;
}

.review-modal-container .modal-meta-info {
    font-size: 13px;
    color: #999;
}

/* 본문 텍스트 */
.review-modal-container .modal-content-text {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 25px;
    white-space: pre-wrap; /* 줄바꿈 유지 */
}

/* 이미지 리스트 */
.review-modal-container .modal-image-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.review-modal-container .modal-image-wrap {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f8f8;
}

.review-modal-container .modal-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

/* 하단 고정 버튼 영역 */
.review-modal-container .modal-footer {
    padding: 15px 20px;
    background-color: #fff;
    flex-shrink: 0; /* 높이 고정 */
}

.review-modal-container .btn-buy-product {
    width: 100%;
    height: 48px;
    background-color: var(--point-color); /* 녹색 */
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
}

/*리뷰 컨텐츠*/

.review-content-overlay.modal-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 6;
}

.review-content-container.modal-container {
    width: 500px;
    height: 90%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    max-height: 100vh;
}

/* 헤더 */
.review-content-container .modal-header {
    position: relative;
    padding: 16px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.review-content-container .modal-header h2 {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin: 0;
}
.review-content-container .close-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: #ccc;
    border: none;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 본문 */
.review-content-container .modal-body {
    padding: 20px;
    overflow-y: auto;
}

/* 상품 정보 */
.review-content-container .product-info {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.review-content-container .product-thumb {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    object-fit: contain;
}
.review-content-container .product-name {
    font-size: 14px;
    color: #333;
}

/* 별점 */
.review-content-container .rating-section {
    text-align: center;
    margin-bottom: 20px;
}
.review-content-container .rating-title {
    font-size: 1.3rem;
    margin-bottom: 30px;
    color: #333;
}
.review-content-container .rating-star {
    margin-bottom: 10px;
}
.review-content-container .stars {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.review-content-container .star {
    font-size: 28px;
    cursor: pointer;
    color: #ddd; /* 기본 회색 */
    transition: color 0.2s;
}
.review-content-container .star.active {
    color: #FFD700; /* 활성화 시 금색 */
}

/* 텍스트 입력 */
.review-content-container .textarea-wrapper {
    position: relative;
    margin-bottom: 10px;
}
.review-content-container .review-textarea {
    width: 100%;
    height: 320px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none;
    font-size: 14px;
    line-height: 24px; /* line-height 추가  hyKim */
    outline: none;
}
.review-content-container .review-textarea:focus {
    border-color: var(--point-color);
}
.review-content-container .review-textarea.title {
    height: 50px;
}
.review-content-container .char-count {
    font-size: 12px;
    color: #888;
    text-align: right;
    margin-bottom: 20px;
}
.review-content-container .char-count .current {
    color: var(--point-color);
}

/* 사진 그리드 */
.review-content-container .photo-grid {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}
.review-content-container .photo-item {
    position: relative;
    width: 25%;
    aspect-ratio: 1 / 1;
    background: #eee;
    border-radius: 4px;
    overflow: hidden;
}
.review-content-container .photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-content-container .photo-delete {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
    width: 18px;
    height: 18px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
}

.review-content-container .upload-btn {
    width: 100%;
    padding: 12px;
    height: 60px;
    background: var(--point-color);
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 8px;
    text-align: center;
}
.review-content-container .upload-note {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* 푸터 */
.review-content-container .modal-footer {
    display: flex;
    gap: 10px;
}
.review-content-container .btn {
    flex: 1;
    padding: 14px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    width: 48%;
    height: 60px;
}
.review-content-container .btn-cancel {
    background-color: #383838;
    color: #fff;
}
.review-content-container .btn-submit {
    background-color: var(--point-color);
    color: #fff;
}

/*마이페이지 30일 리뷰*/
/* ReviewPage.css */

/* 페이지 전체 레이아웃 (배경색 등) */
.my-page-review-container .page-container {
    width: 100%;
    min-height: 100vh;
    background-color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
}

/* --- 상단 고정 영역 (헤더 + 탭) --- */
.my-page-review-container .top-fixed-area {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}

/* 헤더 (네비게이션 바) */
.my-page-review-container .page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px; /* 앱 표준 헤더 높이 */
    padding: 0 16px;
    border-bottom: 1px solid #f0f0f0;
}
.my-page-review-container .header-title {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* 중앙 정렬 */
}
.my-page-review-container .icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px; /* 터치 영역 확보 */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 장바구니 뱃지 */
.my-page-review-container .cart-icon-wrapper {
    position: relative;
}
.my-page-review-container .cart-badge {
    position: absolute;
    top: 4px;
    right: 2px;
    background-color: var(--point-color);
    color: #fff;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.cart__payment-info .cart__order-btn.gift {
    background-color: transparent;
    border: 1px solid var(--light-gray-border-color);
    color: var(--black-color);
}

/* 탭 메뉴 */
.my-page-review-container .tab-menu {
    display: flex;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.my-page-review-container .tab-item {
    flex: 1;
    padding: 14px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #999;
    background: #f8f8f8; /* 비활성 탭 배경 */
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}
.my-page-review-container .tab-item.active {
    background-color: var(--point-color); /* 활성 탭 색상 */
    color: #fff;
    font-weight: 700;
}

/* --- 메인 콘텐츠 영역 (스크롤) --- */
.my-page-review-container .page-content {
    flex: 1;
    padding: 20px 16px; /* 좌우 여백 */
    background-color: #fff;
}

.my-page-review-container .section-title {
    font-size: 15px;
    margin-bottom: 16px;
    color: #333;
}
.my-page-review-container .count-highlight {
    color: var(--point-color);
    font-weight: bold;
    margin-left: 4px;
}

/* 리스트 아이템 카드 */
.my-page-review-container .review-card {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.my-page-review-container .review-card:last-child {
    border-bottom: none; /* 마지막 아이템 선 제거 */
}

/* 상품 정보 박스 */
.my-page-review-container .product-box {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 16px;
}
.my-page-review-container .product-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    background: #eee;
    margin-right: 12px;
    border-radius: 4px;
}
.my-page-review-container .product-info h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
}
.my-page-review-container .product-price {
    font-size: 13px;
    color: #777;
    margin-top: 4px;
}

/* 버튼 */
.my-page-review-container .btn-outline {
    width: 100%;
    padding: 13px;
    background: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

/* --- 작성 완료 탭 전용 --- */
.my-page-review-container .review-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.my-page-review-container .stars {
    color: #FFD700;
    font-size: 16px;
    margin-right: 6px;
    letter-spacing: -1px;
}
.my-page-review-container .rating-score {
    font-weight: bold;
    font-size: 14px;
}
.my-page-review-container .review-date {
    font-size: 12px;
    color: #aaa;
}

/* 컨텐츠 뷰 (접힘/펼침) */
.my-page-review-container .review-content-wrapper {
    margin-bottom: 10px;
}

/* 접힌 상태 */
.my-page-review-container .collapsed-view {
    display: flex;
    gap: 12px;
}
.my-page-review-container .thumb-small {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}
.my-page-review-container .text-preview {
    flex: 1;
    font-size: 13px;
    color: #555;
    line-height: 1.5;
    margin: 0;
    /* 3줄 말줄임 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 펼친 상태 */
.my-page-review-container .expanded-view {
    width: 100%;
}
.my-page-review-container .image-grid {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
    /* 모바일에서 사진 많을 시 가로 스크롤 가능하게 하려면 아래 속성 추가 */
    /* overflow-x: auto; */
}
.my-page-review-container .grid-img {
    width: 25%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 4px;
}
.my-page-review-container .text-full {
    font-size: 13px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 12px;
    white-space: pre-wrap; /* 줄바꿈 반영 */
}

/* 더보기 버튼 (아이콘 우측 정렬) */
.my-page-review-container .toggle-btn-area {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}
.my-page-review-container .toggle-btn {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    color: #999;
}

/* 하단 버튼 그룹 (수정/삭제) */
.my-page-review-container .action-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.my-page-review-container .btn-small {
    min-width: 60px;
    padding: 6px 0;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
    color: #666;
    border-radius: 2px;
    cursor: pointer;
}

/*상품 후기*/
.product-review-item__btns > button {
    color: #000 !important;
        font-weight: 300 !important;
        border: 1px solid #000 !important;
        width: 18% !important;
        padding: 0 28px !important;
        min-width: 80px !important;
        border-radius: 4px !important;
        height: 28px !important;
        font-size: 12px !important;
}

/*상품 상세 쿠폰*/
.coupon{
    border: 1px solid var(--point-color);
}
.coupon::before, .coupon::after{
    display: none;
}
.coupon .ico--download-red {
    background-position : -146.75px -188.125px;
}
.my-page-coupon__list-item--unissuable .my-page-coupon__box--right {
    border-color: #fff;
}
.my-page-coupon__list-item--unissuable .my-page-coupon__box--right::before, .my-page-coupon__list-item--unissuable .my-page-coupon__box--right::after{
    z-index: 10;
}
.my-page-coupon__list-item--unissuable::before, .my-page-coupon__list-item--unissuable::after{
    z-index: 100;
}

.my-page-coupon__list-item--unissuable .my-page-coupon__box::before {
    position: absolute;
    content: "쿠폰사용기한이 만기 했습니다.";
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 1rem;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.8571428571rem;
    z-index: 10;
}

/* 에러 메시지 텍스트 (p 태그) */
.error-message {
    color: #ff4d4f;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 400;
    line-height: 1.4;
    animation: fadeIn 0.3s ease-in-out;
}

/* (선택사항) 에러 발생 시 부드럽게 나타나는 애니메이션 키프레임 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-2px); }
    to { opacity: 1; transform: translateY(0); }
}

.sign-up-confirm-p {
    color: var(--point-color);
    font-size: 1.3rem;
    font-weight: bold;
}
.m-4 {
    margin:4px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-1rem {
    margin-top: 1rem;
}
.mt-2rem {
    margin-top: 2rem;
}

.sign-up-form__agree-wrap button{
    background-color: var(--whole-color) !important;
    color: var(--gray-font-color) !important;
    height: auto !important;
}
.sign-up-form__agree-list li:not(:first-child), .custom-terms__item{
    margin-top: 0;
}
.sign-up-form__input-wrap li  {
    padding-top: 16px;
}

.sign-up-form__checkbox--all, .open-id-agreement-form__checkbox--check-all {
    padding: 25px 20px;
    justify-content: start;
    background: var(--sub-line-gray-color);
    border: 0;
    height: auto;
}
.email-input + .select-box {
    border-radius: 12px;
    overflow:hidden;
}
.phone-number-input > .select-box {
    border-radius: 12px;

}
.birthday-input > .select-box {
    border-radius: 12px;
}

.order-sheet .l-panel {
    margin-bottom: 0;
}

.order-sheet__item > .select-box {
    border-radius: 12px;
}
.open-terms li {
    padding-top: 16px;
    margin-top: 0 !important;
}
.open-terms button{
    background-color: var(--whole-color) !important;
    color: var(--gray-font-color) !important;
    height: auto !important;
    font-size: 12px !important;
}
.open-terms .custom-terms {
    margin-top: 10px;
}
.open-terms .open-id-agreement-form__agree-list{
    margin-top: 0;
}
@media screen and (min-width:375px) and (max-width: 768px) {
    .modal.full-modal{
        width: 100%;
        height: 100%;
    }
}
.product-section .thumb-LIST .thumb-item:nth-child(n+1){
    margin-top: 0;
    /*align-items: center;*/
    /*justify-content: center;*/
}

:where(.thumb-LIST) .thumb-item__media{
    width: 100px;
    height: 100px;
    border-radius: 4px;
        border: 1px solid var(--gray-border-color);
}

.order-sheet__terms .order-sheet__term-checker > button {
    height: auto;
}
.order-sheet .text-field {
    border-radius: 12px !important;
}
.order-sheet__item .address-form button {
    height: auto !important;
}
.search-zip-code-form__tip-list li {
    padding-top: 5px;
}
.sign-in-link {
    margin-top: 25px;
}
.member-modification-form__agree-wrap .custom-terms__item button {
    height: auto;
    background: #fff;
    color: var(--gray-color);
    font-weight: 500;
}
.member-modification-form li {
    margin-top: 0 !important;
    padding-top: 15px;
}
.member-modification-form__agree-list {
    margin-top: 0;
}
.member-modification-form__agree-wrap button {
    height: auto !important;
    font-size: 12px !important;
}
.member-modification-form__input-wrap button{
    height: auto !important;
}
.search-field .search-field__submit-btn {
    margin-left: 6px !important;
}
/*.order-sheet__item .select-box {*/
/*    border-radius: 12px !important;*/
/*}*/
.profile-shipping-address__buttons--sm > button {
    height: 28px !important;
    font-size: 12px !important;
    padding: 0 28px !important;
    border-radius: 4px !important;
}
.board-form__buttons > button {
    border-radius: 12px !important;
}
.select-box.board-form__type-selector {
    border-radius: 12px !important;
}
.phone-number-input .select-box select {
    padding: 6px 30px 6px 10px;
}

.full-modal .title-modal__content{
    padding: 0 20px;
}
.full-modal .title-modal__content .p1 {
    line-height: 1.4;
}
.personal-inquiry-detail__btn-group.inquiry-actions > button {
    background-color: transparent;
    color: #000;
    font-weight: 300;
    border: 1px solid #000;
    width: 18%;
    padding: 0 28px !important;
    min-width: 80px;
    border-radius: 4px;
    height: 28px;
    font-size: 12px;
}
.product-review-item__btns > button {
    width: 18%;
    padding: 0 10px !important;
    min-width: 80px;
    border-radius: 4px;
    height: 28px !important;
    font-size: 12px;
}
.check-radio--rounded .check-radio__ico {
    border-radius: 0;
}
.profile-shipping-address__form{
    padding: 0;
}
.phoneBoardForm{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.inquiry-item-overflow{
    white-space: pre-wrap;
    word-break: break-all;
    overflow-wrap: break-word ;
}
.inquiry-item__content .inquiry-item__info {
    align-items: flex-start;
}
.inquiry-item__info .ico--lock {
    margin-top:4px;
}

.title-modal--full .title-modal__content {
    height: calc(90vh - 60px) !important;
}

@media screen and (max-width: 768px) {
    .cart__check-all-btn.cart__check-all-btn--delivery-group .ico.ico--check-white {
        width: 16px;
        height: 16px;
        top: calc(50% - 8px);
        left: calc(50% - 7px);
        transform: none;
    }

}

@media screen and (max-width: 357px) {
    .meta-demographic {
        font-size: 0.8rem;
    }
    /* [GHC] 상품 상세 탭 가로 슬라이드 대응 */
    .product-detail .tabs {
        display: flex !important;
        overflow-x: auto !important; /* 가로 스크롤 허용 */
        flex-wrap: nowrap !important; /* 줄바꿈 방지 */
        -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
        scrollbar-width: none; /* Firefox 스크롤바 숨김 */
        -ms-overflow-style: none; /* IE/Edge 스크롤바 숨김 */
        background-color: #fff;
        border-bottom: 1px solid #eee;
    }

    .product-detail .tabs::-webkit-scrollbar {
        display: none; /* Chrome/Safari/Edge 스크롤바 숨김 */
    }

    .product-detail .tabs .tabs__item {
        /*flex: 0 0 auto !important; !* 너비가 줄어들지 않도록 고정 *!*/
        min-width: 80px; /* 적절한 최소 너비 확보 */
        padding: 0 15px; /* 좌우 여백 확보 */
        white-space: nowrap; /* 텍스트 줄바꿈 방지 */
    }
}
.portal.zIndex{
    z-index: 2000;
}

.modal.full-modal{
    height: 100%;
}
.order-confirm__hero{
    width: 60%;
}
.full-modal .title-modal__header{
    height: 4.71rem !important;
}
.price-tag.ghc_price_tag.price-tag--no-border{
    padding: 20px;
}
.btn:disabled{
    color: #aaa !important;
    border: 1px solid var(--light-gray-border-color);
    background-color: #fff;
}
.product-board-list__empty > img {
    width: 45%;
}

.member-modification-form__input-wrap .select-box select{
    padding: 14px 10px 13px 10px;
}

.app-container .phone-number-input .select-box select{
    padding: 0 13px;
}

.password-changer__current {
    padding: 5px 0;
    border: 1px solid #000;
}
.password-changer__new > input, .password-changer__new-check > input {
    padding: 10px 10px;
    border: 1px solid #000;
}
.password-changer__buttons button {
    height: 3.57rem;
}

.find-password-authentication__btn-wrap > button {
    border: none;
}
/*hem*/
.card-resist-form .card_register_term{
    padding-top: 20px;
}
.my-membership{
    border-top: 10px solid var(--sub-line-gray-color);
}

.order-sheet .l-panel{
    border-bottom:10px solid var(--sub-line-gray-color);
}

.order-sheet .l-panel+.l-panel{
    margin-top:0px;
}

.subscription-card-manager{
    padding-bottom: 20px;
}

/*카드뉴스*/
.health_hero {
    margin-top:80px;
    position: relative;
    width: 100%;
    overflow: hidden; /* 슬라이더 넘침 방지 */
}

/* 2. 텍스트 영역(Title + 더보기): absolute로 띄워서 슬라이더 위에 겹침 */
.health_news_warp {
    /*position: absolute; !* 겹치기 위한 핵심 속성 *!*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%; !* 가로 전체를 채움 *!*/
    /*z-index: 2; !* 이미지보다 위에 보이도록 순서(Layer)를 높임 *!*/

    /* 레이아웃 정렬 */
    display: flex;
    justify-content: space-between; /* 양 끝(좌:타이틀, 우:더보기)으로 배치 */
    align-items: center; /* 수직 중앙 정렬 */
    padding: 20px 24px; /* 오른쪽 이미지처럼 상단/좌우 여백을 줌 (값은 디자인에 맞춰 조절) */
    box-sizing: border-box; /* padding이 너비에 포함되도록 설정 */
}

/* 3. 텍스트 컬러 변경: 초록색 배경 위에서 잘 보이도록 흰색(#fff)으로 변경 */
.health_title {
    /*color: #fff;*/
    font-size: 28px; /* 예시 크기, 기존 디자인에 맞춰 조정 */
}

.health_more_link {
    /*color: #fff;*/
    font-size: 16px;
    text-decoration: none; /* 밑줄 제거 */
    display: flex;
    align-items: center;
    gap: 4px; /* 텍스트와 화살표 아이콘 사이 간격 */
    font-weight: 300;

}

.health_more_btn img{
    width: 10px;               /* 화살표 크기 */
    height: 10px;
    display: block;            /* 이미지 하단 여백 제거 */
    filter: invert(1);      /* 흰색으로 반전 */
}

.health_hero .slide-prev.swiper-button-prev,
.health_hero .slide-next.swiper-button-next {
    opacity: 0.5;
}



.delivery-date-panel {
    display: flex;
    flex-direction: column;
}

/* 텍스트와 버튼을 감싸는 컨테이너 (Flexbox) */
.delivery-date-content {
    display: flex;
    justify-content: space-between; /* 양 끝 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
    padding: 30px 20px; /* 좌우 여백 살짝 */
}

/* "매달 N일에 배송 받기" 텍스트 */
.delivery-text {
    font-size: 16px;
    font-weight: 400;
}

/* 강조되는 날짜 숫자 */
.highlight-day {
    font-weight: bold;
    color: #111;
}

/* "배송일 변경" 버튼 스타일 (초록색 라인 버튼) */
.btn-change-date {
    background-color: #fff;
    border: 1px solid var(--point-color); /* 샵바이/네이버 등에서 쓰이는 초록색 예시 */
    color: var(--point-color);
    padding: 13px 38px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
}

.order-sheet__pay-method-title {
    padding-top: 20px;/* GHC  hyKim 2025-12-23 :  30px > 20px로 수정 */
}

.subscription-sheet .order-sheet__pay-method {
    /*box-shadow : none;*/
}

.product_summary__subTitle {
    font-size: 1.214rem;
    font-weight:400;
    padding: 4px 0 10px 0 ;/* 상세수정 hykim */
    color: var(--subscription-gray-text-color);
    line-height:1.2
}

.product-summary__title{
    font-size:1.714rem;
    font-weight: 700;
    margin-top: 1rem;
}

.product-summary__freight-line{
    margin-top:1.7rem;
}


.main_iframe_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main_iframe_wrap iframe {
    border : none;
}

.static-banner-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; /* 슬라이더 넘침 방지 */
}

/* 2. 슬라이더 오버레이: 이미지 위에 덮어씌우기 */
.static-banner-wrapper .text-slider-overlay {
    position: absolute;
    top: calc(100% - 25rem);
    left:0;
    text-align: center;  /* 가로 중앙 */
    width: 100%;
    height: 100%; /* 부모 높이(이미지 높이)를 꽉 채움 */
    z-index: 1;
}

.MOBILE_WEB .static-banner-wrapper .text-slider-overlay,
.MOBILE_APP .static-banner-wrapper .text-slider-overlay {
    top: calc(100% - 20rem);
}

/* 3. Slick Slider 커스텀 */
/* slick-slider 자체를 높이 100%로 맞춰야 내부 정렬이 쉽습니다 */
.static-banner-wrapper .text-slider-overlay .slick-slider,
.static-banner-wrapper .text-slider-overlay .slick-list,
.static-banner-wrapper .text-slider-overlay .slick-track,
.static-banner-wrapper .text-slider-overlay .slick-slide,
.static-banner-wrapper .text-slider-overlay .slick-slide > div {
    height: 100%;
}

.static-banner-wrapper .text-slider-overlay .slick-slide {
    float: left !important; /* 이 속성이 있어야 복제된 슬라이드가 옆에 잘 붙습니다 */
}

/* 4. 개별 슬라이드 아이템 */
.static-banner-wrapper .slick-slide-item {
    height: 100%;
    display: flex !important;
    align-items: center;      /* 수직(세로) 중앙 정렬 */
    justify-content: center;  /* 수평(가로) 중앙 정렬 (기존 flex-start에서 변경) */
}

/* 5. 텍스트 스타일 */
.static-banner-wrapper .slide-text-content {
    /* margin-left: 10%;  <-- 가로 중앙 정렬을 원하시면 이 부분은 제거하거나 0으로 만드세요 */
    margin: 0; /* 중앙 정렬 시 여백 초기화 추천 */
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    /*text-shadow: 0 2px 4px rgba(0,0,0,0.3);*/
    text-align: center; /* 텍스트 자체도 가운데 정렬 */
}

.MOBILE_WEB .static-banner-wrapper .slide-text-content,
.MOBILE_APP .static-banner-wrapper .slide-text-content {
    font-size: 28px;
}

/* 6. 강조 텍스트 (옵션) */
.static-banner-wrapper .highlight {
    color: #F0FE91;
    font-weight: 700;
}


.order-detail__product-table .thumb-item.product-thumb-item{
display: flex;
    padding : 0 20px 20px 20px;
    gap:12px;
}

.order-detail__next-action-btns {
    padding : 0 20px 20px 20px;
    flex-direction:column;
    gap:10px;
}

.order-detail__next-action-btns .btn{
    color:var(--black-color);
    border: 1px solid var(--black-color);
    }


.claims__withdraw-btn{
    padding: 20px;
}

.order-detail__list-btn-wrap .btn{
    border : none;
    border-radius: 12px;
}

.order-confirm__btn-group .btn.btn--default {
    border-radius: 12px;
}

.btn--view_delivery {
    width : 100px !important;
}

.claims__identifier{
    margin-bottom : 20px;
}

.product-review-item__date {
    white-space: nowrap; /*개행막음*/
}

.product-board-list__items .product-thumb-item{
    padding : 0;
}


/*pub*/
.review-box .btn.btn--default{
    background-color: #f00;
}

.none_border {
    border:none;
}

.coupon-modal__coupon-section .coupon-productName {
    margin : 10px 0;
}

.coupon-modal__controller{
    margin-top: 20px;
}

/* Galaxy S20 등 모바일 화면 대응을 위한 스타일 추가 */
.product-content__editor-box {
    display: block !important;
    width: 100%;
    overflow-x: auto;
}

.product-content__editor-box .editor img,
.product-content__editor-box .editor video,
.product-content__editor-box .editor iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* 테이블 대응 */
.product-content__editor-box .editor table {
    max-width: 100% !important;
}

/* 구독 선택 박스 모바일 대응 */
.subscription_selectbox {
    width: 100% !important;
    max-width: 360px;
    box-sizing: border-box;
}

/* 모달 박스 모바일 대응 */
@media (max-width: 480px) {
    .modal__box--alert,
    .modal__box--confirm {
        min-width: 80vw !important;
        max-width: 90vw !important;
    }
}

.page__content{
    width: 100% !important;       /* 가로폭을 꽉 채움 */
    min-width: unset !important;  /* 최소 너비 제한 해제 (또는 320px) */
}



.review-box .btn.btn--default{
    background-color: #f00;
}


/* 카드결제등록관리 css 추가*/

.l-panel .card-infoList{
    padding: 0;
}

.card-infoList{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 80px;
    padding: 0 1.4285714286rem;
}
.card-infoList.complete{
    gap:0;
}

.card-infoList .card-infoBox{
    position: relative;
    flex-direction:column;
    display: flex;
    justify-content: start;
    gap:0;  /*간격수정*/
    padding: 68px 28px 28px 28px;
    background-color: #F4F4F4;
}

.card-infoList.complete .card-infoBox{
    position: relative;
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
}

.card-infoList .card-infoBox .card-manage{
    display: flex;
    justify-content: end;
    flex-direction: column;
    font-size: 16px;
}

/*.card-infoList .card-infoBox .card-imgBox{*/
/*    width: 188px;*/
/*    height: 120px;*/
/*    border-radius: 8px;*/
/*    overflow: hidden;*/
/*    background: url("../images/img-cardSample.png") no-repeat 50% 50%;*/
/*}*/

.card-infoList .card-infoBox.resit-card .card-imgBox{
    width:100px;
    height: 24px;
    margin-left: 0;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-creditcard..png?150ba80e80dbad9c758c) no-repeat 0 50%;
    box-shadow:none;

}

.card-infoList .card-infoBox.resit-card{
    padding: 28px;
}

.card-infoList .card-infoBox.resit-card .card-imgBox .card-resistBox{
    padding-left: 30px;
    padding-top: 5px; /*px 수정*/
    word-break: keep-all;
    font-size: 14px;
}

.card-infoList .card-infoBox .card-imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-infoList .card-infoBox .card-manage .btn-edit{
    position: absolute;
    top: auto;
    bottom: 28px; /*삭제버튼 위치변경*/
    right:28px;
}

.card-infoList .card-infoBox.resit-card .card-manage .btn-edit{
bottom: 31px; /*삭제버튼 위치변경*/
    right:28px;
}

.card-infoList .card-infoBox .card-manage .btn-edit button{
   padding:0;
    line-height:1;;
    letter-spacing: -0.32px;
    font-size: 13px;
    color: #808080; /*색상변경*/
}
.card-infoList .card-infoBox .card-manage .btn-edit .btn-resist{
    color:var(--point-color);
}


.card-infoList .card-infoBox .card-manage .btn-edit .did-sec{
    position: relative;
}
.card-infoList .card-infoBox .card-manage .btn-edit .did-sec:after{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 13px;
    background-color: #333;
}


.card-infoList .card-infoBox .card-manage .card-infoDetail{
    position: absolute;
    top: 0;
    padding-top:0;
}

.card-infoList.complete .card-infoBox .card-manage .card-infoDetail{
    padding-top: 0;
}

.card-infoList .card-infoBox .card-manage .card-infoDetail .card-name{

    font-size: 16px;
}

.card-infoList .card-infoBox .card-manage .card-infoDetail .ico-chk{
    display: flex;;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    padding: 8px 16px 8px 36px;
    border-radius: 40px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 16px 50%;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.2s;
}
.card-infoList .card-infoBox .card-manage .card-infoDetail .ico-chk.pay-off {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-chk-off..png?af257f9c7046c955c4ad);
    color: #B3B3B3;
}

.card-infoList .card-infoBox .card-manage .card-infoDetail .ico-chk.pay-on {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-chk-on..png?5aec8378229dcb78c1a4);
    color: var(--point-color);
}


/**카드 등록하기**/
.card-resist-form {
    padding: 20px;
}

.card-resist-form > p{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.card-resist-form.password > p{
    font-size: 20px;
    text-align: center;
}

.card-resist-form.password  .error{
    color:#FF7D66;
}

.care-resist-form__item{
    margin-top:32px;
}

.care-resist-form__item:first-child{
    margin-top: 24px;
}

.card-resist-form__tit{
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    color: var(--black-color);
}

.card-resist-form__input-wrap{
    display: flex;
    align-items: center;
    gap:8px;
    width: 100%;
    margin-top: 12px;
}
.card-resist-form__input-wrap.card-num{
}

.card-resist-form__input-wrap .text-field{
    flex:1;
    height: 44px;
    border-radius: 4px;
}

.card-resist-form__input-wrap.half{
    width: 50%;
}

/** 결제비밀번호 등록 **/
.pay-passowrd-form{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}

.pay-passowrd-form span{
    width: 24px;
    height: 24px;
    border-radius: 40px;
    background-color: #E6E6E6;
}

.pay-passowrd-form span.done{
    background-color: #4D4D4D;
}

.card-resist-form__confirm{
    margin-top: 120px;
    margin-bottom: 20px; /* 추가 */
    padding:0 1.4285714286rem;
}

.card-resist-form__confirm button{
    height: 52px;
    font-size: 16px;
    font-weight: 500;
    background: var(--whole-color);
    border: 1px solid var(--point-color);
    color: var(--default-font-color);
}

/** 자동결제 카드 **/
.card-resist-wrap{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 28px;
    background-color: #F4F4F4;
}
.card-resist-wrap .card-resist-tit{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px;
}

/*.card-resist-wrap .card-imgBox{*/
/*    width: 188px;*/
/*    height: 120px;*/
/*    border-radius: 8px;*/
/*    overflow: hidden;*/
/*    background: url("../images/img-cardDefault.png") no-repeat 50% 50%;*/
/*    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);*/
/*}*/

.card-resist-wrap .card-resist-btn{
    width: 188px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-plus-gray..png?2657315fe47c0f630566) no-repeat 50% 50%;
}

.card-resist-btn + .card-resist-tit{
    margin-top: 24px;
    margin-bottom: 0;
}
.card-resist-wrap .card-name{
    margin-top: 12px;
}
.card-manage-btnwrap{
    display: flex;
    justify-content: right;
    margin-top: 12px;
    margin-right: 20px;
}
.card-manage-btnwrap .btn-small{
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid var(--dark-gray-color);
    line-height: 1.4;
}

.card-comment{
    margin-top: 44px;
    font-size:  13px;
    line-height: 1.4;
}


/** 신용카드 디폴트 이미지**/

.card-imgBox{
    position: relative;
    width: 188px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/img-cardDefault..png?299b5eb38c79b4aa4869) no-repeat 50% 50%;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
}

.card-imgBox .card-name{
    position: absolute;
    bottom: 28px;
    left: 18px;
    width:85%;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.26px;
}

.card-imgBox .card-num{
    position: absolute;
    bottom: 12px;
    left: 18px;
    color: #808080;
    font-size: 13px;
    font-weight: 700;
}

.sign-up-form__card-resist{
    margin-top: 32px;
}



/**카드뉴스 건강꿀팁*/

.cardInfo-tabs{
    background-color: #fff;
    height:auto;
}

.cardInfo-tabs .tabs__item.tabs__item--reviewed:last-child:before {
     display: none;
}

.headth-data-wrap {
    padding: 0 16px;
    background-color: #fff;
}

/* 필터 스타일 */
.card-data-fileter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 0;
}
.custom-dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-list {
    position: absolute;
    top: calc(100% + 4px);
    right:0;
    min-width:7.7rem;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 10;
    padding: 0;
    margin: 0;
    list-style: none;
}

.is-open .dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item {
    padding: 1rem 0.4rem 1rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f5f5f5;
}

.dropdown-item.title {
    font-weight: bold;
    cursor: default;
}



.dropdown-trigger {
    background: none; border: none;
    /*font-size: 1.;*/
    font-weight: 500;
    /*color: var( --dark-gray-color:);*/
    display: flex; align-items: center; gap: 4px; cursor: pointer;
}

.type-trigger::after {
    content: ""; width: 12px; height: 12px;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/select-arr..svg?0eaa90b1d3b885cc9799) no-repeat 50% 50%;
    }

.sort-trigger::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-updown..svg?17041161ca10566eb14f) 50% 50% no-repeat;
}


/* 리스트 스타일 */

.card-data-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cardnews-list-item {
    border-bottom: 1px solid #E2E6EB;
    margin-bottom: 1.8rem
}
.cardnews-list-item.is-last{
border-bottom:0;
    margin-bottom:4rem;
}
.cardnews-list-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
}

.cardnews-list-head{
    width: calc(100% - 105px);
}

.cardnews-tag {
       display: inline-flex;
       justify-content: center;
       align-items: center;
       padding:0 0.4rem;
       height: 22px;
       border-radius: 4px;
       font-size: 12px;
       font-weight: 500;
       background: #DBF9F1;
       color:#0D9C76;
}


.cardnews-title {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    margin: 0;
    word-break: keep-all;
    margin-top:0.7rem;
}

/* 썸네일 영역 (기존 card-thum 이식) */
.cardnews-thumb-wrap {
    width: 7.2rem;
    height: 7.2rem;
    border: 1px solid #eee;
    overflow: hidden;
    border-radius: 12px;
    flex-shrink: 0;
}

.cardnews-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.bookmark-wrap{
    display: flex;
    justify-content: right;
    padding: 1.2rem 0 1.2rem 0;

}

.btn-bookmark {
    display: flex;
    align-items: center;
    color:var( --gray-font-color);
}
.btn-bookmark.is-active{
    color:var(--black-color);
}
.ico-bookmark{
    display:inline-block;
    width:1.6rem;
    height:1.6rem;
    background:url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bookmark..svg?f42cafaccd5617b4a3d0) 50% 50% no-repeat;
}
.is-active .ico-bookmark{
    display:inline-block;
    width:1.6rem;
    height:1.6rem;
    background:url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-bookmark-active..svg?5fe3dbbe468c5d04d0ad) 50% 50% no-repeat;
}
.ico-share{
    display:inline-block;
    width:1.6rem;
    height:1.6rem;
    background:url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-share..svg?0857e7a750ca3c23f48c) 50% 50% no-repeat;
}


/**건강유형 선택 아이콘**/

.healthCase-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height:30rem;
    max-height:32rem;
    overflow-y:auto;
}

.healthCase-list li{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:0.4rem ;
    padding: 1rem 0.3rem 0.4rem 0.3rem;
    font-size:12px;
    text-align: center;
    border-radius: 1.2rem;
}

.healthCase-list li.is-active i{
    border: 2px solid var(--point-color);
    border-radius: 1.2rem;
}

.ico-hc-all{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-all..svg?c02fe12f17b407c9ec95) no-repeat 50% 50%;
}

.ico-hc-brain{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-brain..svg?91936ff31eb4767b6508) no-repeat 50% 50%;
}


.ico-hc-stress{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-stress..svg?c321a09e27f798130aed) no-repeat 50% 50%;
}


.ico-hc-eyes{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-eyes..svg?73a502b845dd0601aeeb) no-repeat 50% 50%;
}


.ico-hc-skin{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-skin..svg?5be47ad1699e244b8712) no-repeat 50% 50%;
}

.ico-hc-liver{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-liver..svg?1e405b215c2fb1597013) no-repeat 50% 50%;
}

.ico-hc-stomach{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-stomach..svg?7b2394cdeae8d1fd819f) no-repeat 50% 50%;
}

.ico-hc-intestine{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-intestine..svg?4b033c62e161ed35eef3) no-repeat 50% 50%;
}

.ico-hc-diet{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-diet..svg?162944a16477f2aacb97) no-repeat 50% 50%;
}

.ico-hc-sugar{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-sugar..svg?8745f551ac1199db677f) no-repeat 50% 50%;
}

.ico-hc-man-senior{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-man-senior..svg?ea3dd7366190a57c682d) no-repeat 50% 50%;
}

.ico-hc-woman-senior{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-woman-senior..svg?b208767f375a2a0506d4) no-repeat 50% 50%;
}

.ico-hc-blood-vessel{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-blood-vessel..svg?0dfaeb6c34999a6afb9e) no-repeat 50% 50%;
}


.ico-hc-pressure{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-pressure..svg?b54fd9829d8ce9dfbdad) no-repeat 50% 50%;
}


.ico-hc-shield{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-shield..svg?76d840d266c18e270aad) no-repeat 50% 50%;
}

.ico-hc-bone{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-bone..svg?6df522582afd53c1453f) no-repeat 50% 50%;
}

.ico-hc-muscle{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-muscle..svg?244b77d62bc754eac92e) no-repeat 50% 50%;
}

.ico-hc-hair{
    display: inline-block;
    width: 4rem;
    height:4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-hc-hair..svg?a92c8a9239d03e06a841) no-repeat 50% 50%;
}


/** 카드뉴스 슬라이드 상세 **/

.cardnews-slide-wrap {
    position: relative;
    overflow: hidden;
    padding-left:1.6rem;
}

.cardnews-slide-wrap  .card-swiper {
    padding: 0 !important;
    overflow: visible;
}

.cardnews-slide-wrap  .card-swiper .swiper-slide {
    width: calc(100% - 1.6rem);
    max-width: 40rem;
}

.item-card {
    position: relative;
    width: 100%;
    aspect-ratio: 33 / 44;
    overflow: hidden;
    border-radius: 1.2rem;
}

.item-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-swiper .swiper-pagination-fraction {
    width: auto;
    left: auto;
    right: 2rem;
    bottom: 2rem;
    padding: 0.4rem 1.4rem;
    background: rgba(50, 55, 50, 0.6);
    color:var(--whole-color);
    border-radius: 99.9rem;
    z-index: 10;
}

.card-swiper .swiper-pagination-fraction .separator {
    display: flex;
    align-items: center;
    opacity: 0.4;
}


.news-card-info {
    padding: 2rem 1.6rem 4rem;
    margin-bottom: 0.8rem;
}
.news-card-info .title{
    font-size:1.4rem;
    line-height:1.4;
    font-weight:bold;
}
.card-tag-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-top: 1rem;
}

.news-card-info .card-tag-wrap {
    margin-top: 0;
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}


.product-slide-wrap{
    border-top:10px solid var(--sub-line-gray-color);
    padding-bottom:2rem;
}
.product-slide-wrap .title{
    padding: 3rem 1.6rem 0.4rem 1.6rem;
    margin-bottom: 0.9rem;
    font-size:1.25rem;
    font-weight:bold;
}
.product-slide-wrap .swiper{
    padding-left:1.6rem;
}
.product-slide-wrap .swiper-slide{
   flex-shrink:0;
   width:auto;
}
.product-slide-wrap .product-zzim{
    width:auto;
}
.product-slide-wrap .product-zzim .info{
    padding: 0.8rem 0;
}
.product-slide-wrap .product-zzim {
    display: block;
    width:100px;
}
.product-slide-wrap .product-zzim .thumb {
    width: 100px;
    height: 100px;
    border-radius: 0.4rem;
    overflow: hidden;
    position: relative;
}
.product-slide-wrap .product-zzim .ico-like {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
}

.product-slide-wrap .product-zzim .info {
    display:flex;
    flex-wrap:wrap;
    padding:0.8rem 0.8rem 0 0;
    font-size: 1rem;
    line-height: 1.4;
}

.cardnews-btn-wrap{
    display:flex;
    padding:20px;
    gap:20px;

}
.cardnews-btn{
        display:flex;
        justify-content:center;
        align-items:center;
        border: 1px solid var(--light-gray-border-color);
        color: #000;
        background-color: #fff;
}

/**찜 아이콘**/

.ico-like {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/like-button..svg?6d2193a34a5dd7458c55) no-repeat 50% 50%;
    vertical-align: middle;
    background-size: contain;
}
.ico-like.on{
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/like-button-on..svg?4337ab72f083f4b4de55) no-repeat 50% 50%;
    background-size: contain;
}



/*로그인 로딩시*/
.loading-wrapper{
    display:block;
    padding:4rem 2rem 0 2rem;
    text-align:center;
}

.loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    height: 2.5rem;
}

.loading-spinner span {
    display: inline-block;
    width: 11px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: lottie-wave 1.3s infinite ease-in-out;
}

.loading-spinner .dot-G {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-loading-dotG..png?6e9fa909e3821190c24c);
}

.loading-spinner .dot-Y {
    background-image: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-loading-dotY..png?226a1b55046c00878e7e);
}

@keyframes lottie-wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}


.loading-wrapper .loading-texts{
    margin-top:0.4rem;
    font-size:1rem;
    color:var(--subscription-gray-text-color);
}

.loading-texts span {
    display: inline-block;
    opacity: 0;
    animation: dot-step 1.2s infinite;
}

.loading-texts span:nth-child(1) { animation-delay: 0s; }
.loading-texts span:nth-child(2) { animation-delay: 0.2s; }
.loading-texts span:nth-child(3) { animation-delay: 0.4s; }

@keyframes dot-step {
    0%, 20% { opacity: 0; }
    40%, 100% { opacity: 1; }
}


/* 상품 목록 필터용 커스텀 슬라이드 */
.dropdown-trigger.array-trigger{
    flex-direction:row-reverse;
}
.array-trigger:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://storefront.cdn-nhncommerce.com/custom/team-4773/globon-ecommerce-custom/globonai77-6675/ico-Array..svg?60d2f656a4f595fcc4b3) no-repeat 50% 50%;
    background-size:contain;
}
@charset "utf-8";

:root {
    --whole-color: #fff;
    --background-color: #f5f6f8;
    --point-color: #39B695; /* hyemi : 수정 */
    --point-color-secondary: #B0CCA6; /* hyemi : 수정 */
    --black-color: #111;
    --dark-gray-color: #262626;

    --empty-color: #f5f6f8;
    --default-color: #ddd;
    --blue-gray-color: #3f434c;
    --gray-color: #CCCCCC; /* hyemi : 수정 */
    --gray-font-color: #828282;
    --gray-neutral-soft: #A2A9B4; /* hyKim 추가*/
    --tooltip-bg-color: #f7f7f7;

    --default-font-color: #181818;

    /* add color */
    --light-gray-border-color: #E2E6EB;
    --light-gray-fill-color: #F8F8F8;
    --modal-dark-gray-color: #333333;
    --main-age-select-color: #ff9800;
    --main-female-color: #F4A261;
    --main-age-bar-color: #D9D9D9;
    --sub-line-gray-color : #F4F4F4;
    --gray-border-color: #e6e6e6;     /* GHC Larry 2025-12-10 : 선 컬러 변경 */
    --subscription-gray-text-color : #808080;
    --footer-font-color : #4D4D4D;
    --like-inner-color: #39B695;
    --notice-color : #51DBB7;
    --main-background-color : #E4E6E4;
    --subscription-gray-background-color : #666666;
    --order-button-color : #39B695;
    --Gray-00:#000000;
    --Gray-10: #1A1A1A;
    --Gray-20: #333333;
    --Gray-30: #3F434C;
    --Gray-40: #666666;
    --Gray-50: #777777;
    --Gray-60: #999999;
    --Gray-70: #B3B3B3;
    --Gray-80: #CCCCCC;
    --Gray-90: #E2E6EB;
    --Gray-95: #F4F4F4;
    --Gray-100: #FFFFFF;

}

/* add font */
body {
    font-family: Pretendard, sans-serif;
    padding-bottom: env(safe-area-inset-bottom);
}