#subPage {
    &.order.confirm {
        display: none;

        &.active {
            display: block;
            overflow: auto;
            position: fixed;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            background-color: #000;
            width: 100%;
            height: 100%;
            z-index: 999;
        }

        section {
            margin: 0 auto;

            &.s01 {
                article {
                    padding: 0 !important;

                    .product-data-wrap {
                        /* width: 100%; */
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-radius: 10px;
                        overflow: hidden;
                        border: 1px solid #dedede;
                        height: initial;
                        flex-direction: column;
                        padding: 15px;

                        .top-wrap {
                            display: none;
                        }

                        .img-wrap {
                            display: none;
                        }

                        .info {
                            padding: 0;
                            order: 1;

                            .more-title {
                                span {
                                    /* -webkit-line-clamp: unset; */
                                }
                            }

                            .more {
                                display: none;
                            }

                            .price_wrap {
                                width: 100%;
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;

                                >ul {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 5px;

                                    >li {
                                        margin-bottom: 0 !important;
                                        gap: 0 !important;

                                        .size {
                                            display: inline-block;
                                            margin-right: 5px;
                                        }
                                    }
                                }

                                .confirm_img {
                                    width: 100%;
                                    height: 100%;
                                    max-width: 120px;
                                    padding: 10px;

                                }

                                .price {
                                    width: 100%;
                                    font-size: 17px;
                                    font-weight: bold;
                                    display: flex;
                                    justify-content: flex-start;
                                    align-items: center;
                                    flex-wrap: wrap;
                                    gap: 5px;
                                }

                                .size {
                                    font-size: 14px;
                                }

                                .select-menu {
                                    margin-left: 0;
                                }
                            }
                        }

                        .minus {
                            /* width: 13px; height: 13px;  */
                            background: url('../images/common/trash.svg')no-repeat center/13px 13px;

                            img {
                                display: none;
                            }
                        }

                        .text01 {
                            width: 100%;
                            display: flex;
                            justify-content: flex-start;
                            flex-wrap: wrap;
                            padding: 0;

                            .confirm_img {
                                order: 2;
                                width: 100%;
                                height: 120px;
                                max-width: 120px;
                                max-height: 120px;
                                padding: 10px;

                                img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: contain;
                                }
                            }

                            .a_1 {
                                width: 100%;
                                order: 1;
                                font-size: 18px;
                                font-weight: bold;
                                line-height: 1.2;
                                margin-bottom: 4px;
                            }

                            .price {
                                width: calc(100% - 120px);
                                margin-top: 15px;
                                order: 3;
                                align-items: center; justify-content: space-between;
                                gap: 0;

                                span {
                                    font-style: 17px;
                                    font-weight: bold;
                                }

                            }

                        }

                    }
                }
            }
        }
    }
    &.order.index {
        .order-list {
            &.option-list {
                height: auto;
            }
        }
    }

}

#main_page {
    .confirm_img {
        display: none;
    }

    .s02 {
        >article {
            .wrap {
                display: none;
                flex-direction: column;
                gap: 40px;

                &.active {
                    display: flex;
                }
            }
        }
    }
}

#subPage {
    &.order.confirm {
        &.active {
           
        }
        section {

            &.s01 {
                article {
                    .copy-point {
                        
                        .copy-point-display-none {display: none !important;}
                        .copy-point-line-unset {-webkit-line-clamp: unset !important}

                        .added_menu_info {
                            display: none;
                        }
                        .product-data-wrap {
                            overflow: visible;
                            flex-direction: row;
                            
                            .info {
                                .more-title {
                                    span {
                                        /* -webkit-line-clamp: unset; */
                                    }
                                }
                                .more {
                                    display: none;
                                }
                                
                                .price_wrap {
                                    width: 100%;
                                    display: flex;
                                    justify-content: flex-start;
                                    align-items: center;

                                    >ul {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 5px;
                                        >li {
                                            margin-bottom: 0 !important;
                                            gap: 5px !important;
                                            width: auto;
                                            justify-content: space-between;

                                            .size {
                                                display: inline-block;
                                                margin-right: 5px;
                                            }
                                            .price {
                                                width: auto;
                                            }
                                            .select-menu {
                                                margin-left: auto;
                                            }
                                        }
                                    }

                                    .confirm_img {
                                        width: 100%;
                                        height: 100%;
                                        max-width: 120px;
                                        padding: 10px;

                                    }

                                    .price {
                                        width: 100%;
                                        font-size: 17px;
                                        font-weight: bold;
                                        display: flex;
                                        justify-content: flex-start;
                                        align-items: center;
                                        flex-wrap: wrap;
                                        gap: 5px;
                                    }

                                    .size {
                                        font-size: 14px;
                                    }

                                    .select-menu {
                                        margin-left: 0;
                                    }
                                }
                                .menu-option {
                                    margin-top: 0;
                                    .swiper {
                                        overflow: visible;
                                        .swiper-wrapper {
                                            transform: unset !important;
                                            flex-direction: column;
                                            gap: 10px;
                                            overflow: visible;

                                        }
                                        .swiper-slide {
                                            width: 100%;
                                            background-color: unset;
                                            position: relative;
                                            margin: 0 !important;
                                            overflow: visible;
                                            &::after {
                                                content: '';
                                                position: absolute; left: -12px; top: 50%; transform: translateY(-50%);
                                                background: url('../images/common/order_arrow.svg')no-repeat center/contain;
                                                width: 8px; height: 12px;
                                            }
                                            .top-wrap {
                                                display: block;
                                                aspect-ratio: unset;
                                                max-width: 110px;
                                                height: 100%;
                                                .img-wrap {
                                                    max-width: 110px;
                                                    display: block;
                                                    padding: 0;
                                                    aspect-ratio: unset;
                                                    padding: 10px;
                                                    img {
                                                        border-radius: 0;
                                                    }
                                                }
                    
                                            }
                                            .more-title {
                                                display: none;
                                            }
                                            .price {
                                                width: 100%;
                                            }

                                        }
                                    }
                                }
                            }

                            .minus {
                                img {
                                }
                            }

                            .text01 {
                                
                                .confirm_img {
                        
                                    img {
                                    
                                    }
                                }

                                .a_1 {
                                
                                }

                                .price {
                                    span {
                                    }

                                }

                            }

                        }


                    }

                }
            }
        }
    }
}





/*  */


/* defailt "Roboto", "Noto Sans KR", "Noto Sans", sans-serif  */
.lang_font_2, .lang_font_2 *,
.lang_font_3, .lang_font_3 *,
.lang_font_4, .lang_font_4 *,
.lang_font_12, .lang_font_12 * {font-family: 'Spoqa Han Sans Neo', "Roboto", "Noto Sans KR", "Noto Sans", sans-serif  }




.more-title {
    .more {
        white-space: nowrap;
    }
}

.color_gray {
    color: #909090;
}
.more {
    color: #e50070;
    font-size: 14px;
    font-weight: normal;
}
.more_flex {
    display: flex; justify-content: flex-end;
}

.font-rtl {
    direction: rtl !important;
    text-align: right !important;
}

.line-unset {-webkit-line-clamp: unset !important}

.shake {
    animation: shake 0.3s cubic-bezier(.36,.07,.19,.97) both;
    transform: translateX(0);
}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}