@charset "utf-8";

/* 데이터 없음 */
.none_data_box { text-align: center; }
.none_data_box .btn { max-width: 230px; }

/* 상단 배너 */
.top_banner { position: sticky; left: 0; top: 64px; width: 100%; padding: 15px; background: var(--yellow-light); overflow: hidden; z-index: 1000; }
.top_banner p { color: var(--yellow); }

/* 한달 구성 선택 */
.month_pack > li input[type="radio"] + label { position: relative; padding: 13px 20px; background: var(--gray-400); border: 1px solid var(--gray-400); border-radius: 10px; display: block; } 
.month_pack > li input[type="radio"] + label .icon_radio { top: 19px; } 
.month_pack > li input[type="radio"] + label .title { display: block; font-size: 16px; font-weight: 700; color: #222; line-height: 110%; } 
.month_pack > li input[type="radio"] + label .title em { display: inline-block; font-size: 13px; font-weight: 500; line-height: 110%; vertical-align: 1px; margin-left: 4px; }
.month_pack > li input[type="radio"] + label .text { display: block; font-size: 13px; font-weight: 500; color: var(--gray-800); line-height: 110%; } 
.month_pack > li input[type="radio"] + label .price { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: block; font-size: 14px; font-weight: 400; line-height: 140%; }
.month_pack > li input[type="radio"] + label .price strong { font-size: 16px; font-weight: 500; }
.month_pack > li input[type="radio"]:checked + label { background: var(--primary-100); border: 1px solid var(--primary-500); } 


/* 영양제 목록 + 성분 카테고리 */
.product_list_section { overflow: visible !important; }
.product_list_section .tab_nav { position: sticky; top: 64px; z-index: 1000; }
.product_list_section .search_hint_box li { padding: 12px 0; cursor: pointer; transition: all 0.2s ease-out; }
.product_list_section .search_hint_box li:hover { background: var(--primary-100); }
.product_list_section .search_result_box .product_list_box > li { border-bottom: none; }
.product_list_section .category_wrap.type_top { width: 100%; padding: 7px 20px; background: #F8F9FA; }
.product_list_section .category_wrap.type_top ul { display: flex; }
.product_list_section .category_wrap.type_top ul li { font-size: 16px; font-weight: 500; color: #aaa; line-height: 21px; padding: 7px 12px; margin-right: 4px; cursor: pointer; }
.product_list_section .category_wrap.type_top ul li.active { color: #222; }
.product_list_section .category_wrap.type_basic { display: flex; align-content: center; }
.product_list_section .category_wrap.type_basic .cate_item { margin-right: 4px; }
.product_list_section .category_wrap .swiper-slide { width: auto; margin-right: 4px; }
.product_list_section .category_wrap .cate_item { font-size: 14px; font-weight: 500; color: var(--gray-700); line-height: 18px; white-space: nowrap; padding: 7px 12px; background: var(--gray-400); border-radius: 16px; cursor: pointer; display: inline-block;}
.product_list_section .category_wrap .cate_item.type_select::after { width: 16px; height: 16px; background: url(../image/icon/icon_arrow_down_gray_sm.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -4px; margin-left: 2px; }
.product_list_section .category_wrap .cate_item.active { color: var(--white); background: var(--gray-900); }
.product_list_section .category_wrap .cate_item.active.type_select::after { background: url(../image/icon/icon_arrow_down_white_sm.svg) no-repeat center center; background-size: contain; }
.popup_select_category .popup_inner { height: 430px; }
.popup_select_category .cate_chk_list { display: flex; flex-wrap: wrap; }
.popup_select_category .cate_chk_list li { margin: 0 8px 8px 0; }
.popup_select_category .cate_chk_list li input + label { font-size: 14px; font-weight: 500; color: var(--gray-800); line-height: 24px; padding: 8px 12px; background: var(--gray-400); border: 1px solid var(--gray-400); border-radius: 6px; display: inline-block; }
.popup_select_category .cate_chk_list li input:checked + label { color: var(--gray-900); background: var(--primary-100); border: 1px solid var(--primary-500); }
.popup_select_category .btn_main_box .btn_reset { width: calc(42% - 4px) !important; }
.popup_select_category .btn_main_box .btn_reset::before { width: 20px; height: 20px; background: url(../image/icon/icon_reset_primary.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -4px; margin-right: 4px; }
.popup_select_category .btn_main_box .btn_reset:disabled::before,
.popup_select_category .btn_main_box .btn_reset.disabled::before { background: url(../image/icon/icon_reset_gray.svg) no-repeat center center; background-size: contain; }
.popup_select_category .btn_main_box .btn_primary { width: calc(58% - 4px) !important; }