/* ------------------------------------------- orders ------------------------------------------- */
/* ------------------------------------------- order ------------------------------------------- */
/* #wrap_content.order { padding: 154px 0 0; } */
.order .inner {
    width: 1520px;
    margin: 0 auto;
    position: relative;
}

.order_wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
}

/* pixed_info */
.pixed_info {
    position: sticky;
    top: 20%;
    width: 400px;
    margin-bottom: 6rem;
    margin-left: auto;
    background: #fff;
}

.pixed_info .info_wrap {
    align-self: flex-start;
    max-height: 65vh;
    overflow-y: auto;
    border: 1px solid #DDDDDD;
}

.pixed_info .list {
    padding: 30px 25px 18px;
    border-bottom: 1px solid #DDDDDD;
}

.pixed_info .list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pixed_info .list li:last-child {
    margin: 0;
}

.pixed_info .list li p {
    font-size: 18px;
    color: #333;
}

.pixed_info .list li span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.pixed_info .list .total {
    padding-top: 15px;
    margin-bottom: 10px;
    border-top: 1px solid #DDDDDD;
}

.pixed_info .total p {
    font-size: 20px;
    font-weight: 500;
    color: #111;
}

.pixed_info .total span {
    font-size: 22px;
    font-weight: bold;
    color: #111;
}

.pixed_info fieldset {
    padding: 18px 20px;
    display: flex;
    align-items: center;
}

.pixed_info legend {
    display: none;
}

.pixed_info fieldset input::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 1px solid #BCBCBC;
    cursor: pointer;
}

.pixed_info fieldset input:checked:after {
    border-color: #000;
    background: url('/img/icon/check-cac87298a980209dd78a3a59ac17bcfa.svg') no-repeat center / 80%;
}

.pixed_info fieldset label {
    padding-left: 15px;
    font-size: 15px;
    color: #333;
    cursor: pointer;
}

.pixed_info .order_info {
    padding: 20px;
    border-top: 1px solid #DDDDDD;
    background: #F8F8F8;
}

.pixed_info .order_info li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
}

.pixed_info .order_info li:first-child {
    margin-bottom: 7px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.pixed_info .order_info li span {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.pixed_info .order_info li:last-child {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.pixed_info .order_info li a {
    font-weight: bold;
}

.pixed_info .btn_pay {
    width: 100%;
    height: 60px;
    margin-top: 16px;
    background: #000;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.pixed_info .btn_pay:disabled {
    background: #BBBBBB;
}

.pixed_info .list .save_money {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pixed_info .list .save_money p::before {
    content: '적립';
    padding: 2px 10px;
    margin-right: 10px;
    border: 1px solid #FF6900;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    color: #FF6900;
}

.pixed_info .list .save_money span,
.pixed_info .list .save_money p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

/* order */
.order .title {
    margin: 0 0 44px;
    /* margin: 60px 0 44px; */
    display: flex;
    align-items: center;
}

.order .btn_back {
    width: 60px;
    height: 60px;
}

.order h1 {
    margin-left: 21px;
    font-size: 36px;
    font-weight: 500;
}

.left_wrap {
    width: 1100px;
    padding-bottom: 250px;
}

.left_wrap .title {
    padding: 10px 25px;
    margin: 52px 0 0;
    border-bottom: 2px solid #000;
    background: #F8F8F8;
}

.left_wrap .title p {
    font-size: 20px;
    font-weight: 500;
}

.user_info ul {
    padding: 30px 25px 50px;
}

.user_info .select_list {
    padding: 0;
}

.user_info .select_list li {
    margin: 0;
}

.user_info li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.user_info li:last-child {
    margin: 0;
}

.user_info li label {
    width: 115px;
    font-size: 18px;
    font-weight: 500;
    color: #777777;
}

.user_info li input {
    width: 500px;
    height: 50px;
    padding: 0 25px;
    border: 1px solid #BCBCBC;
    font-size: 20px;
}

.left_wrap .info_wrap {
    padding: 30px 25px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.delivery_info {
    padding-bottom: 50px;
}

.delivery_info .title {
    margin: 50px 0 0;
}

.delivery_form {
    padding: 0 25px;
}

.delivery_form .head {
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delivery_form .radio_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.delivery_form .radio {
    margin-right: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

.delivery_form .radio input {
    width: 24px;
    height: 24px;
    border: none;
    padding: 0;
}

.delivery_form .radio input::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 12px;
    border: 1px solid #BCBCBC;
    display: inline-block;
    cursor: pointer;
}

.delivery_form .radio input:checked::after {
    border-color: #000;
    cursor: pointer;
}

.delivery_form .radio input:checked::before {
    position: absolute;
    top: 5px;
    left: 5px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 12px;
    background: #000;
}

.delivery_form .radio label {
    width: fit-content;
    padding-left: 10px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

.delivery_form .btn_change {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    display: flex;
    align-items: center;
}

.delivery_form .btn_change span {
    width: 26px;
    height: 26px;
}

.delivery_form li {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
}

.delivery_form li:last-child {
    margin: 0;
}

.delivery_form label {
    display: inline-block;
    flex: 0 0 auto;
    width: 115px;
    font-size: 18px;
    font-weight: 500;
    color: #777;
}

.delivery_form input[type="text"],
.delivery_form input[type="email"],
.delivery_form input[type="number"] {
    width: 500px;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #BCBCBC;
    font-size: 18px;
    color: #333;
}

.delivery_form .input_wrap {
    display: flex;
    align-items: center;
}
 
.delivery_form .input_wrap .name {
    flex: 1;
    margin-right: 2.5rem;
}

.delivery_form .input_wrap .name label {
    display: block;
}

.delivery_form .input_wrap .name input {
    width: 100%;
}

.delivery_form .select_box {
    width: 150px;
    height: 50px;
}

.delivery_form .select {
    font-weight: normal;
    color: #333;
}

.delivery_form .select_list li {
    line-height: 50px;
    margin: 0;
}

.delivery_form .input_wrap input {
    width: 150px;
}

.delivery_form .input_wrap label {
    width: fit-content;
    margin: 0 9px;
}

.delivery_form .address_mail {
    margin: 0 0 8px;
    display: flex;
    align-items: center;
}

.delivery_form .address input {
    margin-bottom: 8px;
}

.delivery_form .address input:disabled {
    background: #F8F8F8;
}

.delivery_form .address input:last-child {
    margin: 0;
}

.delivery_form .address_mail input {
    width: 150px;
    margin: 0;
}

.delivery_form .address_mail button {
    width: 133px;
    height: 50px;
    margin-left: 10px;
    border: 1px solid #000;
    background: #EEEEEE;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.delivery_info .request_term {
    margin: 40px 0 0;
}

.delivery_info .request_term p {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #777;
}

.delivery_info .request_term .select_box {
    width: 615px;
    height: 50px;
}

.delivery_info .request_term input {
    width: 615px;
    padding: 0 25px;
    margin: 10px 0 0;
    /*display: none;*/
}

.text_wrap .name {
    margin-bottom: 10px;
}

.text_wrap .name p {
    font-size: 20px;
}

.base p::after {
    content: '기본 배송지';
    width: 107px;
    height: 35px;
    padding: 5px 15px;
    margin-left: 10px;
    border: 1px solid #FF6900;
    border-radius: 999px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #FF6900;
}

.text_wrap .address {
    margin-bottom: 10px;
    font-size: 20px;
}

.text_wrap .info p,
.text_wrap .info span {
    font-size: 18px;
    color: #777;
    display: flex;
    align-items: center;
}

.text_wrap .info span::before {
    content: '';
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background: #777777;
    display: inline-block;
}

.order_list .title {
    /* margin: 0; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_list .title img {
    transform: rotate(90deg);
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0) brightness(0%) contrast(99999%);
}

.order_list .list {
    padding-bottom: 100px;
}

.order_list .list li {
    padding: 30px 25px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_list .prd_wrap {
    display: flex;
}

.order_list .prd_img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.order_list .text_wrap h3 {
    max-width: 625px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.order_list .text_wrap h3 span {
    margin-right: 5px;
    color: #777;
}

.order_list .text_wrap p {
    font-size: 16px;
    color: #777777;
}

.order_list .list li > p {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-align: right;
}

.order_list .list .before_num {
    font-size: 16px;
    color: #999;
    text-decoration: line-through;
    text-align: right;
}

.before_num {
    -webkit-text-decoration-color: #999999;
    text-decoration-color: #999999;
}

.discount {
    width: 100%;
    padding: 0 0 100px;
    border-radius: 0;
    border: none;
    margin-left: 0;
}

.discount ul {
    padding: 10px 0 0;
}

.discount li {
    padding: 20px 25px 20px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discount label {
    font-size: 20px;
    color: #333;
}

.discount .coupon .select_box {
    width: 439px;
}

.discount .select_list li {
    padding: 0;
}

.discount .input_box {
    display: flex;
    align-items: center;
}

.discount .input_wrap {
    width: 300px;
    height: 50px;
    border: 1px solid #BCBCBC;
    position: relative;
}

.discount .input_wrap p {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    margin: 0;
    color: #333;
}

.discount .input_wrap input {
    width: 100%;
    height: 100%;
    padding: 0 25px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

.discount .input_box button {
    width: 140px;
    height: 50px;
    background: #000;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.discount li > div p {
    margin-top: 6px;
    font-size: 18px;
    color: #333;
}

.discount .select_list {
    padding: 0;
}

.payment .title {
    margin: 0 0 5px;
}

.payment .btn_wrap {
    padding: 25px;
    display: flex;
    align-items: center;
}

.payment .btn_wrap button {
    width: 160px;
    height: 60px;
    border: 1px solid #BCBCBC;
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

.payment .btn_wrap button.on {
    border: 2px solid #000;
}

.receipt_area .delivery_form {
    padding: 0;
}

.receipt_area .tab_list {
    display: flex;
    margin-top: 1.5rem;
}

.receipt_area .tab_list .tab_item {
    width: 200px;
    height: 45px;
    border: 1px solid #000;
    font-size: 18px;
}

.receipt_area .tab_list .tab_item.active {
    background: #000;
    color: #fff;
}

.receipt_area label {
    width: 178px;
}

.receipt_area ul > li {
    border: none;
}

.receipt_area .delivery_form .head {
    margin: 0;
}

.receipt_area .delivery_form li {
    margin-bottom: 0;
    padding: 1rem 0;
}

.receipt_area .checbox_label {
    width: auto;
    margin-left: 0.8rem;
    font-size: 16px;
}

.receipt_area .file_input_wrap {
    display: inline-flex;
}

.receipt_area .file_input_wrap input[type="file"] {
    display: none;
}

.receipt_area .file_input_wrap label {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    width: 140px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
}

.receipt_area p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #888;
}

.receipt_area .radio_wrap {
    margin-top: 1.5rem;
}

/* 주문안내 */
.order_notice ol {
    margin-top: 25px;
}

.order_notice li {
    line-height: 1.6;
    font-size: 16px;
}

/* regular 정기배송/구독주문 */
.regular .order_list .title {
    padding: 10px 81px 10px 25px;
}

.regular .order_list .title span {
    font-size: 16px;
    color: #777777;
}

.regular .regular_form .check_wrap {
    display: flex;
    align-items: center;
    padding: 30px 25px;
}

.regular .check_wrap .dot_check {
    margin-right: 40px;
}

.regular .check_wrap .dot_check label {
    font-size: 18px;
    color: #333;
}

.regular .prd_list > li {
    padding-bottom: 40px;
    border-bottom: 1px solid #EEEEEE;
}

.regular .prd_list > li:nth-last-child(2) {
    border-bottom: 1px solid #EEEEEE;
}

.regular .prd_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 25px;
}

.regular .prd_wrap > p {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    text-align: right;
}

.regular .prd_wrap .before_num {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
    text-align: right;
}

.regular .prd {
    display: flex;
}

.regular .prd .img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
    border: 1px solid #DDDDDD;
}

.regular .prd .prd_title {
    max-width: 625px;
    margin: 0 0 5px;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.regular .prd span {
    max-width: 625px;
    margin-bottom: 2px;
    font-size: 16px;
    color: #777777;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.regular .prd span:last-child {
    margin: 0;
}

.regular .select_wrap > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
}

.regular .select_wrap li {
    display: flex;
    align-items: center;
}

.regular .select_wrap li:last-child {
    margin: 0;
}

.regular .select_wrap label {
    margin-right: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #777777;
}

.regular .select_wrap input {
    position: relative;
    width: 230px;
    height: 50px;
    padding: 0 15px 0 25px;
    border: 1px solid #BCBCBC;
    font-size: 20px;
}

.regular .select_wrap .select_box {
    width: 230px;
    height: 50px;
}

.regular .select_wrap .select {
    font-size: 20px;
    font-weight: normal;
    color: #333;
}

.regular .select_wrap .select_box li {
    line-height: 50px;
}

.regular input[type="date"]::-webkit-clear-button,
.regular input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

.regular input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
}

.regular li input[type='date']::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    background: #fff url('/img/icon/calendar-8bd230a8f0913f05b9b417d38e050886.svg') no-repeat center /contain;
    z-index: 0;
}

.regular .discount .select_box {
    width: 440px;
    height: 50px;
}

.regular .discount .select {
    font-weight: normal;
}

.regular .discount .select_box li {
    border: none;
    line-height: 50px;
}

.regular .regular_form .total {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 17px 0;
    border: 1px solid #eee;
}

.regular .regular_form .total div {
    display: flex;
    align-items: center;
}

.regular .regular_form .total p {
    margin-right: 10px;
    font-size: 18px;
}

.regular .regular_form .total span {
    font-size: 18px;
    font-weight: 500;
    word-break: break-word;
}

.regular .regular_form .total .price::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 0 30px;
    border-radius: 50%;
    background: #fff url('/img/icon/plus_bg-784d4722c892e1c32bd1369df2935827.svg') no-repeat center / cover;
}

.regular .regular_form .total .delivery::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 0 30px;
    border-radius: 50%;
    background: #fff url('/img/icon/equals-46379096705e2b83962f04c2e9500ca2.svg') no-repeat center / cover;
}

/* gift 선물하기 */
.gift .gift_info {
    display: flex;
    align-items: center;
    width: 1100px;
    padding: 25px 44px;
    margin: 52px 0 0;
    background: #F8F8F8;
}

.gift .gift_step {
    display: flex;
    align-items: center;
    margin-right: 70px;
    color: #333;
}

.gift .gift_step li {
    position: relative;
    width: 130px;
    padding: 20px 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

.gift .gift_step span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    min-width: 76px;
    padding: 5px 0;
    margin-left: 30px;
}

.gift .gift_step li:first-child span {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.gift .gift_step li:nth-child(2) span {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

.gift .gift_step li::before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
}

.gift .gift_step li:nth-child(1)::before {
    background: url('/img/icon/gift_box-71a3aecadfedfc82cd413c00bbbf2446.svg') no-repeat center / cover;
}

.gift .gift_step li:nth-child(2)::before {
    background: url('/img/icon/message_box-17878ee0103e8c2b6f3d023cdc5a0b4d.svg') no-repeat center / cover;
}

.gift .gift_step li:nth-child(3)::before {
    background: url('/img/icon/delivery_box-98c306250fbff9b2a32472ba75750127.svg') no-repeat center / cover;
}

.gift .gift_step li:nth-child(4)::before {
    background: url('/img/icon/deliveryBox_box-def353d2ef475b9dd339f0d4dbc67937.svg') no-repeat center / cover;
}

.gift .gift_step li:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -8PX;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('/img/icon/next_arrow_2-12d0bbfcb21931933103e5fdb47ca6f2.svg') no-repeat center / cover;
}

.gift .gift_info ol li {
    font-size: 18px;
    color: #333;
}

.gift .gift_info ol li:not(:last-child) {
    margin-bottom: 10px;
}

.gift .delivery_info .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gift .delivery_info .title p {
    display: flex;
    align-items: center;
}

.gift .delivery_info .title span {
    margin-right: 50px;
    font-size: 16px;
    color: #777;
}

.gift .left_wrap .title {
    margin: 20px 0 0;
}

.delivery_info .title img {
    transform: rotate(90deg);
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0) brightness(0%) contrast(99999%);
}

.gift legend {
    display: none;
}

.gift .delivery_info .btn_wrap {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.gift .btn_wrap button {
    width: 178px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift .btn_wrap button + button {
    margin-left: 10px;
}

.gift .btn_wrap button span {
    width: 30px;
    height: 30px;
}

.gift .delivery_form {
    padding: 0 25px;
    margin: 0 0 50px;
}

.gift .delivery_form label {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 500;
    color: #777777;
}

.gift .delivery_form .input_wrap {
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gift .select_box {
    width: 190px;
}

.gift .select {
    font-weight: normal;
}

.gift .number .input_wrap label {
    margin: 0 10px;
}

.gift .number input {
    width: 190px;
}

.gift .input_wrap > button {
    width: 140px;
    height: 50px;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 500;
}

.gift .btn_add {
    background: #000;
    color: #fff;
}

.gift .btn_delete {
    border: 1px solid #000;
    background: #fff;
    color: #000;
    display: none;
}

.acco .title {
    position: relative;
    cursor: pointer;
}

.acco .title::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(-90deg);
    transition: .3s;
    width: 26px;
    height: 26px;
    background: url('/img/icon/next_arrow_2-12d0bbfcb21931933103e5fdb47ca6f2.svg') no-repeat center / contain;
    filter: invert(0) sepia(0%) saturate(7451%) brightness(109%) contrast(999%);
}

.acco .title.on::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .3s;
}

.gift .delivery_form .text_wrap {
    margin: 30px 0 0;
}

.gift .delivery_form .text_wrap div {
    position: relative;
    width: 100%;
    height: 160px;
    padding: 15px 20px;
    border: 1px solid #BCBCBC;
}

.gift .delivery_form .text_wrap textarea {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #333333;
}

.gift .delivery_form .text_wrap textarea::placeholder {
    color: #ACACAC;
}

.gift .payment button {
    width: 160px;
    height: 60px;
    margin-left: 0;
    border-radius: 0;
    border-color: #BCBCBC;
}

/* wine */
.wine .user_info li:last-child:not(.select_list li) {
    align-items: baseline;
    margin: 30px 0 0;
}

.wine .select_box {
    width: 500px;
    height: 50px;
}

.wine .count_input > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 500px;
    margin: 0 0 20px;
}

.wine .count_input > div:last-child {
    margin: 20px 0 0;
}

.wine .count_input p {
    font-size: 20px;
    color: #777;
}

.wine .count_input input {
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.wine .count_input button {
    width: 24px;
    height: 24px;
}

.wine .count_box {
    display: flex;
    width: 150px;
    height: 40px;
    padding: 7px 10px;
    border-radius: 4px;
    border: 1px solid #BBBBBB;
}

.wine .notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 50px;
    border: 1px solid #DDDDDD;
    background: #F9F9F9;
}

.wine .notice p {
    display: flex;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.wine .notice p::before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 25px;
    background: url('/img/icon/notice-8db40573af8a4037efbf2d43baefe8db.svg') no-repeat center / cover;
}

.wine .notice button {
    width: 140px;
    height: 50px;
    border: 1px solid #000;
    background: #fff;
    font-size: 20px;
    font-weight: 500;
}

.wine .notice button:disabled {
    background: transparent;
    border-color: #BCBCBC;
    color: #BCBCBC;
}

/* order_cancel */
.cancel section {
    padding: 0 0 140px;
}

.cancel .text_box {
    margin: 160px 0 50px;
    text-align: center;
}

.cancel .text_box h1 {
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: bold;
    color: #333;
}

.cancel .text_box p {
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
}

.cancel .text_box p:last-child {
    margin: 0;
}

.cancel .text_box span {
    font-weight: 500;
    color: #FF6900;
}

.cancel .info_box {
    width: 1300px;
    margin: 0 auto;
    padding: 40px 0;
    border: 1px solid #DDDDDD;
    background: #F8F8F8;
}

.cancel .main_info {
    width: 676px;
    margin: 0 auto;
}

.cancel .main_info > li {
    padding: 20px 0;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
}

.cancel .main_info > li:last-child {
    border: none;
}

.cancel .main_info p {
    width: 146px;
    margin-left: 40px;
    font-size: 20px;
    color: #777777;
}

.cancel .main_info span {
    font-size: 20px;
    color: #333;
}

.cancel .sub_info li {
    margin-bottom: 5px;
    font-size: 20px;
    color: #333;
}

.cancel .sub_info li:last-child {
    margin: 0;
}

.cancel .btn_wrap {
    margin: 80px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cancel .btn_wrap button {
    width: 300px;
    height: 60px;
    font-size: 20px;
    font-weight: 500;
}

.cancel .btn_wrap .btn_detail {
    margin-right: 10px;
    background: transparent;
    border: 1px solid #000;
    color: #000;
}

.cancel .btn_wrap button:last-child {
    background: #000;
    color: #fff;
}

.cancel .btn_subscript {
    display: none;
}

/* cart */
.cart .inner {
    width: 1520px;
    margin: 0 auto;
}

.cart .btn_back {
    width: 60px;
    height: 60px;
}

.cart .title {
    margin: 0 0 20px;
}

.cart .title .text_box {
    display: flex;
    align-items: flex-end;
}

.cart .title h1 {
    margin-right: 50px;
    font-size: 36px;
    font-weight: bold;
    color: #333;
}

.cart .tab_list {
    display: flex;
    align-items: center;
}

.cart .tab_list.mobile {
    display: none;
}

.cart .tab {
    margin-right: 20px;
    padding: 0 0 5px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.cart .tab span {
    position: relative;
    color: #777;
}

.cart .tab:last-child {
    margin: 0;
}

.cart .tab.active span {
    color: #000;
}

.cart .tab.active span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 3px;
    background: #000;
}

.cart .tab_area {
    display: none;
}

.cart .tab_area.active {
    display: block;
}

.cart .tab_area_wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 120px;
}

.cart .tab_area {
    width: 1100px;
}

.cart .tab_area .head_list {
    height: 60px;
    background: #F6F6F6;
    display: flex;
}

.cart .tab_area .head_list li {
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.cart .tab_area .head_list li:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart .tab_area .head_list li:first-child,
.cart .tab_area .sub_list li:first-child {
    width: 80px;
}

.cart .tab_area .head_list li:nth-child(2),
.cart .tab_area .sub_list li:nth-child(2) {
    width: 520px;
}

.cart .tab_area .head_list li:nth-child(3),
.cart .tab_area .sub_list li:nth-child(3) {
    width: 200px;
}

.cart .tab_area .head_list li:nth-child(4),
.cart .tab_area .sub_list li:nth-child(4) {
    width: 150px;
}

.cart .tab_area .head_list li:nth-child(5),
.cart .tab_area .sub_list li:nth-child(5) {
    width: 150px;
}

.cart .no_list {
    padding: 180px 0 246px;
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #777777;
}

.cart .btn_wrap_box {
    width: 1100px;
    display: flex;
    justify-content: space-between;
}

.cart .delete_btn_group.btn_wrap {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
}

.cart .delete_btn_group button {
    width: 180px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
}

.cart .delete_btn_group button:first-child {
    margin-right: 10px;
    border: 1px solid #000;
    color: #000;
}

.cart .delete_btn_group button:last-child {
    background: #000;
    color: #fff;
}

.cart .pay_box {
    width: 400px;
}

.cart .list_wrap {
    padding: 30px 25px 35px;
    border: 1px solid #DDDDDD;
}

.cart .pay_box li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart .pay_box li:nth-last-child(2) {
    margin-bottom: 30px;
}

.cart .pay_box li.total {
    padding: 18px 0 0;
    margin-bottom: 0;
    border-top: 1px solid #DDDDDD;
}

.cart .pay_box p {
    font-size: 18px;
    color: #333;
}

.cart .pay_box span {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.cart .pay_box li.total p {
    font-size: 20px;
    font-weight: 500;
}

.cart .pay_box li.total span {
    font-size: 22px;
    font-weight: bold;
}

.cart .pay_box .btn_buy {
    width: 100%;
    height: 60px;
    margin: 15px 0 0;
    background: #000;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.cart .list > li {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #EEEEEE;
}

.cart .list > li:nth-last-child(2) {
    border: none;
}

.cart .sub_list {
    display: flex;
    align-items: center;
}

.cart .sub_list li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart .sub_list li.prd {
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 34px;
    cursor: pointer;
}

.cart .sub_list li:nth-child(4) {
    flex-wrap: wrap;
}

.cart .sub_list li:nth-child(4) p,
.cart .sub_list li:nth-child(5) p {
    text-align: center;
}

.cart .sub_list p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    width: 100%;
    word-break: break-word;
}

.cart .prd .img {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.cart .prd .img:hover img {
    transform: scale(1);
}

.cart .sold_out .img_wrap::after {
    text-align: center;
    font-size: 20px;
}

.cart .prd p {
    /* max-height: 54px; */
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart .prd span {
    max-height: 54px;
    font-size: 18px;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart .sub_list .count_wrap {
    display: flex;
    align-items: center;
    width: 150px;
    padding: 12px 10px;
}

.cart .sub_list .count_wrap button {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.cart .sub_list .count_wrap input {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.cart .sub_list del {
    flex: 0 0 auto;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 500;
    color: #999999;
}

.cart .list .delete_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url("/img/icon/icon_delete-993c13ef555e65220d684d1fb2117fc9.svg") no-repeat center / 70%;
}

.cart .list .total {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
}

.cart .list .total div {
    display: flex;
    align-items: center;
}

.cart .list .total p {
    margin-right: 10px;
    font-size: 18px;
}

.cart .list .total span {
    font-size: 18px;
    font-weight: 500;
    word-break: break-word;
}

.cart .list .total .price::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 0 30px;
    border-radius: 50%;
    background: #fff url('/img/icon/plus_bg-784d4722c892e1c32bd1369df2935827.svg') no-repeat center / cover;
}

.cart .list .total .delivery::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 0 30px;
    border-radius: 50%;
    background: #fff url('/img/icon/equals-46379096705e2b83962f04c2e9500ca2.svg') no-repeat center / cover;
}

.cart .forwarding_place {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 76px 27px 40px;
    margin: 60px 0 10px;
    border: 2px solid #DDDDDD;
    background: #fff;
}

.cart .forwarding_place p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.cart .forwarding_place span {
    color: #FF6900;
}

/* done */
/* .done .main_info > li:last-child { border-bottom: 1px solid #ddd; } */
.done .main_info > li:last-child {
    border: none;
}

.done .subscript_list {
    width: 676px;
    margin: 20px auto 0;
}

.done .subscript_list li {
    margin: 0 0 10px;
    background: #fff;
}

.done .subscript_list li:last-child {
    margin: 0;
}

.done .prd_wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 12px;
    border-bottom: 1px solid #EEEEEE;
}

.done .prd {
    display: flex;
}

.done .img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

.done .prd_text p {
    max-width: 465px;
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.done .prd_text span {
    max-width: 465px;
    font-size: 16px;
    color: #777777;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.done .prd_text .price {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: normal;
    color: #333;
}

.done .prd_text .price span {
    font-size: 17px;
    font-weight: normal;
    color: #333;
}

.done .prd_text .price span::before {
    content: '/';
    margin-left: 8px;
}

.done .date {
    display: flex;
    align-items: center;
    padding: 15px 20px;
}

.done .date p {
    margin-right: 20px;
    font-size: 18px;
    color: #777777;
}

.done .date span {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}


/* --------------------- pop --------------------- */
/* --------------------- pop --------------------- */

/* order */
/* 배송지 변경 팝업 */
.pop {
    display: none;
}

.change_point .pop_content {
    width: 760px;
}

.change_point .title {
    margin: 0;
}

.change_point .list {
    height: 458px;
    border-bottom: 1px solid #ddd;
    overflow: hidden auto;
}

.change_point .list::-webkit-scrollbar {
    display: none;
}

.change_point li {
    padding: 30px 0;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    justify-content: space-between;
}

.change_point li:last-child {
    border: none;
}

.change_point .list .btn_wrap {
    margin: 0;
}

.change_point .list .btn_wrap button {
    width: fit-content;
    height: fit-content;
    margin: 0;
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.change_point .list button:last-child::before {
    content: '';
    width: 1px;
    height: 18px;
    margin: 0 15px;
    background: #999999;
    display: inline-block;
}

.change_point .list p:last-child {
    margin: 0;
}

.change_point .btn_wrap {
    margin: 40px 0 0;
    justify-content: center;
}

/* 배송지 추가 팝업 */
.address_pop .pop_content {
    width: 760px;
}

.address_pop .title {
    margin: 0;
}

.address_pop .address_form {
    padding: 30px 0 40px;
}

.address_pop .address_form ul {
    padding: 0 0 35px;
    border-bottom: 1px solid #DDDDDD;
}

.address_pop .address_form li {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.address_pop .address_form li:last-child {
    margin: 0;
}

.address_pop .address_form label {
    width: 160px;
    font-size: 20px;
    color: #333;
    flex: 0 0 auto;
}

.address_pop .address_form input {
    width: 500px;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #BCBCBC;
    font-size: 18px;
    color: #333;
}

.address_pop .address_form .dash {
    width: fit-content;
    margin: 0 9px;
}

.address_pop .address_form .select_box {
    width: 150px;
    height: 50px;
}

.address_pop .select {
    font-weight: normal;
    color: #333;
}

.address_pop .address_form .select_list {
    padding: 0;
    border-bottom-color: #BCBCBC;
}

.address_pop .select_list li {
    margin: 0;
}

.address_pop .address_form .input_wrap {
    display: flex;
    align-items: center;
}

.address_pop .address_form .phone input {
    width: 150px;
}

.address_pop .address_form .input_wrap label {
    width: fit-content;
    margin: 0 9px;
}

.address_pop .address_mail {
    margin: 0 0 8px;
    display: flex;
    align-items: center;
}

.address_pop .address input {
    margin-bottom: 8px;
}

.address_pop .address input:disabled {
    background: #F8F8F8;
}

.address_pop .address input:last-child {
    margin: 0;
}

.address_pop .address_mail input {
    width: 150px;
    margin: 0;
}

.address_pop .address_mail button {
    width: 133px;
    height: 50px;
    margin-left: 10px;
    border: 1px solid #000;
    background: #EEEEEE;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.address_pop .check_wrap {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.address_pop .check {
    display: flex;
    align-items: center;
}

.address_pop .check input {
    width: 0;
    position: relative;
    border: none;
    padding: 0;
}

.address_pop .check input::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #BCBCBC;
    cursor: pointer;
}

.address_pop .check input:checked::after {
    border-color: #000;
    background: url('/img/icon/check-cac87298a980209dd78a3a59ac17bcfa.svg') no-repeat center/ 80%;
}

.address_pop .check label {
    margin-left: 34px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}

.address_pop .check_wrap button {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.address_pop .btn_wrap {
    justify-content: center;
}

/* 장바구니 상품 삭제 */
.prd_delete .pop_content {
    padding: 50px 40px 40px;
}

.prd_delete p {
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
    color: #333333;
}

.prdFullPrice {
    font-size: 18px;
}

.toggel_wrap {
    padding: 0.8rem;
}

.toggle_title {
    position: relative;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    font-weight: 500;
    background: #F8F8F8;
}

.toggle_title::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(-90deg);
    transition: .3s;
    width: 26px;
    height: 26px;
    background: url(/img/icon/next_arrow_2-12d0bbfcb21931933103e5fdb47ca6f2.svg) no-repeat center / contain;
    filter: invert(0) sepia(0%) saturate(7451%) brightness(109%) contrast(999%);
}

.toggle_title.on::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .3s;
}

.toggle_item {
    padding: 1rem;
}

.toggle_item input {
    vertical-align: middle;
}

.toggle_item fieldset {
    margin-bottom: 0.6rem;
}



/* ------------------------------------------------------- */
/* ------------------------ media ------------------------ */
/* ------------------------------------------------------- */

/* ------------------------ 태블릿 ------------------------ */
@media all and (max-width: 1600px) {
    #wrap_content.order {
        padding: calc(100vw * (154 / 1600)) 0 0;
    }

    .order .inner {
        width: calc(100vw * (1520 / 1600));
    }

    /* pixed_info */
    .pixed_info {
        width: calc(100vw * (400 / 1600));
    }

    .pixed_info .list {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600)) calc(100vw * (18 / 1600));
    }

    .pixed_info .list li {
        margin-bottom: calc(100vw * (15 / 1600));
    }

    .pixed_info .list li p {
        font-size: calc(100vw * (18 / 1600));
    }

    .pixed_info .list li span {
        font-size: calc(100vw * (18 / 1600));
    }

    .pixed_info .list .total {
        padding-top: calc(100vw * (15 / 1600));
        margin-bottom: calc(100vw * (10 / 1600));
    }

    .pixed_info .total p {
        font-size: calc(100vw * (20 / 1600));
    }

    .pixed_info .total span {
        font-size: calc(100vw * (22 / 1600));
    }

    .pixed_info fieldset {
        padding: calc(100vw * (18 / 1600)) calc(100vw * (20 / 1600));
    }

    .pixed_info fieldset input::after {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
    }

    .pixed_info fieldset label {
        padding-left: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (15 / 1600));
    }

    .pixed_info .order_info {
        padding: calc(100vw * (20 / 1600));
    }

    .pixed_info .order_info li {
        margin-bottom: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (15 / 1600));
    }

    .pixed_info .order_info li:first-child {
        margin-bottom: calc(100vw * (7 / 1600));
    }

    .pixed_info .order_info li span {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
        margin-right: calc(100vw * (5 / 1600));
    }

    .pixed_info .order_info li:last-child {
        margin-top: calc(100vw * (20 / 1600));
        font-size: calc(100vw * (16 / 1600));
    }

    .pixed_info .btn_pay {
        height: calc(100vw * (60 / 1600));
        margin-top: calc(100vw * (16 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .pixed_info .list .save_money p::before {
        padding: calc(100vw * (2 / 1600)) calc(100vw * (10 / 1600));
        margin-right: calc(100vw * (10 / 1600));
        border-radius: calc(100vw * (16 / 1600));
        font-size: calc(100vw * (15 / 1600));
    }

    .pixed_info .list .save_money span,
    .pixed_info .list .save_money p {
        font-size: calc(100vw * (18 / 1600));
    }

    /* order */
    .order .title {
        margin: 0;
    }

    .order .btn_back {
        width: calc(100vw * (60 / 1600));
        height: calc(100vw * (60 / 1600));
    }

    .order h1 {
        margin-left: calc(100vw * (21 / 1600));
        font-size: calc(100vw * (36 / 1600));
    }

    .left_wrap {
        width: calc(100vw * (1100 / 1600));
        padding-bottom: calc(100vw * (250 / 1600));
    }

    .left_wrap .title {
        padding: calc(100vw * (10 / 1600)) calc(100vw * (25 / 1600));
        margin: calc(100vw * (52 / 1600)) 0 0;
        border-bottom: calc(100vw * (2 / 1600)) solid #000;
    }

    .left_wrap .title p {
        font-size: calc(100vw * (20 / 1600));
    }

    .user_info ul {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600)) calc(100vw * (100 / 1600));
    }

    .user_info li {
        margin-bottom: calc(100vw * (20 / 1600));
    }

    .user_info li label {
        width: calc(100vw * (115 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .user_info li input {
        width: calc(100vw * (500 / 1600));
        height: calc(100vw * (50 / 1600));
        padding: 0 calc(100vw * (25 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .left_wrap .info_wrap {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600));
    }

    .delivery_info {
        padding-bottom: calc(100vw * (50 / 1600));
    }

    .delivery_info .title {
        margin: calc(100vw * (50 / 1600)) 0 0;
    }

    .delivery_form {
        padding: 0 calc(100vw * (25 / 1600));
    }

    .delivery_form .head {
        margin: calc(100vw * (30 / 1600)) 0;
    }

    .delivery_form .radio {
        margin-right: calc(100vw * (40 / 1600));
    }

    .delivery_form .radio input {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
    }

    .delivery_form .radio input::after {
        width: calc(100vw * (22 / 1600));
        height: calc(100vw * (22 / 1600));
        border-radius: calc(100vw * (12 / 1600));
    }

    .delivery_form .radio input:checked::before {
        top: calc(100vw * (5 / 1600));
        left: calc(100vw * (5 / 1600));
        width: calc(100vw * (14 / 1600));
        height: calc(100vw * (14 / 1600));
        border-radius: calc(100vw * (12 / 1600));
    }

    .delivery_form .radio label {
        padding-left: calc(100vw * (10 / 1600));
    }

    .delivery_form .btn_change {
        font-size: calc(100vw * (18 / 1600));
    }

    .delivery_form .btn_change span {
        width: calc(100vw * (26 / 1600));
        height: calc(100vw * (26 / 1600));
    }

    .delivery_form li {
        margin: 0 0 calc(100vw * (25 / 1600));
    }

    .delivery_form label {
        width: calc(100vw * (115 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .delivery_form input[type="text"],
    .delivery_form input[type="email"],
    .delivery_form input[type="number"] {
        width: calc(100vw * (500 / 1600));
        height: calc(100vw * (50 / 1600));
        padding: 0 calc(100vw * (15 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .delivery_form .select_box {
        width: calc(100vw * (150 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .delivery_form .select_list li {
        line-height: calc(100vw * (50 / 1600));
    }

    .delivery_form .input_wrap input {
        width: calc(100vw * (150 / 1600));
    }

    .delivery_form .input_wrap label {
        margin: 0 calc(100vw * (9 / 1600));
    }

    .delivery_form .address_mail {
        margin: 0 0 calc(100vw * (8 / 1600));
    }

    .delivery_form .address input {
        margin-bottom: calc(100vw * (8 / 1600));
    }

    .delivery_form .address_mail input {
        width: calc(100vw * (150 / 1600));
        margin: 0;
    }

    .delivery_form .address_mail button {
        width: calc(100vw * (133 / 1600));
        height: calc(100vw * (50 / 1600));
        margin-left: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .delivery_info .request_term {
        margin: calc(100vw * (40 / 1600)) 0 0;
    }

    .delivery_info .request_term p {
        margin-bottom: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .delivery_info .request_term .select_box {
        width: calc(100vw * (615 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .delivery_info .request_term input {
        width: calc(100vw * (615 / 1600));
        padding: 0 calc(100vw * (25 / 1600));
        margin: calc(100vw * (10 / 1600)) 0 0;
    }

    .text_wrap .name {
        margin-bottom: calc(100vw * (10 / 1600));
    }

    .text_wrap .name p {
        font-size: calc(100vw * (20 / 1600));
    }

    .base p::after {
        width: calc(100vw * (107 / 1600));
        height: calc(100vw * (35 / 1600));
        padding: calc(100vw * (5 / 1600)) calc(100vw * (15 / 1600));
        margin-left: calc(100vw * (10 / 1600));
        border-radius: calc(100vw * (999 / 1600));
        line-height: calc(100vw * (35 / 1600));
        font-size: calc(100vw * (16 / 1600));
    }

    .text_wrap .address {
        margin-bottom: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .text_wrap .info p,
    .text_wrap .info span {
        font-size: calc(100vw * (18 / 1600));
    }

    .text_wrap .info span::before {
        height: calc(100vw * (16 / 1600));
        margin: 0 calc(100vw * (10 / 1600));
    }

    .order_list .list {
        padding-bottom: calc(100vw * (100 / 1600));
    }

    .order_list .list li {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600));
    }

    .order_list .prd_img {
        width: calc(100vw * (100 / 1600));
        height: calc(100vw * (100 / 1600));
        margin-right: calc(100vw * (15 / 1600));
    }

    .order_list .text_wrap h3 {
        max-width: calc(100vw * (625 / 1600));
        margin-bottom: calc(100vw * (5 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .order_list .text_wrap h3 span {
        margin-right: calc(100vw * (5 / 1600));
    }

    .order_list .text_wrap p {
        font-size: calc(100vw * (16 / 1600));
    }

    .order_list .list li > p {
        font-size: calc(100vw * (20 / 1600));
    }

    .order_list .list .before_num {
        font-size: calc(100vw * (16 / 1600));
    }

    .discount {
        padding: 0 0 calc(100vw * (100 / 1600));
    }

    .discount ul {
        padding: calc(100vw * (10 / 1600)) 0 0;
    }

    .discount li {
        padding: calc(100vw * (20 / 1600)) calc(100vw * (25 / 1600)) calc(100vw * (20 / 1600)) calc(100vw * (64 / 1600));
    }

    .discount label {
        font-size: calc(100vw * (20 / 1600));
    }

    .discount .coupon .select_box {
        width: calc(100vw * (439 / 1600));
    }

    .discount .select_list li {
        padding: 0;
        border: none;
    }

    .discount .input_wrap {
        width: calc(100vw * (300 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .discount .input_wrap p {
        right: calc(100vw * (25 / 1600));
    }

    .discount .input_wrap input {
        padding: 0 calc(100vw * (25 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .discount .input_box button {
        width: calc(100vw * (140 / 1600));
        height: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .discount li > div p {
        margin-top: calc(100vw * (6 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .payment .title {
        margin: 0 0 calc(100vw * (5 / 1600));
    }

    .payment .btn_wrap {
        padding: calc(100vw * (25 / 1600));
    }

    .payment .btn_wrap button {
        width: calc(100vw * (160 / 1600));
        height: calc(100vw * (60 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .payment .btn_wrap button.on {
        border: calc(100vw * (2 / 1600)) solid #000;
    }

    .receipt_area .tab_list {
        display: flex;
        margin-top: 1.5rem;
    }

    .receipt_area .tab_list .tab_item {
        width: calc(100vw * (200 / 1600));
        height: calc(100vw * (45 / 1600));
        border: 1px solid #000;
        font-size: calc(100vw * (18 / 1600));
    }

    .receipt_area label {
        width: calc(100vw * (178 / 1600));
    }

    .receipt_area .checbox_label {
        font-size: calc(100vw * (16 / 1600));
    }

    .receipt_area .file_input_wrap label {
        width: calc(100vw * (140 / 1600));
        height: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .receipt_area p {
        font-size: calc(100vw * (16 / 1600));
    }


    /* 주문안내 */
    .order_notice ul {
        margin-top: calc(100vw * (25 / 1600));
    }

    .order_notice li {
        font-size: calc(100vw * (16 / 1600));
    }

    /* regular 정기배송/구독주문 */
    .regular .order_list .title {
        padding: calc(100vw * (10 / 1600)) calc(100vw * (81 / 1600)) calc(100vw * (10 / 1600)) calc(100vw * (25 / 1600));
    }

    .regular .order_list .title span {
        font-size: calc(100vw * (16 / 1600));
    }

    .regular .regular_form .check_wrap {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600));
    }

    .regular .check_wrap .dot_check {
        margin-right: calc(100vw * (40 / 1600));
    }

    .regular .check_wrap .dot_check label {
        font-size: calc(100vw * (18 / 1600));
    }

    .regular .prd_list > li {
        padding-bottom: calc(100vw * (40 / 1600));
    }

    .regular .prd_wrap {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600));
    }

    .regular .prd_wrap > p {
        font-size: calc(100vw * (20 / 1600));
    }

    .regular .prd_wrap .before_num {
        font-size: calc(100vw * (18 / 1600));
    }

    .regular .prd .img {
        width: calc(100vw * (100 / 1600));
        height: calc(100vw * (100 / 1600));
        margin-right: calc(100vw * (15 / 1600));
    }

    .regular .prd .prd_title {
        max-width: calc(100vw * (625 / 1600));
        margin: 0 0 calc(100vw * (5 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .regular .prd span {
        max-width: calc(100vw * (625 / 1600));
        margin-bottom: calc(100vw * (2 / 1600));
        font-size: calc(100vw * (16 / 1600));
    }

    .regular .select_wrap > ul {
        padding: calc(100vw * (10 / 1600)) calc(100vw * (25 / 1600));
    }

    .regular .select_wrap label {
        margin-right: calc(100vw * (20 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .regular .select_wrap input {
        width: calc(100vw * (230 / 1600));
        height: calc(100vw * (50 / 1600));
        padding: 0 calc(100vw * (15 / 1600)) 0 calc(100vw * (25 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .regular .select_wrap .select_box {
        width: calc(100vw * (230 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .regular .select_wrap .select {
        font-size: calc(100vw * (20 / 1600));
    }

    .regular .select_wrap .select_box li {
        line-height: calc(100vw * (50 / 1600));
    }

    .regular li input[type='date']::after {
        right: calc(100vw * (10 / 1600));
        width: calc(100vw * (34 / 1600));
        height: calc(100vw * (34 / 1600));
    }

    .regular .discount .select_box {
        width: calc(100vw * (440 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .regular .discount .select_box li {
        line-height: calc(100vw * (50 / 1600));
    }

    .regular .regular_form .total {
        margin-top: calc(100vw * (10 / 1600));
        padding: calc(100vw * (17 / 1600)) 0;
    }

    .regular .regular_form .total p {
        margin-right: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .regular .regular_form .total span {
        font-size: calc(100vw * (18 / 1600));
    }

    .regular .regular_form .total .price::after {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
        margin: 0 calc(100vw * (30 / 1600));
    }

    .regular .regular_form .total .delivery::after {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
        margin: 0 calc(100vw * (30 / 1600));
    }

    /* gift 선물하기 */
    .gift .gift_info {
        width: calc(100vw * (1100 / 1600));
        padding: calc(100vw * (25 / 1600)) calc(100vw * (44 / 1600));
    }

    .gift .gift_step {
        margin-right: calc(100vw * (70 / 1600));
    }

    .gift .gift_step li {
        width: calc(100vw * (130 / 1600));
        padding: calc(100vw * (20 / 1600)) 0 0;
        font-size: calc(100vw * (15 / 1600));
    }

    .gift .gift_step span {
        min-width: calc(100vw * (76 / 1600));
        margin-left: calc(100vw * (29 / 1600));
        padding: calc(100vw * (5 / 1600)) 0;
    }

    .gift .gift_step li::before {
        width: calc(100vw * (80 / 1600));
        height: calc(100vw * (80 / 1600));
        margin: 0 auto calc(100vw * (10 / 1600));
    }

    .gift .gift_step li:not(:last-child)::after {
        right: calc(100vw * (-8 / 1600));
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
    }

    .gift .gift_info ol li {
        font-size: calc(100vw * (18 / 1600));
    }

    .gift .gift_info ol li:not(:last-child) {
        margin-bottom: calc(100vw * (10 / 1600));
    }

    .gift .left_wrap .title {
        margin: calc(100vw * (20 / 1600)) 0 0;
    }

    .gift .delivery_info .title {
        margin: calc(100vw * (50 / 1600)) 0 0;
    }

    .gift .delivery_info .title span {
        margin-right: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (16 / 1600));
    }

    .gift .delivery_info .btn_wrap {
        margin: calc(100vw * (20 / 1600)) 0 0;
    }

    .gift .btn_wrap button {
        width: calc(100vw * (178 / 1600));
        height: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .gift .btn_wrap button + button  {
        margin-left: calc(100vw * (10 / 1600));
    }

    .gift .btn_wrap button span {
        width: calc(100vw * (30 / 1600));
        height: calc(100vw * (30 / 1600));
    }

    .gift .delivery_form {
        padding: 0 calc(100vw * (25 / 1600));
        margin: 0 0 calc(100vw * (50 / 1600));
    }

    .gift .delivery_form label {
        margin: 0 0 calc(100vw * (10 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .gift .delivery_form .input_wrap {
        margin: calc(100vw * (10 / 1600)) 0 0;
    }

    .gift .select_box {
        width: calc(100vw * (190 / 1600));
    }

    .gift .number .input_wrap label {
        margin: 0 calc(100vw * (10 / 1600));
    }

    .gift .number input {
        width: calc(100vw * (190 / 1600));
    }

    .gift .input_wrap > button {
        width: calc(100vw * (140 / 1600));
        height: calc(100vw * (50 / 1600));
        margin-left: calc(100vw * (30 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .acco .title::after {
        right: calc(100vw * (25 / 1600));
        width: calc(100vw * (26 / 1600));
        height: calc(100vw * (26 / 1600));
    }

    .gift .delivery_form .text_wrap {
        margin: calc(100vw * (30 / 1600)) 0 0;
    }

    .gift .delivery_form .text_wrap div {
        height: calc(100vw * (160 / 1600));
        padding: calc(100vw * (15 / 1600)) calc(100vw * (20 / 1600));
    }

    .gift .delivery_form .text_wrap textarea {
        font-size: calc(100vw * (18 / 1600));
    }

    /* wine */
    .wine .user_info li:last-child {
        margin: calc(100vw * (30 / 1600)) 0 0;
    }

    .wine .select_box {
        width: calc(100vw * (500 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .wine .count_input > div {
        width: calc(100vw * (500 / 1600));
        margin: 0 0 calc(100vw * (20 / 1600));
    }

    .wine .count_input > div:last-child {
        margin: calc(100vw * (20 / 1600)) 0 0;
    }

    .wine .count_input p {
        font-size: calc(100vw * (20 / 1600));
    }

    .wine .count_input input {
        font-size: calc(100vw * (18 / 1600));
    }

    .wine .count_input button {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
    }

    .wine .count_box {
        width: calc(100vw * (150 / 1600));
        height: calc(100vw * (40 / 1600));
        padding: calc(100vw * (7 / 1600)) calc(100vw * (10 / 1600));
        border-radius: calc(100vw * (4 / 1600));
    }

    .wine .notice {
        padding: calc(100vw * (40 / 1600)) calc(100vw * (50 / 1600));
    }

    .wine .notice p {
        line-height: calc(100vw * (30 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .wine .notice p::before {
        width: calc(100vw * (48 / 1600));
        height: calc(100vw * (48 / 1600));
        margin-right: calc(100vw * (25 / 1600));
    }

    .wine .notice button {
        width: calc(100vw * (140 / 1600));
        height: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    /* order_cancel */
    .cancel section {
        padding: 0 0 calc(100vw * (140 / 1600));
    }

    .cancel .text_box {
        margin: calc(100vw * (160 / 1600)) 0 calc(100vw * (50 / 1600));
    }

    .cancel .text_box h1 {
        margin: 0 0 calc(100vw * (30 / 1600));
        font-size: calc(100vw * (40 / 1600));
    }

    .cancel .text_box p {
        margin-bottom: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .cancel .info_box {
        width: calc(100vw * (1300 / 1600));
        padding: calc(100vw * (40 / 1600)) 0;
    }

    .cancel .main_info {
        width: calc(100vw * (676 / 1600));
    }

    .cancel .main_info > li {
        padding: calc(100vw * (20 / 1600)) 0;
    }

    .cancel .main_info p {
        width: calc(100vw * (146 / 1600));
        margin-left: calc(100vw * (40 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .cancel .main_info span {
        font-size: calc(100vw * (20 / 1600));
    }

    .cancel .sub_info li {
        margin-bottom: calc(100vw * (5 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .cancel .btn_wrap {
        margin: calc(100vw * (80 / 1600)) 0 0;
    }

    .cancel .btn_wrap button {
        width: calc(100vw * (300 / 1600));
        height: calc(100vw * (60 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .cancel .btn_wrap button:first-child {
        margin-right: calc(100vw * (10 / 1600));
    }

    /* cart */
    .cart .inner {
        width: calc(100vw * (1520 / 1600));
    }

    .cart .btn_back {
        width: calc(100vw * (60 / 1600));
        height: calc(100vw * (60 / 1600));
    }

    .cart .title {
        margin: 0 0 calc(100vw * (20 / 1600));
    }

    .cart .title h1 {
        margin-right: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (36 / 1600));
    }

    .cart .tab {
        margin-right: calc(100vw * (20 / 1600));
        padding: 0 0 calc(100vw * (5 / 1600));
        font-size: calc(100vw * (20 / 1600));
        border-bottom: calc(100vw * (3 / 1600)) solid #fff;
    }

    .cart .tab_area_wrap {
        padding-bottom: calc(100vw * (120 / 1600));
    }

    .cart .tab_area {
        width: calc(100vw * (1100 / 1600));
    }

    .cart .tab_area .head_list {
        height: calc(100vw * (60 / 1600));
    }

    .cart .tab_area .head_list li {
        line-height: calc(100vw * (60 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .cart .tab_area .head_list li:first-child,
    .cart .tab_area .sub_list li:first-child {
        width: calc(100vw * (80 / 1600));
    }

    .cart .tab_area .head_list li:nth-child(2),
    .cart .tab_area .sub_list li:nth-child(2) {
        width: calc(100vw * (520 / 1600));
    }

    .cart .tab_area .head_list li:nth-child(3),
    .cart .tab_area .sub_list li:nth-child(3) {
        width: calc(100vw * (200 / 1600));
    }

    .cart .tab_area .head_list li:nth-child(4),
    .cart .tab_area .sub_list li:nth-child(4) {
        width: calc(100vw * (150 / 1600));
    }

    .cart .tab_area .head_list li:nth-child(5),
    .cart .tab_area .sub_list li:nth-child(5) {
        width: calc(100vw * (150 / 1600));
    }

    .cart .no_list {
        padding: calc(100vw * (180 / 1600)) 0 calc(100vw * (246 / 1600));
        font-size: calc(100vw * (22 / 1600));
    }

    .cart .btn_wrap_box {
        width: calc(100vw * (1100 / 1600));
    }

    .cart .delete_btn_group {
        margin: calc(100vw * (20 / 1600)) 0 0;
    }

    .cart .delete_btn_group button {
        width: calc(100vw * (180 / 1600));
        height: calc(100vw * (50 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .delete_btn_group button:first-child {
        margin-right: calc(100vw * (10 / 1600));
    }

    .cart .pay_box {
        width: calc(100vw * (400 / 1600));
    }

    .cart .list_wrap {
        padding: calc(100vw * (30 / 1600)) calc(100vw * (25 / 1600)) calc(100vw * (35 / 1600));
    }

    .cart .pay_box li {
        margin-bottom: calc(100vw * (12 / 1600));
    }

    .cart .pay_box li:nth-last-child(2) {
        margin-bottom: calc(100vw * (30 / 1600));
    }

    .cart .pay_box li.total {
        padding: calc(100vw * (18 / 1600)) 0 0;
    }

    .cart .pay_box p {
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .pay_box span {
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .pay_box li.total p {
        font-size: calc(100vw * (20 / 1600));
    }

    .cart .pay_box li.total span {
        font-size: calc(100vw * (22 / 1600));
    }

    .cart .pay_box .btn_buy {
        height: calc(100vw * (60 / 1600));
        margin: calc(100vw * (15 / 1600)) 0 0;
        font-size: calc(100vw * (20 / 1600));
    }

    .cart .list > li {
        padding: calc(100vw * (25 / 1600)) 0;
    }

    .cart .sub_list li.prd {
        padding-left: calc(100vw * (34 / 1600));
    }

    .cart .sub_list p {
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .prd .img {
        width: calc(100vw * (100 / 1600));
        height: calc(100vw * (100 / 1600));
        margin-right: calc(100vw * (15 / 1600));
    }

    .cart .sold_out .img_wrap::after {
        font-size: calc(100vw * (20 / 1600));
    }

    .cart .prd p {
        /* max-height: calc(100vw * (54 / 1600)); */
        margin-bottom: calc(100vw * (4 / 1600));
    }

    .cart .prd span {
        max-height: calc(100vw * (54 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .sub_list .count_wrap {
        width: calc(100vw * (150 / 1600));
        padding: calc(100vw * (12 / 1600)) calc(100vw * (10 / 1600));
    }

    .cart .sub_list .count_wrap button {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
    }

    .cart .sub_list .count_wrap input {
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .sub_list del {
        margin-bottom: calc(100vw * (2 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .list .delete_btn {
        top: calc(100vw * (15 / 1600));
        right: calc(100vw * (15 / 1600));
        width: calc(100vw * (20 / 1600));
        height: calc(100vw * (20 / 1600));
    }

    .cart .list .total p {
        margin-right: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .list .total span {
        font-size: calc(100vw * (18 / 1600));
    }

    .cart .list .total .price::after {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
        margin: 0 calc(100vw * (30 / 1600));
    }

    .cart .list .total .delivery::after {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
        margin: 0 calc(100vw * (30 / 1600));
    }

    .cart .forwarding_place {
        padding: calc(100vw * (27 / 1600)) calc(100vw * (76 / 1600)) calc(100vw * (27 / 1600)) calc(100vw * (40 / 1600));
        margin: calc(100vw * (60 / 1600)) 0 calc(100vw * (10 / 1600));
        border: calc(100vw * (2 / 1600)) solid #DDDDDD;
    }

    .cart .forwarding_place p {
        font-size: calc(100vw * (18 / 1600));
    }

    /* done */
    .done .subscript_list {
        width: calc(100vw * (676 / 1600));
        margin: calc(100vw * (20 / 1600)) auto 0;
    }

    .done .subscript_list li {
        margin: 0 0 calc(100vw * (10 / 1600));
    }

    .done .prd_wrap {
        padding: calc(100vw * (20 / 1600)) calc(100vw * (20 / 1600)) calc(100vw * (12 / 1600));
    }

    .done .img {
        width: calc(100vw * (80 / 1600));
        height: calc(100vw * (80 / 1600));
        margin-right: calc(100vw * (15 / 1600));
    }

    .done .prd_text p {
        max-width: calc(100vw * (465 / 1600));
        margin: 0 0 calc(100vw * (5 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .done .prd_text span {
        max-width: calc(100vw * (465 / 1600));
        font-size: calc(100vw * (16 / 1600));
    }

    .done .prd_text .price {
        font-size: calc(100vw * (17 / 1600));
    }

    .done .prd_text .price span {
        font-size: calc(100vw * (17 / 1600));
    }

    .done .prd_text .price span::before {
        margin-left: calc(100vw * (8 / 1600));
    }

    .done .date {
        padding: calc(100vw * (15 / 1600)) calc(100vw * (20 / 1600));
    }

    .done .date p {
        margin-right: calc(100vw * (20 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .done .date span {
        font-size: calc(100vw * (18 / 1600));
    }


    /* --------------------- pop --------------------- */
    /* --------------------- pop --------------------- */
    /* order */
    /* 배송지 변경 팝업 */
    .change_point .pop_content {
        width: calc(100vw * (760 / 1600));
    }

    .change_point .list {
        height: calc(100vw * (458 / 1600));
    }

    .change_point li {
        padding: calc(100vw * (30 / 1600)) 0;
    }

    .change_point .list .btn_wrap button {
        font-size: calc(100vw * (18 / 1600));
    }

    .change_point .list button:last-child::before {
        height: calc(100vw * (18 / 1600));
        margin: 0 calc(100vw * (15 / 1600));
    }

    .change_point .btn_wrap {
        margin: calc(100vw * (40 / 1600)) 0 0;
    }

    /* 배송지 추가 팝업 */
    .address_pop .pop_content {
        width: calc(100vw * (760 / 1600));
    }

    .address_pop .title {
        margin: 0;
    }

    .address_pop .address_form {
        padding: calc(100vw * (30 / 1600)) 0 calc(100vw * (40 / 1600));
    }

    .address_pop .address_form ul {
        padding: 0 0 calc(100vw * (35 / 1600));
    }

    .address_pop .address_form li {
        margin-bottom: calc(100vw * (25 / 1600));
    }

    .address_pop .address_form label {
        width: calc(100vw * (160 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .address_pop .address_form input {
        width: calc(100vw * (500 / 1600));
        height: calc(100vw * (50 / 1600));
        padding: 0 calc(100vw * (15 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .address_pop .address_form .dash {
        margin: 0 calc(100vw * (9 / 1600));
    }

    .address_pop .address_form .select_box {
        width: calc(100vw * (150 / 1600));
        height: calc(100vw * (50 / 1600));
    }

    .address_pop .address_form .phone input {
        width: calc(100vw * (150 / 1600));
    }

    .address_pop .address_form .input_wrap label {
        margin: 0 calc(100vw * (9 / 1600));
    }

    .address_pop .address_mail {
        margin: 0 0 calc(100vw * (8 / 1600));
    }

    .address_pop .address input {
        margin-bottom: calc(100vw * (8 / 1600));
    }

    .address_pop .address_mail input {
        width: calc(100vw * (150 / 1600));
        margin: 0;
    }

    .address_pop .address_mail button {
        width: calc(100vw * (133 / 1600));
        height: calc(100vw * (50 / 1600));
        margin-left: calc(100vw * (10 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .address_pop .check_wrap {
        padding: 0 calc(100vw * (10 / 1600));
    }

    .address_pop .check input {
        width: 0;
    }

    .address_pop .check input::after {
        width: calc(100vw * (24 / 1600));
        height: calc(100vw * (24 / 1600));
    }

    .address_pop .check label {
        margin-left: calc(100vw * (34 / 1600));
        font-size: calc(100vw * (18 / 1600));
    }

    .address_pop .check_wrap button {
        font-size: calc(100vw * (18 / 1600));
    }

    /* 장바구니 상품 삭제 */
    .prd_delete .pop_content {
        padding: calc(100vw * (50 / 1600)) calc(100vw * (40 / 1600)) calc(100vw * (40 / 1600));
    }

    .prd_delete p {
        margin-bottom: calc(100vw * (30 / 1600));
        font-size: calc(100vw * (20 / 1600));
    }

    .prdFullPrice {
        font-size: calc(100vw * (18 / 1600));
    }

}

/* ------------------------ 모바일 ------------------------ */
@media all and (max-width: 900px) {
    #wrap_content.order {
        padding: calc(100vw * (60 / 428)) 0;
    }

    .order .inner {
        width: calc(100vw * (388 / 428));
        padding: calc(100vw * (10 / 428)) 0 0;
    }

    .order_wrapper {
        flex-wrap: wrap;
    }

    /* pixed_info */
    .pixed_info {
        position: initial;
        width: calc(100vw * (378 / 428));
        margin: 0 auto;
    }

    .pixed_info .info_wrap {
        max-height: unset;
    }

    .pixed_info .list {
        padding: calc(100vw * (23 / 428)) calc(100vw * (20 / 428)) calc(100vw * (17 / 428));
    }

    .pixed_info .list li {
        margin-bottom: calc(100vw * (15 / 428));
    }

    .pixed_info .list li p {
        font-size: calc(100vw * (17 / 428));
    }

    .pixed_info .list li span {
        font-size: calc(100vw * (17 / 428));
        font-weight: 500;
    }

    .pixed_info .list .total {
        padding-top: calc(100vw * (17 / 428));
        margin-bottom: calc(100vw * (11 / 428));
    }

    .pixed_info .list .total p {
        display: flex;
        align-items: center;
        font-size: calc(100vw * (20 / 428));
        font-weight: bold;
        color: #111;
    }

    .pixed_info .list .total p:first-child {
        font-weight: 500;
    }

    .pixed_info .list .total span {
        margin-right: calc(100vw * (5 / 428));
        font-size: calc(100vw * (22 / 428));
        font-weight: bold;
    }

    .pixed_info .total p {
        font-size: calc(100vw * (20 / 428));
    }

    .pixed_info .total span {
        font-size: calc(100vw * (22 / 428));
    }

    .pixed_info fieldset {
        padding: calc(100vw * (15 / 428)) calc(100vw * (12 / 428)) calc(100vw * (15 / 428)) calc(100vw * (20 / 428));
    }

    .pixed_info fieldset input::after {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .pixed_info fieldset label {
        padding-left: calc(100vw * (12 / 428));
        font-size: calc(100vw * (15 / 428));
        letter-spacing: calc(100vw * (-0.3 / 428));
    }

    .pixed_info .order_info {
        padding: calc(100vw * (20 / 428)) calc(100vw * (15 / 428));
    }

    .pixed_info .order_info li {
        margin-bottom: calc(100vw * (10 / 428));
        font-size: calc(100vw * (15 / 428));
    }

    .pixed_info .order_info li:first-child {
        margin-bottom: calc(100vw * (7 / 428));
    }

    .pixed_info .order_info li span {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
        margin-right: calc(100vw * (5 / 428));
    }

    .pixed_info .order_info li:last-child {
        margin-top: calc(100vw * (15 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .pixed_info .btn_pay {
        height: calc(100vw * (60 / 428));
        margin-top: calc(100vw * (20 / 428));
        font-size: calc(100vw * (20 / 428));
    }

    .pixed_info .list .save_money p::before {
        padding: calc(100vw * (2 / 428)) calc(100vw * (10 / 428));
        margin-right: calc(100vw * (10 / 428));
        border-radius: calc(100vw * (16 / 428));
        font-size: calc(100vw * (15 / 428));
    }

    .pixed_info .list .save_money span,
    .pixed_info .list .save_money p {
        font-size: calc(100vw * (17 / 428));
        font-weight: 500;
    }

    /* order */
    /* .order .inner > .title { position: fixed; top: 0; left: 0; width: 100%; padding: calc(100vw * (10/428)) calc(100vw * (25/428)); margin: 0; background: rgba(255, 255, 255, 0.7); z-index: 2; }  */
    .order .inner > .title {
        display: none;
    }

    .order .title {
        margin: 0 0 calc(100vw * (44 / 428));
    }

    .order .btn_back {
        width: calc(100vw * (40 / 428));
        height: calc(100vw * (40 / 428));
    }

    .order h1 {
        margin-left: calc(100vw * (5 / 428));
        font-size: calc(100vw * (20 / 428));
        font-weight: bold;
        color: #333;
    }

    .left_wrap {
        width: calc(100vw * (388 / 428));
        padding-bottom: calc(100vw * (100 / 428));
    }

    .left_wrap .title {
        padding: calc(100vw * (10 / 428)) calc(100vw * (20 / 428));
        margin: 0;
        border-bottom: calc(100vw * (2 / 428)) solid #000;
    }

    .left_wrap .title p {
        font-size: calc(100vw * (19 / 428));
    }

    .user_info ul {
        padding: calc(100vw * (20 / 428)) calc(100vw * (5 / 428)) 0;
    }

    .user_info li {
        flex-wrap: wrap;
        margin-bottom: calc(100vw * (15 / 428));
    }

    .user_info li label {
        width: fit-content;
        margin-bottom: calc(100vw * (5 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .user_info li input {
        width: 100%;
        height: calc(100vw * (50 / 428));
        padding: 0 calc(100vw * (15 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .user_info .select_list {
        padding: 0;
    }

    .user_info .select_list li {
        margin: 0;
    }

    .left_wrap .info_wrap {
        padding: 0;
    }

    .delivery_info,
    .order_list {
        padding-bottom: calc(100vw * (50 / 428));
    }

    .delivery_info .title {
        margin: calc(100vw * (50 / 428)) 0 0;
    }

    .delivery_form {
        padding: 0 calc(100vw * (10 / 428));
    }

    .delivery_form .head {
        margin: calc(100vw * (20 / 428)) 0 calc(100vw * (30 / 428));
    }

    .delivery_form .radio {
        margin-bottom: 1rem;
        margin-right: calc(100vw * (20 / 428));
    }

    .delivery_form .radio input {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .delivery_form .radio input::after {
        width: calc(100vw * (22 / 428));
        height: calc(100vw * (22 / 428));
        border-radius: calc(100vw * (12 / 428));
    }

    .delivery_form .radio input:checked::before {
        top: calc(100vw * (5 / 428));
        left: calc(100vw * (5 / 428));
        width: calc(100vw * (14 / 428));
        height: calc(100vw * (14 / 428));
        border-radius: calc(100vw * (12 / 428));
    }

    .delivery_form .radio label {
        padding-left: calc(100vw * (10 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .delivery_form .btn_change {
        font-size: calc(100vw * (17 / 428));
    }

    .delivery_form .btn_change span {
        width: calc(100vw * (26 / 428));
        height: calc(100vw * (26 / 428));
    }

    .delivery_form li {
        flex-wrap: wrap;
        margin: 0 0 calc(100vw * (15 / 428));
    }

    .delivery_form label {
        width: fit-content;
        font-size: calc(100vw * (16 / 428));
    }

    .delivery_form li:not(.head) label {
        margin-bottom: calc(100vw * (5 / 428));
    }

    .delivery_form input[type="text"],
    .delivery_form input[type="email"],
    .delivery_form input[type="number"] {
        width: 100%;
        height: calc(100vw * (50 / 428));
        padding: 0 calc(100vw * (15 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .delivery_form .select_box {
        width: calc(100vw * (112 / 428));
        height: calc(100vw * (50 / 428));
    }

    .delivery_form .select_list li {
        line-height: calc(100vw * (50 / 428));
    }

    .delivery_form .input_wrap input {
        width: calc(100vw * (112 / 428));
    }

    .delivery_form .input_wrap label {
        margin: 0 calc(100vw * (7 / 428));
    }

    .delivery_form .address_mail {
        margin: 0 0 calc(100vw * (8 / 428));
    }

    .delivery_form .address input {
        margin-bottom: calc(100vw * (8 / 428));
    }

    .delivery_form .address_mail input {
        width: calc(100vw * (235 / 428));
        margin: 0;
    }

    .delivery_form .address_mail button {
        width: calc(100vw * (133 / 428));
        height: calc(100vw * (50 / 428));
        margin-left: calc(100vw * (10 / 428));
        font-size: calc(100vw * (18 / 428));
    }

    .delivery_info .request_term {
        margin: calc(100vw * (20 / 428)) 0 0;
    }

    .delivery_info .request_term p {
        margin-bottom: calc(100vw * (10 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .delivery_info .request_term .select_box {
        width: 100%;
        height: calc(100vw * (50 / 428));
    }

    .delivery_info .select {
        padding: 0 calc(100vw * (15 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .delivery_info .select_list li {
        font-size: calc(100vw * (18 / 428));
    }

    .delivery_info .request_term input {
        width: 100%;
        padding: 0 calc(100vw * (15 / 428));
        margin: calc(100vw * (10 / 428)) 0 0;
    }

    .delivery_form .request_term .select {
        color: #ACACAC;
    }

    .delivery_form .request_term .select.on {
        color: #333;
    }

    .text_wrap .name {
        margin-bottom: calc(100vw * (10 / 428));
    }

    .text_wrap .name p {
        font-size: calc(100vw * (17 / 428));
    }

    .base p::after {
        width: calc(100vw * (107 / 428));
        height: calc(100vw * (35 / 428));
        padding: calc(100vw * (5 / 428)) calc(100vw * (15 / 428));
        margin-left: calc(100vw * (10 / 428));
        border-radius: calc(100vw * (999 / 428));
        line-height: normal;
        font-size: calc(100vw * (14 / 428));
    }

    .text_wrap .address {
        margin-bottom: calc(100vw * (5 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .text_wrap .info p,
    .text_wrap .info span {
        font-size: calc(100vw * (18 / 428));
    }

    .text_wrap .info span::before {
        height: calc(100vw * (16 / 428));
        margin: 0 calc(100vw * (10 / 428));
    }

    .order_list .list {
        padding-bottom: 0;
    }

    .order_list .list li {
        position: relative;
        flex-wrap: wrap;
        padding: calc(100vw * (20 / 428)) calc(100vw * (5 / 428));
    }

    .order_list .prd_img {
        width: calc(100vw * (100 / 428));
        height: calc(100vw * (100 / 428));
        margin-right: calc(100vw * (10 / 428));
    }

    .order_list .text_wrap h3 {
        max-width: calc(100vw * (268 / 428));
        margin-bottom: calc(100vw * (4 / 428));
        font-size: calc(100vw * (17 / 428));
        -webkit-line-clamp: 3;
    }

    .order_list .text_wrap h3 span {
        margin-right: calc(100vw * (5 / 428));
    }

    .order_list .text_wrap p {
        font-size: calc(100vw * (16 / 428));
    }

    .order_list .text_wrap p:nth-last-child(2) {
        /* margin: calc(100vw * (2 / 428)) 0 calc(100vw * (10 / 428)); */
        font-size: calc(100vw * (16 / 428));
        color: #777;
    }

    .order_list .text_wrap .mobile {
        text-align: right;
        font-size: calc(100vw * (18 / 428));
        font-weight: 500;
        color: #333333;
    }

    .order_list .list .before_num {
        order: 1;
        font-size: calc(100vw * (16 / 428));
    }

    .order_list .list .pc {
        display: none;
    }

    .discount {
        padding: 0 0 calc(100vw * (50 / 428));
    }

    .discount ul {
        padding: 0;
    }

    .discount li {
        flex-wrap: wrap;
        width: calc(100vw * (378 / 428));
        padding: calc(100vw * (20 / 428)) 0;
        margin: 0 auto;
    }

    .discount label {
        margin-bottom: calc(100vw * (10 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .discount .coupon .select_box {
        width: 100%;
    }

    .discount .coupon .select {
        font-size: calc(100vw * (17 / 428));
    }

    .discount .input_wrap {
        width: calc(100vw * (249 / 428));
        height: calc(100vw * (50 / 428));
    }

    .discount .input_wrap p {
        right: calc(100vw * (21 / 428));
        font-size: calc(100vw * (20 / 428));
        font-weight: 500;
    }

    .discount .input_wrap input {
        padding: 0 calc(100vw * (40 / 428)) 0 calc(100vw * (15 / 428));
        font-size: calc(100vw * (20 / 428));
    }

    .discount .input_box button {
        width: calc(100vw * (130 / 428));
        height: calc(100vw * (50 / 428));
        font-size: calc(100vw * (18 / 428));
    }

    .discount li > div p {
        margin-top: calc(100vw * (5 / 428));
        font-size: calc(100vw * (15 / 428));
    }

    .discount li div > p span {
        margin-left: calc(100vw * (8 / 428));
    }

    .payment .title {
        margin: 0 0 calc(100vw * (20 / 428));
    }

    .payment .btn_wrap {
        padding: 0 calc(100vw * (5 / 428));
    }

    .payment .btn_wrap button {
        width: calc(100vw * (140 / 428));
        height: calc(100vw * (55 / 428));
        margin: 0;
        border-radius: 0;
        font-size: calc(100vw * (18 / 428));
    }

    .payment .btn_wrap button.on {
        border: calc(100vw * (2 / 428)) solid #000;
    }

    .gift .btn_wrap button + button  {
        margin: 0;
    }

    .receipt_area .tab_list {
        display: flex;
        margin-top: 1.5rem;
    }

    .receipt_area .tab_list .tab_item {
        width: 50%;
        height: calc(100vw * (45 / 428));
        border: 1px solid #000;
        font-size: calc(100vw * (18 / 428));
    }

    .receipt_area .delivery_form li {
        width: 100%;
        padding: calc(100vw * (10 / 428));
    }

    .receipt_area label {
        width: calc(100vw * (178 / 428));
    }

    .receipt_area .check {
        display: block;
    }

    .receipt_area .checbox_label {
        display: inline;
        vertical-align: top;
        font-size: calc(100vw * (16 / 428));
    }

    .receipt_area .file_input_wrap label {
        width: calc(100vw * (140 / 428));
        height: calc(100vw * (50 / 428));
        font-size: calc(100vw * (18 / 428));
    }

    .receipt_area p {
        font-size: calc(100vw * (16 / 428));
    }

    /* 주문안내 */
    .order_notice {
        margin-top: calc(100vw * (52 / 428));
    }

    .order_notice ul {
        margin-top: calc(100vw * (25 / 428));
    }

    .order_notice li {
        font-size: calc(100vw * (14 / 428));
    }

    .order_notice li + li {
        margin-top: calc(100vw * (8 / 428));
    }

    /* gift 선물하기 */
    .order.gift .inner > .title {
        margin: 0;
        display: none;
    }

    .gift .gift_info {
        flex-wrap: wrap;
        width: calc(100vw * (428 / 428));
        margin: 0 0 0 calc(100vw * (-20 / 428));
        padding: calc(100vw * (28 / 428)) calc(100vw * (25 / 428));
    }

    .gift .gift_step {
        justify-content: space-between;
        width: 100%;
        margin: 0 0 calc(100vw * (40 / 428));
    }

    .gift .gift_step li {
        width: calc(100vw * (92 / 428));
        padding: calc(100vw * (22 / 428)) 0 0;
        font-size: calc(100vw * (14 / 428));
    }

    .gift .gift_step span {
        min-width: calc(100vw * (59 / 428));
        padding: calc(100vw * (4 / 428)) 0;
        margin-left: calc(100vw * (20 / 428));
        font-size: calc(100vw * (14 / 428));
    }

    .gift .gift_step li::before {
        width: calc(100vw * (60 / 428));
        height: calc(100vw * (60 / 428));
        margin: 0 auto calc(100vw * (10 / 428));
    }

    .gift .gift_step li:not(:last-child)::after {
        right: calc(100vw * (-11 / 428));
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .gift .gift_info ol li {
        font-size: calc(100vw * (16 / 428));
    }

    .gift .gift_info ol li:not(:last-child) {
        margin-bottom: calc(100vw * (8 / 428));
    }

    .gift .left_wrap .title {
        margin: calc(100vw * (30 / 428)) 0 0;
    }

    .gift .delivery_info .title {
        margin: calc(100vw * (50 / 428)) 0 0;
    }

    .gift .delivery_info .title span {
        display: none;
    }

    .gift .delivery_info .btn_wrap {
        display: none;
    }

    .gift .delivery_form {
        padding: 0 calc(100vw * (5 / 428));
        margin: 0 0 calc(100vw * (50 / 428));
    }

    .gift .delivery_form > span {
        margin: calc(100vw * (20 / 428)) 0 calc(100vw * (30 / 428));
        font-size: calc(100vw * (16 / 428));
        color: #777;
    }

    .gift .delivery_form label {
        margin: 0 0 calc(100vw * (10 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .gift .delivery_form .input_wrap {
        flex-wrap: wrap;
        margin: 0;
    }

    .gift .delivery_form .input_wrap + .input_wrap {
        margin-top: calc(100vw * (30 / 428));
    }

    .gift .select_box {
        width: calc(100vw * (112 / 428));
    }

    .gift .name {
        width: 100%;
        margin: 0 0 calc(100vw * (15 / 428));
    }

    .delivery_form .input_wrap .name {
        margin-right: 0;
    }

    .gift .number .input_wrap label {
        margin: 0;
        font-size: calc(100vw * (20 / 428));
    }

    .gift .number input {
        width: calc(100vw * (112 / 428));
    }

    .gift .input_wrap > button {
        width: 100%;
        height: calc(100vw * (50 / 428));
        margin-top: calc(100vw * (10 / 428));
        margin-left: 0;
        font-size: calc(100vw * (18 / 428));
    }

    .acco .title::after {
        right: calc(100vw * (20 / 428));
        width: calc(100vw * (26 / 428));
        height: calc(100vw * (26 / 428));
    }

    .gift .delivery_form .text_wrap {
        margin: calc(100vw * (30 / 428)) 0 0;
    }

    .gift .delivery_form .text_wrap div {
        height: calc(100vw * (160 / 428));
        padding: calc(100vw * (15 / 428)) calc(100vw * (20 / 428));
    }

    .gift .delivery_form .text_wrap textarea {
        font-size: calc(100vw * (17 / 428));
    }

    .gift .payment .title {
        margin: 0 0 calc(100vw * (20 / 428));
    }

    /* wine */
    .wine .user_info li:last-child {
        margin: 0;
    }

    .wine .select_box {
        width: 100%;
        height: calc(100vw * (50 / 428));
    }

    .wine .count_input {
        width: 100%;
    }

    .wine .count_input > div {
        width: 100%;
        margin: 0 0 calc(100vw * (10 / 428));
    }

    .wine .count_input > div:last-child {
        margin: 0;
    }

    .wine .count_input p {
        font-size: calc(100vw * (17 / 428));
        color: #333;
    }

    .wine .count_input input {
        font-size: calc(100vw * (18 / 428));
    }

    .wine .count_input button {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .wine .count_box {
        width: calc(100vw * (150 / 428));
        height: calc(100vw * (40 / 428));
        padding: calc(100vw * (7 / 428)) calc(100vw * (10 / 428));
        border-radius: calc(100vw * (4 / 428));
    }

    .wine .notice {
        flex-wrap: wrap;
        justify-content: center;
        padding: calc(100vw * (25 / 428));
        margin: calc(100vw * (50 / 428)) 0;
    }

    .wine .notice p {
        flex-direction: column;
        line-height: calc(100vw * (25 / 428));
        font-size: calc(100vw * (17 / 428));
        font-weight: normal;
    }

    .wine .notice p::before {
        width: calc(100vw * (48 / 428));
        height: calc(100vw * (48 / 428));
        margin: 0 auto calc(100vw * (20 / 428));
    }

    .wine .notice button {
        width: calc(100vw * (133 / 428));
        height: calc(100vw * (50 / 428));
        margin: calc(100vw * (30 / 428)) auto 0;
        font-size: calc(100vw * (18 / 428));
    }

    /* order_cancel */
    .cancel section {
        padding: 0;
    }

    .cancel .text_box {
        margin: calc(100vw * (90 / 428)) 0 calc(100vw * (30 / 428));
    }

    .cancel .text_box h1 {
        margin: 0 0 calc(100vw * (40 / 428));
        font-size: calc(100vw * (24 / 428));
    }

    .cancel .text_box p {
        margin-bottom: calc(100vw * (5 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .cancel .text_box p:last-child {
        line-height: calc(100vw * (23 / 428));
    }

    .cancel .info_box {
        width: calc(100vw * (388 / 428));
        padding: calc(100vw * (11 / 428)) 0 calc(100vw * (26 / 428));
    }

    .cancel .main_info {
        width: calc(100vw * (348 / 428));
    }

    .cancel .main_info > li {
        padding: calc(100vw * (15 / 428)) 0;
    }

    .cancel .main_info p {
        flex: 0 0 auto;
        width: calc(100vw * (92 / 428));
        margin-left: calc(100vw * (10 / 428));
        font-size: calc(100vw * (15 / 428));
    }

    .cancel .main_info span {
        font-size: calc(100vw * (16 / 428));
    }

    .cancel .sub_info li {
        margin-bottom: calc(100vw * (5 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .cancel .btn_wrap {
        margin: calc(100vw * (30 / 428)) 0 0;
    }

    .cancel .btn_wrap button {
        width: calc(100vw * (184 / 428));
        height: calc(100vw * (55 / 428));
        font-size: calc(100vw * (19 / 428));
    }

    .cancel .btn_wrap button:first-child {
        margin-right: calc(100vw * (10 / 428));
    }

    /* cart */
    /* .cart .inner { width: calc(100vw * (388/428)); } */
    .cart .inner {
        width: 100%;
    }

    .cart .btn_back {
        flex: 0 0 auto;
        width: calc(100vw * (40 / 428));
        height: calc(100vw * (40 / 428));
        margin-right: calc(100vw * (5 / 428));
    }

    .cart .title {
        display: none;
        align-items: flex-start;
        flex-wrap: wrap;
        width: calc(100vw * (388 / 428));
        margin: 0 auto calc(100vw * (20 / 428));
    }

    .cart .mobile.title {
        display: flex;
    }

    .cart .mobile.title .top {
        display: none;
    }

    /* .cart .mobile.title .top { display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; padding: calc(100vw * (10/428)) calc(100vw * (25/428)); background: rgba(255, 255, 255, 0.7); z-index: 1; } */
    .cart .title h1 {
        margin: 0;
        font-size: calc(100vw * (20 / 428));
    }

    .cart .title .text_box {
        margin: 0;
    }

    .cart .title .text_box .tab_list {
        display: none;
    }

    .cart .tab_list.mobile {
        display: flex;
        width: 100%;
        padding: calc(100vw * (5 / 428)) 0 calc(100vw * (2 / 428));
        border-bottom: 1px solid #ddd
    }

    .cart .tab {
        width: 50%;
        margin-right: 0;
        padding: 0;
        font-size: calc(100vw * (17 / 428));
    }

    .cart .tab:first-child {
        padding-right: calc(100vw * (45 / 428));
        text-align: right;
    }

    .cart .tab:last-child {
        padding-left: calc(100vw * (45 / 428));
    }

    .cart .tab.active span::after {
        bottom: calc(100vw * (-5 / 428));
        height: calc(100vw * (3 / 428));
    }

    .cart .tab_area_wrap {
        display: block;
        padding-bottom: 0;
    }

    .cart .tab_area {
        width: calc(100vw * (388 / 428));
        margin: 0 auto;
    }

    .cart .tab_area .head_list {
        justify-content: space-between;
        height: calc(100vw * (40 / 428));
        padding: 0 calc(100vw * (15 / 428));
    }

    .cart .tab_area .head_list input[type="checkbox"]::after {
        margin-top: 0;
    }

    .cart .tab_area .head_list li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        line-height: calc(100vw * (40 / 428));
        font-size: calc(100vw * (20 / 428));
    }

    .cart .tab_area .head_list li button {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .cart .sub_list {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-end;
    }

    .cart .tab_area .sub_list li:first-child {
        flex: 0 0 auto;
        order: 1;
        width: calc(100vw * (50 / 428));
        padding: calc(100vw * (18 / 428)) 0 0;
    }

    .cart .tab_area .sub_list li:nth-child(2) {
        width: calc(100% - calc(100vw * (50 / 428)));
        padding-left: calc(100vw * (20 / 428));
        padding-bottom: calc(100vw * (10 / 428));
        border-bottom: 1px solid #EEEEEE;
        order: 2;
    }

    .cart .tab_area .sub_list li:nth-child(3) {
        width: calc(100vw * (118 / 428));
        order: 4;
    }

    .cart .tab_area .sub_list li:nth-child(4) {
        display: none;
    }

    .cart .tab_area .sub_list li:nth-child(5) {
        width: calc(100vw * (132 / 428));
        order: 3;
    }

    .cart .tab_area .sub_list li:nth-child(5) p {
        width: 100%;
        padding: calc(100vw * (12 / 428)) 0;
    }

    .cart .tab_area .head_list li:nth-child(2),
    .cart .tab_area .head_list li:nth-child(3),
    .cart .tab_area .head_list li:nth-child(4),
    .cart .tab_area .head_list li:nth-child(5) {
        display: none;
    }

    .cart .no_list {
        padding: calc(100vw * (120 / 428)) 0 calc(100vw * (180 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .cart .btn_wrap_box {
        width: auto;
    }

    .cart .delete_btn_group.btn_wrap {
        display: none;
    }

    .cart .pay_box {
        width: 100%;
        padding: calc(100vw * (30 / 428)) 0;
        margin-top: calc(100vw * (50 / 428));
        border-top: calc(100vw * (20 / 428)) solid #F6F6F6;
    }

    .cart .list_wrap {
        width: calc(100vw * (378 / 428));
        padding: calc(100vw * (20 / 428)) calc(100vw * (20 / 428)) calc(100vw * (35 / 428));
        margin: 0 auto;
    }

    .cart .pay_box li {
        margin-bottom: calc(100vw * (15 / 428));
    }

    .cart .pay_box li:nth-last-child(2) {
        margin-bottom: calc(100vw * (30 / 428));
    }

    .cart .pay_box li.total {
        padding: calc(100vw * (18 / 428)) 0 0;
    }

    .cart .pay_box p {
        font-size: calc(100vw * (17 / 428));
    }

    .cart .pay_box span {
        font-size: calc(100vw * (17 / 428));
    }

    .cart .pay_box li.total p {
        font-size: calc(100vw * (20 / 428));
    }

    .cart .pay_box li.total span {
        font-size: calc(100vw * (22 / 428));
    }

    .cart .pay_box .btn_buy {
        display: block;
        width: calc(100vw * (378 / 428));
        height: calc(100vw * (60 / 428));
        margin: calc(100vw * (15 / 428)) auto calc(100vw * (15 / 428));
        font-size: calc(100vw * (20 / 428));
    }

    .cart .list > li {
        padding: calc(100vw * (20 / 428)) 0 0;
        border-color: #DDDDDD;
    }

    .cart .list > li:nth-last-child(2) {
        border-bottom: 1px solid #DDDDDD;
    }

    .cart .sub_list li:nth-child(4) p,
    .cart .sub_list li:nth-child(5) p {
        text-align: left;
    }

    .cart .sub_list li.prd {
        padding-left: calc(100vw * (34 / 1600));
    }

    .cart .sub_list p {
        width: 86%;
        font-size: calc(100vw * (17 / 428));
        text-align: left;
        font-weight: bold;
    }

    .cart .prd .img {
        width: calc(100vw * (60 / 428));
        height: calc(100vw * (60 / 428));
        margin-right: calc(100vw * (10 / 428));
    }

    .cart .sold_out .img_wrap::after {
        font-size: calc(100vw * (20 / 428));
    }

    .cart .prd p {
        /* max-height: calc(100vw * (54 / 428)); */
        margin-bottom: calc(100vw * (2 / 428));
        font-size: calc(100vw * (17 / 428));
        font-weight: 500;
    }

    .cart .prd span {
        max-height: calc(100vw * (54 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .cart .prd .text_wrap .mobile {
        display: flex;
        align-items: center;
    }

    .cart .sub_list .count_wrap {
        width: calc(100vw * (118 / 428));
        padding: calc(100vw * (12 / 428)) calc(100vw * (10 / 428));
    }

    .cart .sub_list .count_wrap button {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .cart .sub_list .count_wrap input {
        font-size: calc(100vw * (18 / 428));
    }

    .cart .sub_list del {
        display: block;
        margin: 0 calc(100vw * (8 / 428)) 0 0;
        font-size: calc(100vw * (15 / 428));
    }

    .cart .list .delete_btn {
        top: calc(100vw * (8 / 428));
        right: calc(100vw * (5 / 428));
        width: calc(100vw * (22 / 428));
        height: calc(100vw * (22 / 428));
    }

    .cart .list .total {
        justify-content: space-between;
        padding: calc(100vw * (20 / 428)) 0;
        margin: calc(100vw * (10 / 428)) 0 0;
    }

    .cart .list .total > div {
        position: relative;
        flex-direction: column;
        /*flex: 1; */
        width: 33.33%;
    }

    .cart .list .total p {
        margin-right: 0;
        font-size: calc(100vw * (17 / 428));
        color: #777;
    }

    .cart .list .total span {
        padding: 0 calc(100vw * (12 / 428));
        font-size: calc(100vw * (18 / 428));
        font-weight: 500;
    }

    .cart .list .total .price::after {
        position: absolute;
        top: 50%;
        right: calc(100vw * (-10 / 428));
        transform: translate(0, -50%);
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
        margin: 0;
    }

    .cart .list .total .delivery::after {
        position: absolute;
        top: 50%;
        right: calc(100vw * (-10 / 428));
        transform: translate(0, -50%);
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
        margin: 0;
    }

    .cart .forwarding_place {
        display: block;
        padding: calc(100vw * (20 / 428));
        margin: calc(100vw * (50 / 428)) 0 calc(100vw * (10 / 428));
        border: calc(100vw * (2 / 428)) solid #DDDDDD;
    }

    .cart .forwarding_place p {
        font-size: calc(100vw * (17 / 428));
    }

    .cart .forwarding_place p + p {
        margin-top: calc(100vw * (10 / 428));
    }

    /* done */
    .done .main_info > li:last-child {
        border: none;
    }

    .done .subscript_list {
        width: calc(100vw * (368 / 428));
        margin: 0 auto;
    }

    .done .subscript_list li {
        margin: 0 0 calc(100vw * (10 / 428));
        padding: 0 calc(100vw * (15 / 428));
    }

    .done .prd_wrap {
        padding: calc(100vw * (15 / 428)) 0 calc(100vw * (10 / 428));
    }

    .done .img {
        width: calc(100vw * (60 / 428));
        height: calc(100vw * (60 / 428));
        margin-right: calc(100vw * (8 / 428));
    }

    .done .prd_text p {
        max-width: calc(100vw * (270 / 428));
        margin: 0 0 calc(100vw * (2 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .done .prd_text span {
        max-width: calc(100vw * (270 / 428));
        margin: 0 0 calc(100vw * (2 / 428));
        font-size: calc(100vw * (15 / 428));
    }

    .done .prd_text .price {
        font-size: calc(100vw * (15 / 428));
    }

    .done .prd_text .price span {
        font-size: calc(100vw * (15 / 428));
    }

    .done .prd_text .price span::before {
        margin-left: calc(100vw * (5 / 428));
    }

    .done .date {
        padding: calc(100vw * (10 / 428)) calc(100vw * (5 / 428)) calc(100vw * (15 / 428));
        align-items: flex-start;
    }

    .done .date p {
        flex: 0 0 auto;
        margin-right: calc(100vw * (19 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .done .date span {
        font-size: calc(100vw * (16 / 428));
        word-break: keep-all;
    }

    /* regular 정기배송/구독주문 */
    .regular .order_list .title {
        padding: calc(100vw * (10 / 428)) calc(100vw * (81 / 428)) calc(100vw * (10 / 428)) calc(100vw * (25 / 428));
    }

    .regular .order_list .title span {
        display: none;
    }

    .regular .regular_form {
        padding: calc(100vw * (20 / 428)) calc(100vw * (5 / 428)) 0;
    }

    .regular .regular_form .check_wrap {
        padding: 0;
        margin: 0 0 calc(100vw * (20 / 428));
    }

    .regular .check_wrap .dot_check {
        margin-right: calc(100vw * (20 / 428));
    }

    .regular .check_wrap .dot_check label {
        font-size: calc(100vw * (18 / 428));
    }

    .regular .prd_list > li {
        padding-bottom: calc(100vw * (50 / 428));
    }

    .regular .prd_wrap {
        position: relative;
        flex-wrap: wrap;
        padding: calc(100vw * (20 / 428)) 0;
        margin: 0 0 calc(100vw * (10 / 428));
    }

    .regular .prd_wrap .pc {
        display: none;
    }

    .regular .prd_wrap .before_num {
        margin-left: calc(100vw * (6 / 428));
        font-size: calc(100vw * (16 / 428));
        order: 1;
    }

    .regular .prd .img {
        flex: 0 0 auto;
        width: calc(100vw * (100 / 428));
        height: calc(100vw * (100 / 428));
        margin-right: calc(100vw * (10 / 428));
    }

    .regular .prd .prd_title {
        max-width: calc(100vw * (625 / 428));
        max-height: fit-content;
        margin: 0 0 calc(100vw * (5 / 428));
        line-height: calc(100vw * (25 / 428));
        font-size: calc(100vw * (17 / 428));
        -webkit-line-clamp: 3;
    }

    .regular .prd span {
        max-width: calc(100vw * (625 / 428));
        margin-bottom: calc(100vw * (2 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .regular .prd span:nth-last-child(2) {
        margin-bottom: calc(100vw * (10 / 428));
    }

    .regular .prd .mobile {
        display: flex;
        align-items: center;
        font-size: calc(100vw * (18 / 428));
        font-weight: 500;
    }

    .regular .prd .mobile span {
        margin-left: calc(100vw * (6 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .regular .select_wrap > ul {
        flex-wrap: wrap;
        padding: 0;
    }

    .regular .select_wrap li {
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: calc(100vw * (15 / 428));
    }

    .regular .select_wrap li:last-child {
        margin-bottom: 0;
    }

    .regular .select_wrap label {
        margin-right: 0;
        margin-bottom: calc(100vw * (5 / 428));
        font-size: calc(100vw * (16 / 428));
    }

    .regular .select_wrap input {
        width: 100%;
        height: calc(100vw * (50 / 428));
        padding: 0 calc(100vw * (15 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .regular .select_wrap .select_box {
        width: 100%;
        height: calc(100vw * (50 / 428));
    }

    .regular .select_wrap .select {
        font-size: calc(100vw * (17 / 428));
    }

    .regular .select_wrap .select_box li {
        margin: 0;
        line-height: calc(100vw * (50 / 428));
        font-size: calc(100vw * (18 / 428));
    }

    .regular .select_list span {
        padding: 0 calc(100vw * (20 / 428));
    }

    .regular li input[type='date']::after {
        right: calc(100vw * (10 / 428));
        width: calc(100vw * (34 / 428));
        height: calc(100vw * (34 / 428));
    }

    .regular .discount .select_box {
        width: calc(100vw * (378 / 428));
        height: calc(100vw * (50 / 428));
    }

    .regular .discount .select_box li {
        line-height: calc(100vw * (50 / 428));
    }

    .regular .regular_form .total {
        justify-content: space-between;
        margin-top: calc(100vw * (10 / 428));
        padding: calc(100vw * (20 / 428)) 0;
    }

    .regular .regular_form .total > div {
        position: relative;
        flex-direction: column;
        /*flex: 1; */
        width: 33.33%;
    }

    .regular .regular_form .total p {
        margin-right: 0;
        font-size: calc(100vw * (17 / 428));
        color: #777777;
    }

    .regular .regular_form .total span {
        font-size: calc(100vw * (17 / 428));
        padding: 0 calc(100vw * (12 / 428));
    }

    .regular .regular_form .total .price::after {
        position: absolute;
        top: 50%;
        right: calc(100vw * (-10 / 428));
        transform: translate(0, -50%);
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
        margin: 0;
    }

    .regular .regular_form .total .delivery::after {
        position: absolute;
        top: 50%;
        right: calc(100vw * (-10 / 428));
        transform: translate(0, -50%);
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
        margin: 0;
    }

    .regular .discount .select {
        font-size: calc(100vw * (17 / 428));
    }


    /* --------------------- pop --------------------- */
    /* --------------------- pop --------------------- */
    /* order */
    /* 배송지 변경 팝업 */
    .change_point .pop_content {
        width: calc(100vw * (388 / 428));
        padding: calc(100vw * (20 / 428)) calc(100vw * (25 / 428)) calc(100vw * (30 / 428));
    }

    .change_point .title {
        margin: 0;
    }

    .change_point .list {
        height: calc(100vw * (420 / 428));
        padding: calc(100vw * (15 / 428)) 0 0;
    }

    .change_point li {
        flex-wrap: wrap;
        padding: calc(100vw * (20 / 428)) 0;
    }

    .change_point li:first-child {
        padding: 0 0 calc(100vw * (20 / 428));
    }

    .change_point .text_wrap {
        width: 100%;
    }

    .change_point .text_wrap .name {
        margin-bottom: calc(100vw * (12 / 428));
    }

    .change_point .list .btn_wrap {
        margin: calc(100vw * (20 / 428)) 0 0;
    }

    .change_point .list .btn_wrap button {
        font-size: calc(100vw * (18 / 428));
    }

    .change_point .list button:last-child::before {
        height: calc(100vw * (18 / 428));
        margin: 0 calc(100vw * (15 / 428));
    }

    .change_point .btn_wrap {
        margin: calc(100vw * (29 / 428)) 0 0;
    }

    /* 배송지 추가 팝업 */
    .address_pop .pop_content {
        width: calc(100vw * (388 / 428));
        padding: calc(100vw * (20 / 428)) calc(100vw * (25 / 428)) calc(100vw * (30 / 428));
    }

    .address_pop .title {
        margin: 0;
    }

    .address_pop .address_form {
        padding: calc(100vw * (20 / 428)) 0 calc(100vw * (25 / 428));
    }

    .address_pop .address_form ul {
        padding: 0 0 calc(100vw * (30 / 428));
    }

    .address_pop .address_form li {
        flex-wrap: wrap;
        margin-bottom: calc(100vw * (10 / 428));
    }

    .address_pop .address_form label {
        width: 100%;
        margin: 0 0 calc(100vw * (5 / 428));
        font-size: calc(100vw * (16 / 428));
        font-weight: 500;
        color: #777;
    }

    .address_pop .address_form input {
        width: calc(100vw * (338 / 428));
        height: calc(100vw * (50 / 428));
        padding: 0 calc(100vw * (15 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .address_pop .address_form .dash {
        margin: 0 calc(100vw * (7 / 428));
    }

    .address_pop .address_form .select_box {
        width: calc(100vw * (99 / 428));
        height: calc(100vw * (50 / 428));
    }

    .address_pop .address_form .select {
        font-size: calc(100vw * (17 / 428));
    }

    .address_pop .address_form .phone input {
        width: calc(100vw * (99 / 428));
    }

    .address_pop .address_mail {
        margin: 0 0 calc(100vw * (8 / 428));
    }

    .address_pop .address input {
        margin-bottom: calc(100vw * (8 / 428));
    }

    .address_pop .address_mail input {
        width: calc(100vw * (208 / 428));
        margin: 0;
    }

    .address_pop .address_mail button {
        width: calc(100vw * (120 / 428));
        height: calc(100vw * (50 / 428));
        margin-left: calc(100vw * (10 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .address_pop .address_form .input_wrap label {
        margin: 0 calc(100vw * (7 / 428));
    }

    .address_pop .check_wrap {
        padding: 0;
        margin: calc(100vw * (12 / 428)) 0 0;
    }

    .address_pop .check input {
        flex: 0 0 auto;
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
        padding: 0;
    }

    .address_pop .check input::after {
        width: calc(100vw * (24 / 428));
        height: calc(100vw * (24 / 428));
    }

    .address_pop .check label {
        width: fit-content;
        padding-left: calc(100vw * (10 / 428));
        margin: 0;
        font-size: calc(100vw * (16 / 428));
        font-weight: normal;
        color: #333;
    }

    .address_pop .check_wrap button {
        font-size: calc(100vw * (17 / 428));
    }

    /* 장바구니 상품 삭제 */
    .prd_delete .pop_content {
        width: calc(100vw * (388 / 428));
        padding: calc(100vw * (40 / 428)) calc(100vw * (25 / 428)) calc(100vw * (30 / 428));
    }

    .prd_delete p {
        margin-bottom: calc(100vw * (25 / 428));
        font-size: calc(100vw * (17 / 428));
    }

    .prd_delete .pop_content .btn_wrap button {
        width: calc(100vw * (164 / 428));
        height: calc(100vw * (55 / 428));
        font-size: calc(100vw * (19 / 428));
    }

    .prdFullPrice {
        font-size: calc(100vw * (18 / 428));
    }
}

.btn_payment_type.active {
    background: #000;
    color: #fff !important;
}