@charset "utf-8";

.mypage_section .btn_box,
.infoedit_section .btn_box { text-align: center; } 
.mypage_section .btn_box .btn_logout,
.infoedit_section .btn_box .btn_logout { display: inline-block; font-size: 14px; color: var(--gray-500); line-height: 36px; text-decoration: underline; } 
.textarea_box { position: relative; width: 100%; height: 160px; padding: 15px 15px 40px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 12px; display: block; overflow: hidden; transition: all 0.1s ease-in-out; } 
.textarea_box:focus,
.textarea_box.focus { border: 1px solid var(--primary-500); } 
.textarea_box.error { border: 1px solid var(--red); } 
.textarea_box textarea { display: block; width: 100%; height: 100%; font-size: 15px; font-weight: 400; line-height: 22px; background: transparent; border: none; resize: none; -ms-overflow-style: none; } 
.textarea_box textarea::-webkit-scrollbar { display: none; } 
.textarea_box textarea::placeholder { color: var(--gray-300); } 
.textarea_box .text_count { position: absolute; right: 15px; bottom: 15px; font-size: 13px; font-weight: 400; color: var(--gray-400); } 
.textarea_box .text_count .limit { color: var(--primary-500); } 
.input_chk_box input + label { position: relative; font-size: 15px; line-height: 24px; padding-left: 32px; } 
.input_chk_box input + label .icon_chkbox2 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(../image/icon/icon_chkbox_off.svg) no-repeat center center; background-size: contain; border-radius: 50%; display: inline-block; } 
.input_chk_box input:checked + label .icon_chkbox2 { background: url(../image/icon/icon_chkbox_on.svg) no-repeat center center; background-size: contain; } 
.input_chk_box input:checked + label { font-weight: bold; color: var(--primary-500); } 
.banner_coupon { position: relative; width: 100%; padding: 16px; background: var(--primary-100); border-radius: 8px; } 
.banner_coupon::before { position: absolute; left: 20px; top: -15px; width: 86px; height: 80px; background: url(../image/img_coin_big.svg) no-repeat center center; background-size: contain; content: ''; display: block; } 
.banner_coupon p { font-size: 14px; font-weight: 500; color: var(--black); line-height: 22px; padding-left: 115px; } 
.banner_coupon p strong { font-size: 24px; font-weight: 700; color: var(--primary-500); letter-spacing: -0.5px; line-height: 32px; display: block; } 
.btn_cs_call { display: inline-block; font-size: 13px; font-weight: 500; color: var(--gray-400); line-height: 16px; text-decoration: underline; } 
.btn_cs_call i { display: inline-block; width: 16px; height: 16px; background: url(../image/icon/icon_circle_question.svg) no-repeat center center; vertical-align: -3px; margin-right: 4px; } 
/*! ──────────────────── Components ──────────────────── */
/*? 결제금액 */
.calc_price_box ul:not(:first-of-type) { border-top: 1px solid var(--primary-100); margin-top: 12px; } 
.calc_price_box .detail_price_box { padding: 12px 0; } 
.calc_price_box .detail_price_box > li { margin-bottom: 6px; } 
.calc_price_box .detail_price_box > li:last-of-type { margin-bottom: 0; } 
.calc_price_box .price_item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 8px; } 
.calc_price_box .price_item .price_tit { display: inline-block; font-size: 16px; font-weight: 500; line-height: 24px; } 
.calc_price_box .price_item .price_txt { display: inline-block; font-size: 16px; font-weight: 500; line-height: 24px; } 
.calc_price_box .price_item .price_txt.discount { color: var(--red); } 
.calc_price_box .price_item .price_detail_list { width: 100%; padding: 8px 16px 0; } 
.calc_price_box .price_item .price_detail_list dl { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; } 
.calc_price_box .price_item .price_detail_list dl:last-of-type { margin-bottom: 0; } 
.calc_price_box .price_item .price_detail_list dl * { font-size: 14px; font-weight: 400; line-height: 24px; color: var(--gray-400); } 
.calc_price_box .point_item { display: flex; align-items: flex-start; justify-content: space-between; padding: 8px 0; border-top: 1px solid var(--primary-100); border-bottom: 1px solid var(--primary-100); } 
.calc_price_box .point_item .point_chk_box label { position: relative; display: block; font-size: 16px; font-weight: 500; color: #222; line-height: 22px; padding-left: 32px; } 
.calc_price_box .point_item .point_chk_box label::before { position: absolute; left: 0; top: -1px; width: 24px; height: 24px; background: url(../image/icon/icon_chkbox_circle_off.svg) no-repeat center center; background-size: contain; content: ''; display: block; } 
.calc_price_box .point_item .point_chk_box input:checked + label::before { background: url(../image/icon/icon_chkbox_circle_on.svg) no-repeat center center; background-size: contain; } 
.calc_price_box .point_item .point_chk_box label em { display: block; font-size: 13px; font-weight: 400; color: #888; line-height: 20px; } 
.calc_price_box .point_item .point_chk_box label b { display: block; font-size: 13px; font-weight: 400; line-height: 20px; } 
.calc_price_box .point_item > strong { display: inline-block; font-size: 16px; font-weight: 500; line-height: 24px; } 
.calc_price_box .total_price_box { display: flex; align-items: center; justify-content: space-between; } 
.calc_price_box .total_price_box .price_title { font-size: 16px; font-weight: 500; line-height: 26px; } 
.calc_price_box .total_price_box .total_sale { font-size: 26px; font-weight: 700; line-height: 34px; } 
.calc_price_box .detail_price_box .toggle_tab { cursor: pointer; } 
.calc_price_box .detail_price_box .toggle_tab::after { width: 24px; height: 24px; background: url(../image/icon/icon_arrow_down_black.svg) no-repeat center center; background-size: 24px; content: ''; display: inline-block; vertical-align: -6px; margin-left: 2px; } 
.calc_price_box .detail_price_box .toggle_tab.on::after { transform: rotate(180deg); } 
.calc_price_box .detail_price_box .toggle_cont { display: none; } 
/*? 쇼핑목록 */
.shopping_list_box .title_box { position: relative; } 
.shopping_list_box .title_box .arrow { position: absolute; right: 0; top: 0; width: 24px; height: 24px; text-indent: -9999px; background: url(../image/icon/icon_arrow_down_black.svg) no-repeat center center; background-size: contain; content: ''; cursor: pointer; z-index: 5; } 
.shopping_list_box .title_box.on .arrow { transform: rotate(180deg); } 
.shopping_list_box .toggle_cont { display: none; } 
.cart_list_box .cart_state { display: flex; align-items: center; justify-content: space-between; padding-top: 24px; } 
.cart_list_box .cart_state .label { font-size: 18px; font-weight: 700; color: var(--primary-500); display: inline-block; } 
.cart_list_box .cart_state .date { font-size: 14px; font-weight: 400; display: inline-block; } 
.cart_list_box .nutr_list { margin-top: 16px; } 
.cart_list_box .nutr_list li { border-bottom: 1px solid var(--primary-100); } 
.cart_list_box .nutr_list li:last-of-type { border-bottom: none; padding-bottom: 0; } 
.cart_list_box .nutr_list .nutr_item { position: relative; width: 100%; padding: 16px 0; } 
.cart_list_box .nutr_list .nutr_item .info_box { display: flex; justify-content: space-between; } 
.cart_list_box .nutr_list .nutr_item .img_box { position: relative; width: 70px; height: 70px; border: 1px solid var(--primary-100); border-radius: 8px; overflow: hidden; } 
.cart_list_box .nutr_list .nutr_item .img_box img { height: 100%; object-fit: cover; } 
.cart_list_box .nutr_list .nutr_item .text_box { width: calc(100% - 80px); padding: 6px 24px 6px 0; text-align: left; } 
.cart_list_box .nutr_list .nutr_item .text_box .tag { display: block; font-size: 13px; font-weight: 500; color: var(--gray-500); line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cart_list_box .nutr_list .nutr_item .text_box .name { width: 100%; font-size: 15px; font-weight: 700; color: var(--black); line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cart_list_box .nutr_list .nutr_item .text_box .desc { width: 100%; font-size: 13px; font-weight: 400; color: var(--gray-500); line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cart_list_box .nutr_list .nutr_item .text_box .desc em { font-style: normal; } 
.cart_list_box .nutr_list .nutr_item .text_box .desc .pp { color: var(--primary-500); } 
.cart_list_box .nutr_list .nutr_item .bot_area { display: flex; justify-content: flex-end; align-items: center; margin-top: 4px; } 
.cart_list_box .nutr_list .nutr_item .bot_area .price_text { font-size: 16px; font-weight: 700; line-height: 26px; } 
.cart_list_box .nutr_list .nutr_item .del_btn { position: absolute; right: 0; top: 12px; width: 20px; height: 20px; text-indent: -9999px; background: url(../image/btn/btn_exit.svg) no-repeat center center; display: inline-block; opacity: 0.3; z-index: 1; } 
.cart_list_box .btn_plus::before { width: 18px; height: 18px; background: url(../image/icon/icon_plus_primary.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -3px; margin-right: 4px; } 
/*! ──────────────────── data_list_box ──────────────────── */
.data_list_box li { margin-bottom: 8px; } 
.data_list_box li:last-of-type { margin-bottom: 0; } 
.data_list_box .list { position: relative; width: 100%; padding: 18px; background: var(--white); border: 2px solid var(--primary-100); border-radius: 8px; overflow: hidden; } 
.data_list_box .list .label_area { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } 
.data_list_box .list .label_area .label { display: inline-block; font-size: 18px; font-weight: 700; line-height: 20px; } 
.data_list_box .list .label_area .label.type_pp { color: var(--primary-500); } 
.data_list_box .list .label_area .label.type_gn { color: var(--sub-500); } 
.data_list_box .list .label_area .label.type_gy { color: var(--gray-400); } 
.data_list_box .list .label_area .arrow { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--sub-500); padding-right: 18px; background: url(../image/icon/icon_arrow_right_sub.svg) no-repeat right 2px; background-size: 16px; display: inline-block; } 
.data_list_box .list .date { width: 100%; font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; margin-top: 12px; } 
.data_list_box .list .title { font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 4px; } 
.data_list_box .list .detail_text { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 12px; } 
.data_list_box .list .btn_primary { display: block; width: 100%; height: 40px; font-size: 15px; font-weight: 700; color: var(--white); line-height: 40px; text-align: center; background: var(--primary-500); border-radius: 8px; margin-top: 12px; } 
/*! ──────────────────── none_data_box ──────────────────── */
.none_data_box { width: 100%; text-align: center; padding: 40px 0; } 
.none_data_box .icon_healthman { width: 76px; height: 76px; background: url(../image/img_healthman.svg) no-repeat center center; background-size: contain; display: block; margin: 0 auto 8px; } 
.none_data_box .icon_folder { width: 76px; height: 76px; background: url(../image/img_folder_gray.svg) no-repeat center center; background-size: contain; display: block; margin: 0 auto 8px; } 
.none_data_box .icon_document { width: 76px; height: 76px; background: url(../image/img_document_gray.svg) no-repeat center center; background-size: contain; display: block; margin: 0 auto 8px; } 
.none_data_box .icon_info { width: 24px; height: 24px; background: url(../image/icon/icon_info_gray.svg) no-repeat center center; background-size: contain; display: block; margin: 0 auto 10px; } 
.none_data_box h3 { font-size: 18px; font-weight: 700; line-height: 24px; } 
.none_data_box p { font-size: 16px; font-weight: 500; color: var(--gray-500); line-height: 22px; } 
.none_data_box p * { color: inherit; } 
.none_data_box .btn { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; display: inline-block; text-decoration: underline; } 
.none_data_box .btn_border { font-size: 14px; font-weight: 700; color: var(--primary-500); line-height: 20px; padding: 8px 24px; background: var(--white); border: 1px solid var(--primary-500); border-radius: 8px; display: inline-block; } 
/*! ──────────────────── banner_list ──────────────────── */
.banner_list li { margin-bottom: 8px; } 
.banner_list li a { min-height: 72px; display: flex; flex-wrap: wrap; align-items: center; background: #F7F8FB; padding: 16px 24px; border-radius: 8px; background-repeat: no-repeat; background-position: 90% center; } 
.banner_list .ban_benefit_01 { background-image: url(../image/img_care_service.svg); background-size: 127px; } 
.banner_list .ban_benefit_02 { background-image: url(../image/img_coin_big.svg); background-size: 82px; } 
.banner_list .ban_benefit_03 { background-image: url(../image/img_box_open.svg); background-size: 87px; } 
.banner_list p { font-size: 18px; color: var(--primary-500); line-height: 26px; text-align: left; } 
.banner_list p * { color: inherit; } 
.banner_list p.txt_col { width: 100%; margin-top: 4px; } 
.banner_list span { display: inline-block; font-size: 13px; font-weight: 500; color: var(--primary-500); line-height: 22px; padding: 0 4px; border-radius: 5px; background: var(--primary-100); margin-right: 8px; } 
.banner_list + .btn_box { text-align: center; } 
.banner_list + .btn_box .btn { font-size: 14px; font-weight: 700; color: var(--gray-400); line-height: 36px; text-decoration: underline; display: inline-block; } 





/** ──────────────────── page - 마이페이지 ──────────────────── */
.mypage_section .user_info { display: flex; align-items: center; justify-content: space-between; } 
.mypage_section .user_info .text_box { width: calc(100% - 70px); } 
.mypage_section .user_info .user_name { font-size: 26px; font-weight: 700; line-height: 36px; } 
.mypage_section .user_info .email { font-size: 14px; color: var(--gray-400); line-height: 20px; margin-top: 4px; } 
.mypage_section .user_info_link { display: inline-block; width: 52px; height: 34px; text-indent: -9999px; background: url(../image/icon/icon_setting.svg) no-repeat center center, var(--white); background-size: 18px; border: 1px solid var(--gray-200); border-radius: 17px; } 
.mypage_section .reservation_waiting { padding: 16px; background: var(--white); border: 2px solid var(--primary-100); border-radius: 12px; -webkit-box-shadow: 0 0 10px 2px var(--primary-100); box-shadow: 0 0 10px 2px var(--primary-100); margin-top: 24px; } 
.mypage_section .quick_link { width: 100%; max-width: 350px; min-width: 312px; display: flex; justify-content: space-between; margin: 24px auto 0; } 
.mypage_section .quick_link li a { display: inline-block; width: 52px; text-align: center; } 
.mypage_section .quick_link li a::before { width: 30px; height: 24px; content: ''; display: block; margin: 0 auto 8px; } 
.mypage_section .quick_link li a.link_order::before { background: url(../image/icon/icon_delivery.svg) no-repeat center center; background-size: contain; } 
.mypage_section .quick_link li a.link_review::before { background: url(../image/icon/icon_chat.svg) no-repeat center center; background-size: contain; } 
.mypage_section .quick_link li a.link_coupon::before { background: url(../image/icon/icon_coupon.svg) no-repeat center center; background-size: contain; } 
.mypage_section .quick_link li a.link_point::before { background: url(../image/icon/icon_point.svg) no-repeat center center; background-size: contain; } 
.mypage_section .quick_link li a span { display: block; font-size: 13px; font-weight: 500; line-height: 16px; word-break: keep-all; } 
.mypage_section .link_list li { margin-bottom: 24px; } 
.mypage_section .link_list li a { display: flex; align-items: center; width: 100%; } 
.mypage_section .link_list li a::before { width: 24px; height: 24px; content: ''; display: inline-block; margin-right: 12px; } 
.mypage_section .link_list li a.link_folder::before { background: url(../image/icon/icon_folder.svg) no-repeat center center; background-size: 24px; } 
.mypage_section .link_list li a.link_paper::before { background: url(../image/icon/icon_paper.svg) no-repeat center center; background-size: 22px; } 
.mypage_section .link_list li a.link_cal::before { background: url(../image/icon/icon_cal.svg) no-repeat center center; background-size: 24px; } 
.mypage_section .link_list li a span { display: block; width: calc(100% - 72px); line-height: 32px; } 
.mypage_section .link_list li a::after { width: 24px; height: 24px; background: url(../image/icon/icon_arrow_right_black.svg) no-repeat center center; background-size: 24px; content: ''; display: inline-block; opacity: 0.6; } 


/** ──────────────────── page - 상담예약관리 ──────────────────── */
.schedule_list_box > li { width: 100%; padding: 18px; border: 2px solid var(--primary-100); border-radius: 12px; margin-bottom: 8px; } 
.schedule_list_box .title { font-size: 18px; font-weight: 700; color: var(--primary-500); line-height: 20px; } 
.schedule_list_box .date { font-size: 14px; font-weight: 400; color: var(--gray-300); line-height: 22px; display: block; } 
.schedule_list_box .btn_view { font-size: 16px; font-weight: 500; line-height: 24px; display: inline-block; } 
.schedule_list_box .btn_view::after { width: 20px; height: 24px; background: url(../image/icon/icon_arrow_right_black.svg) no-repeat center center; background-size: 24px; content: ''; display: inline-block; vertical-align: -7px; } 
.schedule_list_box .desc { font-size: 14px; font-weight: 400; color: var(--gray-300); line-height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } 
.schedule_list_box .btn_sub_box .btn { width: 100%; } 


/** ──────────────────── page - 상담예약변경 ──────────────────── */
.time_select_box ul { display: flex; flex-wrap: wrap; } 
.time_select_box ul li { width: calc(33.33% - 5.4px); margin-right: 8px; } 
.time_select_box ul li:nth-of-type(3n) { margin-right: 0; } 
.time_select_box ul li:nth-of-type(n+4) { margin-top: 16px; } 
.time_select_box ul li input + label { font-size: 14px; font-weight: 500; color: var(--black); line-height: 20px; text-align: center; padding: 8px; border: 1px solid var(--gray-100); border-radius: 8px; display: block; } 
.time_select_box ul li input:checked + label { color: var(--white); background: var(--primary-500); border: 1px solid var(--primary-500); } 
.time_select_box ul li input:disabled + label,
.time_select_box ul li input.disabled + label { color: var(--gray-400); background: var(--gray-75); border: 1px solid var(--gray-75); } 
.consult_schedule_section .btn_box { text-align: center; padding: 36px 0; }
.consult_schedule_section .btn_box .btn { font-size: 14px; font-weight: 500; color: var(--gray-400); line-height: 18px; border-bottom: 1px solid var(--gray-400); display: inline-block; }

/** ──────────────────── page - 후기 목록 ──────────────────── */
.review_list_section .info_box { position: relative; } 
.review_list_section .info_box .text { font-size: 13px; font-weight: 500; color: var(--gray-400); line-height: 20px; } 
.review_list_section .info_box .text::before { width: 16px; height: 16px; background: url(../image/icon/icon_info_gray.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -4px; margin-right: 4px; } 
.review_list_section .tab_nav { width: 100%; } 
.review_list_section .tab_nav > li { width: 50%; font-size: 16px; font-weight: 700; color: var(--gray-400); line-height: 48px; text-align: center; border-bottom: 2px solid var(--gray-100); cursor: pointer; } 
.review_list_section .tab_nav > li.on { color: var(--primary-500); border-bottom: 2px solid var(--primary-500); } 
.review_list_section .tab_cont .tab_box { display: none; width: 100%; } 
.review_list_section .tab_cont .tab_box.on { display: block; } 
.review_list_section .list_box .top { display: flex; align-items: center; } 
.review_list_section .list_box .top .label { font-size: 13px; font-weight: 600; color: var(--primary-500); line-height: 24px; padding: 0 8px; background: var(--primary-100); border-radius: 4px; display: inline-block; margin-right: 8px; } 
.review_list_section .list_box .top .date { font-size: 13px; font-weight: 400; color: var(--gray-300); line-height: 20px; display: inline-block; } 
.review_list_section .list_box .top .star_box { margin-left: auto; } 
.review_list_section .list_box .title { font-size: 16px; font-weight: 500; line-height: 24px; } 
.review_list_section .list_box .bottom { display: flex; align-items: center; justify-content: flex-end; } 
.review_list_section .list_box .bottom .text { font-size: 13px; font-weight: 400; color: var(--primary-500); line-height: 24px; } 
.review_list_section .list_box .bottom .text.end { color: var(--gray-400); } 
.review_list_section .list_box .bottom .text b { color: var(--primary-500); } 
.review_list_section .list_box .bottom .btn { font-size: 15px; font-weight: 700; color: var(--primary-500); line-height: 24px; padding: 7px 16px; background: var(--white); border: 1px solid var(--primary-500); border-radius: 12px; margin-left: 8px; } 
.review_list_section .list_box .text_box p { max-height: 44px; font-size: 14px; font-weight: 400; line-height: 22px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.review_list_section .list_box .btn_box { text-align: right; } 
.review_list_section .list_box .btn_box .btn { font-size: 13px; font-weight: 700; color: var(--primary-500); line-height: 16px; border-bottom: 1px solid var(--primary-500); display: inline-block; } 
.review_list_section .list_box.type_block ul > li { width: 100%; padding: 16px; background: var(--white); border: 2px solid var(--primary-100); border-radius: 12px; margin-bottom: 8px; } 
.review_list_section .list_box.type_block ul > li:last-of-type { margin-bottom: 0; } 
.review_list_section .list_box.type_text ul > li { padding: 16px 0; border-top: 1px solid var(--primary-100); } 
.review_list_section .list_box.type_text ul > li:last-of-type { border-bottom: 1px solid var(--primary-100); } 


/** ──────────────────── page - 후기 수정 ──────────────────── */
.review_write_section .review_star_box { display: flex; flex-wrap: wrap; padding: 124px 0 0; transition: padding 0.3s linear; } 
.review_write_section .review_star_box .star_input_box { width: calc(100% - 56px); margin-right: 16px; transition: all 0.3s linear; } 
.review_write_section .review_star_box .star_input_box .star_chk input + label { width: 40px; height: 40px; background: url(../image/icon/icon_star_empty.svg) no-repeat left center; background-size: 228px; display: block; overflow: hidden; transition: all 0.3s linear; } 
.review_write_section .review_star_box .star_input_box .star_chk input:checked + label { background: url(../image/icon/icon_star_full.svg) no-repeat left center; background-size: 228px; transition: all 0.3s linear; } 
.review_write_section .review_star_box .star_text_box { font-size: 24px; font-weight: 500; color: var(--gray-400); line-height: 40px; display: inline-block; transition: all 0.3s linear; } 
.review_write_section .review_star_box .text { width: 100%; font-size: 16px; font-weight: 500; color: var(--gray-500); text-align: center; opacity: 0.7; margin-top: 24px; } 
/* - new - */
/* .review_write_section .review_file_box .title_box { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px 42px 16px 24px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 8px; } 
.review_write_section .review_file_box .title_box::after { position: absolute; right: 16px; top: 16px; width: 24px; height: 24px; background: url(../image/icon/icon_arrow_right_black.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.review_write_section .review_file_box .title_box h3 em { font-size: 14px; font-weight: 400; color: var(--gray-400); } 
.review_write_section .review_file_box .title_box .file_count { font-size: 15px; font-weight: 500; color: var(--gray-400); line-height: 24px; display: inline-block; margin-left: 16px; } 
.review_write_section .review_file_box .title_box .file_count .limit { font-weight: 700; color: var(--primary-500); } 
.review_write_section .upload_wrap_box { position: relative; width: 100%; min-height: 96px; }
.review_write_section .upload_wrap_box .file_input_box { position: absolute; left: 0; top: 0; width: 96px; height: 96px; background: url(../image/icon/icon_plus_gray.svg) no-repeat center center, var(--gray-50); background-size: 24px; border: 1px solid var(--gray-100); border-radius: 4px; overflow: hidden; z-index: 2; }
.review_write_section .upload_wrap_box .file_input_box input[type=file] { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.review_write_section .upload_wrap_box .file_list_box { display: flex; flex-wrap: wrap; }
.review_write_section .upload_wrap_box .file_list_box > li { position: relative; width: 96px; height: 96px; border: 1px solid var(--gray-100); border-radius: 4px; overflow: hidden; margin: 0 8px 8px 0; }
.review_write_section .upload_wrap_box .file_list_box > li img { height: 100%; object-fit: cover; } 
.review_write_section .upload_wrap_box .file_list_box > li .btn_delete { position: absolute; right: 6px; top: 6px; width: 24px; height: 24px; background: url(../image/btn/btn_exit_white.svg) no-repeat center center, rgba(0, 0, 0, 0.7); background-size: 16px; border-radius: 50%; text-indent: -9999px; z-index: 1; display: block; overflow: hidden; } */
/* - new - */
/* - old - */
.review_write_section .file_input_area { position: relative; }
.review_write_section .file_input_area .label { display: inline-block; font-weight: 700; font-size: 13px; background-color: rgba(42,173,92,0.1); border-radius: 30px; padding: 0 8px; height: 20px; line-height: 20px; color: var(--primary-500); margin-bottom: 8px; }
.review_write_section .file_area { width: 100%; height: 56px; position: relative; }
.review_write_section .file_input_box { position: absolute; left: 0; top: 0; position: absolute; width: 100%; height: 100%; }
.review_write_section .file_input_box input[type="file"] { z-index: 5; display: inline-block; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1; position: absolute; left: 0; top: 0; }
.review_write_section .file_input_area .file_text_area { width: 100%; height: 100%; line-height: 56px; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--gray-100); border-radius: 8px; padding: 0 16px 0 24px; box-sizing: border-box; }
.review_write_section .file_input_area .file_text_area .guide_text { font-weight: 400; font-size: 15px; font-weight: 400; line-height: 22px; }
.review_write_section .file_input_area .file_text_area .guide_text em { font-size: 15px; font-weight: 400; line-height: 22px; color: var(--gray-500); }
.review_write_section .file_input_area .file_text_area .file_lth_text { font-weight: 700; font-size: 15px; line-height: 22px; color: var(--primary-500); padding-right: 24px; background: url(../image/icon/icon_arrow_right_black.svg) no-repeat right center; background-size: 24px; display: inline-block; }
.review_write_section .file_list_view_area { margin-top: 8px; }
.review_write_section .file_list_view_area ul { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.review_write_section .file_list_view_area ul li { position: relative; width: 68px; height: 68px; border: 1px solid var(--gray-100); border-radius: 4px; overflow: hidden; margin: 0 6px 8px 0; }
.review_write_section .file_list_view_area ul li:nth-of-type(5n) { margin-right: 0; }
.review_write_section .file_list_view_area ul li img { height: 100%; object-fit: cover; } 
.review_write_section .file_list_view_area ul li .btn_delete { position: absolute; right: 4px; top: 4px; width: 20px; height: 20px; background: url(../image/btn/btn_exit.svg) no-repeat center center, var(--white); background-size: 12px; border: 1px solid var(--gray-100); border-radius: 50%; text-indent: -9999px; z-index: 1; display: block; overflow: hidden; }
/* - old - */
.review_write_section .review_guide_box { width: 100%; text-align: center; padding: 16px; background: #FFFBF1; } 
.review_write_section .review_guide_box .img_box { display: flex; align-items: center; justify-content: center; } 
.review_write_section .review_guide_box .img_box li { width: 68px; height: 68px; background: var(--gray-200); border-radius: 4px; overflow: hidden; margin: 0 4px; } 
.review_write_section .review_guide_box .img_box li img { width: 100%; height: 100%; object-fit: cover; } 
.review_write_section .review_guide_box p { font-size: 12px; font-weight: 400; line-height: 16px; opacity: 0.7; }
.review_write_section .file_guide_box li { position: relative; font-size: 13px; font-weight: 400; color: var(--gray-400); line-height: 18px; word-break: keep-all; margin-bottom: 8px; padding-left: 12px; } 
.review_write_section .file_guide_box li::before { position: absolute; left: 0; top: 0; content: '※'; display: block; } 
.point_box { font-size: 36px; font-weight: 700; line-height: 40px; } 
.point_box::before { width: 40px; height: 40px; font-size: 30px; font-weight: 700; color: var(--primary-500); line-height: 40px; text-align: center; padding-left: 2px; background: var(--primary-100); border-radius: 50%; content: 'P'; display: inline-block; vertical-align: 1px; margin-right: 8px; } 
/*? active */
.review_write_section .review_star_box.active { padding: 0 0 0; } 
.review_write_section .review_star_box.active .star_input_box { width: 132px; margin-right: 8px; } 
.review_write_section .review_star_box.active .star_input_box .star_chk input + label { width: 20px; height: 20px; background: url(../image/icon/icon_star_empty.svg) no-repeat left center; background-size: 114px; display: block; overflow: hidden; } 
.review_write_section .review_star_box.active .star_input_box .star_chk input:checked + label { background: url(../image/icon/icon_star_full.svg) no-repeat left center; background-size: 114px; } 
.review_write_section .review_star_box.active .star_text_box { font-size: 14px; line-height: 20px; } 
.review_write_section .review_star_box.active .text { display: none; } 

/** ──────────────────── page - 회원정보 ──────────────────── */
.infoedit_section .input_title_box { display: flex; align-items: center; justify-content: space-between; } 
.infoedit_section .input_title_box h3 { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; } 
.infoedit_section .input_title_box .btn_view { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; text-decoration: underline; } 


/** ──────────────────── page - 회원탈퇴 ──────────────────── */
.withdraw_section .list_box { padding-top: 24px; border-top: 1px solid var(--primary-100); margin-top: 24px; } 
.withdraw_section .list_box li { margin-bottom: 16px; } 
.withdraw_section .toggle_cont { display: none; } 
.withdraw_section .textarea_wrap { padding-top: 8px; } 


/** ──────────────────── page - 주문/배송 조회 ──────────────────── */
.order_section .state_view_area ul { width: 100%; display: flex; } 
.order_section .state_view_area ul li { width: 25%; text-align: center; } 
.order_section .state_view_area ul li .count { font-size: 20px; font-weight: 700; color: var(--gray-300); line-height: 20px; display: block; } 
.order_section .state_view_area ul li .state_text { font-size: 14px; font-weight: 500; color: var(--gray-300); line-height: 20px; display: block; margin-top: 8px; } 
.order_section .state_view_area ul li.type_active .count { color: var(--primary-500); } 
.order_section .state_view_area ul li.type_active .state_text { color: var(--black); } 
.order_section .state_view_area ul li.type_complete .count { color: var(--black); } 
.order_section .state_view_area ul li.type_complete .state_text { color: var(--black); } 
.order_section .order_list > li { width: 100%; padding: 18px; background: var(--white); border: 2px solid var(--primary-100); border-radius: 8px; margin-bottom: 8px; } 
.order_section .order_list > li:last-of-type { margin-bottom: 0; } 
.order_section .order_list .state_area { display: flex; justify-content: space-between; align-items: center; } 
.order_section .order_list .state_area .state { font-size: 18px; font-weight: 700; line-height: 20px; display: inline-block; } 
.order_section .order_list .state_area .type_pay { color: var(--black); } 
.order_section .order_list .state_area .type_ready { color: var(--primary-500); } 
.order_section .order_list .state_area .type_shipping { color: var(--primary-500); } 
.order_section .order_list .state_area .type_complete { color: var(--gray-400); } 
.order_section .order_list .state_area .type_cancel { color: var(--gray-400); } 
.order_section .order_list .state_area .arrow { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--sub-500); padding-right: 18px; background: url(../image/icon/icon_arrow_right_sub.svg) no-repeat right 2px; background-size: 16px; display: inline-block; } 
.order_section .order_list .date { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; margin-top: 12px; } 
.order_section .order_list .title { font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 4px; } 
.order_section .order_list .bot_text_area { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; } 
.order_section .order_list .bot_text_area .state { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 22px; } 
.order_section .order_list .bot_text_area .price { font-size: 16px; font-weight: 700; line-height: 24px; } 
.order_section .order_list .btn_area { width: 100%; text-align: center; } 
.order_section .order_list .btn_area .review_btn { position: relative; width: 190px; height: 40px; font-size: 15px; font-weight: 700; color: var(--primary-500); line-height: 40px; white-space: nowrap; background: var(--white); border: 1px solid var(--primary-500); border-radius: 8px; margin-top: 12px; } 
.order_section .order_list .btn_area .review_btn .sub_copy { position: absolute; left: 50%; top: -12px; transform: translateX(-50%); height: 20px; font-size: 12px; font-weight: 500; color: var(--white); line-height: 20px; background: var(--primary-500); border-radius: 24px; display: inline-block; padding: 0 8px; } 
.order_section .order_list .btn_area .review_btn .main_copy { color: var(--primary-500); }

/** ──────────────────── page - 주문/배송 상세 ──────────────────── */
.order_detail_section .delivery_state_box { display: flex; justify-content: center; width: 100%; margin-top: 24px; } 
.order_detail_section .delivery_state_box li { width: 82px; text-align: center; margin-right: 33px; } 
.order_detail_section .delivery_state_box li:last-of-type { margin-right: 0; } 
.order_detail_section .delivery_state_box li .img_box { width: 82px; height: 82px; border-radius: 18px; } 
.order_detail_section .delivery_state_box li .type_ready { background: url(../image/img_ready_off.svg) no-repeat center center, #fbfbfd; background-size: 46px; } 
.order_detail_section .delivery_state_box li .type_progress { background: url(../image/img_progress_off.svg) no-repeat center center, #fbfbfd; background-size: 46px; } 
.order_detail_section .delivery_state_box li .type_complete { background: url(../image/img_complete_off.svg) no-repeat center center, #fbfbfd; background-size: 46px; } 
.order_detail_section .delivery_state_box li.on .img_box { box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1); } 
.order_detail_section .delivery_state_box li.on .type_ready { background: url(../image/img_ready_on.svg) no-repeat center center, #fbfbfd; background-size: 46px; } 
.order_detail_section .delivery_state_box li.on .type_progress { background: url(../image/img_progress_on.svg) no-repeat center center, #fbfbfd; background-size: 46px; } 
.order_detail_section .delivery_state_box li.on .type_complete { background: url(../image/img_complete_on.svg) no-repeat center center, #fbfbfd; background-size: 46px; } 
.order_detail_section .delivery_state_box li p { font-size: 14px; font-weight: 500; color: var(--gray-400); line-height: 20px; margin-top: 8px; } 
.order_detail_section .delivery_state_box li.on p { font-weight: 700; color: var(--primary-500) } 
.order_detail_section .delivery_step_box { display: flex; justify-content: space-between; align-items: center; } 
.order_detail_section .delivery_step_box .info_text_area .num_text * { display: inline-block; font-size: 13px; font-weight: 400; line-height: 20px; } 
.order_detail_section .delivery_step_box .info_text_area .num_text .num_title { margin-right: 8px; } 
.order_detail_section .delivery_step_box .btn_area { display: inline-block; } 
.order_detail_section .delivery_step_box .btn_area .btn_copy { display: inline-block; width: 80px; height: 32px; font-size: 15px; font-weight: 700; color: var(--primary-500); line-height: 32px; background: var(--white); border: 1px solid var(--primary-500); border-radius: 8px; } 
.order_detail_section .delivery_step_list { position: relative; margin-top: 18px; } 
.order_detail_section .delivery_step_list::before { position: absolute; left: 11.5px; top: 10px; width: 1px; height: calc(100% - 42px); border-left: 1px solid var(--gray-100); content: ""; display: inline-block; } 
.order_detail_section .delivery_step_list li { position: relative; padding-left: 32px; margin-bottom: 18px; } 
.order_detail_section .delivery_step_list li:last-of-type { margin-bottom: 0; } 
.order_detail_section .delivery_step_list li::before { position: absolute; left: 8px; top: 8px; width: 8px; height: 8px; background: var(--white); border: 2px solid var(--gray-100); border-radius: 50%; box-sizing: border-box; content: ''; display: block; } 
.order_detail_section .delivery_step_list .date { font-size: 13px; font-weight: 400; color: var(--gray-400); line-height: 21px; } 
.order_detail_section .delivery_step_list .list_text { display: flex; align-items: center; margin-top: 4px; } 
.order_detail_section .delivery_step_list .list_text .title { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; margin-right: 8px; } 
.order_detail_section .delivery_step_list .list_text .state { font-size: 14px; font-weight: 700; color: var(--gray-400); line-height: 20px; } 
.order_detail_section .delivery_step_list li.on::before { top: 2px; left: 2px; width: 20px; height: 20px; border: 5px solid var(--primary-500) } 
.order_detail_section .delivery_step_list li.on .date,
.order_detail_section .delivery_step_list li.on .list_text .title,
.order_detail_section .delivery_step_list li.on .list_text .state { color: var(--black); } 
.order_detail_section .delivery_info_box li { display: flex; justify-content: space-between; margin-bottom: 12px; } 
.order_detail_section .delivery_info_box li:last-of-type { margin-bottom: 0; } 
.order_detail_section .delivery_info_box li * { display: block; font-size: 16px; font-weight: 400; line-height: 22px; word-break: keep-all; overflow: hidden; } 
.order_detail_section .delivery_info_box li .th { width: 118px; } 
.order_detail_section .delivery_info_box li .td { max-width: calc(100% - 118px); text-align: right; } 


/** ──────────────────── page - 쿠폰 ──────────────────── */
.coupon_section .tab_nav { width: 100%; display: flex; justify-content: space-between; margin-top: 24px; } 
.coupon_section .tab_nav > li { width: 50%; font-size: 16px; font-weight: 700; color: var(--gray-300); line-height: 50px; text-align: center; border-bottom: 2px solid var(--gray-100); cursor: pointer; } 
.coupon_section .tab_nav > li.on { color: var(--primary-500); border-bottom: 2px solid var(--primary-500); } 
.coupon_section .tab_cont .tab_box { display: none; width: 100%; } 
.coupon_section .tab_cont .tab_box.on { display: block; } 
.coupon_section .coupon_list > ul > li { margin-bottom: 16px; } 
.coupon_section .coupon_list > ul > li:last-of-type { margin-bottom: 0; } 
.coupon_section .coupon_item { display: flex; flex-direction: column; width: 100%; height: 145px; padding: 16px 20px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 8px; overflow: hidden; } 
.coupon_section .coupon_item .tit { font-size: 22px; font-weight: 700; color: var(--primary-500); line-height: 28px; overflow: hidden; text-overflow: ellipsis; } 
.coupon_section .coupon_item .desc { font-size: 14px; font-weight: 500; line-height: 20px; word-break: keep-all; margin-top: 4px; } 
.coupon_section .coupon_item .coupon_detail { width: 100%; margin-top: auto; } 
.coupon_section .coupon_item .coupon_detail p { font-size: 14px; font-weight: 400; color: var(--gray-300); line-height: 18px; } 
.coupon_section .coupon_item .coupon_detail p b { font-weight: 400; color: var(--primary-500); } 
.coupon_section .coupon_item.off .tit { color: var(--gray-300); } 
.coupon_section .coupon_item.off .desc { color: var(--gray-300); } 


/** ──────────────────── page - 적립금 ──────────────────── */
.point_section .point_view_box { width: 100%; padding: 24px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 8px; } 
.point_section .point_view_box .point { font-size: 36px; font-weight: 700; color: var(--primary-500); line-height: 46px; display: block; } 
.point_section .point_view_box .sub_text { font-size: 15px; font-weight: 400; color: var(--gray-400); line-height: 22px; } 
.point_section .point_view_box .sub_text strong { color: var(--gray-400); display: inline-block; margin-left: 4px; } 
.point_section .point_list_box ul { border-top: 1px solid var(--gray-100); } 
.point_section .point_list_box ul > li { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding: 16px 0; border-bottom: 1px solid var(--gray-100); } 
.point_section .list .list_info { width: calc(100% - 100px); } 
.point_section .list .label { display: inline-block; min-width: 58px; height: 24px; font-size: 13px; font-weight: 500; color: var(--primary-500); line-height: 24px; text-align: center; padding: 0 8px; background: rgba(138,82,220,0.1); border-radius: 4px; } 
.point_section .list .date { display: inline-block; font-size: 13px; color: var(--gray-400); line-height: 24px; white-space: nowrap; margin-left: 8px; } 
.point_section .list .title { font-size: 15px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; } 
.point_section .list .point { font-size: 15px; font-weight: 700; line-height: 22px; white-space: nowrap; } 
.point_section .list.primary .point { color: var(--primary-500); } 
.point_section .list.primary .label { background: var(--primary-100); color: var(--primary-500); } 
.point_section .list.red .point { color: var(--red); } 
.point_section .list.red .label { background: rgba(251, 80, 88, 0.1); color: var(--red); } 
.point_section .list.gray .point { color: var(--gray-400); } 
.point_section .list.gray .label { background: var(--gray-75); color: var(--gray-400); } 


/** ──────────────────── page - 정기구독 ──────────────────── */
.subscription_pause_section .cont_box { position: relative; } 
.subscription_pause_section .icon_hand_stop { position: absolute; right: 24px; top: 24px; width: 48px; height: 48px; background: url(../image/icon/icon_hand.svg) no-repeat center center; background-size: contain; display: inline-block; } 
.subscription_pause_section .benefit_price_box { padding: 16px; background: #F7F8FB; border-radius: 8px; } 
.subscription_pause_section .benefit_price_box .total_price { display: flex; align-items: center; justify-content: space-between; } 
.subscription_pause_section .benefit_price_box .total_sale { color: var(--red); } 
.subscription_pause_section .benefit_price_box .detail_price { padding: 0 8px; } 
.subscription_pause_section .benefit_price_box .detail_price li { display: flex; justify-content: space-between; } 
.subscription_pause_section .benefit_price_box .detail_price li span { position: relative; font-size: 16px; font-weight: 400; line-height: 22px; display: inline-block; } 
.subscription_pause_section .benefit_price_box .detail_price li span:first-of-type:before { content: "ㄴ"; display: inline-block; vertical-align: 2px; margin-right: 3px; } 
.subscription_pause_section .out_info_box .btn_sub_box { width: 190px; margin: 0 auto; }
.subscription_pause_section .out_info_box .btn_sub_box .btn { padding: 8px 16px; }
.subscription_pause_section .out_answer_box ul li { display: none; } 
.subscription_pause_section .out_answer_box ul li.on { display: block; } 
.subscription_pause_section .out_answer_box ul li .txt_box { width: 100%; padding: 12px 16px; background: var(--primary-100); border-radius: 8px; margin-bottom: 8px; } 
.subscription_pause_section .out_answer_box ul li .txt_box.numb { padding-left: 40px; } 
.subscription_pause_section .out_answer_box ul li .txt_box span { position: absolute; left: -24px; top: 3px; width: 16px; height: 16px; font-size: 12px; font-weight: 700; color: var(--primary-500); line-height: 16px; text-align: center; border-radius: 50%; background: var(--white); content: ''; display: block; } 
.subscription_pause_section .out_answer_box ul li .txt_box p { position: relative; font-size: 15px; font-weight: 400; line-height: 24px; word-break: keep-all; } 
.subscription_pause_section .out_answer_box ul li .txt_box p b { color: var(--primary-500); } 
.subscription_pause_section .out_answer_box ul li .txt_box .link { position: relative; font-size: 16px; font-weight: 500; color: var(--primary-500); line-height: 24px; text-decoration: underline; display: inline-block; margin-top: 8px; } 
.subscription_pause_section .out_answer_box ul li .txt_box .link::after { width: 24px; height: 24px; background: url(../image/icon/icon_arrow_right_primary.svg) no-repeat center center; background-size: contain; content: ""; display: inline-block; vertical-align: -7px; } 
.subscription_pause_section .out_answer_box .write_text_box { display: none; } 
.subscription_pause_section .out_answer_box .write_text_box.on { display: block; } 
.subscription_pause_section .complete_text_box { width: 100%; text-align: center; padding: 16px; background: var(--primary-100); } 
.subscription_pause_section .complete_text_box > i { width: 36px; height: 36px; display: block; margin: 0 auto; } 
.subscription_pause_section .complete_text_box .icon_bye { background: url(../image/icon/icon_bye.svg) no-repeat center center; background-size: contain; } 
.subscription_pause_section .complete_text_box .icon_cash { background: url(../image/icon/icon_cash.svg) no-repeat center center; background-size: contain; } 
.subscription_pause_section .complete_text_box p b { color: var(--primary-500); } 
.popup_point_box { width: 100%; background: var(--primary-100); padding: 12px; } 


/** ──────────────────── page - 정기구독관리 상세 ──────────────────── */
.pack_slider_wrap .pack_info_box { display: flex; align-items: center; justify-content: space-between; } 
.pack_slider_wrap .label_wrap { display: flex; }
.pack_slider_wrap .label_wrap .label { height: 22px; font-size: 13px; font-weight: 500; color: var(--gray-400); line-height: 22px; background: var(--primary-100); padding: 0 8px; border-radius: 5px; display: inline-block; margin-right: 8px; }
.pack_slider_wrap .pack_slider_pager { display: flex; justify-content: center; align-items: center; width: 100%; } 
.pack_slider_wrap .pack_slider_pager .swiper-pagination-bullet { display: inline-block; width: auto; height: 40px; font-size: 16px; font-weight: 500; color: var(--gray-500); line-height: 40px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 40px; padding: 0 12px; box-sizing: border-box; opacity: 1; } 
.pack_slider_wrap .pack_slider_pager .swiper-pagination-bullet.swiper-pagination-bullet-active { color: var(--primary-500); background: var(--primary-100); border: 1px solid var(--primary-100); } 
.pack_slider_wrap .pack_slider_pager .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 8px; } 
.pack_slider_wrap .pack_slider_box .swiper-slide { width: 308px; text-align: center; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area { width: 100%; height: 361px; padding: 70px 48px 0; background: url(../image/img_pack.png) no-repeat center center; background-size: contain; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area .title_area { display: flex; justify-content: space-between; align-items: center; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area .title { width: 100%; font-size: 28px; font-weight: 700; line-height: 30px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area .time_area { display: flex; align-items: center; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area .time_area span { font-size: 16px; font-weight: 700; line-height: 26px; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area .time_area img { width: 20px; margin-left: 4px; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .pack_area .list_area { display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; height: 165px; margin-top: 24px; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .list_area li { position: relative; display: inline-block; width: calc(50% - 10px); display: flex; justify-content: space-between; margin-bottom: 6px; padding-left: 10px; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .list_area li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 21px; font-size: 13px; font-weight: 400; color: var(--color-black); line-height: 16px; content: "•"; display: inline-block; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .list_area li strong { width: 100%; font-size: 14px; font-weight: 400; line-height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .list_area li .btn { width: 100%; font-size: 14px; font-weight: 400; line-height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; text-align: left; } 
.pack_slider_wrap .pack_slider_box .swiper-slide .list_area li span { font-size: 15px; font-weight: 400; color: var(--gray-500); line-height: 21px; } 
.pack_total_price .price { font-size: 24px; font-weight: 700; line-height: 32px; text-align: right; }
.pack_total_price .price strong { color: var(--primary-500); }
.subscription_guide_box > li { display: flex; align-items: center; width: 100%; padding: 24px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 12px; margin-bottom: 8px; }
.subscription_guide_box > li:last-of-type { margin-bottom: 0; }
.subscription_guide_box > li span { display: inline-block; width: 48px; height: 48px; }
.subscription_guide_box > li span.icon_sleep { background: url(../image/icon/icon_sleep.png) no-repeat center center; background-size: contain; }
.subscription_guide_box > li span.icon_clock { background: url(../image/icon/icon_clock_red.png) no-repeat center center; background-size: contain; }
.subscription_guide_box > li dl { width: calc(100% - 72px); margin-left: 24px; }
.subscription_guide_box > li dl dt { font-size: 18px; font-weight: 700; line-height: 26px; }
.subscription_guide_box > li dl dd { font-size: 16px; font-weight: 500; color: var(--gray-500); line-height: 22px; margin-top: 4px; }
.subscription_edit_section .right .list_data { font-size: 15px; font-weight: 400; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 8px; } 
.subscription_edit_section .right .btn { position: relative; font-size: 16px; font-weight: 700; color: var(--primary-500); line-height: 20px; border-bottom: 2px solid var(--primary-500); margin-right: 14px; display: inline-block; } 
.subscription_edit_section .right .btn::after { position: absolute; right: -16px; top: 0; width: 16px; height: 20px; background: url(../image/icon/icon_arrow_right_primary.svg) no-repeat center center; background-size: 27px; content: ''; display: block; } 

/* 정기구독 결제 방법 */
.subscription_edit_section .cont_flex {display: flex; align-items: center; justify-content: space-between;}
.subscription_edit_section .pay_card { width: 100%; height: 56px; font-size: 15px; font-weight: 400; color: #222; line-height: 24px; padding: 16px 24px; border: 1px solid #d0d0d0; border-radius: 12px; box-sizing: border-box; background: #fff; margin-top: 16px; }
.subscription_edit_section .pay_sns { width: 100%; height: 68px; padding: 12px; border-radius: 12px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); margin-top: 16px; }
.subscription_edit_section .pay_sns .icon{ display: block; height: 16px; margin-bottom: 8px; max-width: 52px;}
.subscription_edit_section .pay_sns p{ display: block; font-size: 14px; font-weight: 700; line-height: 20px; text-align: right; }
.subscription_edit_section .pay_sns.kakao { background: #FFEB00; }
.subscription_edit_section .pay_sns.kakao p { color: rgba(34, 34, 34, 0.48); }
.subscription_edit_section .pay_sns.naver { background: #00DE5A; }
.subscription_edit_section .pay_sns.naver p { color: rgba(34, 34, 34, 0.48);  } 

/* 팝업 결제수단 */
.payment_list { margin-top: 16px; }
.payment_list .payment_item { border-bottom: 1px solid #EFEFEF; }
.payment_list > div:last-of-type { border-bottom: none; }
.payment_list .radio_box { position: relative; padding: 18px 0; }
.payment_list .radio_box input[type='radio'] { display: none; }
.payment_list .radio_box input[type='radio'] + label { display: flex; align-items: center; }
.payment_list .radio_box input[type='radio'] + label::before { width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; margin-right: 12px; }
.payment_list .radio_box input[type='radio'] + label img{ margin-right: 12px; max-width: 52px;}
.payment_list .radio_box input[type='radio'] + label span { flex: 1; display: block; font-size: 16px; font-weight: 500; color: rgba(34, 34, 34, 0.48); line-height: 20px; }
.payment_list .radio_box input[type='radio']:checked + label::before { border: 5px solid #5C59FE; }
.payment_list .radio_box input[type='radio']:checked + label span { font-weight: 700; color: #222222; }
.payment_list .radio_box .btn_card_set { position: absolute; right: 0; top: 12px; display: inline-block; font-size: 13px; font-weight: 500; color: rgba(34, 34, 34, 0.70); line-height: 30px; padding: 0 8px; background: #FFF; border-radius: 8px; border: 1px solid #D0D0D0; }

/* 결제 방법 상세 */
.payment_detail { display: none; }
.payment_detail .pd_empty,
.payment_detail .pd_info,
.payment_detail .select_box,
.payment_detail .toggle_input_list { margin: 8px 0; }
.payment_detail .new_card_box {display: none; margin-bottom: 8px;}
.payment_detail .new_card_box + .payment_notice {margin-bottom: 8px;}
.payment_detail .pd_empty .btn_add { display:inline-block; width: 100%; padding: 12px 0; background: #F8F9FA; border: 1px solid #D0D0D0; border-radius: 16px; }
.payment_detail .pd_empty .btn_add span::before { width: 32px; height: 32px; background: url(../image/icon/icon_pay_plus.svg) no-repeat center center, #EFF0F6; border-radius: 50%; display: block; content: ''; margin: 0 auto 8px; }
.payment_detail .pd_empty .btn_add span{ display: block; font-size: 14px; font-weight: 500; color: rgba(34, 34, 34, 0.48); line-height: 20px; text-align: center; }
.payment_detail .pd_info { width: 100%; padding: 12px; border-radius: 12px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); }
.payment_detail .pd_info p { display: block; font-size: 14px; font-weight: 700; line-height: 20px; text-align: right; }
.payment_detail .pd_info .btn_edit { display:inline-block; width: 100%; font-size: 13px; font-weight: 500; color: rgba(34, 34, 34, 0.70); line-height: 30px; text-align: center; background: #ffffff; border-radius: 8px; margin-top: 8px; }
.payment_item.on {border-bottom: none;}
.payment_item.kakao .payment_detail .pd_info { background: #FEE500; }
.payment_item.kakao .payment_detail .pd_info p { color: rgba(34, 34, 34, 0.48); }
.payment_item.naver .payment_detail .pd_info { background: #00C73C; }
.payment_item.naver .payment_detail .pd_info p { color: #ffffff;  } 
.payment_detail .payment_notice { position: relative; width: 100%; padding: 12px 0; z-index: 1; }
.payment_detail .payment_notice::before { position: absolute; left: -24px; top: 0; width: calc(100% + 48px); height: 100%; background: #F8F9FA; content: ''; display: block; z-index: -1; }
.payment_detail .payment_notice p { font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.48); line-height: 22px; word-break: keep-all; }

/*? input_box */
.input_list > li { margin-bottom: 12px; }
.input_list > li:last-of-type { margin-bottom: 0; }
.input_box { position: relative; width: 100%; }
.input_box .frm_input { width: 100%; height: 56px; font-size: 16px; font-weight: 400; color: #1d232e; padding: 16px; background: #ffffff; border: 1px solid #D0D0D0; border-radius: 12px; box-sizing: border-box; transition: all 0.1s ease; }
.input_box .frm_input { padding-right: 100px !important; }
.input_box .frm_input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.input_box.type_button .frm_input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.input_box .frm_input.type_small { height: 40px; font-size: 14px; }
.input_box .frm_input.valid,
.input_box .frm_input.focus { padding: 24px 16px 8px; }
.input_box .frm_input.focus { border: 1px solid #7f56d9; }
.input_box.error .frm_input { border: 1px solid #fb5058; }

.input_box .frm_label { position: absolute; left: 16px; top: 20px; font-size: 15px; font-weight: 400; color: #6E7191; transition: all 0.2s; }
.input_box .frm_input.focus + .frm_label,
.input_box .frm_input.valid + .frm_label,
.input_box.error .frm_input + .frm_label { top: 8px; font-size: 12px; line-height: 16px; }
.input_box.error .frm_input + .frm_label { color: #fb5058; }

.input_box .frm_button { position: absolute; right: 8px; top: 8px; min-width: 80px; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 40px; text-align: center; padding: 0 16px; background: #7f56d9; border-radius: 8px; display: inline-block; z-index: 5; }

.input_box.type_no_label .frm_input.valid,
.input_box.type_no_label .frm_input.focus { padding: 16px; }

/*? error_message */
.error_message { height: 0px; font-size: 13px; color: #fb5058; line-height: 20px; overflow: hidden; transition: all 0.5s ease-in-out; }
.error .error_message { height: 20px; margin-top: 4px; }
.error + .error_message { height: 20px; margin-top: 4px; }
 
/*? POPUP */
.popup_month .month_pack > li { margin-bottom: 12px; } 
.popup_month .month_pack > li:last-of-type { margin-bottom: 0; } 
.popup_month .month_pack > li label { display: block; border: 1px solid #D0D0D0; border-radius: 12px; padding: 15px 24px; cursor: pointer; } 
.popup_month .month_pack > li label span { font-size: 18px; font-weight: 400; line-height: 24px; color: #222222; display: inline-block; vertical-align: middle; } 
.popup_month .month_pack > li label span::before { width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; vertical-align: -3px; content: ''; display: inline-block; margin-right: 8px; } 
.popup_month .month_pack > li input[type="radio"]:checked + label { border: 1px solid var(--primary-500); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); } 
.popup_month .month_pack > li input[type="radio"]:checked + label span { font-weight: 600; } 
.popup_month .month_pack > li input[type="radio"]:checked + label span::before { border: 5px solid var(--primary-500); } 
/*? POPUP - 베송지 */
.popup_address .input_btn_flex { display: flex; flex-wrap: wrap; } 
.popup_address .input_btn_flex .input_box { width: calc(100% - 128px); } 
.popup_address .input_btn_flex .btn { width: 120px; height: 56px; font-size: 15px; font-weight: 700; color: var(--white); text-align: center; background: var(--primary-500); border-radius: 12px; margin-left: 8px; } 
.popup_address .input_btn_flex .btn.type_border { color: var(--primary-500); background: var(--white); border: 1px solid var(--primary-500); }
/*? POPUP - 결제수단 */
.popup .popup_inner.popup_payment {max-height: 640px;}
.popup_payment .payment_item .title::before { width: 20px; height: 20px; border: 5px solid var(--primary-500); border-radius: 50%; box-sizing: border-box; vertical-align: -4px; content: ''; display: inline-block; margin-right: 8px; } 
.popup_payment .payment_item .btn_card_edit { display: inline-block; font-size: 12px; font-weight: 500; color: #aaa; line-height: 28px; padding: 0 16px; background: #FFF; border-radius: 4px; border: 1px solid #aaa; } 
.popup_payment .payment_detail.fold { display: none; } 
.popup_payment .payment_detail.card_edit_box, .popup_payment .payment_detail.card_add_box {margin-bottom: 12px;}
.popup_payment .payment_detail.card_edit_box > h3 { font-size: 16px; font-weight: 500; color: var(--black); line-height: 24px; }
.popup_payment .payment_detail.card_edit_box > h3 em { font-weight: 700; }
.popup_payment .payment_detail.card_edit_box .card_list_box li { position: relative; width: 100%; padding: 15px 24px; background: #fff; border: 1px solid #d0d0d0; border-radius: 12px; margin-bottom: 12px; }
.popup_payment .payment_detail.card_edit_box .card_list_box li p { font-size: 15px; font-weight: 400; color: var(--black); line-height: 24px; padding-right: 20px; }
.popup_payment .payment_detail.card_edit_box .card_list_box li .badge { display: inline-block; font-size: 13px; font-weight: 500; color: #FB5058; line-height: 24px; padding: 0 12px; background: rgba(251, 80, 88, 0.10) ; border-radius: 3px; margin-left: 4px; }
.popup_payment .payment_detail.card_edit_box .card_list_box li .btn { position: absolute; right: 24px; top: 19px; width: 16px; height: 16px; background: url(../image/btn/btn_exit.svg) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; }
.popup_payment .payment_detail.card_edit_box .card_list_box .btn_card_add { position: relative; width: 100%; font-size: 16px; font-weight: 700; color: var(--primary-500); line-height: 24px; text-align: center; padding: 15px 24px; background: #fff; border: 1px solid var(--primary-500); border-radius: 12px;  }
.popup_payment .payment_notice { position: relative; width: 100%; padding: 12px 0; z-index: 1; } 
.popup_payment .payment_notice::before { position: absolute; left: -24px; top: 0; width: calc(100% + 48px); height: 100%; background: #F8F9FA; content: ''; display: block; z-index: -1; } 
.popup_payment .payment_notice p { font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.48); line-height: 22px; word-break: keep-all; } 
/*? POPUP - 배송지 관리 */
.popup_addr_list .addr_list_box li { position: relative; width: 100%; padding: 16px 24px; border: 1px solid #d0d0d0; border-radius: 12px; }
.popup_addr_list .addr_list_box li + li { margin-top: 12px; }
.popup_addr_list .addr_list_box li.active { border: 1px solid var(--primary-500); }
.popup_addr_list .addr_list_box li .addr_title { font-size: 15px; font-weight: 700; color: var(--black); line-height: 24px; }
.popup_addr_list .addr_list_box li .addr_title .badge { display: inline-block; font-size: 12px; font-weight: 400; color: var(--primary-500); line-height: 14px; padding: 3px 7px; border: 1px solid var(--primary-500); border-radius: 10px; vertical-align: 2px; margin-left: 4px; }
.popup_addr_list .addr_list_box li .addr_info { font-size: 14px; font-weight: 400; color: var(--black); line-height: 24px; }
.popup_addr_list .addr_list_box li .addr_info span { display: inline-block; margin-right: 4px; }
.popup_addr_list .addr_list_box li .addr_detail { font-size: 14px; font-weight: 400; color: #888; line-height: 20px; }
.popup_addr_list .addr_list_box li .btn_box { display: flex; flex-wrap: wrap; }
.popup_addr_list .addr_list_box li .btn_box button { display: inline-block; font-size: 14px; font-weight: 400; color: #222; line-height: 18px; }
.popup_addr_list .addr_list_box li .btn_box button + button::before { content: ''; display: inline-block; width: 1px; height: 10px; background: #d9d9d9; margin: 0 8px; }
.popup_addr_list .addr_list_box li .btn_check { display: inline-block; position: absolute; top: 16px; right: 24px; width: 56px; font-size: 13px; font-weight: 500; color: var(--primary-500); line-height: 22px; text-align: center; padding: 0 8px; border: 1px solid var(--primary-500); border-radius: 4px; cursor: pointer; }
.popup_addr_list .addr_list_box li .btn_check.active { color: var(--gray-500); border-color: transparent; cursor: auto; }


/** ──────────────────── page - 영양제 추천 결과 상세 ──────────────────── */
.health_view_section .tab_nav { position: relative; display: flex; margin-top: 24px; } 
.health_view_section .tab_nav li { width: 50%; font-size: 16px; font-weight: 700; color: var(--gray-300); line-height: 46px; text-align: center; border-bottom: 2px solid var(--gray-100); cursor: pointer; } 
.health_view_section .tab_nav li.on { color: var(--primary-500); border-bottom: 2px solid var(--primary-500); } 
.health_view_section .tab_nav li span { color: inherit; } 
.health_view_section .tab_cont { margin-top: 24px; } 
.health_view_section .tab_cont .tab_box { display: none; } 
.health_view_section .tab_cont .tab_box.on { display: block; } 
.health_view_section .result_list > ul.fold { display: none; padding-top: 16px; } 
.health_view_section .result_list > ul > li { width: 100%; padding: 16px; background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07); margin-bottom: 16px; } 
.health_view_section .result_list > ul > li:last-of-type { margin-bottom: 0; } 
.health_view_section .result_list > .btn_more { width: 100%; height: 48px; font-size: 14px; font-weight: 500; color: var(--primary-500); line-height: 48px; border: 1px solid var(--gray-100); border-radius: 8px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07); margin-top: 24px; } 
.health_view_section .result_list > .btn_more::after { width: 24px; height: 24px; background: url(../image/icon/icon_arrow_down_primary.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -6px; margin-left: 4px; } 
.health_view_section .result_list > .btn_more.active::after { transform: rotate(180deg); } 
.health_view_section .result_list > ul .item .tag_box { display: flex; flex-wrap: wrap; } 
.health_view_section .result_list > ul .item .tag_box span { display: inline-block; font-size: 13px; font-weight: 400; line-height: 22px; padding: 0 8px; background: var(--primary-100)00; border-radius: 12px; margin-right: 4px; margin-bottom: 8px; } 
.health_view_section .result_list > ul .item .info_box { position: relative; padding-bottom: 16px; } 
.health_view_section .result_list > ul .item .info_box .title { display: flex; align-items: center; margin-bottom: 12px; } 
.health_view_section .result_list > ul .item .info_box .title .rank { display: inline-block; height: 32px; font-size: 15px; font-weight: 700; color: var(--black); line-height: 32px; padding: 0 16px; background: var(--sub-400); border-radius: 16px; margin-right: 8px; } 
.health_view_section .result_list > ul .item .info_box .title .name { font-size: 18px; font-weight: 700; line-height: 22px; } 
.health_view_section .result_list > ul .item .info_box .sub_text { width: calc(100% - 100px); font-size: 14px; font-weight: 700; color: var(--sub-600); line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; } 
.health_view_section .result_list > ul .item .info_box .tag_box { width: calc(100% - 100px); } 
.health_view_section .result_list > ul .item .info_box .tag_box span { margin-bottom: 0; } 
.health_view_section .result_list > ul .item .info_box .img_box { position: absolute; right: 0; bottom: 16px; width: 84px; height: 50px; border: 1px solid var(--primary-100); border-radius: 8px; overflow: hidden; } 
.health_view_section .result_list > ul .item .info_box .img_box img { height: 100%; object-fit: cover; } 
.health_view_section .result_list > ul .item .detail_box { display: none; } 
.health_view_section .result_list > ul .item .detail_box > div { padding: 16px 0; border-top: 1px dashed var(--gray-100); } 
.health_view_section .result_list > ul .item .detail_box .efficacy_box dl { margin-bottom: 12px; } 
.health_view_section .result_list > ul .item .detail_box .efficacy_box dl:last-of-type { margin-bottom: 0; } 
.health_view_section .result_list > ul .item .detail_box .efficacy_box dl dt { font-size: 14px; font-weight: 700; color: var(--sub-600); margin-bottom: 8px; } 
.health_view_section .result_list > ul .item .detail_box .efficacy_box dl dd { font-size: 14px; font-weight: 400; line-height: 20px; word-break: keep-all; } 
.health_view_section .result_list > ul .item .detail_box .desc_box p { font-size: 14px; font-weight: 400; line-height: 20px; word-break: keep-all; margin-top: 8px; } 
.health_view_section .result_list > ul .item .btn_view { width: 100%; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; padding-top: 16px; border-top: 1px solid var(--gray-100); } 
.health_view_section .result_list > ul .item .btn_view::after { width: 24px; height: 24px; background: url(../image/icon/icon_arrow_down_black.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -7px; margin-left: 4px; } 
.health_view_section .result_list > ul .item.active .btn_view::after { transform: rotate(180deg); } 
.health_view_section .result_list .info_text { padding: 0 10px; background: #F3F3F3; border-radius: 10px; display: inline-block; margin-bottom: 14px; }
.health_view_section .result_list .info_text p::before { width: 12px; height: 12px; background: url(../image/icon/icon_info_black.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -1px; margin-right: 4px; }
.health_view_section .result_list .info_text p { font-size: 14px; font-weight: 700; line-height: 20px; display: inline-block; }
.health_view_section .result_list > ul.type_deprecated .item .info_box { padding-bottom: 0; } 
.health_view_section .result_list > ul.type_deprecated .item .info_box .sub_text,
.health_view_section .result_list > ul.type_deprecated .item .info_box .sub_text span { color: var(--red); } 
.health_view_section .result_list > ul.type_deprecated .item .info_box .sub_text { overflow: visible; white-space: normal; }
.health_view_section .result_list > ul.type_deprecated .item .info_box .sub_text span { white-space: nowrap; }
.health_view_section .result_list > ul.type_deprecated .item .info_box .img_box { bottom: 0; } 
.health_view_section .care_service_box { position: relative; width: 100%; padding: 16px; background: var(--white); border-radius: 8px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07); } 
.health_view_section .care_service_box::before { position: absolute; right: 0; top: -84px; width: 100px; height: 60px; background: url(../image/img_care_service.svg) no-repeat center center; background-size: contain; content: ''; display: block; } 
.health_view_section .care_service_box dl { border-bottom: 1px solid var(--gray-100); padding-bottom: 12px; margin-bottom: 12px; } 
.health_view_section .care_service_box dl:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } 
.health_view_section .care_service_box dl dt { display: flex; align-items: center; height: 32px; font-size: 16px; font-weight: 700; margin-bottom: 16px; } 
.health_view_section .care_service_box dl dt i { display: inline-block; width: 32px; height: 32px; border-radius: 50%; margin-right: 8px; } 
.health_view_section .care_service_box dl dt i.icon_pill { background: url(../image/icon/icon_pill.svg) no-repeat center center, var(--primary-100); background-size: 22px; } 
.health_view_section .care_service_box dl dt i.icon_talk { background: url(../image/icon/icon_kakaotalk.svg) no-repeat center center, var(--primary-100); background-size: 18px; } 
.health_view_section .care_service_box dl dd { position: relative; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 22px; margin-bottom: 8px; } 
.health_view_section .care_service_box dl dd:last-of-type { margin-bottom: 0; } 
.health_view_section .care_service_box dl dd::before { position: absolute; left: 0; top: 3px; width: 12px; height: 12px; background: url(../image/icon/icon_check_primary.svg) no-repeat center center; background-size: 10px; border: 1px solid var(--primary-500); border-radius: 3px; content: ''; display: inline-block; } 
.health_view_section .care_service_box + .btn_sub_box .btn { width: auto; font-size: 15px; font-weight: 700; color: var(--primary-500); line-height: 40px; padding: 0 20px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 12px; display: inline-block; }
.health_view_section .care_service_box + .btn_sub_box .btn::after { width: 12px; height: 24px; background: url(../image/icon/icon_arrow_right_primary.svg) no-repeat center center; background-size: 24px; content: ''; display: inline-block; vertical-align: -7px; margin-left: 6px; }