@charset "utf-8";
/** POPUP - product **/
.popup_product .btn_pop_close { position: absolute; right: 24px; top: 12px; width: 24px; height: 24px; background: url(../image/btn/btn_popup_close.svg) no-repeat center center; background-size: contain; text-indent: -9999px; display: block; z-index: 10; } 
.popup_product .thumb_box { position: relative; width: 100%; height: 150px; overflow: hidden; } 
.popup_product .thumb_box img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; max-width: none; } 
.popup_product .scroll_box { height: 300px; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } 
.popup_product .scroll_box::-webkit-scrollbar { display: none; } 

.popup_product .tag_list { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 4px; }
.popup_product .tag_list li { display: inline-block; font-size: 13px; white-space: nowrap; padding: 4px 8px; background: var(--bg-gray); border-radius: 28px; margin: 0 8px 4px 0; }
.popup_product .inner_text_area { margin-bottom: 36px; }
.popup_product .inner_text_area .title { display: block; font-size: var(--font-large); font-weight: 700; line-height: 24px; }
.popup_product .inner_text_area .sub_text { display: block; font-size: var(--font-small); line-height: 20px; margin-top: 6px; }
.popup_product .inner_text_area .vol_text_area { display: block; margin-top: 2px; }
.popup_product .inner_text_area .vol_text { display: block; width: 100%; font-size: 13px; color: var(--color-gray); line-height: 22px; }
.popup_product .inner_text_area .price_area { display: block; width: 100%; text-align: right; margin-top: 8px; }
.popup_product .inner_text_area .price_area .date { display: inline-block; font-size: var(--font-small); color: var(--color-gray); line-height: 24px; margin-right: 16px; }
.popup_product .inner_text_area .price_area .price { font-size: 20px; font-weight: 700; color: var(--color-black); line-height: 24px; }
.popup_product .inner_text_area .price_area .price .cost { display: inline-block; font-size: var(--font-small); font-weight: 700; color: var(--color-gray); line-height: 24px; text-decoration: line-through; margin-right: 8px; }
.popup_product .pick_text_area .top_tag { display: inline-block; height: 24px; font-size: 13px; line-height: 24px; padding: 0 8px; background: var(--bg-gray); border-radius: 28px; }
.popup_product .pick_text_area .title { display: block; font-size: var(--font-medium); font-weight: 700; line-height: 26px; margin-top: 8px; }
.popup_product .pick_text_area .main_text { font-size: var(--font-small); line-height: 20px; margin-top: 8px; }
.popup_product .nutrient_info_area { margin-top: 24px; }
.popup_product .nutrient_info_area .title { display: block; font-size: var(--font-medium); font-weight: 700; color: var(--color-dark-gray); line-height: 22px; }
.popup_product .nutrient_info_area .intake { display: block; font-size: var(--font-small-xs); line-height: 22px; margin-top: 4px; }
.popup_product .nutrient_info_area ul { margin-top: 8px; }
.popup_product .nutrient_info_area .table_title { border-top: 1px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; }
.popup_product .nutrient_info_area li { display: flex; justify-content: space-between; border-bottom: 1px solid #f3f3f3; }
.popup_product .nutrient_info_area li strong, 
.popup_product .nutrient_info_area li span { font-size: 13px; color: var(--color-dark-gray); line-height: 22px; }
.popup_product .nutrient_info_area .table_sub_text { font-size: var(--font-small-xs); line-height: 22px; margin-top: 8px; }
.popup_product .inner_text_area.footer { margin-bottom: 0; }
.popup_product .inner_text_area.footer .logo_list { display: flex; justify-content: flex-start; margin-top: 8px; }
.popup_product .inner_text_area.footer .logo_list li { margin-right: 4px; }
.popup_product .inner_text_area.footer .logo_list li img { width: 32px; }
.popup_product .inner_text_area.footer p { font-size: var(--font-small-xs); color: var(--color-gray); line-height: 18px; margin-top: 24px; }