@charset "utf-8";
.cont_tit { font-size: 18px; font-weight: 700; line-height: 26px; } 

/** 선물하기 - 상세 **/
.gift_title { font-size: var(--font-large); font-weight: 700; margin-bottom: 24px; }
.gift_subs_info { display: flex; }
.gift_subs_info .img_box { display: flex; flex-direction: column; justify-content: center; width: 96px; height: 96px; padding: 8px; background: #FAFAFA; border: 1px solid #EEECF2; border-radius: 4px; }
.gift_subs_info .img_box img { max-height: 100%; max-height: 100%; }
.gift_subs_info .text_box { flex: 1; width: calc(100% - 108px); margin-left: 12px; }
.gift_subs_info .text_box .type { font-size: 13px; font-weight: 500; color: var(--color-black-70); line-height: 18px; }
.gift_subs_info .text_box .name { font-size: 18px; font-weight: 600; line-height: 22px; margin-top: 4px; }
.gift_subs_info .text_box .period { font-size: 13px; font-weight: 500; line-height: 16px; margin-top: 4px; }
.gift_subs_info .text_box .desc { font-size: 16px; font-weight: 600; color: var(--purple); margin-top: 12px; }
.gift_subs_info .text_box .bottom { font-size: 15px; font-weight: 500; margin-top: 32px; }

.gift_subs_history { width: 100%; padding: 16px; background: #FAFAFA; border-radius: 8px; margin-top: 24px; }
.gift_subs_history .toggle_tab { position: relative; }
.gift_subs_history .toggle_tab::after { position: absolute; right: 0; top: 0; width: 22px; height: 22px; text-indent: -9999px; background: url(../../image/icon/icon_arrow_select_black.svg) no-repeat center center; background-size: 24px; opacity: 0.7; content: ''; cursor: pointer; z-index: 5; transition: all 0.3s ease-in-out; }
.gift_subs_history .toggle_tab.on::after { transform: rotate(180deg); }
.gift_subs_history h3 { font-size: var(--font-regular); font-weight: 700; line-height: 22px; }
.gift_subs_history ul { padding-top: 16px; }
.gift_subs_history ul li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.gift_subs_history ul li:last-of-type { margin-bottom: 0; }
.gift_subs_history ul li .left { display: block; width: 180px; font-size: var(--font-regular); color: var(--color-black-70); line-height: 22px; }
.gift_subs_history ul li .left em { font-size: var(--font-small-xs); color: var(--color-black-40); vertical-align: 1px; margin-left: 10px; }
.gift_subs_history ul li .right { display: block; width: calc(100% - 180px); font-size: var(--font-regular); font-weight: 700; line-height: 22px; text-align: right; }
.gift_subs_history ul li .right em { font-weight: 400; }
.gift_subs_history ul li .right.finished { color: var(--color-main); }
.gift_subs_history .empty_text { font-size: var(--font-regular); font-weight: 600; color: var(--color-black-70); line-height: 22px; text-align: center; }