@charset "utf-8";
/* card_list */
.card_list li { position: relative; margin-bottom: 20px; }
.card_list li:last-of-type { margin-bottom: 0; }
.card_list .card_wrap { width: 100%; padding: 20px; background: #ffffff; border-radius: 16px; box-shadow: var(--shadow-02); }
.card_list .card_wrap .btn_view { display: block; width: 100%; font-size: 14px; font-weight: 500; color: var(--purple); text-align: center; border-top: 1px solid var(--gray-200); padding-top: 10px; }
.card_list .card_wrap .btn_view::after { width: 16px; height: 16px; background: url(../../image/icon/icon_circle_bottom_p.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -3px; margin-left: 6px; }
.card_list .card_wrap .btn_view.on::after { transform: rotate(180deg); }
.card_list .card_info { display: flex; flex-wrap: wrap; margin-bottom: 16px; }
.card_list .card_info .check_box { margin-right: 10px; }
.card_list .card_info .img_box { position: relative; width: 98px; height: 62px; border: 1px solid var(--gray-200); border-radius: 8px; overflow: hidden; }
.card_list .card_info .img_box .rank { position: absolute; left: 4px; top: 4px; font-size: 12px; font-weight: 500; color: var(--tag-blue-deep); line-height: 22px; background: var(--tag-blue-light); padding: 0 8px; border-radius: 12px; display: inline-block; z-index: 5; }
.card_list .card_info .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 180%; max-width: 180%; }
.card_list .card_info .text_box { flex: 1; display: flex; flex-direction: column; justify-content: center; max-height: 62px;  padding-left: 12px; }
.card_list .card_info .text_box dt { font-size: 18px; font-weight: 700; }
.card_list .card_info .text_box dd { font-size: 13px; font-weight: 600; color: var(--black-70); margin-top: 3px; }
.card_list .card_info .label_box { width: 100%; display: flex; flex-wrap: wrap; margin-top: 12px; }
.card_list .card_info .btn_delete { position: absolute; right: 16px; top: 16px; width: 24px; height: 24px; background: url(../../image/btn/btn_delete.svg) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; z-index: 5; }
.card_list .card_detail { display: none; border-top: 1px dashed var(--gray-300); }
.card_list .card_detail .efficacy_box { padding: 16px 0; }
.card_list .card_detail .efficacy_box dl { width: 100%; margin-bottom: 12px; }
.card_list .card_detail .efficacy_box dl:last-of-type { margin-bottom: 0; }
.card_list .card_detail .efficacy_box dl dt { font-size: 16px; font-weight: 700; color: var(--purple); line-height: 22px; }
.card_list .card_detail .efficacy_box dl dd { font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 6px; }
.card_list .card_detail .summary_box { font-size: 14px; font-weight: 400; line-height: 20px; padding: 16px 0; border-top: 1px dashed var(--gray-300); }
/* 주의해요 */
.card_list.type_warning .card_info { margin-bottom: 0; }
.card_list.type_warning .card_info .text_box dd { color: var(--error); }