.c-blue {
    color: #005EFF;
}

.mypage-nav>.list-group .list-group-item.on a {
    font-weight: 700;
    border-bottom: 2px solid #707070;
    padding-bottom: 5px;
}

.breadcrumb-area .common-tit h3 {
    font-size: 20px;
    font-family: 'Albra-Semi';
    margin-bottom: 20px;
}

.shop .soldout_icon {
    position: absolute;
    left: 23px;
    top: 15px;
}

.img_1 {
    display: inline-block;
}

.img_2 {
    display: none;
}

.sct_li:hover .img_2 {
    display: inline-block;
}

.sct_li:hover .img_1 {
    display: none;
}

.sc-notice .write-btn {
    margin-top: 20px;
}

.sc-notice .pagination .page-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_444444_256x240.png");
}



/* member_cert_refresh 시작*/
.member_cert_refresh_con {
    padding-bottom: 175px;
    color: #616161;
    width: 100%;
    margin: 0 auto;
    max-width: 1250px;
}

.member_cert_refresh_con #find_info h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #616161;
}

.member_cert_refresh_con #find_info .find_btn {
    background-color: transparent;
    justify-content: flex-start;
    cursor: auto;
}

.new_win .btn_submit {
    cursor: pointer;
    transition: 0.4s;
    border: 1px solid #707070;
    width: 200px;
    font-size: 18px;
    height: 50px;
    background-color: #fff;
    color: #616161;
}

.member_cert_refresh_con .find_btn:hover {
    filter: unset;
}

.member_cert_refresh_con #find_info .find_btn #win_hp_cert {
    background-color: #5B5B5B;
    color: #fff;
}

.member_cert_refresh_con #find_info .find_btn .cert_btn>button:hover {
    filter: brightness(.8);
}

/* member_cert_refresh 끝*/


/* shop list 시작 */
#sct_pro_btn_group .btn_boxs {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 50px;
}

#sct_pro_btn_group .btn_boxs .btn_bx {
    cursor: pointer;
    background-color: #e6e6e6;
    color: #7b7b7b;
    border-radius: 50px;
    height: 35px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sct_pro_btn_group .btn_boxs .btn_bx:hover {
    background-color: #fcf25f;
    color: #000;
    font-weight: 700;
}

#sct_pro_btn_group .btn_boxs .on {
    background-color: #fcf25f;
    color: #000;
    font-weight: 700;
}

#sct_sort {
    position: relative;
}

#sct_sort::after {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #000;
    width: 164px;
    visibility: visible;
}

#sct_sort .form-select {
    border: 0;
    padding-right: 70px;
    background-image: url(/shop/img/form_arr_down.png);
    background-position-x: 95%;
    background-size: 7%;
}

.mb_sub_nav_group {
    display: none;
}

@media screen and (max-width: 900px) {
    #sct_pro_btn_group .btn_boxs {
        display: none;
    }

    .mb_sub_nav_group {
        min-height: 50px;
        margin-top: 25px;
        display: block;
    }

    .mb_sub_nav_tit_group {
        max-width: 150px;
        position: absolute;
        transition: .1s ease-in-out;
        display: flex;
        flex-direction: column;
        width: 50%;
        margin-top: 60px;
        height: 37px;
        overflow: hidden;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
    }

    .mb_sub_nav_tit_group::before {
        content: "";
        display: flex;
        position: absolute;
        background: url(/shop/img/form_arr_down.png) no-repeat center center / contain;
        width: 8px;
        height: 16px;
        top: 11px;
        right: 17px;
    }

    .mb_sub_nav_tit_list {
        background-color: #E4E4E4;
        min-height: 37px;
        font-size: 16px;
        font-weight: 400;
        color: #434343;
        justify-content: center;
        order: 1;
        align-items: center;
        display: flex;
        font-family: 'Noto Sans KR', sans-serif;
    }

    .mb_sub_nav_tit_list.on {
        color: #434343;
        background: #FCF25F;
        border-radius: 30px;
        font-weight: 700;
    }

    .mb_sub_nav_tit_group::after {
        transition: .5s;
        transition-delay: .7s;
        content: "";
        background-color: #fff;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        height: 50%;
        opacity: 0;
        z-index: -1;
    }

    .mb_sub_nav_tit_group.on::after {
        transition: .5s;
        opacity: 1;
    }

    .mb_sub_nav_tit_list.on {
        order: 0;
    }

    .mb_sub_nav_tit_group.on {
        height: 168px;
        gap: 5px;
    }

    #sct_sort {
        width: 90%;
    }

    #sct_sort .form-select {
        background-position-x: 98%;
        padding-right: 20px;
    }

    #sct_sort::after {
        width: 115px;
    }
}

/* shop list 끝 */

/* footer */
footer .f_2 .f_2_1 .logo {
    max-width: 384px;
    filter: brightness(1000);
}

footer .f_2 .f_2_1 .logo img {
    max-width: 100%;
}

/* date-picker 시작 */
.ui-datepicker th {
    color: #77C95A;
}

.ui-datepicker .ui-datepicker-title {
    color: #5B5B5B;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background-color: transparent;
    text-align: center;
    color: #5B5B5B;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border: 1px solid #77C95A;
    background-color: transparent;
}

/* date-picker 끝 */


/* 회원 비밀번호 확인 시작 */
.member .mypage-nav {
    margin-bottom: 80px;
}

#captcha #captcha_key {
    border-radius: 8px;
    border: none;
    background-color: #f4f4f4;
}

.member .confirm {
    display: block;
    padding: 0;
}

.member .form-control {
    width: calc(100%);
    padding-left: 20px;
    border-radius: 8px;
    background-color: #f4f4f4;
}

.member .confirm .lead {
    text-align: left;
    font-size: 19px;
    line-height: 30px;
    color: #313131;
}

.member .confirm .des {
    color: #616161;
    font-size: 16px;
}

#fmemberconfirm {
    position: relative;
    margin-top: 14px;
    padding-top: 55px;
    border-top: 2px solid #707070;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fmemberconfirm .form-group-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: .5px solid #707070;
}

#fmemberconfirm .form-group {
    width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.member .confirm .form-group3 {
    margin-bottom: 44px;
    text-align: center;
    margin-top: 45px;
}

.member .confirm .form-group label {
    margin: 0;
}

.confirm .form-group3 .btn.btn-default {
    border: 0;
    background-color: #77C95A;
    width: 228px;
    height: 66px;
}

.member .help .form-group .btn {
    border-radius: 8px;
}

/* 회원 비밀번호 확인 끝 */

/* 회원가입 / 회원정보 변경 시작 */
.member #fregisterform {
    border: 0;
    padding-top: 50px;
}

.member .register_con.change_con .info_input_group {
    padding-top: 0;
}

.member .input-box {
    display: flex;
    align-items: center;
    gap: 17px;
}

.member #fregisterform .form_add_box {
    margin: 0;
}

#fregisterform .form_add_box .input-group {
    width: 366px;
    margin-bottom: 20px;
}

.member #fregisterform .form_add_inner_box .input-box {
    margin-bottom: 20px;
}

#fregisterform .form_add_box input[name="mb_addr1"] {
    width: 366px;
}

#fregisterform .arr-input-box1 span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

#fregisterform .form_add_box input[name="mb_addr2"] {
    width: 366px;
}

#fregisterform .form_add_box input {
    margin-bottom: 0;
}

.member #fregisterform .btn.btn-outline {
    height: 45px;
}

.member .arr-input-box1 {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}

.member .arr-input-box1 .arr-input-bx {
    display: flex;
    align-items: center;
    gap: 17px;
}

#daum_juso_pagemb_zip {
    top: -9%;
    z-index: 10;
    position: absolute;
}

/* 회원가입 / 회원정보 변경 끝 */

/* 회원가입 - social_register_member 시작 */
.social_register .fregisterform_des {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 100px;
}

#fregister_term {
    padding-bottom: 60px;
    border-bottom: 1px solid #616161;
    margin-bottom: 60px;
}

#fregister_term h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #616161;
}

#fregister_term textarea {
    width: 100%;
    height: 320px;
    overflow: auto;
    border: 1px solid #707070;
    padding: 20px;
}

#fregister_term .fregister_agree {
    text-align: right;
}

#fregister_private {
    padding-bottom: 60px;
    border-bottom: 1px solid #616161;
    margin-bottom: 60px;
}

#fregister_private h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #616161;
}

#fregister_private img {
    max-width: 100%;
}

.social_register .privacy_checkbx {
    margin-top: 5px;
}

.social_register .privacy_checkbx p {
    color: #616161;
}

.social_register .privacy_checkbx_class {
    gap: 2px;
}

#register_form h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #616161;
}

#register_form ul {
    padding: 0;
}

#register_form.form_01 .tbl_form_list1 {
    display: flex;
    align-items: end;
    gap: 10px;
}

#register_form button {
    border: 0;
    background-color: #5B5B5B;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    width: 130px;
    padding: 10px 0;
}

#register_form .cert_req {
    color: #f03e3e;
}

#register_form .form-title span {
    color: #f03e3e;
}

#register_form.form_01 li {
    display: flex;
    align-items: center;
    gap: 30px;
}

#register_form.form_01 .frm_input {
    width: 20%;
}

#register_form .form-title {
    width: 5%;
}

#fregisterform .btn_confirm {
    margin-top: 60px;
    padding-top: 60px;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    border-top: 1px solid #707070;
}

#fregisterform .btn.btn-outline {
    width: 185px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fregisterform .btn.btn-default {
    border-radius: 0;
    background-color: #5B5B5B;
    border: 1px solid #707070;
    width: 185px;
}

#fregisterform .member_connect {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 60px;
    margin-bottom: 100px;
}

#fregisterform .member_connect button {
    height: 50px;
    background-color: #5B5B5B;
    border: 1px solid #707070;
    width: 385px;
    color: #fff;
}

#sns-link-pnl .connect-close {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background-color: transparent;
}

#sns-link-pnl .connect-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}

#login_fs {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

#login_fs .login_id_box {
    margin-bottom: 5px;
}

#login_fs .form-title {
    width: 14%;
    text-align: left;
}

#login_fs .form-title span {
    color: #f03e3e;
}

#login_fs input[type="submit"] {
    margin-top: 20px;
}


.hw_table {
    font-family: 'Noto Sans KR', sans-serif;
}

.hw_table thead {
    border-bottom: solid 1px #ccc;
    background-color: #f8f8f8;
    text-align: center;
}

.hw_table thead tr {}

.hw_table thead tr th {
    padding: 10px 0;
    font-weight: 400;
    font-size: 1.3em;
    color: #616161;
}

.hw_table thead tr th {}

.hw_table tbody {
    border: none;
}

.hw_table tbody tr {}

.hw_table tbody tr td {
    padding: 10px 0;
}

.hw_table_mo {
    display: none;
}

@media screen and (max-width: 960px) {
    .hw_table_mo {
        display: block;
    }

    .hw_table {
        display: none;
    }

    .hw_table_mo {}

    .hw_table_mo tr {}

    .hw_table_mo tr td {
        padding: 15px;
    }

    .hw_table_mo tr td {}
}

/* 회원가입 - register_member 끝 */

/* 마이페이지 - 주문내역 시작 */
.orderinquiry .mypage_coupon {
    padding-top: 150px;
}

.express_list_left_2_1_1 {
    border: 0;
}

.express_list_left_2_3_2 {
    color: #AAAAAA;
    background-color: #fff;
}

.order_view_group .cart-list+.text-center.py-5 {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1250px) {
    .shop .orderinquiryview .table td {
        font-size: 15px;
    }
}

@media screen and (max-width: 390px) {
    .order_view_group .list_item_cont {
        font-size: 16px;
    }
}

.express_list_left_2_3_3 {
    display: none;
}

.status_class_05 .express_list_left_2_3_3 {
    display: flex;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.orderinquiry .mypage_coupon_tit_date_group {
    display: flex;
}

.orderinquiry {
    position: relative;
}

.orderinquiry .express_alert {
    display: none;
    position: fixed;
    width: 30%;
    height: 130px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background-color: #fff;
}

.orderinquiry .express_alert .alert_box {
    text-align: center;
}

.orderinquiry .express_alert .alert_box .x_btn {
    position: absolute;
    right: 0;
    top: 17px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.orderinquiry .express_alert .alert_box .x_btn span {
    height: 1px;
    width: 23px;
    background-color: #000;
    display: block;
}

.orderinquiry .express_alert .alert_box .x_btn span:nth-child(1) {
    rotate: 45deg;
    top: 1px;
    position: relative;
}

.orderinquiry .express_alert .alert_box .x_btn span:nth-child(2) {
    rotate: -45deg;
}

.ex_alert .orderinquiry .express_alert {
    display: flex;
}

.status_01 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_02 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_03 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_04 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_05 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_06 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_07 {
    border-radius: 50px;
    background-color: #1AC8A5;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 99px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 마이페이지 - 주문내역 끝 */

/* 마이페이지 - 장바구니 시작 */
/* .cart .container{max-width: 1210px;} */

.mypage-nav {
    width: 75%;
    margin: 0 auto;
    margin-bottom: 8rem;
}

.mypage-nav>.list-group {
    border: 0;
    flex-direction: row;
    margin-right: 0;
    justify-content: space-between;
}

.mypage-nav .list-group-item {
    border: 0;
}

.mypage-nav>.list-group .list-group-item a {
    color: #616161;
}

.mypage-nav>.list-group .list-group-item a::after {
    display: none;
}

#sod_bsk_list .cart-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

#sod_bsk_list .cart-list .card {
    border: 0;
    padding: 3rem 2rem 3rem;
    background-color: #F3F3F3;
    border-radius: 20px;
}

#sod_bsk_list .cart-list .card>.row {
    width: 100%;
    align-items: center;
    flex-direction: row;
}

#sod_bsk_list .cart-icon-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

#sod_bsk_list .cart-icon-group input[type="checkbox"]+label {
    display: block;
    width: 28px;
    height: 28px;
    background: url('/img_jw/icon_cart_check_2.png') no-repeat 0 0px / contain;
}

#sod_bsk_list .cart-icon-group input[type='checkbox']:checked+label {
    background: url('/img_jw/icon_cart_check.png') no-repeat center center / contain;
}

#sod_bsk_list .cart-icon-group input[type="checkbox"] {
    display: none
}

#sod_bsk_list .cart-icon-group.pc {
    display: flex;
}

#sod_bsk_list .cart-icon-group.mo {
    display: none;
}

.cart-list .card .image {
    margin-top: 0;
    margin-right: 0;
}

.cart-list .card .image img {
    border-radius: 20px;
}


.cart .cart_check_btns {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 10px;
    gap: 5px;
}

.cart .cart_check_btns>input {
    background-color: #1AC8A5;
    color: #fff;
    border: 0;
    border-radius: 50px;
    height: 40px;
    width: 100px;
}

.cart .cart_check_btns>input:nth-child(2) {
    background-color: #5B5B5B;
}

#sod_bsk_list .cart-des-group {
    padding-left: 20px;
}

.cart-list .card .card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-list .card .card-body .card-list-1 {
    flex: 1;
}

.cart-list .card .card-body .card-title {
    margin: 0;
}

.cart-list .card .card-body ul {
    margin: 0;
    margin-top: 9px;
}

.cart-list .card .card-body ul li {
    font-size: 17px;
    font-weight: 300;
    color: #616161;
}

.cart-list .mod_options {
    padding: 0;
    width: 70px;
    height: 33px;
    margin: 0;
    margin-right: 24px;
    font-size: 16px;
    display: flex;
    margin-left: 20px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #B5B5B5;
    border-radius: 50px;
    border: none;
}

.cart-list .card .card-body .card-text {
    margin: 0;
    margin-top: 15px;
    line-height: 1;
    display: flex;
    flex-direction: column;
}

.cart-list .card .card-body .card-text2 {
    gap: 10px;
    color: #616161;
    font-size: 24px;
    margin: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}

.cart-list .card .card-body .badge {
    margin-top: 0;
    margin-right: 21px;
    background-color: transparent;
    font-size: 17px;
    padding: 0;
}

.cart-list .card .card-body .fz-ctr {
    font-size: 23px;
    color: #616161;
    font-weight: 400;
    font-family: var(--bs-kr-font-family);
    margin-left: 20px;
}

.cart-list .card .card-body .card-text>span:not(.alert) {
    margin-right: 30px;
}

.cart-list .card .card-body .card-text>.d-flex {
    align-items: center;
    color: #616161;
    font-weight: 700;
    font-size: 17px;
}

.cart-list .card .card-body .card-text>span {
    font-weight: 600;
    height: 35px;
    display: flex !important;
    align-items: center;
    font-size: 17px;
}

.card_body_1 {
    display: flex;
    flex-direction: column;
}

#sod_bsk_list .list-group {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 40px;
}

.shop .cart .list-group .cart-icon-plus {
    display: flex;
    align-items: center;
    justify-content: center;
}

#sod_bsk_list .cart-icon-group .cart-box {
    display: block;
}

.shop .cart .list-group-item {
    border: 0;
    font-size: 17px;
    color: #616161;
}

.shop .cart .list-group-item .fz-tr {
    font-size: 28px;
    font-weight: 400;
    margin-left: 25px;
}

.shop .cart .list-group-item2 {
    position: relative;
}

.shop .cart .list-group-item2 .fz-tr {
    color: #008F56;
    margin-left: 17px;
}

.shop .cart .list-group-item2::after {
    content: "(20,000원 이상 배송비 무료)";
    font-family: var(--bs-kr-font-family);
    font-size: 15px;
    font-weight: 300;
    color: #616161;
    position: absolute;
    left: 50%;
    bottom: -50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.shop .cart .list-group-item3 {
    color: #292929;
    font-size: 28px;
    font-weight: 700;
}

.shop .cart .list-group2 .list-group-item {
    color: #225392;
}

.shop .cart .page-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop .cart .bot-btn-group {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 80px;
}

.shop .cart .bot-btn-group .btn-outline {
    border: 0;
    background: #AAAAAA;
    font-size: 17px;
    color: #fff;
    padding: 0;
    width: 133px;
    height: 40px;
}

.shop .cart .bot-btn-group .btn.btn-default {
    background: #1AC8A5;
    font-size: 20px;
    border: 0;
    padding: 0;
    width: 500px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
}

#sod_bsk_list .modal-dialog {
    max-width: unset;
}

#sod_bsk_list .modal-content {
    border: 0;
    padding: 35px 0;
    border-radius: 0;
}

#sod_bsk_list .modal-header {
    padding: 0;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
}

#sod_bsk_list .modal-header .modal-title {
    font-size: 23px;
    font-weight: 700;
    color: #616161;
}

#sod_bsk_list .cart-list .mod_option_frm .modal-body {
    padding: 0;
    width: 95%;
    margin: 0 auto;
    margin-top: 36px;
}

#sod_bsk_list .cart-list .mod_option_frm .modal-body h6 {
    font-size: 21px;
    font-weight: 500;
    color: #616161;
}

#sod_bsk_list .modal-header .btn-close {
    width: 1em;
    height: 1em;
}

#sod_bsk_list .cart-list .mod_option_frm .sit_sel_option li {
    background-color: #F3F3F3;
    padding: 1rem;
}

#sod_bsk_list .cart-list .mod_option_frm .sit_opt_subj {
    font-size: 19px;
    font-weight: 700;
    color: #616161;
    margin: 0;
    border: 0;
}

#sod_bsk_list .sit_sel_option {
    height: auto;
    overflow: visible;
}

#sod_bsk_list .cart-list .mod_option_frm .sit_opt_del {
    position: relative;
    right: unset;
    top: unset;
    width: auto;
    height: auto;
    padding: 0;
}

.card .sit_opt_del {
    position: relative;
    padding: 0;
    border: none;
    background-color: transparent;
}

#sod_bsk_list .modal-top-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

#sod_bsk_list .cart-list .mod_option_frm .sit_opt_prc {
    margin-top: 0;
}

#sod_bsk_list .cart-list .mod_option_frm .sit_qty_minus {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 12px;
}

#sod_bsk_list .cart-list .mod_option_frm .sit_qty_plus {
    width: auto;
    height: auto;
    padding: 0;
    margin-left: 12px;
}

#sod_bsk_list .modal-body .btn.btn-default {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 50px;
    width: 100%;
    font-size: 19px;
}

#sod_bsk_list .cart-list .mod_option_frm .form-control {
    border: 1px solid #707070;
    width: 50px;
}

.wishlist {}

.wishlist .cont-wrap .img-fluid {
    border: none;
    border-radius: 20px;
    overflow: hidden;
}

.wishlist .item-wrap {
    padding: 40px;
}

/* .wishlist .img-fluid{width: 90%;margin: 0 auto;}
.wishlist .mt-3{width: 90%;margin: 0 auto;} */

@media screen and (max-width:1250px) {
    .cart_top_group {
        width: 90%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .cart .cart_check_btns {
        margin-bottom: 0;
    }
}

/* 마이페이지 - 장바구니 끝 */

/* 마이페이지 - 위시리스트 시작 */
.wishlist .cont-wrap {
    padding-top: 60px;
}

.wishlist .cont-wrap .container>.row {
    margin-top: 40px;
    width: 100%;
    display: grid;
    gap: 70px;
    grid-template-columns: repeat(4, 1fr);
}

.wishlist .cont-wrap .item-wrap {
    width: 100%;
    background-color: #F3F3F3;
    border-radius: 20px;
}

/* .wishlist .cont-wrap .img-fluid{border: 1px solid #707070;} */
.wishlist .cont-wrap h3 a {
    font-size: 19px;
    font-weight: 700;
    color: #616161;
}

.wishlist .item-option {
    font-family: var(--bs-kr-font-family);
    font-size: 17px;
    font-weight: 300;
    color: #616161;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wishlist .item-wrap .icon-group {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.wishlist .item-wrap input[type="checkbox"]+label {
    display: block;
    width: 28px;
    height: 28px;
    background: url('/img_jw/icon_cart_check_2.png') no-repeat 0 0px / contain;
}

.wishlist .item-wrap input[type='checkbox']:checked+label {
    background: url('/img_jw/icon_cart_check.png') no-repeat center center / contain;
}

.wishlist .item-wrap input[type="checkbox"] {
    display: none
}

.wishlist .btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
}

.wishlist .btn-group .btn-outline {
    border: 0;
    background: #5B5B5B;
    border-radius: 8px;
    font-size: 20px;
    color: #fff;
    padding: 0;
    width: 400px;
    height: 66px;
}

.wishlist .btn-group .btn.btn-default {
    background: #1AC8A5;
    border-radius: 8px;
    font-size: 20px;
    border: 0;
    padding: 0;
    width: 400px;
    height: 66px;
}

.wishlist .btn-group-vertical>.btn,
.wishlist .btn-group>.btn {
    flex: unset;
}

.wishlist .btn-group>button {}

.wishlist .item-line {
    display: none;
}

@media screen and (max-width: 1250px) {
    .wishlist .container .column .nav-wrap {
        overflow: scroll;
    }

    .wishlist .cont-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .wishlist .cont-wrap .container>.row {
        grid-template-columns: repeat(2, 1fr);
    }

    .wishlist .cont-wrap .item-wrap {
        width: 80%;
        margin: 0 auto;
    }

    .wishlist .cont-wrap h3 a {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .wishlist .item-option {
        font-size: 15px;
    }

    .wishlist .btn-group {
        justify-content: space-between;
    }

    .wishlist .btn-group .btn-outline {
        width: 49.5%;
    }

    .wishlist .btn-group .btn.btn-default {
        width: 49.5%;
    }

    .wishlist .item-line {
        display: block;
        height: 0.5px;
        width: 100%;
        background-color: #707070;
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .wishlist .cont-wrap .container>.row {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 0px;
    }

    .wishlist .btn-group {
        flex-direction: column;
    }

    .wishlist .btn-group .btn.btn-default {
        width: 100%;
    }

    .wishlist .btn-group .btn-outline {
        width: 100%;
    }
}

@media screen and (max-width: 350px) {
    .wishlist .cont-wrap .container>.row {
        grid-template-columns: 1fr;
    }
}

/* 마이페이지 - 위시리스트 끝 */

/* 마이페이지 - 마이페이지 시작 */
.point_total1 {
    font-size: 20px;
    font-weight: 600;
}

.point_total2 a {
    font-size: 50px;
    color: #fff;
    font-weight: 200;
}

.mypage_point {
    padding-top: 0;
}

.mypage_point_ul {
    padding: 0;
}

.mypage_coupon_tit_date_group {
    display: none;
}

.point_table_cont.pc {
    display: flex;
}

.point_table_mobile_box {
    display: none;
}

/* 마이페이지 - 마이페이지 끝 */

.mypage_coupon_tit_date_group {
    display: flex;
}

/* 모바일 시작 */

@media screen and (max-width:1250px) {
    .pc {
        display: none !important;
    }

    .mb {
        display: block;
    }

    .top_banner {
        width: 100%;
        height: 65px;
        background-color: #333333;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        color: #fff;
        font-size: 16px;
    }

    .mb_header {
        display: flex;
        height: 80px;
        position: relative;
        box-shadow: 0 3px 6px #00000046;
    }

    .mb_header_group {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sticky.is-sticky .mb_header_group {}

    .sticky.is-sticky {
        position: fixed;
        top: 0;
        width: 100%;
        backdrop-filter: blur(10px);
    }

    .logo {
        width: 160px;
    }

    .logo img {
        width: 100%;
    }

    .sticky.is-sticky .logo img {
        height: auto;
    }

    .mb_header_right_bx {
        display: flex;
        gap: 15px;
    }

    .mb_ham_group {
        position: relative;
        z-index: 10;
        width: 40px;
        height: auto;
        z-index: 999999999;
    }

    .ham_line {
        transition: 0.4s;
        left: 0;
        background-color: #212121;
        width: 40px;
        height: 2px;
        position: absolute;
    }

    .ham_line1 {
        top: 15%;
    }

    .ham_line2 {
        top: 40%;
    }

    .ham_line3 {
        top: 65%;
    }

    html.mb_ham_open .mb_ham_group {}

    html.mb_ham_open .ham_line {
        transition: 0.4s;
    }

    html.mb_ham_open .ham_line1 {
        transform: rotate(45deg) translate(5px, 5px);
    }

    html.mb_ham_open .ham_line2 {
        transform: translateX(5px);
        opacity: 0;
    }

    html.mb_ham_open .ham_line3 {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    .mb_nav_open {
        overflow-y: auto;
        left: 100%;
        width: 100vw;
        transition: 0.4s;
        height: calc(100vh);
        position: absolute;
        top: 0;
        z-index: 999999;
        background-color: #fff;
    }

    .mb_search_group {
        position: relative;
        padding: 0 23px;
        display: flex;
        background: #ECECEC;
        height: 60px;
        align-items: center;
        justify-content: flex-end;
        border-radius: 33px;
        overflow: hidden;
    }

    .mb_search_group {
        padding: 0;
        cursor: pointer;
        transition: .3s .3s;
        padding-right: 30px;
    }

    .mb_search_group .search_bx:nth-child(1) {
        width: 0;
        transition: .3s;
    }

    .header-main-area.sticky.is-sticky .mb_search_group {
        background: #fff;
        border: 1px solid #dbdbdb;
    }

    .header-main-area.sticky.is-sticky .mb_search_group .sc_bx_txt {
        background: transparent;
    }

    .mb_search_group .search_bx:last-child {
        cursor: pointer;
    }

    .mb_search_group .sc_bx_txt {
        border: none;
        outline: none;
        background: transparent;
        max-width: calc(100% - 21px);
        padding-right: 10px;
    }

    .mb_search_group .sc_bx_txt {
        width: 100%;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1395px;
        padding: 0;
        margin: auto;
    }

    .mb_search_group.on {
        cursor: auto;
        padding: 0 23px;
        width: 190px !important;
        transition: .3s;
    }

    .mb_search_group.on .search_bx:nth-child(1) {
        width: calc(100% - 21px);
    }




    .member {
        padding-top: 50px;
    }

    .member.member2 {
        padding-top: 0;
    }


    html.mb_ham_open .mb_nav_open {
        left: 0;
        transition: 0.4s;
    }

    .mb_header.is-sticky .mb_nav_open {
        height: 100vh;
    }

    .header-area {}


    #hd_login_msg {
        gap: 5px;
        width: 90%;
        font-size: 13px;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #hd_login_msg a {
        width: 80px;
        font-size: 11px;
    }

    html.mb_ham_open {
        overflow: hidden;
    }

    html.mb_ham_open {}

    .mb_nav_open .mb_nav_open_logo {
        max-width: 250px;
        position: absolute;
        left: 50%;
        top: 25px;
        transform: translateX(-50%);
    }

    .mb_nav_open .mb_nav_open_logo img {
        width: 100%;
    }

    .mb_nav_open .mb_nav_cont {
        padding-top: 100px;
        width: 90%;
        margin: 0 auto;
        color: #2b2b2b;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .mb_nav_open .mb_nav_list_line {
        width: 100%;
        height: 0.5px;
        background-color: #fff;
    }

    .mb_nav_open .mb_nav_list_up_group {
        display: flex;
        gap: 10px;
        font-size: 15px;
        justify-content: space-between;
    }

    .mb_nav_open .mb_nav_list_up {
        width: 100%;
        align-items: center;
        display: flex;
        gap: 13px;
        flex-direction: column;
    }

    .mb_nav_open .mb_nav_list_up1 {}

    .mb_nav_open .mb_nav_list_up2 {
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        background-color: #D43F3F;
        padding: 1px 5px;
    }

    .mb_nav_open .mb_nav_list_up2.borad50p {
        border-radius: 50%;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
    }

    .mb_nav_open .mb_nav_list_down_group {
        font-size: 19px;
        display: flex;
        text-align: center;
        flex-direction: column;
        gap: 10px;
    }

    .mb_nav_open .mb_nav_list_down_bx {
        background-color: #F3F3F3;
        border-radius: 20px;
        height: 80px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .mb_nav_open .mb_nav_list_openable_group {
        font-size: 19px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: -18px;
    }

    .mb_nav_open .mb_nav_list_openable_tit_group {
        display: flex;
        background-color: #F3F3F3;
        position: relative;
        border-radius: 20px;
        height: 80px;
        align-items: center;
        justify-content: center;
    }

    .mb_nav_open .mb_nav_list_openable_sub_group {
        margin-top: 0px;
        padding: 0 10%;
        padding-top: 0px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        transition: 0.4s;
        gap: 0px;
        height: 0;
        overflow: hidden;
    }

    .mb_nav_open .mb_nav_list_openable_list.on .mb_nav_list_openable_sub_group {
        margin-top: 10px;
        height: 180px;
        padding-top: 15px;
        transition: 0.4s;
        background-color: #DFDFDF;
        border-radius: 20px;
    }

    .mb_nav_open .mb_nav_list_openable_list.on .mb_nav_list_openable_sub_group.sub2 {}

    .mb_nav_list_openable_sub_list {
        padding: 11px 0;
        text-align: center;
        font-size: 19px;
        border-bottom: 1px solid #CBCBCB;
    }

    .mb_nav_list_openable_sub_list.list_last {
        border-bottom: none;
    }

    .mb_nav_open {}

    .mb_nav_open {}

    .mb_nav_list_up_txt {
        white-space: nowrap;
    }

    .mb_nav_list_up_img {
        height: 56px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        box-shadow: 0 6px 15px #0000002d;
    }

    .openable_tit2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
    }

    .mb_nav_open {}

    .mb_nav_open .mb_nav_search_group {
        display: flex;
    }

    .mb_nav_open .mb_nav_search_group input {
        height: 46px;
        border-radius: 0;
        border: none;
        background-color: #ECECEC;
        box-sizing: border-box;
        padding-left: 5px;
        width: calc(100% - 23px);
    }

    .mb_nav_open .mb_nav_search_group .search_btn {
        border-radius: 50%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ECECEC;
        margin-left: -23px;
        width: 46px;
        height: 46px;
    }

    .mb_nav_open .mb_nav_bottom_group {
        display: flex;
        gap: 28px;
        font-size: 15px;
        padding-bottom: 50px;
    }

    .mb_nav_open {}

    .mb_nav_open {}

    .mb_nav_open {}

    .mb_nav_open {}

    #fregisterform .form_id_box>div {
        flex-direction: column;
        align-items: flex-start;
        width: 90%;
        margin: 0 auto;
    }

    #fregisterform .form-control {
        width: 100%;
    }

    #fregisterform .form_b_txt_box p {
        width: 90%;
        margin: 0 auto;
    }

    #fregisterform .form_nm_box>div {
        flex-direction: column;
    }

    #fregisterform .form_nm_box {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    #fregisterform .form_add_box {
        width: 90%;
        margin: 0 auto;
    }

    #fregisterform .form_add_box>div {
        flex-direction: column;
    }

    #fregisterform .form_add_box .input-group {
        width: 100%;
        gap: 0px;
    }

    #fregisterform .form_add_box input[name="mb_addr1"] {
        width: 100%;
    }

    #fregisterform .form_add_box input[name="mb_addr2"] {
        width: 100%;
    }

    #fregisterform .form_add_box .btn-addr {
        margin-bottom: 20px;
    }

    .col-md-4 {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }

    .my-2 {
        margin-top: 0 !important;
        margin-bottom: 0px !important;
        height: 0;
        box-sizing: border-box;
    }

    .email_group {
        margin-top: 30px;
    }

    .member .register h3 {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .member .register #fregisterform .info {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        margin-left: 0;
    }

    .member .register .form-check {
        margin-left: 5%;
    }

    #fregisterform .mb-5 {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        padding-top: 30px;
    }

    .member .register label.form-title {
        width: 100%;
    }

    .header-area {
        position: relative;
        z-index: 99999;
    }

    .social-link.s_l_re {
        display: none;
    }


    .cat_nav {
        width: 90%;
        margin: 0 auto;
        border-bottom: none;
        padding-top: 30px;
    }

    .cat_nav.mb {
        display: flex;
    }

    .cat1_tit {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .cat1_tit1 {
        font-size: 15px;
    }

    .cat1_tit2 {
        font-size: 30px;
        line-height: 45px;
    }

    .ma_cont.ma_c_8 {
        display: none;
    }

    .cat_grid_bx {
        grid-template-columns: repeat(1, 1fr);
        width: 90%;
        margin: 0 auto;
    }

    .cat_list .cont_bx {
        justify-content: center;
        align-items: center;
    }

    .ma_c_5 .cat_grid_bx_group {
        position: relative;
    }

    .ma_c_5 .cat_grid_bx.mb {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        z-index: -1;
    }

    .ma_c_5 .cat_grid_bx.mb.cat_grid_bx_rel {
        position: relative;
    }

    .ma_c_5 .cat_grid_bx.mb.on {
        opacity: 1;
        z-index: 9;
    }

    footer {
        height: auto;
    }

    .cat_list .tbx p:nth-child(1) {
        font-size: 17px;
    }

    .cat_list .tbx p:nth-child(2) {
        line-height: 25px;
        font-size: 15px;
    }

    /* footer .ft_fbx{flex-direction: row;} */
    .cat_list {
        width: 100%;
    }

    .cat_list .m5ss .ophtecs>img {
        width: 100%;
    }

    .cat_list .cont_bx .ophtecs {
        width: 100%;
        max-width: 350px;
    }

    .mb_footer {
        min-height: 600px;
        background-color: #313131;
        color: #fff;
        width: 90%;
        margin: 0 auto;
        padding-top: 57px;
    }

    footer {
        display: block;
    }

    .mb_footer_group1_txt1 {
        font-size: 15px;
    }

    .mb_footer_group1_txt2 {
        font-size: 31px;
        line-height: 45px;
        font-weight: 600;
    }

    .mb_footer_group1_txt3 {
        font-size: 15px;
        font-weight: 200;
        line-height: 1.5;
        margin-top: 5px;
    }

    .mb_footer_group2 {
        margin-top: 44px;
        position: relative;
    }

    .mb_footer_group2_1 {
        font-size: 17px;
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .mb_footer_group2_2 {
        font-size: 15px;
        font-weight: 200;
        line-height: 23px;
        margin-top: 50px;
    }

    .mb_footer_logo {
        margin-top: 65px;
        padding-bottom: 60px;
        display: flex;
        justify-content: flex-end;
    }

    .mb_footer_sns_group {
        position: absolute;
        display: flex;
        flex-direction: column;
        gap: 48px;
        right: 0;
        align-items: center;
    }

    .cat_catagory_mb_select {
        position: relative;
        z-index: 999;
        width: 117px;
        height: 32px;
        margin: 0 auto;
        box-sizing: border-box;
        margin-top: 26px;
        margin-bottom: 31px;
    }

    .cat_catagory_mb_select_list {
        width: 100%;
        height: 32px;
        display: flex;
        justify-content: center;
        gap: 10px;
        align-items: center;
    }

    .select_list_tit {
        font-size: 16px;
        font-family: 'SUIT', sans-serif;
        font-weight: bold;
        margin-left: 20px;
    }

    .selected_html .select_list_arr {
        position: relative;
        top: -3px;
    }

    .selected_html .cat_catagory_mb_select_list {
        background-color: #FCF25F;
        border-radius: 50px;
    }

    .selected_html {
        z-index: 2;
        position: relative;
    }

    .selected_html {}

    .not_selected_html .select_list_arr {
        opacity: 0;
    }

    .not_selected_html .cat_catagory_mb_select_list {}

    .not_selected_html {
        color: #878787;
        width: 100%;
        z-index: 1;
        transition: 0.4s;
        overflow: hidden;
        position: absolute;
        top: 16px;
        left: 0;
        height: 0px;
        box-sizing: border-box;
        background-color: #E4E4E4;
        border-radius: 0px 0px 20px 20px;
    }

    .not_selected_html {}

    .cat_catagory_mb_select.on .not_selected_html {
        height: 118px;
        padding-top: 19px;
        padding-bottom: 8px;
    }

    .cat_list_padding1 {
        display: none;
    }

    .cat_list_group {
        flex-direction: column;
    }

    .cat_list_group .cat_list_left {
        width: 330px;
        height: 330px;
        margin: 0 auto;
    }

    .cat_list_group .cat_list_right {
        width: 90%;
        margin: 0 auto;
    }

    .cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt1 {
        font-size: 23px;
    }

    .cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt2 {
        font-size: 15px;
        line-height: 1.5;
    }

    .cat_list_group .cat_list_right .cat_list_r_g1_txt3_1 {
        font-size: 20px;
    }

    .cat_list_group .cat_list_right .cat_list_r_g1_txt3_2_1 {
        font-size: 20px;
    }

    .cat_list_group .cat_list_right .cat_list_r_g1_txt3_2_2 {
        font-size: 24px;
    }

    .cat_list_group .cat_list_right .cat_list_r_group1 .cat_list_r_g1_txt3_group .cat_list_r_g1_txt3_2 {
        gap: 10px;
    }

    .cat_list_group .cat_list_r_group2 .c_l_r_g2_t1 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group2 .c_l_r_g2_t2 {
        font-size: 12px;
    }

    .cat_list_group .cat_list_r_group2 {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_1_1 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_1_2 {
        font-size: 22px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_2_1 {
        font-size: 13px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b1_2_2 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b1 {
        gap: 0px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_1_1 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_1_2 {
        font-size: 18px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_2_1 {
        font-size: 13px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b2_2_2 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group3 .c_l_r_g3_b2 {
        gap: 0px;
    }

    .cat_list_group .cat_list_r_group3 {
        gap: 30px;
    }

    .cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t1 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group4 .c_l_r_g4_b_t2 {
        font-size: 15px;
    }

    .cat_list_group .c_l_r_g3_b2_click_bx {
        width: 100%;
        right: 0;
    }

    .cat_list_group .click_bx_group3 .click_bx_group3_list {
        font-size: 15px;
        line-height: 1.5;
    }

    .cat_list_group .click_bx_group2 .click_bx_group2_bx_1 {
        font-size: 15px;
    }

    .cat_list_group .cat_list_r_group5 .c_l_r_g5_cont1 {
        font-size: 15px;
        line-height: 1.5;
    }

    .cat_list_group .cat_list_r_group7 {
        justify-content: center;
    }

    .cat_grid_tit .cat_grid_tit1_2 {
        font-size: 20px;
        line-height: 1.5;
    }

    .cat_grid_tit {
        width: 90%;
        margin: 0 auto;
    }

    .cat_list_swiper_group {
        width: 90%;
        margin: 0 auto;
    }

    .cat_list_swi {
        overflow: visible;
    }

    .cat_list_product_group {
        width: 100%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .product_nav_list {
        margin-bottom: 0;
    }

    .product_nav_list {
        width: 77px;
        height: 25px;
        font-size: 15px;
    }

    .product_img img {
        width: 100%;
        object-fit: cover;
    }

    .express_info .info_table1>div {
        flex-direction: row;
        width: 100%;
    }

    .express_info .info_table1 {
        flex-direction: column;
    }

    .t_tit,
    .t_txt {
        font-size: 15px;
        line-height: 1.5;
    }

    .express_info .info_table2 .t_tit,
    .express_info .info_table2 .t_txt {
        height: auto;
    }

    .t_txt {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
    }

    .info_group .info_txt {
        font-size: 15px;
    }


    .product_nav,
    .product_img,
    .express_info,
    .info_group {
        width: 90%;
        margin: auto;
    }

    .product_nav {
        margin-bottom: 38px;
        gap: 7px;
        justify-content: center;
    }

    .cat_list_review_bx.mb {
        gap: 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 48px;
    }

    .review_mb_total_bx {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-bottom: 30px;
    }

    .review_line {
        width: 1px;
        background-color: #707070;
        height: 130px;
    }

    .review_total {
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .review_bx_tit {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .review_bx_tit2 {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .rating_num {
        font-size: 24px;
        margin-top: 5px;
    }

    .front-stars .fa-solid,
    .back-stars .fa-solid {
        font-size: 15px;
    }

    .review_bx_star_group {
        height: 140px;
        justify-content: flex-start;
    }

    .stick {
        height: 58px;
    }

    .cat_list_review_list {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }

    .cat_list_review_group {
        gap: 0;
        padding-bottom: 75px;
    }

    .cat_list_review_nav {
        margin-bottom: 10px;
    }

    .c_l_r_l_2_1_1 .star img {
        width: 15px;
    }

    .c_l_r_l_2_1_group {
        margin-bottom: 0;
    }

    .c_l_r_l_2_1_3 {
        font-size: 12px;
    }

    .c_l_r_l_2_2_group {
        font-size: 12px;
    }

    .c_l_r_l_2_1_2 {
        font-size: 22px;
    }

    .c_l_r_l_3 img {
        width: calc(100% - 54px);
        margin-left: 54px;
    }

    .cat_list_review_list {
        border-bottom: none;
    }

    .cat_list_r_group3_out {
        font-size: 16px;
        padding: 20px 0;
        text-align: center;
    }

    .cat_list_r_group3_out_btn_bx {
        justify-content: center;
    }

    .cat_list_r_out_btn {
        width: 157px;
        height: 46px;
        font-size: 16px;
    }


    .login_bx {
        width: 90%;
        margin: 0 auto;
        padding-top: 66px;
    }

    .login_input_group input[type="text"] {
        width: 100%;
        font-size: 16px;
    }

    .login_input_group input[type="password"] {
        width: 100%;
        font-size: 16px;
    }

    .login_btn {
        width: 100%;
    }

    .login_logo {
        font-size: 30px;
        margin-bottom: 58px;
    }

    .login_bottom_group {
        font-size: 15px;
    }

    .login_bottom_group label {
        font-size: 15px;
    }

    .login_bottom2 {
        font-size: 15px;
    }

    .login_check {}

    .login_sns_txt {
        font-size: 15px;
    }

    .register_btn {
        width: 100%;
        font-size: 20px;
    }

    .find_idpw_bx {
        width: 90%;
        margin: 0 auto;
    }

    .find_idpw_fbx {
        flex-direction: column;
        gap: 50px;
    }

    .find_fbx {
        width: 90%;
        margin: 0 auto;
        gap: 13px;
    }

    .find_fbx input {
        padding-left: 10px;
        font-size: 15px;
        height: 40px;
    }

    .find_idpw_tit {
        font-size: 16px;
        padding-bottom: 19px;
    }

    .find_idpw_bx {
        padding: 24px 0 54px;
    }

    .find_idpw_con {
        padding-top: 66px;
        padding-bottom: 50px;
    }

    .find_btn {
        height: 40px;
        font-size: 15px;
    }


    .register_con {
        padding-top: 70px;
        padding-bottom: 100px;
    }

    .register_tit {
        gap: 0;
        padding-bottom: 70px;
    }

    .register_tit2 {
        font-size: 30px;
    }

    .sns_register {
        width: 90%;
        margin: 0 auto;
        max-width: 260px;
    }

    .sns_register_list_group {
        flex-direction: column;
    }

    .sns_register_tit {
        margin-bottom: 15px;
    }

    .identity {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
        gap: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .identify_tit {
        width: max-content;
    }

    .identify_3 {
        font-size: 15px;
    }

    .info_input_group {
        padding-top: 40px;
        width: 90%;
        margin: 0 auto;
    }

    .info_input_list_bx {
        margin-bottom: 10px;
        gap: 5px;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .info_input_list_btn {
        width: 100px;
    }

    .info_sub_txt {
        font-size: 13px;
    }

    .info_sub_txt.abbx {
        position: absolute;
        bottom: 22.5px;
        left: 110px;
        transform: translateY(50%);
    }

    .info_input_list_input {
        width: 100%;
    }

    .info_input_group input {
        width: 100%;
        box-sizing: border-box;
    }

    /* .add-bx{width: 90%;} */

    .info_input_list_bx.moremb {
        margin-bottom: 60px;
        width: 100%;
    }

    .add-bx2 {
        width: 100%;
        gap: 3px;
    }

    .sms_agreement_group {
        gap: 15px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 90%;
        margin: 0 auto;
    }

    .sms_aggrement_tit1 {
        font-size: 16px;
    }

    .sms_aggrement_tit2 {
        font-size: 15px;
        line-height: 26px;
    }

    .checkbox-wrapper-21 .control {
        font-size: 15px;
        padding-left: 22px;
    }

    .checkbox-wrapper-21 .control__indicator {
        width: 17px;
        height: 17px;
        top: 3px;
    }

    .checkbox-wrapper-21 .control--checkbox .control__indicator:after {
        left: 6px;
        top: 1px;
    }

    .read_bx_group {
        width: 90%;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .read_bx_tit {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .read_bx {
        font-size: 14px;
        line-height: 21px;
        height: 160px;
    }

    .privacy_group {
        padding-top: 44px;
        padding-bottom: 50px;
        width: 90%;
        margin: 0 auto;
    }

    .privacy_checkbx_class input[type=checkbox]+label {
        font-size: 15px;
    }

    .register_btn_group {
        justify-content: center;
        width: 90%;
        margin: 0 auto;
    }

    .register_result_con {
        padding-top: 44px;
        padding-bottom: 75px;
        width: 90%;
        margin: 0 auto;
    }

    .register_tit2 {
        color: #434343;
    }

    .result_group {
        padding: 46px 0;
    }

    .register_result_tit {
        font-size: 16px;
    }

    .result_txt1 {
        font-size: 16px;
    }

    .result_info {
        margin-top: 57px;
        gap: 27px;
        font-size: 16px;
    }

    .result_sub_btn_group {
        flex-direction: column;
        gap: 26px;
    }






    .i3_u_img {
        height: 80vh;
    }

    .i3_u_img img {}

    .ma_c_1 {
        height: 85vh;
    }

    .ma_c_1 .tbx .p1 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .i3_ms .swiper-slide img {
        height: 79vh;
    }

    .ma_c_1 .tbx .p2 {}

    .ma_c_1 .tbx {
        left: 5%;
        bottom: 15px;
    }

    .ma_c_1 .tbx .p3,
    .ma_c_1 .tbx .p4,
    .ma_c_1 .tbx .p2 {
        font-size: 30px;
        line-height: 40px;
    }

    .ma_c_1 .tbx p.on span::after {
        width: 65px;
    }

    .m_c_i_bbx .tbx p:nth-child(1) {
        font-size: 31px;
    }

    .letter {
        font-size: 61px;
    }

    .m_c_i_bbx .tbx .t_inner {
        justify-content: flex-start;
    }

    .m_c_i_bbx {
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 41px;
    }


    .ma_c_1 .imgbx {
        position: absolute;
        z-index: 10;
        right: 5%;
        bottom: 0;
        width: 150px;
        aspect-ratio: 1/1;
        transition: 1s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ma_c_1 .imgbx.on {
        left: 0;
    }

    /* .ma_c_1 .imgbx img{position: absolute;} */
    .ma_c_1 .imgbx img:first-child {
        animation: rolling 15s infinite linear;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .ma_c_1 .imgbx img:last-child {
        position: absolute;
        width: 80%;
        height: 80%;
    }

    .ma_c_2 {
        padding: 30px 0 95px;
    }

    .ma_c_cont {
        width: 90%;
        margin: 0 auto;
    }

    .mac2_bbx {
        flex-direction: column;
        gap: 22px;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 41px;
    }

    .mac2_bbx .mac2_bxs {
        width: 100%;
        height: 115px;
    }

    .mac2_bbx .mac2_bx div {
        font-size: 16px;
    }

    .mac2_bbx .mac2_bx .mac2_b2 {
        margin-top: 12px;
    }

    .ma_tit {
        font-size: 19px;
    }

    .ma_stit {
        font-size: 16px;
    }


    .m_swiper .m5ss {
        position: relative;
        width: 320px;
        margin: 0 auto;
    }

    .ma_c_3 {
        padding-bottom: 70px;
    }

    .m_swiper .cont_bx {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .m_swiper .cont_bx .ophtecs {
        width: 320px;
        height: 320px;
        align-self: 1/1;
        box-shadow: 0 4px 14px #0000001b;
        border-radius: 50px;
        position: relative;
        overflow: hidden;
    }

    .m_swiper .m3_icons {
        position: absolute;
        top: 25px;
        left: 28px;
    }

    .m_swiper .m5ss:hover .m3_icon:nth-child(1) {
        color: #fff;
        background: #3366FF;
    }

    .m_swiper .m5ss:hover .m3_icon:nth-child(2) {
        color: #fff;
        background: #DB0016;
    }

    .m_swiper .m5ss:hover .m3_icon:nth-child(3) {
        color: #fff;
        background: #14CC14;
    }


    .m_swiper .m5ss:hover .discount_blue:hover {
        background-color: #3366FF;
        color: #fff;
    }

    .m_swiper .m5ss .ophtecs>img {
        transition: .3s;
    }

    .m_swiper .m5ss:hover .ophtecs>img {
        transform: scale(1.05);
    }

    .m_swiper .m5ss .ophtecs>img {
        width: 100%;
    }

    .m_swiper {
        margin-top: 25px;
        padding-bottom: 30px;
    }

    .m_swiper .tbx {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .m_swiper .tbx p {
        text-align: center;
        position: relative;
    }

    .m_swiper .tbx p:nth-child(1) {
        margin-top: 18px;
        font-size: 14px;
        font-weight: bold;
        line-height: 15px;
        color: #313131;
    }

    .m_swiper .tbx p:nth-child(2) {
        margin-top: 11.7px;
        font-size: 13px;
        line-height: 22px;
        color: #313131;
    }

    .m_swiper .tbx p:nth-child(4) {
        margin-top: 13.3px;
    }

    .m_swiper .tbx p:nth-child(4) span:nth-child(1) {
        font-size: 19px;
        font-weight: bold;
        line-height: 20px;
        color: #010101;
    }

    /* .m_swiper .tbx .common_price_ab{position: absolute;top: 50%;transform: translateY(-40%);text-decoration: line-through; left: calc(-100% - 25.8px);opacity: 0.2;font-size: 14px;line-height: 19px;font-family: 'GmarketSansMedium' !important;color: #313131;} */
    .m_swiper .tbx .common_price_ab {
        position: absolute;
        top: 50%;
        transform: translateY(-40%);
        text-decoration: line-through;
        right: calc(-60% - 25.8px);
        opacity: 0.2;
        font-size: 14px;
        line-height: 19px;
        font-family: 'GmarketSansMedium' !important;
        color: #313131;
    }

    .m_swiper .tbx .rate_price {
        font-size: 1.2rem;
        font-weight: 500;
        color: #2e6faf;
        position: absolute;
        top: 50%;
        transform: translateY(-40%);
        left: calc(-60% - 25.8px);
        line-height: 19px;
        font-family: 'GmarketSansMedium' !important;
    }


    /* .m_swiper .swiper-wrapper{justify-content: center;} */
    .m_swiper .swiper-slide {
        margin-bottom: 50px;
    }

    .m_swiper {}

    .m_swiper {}

    .m_swiper {}


    .ma_c_4 {
        padding-bottom: 75px;
    }

    .ha_ca_bbx {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 0;
    }

    .ma_c_cont.w100 {
        width: 100%;
    }

    .mid_banner {
        width: 100%;
        height: 300px;
        padding: 0px 5%;
        background: url(/img_jw/mid_banner_mb.png)no-repeat center/cover;
    }

    .ma_c_5 .cat_catagory_mb_select {
        width: 200px;
    }

    .ma_c_5 .cat_catagory_mb_select.on .not_selected_html {
        height: 90px;
    }

    .ma_c_5 .cat_sel_bx {
        display: flex;
        justify-content: flex-end;
    }

    .ma_c_5 .cat_grid_bx.mb {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 50px;
    }

    .ma_c_5 {
        padding-bottom: 95px;
    }

    .ma_c_5 .mb_more_btn {
        width: 130px;
        margin: 0 auto;
        margin-top: 40px;
    }

    .ma_c_5 .mb_more_btn img {
        width: 100%;
    }

    .m7_grid_bx {
        margin-left: 5%;
        margin-right: 5%;
        overflow-x: auto;
        width: 773px;
        height: 435px;
        gap: 18px;
    }

    .m7_grid_bx .tbx {
        top: 20px;
        left: 20px;
    }

    .m7_grid_bx .tbx p:nth-child(1) {
        font-size: 24px;
        line-height: 27px;
    }

    .m7_grid_bx .tbx p:nth-child(2) {
        font-size: 14px;
        line-height: 21px;
        margin-top: 10px;
    }

    .m7_grid_mb {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 30px;
    }

    .bg_stit {
        flex-direction: column;
        padding-left: 0;
        align-items: flex-start;
        gap: 15px;
    }

    .bg_stit>span {
        display: block;
    }

    .ma_c_7 {
        padding-top: 75px;
        padding-bottom: 100px;
    }



    .introduction_bbx {
        padding-bottom: 70px;
        flex-direction: column;
        padding-bottom: 0;
    }

    .m8_marquee_bbx {
        margin-top: 15px;
    }

    .introduction_bbx .introduction_bx {
        width: 100%;
        height: inherit;
        aspect-ratio: 1 / 1;
    }

    .introduction_bbx .introduction_bx .i_p_1 {
        font-size: 17px;
        line-height: 1.2;
    }

    .introduction_bbx .introduction_bx .i_p_2 {
        margin-bottom: 25px;
        font-size: 15px;
    }

    .introduction_bbx .introduction_bx .i_p_3 {
        font-size: 25px;
        line-height: 1.2;
    }

    .introduction_bbx .introduction_bx .i_p_4 {
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }

    .introduction_bbx .introduction_bx .btn_vm {
        font-size: 14px;
        width: 148px;
        height: 38px;
    }

    .m6_bbx {
        flex-direction: column;
        width: 100%;
        padding-bottom: 75px;
    }

    .m6_bbx .m6_bx .m6_b_i_1 {
        width: 90%;
        margin: 0 auto;
    }

    .m6_bbx .m6_bx_1 {
        width: 100%;
        height: auto;
        padding-top: 80px;
        padding-bottom: 60px;
        position: relative;
    }

    .m6_bbx .m6_bx_2 {
        width: 100%;
    }

    .m6_s {
        width: 90%;
        margin: 0 auto;
    }

    .m6_s .m6_sbx {
        width: 250px;
    }

    .m6_s .swiper-slide img {
        height: auto;
        width: 100%;
    }

    .m6_s .swiper-slide {
        width: 250px;
    }

    .m6_nav {
        position: absolute;
        bottom: 25px;
        right: 5%;
        gap: 30px;
    }

    /* .m6_b_i_1{position: relative;} */
    .m6_nav .swiper-button-prev,
    .m6_nav .swiper-button-next {
        width: 35px;
        height: 35px;
    }

    /* .bg_stit{margin-left: 50px;} */
    .ma_c_6 .m6_tbx {
        margin-top: 26px;
        margin-bottom: 26px;
    }

    .m6_s .tbx .ttbx p:nth-child(1) {
        font-size: 18px;
    }

    .m6_s .tbx .ttbx p:nth-child(2) {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 0;
    }

    .m6_s .tbx .ttbx {
        width: 85%;
        transform: translateX(0);
        left: 27px;
        bottom: 46px;
    }

    .my_page_nav_mb {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 25px;
        margin-bottom: 13px;
    }

    .mypage_nav {
        margin-bottom: 0px;
        gap: 43px;
        width: max-content;
        margin-left: 5%;
        margin-right: 10%;
    }

    .event2 .nav_new.mypage_nav {
        width: 100%;
    }

    .event2 .nav_new.mypage_nav {
        margin-left: 0;
    }

    .mypage_nav_list {
        width: max-content;
        white-space: nowrap;
    }

    .mypage_current {
        flex-direction: column;
    }

    .current_grade_txt {
        align-items: center;
        margin-top: 17px;
        gap: 0px;
    }

    .mypage_current .current_grade {
        padding-right: 0;
        width: 105px;
    }

    .mypage_current .current_grade img {
        width: 100%;
    }

    .current_grade_txt2 {}

    .current_grade_txt2 .grade {}

    .current_grade_txt_btn {
        width: 100%;
        justify-content: flex-end;
        margin-top: 23px;
    }

    .coupon_total,
    .point_total {
        justify-content: center;
        padding-left: 0;
        margin-top: 50px;
    }

    .coupon_total1,
    .point_total1 {
        font-size: 15px !important;
        font-weight: 600;
    }

    .coupon_total2,
    .point_total2 {
        font-size: 34px !important;
        font-weight: 200;
    }

    .mypage_coupon {
        width: 90%;
        margin: 0 auto;
    }

    .date_find_btn {
        width: 73px;
        height: 30px;
        font-size: 15px;
    }

    .mypage_point_tit_txt,
    .mypage_coupon_tit_txt {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .mypage_coupon_list {
        flex-direction: column;
        align-items: center;
        padding: 40px 15px;
        text-align: center;
    }

    .coupon_list_left_group {
        flex-direction: column;
    }

    .coupon_list_right_group {
        margin-top: 38px;
        width: 100%;
        justify-content: center;
    }

    .mypage_point_tit {
        flex-direction: column;
        align-items: center;
    }

    .mypage_point_tit_date_group input {
        width: 114px;
    }

    .mypage_point {
        width: 90%;
        margin: 0 auto;
    }

    .point_table_tit {
        justify-content: center;
        gap: 0px;
        padding-right: 45px;
    }

    .point_table_tit>div {
        width: 100%;
        white-space: nowrap;
    }

    .mb_total_point {
        gap: 35px;
        display: flex;
        justify-content: flex-end;
        margin-top: 17px;
        align-items: center;
    }

    .mb_total_point1 {
        font-size: 15px;
    }

    .mb_total_point1 .bold {
        font-weight: 600;
    }

    .mb_total_point2 {
        font-size: 34px;
        font-weight: 200;
    }

    .mypage_point_table {
        margin-top: 17px;
    }

    .point_table_cont.mb {
        display: flex;
        padding-right: 45px;
        position: relative;
        justify-content: center;
    }

    .point_table_bx {
        width: calc(100% / 3);
    }

    .point_table_plus {
        font-size: 42px;
        position: absolute;
        height: max-content;
        font-weight: 200;
        right: 15px;
        top: 45%;
        transform: translateY(-50%);
    }

    .point_table_mb_cont_sub {
        display: flex;
        flex-direction: column;
        padding: 0px 23px 0px;
        transition: 0.4s;
    }

    .point_table_mb_cont_sub>div {
        display: flex;
        gap: 52px;
        font-size: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 0.5px solid #707070;
    }

    .point_table_mb_cont_sub {
        height: 0;
        overflow: hidden;
    }

    .point_table_mb_cont_sub.on {
        height: 102px;
        padding-bottom: 15px;
    }

    .mypage_point_table {
        border-bottom: 0.5px solid #707070;
    }

    .mypage_point {
        padding-bottom: 110px;
    }


    .express_cancel_group {}



    .mypage_coupon.plus {
        padding-top: 34px;
    }

    .express_current_group.mb {
        display: flex;
        flex-direction: column;
        gap: 35px;
        align-items: flex-start;
        padding-left: 25px;
    }

    .mb_express_group {
        width: 100%;
        display: flex;
        gap: 35px;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .mb_express_bx {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .express_current_list_tit {
        width: 100%;
    }

    .express_current_list.w66 {
        width: 66px;
    }

    .express_cancel_list_txt {
        font-size: 16px;
    }

    .express_cancel_list_num {
        font-size: 30px;
    }

    .express_cancel_list {
        flex-direction: column;
        height: auto;
    }

    .express_cancel_group {
        height: 140px;
    }

    .express_current_list {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .express_tit1 {
        font-size: 24px;
    }

    .express_tit2 {
        font-size: 15px;
    }

    .orderinquiry .express_alert {
        width: 80%;
        font-size: 14px;
    }

    .express_list_group {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }

    .express_list_left {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }

    .express_list_right {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .express_list_left_2_1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .express_list_left_1 {
        display: flex;
        justify-content: center;
    }

    .express_list_left_1 img {
        border-radius: 20px;
    }

    .express_list_left_2_1_1 {
        font-size: 16px;
    }

    .express_list_left_2_2_1 {
        font-size: 19px;
        margin: 0 auto;
        margin-top: 5px;
        width: 58%;
    }

    .express_list_left_2_2_2 {
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
    }

    .express_list_left_2_3 {
        margin-top: 0px;
    }

    .express_list_right_2 {
        justify-content: center;
        margin-top: 10px;
    }

    .express_list_right_1_1 {
        margin-top: 0px;
    }

    .express_list_left_2 {
        align-items: center;
    }

    /* .express_list_right_back_btn{margin-bottom: 0;margin: 0 auto;margin-top: 15px;} */
    .order_view_group.container {
        width: 90%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .mypage_cont.mypage2_cont {
        padding-bottom: 91px;
    }

    .mypage_order_detail_tit_group {
        flex-direction: column;
        margin-top: 35px;
    }

    .mypage_order_detail {
        width: 90%;
        margin: 0 auto;
    }

    .mypage_order_detail_tit {
        font-size: 16px;
    }

    .mypage_order_back_btn {
        justify-content: flex-end;
        margin-top: 18px;
        font-size: 15px;
    }

    .mypage_order_detail_tit1 {
        font-size: 16px;
    }

    .mypage_order_detail_tit2 {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .order_detail_list_tit_group {
        flex-direction: column;
    }

    .order_delete_btn {
        right: 20px;
        top: 18px;
        width: 161px;
    }

    .order_delete_btn img {
        width: 100%;
    }

    .order_detail_group {
        padding: 60px 20px;
        margin-bottom: 70px;
    }

    .express_list_right_back_btn {
        margin-bottom: 0;
    }

    .express_list_right .express_list_left_2_3_1 {
        margin-bottom: 0;
    }

    .express_list_right .right-inner {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }

    .mypage_order_detail .product_img {
        width: 100%;
    }

    .mypage_order_detail {}

    .mypage_order_detail {}

    .mypage_order_detail {}

    .product_txt3 {
        margin-top: 0px;
        font-size: 17px;
        margin-bottom: 7px;
    }

    .product_txt5 {
        margin-bottom: 10px;
    }

    .product_txt1 {
        font-size: 22px;
    }

    .product_txt4 {
        margin-top: 20px;
        gap: 3px;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .product_txt4_tit {
        font-size: 16px;
    }

    .product_txt4_sub {
        font-size: 16px;
    }

    .order_detail_table_group.order_detail_table_group1 {
        margin-top: 100px;
    }

    .order_detail_table_tit {
        font-size: 19px;
    }

    .order_detail_table_group {
        margin-top: 60px;
    }

    .order_detail_table_sub {
        padding: 18px 0;
    }

    .order_detail_table_sub1 {
        font-size: 15px;
    }

    .order_detail_table_sub2 {
        font-size: 16px;
        max-width: 75%;
        text-align: right;
    }

    .cart_table {
        width: 90%;
        margin: 0 auto;
        margin-top: 35px;
    }

    .cart_table_tit_group {
        padding-left: 0;
    }

    .cart_all_btn label {
        font-size: 16px;
        font-weight: 600;
    }

    .cart_all_btn {
        gap: 9px;
    }

    .cart_list {
        flex-direction: column;
    }

    .cart_img {
        flex-direction: column;
        display: flex;
        gap: 11px;
        align-items: center;
        margin-bottom: 20px;
    }

    .cart_list_txt1 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .cart_list_txt2 {
        font-size: 15px;
    }

    .cart_list_txt {
        text-align: center;
    }

    .cart_list_right {
        justify-content: center;
    }

    .cart_list_price {
        font-size: 20px;
    }

    .cart_list_right_tit {
        font-size: 15px;
        padding-right: 0;
    }

    .cart_table_entire_price_group {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 0;
    }

    .cart_table_entire_price1 {
        font-size: 15px;
    }

    .cart_table_entire_price2 {
        display: flex;
        gap: 16px;
        align-items: center;
        font-size: 23px;
    }

    .cart_table_entire_price5 {
        margin-top: 30px;
    }

    .cart_table_entire_price4_1 {
        font-size: 15px;
    }

    .cart_table_entire_price4_2 {
        font-size: 23px;
    }

    .cart_table_entire_price4::after {
        font-size: 13px;
        top: calc(100% + 0px);
    }

    .cart_table_entire_price6 {
        font-size: 26px;
    }

    .cart_table_btn_group {
        justify-content: center;
    }

    .cart_table_btn {
        width: 100%;
    }

    .cart_table_point {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .cart_table_point1 {
        font-size: 15px;
    }

    .cart_table_point2 {
        font-size: 23px;
    }

    .cart_table_bottom_group {
        padding-bottom: 90px;
    }


    .wish_list_group {
        flex-direction: column;
        padding-top: 0;
    }

    .wish_table {
        width: 90%;
        margin: 0 auto;
    }

    .wish_list {
        position: relative;
        width: 100%;
        padding-bottom: 33px;
        padding-top: 33px;
        border-bottom: 1px solid #707070;
    }

    .wish_list_checkbox {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .wish_table_tit_group {
        padding-left: 0;
    }

    .register_change_login_group {
        width: 90%;
        margin: 0 auto;
        padding-top: 35px;
        padding-bottom: 80px;
    }

    .register_change_login_tit1 {
        font-size: 16px;
        color: #616161;
    }

    .register_change_login_tit2 {
        font-size: 15px;
        line-height: 23px;
    }

    .register_change_login_tit {
        padding-bottom: 15px;
        border-bottom: 1px solid #707070;
    }

    .register_change_login_input_group {
        padding-bottom: 15px;
        border-bottom: none;
        gap: 12px;
    }

    .register_change_login_btn {
        margin-top: 0;
    }

    .register_login_btn {
        width: 100%;
    }

    .register_change_tit {
        margin-bottom: 23px;
    }

    .info_input_list_btn {
        width: 50%;
        transform: translateX(100%);
        margin-top: 20px;
    }

    .info_input_list_btn.add {
        width: 100px;
        transform: translateX(0);
        margin-top: 0px;
    }

    .register_con.change_con .sns_register {
        width: 90%;
        margin: 0 auto;
        max-width: unset;
    }

    .sns_register_list {
        width: 260px;
    }

    .register_con.change_con .sns_register_list_group {
        width: max-content;
        gap: 12px;
    }

    .register_con.change_con .sns_register_tit {
        font-size: 16px;
    }

    .register_con.change_con .sns_register {
        padding-bottom: 70px;
    }

    html.mb_ham_open .top_banner .x-btn {
        display: none;
    }


    .vip-cont {
        padding-top: 0px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 70px;
    }

    .vip-content {
        width: 90%;
        margin: 0 auto;
        padding-top: 0;
        max-width: 500px;
    }

    .cat_nav.mb.add {
        margin-bottom: 25px;
    }

    .v-sec1-tit {
        font-size: 16px;
        padding-bottom: 9px;
        margin-bottom: 13px;
    }

    .v-sec1-tit-des {
        font-size: 15px;
        line-height: 23px;
    }

    .grade_table_mb {}

    .grade_table_mb .grade_table_list {
        display: flex;
        gap: 17px;
        padding: 30px 0 40px 12px;
        border-top: 1px solid #707070;
    }

    .grade_table_mb .grade_table_list:first-child {
        border-top: none;
    }

    .grade_table_mb .grade_table_list.current {
        background-color: #F5F7FF;
    }

    .grade_table_mb .grade_table_left {
        width: 90px;
    }

    .grade_table_mb .grade_table_left img {
        width: 100%;
    }

    .grade_table_mb .grade_table_right_1 {
        margin-bottom: 17px;
        padding-bottom: 16px;
        border-bottom: 0.5px solid #707070;
    }

    .grade_table_mb .grade_table_right_2 {}

    .grade_table_mb .grade_table_right_1_1 {
        font-size: 15px;
        font-weight: 600;
    }

    .grade_table_mb .grade_table_right_1_2 {
        font-size: 15px;
    }

    .grade_table_mb .grade_table_right_1_3 {
        font-size: 14px;
        color: #B5B5B5;
    }

    .grade_table_mb .grade_table_right>div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .grade_table_mb {}

    .grade_table_mb {}

    .grade_img_group {}

    .mb_grade_group {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .vip-sec2 {
        margin-top: 100px;
    }

    .vip-sec2.mb img {
        width: 100%;
    }

    .common-inner {
        width: 90%;
        margin: 0 auto;
    }

    .sc-top {
        margin-top: 0px;
    }

    .common-tit {
        margin-top: 25px;
    }

    .common-tit .desc {
        font-size: 20px;
        margin-bottom: 0;
    }

    .common-tit .title {
        font-size: 30px;
    }

    .sc-top .btn-flex .btn {
        font-size: 15px;
        border-radius: 0;
        box-sizing: border-box;
        height: 41px;
    }

    .sc-top .btn-flex {
        gap: 15px;
        padding-bottom: 12px;
        padding-top: 0;
    }

    .sc-event .event-list {
        grid-template-columns: repeat(1, 1fr);
        padding-left: 0;
        max-width: 500px;
        padding-top: 50px;
    }

    .sc-sub-common .img-box {
        margin-bottom: 60px;
    }

    .sc-sub-common .img-box img {
        width: 100%;
        height: auto;
    }

    .sc-sub-common {
        padding-bottom: 100px;
        padding-top: 13px;
        margin-top: 80px;
        border-top: 1px solid #707070;
    }

    .sc-sub-common .sub-common-list .left-box {
        font-size: 15px;
    }

    .sc-sub-common .sub-common-list {
        padding-right: 10px;
        padding: 23px 10px;
    }

    .btn.mobile {
        padding: 0;
    }


    .sc-top .search-area {}

    /* .sc-top .search-area .flex-box .input-text{width: 205px;height: 42px;} */

    .sc-top .search-area .flex-box .btn-submit {
        height: 42px;
        font-size: 15px;
        width: 70px;
    }

    .sc-notice .tap-list {
        padding: 0;
        padding-bottom: 18px;
        border-bottom: 0.5px solid #707070;
        margin-bottom: 30px;
        padding-top: 30px;
        gap: 0px;
        justify-content: space-between;
    }

    .sc-notice .tap-list li {
        font-size: 15px;
    }

    .sc-notice .notice-tit-box .flex-box {
        gap: 0px;
    }

    .sc-notice .notice-tit-box .flex-box p:nth-child(1) {
        width: 70px;
        text-align: left;
    }

    .sc-notice .notice-tit-box {
        border-bottom: 0.5px solid #707070;
    }

    .notice-list-box-mb .notice_list_top {
        display: flex;
        justify-content: space-between;
    }

    .notice_list_top p:nth-child(1) {
        width: 70px;
    }

    .notice_list_top p:nth-child(2) {
        width: calc(100% - 70px);
    }

    .notice_list_bottom {
        display: flex;
        justify-content: flex-end;
        gap: 23px;
        margin-top: 25px;
    }

    .notice-list-box-mb {
        padding-top: 14px;
        padding-bottom: 19px;
        border-bottom: 1px solid #707070;
    }


    .sc-notice-sub .notice-sub-title {
        margin-top: 50px;
        padding-top: 30px;
        border-bottom: none;
        border-top: 1px solid #707070;
    }

    .sc-notice-sub .notice-sub-title h2 {}

    .sc-notice-sub .notice-sub-title-con {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .sc-notice-sub .notice-sub-con .text-box p {
        font-size: 15px;
    }

    .sc-notice-sub .notice-sub-con .text-box .bold {
        font-size: 19px;
    }

    .sc-sub-common {
        padding-bottom: 80px;
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .sc-faq .search-area {}

    .sc-faq .search-area .flex-box .input-text {
        width: 205px;
        height: 42px;
    }

    .sc-faq .search-area .flex-box .btn-submit {
        height: 42px;
        font-size: 15px;
        width: 70px;
    }

    .vip-top .vip-tit {
        margin-top: 30px;
        border-bottom: 1px solid #707070;
        padding-bottom: 80px;
        margin-bottom: 22px;
    }

    .sc-faq .tap-list {
        padding: 0;
        margin-top: 50px;
        padding-bottom: 0px;
    }

    .sc-faq .tap-list {
        margin-bottom: 0;
        flex-wrap: nowrap;
        width: max-content;
        border-bottom: none;
    }

    .faq-tap-box {
        overflow-x: auto;
        padding-bottom: 10px;
        border-bottom: 1px solid #707070;
    }


    .sc-faq .faq-list-wrap .cat {
        order: -1;
        width: 100%;
        text-align: left;
    }

    .sc-faq .faq-list-box .flex-box {
        min-height: 130px;
        position: relative;
        padding: 10px 5px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .sc-faq .faq-list-wrap .faq-tit {
        margin-left: 0;
        padding-left: 5px;
    }

    .sc-faq .faq-list-wrap i {
        margin-left: 0;
        position: absolute;
        bottom: 15px;
        right: 10px;
    }

    .sc-faq .faq-answer {
        padding: 35px 16px;
    }

    .sc-faq .pagination-box {
        padding-bottom: 0;
        padding-top: 27px;
    }

    .sc-ask .ask-list-box .flex-box {
        align-items: flex-end;
        padding: 14px 2% 18px;
    }

    /* .sc-ask .ask-list-box .flex-box p:first-child{width: 100%;} */

    .sc-ask .ask-list-box .flex-box {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .flex-box .mb_wrap {
        width: auto;
        justify-content: center;
        gap: 15px;
        flex-direction: column;
    }

    .flex-box .mb_wrap p {
        width: auto !important;
    }

    .sc-ask .ask-list-box .flex-box .col {
        margin: unset;
    }

    .flex-box .mb_wrap p.inq_tit {
        padding-left: 0;
        width: 100% !important;
        text-align: center !important;
    }

    .sc-ask .ask-list-box .flex-box .col {
        width: 220px !important;
        font-size: 15px;
        border-radius: 50px;
    }

    .sc-ask .ask-list-box .flex-box>p:first-child {
        width: 100%;
    }

    .ask-list-wrap {
        margin-bottom: 95px;
        padding-top: 30px;
        padding-bottom: 50px;
        width: 90%;
        margin: 0 auto;
    }

    .sc-ask .ask-tit-box .flex-box {
        padding-top: 50px;
    }

    .sc-ask .ask-list-box .flex-box>p.mb:first-child {
        text-align: right;
    }

    .ask-list-wrap .ask-list-box .text-box {
        border-bottom: 1px solid #707070;
    }

    .sc-ask .ask-list-box .text-box {
        padding-bottom: 40px;
        padding-left: 2%;
    }

    .sc-ask .ask-list-box .flex-box.mb_bx {
        border-top: none;
        border-bottom: none;
        margin-left: auto;
        flex-direction: row;
        width: max-content;
    }

    .sc-ask .ask-list-box .flex-box.mb_bx>p:first-child {
        width: max-content;
    }

    .orderform_product_list {
        flex-direction: column;
    }

    .orderform_product_list_left {
        flex-direction: column;
    }

    .orderform_product_list_right {
        flex-direction: column;
        margin-top: 10px;
        gap: 10px;
    }

    .orderform_cont {
        width: 90%;
        margin-top: 40px;
    }

    .orderform_product_list_txt1 {
        margin-bottom: 10px;
    }

    .orderform_product_list_txt2 {
        justify-content: center;
    }

    .orderform_personal_info .info_input_group {
        padding-top: 70px;
    }


    .orderform_personal_info .info_input_group {
        width: 100%;
    }

    .orderform_personal_info .info_input_tit {
        font-size: 15px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .info_input_tit .bold {
        font-size: 16px;
    }

    .orderform_address_info .info_input_group {
        padding-top: 0px;
        width: 100%;
    }

    .orderform_address_info .orderform_radio {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .orderform_address_info #require_sel {
        font-size: 16px;
        height: 45px;
    }

    .orderform_address_info .require_sel {
        width: 100%;
    }

    .orderform_pay_info_tit {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }

    .pay_info_list {
        position: relative;
        font-size: 16px;
        gap: 0px;
        justify-content: space-between;
    }

    .pay_info_list2 .pay_info_list2_1,
    .pay_info_list2_2 {
        width: 220px;
        text-align: right;
    }

    .pay_info_list1 {
        width: 100px;
    }

    .pay_info_list2_2.poa_mb {
        justify-content: flex-end;
        position: absolute;
        right: 0;
        width: 100%;
        top: 100%;
    }

    .pay_info_list.last_mb {
        margin-top: 50px;
    }


    .orderform_coupon_group {
        margin-top: 140px;
    }

    .orderform_coupon_tit {
        font-size: 16px;
    }

    .coupon_all_btn label {
        font-size: 16px;
    }

    .orderform_coupon_list {
        justify-content: space-between;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .mb_flex_bx {
        flex-direction: column;
    }

    .orderform_coupon_txt1 {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .mb_flex_bx>div {
        padding-right: 0;
        font-size: 16px;
        text-align: right;
    }

    .orderform_coupon_txt3 {
        margin-top: 15px;
    }

    .orderform_coupon_txt4 {
        margin-bottom: 15px;
    }

    .orderform_coupon_list:last-child {
        border-bottom: 1px solid #707070;
    }

    .orderform_total_price_group {
        margin-top: 80px;
    }

    .orderform_total_price_tit {
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .orderform_total_price_bx {
        padding-top: 33px;
        padding-bottom: 36px;
    }

    .mb_flex_bx2 {
        gap: 16px;
    }

    .cart_table_entire_price3.add {
        margin-top: 30px;
    }

    .orderform_equal_group1 {
        display: none;
    }

    .orderform_equal_group2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .orderform_equal_group2_2 {
        font-size: 23px;
    }

    .orderform_payment {
        margin-top: 90px;
        margin-bottom: 70px;
    }

    .orderform_payment_tit {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 35px;
    }

    .orderform_payment_cont {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
        column-gap: 24px;
    }

    .orderform_bottom_agreement label {
        width: 320px;
        font-size: 16px;
        line-height: 24px;
    }

    .orderform_bottom_btn_group {
        margin-top: 25px;
    }


    .sc-askdt .form-box {}

    .sc-askdt .sign-info {
        flex-direction: column;
        gap: 10px;
    }

    .sc-askdt .sign-info .sign-info-txt {
        width: 100%;
    }

    .sc-askdt .sign-info .input-box {
        width: 100%;
    }


}

#sod_bsk_list .cart-list .card>.row {
    flex-wrap: nowrap;
}

.col-12 {
    flex: auto;
}

#sod_bsk_list .cart-des-group {}


@media screen and (max-width:850px) {
    .cart-list .card .card-body {
        width: 100%;
    }

    /* 마이페이지 - 장바구니 시작 */
    /* .nav-wrap{overflow: scroll;} */
    .mypage-nav {
        width: inherit;
        padding: 0 30px;
        margin-bottom: 3rem;
    }

    .mypage-nav>.list-group {
        flex-wrap: wrap;
        justify-content: center;
    }


    #sod_bsk_list {
        width: 90%;
        margin: 0 auto;
    }

    #sod_bsk_list .cart-list .card>.row {
        justify-content: center;
        flex-direction: column;
    }

    .mb_img_group {
        align-items: flex-start;
        justify-content: center;
        position: relative;
    }

    .mb_img_group .cart-image-group {}

    .mb_img_group .cart-icon-group.col-xl-1 {
        position: absolute;
        top: 0;
        left: -40px;
    }

    .cart-list .card .image {}

    #sod_bsk_list .cart-icon-group {
        margin-bottom: 20px;
    }

    #sod_bsk_list .cart-list .card {
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

    #sod_bsk_list .cart-list .card+.card {
        margin-top: 0;
    }

    #sod_bsk_list .cart-icon-group .cart-box {
        display: none;
    }

    #sod_bsk_list .cart-image-group {
        text-align: center;
        width: calc(100% - 30px);
    }

    #sod_bsk_list .cart-icon-group {
        width: 30px;
    }

    #sod_bsk_list .row {
        flex-wrap: nowrap;
        flex-direction: columnr;
    }

    .cart-list .card .card-body {
        flex-direction: column;
        margin-top: 30px;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .cart-list .mod_options {
        margin: 0;
    }

    .cart-list .card .card-body .card-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .cart-list .card .card-body .card-text>span:not(.alert) {
        margin: 0;
        font-size: 18px;
    }

    .cart-list .card .card-body .fz-ctr {
        margin: 0;
        font-size: 20px;
    }

    #sod_bsk_list .cart-des-group {
        padding-left: 0;
    }

    .cart-list .card .card-body ul {
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .cart-list .card .card-body .card-list-1 {
        width: 100%;
        flex: unset;
    }

    .cart-list .mod_options {
        font-size: 15px;
        width: 110px;
        height: 30px;
        margin: 15px 0;
    }

    .cart-list .card .card-body .card-text {
        display: block;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: flex-start;
        font-weight: 600;
    }

    .shop .cart-list .card .card-body .card-text {
        justify-content: center;
    }

    .shop .cart-list .card .card-body .card-text>span {
        display: flex !important;
        gap: 15px;
        margin-bottom: 20px;
        justify-content: center;
    }

    .shop .cart-list .card .card-body .card-text.card-text-price {
        justify-content: center;
        flex-direction: row;
        font-size: 20px;
        text-align: right;
    }

    .cart-list .card .card-body .badge {
        margin-right: 15px;
        font-size: 18px;
    }

    .cart-list .card .card-body ul li {
        font-size: 15px;
    }

    .cart-list .card .card-body .card-title a {
        font-size: 18px;
    }

    .shop .cart .page-group {
        border-bottom: .5px solid #707070;
        padding-bottom: 1rem;
    }

    #sod_bsk_list .list-group {
        flex-direction: column;
        gap: 20px;
    }

    .shop .cart .list-group-item2 {
        margin-bottom: 30px;
    }

    .shop .cart .list-group-item .fz-tr {
        font-size: 23px;
        margin-left: 15px;
    }

    .shop .cart .list-group-item {
        font-size: 15px;
    }

    .shop .cart .list-group-item3 {
        font-size: 25px;
    }

    .shop .cart .bot-btn-group {
        justify-content: center;
        margin-top: 40px;
    }

    .shop .cart .bot-btn-group .btn-outline {
        width: 49.5%;
    }

    .shop .cart .bot-btn-group .btn.btn-default {
        width: 49.5%;
    }

    #sod_bsk_list .list-group.list-group2 {
        align-items: center;
    }

    .cart-list .mod_option_frm {
        left: 50%;
        top: 30%;
        transform: translateX(-50%);
        margin-left: 0;
    }

    #sod_bsk_list .modal-dialog {
        width: 90%;
        margin: 0 auto;
    }

    #sod_bsk_list .cart-list .mod_option_frm .sit_opt_subj {
        text-align: left;
        font-size: 15px;
    }

    #sod_bsk_list .modal-header {
        width: 90%;
    }

    #sod_bsk_list .cart-list .mod_option_frm .modal-body {
        width: 90%;
    }

    .opt_count {
        justify-content: space-between;
    }

    .ct_tot_price {
        font-size: 18px;
    }

    /* 마이페이지 - 장바구니 끝 */
}

@media screen and (max-width: 1000px) {

    /* .ma_c_1{height: calc(73vh + 80px);} */
    .ma_c_1 {
        height: 500px;
    }

    .i3_u_img {
        height: 350px;
    }

    .i3_ms .swiper-slide img {
        height: 350px;
    }
}

@media screen and (max-width: 800px) {
    .ma_c_1 {
        height: 500px;
    }

    .i3_u_img {
        height: 300px;
    }

    .i3_ms .swiper-slide img {
        height: 300px;
    }
}

.pc_btn {
    width: 150px !important;
    box-sizing: border-box;
    height: 45px;
}

@media screen and (max-width:767px) {
    .mypage_coupon_tit {
        flex-direction: column;
        align-items: center;
    }

    .mypage_coupon_tit_date_group input {
        width: 200px;
    }

    .mypage_coupon_tit_date_group form {
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }

    .change {
        background-color: #5B5B5B !important;
        color: #fff;
        border: none !important;
    }

    .li_cp {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .li_cp button {
        width: max-content;
        min-width: 150px;
        margin: 0 auto;
        border-radius: 50px;
        border: 1px solid #222;
        background-color: #fff;
        padding: 5px 10px;
    }

    .od_coupon .td_mngsmall button {
        max-width: 50px;
        min-width: unset;
    }
}

@media screen and (max-width: 500px) {
    #display_pay_button {
        width: 90%;
        max-width: none;
    }

    #display_pay_button .btn.btn-default {
        width: 100%;
    }

    #show_req_btn {
        width: 50%;
    }

    .ma_c_1 {
        height: 51vh;
    }

    .i3_u_img {
        height: 250px;
    }

    .i3_ms .swiper-slide img {
        height: 250px;
    }

    .ma_c_1 .imgbx {
        width: 25%;
        bottom: 50px;
    }

    .mid_banner .tbx p:nth-child(2) {
        font-size: 20px;
    }

    .form-control {
        width: 100%;
    }
}

@media screen and (max-width: 390px) {

    /* .ma_c_1 .imgbx{width: 20%;bottom: 15px;} */
    .mid_banner .tbx p:nth-child(2) {
        font-size: 16px;
    }

    .mid_banner .tbx p:nth-child(3) {
        font-size: 13px;
    }

    .product_txt4_tit {
        font-size: 14px;
    }

    .product_txt4_sub {
        font-size: 14px;
    }

    .shop .orderinquiryview .table th,
    .shop .orderinquiryview .table td {
        padding: 1rem 0;
    }

    .shop .orderinquiryview .table th {
        font-size: 14px;
    }

    .shop .orderinquiryview .table td {
        font-size: 14px;
    }

    .shop .order_view_group .list-group-item {
        padding: 1rem 0;
    }

    .shop .order_view_group .list_item_tit {
        font-size: 14px;
    }

    .shop .order_view_group .list_item_cont {
        font-size: 14px;
    }

    .btn-default {
        font-size: 14px;
        padding: 10px 0px;
    }

    .btn-outline {
        font-size: 14px;
        padding: 10px 0px;
    }
}

@media screen and (max-width: 375px) {
    /* .ma_c_1{height: 55vh;} */

}

@media screen and (max-width: 350px) {

    /* #sod_bsk_list .cart-icon-group{top: 35%;} */
    #sod_bsk_list .cart-icon-group input[type="checkbox"]+label {
        width: 20px;
        height: 20px;
    }

    .cart-list .mod_options {
        width: 90px;
        font-size: 14px;
    }

    .cart-list .card .card-body .card-title a {
        font-size: 15px;
    }

    .cart-list .card .card-body ul li {
        font-size: 12px;
    }

    .cart-list .card .card-body .fz-ctr {
        font-size: 15px;
    }
}

/* 마이페이지 - 마이페이지 시작 */
@media screen and (max-width: 1250px) {
    .mypage_coupon_tit_date_group {
        display: flex;
    }

    .point_total2 a {
        font-size: 34px;
    }

    .mypage_coupon_txt {
        line-height: 23px;
        font-size: 15px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .coupon_list_left_group img {
        max-width: 100%;
    }

    .mypage_point_ul {
        margin-bottom: 0;
    }

    .point_table_cont.pc {
        display: none;
    }

    .point_table_mobile_box {
        display: block;
    }

    .point_table_plus {
        right: 25px;
    }

    .point_table_mb_cont_sub {
        padding: 0;
    }

    .point_table_mb_cont_sub>div {
        width: 81%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1000px) {
    .point_table_mb_cont_sub>div {
        width: 85%;
    }
}

@media screen and (max-width: 865px) {
    .hw-col-4 {
        width: 100%;
    }
}

@media screen and (max-width: 769px) {
    .point_table_mb_cont_sub>div {
        width: 90%;
    }

    .hw_mo_none {
        display: none;
    }

}

@media screen and (max-width: 450px) {
    .mypage_coupon_tit_date_group {
        width: 100%;
        gap: 7px;
    }

    .mypage_coupon_tit_date_group input {
        width: 35%;
    }

    .mypage .mypage_coupon_tit_date_group input {
        width: 100%;
    }

    .orderinquiry .mypage_coupon_tit_date_group input {
        width: 100%;
    }

    .date_find_btn {
        width: 130px;
        height: 45px;
    }

    .mypage_current {
        padding: 45px 0;
    }

    .point_table_plus {
        right: 15px;
    }

    .point_table_mb_cont_sub>div {
        width: 100%;
    }

    .address_group {
        width: 100%;
    }

    .order .btn-outline {
        width: 100%;
    }

    #display_pay_button .btn-outline {
        width: 30%;
    }

    .ad_btns {
        width: 100%;
    }

    .mbmb-1 {
        width: 100%;
    }

    .mbmb-1>.col-auto {
        width: 100%;
    }
}

/* 마이페이지 - 마이페이지 끝 */

/* 회원가입 - social_register_member 시작 */
@media screen and (max-width: 1250px) {
    #fregisterform {
        width: 90%;
        margin: 0 auto;
    }

    #fregisterform .member_connect button {
        width: 100%;
    }

    .social_register .fregisterform_des {
        font-size: 20px;
    }

    #register_form .cert_req {
        font-size: 13px;
    }

    #register_form.form_01 li {
        gap: 0;
    }

    #register_form .form-title {
        width: 20%;
        font-size: 14px;
    }

    #register_form.form_01 .frm_input {
        width: 80%;
    }

    #register_form button {
        max-width: 110px;
    }

    .social_register .privacy_checkbx p {
        font-size: 13px;
    }
}

/* 회원가입 - social_register_member 끝 */

/* 회원 비밀번호 확인 시작 */
@media screen and (max-width: 1250px) {
    .member .confirm .lead {
        width: 90%;
        margin: 0 auto;
    }

    .member .confirm .des {
        width: 90%;
        margin: 0 auto;
    }

    #fmemberconfirm {
        width: 90%;
        margin: 0 auto;
        margin-top: 15px;
    }
}

@media screen and (max-width: 750px) {
    .member .mypage-nav {
        margin-bottom: 34px;
    }

    #fmemberconfirm {
        border-bottom: 0;
        border-top: 1px solid #707070;
        padding-top: 32px;
    }

    #fmemberconfirm .form-group-wrap {
        border: 0;
    }

    #fmemberconfirm .form-group {
        width: 100%;
        margin-bottom: 12px;
    }

    .member .confirm .form-group label {
        display: none;
    }

    .member .confirm .form-group3 {
        margin: 0;
    }

    .member .form-control {
        width: 100%;
    }

    .confirm .form-group3 .btn.btn-default {
        width: 100%;
        margin: 0 auto;
        height: 58px;
    }
}

/* 회원 비밀번호 확인 끝 */



/* 회원가입 / 회원정보 변경 시작 */
@media screen and (max-width: 1250px) {
    .member #fregisterform .form_add_box .btn-addr {
        margin: 0;
    }

    .member #fregisterform .form_add_box {
        width: 100%;
    }

    .member #fregisterform .form_add_inner_box {
        width: 100%;
    }

    .member #fregisterform .form_add_inner_box .form-control {
        width: 38%;
    }

    .member #fregisterform .form_add_inner_box .arr-input-box1 .form-control {
        width: 100%;
    }

    .member #fregisterform .form_add_inner_box .arr-input-box2 .form-control {
        width: 100%;
    }

    .member #fregisterform .form_add_box .input-group {
        gap: 20px;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .member #fregisterform .form_add_box>div {
        gap: 5px;
    }

    .member #fregisterform .form_add_inner_box .arr-input-box1 {
        margin-bottom: 0;
    }

    .member .arr-input-box1 {
        gap: 5px;
        flex-direction: column-reverse;
    }

    .member .arr-input-box2 {
        gap: 5px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    #fregisterform .arr-input-box1 span {
        position: relative;
        transform: unset;
        right: unset;
    }
}

/* 회원가입 / 회원정보 변경 끝 */



/* 콘텐츠 시작 */
@media screen and (max-width: 1250px) {
    .sc-content {
        width: 90%;
        padding-top: 50px;
    }

    .sc-content .content_grid_group {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 800px) {
    .sc-content .content_grid_group {
        grid-template-columns: 1fr 1fr;
    }

}

@media screen and (max-width: 390px) {
    .sc-content .content_grid_group {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 450px) {
    .sc-top .nav_new .btn-flex .btn {
        font-size: 12px;
        white-space: nowrap;
    }
}

/* 콘텐츠 끝 */




/* 20250305 깨짐수정 */

@media screen and (max-width: 1250px) {
    .mb_header_right_bx {
        gap: 20px;
    }

    .mb_ham_group {
        width: 28px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
    }

    .mb_ham_group {
        width: 28px;
        height: 28px;
    }

    .ham_line {
        width: 28px;
        position: relative;
        height: 1px;
        background: #000;
    }

    .ham_line1,
    .ham_line2,
    .ham_line3 {
        top: unset;
    }

    html.mb_ham_open .ham_line1 {
        transform: rotate(45deg) translate(7px, 6px);
    }

    html.mb_ham_open .ham_line3 {
        transform: rotate(-45deg) translate(6px, -4px);
    }
}

.login-sns.sns-wrap-32 .sns-icon.sns-google {
    border: 1px solid #707070;
}

.login-sns.sns-wrap-32 .sns-icon.sns-naver {
    background-color: #03C75A;
    border: 1px solid #03C75A;
}

.login-sns.sns-wrap-32 .sns-icon.sns-kakao {
    background-color: #FAE100;
    border: 1px solid #FAE100;
    color: #1E1E1E;
}

.shop .order .payment-method .btn-payment .ico {
    width: 24px;
    border: none;
    margin-right: 4px;
}

.order #sod_frm_paysel .naverpay_icon,
.order #sod_frm_paysel .kakaopay_icon {
    background: unset;
    text-indent: unset;
    border: 1px solid rgba(25, 25, 25, 0.5) !important;
}

.shop .order .payment-method .btn-payment {
    border: 1px solid rgba(25, 25, 25, 0.5) !important;
    border-radius: 50px !important;
}

.shop .order .payment-method .btn-payment:hover {
    color: inherit;
    filter: none;
    background-color: #e2e2e2;
}

.order #sod_frm_paysel .naverpay_icon:hover,
.order #sod_frm_paysel .kakaopay_icon:hover,
.order #sod_frm_paysel .naverpay_icon.on,
.order #sod_frm_paysel .kakaopay_icon.on {
    background-color: #e2e2e2 !important;
    filter: none !important;
}

@media screen and (max-width:768px) {
    .shop .order .payment-method .btn-payment:hover {
        filter: none !important;
        /* background-color: none !important; */
    }

    .shop .order .payment-method .btn-payment.on {
        filter: none;
        background-color: #e2e2e2;
        color: inherit;
    }
}

label[for="od_settle_card"] {
    color: #5F34B9 !important;
}

label[for="od_settle_bank"] {
    color: #107561 !important;
}

label[for="od_settle_iche"] {
    color: #794925 !important;
}

label[for="od_settle_vbank"] {
    color: #2264CA !important;
}

label[for="od_settle_hp"] {
    color: #000 !important;
}

label[for="od_settle_nhnkcp_naverpay"] {
    color: #0F6D24 !important;
}

label[for="od_settle_nhnkcp_kakaopay"] {
    color: #A76223 !important;
}


.shop .order .payment-method .btn-check:checked+.btn {
    background-color: #e2e2e2;
    color: inherit;
    filter: none;
}

#show_req_btn .btn.btn-default {
    width: 100%;
}

@media screen and (max-width:980px) {
    #sod_frm_paysel {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:768px) {
    #sod_frm_paysel {
        margin-bottom: 20px;
    }

    #display_pay_button {
        justify-content: center;
        width: 100%;
    }

    #show_req_btn {
        width: 50%;
    }

    #show_pay_btn {
        width: 50%;
    }
}

.ma_c_3_mb_swi_group .swiper-button-next,
.ma_c_3_mb_swi_group .swiper-button-prev {
    top: 30%;
}

@media screen and (max-width:1250px) {

    .m_swiper .cont_bx .ophtecs,
    .cat_list .cont_bx .ophtecs {
        box-shadow: none;
        border: 1px solid #e9e9e9;
    }

    .m6_nav {
        gap: 16px;
    }

    .ma_c_1 .tbx p.on span::after {
        width: 100%;
    }
}

/* 20250306 아이콘 깨짐 수정 */

.breadcrumb {
    align-items: center;
}

.breadcrumb-item+.breadcrumb-item {
    padding: 0 4px 0 4px;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(/img_jw/ico_breadcrumb.svg) center center/100% no-repeat;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0;
    margin-right: 6px;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item a>i {
    margin-top: 0;
}

.xi-heart-o:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(/img_jw/ico_heart.png?v=3) center center/100% 100% no-repeat;
}

.xi-cart-o:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url(/img_jw/ico_cart.png?v=2) center center/100% 100% no-repeat;
}

.btn_wish:hover,
.btn_cart:hover {
    filter: unset;
}

.ha_ca_bx:hover .xi-heart-o:before,
.btn_wish:hover .xi-heart-o:before {
    background: url(/img_jw/ico_heart_on.png) center center/100% 100% no-repeat;
}

.add-to-cart-button:hover .xi-cart-o:before,
.btn_cart:hover .xi-cart-o:before {
    background: url(/img_jw/ico_cart_on.png) center center/100% 100% no-repeat;
}

.add-to-cart-button:hover,
.add-to-cart-button:focus {
    transform: unset;
}

.xi-home-o:before {
    width: 18px;
    height: 18px;
    display: block;
    content: '';
    background-image: url(/theme/bioclen/img/ic_home.svg);
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 6px;
}

.cat_nav_arr {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: url(/img_jw/ico_breadcrumb_w.svg) center center/100% 100% no-repeat;
}

.sit-ov .sit-sel-option button.sit_qty_minus {
    display: flex;
    align-items: center;
    justify-content: center;
}

.xi-minus-circle-o,
.xi-plus-circle-o {
    position: relative;
}

.xi-minus-circle-o:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/img_jw/ico_minus.svg) center center/100% 100% no-repeat;
}

.xi-plus-circle-o:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/img_jw/ico_plus.svg) center center/100% 100% no-repeat;
}

@media screen and (max-width: 1250px) {
    .member {
        padding: 50px 20px 0;
    }

    .mb_search_group {
        justify-content: center;
    }
}

.cat_grid_tit .cat_grid_tit1_1 .ma_tit {
    margin-bottom: 10px;
}

@media screen and (max-width: 1250px) {
    .cat_grid_tit .cat_grid_tit1_1 .ma_tit {
        font-size: 22px;
    }
}

@media screen and (max-width:1250px) {
    .sit-ov .sit-sel-option .sit_opt_subj {
        font-size: 16px;
        line-height: 30px;
    }

    .cat_list_review_list .c_l_r_l_3 {
        font-size: 15px;
        line-height: 24px;
    }

    .cat_list_review_list .c_l_r_l_3 img {
        margin-top: 10px;
    }

    .sit-info .itemuse .rate-count::after {
        display: none;
    }

    .review_tit {
        padding-top: 30px;
    }
}

.xi-trash-o:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/img_jw/ico_productDel.svg) center center/100% 100% no-repeat;
}

.sit-ov .sit-sel-option li .opt_name {
    padding-right: 30px;
}

.sit-info .nav-tabs .nav-link .badge {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sit-info .nav-tabs .nav-link {
    display: flex;
    align-items: center;
    gap: 4px;
}

@media screen and (max-width:480px) {
    .sit-info .nav-tabs .nav-link .badge {
        font-size: 0.5rem;
    }
}