/* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
        .sub_wrap {
    max-width: 1200px;
	width: 1200px;
    margin: 60px auto;
    padding: 50px 60px;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
        }

        /* »ó´Ü ÁÖ¹® ´Ü°è */
        .order_step_container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 50px;
            gap: 10px;
        }
        .step_item { display: flex; align-items: center; gap: 8px; font-size: 16px; color: #ccc; font-weight: 500; }
        .step_num { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 2px solid #eee; border-radius: 50%; font-size: 14px; }
        .step_item.active { color: #ff5a5f; }
        .step_item.active .step_num { background-color: #ff5a5f; border-color: #ff5a5f; color: #fff; }
        .step_divider { width: 40px; height: 1px; background-color: #eee; margin: 0 10px; }

        /* ŸÀÌƲ */
        .cart_title {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 30px;
            border-left: 6px solid #ff5a5f;
            padding-left: 15px;
        }

        /* Å×ÀÌºí ½ºÅ¸ÀÏ */
        .cart_table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 30px;
        }
        .cart_table th {
            padding: 18px 10px;
            border-bottom: 2px solid #111;
            font-size: 15px;
            color: #555;
            background-color: #fbfbfb;
            text-align: center;
        }
        .cart_table td {
            padding: 25px 10px;
            border-bottom: 1px solid #f0f0f0;
            vertical-align: middle;
            text-align: center;
            font-size: 15px;
        }

        /* »óÇ° Á¤º¸ */
        .prd_info_box { display: flex; align-items: center; gap: 15px; text-align: left; }
        .prd_img { width: 80px; height: 80px; background: #eee; border-radius: 10px; object-fit: cover; border: 1px solid #f0f0f0; }
        .prd_name { font-weight: 700; font-size: 15px; color: #111; text-decoration: none; display: block; }
        .prd_opt { font-size: 13px; color: #888; margin-top: 4px; }
/* --- CSS ¼öÁ¤ ºÎºÐ --- */
.prd_opt_container {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px; /* Ç׸ñ °£ÀÇ ¼öÁ÷ °£°Ý */
}

.prd_opt_item {
    font-size: 13px;
    color: #777;
    background: transparent; /* ¹è°æ»ö Åõ¸í ó¸® */
    padding: 0; /* ¹è°æÀÌ ¾øÀ¸¹Ç·Î Æеù Á¦°Å */
    line-height: 1.5;
    position: relative;
    padding-left: 12px; /* ºÒ·¿ ±âÈ£¸¦ À§ÇÑ ¿ÞÂÊ ¿©¹é */
}

/* Ç׸ñ ¾Õ¿¡ ÀÛÀº Á¡(ºÒ·¿) Ãß°¡ÇÏ¿© ±¸ºÐ°¨ Çü¼º */
.prd_opt_item::before {
    content: '';
    position: absolute;
    left: 0;
    color: #ccc;
}

.prd_opt_item b {
    color: #444;
    font-weight: 500;
}

        /* ¼±Åà ¹öÆ°(°ü½É»óÇ°/»èÁ¦) */
        .action_btns { display: flex; flex-direction: column; gap: 5px; align-items: center; }
        .btn_small {
            width: 80px;
            padding: 6px 0;
            font-size: 12px;
            border-radius: 6px;
            cursor: pointer;
            border: 1px solid #ddd;
            background: #fff;
            transition: 0.2s;
        }
        .btn_wish { color: #ff5a5f; border-color: #ff5a5f; }
        .btn_wish:hover { background: #fff5f5; }
        .btn_del { color: #666; }
        .btn_del:hover { background: #f5f5f5; }

        /* ÇÕ°è ¿µ¿ª */
        .total_summary {
            background-color: #f9fafb;
            border-radius: 20px;
            padding: 35px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: 40px;
        }
        .summary_item { text-align: center; }
        .summary_label { font-size: 15px; color: #777; margin-bottom: 10px; display: block; }
        .summary_value { font-size: 22px; font-weight: 700; color: #222; }
        .summary_operator { font-size: 20px; color: #bbb; }
        .summary_final .summary_value { font-size: 32px; color: #ff5a5f; font-weight: 900; }
		
		/* ÇÕ°è ¿µ¿ª ³» Æ÷ÀÎÆ® ½ºÅ¸ÀÏ */
.summary_final {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.summary_point {
    margin-top: 8px;
    padding: 4px 12px;
    background-color: #f1f5ff; /* Æ÷ÀÎÆ® °­Á¶¸¦ À§ÇÑ ¾ÆÁÖ ¿¬ÇÑ ºí·ç */
    border-radius: 20px;
    font-size: 13px;
    color: #555;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.summary_point b {
    color: #0055ff; /* Æ÷ÀÎÆ® ¼ýÀÚ´Â ½Å·Ú°¨ ÀÖ´Â ºí·ç */
    font-weight: 700;
}

/* ±âÁ¸ summary_value¿ÍÀÇ °£°Ý Á¶Á¤ */
.summary_final .summary_value {
    line-height: 1.2;
}
		
		
		

/* ÇÏ´Ü ¹öÆ° */
.btn_area { display: flex; justify-content: center; gap: 15px; margin-top: 50px; }
.btn_common { padding: 18px 50px; border-radius: 12px; font-size: 17px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-block; transition: 0.2s; }
.cart_btn_white { background: #fff; border: 1px solid #ddd; color: #666; }
.cart_btn_black { background: #111; border: 1px solid #111; color: #fff; }
.cart_btn_black:hover { background: #ff5a5f; border-color: #ff5a5f; transform: translateY(-3px); }


/* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ ¼½¼Ç */
.privacy_box {
    margin-top: 50px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.privacy_content {
    height: 120px;
    overflow-y: scroll;
    padding: 15px;
    font-size: 13px;
    color: #777;
    line-height: 1.6;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}
.privacy_agree {
    padding: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
}
.privacy_agree input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* ÀçÆǸŠ±ÝÁö ¾È³» ¹®±¸ */
.notice_resell {
    margin-top: 12px;
    font-size: 13px;
    color: #888;
    line-height: 1.5;
    letter-spacing: -0.5px;
}		
		

        /* ÇÏ´Ü ¹öÆ° */
        .btn_area { display: flex; justify-content: center; gap: 15px; margin-top: 50px; }
        .btn_common { padding: 18px 50px; border-radius: 12px; font-size: 17px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-block; transition: 0.2s; }
        .btn_white { background: #fff; border: 1px solid #ddd; color: #666; }
        .btn_black { background: #111; border: 1px solid #111; color: #fff; }
        .btn_black:hover { background: #ff5a5f; border-color: #ff5a5f; transform: translateY(-3px); }

        /* ÁÖ¹® ´Ü°è ¹Ù (Step 2 È°¼ºÈ­) */
        .order_step_container { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; gap: 10px; }
        .step_item { display: flex; align-items: center; gap: 8px; font-size: 16px; color: #ccc; font-weight: 500; }
        .step_num { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 2px solid #eee; border-radius: 50%; font-size: 14px; }
        .step_item.active { color: #ff5a5f; }
        .step_item.active .step_num { background-color: #ff5a5f; border-color: #ff5a5f; color: #fff; }
        .step_divider { width: 40px; height: 1px; background-color: #eee; margin: 0 10px; }

        .cart_title { font-size: 28px; font-weight: 700; margin-bottom: 30px; border-left: 6px solid #ff5a5f; padding-left: 15px; }

        /* ÁÖ¹®¼­ ÀÛ¼º ¼½¼Ç °øÅë */
        .order_section { margin-top: 50px; }
        .section_title { font-size: 20px; font-weight: 700; margin-bottom: 20px; color: #111; display: flex; justify-content: space-between; align-items: center; }
        .section_title .sub_txt { font-size: 13px; color: #ff5a5f; font-weight: 400; }

        /* ÀÔ·Â Å×ÀÌºí ½ºÅ¸ÀÏ */
        .form_table { width: 100%; border-top: 2px solid #111; border-collapse: collapse; }
        .form_table th { padding: 20px; background: #fbfbfb; border-bottom: 1px solid #eee; text-align: left; width: 180px; font-size: 15px; color: #555; }
        .form_table td { padding: 15px 20px; border-bottom: 1px solid #eee; font-size: 15px; }

        /* ÀÔ·Â ¿ä¼Ò ½ºÅ¸ÀÏ */
        input[type="text"], input[type="password"],input[type="date"], select, textarea {
            padding: 10px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; color: #333; outline: none; transition: 0.2s;
        }
        input[type="text"]:focus { border-color: #ff5a5f; box-shadow: 0 0 0 3px rgba(255, 90, 95, 0.1); }
        .input_full { width: 100%; box-sizing: border-box; }
        .input_medium { width: 300px; }
        .input_zip { width: 120px; background: #f5f5f5; }
        
        .btn_post { padding: 10px 20px; background: #444; color: #fff; border-radius: 8px; font-size: 13px; border: none; cursor: pointer; margin-left: 5px; }

        /* °áÁ¦ ¼ö´Ü ¼±Åà (¶óµð¿À ¹öÆ° Ä¿½ºÅÒ) */
        .pay_method_group { display: flex; gap: 15px; }
        .pay_label { 
            flex: 1; padding: 15px; border: 1px solid #ddd; border-radius: 12px; text-align: center; cursor: pointer; font-weight: 500; transition: 0.2s;
        }
        .pay_method_group input[type="radio"] { display: none; }
        .pay_method_group input[type="radio"]:checked + .pay_label { border-color: #ff5a5f; color: #ff5a5f; background: #fff8f8; }


        /* ¹öÆ° ¿µ¿ª */
        .btn_area { display: flex; justify-content: center; gap: 15px; margin-top: 50px; }
        .btn_common { padding: 18px 80px; border-radius: 12px; font-size: 18px; font-weight: 700; cursor: pointer; text-decoration: none; border: none; transition: 0.2s; }
        .btn_white { background: #fff; border: 1px solid #ddd; color: #666; }
        .btn_red { background: #ff5a5f; color: #fff; box-shadow: 0 10px 20px rgba(255, 90, 95, 0.2); }
        .btn_red:hover { transform: translateY(-3px); background: #e04a4f; }
		
		
		/* ¼¼±Ý°è»ê¼­ ¹× Çö±Ý¿µ¼öÁõ »ó¼¼ Æû ½ºÅ¸ÀÏ */
.sub_form_box {
    /*display: none;  ±âº»ÀûÀ¸·Î ¼û±è */
    background: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
}
.sub_form_box.active {
    display: block;
}
.inner_form_table {
    width: 100%;
    border-collapse: collapse;
}
.inner_form_table th {
    width: 150px;
    font-size: 14px;
    padding: 10px;
    background: transparent;
    border: none;
}
.inner_form_table td {
    padding: 8px 10px;
    border: none;
}
.flex_group {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ¼½¼Ç ŸÀÌƲ */
        .section_header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; margin-top: 50px; border-left: 6px solid #ff5a5f; padding-left: 15px; }
        .section_header h2 { font-size: 22px; font-weight: 700; margin: 0; color: #111; }
        .order_date_num { font-size: 14px; color: #888; }

        /* ÁÖ¹® »óÇ° Å×À̺í */
        .order_table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
        .order_table th { padding: 15px 10px; border-bottom: 2px solid #111; font-size: 14px; color: #555; background-color: #fbfbfb; }
        .order_table td { padding: 20px 10px; border-bottom: 1px solid #f0f0f0; vertical-align: middle; text-align: center; font-size: 14px; }
        
        .prd_info { display: flex; align-items: center; gap: 15px; text-align: left; }
        .prd_img { width: 60px; height: 60px; border-radius: 8px; border: 1px solid #eee; object-fit: cover; }
        .prd_name { font-weight: 700; color: #111; text-decoration: none; font-size: 15px; }
        
        /* »óÅÂ ¹× ¹öÆ° */
        .status_badge { display: inline-block; padding: 4px 12px; border-radius: 4px; background: #eee; color: #666; font-size: 12px; font-weight: 600; }
        .btn_cancel { background: #fff; border: 1px solid #ff5a5f; color: #ff5a5f; padding: 6px 12px; border-radius: 4px; font-size: 12px; cursor: pointer; transition: 0.2s; }
        .btn_cancel:hover { background: #ff5a5f; color: #fff; }

        /* ¿ä¾à ¹× Á¤º¸ Å×À̺í */
        .info_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px; }
        .info_table { width: 100%; border-top: 1px solid #111; border-collapse: collapse; }
        .info_table th { width: 120px; padding: 15px; background: #fbfbfb; border-bottom: 1px solid #eee; text-align: left; font-size: 14px; color: #555; }
        .info_table td { padding: 15px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; line-height: 1.5; }

        /* ÃÑ °áÁ¦ ±Ý¾× ¹Ù */
        .total_summary_bar { background: #f9fafb; padding: 25px 40px; border-radius: 15px; display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-top: 10px; }
        .total_summary_bar b { font-size: 16px; color: #555; }
        .total_price { font-size: 24px; font-weight: 800; color: #ff5a5f; }

        /* ÇÏ´Ü Àμ⠹öÆ° */
        .action_area { text-align: center; margin-top: 60px; }
        .btn_print { background: #444; color: #fff; padding: 15px 50px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center; gap: 8px; }
		.btn_common { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    border-radius: 12px; 
    font-size: 17px; 
    font-weight: 700; 
    cursor: pointer; 
    text-decoration: none; 
    border: none; 
    transition: 0.2s; 
    box-sizing: border-box;
    vertical-align: middle;
}

/* Èò»ö ¹öÆ° (¸ñ·ÏÀ¸·Î) */
.btn_white { 
    background: #fff; 
    border: 1px solid #ddd; 
    color: #666; 
}

.btn_white:hover {
    background: #fcfcfc;
    border-color: #bbb;
    color: #333;
}

/* Àμ⠹öÆ° (°ËÀº»ö °è¿­) */
.btn_print { 
    background: #444; 
    color: #fff; 
    padding: 14px 50px; /* ¸ñ·ÏÀ¸·Î ¹öÆ°°ú ³ôÀ̸¦ ¸ÂÃã */
    border-radius: 12px; 
    text-decoration: none; 
    font-weight: 600; 
    font-size: 16px; 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
}

.btn_print:hover {
    background: #222;
}

.action_area_btn_print{
background: #444; 
    color: #fff; 
    padding: 14px 50px; /* ¸ñ·ÏÀ¸·Î ¹öÆ°°ú ³ôÀ̸¦ ¸ÂÃã */
    border-radius: 12px; 
    text-decoration: none; 
    font-weight: 600; 
    font-size: 16px; 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
}

.action_area_btn_print:hover {
        color: #fff;
}