@charset "utf-8";
/** 주문내역 **/
.shopping_list_title { position: relative; width: 100%; cursor: pointer; } 
.shopping_list_title::after { position: absolute; right: 0; top: 1px; width: 24px; height: 24px; background: url(../image/icon/icon_arrow_select_black.svg) no-repeat center center; background-size: contain; content: ''; display: block; z-index: 5; transition: all 0.3s ease-in-out; } 
.shopping_list_title.on::after { transform: rotate(-180deg); } 
.shopping_list_box { display: none; } 
.shopping_list_box .state_area { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; } 
.shopping_list_box .state_area .label { display: inline-block; height: 20px; font-size: var(--font-medium); font-weight: 700; color: var(--color-main); line-height: 20px; } 
.shopping_list_box .state_area .date { font-size: var(--font-small); font-weight: 400; line-height: 20px; } 

/* 영양제 목록 */
.nutr_list { margin-top: 16px; } 
.nutr_list li { border-bottom: var(--border-light); } 
.nutr_list li:last-of-type { border-bottom: none; padding-bottom: 0; } 
.nutr_item { position: relative; width: 100%; padding: 16px 0; } 
.nutr_item .info_box { display: flex; justify-content: space-between; } 
.nutr_item .img_box { position: relative; width: 70px; height: 70px; border: var(--border-light); border-radius: 8px; overflow: hidden; } 
.nutr_item .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: inherit; width: 240%; } 
.nutr_item .text_box { width: calc(100% - 80px); padding: 6px 24px 6px 0; text-align: left; } 
.nutr_item .text_box .tag { display: block; font-size: 13px; font-weight: 500; color: var(--color-black-70); line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.nutr_item .text_box .name { width: 100%; font-size: 15px; font-weight: 700; color: var(--color-black); line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.nutr_item .text_box .desc { width: 100%; font-size: 13px; font-weight: 400; color: var(--color-black-70); line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.nutr_item .text_box .desc em { font-style: normal; } 
.nutr_item .text_box .desc .pp { color: var(--color-main); } 
.nutr_item .bot_area { display: flex; justify-content: flex-end; align-items: center; margin-top: 4px; } 
.nutr_item .bot_area .price_text { font-size: var(--font-regular); font-weight: 700; line-height: 26px; } 
.nutr_item .del_btn { position: absolute; right: 0; top: 12px; width: 24px; height: 24px; text-indent: -9999px; background: url(../../resources/image/btn/btn_list_delete.svg) no-repeat center center; display: inline-block; z-index: 1; } 

/* 영양제 추가 box */
.btn_add_box { width: 100%; padding: 24px 0 0; text-align: center; border-top: var(--border-light); margin-top: 16px; } 
.btn_add_box .btn_plus { display: inline-block; font-size: var(--font-regular); font-weight: 500; color: var(--color-main); line-height: 20px; } 
.btn_add_box .btn_plus::before { width: 10px; height: 10px; background: url(../../resources/image/btn/btn_plus_purple.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-right: 6px; }