#header .header_wrap .btn_cart { right: 8px; background: url(../image/product/btn_cart_black.svg) no-repeat center center; background-size: 20px; } 
#header .header_wrap .btn_cart .count { position: absolute; top: unset; right: 4px; bottom: 2px; width: 18px; height: 18px; font-size: 10px; font-weight: 700; color: #fff; line-height: 18px; letter-spacing: -0.05em; white-space: nowrap; text-align: center; text-indent: 0; background: #5C59FE; border-radius: 50%; } 

#container {position: relative;}

.tab_cont_wrap {width: 100%; overflow: hidden;}
.tab_cont_wrap .tab_cont {display: none;}
.tab_cont_wrap .tab_cont.active {display: block;}

.tab_nav {position: sticky; top: 64px; z-index: 1000; display: flex; background-color: #fff;}
.tab_nav li {flex: 1; font-size: 18px; font-weight: 400; color: #757575; line-height: 22px; text-align: center; border-bottom: 2px solid #efefef; padding: 12px; cursor: pointer;}
.tab_nav li.active {font-weight: 700; color: #222; border-bottom: 2px solid #222;}

.chip_box { display: flex; flex-wrap: wrap; }
.chip_box .chip { font-size: 13px; font-weight: 500; line-height: 18px; padding: 2px 8px; border-radius: 4px; display: inline-block; margin-right: 4px; }
.chip_box .chip.primary { color: #5C59FE; background: #EFF0F6; }
.chip_box .chip.blue { color: #297DFB; background: #F3F8FF; }
.chip {font-size: 13px; font-weight: 500; line-height: 18px; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-right: 8px;}
.chip.primary {color: #5C59FE; background-color: #EFF0F6;}

.product_list_section > .cont_box {padding: 12px 20px;}
.product_list_section .search_wrap { display: flex; justify-content: space-between;}
.product_list_section .search_wrap .input_box {position: relative; width: 100%; transition: all 0.2s ease-out; height: fit-content;}
.product_list_section .search_wrap .input_box.focus {width: calc(100% - 48px); }
.product_list_section .search_wrap .input_box.focus + .btn_search_exit { width: 42px; min-width: 42px; margin-left: 6px; }
.product_list_section .search_wrap .input_box .input_search {background:#f8f9fa; border: 1px solid #f8f9fa; width: 100%; height: 48px; padding: 12px 20px; border-radius: 8px; transition: all 0.2s ease-out;}
.product_list_section .search_wrap .input_box .input_search:focus,
.product_list_section .search_wrap .input_box .input_search:focus-visible { background: #fff; border: 1px solid #5C59FE; }
.product_list_section .search_wrap .input_box .btn_search { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../image/product/btn_search.svg) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; z-index: 5; transition: right 0.2s ease-out;}
.product_list_section .search_wrap .btn_search_exit {width: 0; min-width: 0; height: 48px; font-size: 16px; font-weight: 400; color: #757575; line-height: 48px; text-align: center; overflow: hidden; display: block; transition: all 0.2s ease-out;}
.product_list_section .search_hint_box li {padding: 12px 0; cursor: pointer; transition: all 0.2s ease-out; display: flex; align-items: center;}
.product_list_section .search_hint_box li:hover {background: var(--primary-100);
}
.product_list_section .search_result_box .product_list_box li {border: none;}
.product_list_section .category_wrap {padding: 16px 20px; border-bottom: 8px solid #FAFAFA;}
.product_list_section .category_wrap.type_slider {}
.product_list_section .category_wrap.type_basic {display: flex; align-items: center;}
.product_list_section .category_wrap.type_basic .cate_item {margin-right: 4px;}
.product_list_section .category_wrap .cate_item {font-size: 14px; font-weight: 500; color: #aaa; line-height: 18px; white-space: nowrap; padding: 7px 12px; background-color: #f8f9fa; border-radius: 16px; cursor: pointer; display: inline-block;}
.product_list_section .category_wrap .cate_item.active {color: #fff; background-color: #222;}
.product_list_section .category_wrap .cate_item.type_select::after {width: 16px; height: 16px; background: url(../image/product/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.type_select::after {background: url(../image/product/icon_arrow_down_white_sm.svg) no-repeat center center; background-size: contain;}
.product_list_section .category_wrap .swiper-slide {width: auto; margin-right: 4px;}

.product_list_section .tab_cont_wrap .tab_cont .cont_box {padding: 24px 20px;}
.product_list_section .product_list_box > li {border-bottom: 1px solid #efefef;}
.product_list_section .product_list_box .item .info_box .text_box {flex: 1; min-width: 200px; padding-right: 20px;}
.product_list_section .product_list_box .item {position: relative; display: block;}
.product_list_box .item .info_box {position: relative; }
.product_list_box .item .img_box.size_120 {width: 88px; height: 120px; min-width: 88px; margin-right: 8px;}
.product_list_box .item .info_box .text_box .star {display: flex; align-items: center; gap: 3px;}
.product_list_box .item .info_box .text_box .star img {width: 12px; height: 12px;}
.product_list_box .item .info_box .text_box .star span {display: inline-block; color: #757575;}
.product_list_box .item .btn_add_cart {position: absolute; right: 0; bottom: 0; font-size: 14px; font-weight: 500; color: #222; padding: 7px 8px; background: var(--gray-400); border-radius: 4px; z-index: 10; text-indent: unset; width: unset; height: unset; box-shadow: unset; background-image: unset; background-color: #F8F9FA; border: none;}
.product_list_box .item .btn_add_cart::before {content: ""; width: 14px; height: 14px; background: url(../image/product/btn_cart_black.svg) no-repeat center center; background-size: contain; display: inline-block; vertical-align: -2px; margin-right: 4px;}
.product_list_box .item .btn_add_cart.active {background-color: #EFF0F6; border: none; color: #5C59FE;}
.product_list_box .item .btn_add_cart.active::before {background-image: url(../image/product/btn_cart_primary.svg); width: 16px; height: 14px; margin-right: 2.5px;}


.btn_main_box .btn .count {display: inline-block; width: 22px; font-size: 14px; font-weight: 700; color: #5C59FE; line-height: 22px; text-align: center; background: #fff; border-radius: 50%; vertical-align: 1px; margin-left: 6px;}
.btn_main_box .btn_tooltip_box {position: absolute; left: 50%; bottom: calc(100% - 8px); transform: translateX(-50%); padding: 7px 16px; background: rgba(34, 34, 34, 0.80); border-radius: 8px;}
.btn_main_box .btn_tooltip_box p {display: inline-block; font-size: 14px; font-weight: 500; color: #fff; line-height: 18px; letter-spacing: -0.28px;}

.btn_sub_box {width: 100%; text-align: center;}
.btn_sub_box .btn {width: 100%; line-height: 20px; padding: 12px; background: #fff; display: inline-block; color: #757575; font-weight: 400;}
.btn_sub_box .btn::after {content: ""; width: 18px; height: 18px; background: url(../image/product/icon_arrow_down_gray.svg); background-size: contain; display: inline-block; vertical-align: -5px; margin-left: 6px;}
.btn_sub_box .btn.type_bd_gray {border: 1px solid #dddddd;}
.btn_sub_box .btn.btn_plus::after { width: 18px; height: 18px; background: url(../image/icon/icon_plus_gray.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -3px; margin-left: 4px;}

/* 영양제 골라담기 장바구니 css */
#container section.cart_section {min-height: unset;}
.cart_section > .cont_box {padding-top: 0;}
.cart_section .product_list_box li {padding: 12px 0; border-bottom: 1px solid #efefef;}
.cart_section .product_list_box li:first-child {padding-top: 0;}
.cart_section .product_list_box li .pop_open {cursor: pointer;}
.cart_section .product_list_box li .info_box {flex-wrap: wrap;}
.cart_section .product_list_box li .item .top_box {padding: 6px 0;}
.cart_section .product_list_box li .item .check_box {margin-right: 8px;}
.cart_section .product_list_box .item .btn_delete {width: 20px; height: 20px; background-image: url(../image/btn/btn_delete_gray.svg);}
.cart_section .product_list_box .item .check_box .icon_chkbox {width: 20px; height: 20px; background-color: #fff; border: 1px solid #D0D5DD; border-radius: 4px; text-indent: -9999px; display: inline-block; background: url(../image/icon/icon_check_gray.svg) no-repeat center center; background-size: 12px;}
.cart_section .product_list_box .item .check_box input:checked + label .icon_chkbox {background: url(../image/icon/icon_checkbox_p.svg) no-repeat center center, #f9f5ff; border: 1px solid #7f56d9; background-size: 12px;}
.cart_section .product_list_box .item .img_box {margin-right: 8px; width: 72px; height: 72px; min-width: 72px;}
.cart_section .product_list_box .item .text_box {padding: 4px 20px 0 0;}
.cart_section .product_list_box .item .text_box .brand {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 100%; margin-top: 2px;}
.cart_section .product_list_box .item .info_box .price_box {width: 100%;     text-align: right; color: #222222; justify-content: flex-end;}
.cart_section .product_list_box .item .info_box .price_box strong {font-weight: 500; font-size: 16px; line-height: 22px; color: #222222;}
.cart_section .btn_main_box .btn .price {color: #fff; display: inline-block;}
.cart_section .btn_main_box .btn .price::before { width: 3px; height: 3px; background: rgba(255, 255, 255, 0.50); border-radius: 50%; content: ''; display: inline-block; vertical-align: 4px; margin: 0 6px;}


/* popup */

#popup .popup_head { position: relative; padding: 36px 20px 20px; border-bottom: 1px solid #EFEFEF; width: unset; text-align: left; height: fit-content;}
#popup .popup_wrap.type_toast {border-radius: 32px 32px 0 0;}
#popup .popup_head .btn_exit { position: absolute; top: 36px; right: 20px; transform: translate(0); width: 24px; height: 24px; background: url(../image/product/btn_close_black.svg) no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; z-index: 5;}
#popup_nuts .popup_head { position: relative; padding: 36px 20px 20px; border-bottom: 1px solid #EFEFEF; width: unset; text-align: left; height: fit-content;}
#popup_nuts .popup_wrap.type_toast {border-radius: 32px 32px 0 0;}
#popup_nuts .popup_head .btn_exit { position: absolute; top: 36px; right: 20px; transform: translate(0); width: 24px; height: 24px; background: url(../image/product/btn_close_black.svg) no-repeat center center; background-size: contain; text-indent: -9999px; display: inline-block; z-index: 5;}
.popup_select_category .popup_inner {height: 430px;}
#popup .popup_inner.type_scroll {overflow-y: scroll; padding-bottom: 107px; -ms-overflow-style: none; scrollbar-width: none; max-height: calc(100vh - 64px);}
#popup .popup_inner .cont_box {padding: 24px 20px;}
.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: #757575; line-height: 24px; padding: 8px 12px; background: #f8f9fa; border: 1px solid #f8f9fa; border-radius: 6px; display: inline-block;}
.popup_select_category .cate_chk_list li input:checked + label{color: #000; background: #EFF0F6; border: 1px solid #5C59FE; }
#popup .btn_main_box.type_fixed {position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; max-width: 480px; min-width: 360px; padding: 28px 20px 24px; background: rgb(255, 255, 255); background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%); z-index: 1000;}
#popup .btn_main_box .btn {padding: 16px 20px; border-radius: 10px;}
.popup_select_category .btn_main_box .btn_reset {width: calc(42% - 4px) !important; background: #EFF0F6; color: #5C59FE;}
.popup_select_category .btn_main_box .btn_reset:disabled {background-color: #EFEFEF; color: #aaa;}
.popup_select_category .btn_main_box .btn_reset:before {width: 20px; height: 20px; background: url(../image/product/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 {background: url(../image/product/icon_reset_gray.svg) no-repeat center center;}
.popup_select_category .btn_main_box .btn_primary {width: calc(58% - 4px) !important;}


/** POPUP - 영양제 상세 */
.popup_wrap.popup_nuts .popup_head h2 { padding-right: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.popup_wrap.popup_nuts .popup_inner { height: 430px; } 
.popup_wrap.popup_nuts .popup_inner.type_scroll{padding-bottom: 107px;}
.popup_wrap.popup_nuts .popup_head .btn_exit { top: 35px; transform: translateY(0); }
.popup_nuts .tab_nav {position: unset; top: unset;}
.popup_nuts .product_thumbnail_box { position: relative; width: 100%; height: 210px; overflow: hidden; } 
.popup_nuts .product_thumbnail_box img { width: 100%; height: 100%; object-fit: cover; } 
.popup_nuts .product_info_box .review_box { display: flex; align-items: center; } 
.popup_nuts .product_info_box .fc_gray_800 {color: #757575;} 
.popup_nuts .product_info_box .review_box .star img { width: 14px; vertical-align: -1px; } 
.popup_nuts .product_info_box .review_box .star::after { width: 3px; height: 3px; border-radius: 50%; background: #ddd; content: ''; display: inline-block; vertical-align: 3px; margin: 0 6px 0 4px; } 
.popup_nuts .product_info_box .price_box .fc_gray_700 {color: #aaa;}
.popup_nuts .product_info_box .price_box .discount { text-decoration: line-through; display: inline-block; margin-left: 2px; } 
.popup_nuts .product_info_box .price_box .percent { margin-right: 4px; } 
.popup_nuts .talk_box { padding: 16px; border-radius: 24px; border-bottom-left-radius: 0; background: #F3F8FF; } 
.popup_nuts .talk_person { display: flex; align-items: center; } 
.popup_nuts .talk_person img { width: 44px; margin-right: 8px; } 
.popup_nuts .talk_person dl { flex: 1; } 
.popup_nuts .brand_info_box { display: flex; align-items: stretch; justify-content: space-between; } 
.popup_nuts .brand_info_box > div { width: calc(50% - 4px); padding: 12px; background: #ffffff; border: 1px solid #EFEFEF; border-radius: 8px; } 
.popup_nuts .qna_list_box li { width: 100%; padding: 16px; background: #ffffff; border: 1px solid #EFEFEF; border-radius: 8px; margin-bottom: 8px; } 
.popup_nuts .qna_list_box li:last-of-type { margin-bottom: 0; } 
.popup_nuts .qna_list_box .q_box { position: relative; padding-left: 20px; } 
.popup_nuts .qna_list_box .q_box::before { position: absolute; left: 0; top: -1px; content: 'Q.'; display: block; } 
.popup_nuts .qna_list_box .a_box { position: relative; padding-left: 56px; } 
.popup_nuts .qna_list_box .a_box::after { position: absolute; left: 16px; top: 0; width: 32px; height: 32px; background: url(../image/product/icon_consultant.svg) no-repeat center center; background-size: contain; content: ''; display: block; } 
.popup_nuts .mark_list_box li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EFEFEF; padding: 12px 12px; } 
.popup_nuts .mark_list_box li:last-of-type { border-bottom: none; margin-bottom: 0; } 
.popup_nuts .mark_list_box img { width: 42px; min-width: 42px; } 
.popup_nuts .mark_list_box dl { width: calc(100% - 54px); } 
.popup_nuts .table_box h4 { color: #757575; } 
.popup_nuts .table_box table { width: 100%; border-top: 1px solid #EFEFEF; } 
.popup_nuts .table_box table tr { border-bottom: 1px solid #EFEFEF; } 
.popup_nuts .table_box table th,
.popup_nuts .table_box table td { font-size: 13px; font-weight: 400; line-height: 18px; padding: 8px; text-align: left; } 
.popup_nuts .table_box table th { vertical-align: top; background: #F8F9FA; } 
.popup_nuts .table_box table td { color: #757575; } 
.popup_nuts .table_box table td .unit_box { display: flex; justify-content: space-between; width: 100%; } 
.popup_nuts .review_list_wrap .info_box > * { display: inline-block; } 
.popup_nuts .review_list_wrap .user_box .date { margin-left: auto; color: #757575;} 
.popup_nuts .review_list_wrap .review_img_slider .swiper-wrapper > *:first-of-type { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } 
.popup_nuts .review_list_wrap .review_img_slider .swiper-wrapper > *:last-of-type { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }  
.popup_nuts .review_list_wrap .review_img_slider .swiper-slide { width: 152px; height: 152px; overflow: hidden; } 
.popup_nuts .review_list_wrap .review_img_slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.popup_nuts .review_list_wrap .text_review_wrap { height: auto; overflow: hidden; transition: height 0.5s; }
.popup_nuts .review_list_wrap .text_review_wrap.on .text { -webkit-line-clamp: unset; height: auto; max-height: unset; }
.popup_nuts .review_list_wrap .text_review_wrap .text { max-height: 72px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 4; font-size: 14px; line-height: 18px;}
.popup_nuts .review_list_wrap .text_review_wrap + .btn_text_more { font-size: 14px; font-weight: 400; color: #757575; display: inline-block; margin-top: 4px; }
.popup_nuts .none_data_box .popup_icon {width: 48px; height: 48px;}
.popup_nuts .review_list_wrap .item {padding-bottom: 32px;}

.popup_nuts .star_box {display: flex;}
.popup_nuts .star_box .star {width: 98px; display: flex; align-items: center; justify-content: space-between; margin-right: 4px; background: none;}
.popup_nuts .star_box .star::after {display: none;}
.popup_nuts .star_box .star img {width: 18px;}

#popup_alert .popup_icon {width: 48px; height: 48px;}

#popup_confirm .popup_wrap {padding: 24px 20px;}
#popup_confirm .popup_wrap .btn_main_box {gap: 8px;}
#popup_confirm .popup_wrap .btn_main_box .btn{ padding: 16px 24px;}