.order_wrap{background: var(--neutral-20, #F8FAFC); padding: 0 32px;}
.order_wrap .container{display: flex; flex-direction: column; gap: 24px; padding: 48px 0; }
.order_wrap h2{font: var(--title-title2-b);letter-spacing: var(--ls-title-title2-b); text-align: center;}

.order{display: flex; gap: 28px; align-items: flex-start;}

/* 섹션 공통 */
.detail{display: flex; flex-direction: column; gap: 24px;  flex-grow: 1;}
.detail section{display: flex; flex-direction: column;border-radius: 8px; background: #FFF;}
.detail section h5{padding: 24px 24px 0; display: flex; justify-content: space-between;}
.detail section h5 strong{font: var(--title-title5-b);letter-spacing: var(--ls-title-title5-b);}

/* 주문상품 */
.product .contents{padding: 16px 12px 24px; display: flex; flex-direction: column; gap: 10px;}
.product .box{display: flex; flex-direction: column; gap: 10px; padding: 18px 0; border-radius: 8px; border: 1px solid var(--neutral-120, #D6DEE8);}
.product .box .title{display: flex; flex-direction: column; gap: 4px; padding: 0 24px;}
.product .box .prd_cate{display: flex; gap: 4px; color: var(--neutral-750, #333C4B); font: var(--body-body2-b); letter-spacing: var(--ls-body-body2-b);}
.product .box .prd_cate img{width: 20px; height: 20px;}
.product .box .prd_name{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.product .box .option{display: flex; padding: 12px 24px; background: var(--brand-20, #FAFAFF);flex-direction: column; color: var(--neutral-600, #555F6F); font: var(--caption-caption1-r); letter-spacing: var(--ls-caption-caption1-r);}
.product .box .price_wrap{display: flex; gap: 12px; padding: 0 24px;}
.product .box .price_wrap .price{font: var(--body-body1-b); letter-spacing: var(--ls-body-body1-b);}
.product .box .price_wrap .tag{display: flex; gap: 5px;}

/* 주문자 */
.orderer .contents{display: flex; flex-direction: column; gap: 6px; padding: 16px 24px;}
.orderer dl{display: flex; gap: 16px;}
.orderer dt{width: 80px; font: var(--label-label3-sb); letter-spacing: var(--ls-label-label3-sb);}
.orderer dd{flex-grow: 1; font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}

/* 배송정보 */
.delivery_info .contents{padding: 16px 20px 24px; display: flex; flex-direction: column; gap: 16px;}
.delivery_info .delivery_name{display: flex; gap: 10px; align-self: flex-start;}
.delivery_info .delivery_name strong{font: var(--label-label3-sb); letter-spacing: var(--ls-label-label3-sb);}
.delivery_info .addr_info{display: flex; flex-direction: column; gap: 4px;}
.delivery_info .addr_info .addr{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.delivery_info .addr_info .info{color: var(--neutral-600, #555F6F); font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.delivery_info .request{display: flex; flex-direction: column; gap: 10px;}

/* 쿠폰 */
.coupon .contents{display: flex; flex-direction: column; padding: 0 20px 24px;}

/* 포인트 */
.point .contents{padding: 16px 20px 24px;}

/* 결제수단 */
.payment_method .contents{padding: 16px 20px 24px; display: flex; flex-direction: column; }
.payment_method .select_wrap{display: flex; flex-wrap: wrap; gap: 10px;}

/* 우측 결제금액 */
.payment{display: flex; flex-direction: column; border-radius: 8px; background: #FFF; width: 400px; position: sticky; top: 96px; flex-shrink: 0;}
.payment h5{padding: 24px 20px 0; font: var(--title-title6-b);letter-spacing: var(--ls-title-title6-b);}
.payment .contents{display: flex; flex-direction: column; gap: 18px; padding: 16px 20px 24px;}
.payment ul{display: flex; flex-direction: column; gap: 12px;}
.payment ul dl{display: flex; align-items: flex-start; justify-content: space-between;}
.payment ul dt{color: var(--neutral-600, #555F6F); font: var(--label-label3-sb); letter-spacing: var(--ls-label-label3-sb);}
.payment ul dd{font: var(--label-label2-b); letter-spacing: var(--ls-label-label2-b);}
.payment li:not(.total) dd{color: var(--rose-500, #DF2E5C);}
.payment .total_price{display: flex; justify-content: space-between;}
.payment .total_price dt{font: var(--title-title5-b);letter-spacing: var(--ls-title-title5-b);}
.payment .total_price dd{display: flex; flex-direction: column; gap: 2px; align-items: flex-end;}
.payment .total_price .price{font: var(--title-title5-b);letter-spacing: var(--ls-title-title5-b);}
.payment .total_price .point{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.payment .total_price .point strong{font: var(--body-body2-sb); letter-spacing: var(--ls-body-body2-sb);}