@charset "utf-8";


.p_mypage .m_top {
    margin-bottom: 30px;
}
.p_mypage .innerFlex {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    gap: 2%;
}
.p_mypage .m_top_nav{
    display:none
}
.p_mypage .left_nav ul li {
    margin-bottom: 11px;
    max-width: 290px;
    cursor: pointer;
    color: #555555;
    width: fit-content;
}
    .p_mypage .left_nav ul li:hover {
        color: #9F0827;
    }
.p_mypage .right_cont {
    max-width: 1150px;
    width: 80%;
}
    .p_mypage .right_cont.info_off {
        display: none;
    }
    .p_mypage .right_cont.info_off.on {
        display: block;
    }
    .p_mypage .right_cont .df_tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        .p_mypage .right_cont .df_tit .info_btn {
            width: 215px;
            height: 48px;
            line-height: 48px;
            border: 1px solid #AAAAAA;
            text-align: center;
            cursor: pointer;
            border-radius: 10px;
        }
    .p_mypage .right_cont .optionBox {
        width: 100%;
        max-width: 1150px;
        border: 1px solid #DFDFDF;
        box-sizing: border-box;
        padding: 31px;
        display: flex;
        justify-content: center;
        gap: 20px;
        border-radius: 20px;
        flex-wrap: wrap;
    }
            .p_mypage .right_cont .optionBox.point {
                justify-content:space-between;
            }
                .p_mypage .right_cont .optionBox.point > div {
                    width: 100%;
                }
                    .p_mypage .right_cont .optionBox.point > div.df {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        gap: 100px;
                    }
                    .p_mypage .right_cont .optionBox.point > div p span {
                        vertical-align: baseline;
                    }
            .p_mypage .right_cont .optionBox select {
                width: 200px;
                border: 1px solid #DFDFDF;
                padding: 8px 10px;
                box-sizing: border-box;
                background: url('../images/icon/ic_down_g.png') center right 10px;
                background-repeat: no-repeat;
                height: 36px;
                border-radius:10px;
            }
        .p_mypage .right_cont .optionBox .searchBox {
            justify-content: center;
            display: flex;
            align-items: center;
            width: 520px;
            height: 56px;
            border: 1px solid #999999;
            border-radius: 10px;
        }
            .p_mypage .right_cont .optionBox .searchBox input {
                height: 56px;
                padding: 10px;
                box-sizing: border-box;
                width: 89%;
                border-radius: 10px 0 0 10px;
            }
                .p_mypage .right_cont .optionBox .searchBox > div {
                    width: 55px;
                    border-left: 1px solid #999999;
                    height: 56px;
                    cursor: pointer;
                    padding: 15px 16px;
                    box-sizing: border-box;
                }
                    .p_mypage .right_cont .optionBox .searchBox > div img{
                        width:24px;
                        height:auto;
                    }
                    .p_mypage .right_cont .radioBox {
                        display: flex;
                    }
                        .p_mypage .right_cont .radioBox label input {
                            width: 60px;
                            height: 36px;
                            padding: 8px 10px;
                            cursor: pointer;
                            position: relative;
                            border: 1px solid #DFDFDF;
                        }
                            .p_mypage .right_cont .radioBox label input.today{
                                border-radius:10px 0 0 10px;
                            }
                            .p_mypage .right_cont .radioBox label input.c_month {
                                border-radius: 0 10px 10px 0;
                            }

                            .p_mypage .right_cont .radioBox input:before {
                                content: "";
                                position: absolute;
                                top: 49%;
                                left: 50%;
                                transform: translate(-50%,-50%);
                                color: #000000;
                                font-size: 1.6rem;
                                font-weight: 400;
                                width: 100%;
                                text-align: center;
                            }

            .p_mypage .right_cont .radioBox label input:checked {
                border: 1px solid #9F0827;
            }

            .p_mypage .right_cont .radioBox label input span {
                position: absolute;
                top: 50%;
                left: 50%;
                color: #555555;
            }

            .p_mypage .right_cont .radioBox label input:checked:before {
                color: #9F0827;
            }

            .p_mypage .right_cont .radioBox label input.today:before {
                content: "오늘";
            }

            .p_mypage .right_cont .radioBox label input.a_month:before {
                content: "1개월";
            }

            .p_mypage .right_cont .radioBox label input.b_month:before {
                content: "3개월";
            }

            .p_mypage .right_cont .radioBox label input.c_month:before {
                content: "6개월";
            }

                        .p_mypage .right_cont .radioBox label input.en_today:before {
                            content: "today";
                        }

                        .p_mypage .right_cont .radioBox label input.en_a_month:before {
                            content: "1 Month ";
                        }

                        .p_mypage .right_cont .radioBox label input.en_b_month:before {
                            content: "3 Month ";
                        }

                        .p_mypage .right_cont .radioBox label input.en_c_month:before {
                            content: "6 Month ";
                        }
        .p_mypage .right_cont .dateBox {
            display: flex;
            align-items:center;
            gap:10px;
        }
            .p_mypage .right_cont .dateBox input {
                border: 1px solid #DFDFDF;
                padding: 8px 10px;
                height: 36px;
                box-sizing: border-box;
                font-size: 1.6rem;
                font-weight: 400;
                color:#888888;
                width:162px;
                border-radius:10px;
            }
    .p_mypage .right_cont .optionBtn {
        padding: 0 15px;
        height: 36px;
        text-align: center;
        line-height: 37px;
        cursor: pointer;
        background: #9F0827;
        border-radius: 10px;
    }
.p_mypage .right_cont .mo_table {
    display: none;
}
.p_mypage .right_cont table {
    border-collapse: collapse;
    width: 100%;
}
        .p_mypage .right_cont table thead tr td {
            border-top: 1px solid #666666;
            border-bottom: 1px solid #DFDFDF;
            padding: 16.5px 0px 15.5px;
            text-align:center;
        }
    .p_mypage .right_cont table tbody tr{
        cursor:pointer;
    }
    .p_mypage .right_cont table tbody tr td {
        padding: 13px 10px 14px;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #DFDFDF
    }
            .p_mypage .right_cont table tbody tr td:first-child{
                width:9%;
            }
            .p_mypage .right_cont table.no_p tbody tr td:first-child {
                width: 12%;
            }
            .p_mypage .right_cont table tbody tr td.subtext_m {
                padding: 5px 0px;
                width: 9%;
            }
        .p_mypage .right_cont table tbody tr td.revBox_a {
            width: 8%;
        }
                .p_mypage .right_cont table tbody tr td.subtext_m p {
                    border: 1px solid #888888;
                    padding: 5px 0px;
                    width: 80px;
                    margin: 0 auto;
                    box-sizing: border-box;
                }
            .p_mypage .right_cont .dvBox_a p {
                background: #000;
                color: #fff;
                border: 1px solid #000;
            }
            .p_mypage .right_cont .dvBox_b p {
                background: #555555;
                color: #fff;
                border: 1px solid #555555;
            }
            .p_mypage .right_cont .dvBox_c p {
                background: #ffffff;
                color: #888888;
                border: 1px solid #888888;
            }
        .p_mypage .right_cont .dvBox_d p {
            background: #ffffff;
            color: #000;
            border: 1px solid #000 !important;
        }

            .p_mypage .right_cont .clBox_a p {
                background: #ffffff;
                color: #000;
                border: 1px solid #000;
                cursor:pointer;
            }
        .p_mypage .right_cont .clBox_b p {
            background: #ffffff;
            color: #000;
            border: 1px solid #000;
            cursor: pointer;
        }

    .p_mypage .right_cont .pcBox_a p {
        background: #9F0827;
        color: #fff;
        border: 1px solid #9F0827 !important;
    }
            .p_mypage .right_cont .pcBox_b p {
                background: #ffffff;
                color: #9F0827;
                border: 1px solid #9F0827 !important;
            }
            .p_mypage .right_cont .pcBox_c p {
                background: #ffffff;
                color: #888888;
                border: 1px solid #888888;
            }

        .p_mypage .right_cont .revBox_a p {
            background: #ffffff;
            color: #000000;
            border: 1px solid #000000;
            cursor: pointer;
        }
        .p_mypage .right_cont .revBox_b p {
            background: #ffffff;
            color: #9F0827;
            border: 1px solid #9F0827;
            cursor: pointer;
        }


/*input type_date 커스텀*/
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    appearance: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../images/icon/icon_date.png') no-repeat 100% 50%;
    width: 26px;
    height: 36px;
    border-width: thin;
    border-left: 1px solid #DFDFDF;
    cursor:pointer;
}



/* 탭 스타일 */
.p_mypage .tab_item {
    width: fit-content;
    margin-right:40px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #888888;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.p_mypage #all_content {
    display: block;
}
.p_mypage #all_content .tab_item {
    width: fit-content;
    margin-right: 40px;
    height: 26px;
    line-height: 26px;
}

.p_mypage input[name="tab_item"] {
    display: none;
}

.p_mypage .tab_content {
    display: none;
    clear: both;
}



.p_mypage .bot_review input:checked + .tab_item {
    font-weight: 500;
    color: #000000;
}
/* 모바일 bot_review.all_mo */
.p_mypage .bot_review.all_mo{
    display:none;
}
    .p_mypage .bot_review.all_mo .mo_bot_select {
        width: 75px;
        position: relative;
        background: url('../images/icon/ic_down_g.png') center right 10px;
        background-repeat: no-repeat;
        font-size: 16px;
        font-weight: 500;
        margin-top: -40px;
    }
        .p_mypage .bot_review.all_mo .mo_bot_select.notice {
            float:right;
        }
        /* 1-1문의 inq_table */
        .p_mypage .bot_review .inq_table_tit li {
            border-top: 1px solid #666666;
            border-bottom: 1px solid #DFDFDF;
            padding: 16.5px 0px 15.5px;
            display: flex;
            justify-content: space-between;
            text-align: center;
        }
.p_mypage .bot_review .inq_table_cont li {
    text-align: center;
    padding: 0;
}
    .p_mypage .bot_review .inq_table_cont li .titBox {
        border-bottom: 1px solid #DFDFDF;
        display: flex;
        align-items: center;
        padding: 14px 0px 14px;
        justify-content: space-between;
    }

        .p_mypage .bot_review .inq_table_cont li .titBox:hover {
            background: #F7F7F7;
            cursor: pointer;
        }
        .p_mypage .bot_review .inq_table_cont li .titBox.on {
            background: #F7F7F7;
        }
    .p_mypage .bot_review .inq_table_cont li .QABox {
        display: none;
        text-align: left;
        border-bottom: 1px solid #DFDFDF;
    }
    .p_mypage .bot_review .inq_table_cont li .QABox.on {
        display: block;
    }
            .p_mypage .bot_review .inq_table_cont li .QABox .Qbox {
                padding: 35px 38px;
                box-sizing: border-box;
            }
                .p_mypage .bot_review .inq_table_cont li .QABox .Qbox .img {
                    display: flex;
                    justify-content: flex-start;
                    margin-top: 40px;
                    gap: 2%;
                }
                    .p_mypage .bot_review .inq_table_cont li .QABox .Qbox .img p{
                        width:32%;
                        height:auto;
                        overflow:hidden;
                        max-height:200px
                    }
                        .p_mypage .bot_review .inq_table_cont li .QABox .Qbox .img p img {
                            width: 100%;
                            height: auto;
                            position: relative;
                            top: 50%;
                            transform: translateY(-50%);
                        }
            .p_mypage .bot_review .inq_table_cont li .QABox .Abox {
                padding: 35px 80px;
                border-top: 1px solid #DFDFDF;
                box-sizing: border-box;
            }
                .p_mypage .bot_review .inq_table_cont li .titBox img {
                    height: 75px;
                    width: auto;
                    margin-right: 5px;
                }
    .p_mypage .bot_review .inq_table_tit li div:nth-child(1),
    .p_mypage .bot_review .inq_table_cont li .titBox div:nth-child(1) {
        width: 10%;
        margin-right:2%;
    }

    .p_mypage .bot_review .inq_table_tit li div:nth-child(2),
    .p_mypage .bot_review .inq_table_cont li .titBox div:nth-child(2) {
        width: 63%;
        text-align: left;
    }

    .p_mypage .bot_review .inq_table_tit li div:nth-child(3),
    .p_mypage .bot_review .inq_table_cont li .titBox div:nth-child(3) {
        width: 10%;
    }

    .p_mypage .bot_review .inq_table_tit li div:nth-child(4),
    .p_mypage .bot_review .inq_table_cont li .titBox div:nth-child(4) {
        width: 15%;
    }

.p_mypage .bot_review .inq_table_tit.QA li div:nth-child(1),
.p_mypage .bot_review .inq_table_cont.QA li .titBox div:nth-child(1) {
    width: 10%;
    margin:0;
}

.p_mypage .bot_review .inq_table_tit.QA li div:nth-child(2),
.p_mypage .bot_review .inq_table_cont.QA li .titBox div:nth-child(2) {
    width: 12%;
    text-align:center;
}

.p_mypage .bot_review .inq_table_tit.QA li div:nth-child(3),
.p_mypage .bot_review .inq_table_cont.QA li .titBox div:nth-child(3) {
    width: 18%;
    margin-right:2%;
}

.p_mypage .bot_review .inq_table_tit.QA li div:nth-child(4),
.p_mypage .bot_review .inq_table_cont.QA li .titBox div:nth-child(4) {
    width: 44%;
    text-align: left;
}
.p_mypage .bot_review .inq_table_tit.QA li div:nth-child(5),
.p_mypage .bot_review .inq_table_cont.QA li .titBox div:nth-child(5) {
    width: 14%;
}
/* 고객센터 inq_table */
.p_mypage .bot_review .inq_table_cont {
    border-top: 1px solid #666666;
}
    .p_mypage .bot_review .inq_table_cont .titBox .i_arrow{
        cursor:pointer;
    }
        .p_mypage .bot_review .inq_table_cont .titBox .i_arrow img {
            height: 8px;
        }
            .p_mypage .bot_review .inq_table_cont .titBox .i_arrow img.on{
                transform:rotate(180deg);
            }
        .p_mypage .bot_review .inq_table_cont.cs_QA li .titBox div:nth-child(1){
            width: 95%;
            text-align:left;
            padding-left:2%;
            box-sizing:border-box;
        }
    .p_mypage .bot_review .inq_table_cont.cs_QA li .titBox div:nth-child(2) {
        width: 5%;
        padding-right: 2%;
        box-sizing: border-box;
    }
.p_mypage .bot_review.all_mo .inq_table_cont li {
    padding: 20px;
    box-sizing: border-box;
}
.p_mypage .bot_review.all_mo .inq_table_cont li .titBox {
    display: block;
}
.p_mypage .bot_review.all_mo .inq_table_cont li .titBox div:nth-child(1) {
    width: 100%;
    margin: 0;
}
    .p_mypage .bot_review.all_mo .inq_table_cont li .titBox .flex {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .p_mypage .bot_review.all_mo .inq_table_cont li .titBox .flex.wrap {
        flex-wrap: wrap;
        align-content: center;
    }
    .p_mypage .bot_review.all_mo .inq_table_cont li {
        text-align: left;
        padding: 0;
    }
    .p_mypage .bot_review.all_mo .inq_table_cont li .titBox {
        padding: 18px;
    }
        .p_mypage .bot_review.all_mo .inq_table_cont li .titBox .flex .imgBox {
            width: auto;
            max-width: 31%;
            max-height: 75px;
            height: auto;
            overflow: hidden;
        }
            .p_mypage .bot_review.all_mo .inq_table_cont li .titBox .flex .imgBox img {
                width: 100%;
                height: auto;
                position: relative;
                top: 50%;
                transform: translateY(-15%);
            }
        .p_mypage .bot_review.all_mo .inq_table_cont li .QABox .Qbox {
            padding: 24px 18px;
        }
            .p_mypage .bot_review.all_mo .inq_table_cont li .QABox .Qbox .img {
            margin:20px 0 10px;
            }
        .p_mypage .bot_review.all_mo .inq_table_cont li .QABox .Abox {
            padding: 30px 40px;
        }
/* -----------------------
        회원정보수정
---------------------------*/
.p_mypage .right_cont .userInfo {
    border-top: 1px solid #666666;
}
    .p_mypage .right_cont .userInfo li {
        padding: 20px 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #DFDFDF;
    }

    .p_mypage .right_cont .userInfo li>div:first-child{
        width:22%;
    }    
    .p_mypage .right_cont .userInfo li>div:last-child{
        width:78%;
    }
        .p_mypage .right_cont .userInfo li p.ctf_btn {
            width: 140px;
            border: 1px solid #000000;
            height:50px;
            line-height:50px;
            box-sizing:border-box;
            text-align:center;
            cursor:pointer;
        }

        .p_mypage .right_cont .userInfo li.no_p {
            padding: 10px 20px;
        }
        .p_mypage .right_cont .userInfo li > div.j_box.bd {
            display: flex;
            justify-content: space-between;
        }
            .p_mypage .right_cont .userInfo li > div.j_box.bd .radioBox{
                width:40%;
            }
                .p_mypage .right_cont .userInfo li > div.j_box.bd .radioBox label {
                    width: 50%;
                }
            .p_mypage .right_cont .userInfo li > div.j_box input {
                border: 1px solid #999999;
                padding: 12.5px 8px;
                box-sizing: border-box;
                width: 100%;
            }
        .p_mypage .right_cont .userInfo li > div.j_box .dbBox {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            align-items: center;
        }
            .p_mypage .right_cont .userInfo li > div.j_box .dbBox div {
                width: 170px;
                height: 50px;
                line-height: 50px;
                border: 1px solid #000000;
                text-align: center;
                cursor: pointer;
                box-sizing: border-box;
                padding:0;
            }
        .p_mypage .right_cont .userInfo li > div.j_box .num {
            gap: 5px;
            justify-content: flex-start;
        }

            .p_mypage .right_cont .userInfo li > div.j_box .birth {
                gap: 2px;
                justify-content: flex-start;
            }

                .p_mypage .right_cont .userInfo li > div.j_box .num .mr,
                .p_mypage .right_cont .userInfo li > div.j_box .birth .mr {
                    margin-right: 10px;
                }

            .p_mypage .right_cont .userInfo li > div.j_box .num input {
                width: 22%;
            }
        .p_mypage .right_cont .userInfo li > div.j_box .birth select {
            width: 120px;
            border: 1px solid #999999;
            padding: 14px 8px;
            box-sizing: border-box;
            border-radius: 10px;
        }

                .p_mypage .right_cont .userInfo li > div.j_box .num select {
                    border: 1px solid #999999;
                    padding: 15px 10px;
                    box-sizing: border-box;
                    width: 120px;
                }


        .p_mypage .right_cont .userInfo li > div.j_box .radioBox {
            display: flex;
            justify-content: flex-start;
        }

            .p_mypage .right_cont .userInfo li > div.j_box .radioBox label {
                width: 30%;
                height: 50px;
                margin-right: 12px;
            }
                .p_mypage .right_cont .userInfo li > div.j_box .radioBox label:last-child{
                    margin:0;
                }

                .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input {
                    width: 100%;
                    height: 50px;
                    cursor: pointer;
                    position: relative;
                    border: 1px solid #DFDFDF;
                }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input:before {
                        content: "";
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        color: #555555;
                        font-size: 1.8rem;
                        font-weight: 500;
                        width: 100%;
                        text-align: center;
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input:checked {
                        border: 2px solid #9F0827;
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input span {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        color: #555555;
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input:checked:before {
                        color: #9F0827;
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.ag:before {
                        content: "동의함";
                    }
                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.dsag:before {
                        content: "동의안함";
                    }
                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.sol:before {
                        content: "양력";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.lun:before {
                        content: "음력";
                    }
                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.man:before {
                        content: "남성";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.woman:before {
                        content: "여성";
                    }
                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.en_ag:before {
                        content: "Agree";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.en_dsag:before {
                        content: "Disagree";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.en_sol:before {
                        content: "Solar Calendar";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.en_lun:before {
                        content: "Lunar Calendar";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.en_man:before {
                        content: "Male";
                    }

                    .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input.en_woman:before {
                        content: "Female";
                    }

.p_mypage .right_cont .withdraw {
    width: 140px;
    height: 50px;
    border: 1px solid #888888;
    cursor: pointer;
    margin: 0 0 20px auto;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
}
.p_mypage .right_cont .bottom_btn {
    display: flex;
    justify-content: center;
    gap:10px;
}
    .p_mypage .right_cont .bottom_btn div {
        width: 25%;
        height: 58px;
        border: 2px solid #9F0827;
        line-height: 56px;
        box-sizing: border-box;
        text-align: center;
        cursor: pointer;
        border-radius: 10px;
    }
    .p_mypage .right_cont .bottom_btn div:last-child {
        background: #9F0827;
    }

    /*배송지 관리*/
.p_mypage .right_cont .delv_table thead tr td {
    padding: 16.5px 18px 15.5px;
    text-align:center;
    margin:0 auto;
}
.p_mypage .right_cont .delv_table tbody tr td:first-child {
    width: 1%;
}
.p_mypage .right_cont .delv_table tbody tr td{
    width: 6%;
}
    .p_mypage .right_cont .delv_table tbody tr td:nth-child(4) {
        width: 9%;
    }
.p_mypage .right_cont .delv_table tbody tr td:nth-child(5){
    width: 20%;
    text-align:left;
}
    .p_mypage .right_cont .delv_table tbody tr td:nth-child(6) {
        width: 4%;
    }
.p_mypage .right_cont table tbody tr td {
    padding: 13px 18px 14px;
}

.p_mypage .right_cont .delv_table tbody tr td .normal_ad {
    width: 35px;
    height: 22px;
    border: 1px solid #9F0827;
    text-align: center;
    line-height: 20px;
    margin-left: 5px;
    box-sizing: border-box;
    vertical-align: baseline;
    display:none;
}
.p_mypage .right_cont .delv_table tbody tr.check td .normal_ad {
    display: inline-block;
}


/*-------------------
       고객센터
  ------------------*/
.p_mypage .left_nav .custom_c {
    max-width: 230px;
    border: 1px solid #DFDFDF;
    padding: 18px 20px;
    box-sizing: border-box;
    min-width: 182px;
    border-radius:20px;
}

.p_mypage .right_cont .custom_table tbody tr td:first-child {
    width: 10%;
}

.p_mypage .right_cont .custom_table tbody tr td:nth-child(2) {
    text-align:left;
}

    .p_mypage .right_cont .custom_table tbody tr td:nth-child(3) {
        width: 16%;
    }

.p_mypage .right_cont .cus_class {
    width: 60px;
    height: 32px;
    border-radius: 4px;
    background: #9F0827;
    color:#fff;
    line-height:32px;
    margin:0 auto;
    box-sizing:border-box;
}

    .p_mypage .right_cont .cus_class.event {
        background: #fff;
        color: #9F0827;
        border: 1px solid #9F0827;
        line-height: 30px;
    }
.p_mypage .right_cont .notiWrap {
    border-top: 1px solid #666666;
}
    .p_mypage .right_cont .notiWrap .titBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }
    .p_mypage .right_cont .notiWrap .titBox .tit{
        width:80%;
        text-align:left;
    }
        .p_mypage .right_cont .notiWrap .titBox.next_b{
            cursor:pointer;
        }
        .p_mypage .right_cont .notiWrap .titBox.next_b .nt {
            margin-right: 2%;
        }
        .p_mypage .right_cont .notiWrap .titBox.next_b .tit {
            width: 76%;
        }
        .p_mypage .right_cont .notiWrap .titBox.next_b .nt img {
            width: 12px;
            height: auto;
            margin: 0 0 2px 2px;
        }
        .p_mypage .right_cont .notiWrap .titBox .cus_class {
            margin: 0;
        }
        .p_mypage .right_cont .notiWrap li {
            border-bottom: 1px solid #DFDFDF;
            padding: 12px 22px;
        }
    .p_mypage .right_cont .notiWrap .notiBox {
        padding: 22px;
        min-height: 200px;
    }


/*------------------------------
       개인정보 처리방침
  ----------------------------*/
.p_mypage .inner_rule .rule_table {
    width: 100%;
    border-top: 1px solid #666666;
    margin:10px 0;
}
.p_mypage .inner_rule .rule_table li{
    display:flex;
    justify-content:flex-start;
}
    .p_mypage .inner_rule .rule_table li div {
        width: 80%;
        padding: 17px 19px;
        box-sizing: border-box;
        border-bottom: 1px solid #DFDFDF;
    }
        .p_mypage .inner_rule .rule_table li div:first-child {
            width: 20%;
            background: #F5F5F5;
        }


/* pc */
@media screen and (max-width: 1400px) {
    .p_mypage .right_cont table tbody tr td.subtext_m {
        width: 10%;
    }
    .p_mypage .right_cont table tbody tr td:first-child {
        width: 10%;
    }
    .p_mypage .right_cont .userInfo li > div.j_box .birth select {
        width: 100px;
    }
    header .innerHeader .navWrap .title_m{
        font-size:19px;
    }
    header .innerHeader .navWrap .l_text_2l {
        font-size: 14.25px;
    }
}
/* 노트북 */
@media screen and (max-width: 1200px) {
    header .innerHeader .navWrap .l_text_2l {
        font-size: 13.5px;
    }
    header .innerHeader .navWrap .title_m {
        font-size: 18px;
    }
    .p_mypage .right_cont table tbody tr td.subtext_m {
        width: 11.5%;
    }
    .p_mypage .right_cont .radioBox label input {
        width: 45px;
    }
    .p_mypage .right_cont .optionBox select {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .p_mypage .right_cont .optionBox {
            gap: 10px;
        }
    .p_mypage .right_cont .dateBox input {
        width: 140px;
        padding: 8px 8px;
    }
    .p_mypage .right_cont .dateBox{
        gap:5px;
    }
    input[type="date"]::-webkit-calendar-picker-indicator {
        background: url('../images/icon/icon_date.png') no-repeat 100% 50%;
        width: 24px;
        height: 36px;
    }
    .p_mypage .right_cont table tbody tr td.subtext_m p {
        width: 65px;
    }
    .p_mypage .left_nav .custom_c .lgr_title_b {
        font-size:20px;
    }
    .p_mypage .right_cont .notiWrap .titBox .tit {
        width: 75%;
    }

    .p_mypage .right_cont .notiWrap .titBox.next_b .tit {
        width: 65%;
    }
    .p_mypage .right_cont .userInfo li > div.j_box .birth select {
        width: 70px;
    }
}
@media screen and (max-width: 850px) {
    html{
        font-size:10px;
    }
    .p_mypage .m_top {
        margin-bottom: 0px;
        padding-bottom: 20px;
        font-size: 24px;
    }
    .m_sec .inner{
        padding:40px 20px !important;
        box-sizing:border-box;
    }
    .p_mypage .right_cont{
        width:100%;
    }
    .p_mypage .innerFlex {
        display: block;
    }
    .p_mypage .m_top_nav {
        display: block;
        overflow: hidden;
    }

    .p_mypage .left_nav{
        display:none;
    }
    .p_mypage .m_top_nav li {
        width: 33.3333%;
        float: left;
        position: relative;
    }

        .p_mypage .m_top_nav li > label {
            display: block;
            width: 100%;
            height: 57px;
            line-height: 55px;
            color: #000;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            cursor: pointer;
            border-bottom: 1px solid #DFDFDF;
        }

        .p_mypage .m_top_nav li > input {
            display: none;
            box-sizing: border-box;
        }

            .p_mypage .m_top_nav li > input:checked ~ label {
                border-bottom: 3px solid #9F0827;
                color: #9F0827;
                height: 55px;
                line-height: 55px;
            }

            .p_mypage .m_top_nav li > input:checked ~ .tabCon {
                display: block;
            }

    .p_mypage .m_top_nav .tabCon {
        display: none;
        width: 300%;
        padding-top: 20px;
        padding-bottom: 60px;
    }
        .p_mypage .m_top_nav .tabCon.t2{
            margin-left:-100%;
        }
        .p_mypage .m_top_nav .tabCon.t3 {
            margin-left: -200%;
        }
        .p_mypage .m_top_nav .tabCon li {
            border: 1px solid #888888;
            color: #888888;
            text-align: center;
            height: 40px;
            line-height: 40px;
            margin-right: 6px;
            font-size: 16px;
            font-weight: 500;
            width: fit-content;
            border-radius: 10px;
        }
            .p_mypage .m_top_nav .tabCon li a {
                padding: 0 12px;
                width:100%;
                height:100%;
                display:block;
                box-sizing:border-box;
            }
            .p_mypage .m_top_nav .tabCon li.active,
            .p_mypage .m_top_nav .tabCon li:hover {
                background: #9F0827;
                border: 1px solid #9F0827;
                color: #fff;
            }
    .p_mypage .right_cont .optionBox {
        gap: 5px;
    }
    .p_mypage .right_cont .optionBox {
        flex-wrap: wrap;
        padding: 20px;
    }
        .p_mypage .right_cont .optionBox select {
            width: calc(100% - 225px);
            max-width: 200px;
        }
    .p_mypage .right_cont .radioBox label input {
        width: 55px;
    }
    .p_mypage .right_cont .dateBox input {
        width: 47%;
        font-size: 14px;
    }
    .p_mypage .right_cont .dateBox {
        justify-content: space-between;
        gap: 0;
        width: 80%;
    }
    .p_mypage .right_cont .optionBtn {
        width: calc(20% - 5px);
    }
    .p_mypage .right_cont table.no_p{
        display:none;
    }
    /*mo_table*/
    .p_mypage .right_cont .mo_table {
        display: block;
        border-top: 1px solid #666666;
    }

        .p_mypage .right_cont .mo_table li {
            border-bottom: 1px solid #DFDFDF;
            padding:20px;
        }
            .p_mypage .right_cont .mo_table li p{
                margin-bottom:5px;
            }
    .payList {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 7%;
    }
    .btnList {
        display: flex;
        justify-content: flex-start;
        gap: 5px;
    }
        .btnList p {
            text-align: center;
            padding: 6px 10px;
            min-width: 80px;
            border-radius: 10px;
        }

    .bot_review.all_pc{
        display:none;
    }
    .p_mypage .bot_review.all_mo {
        display: block;
    }

        .p_mypage .right_cont .optionBox.point > div {
            width: 100%;
        }
    .p_mypage .right_cont .optionBox.point > div.line:first-child {
        border-bottom: 1px solid #DFDFDF;
        border-right: none;
        padding-right: 0;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    .p_mypage .right_cont .all_mo .info_btn {
        width: 110px;
        height: 40px;
        line-height: 40px;
        font-size:16px;
    }
    .p_mypage .right_cont .all_mo .df_tit .m_title_m,
    .p_mypage .right_cont .pp_title_m.mo,
    .p_mypage .right_cont .optionBox.mo,
    .p_mypage .bot_review .m_title_m,
    .p_mypage .right_cont .m_title_m.mo{
        font-size: 18px;
        font-weight: 500;
    }
    .p_mypage .right_cont .userInfo li {
        flex-wrap: wrap;
        gap:10px;
    }
        .p_mypage .right_cont .userInfo li > div:first-child,
        .p_mypage .right_cont .userInfo li > div:last-child,
        .p_mypage .right_cont .userInfo li > div.j_box.bd .radioBox {
            width: 100%;
        }
        .p_mypage .right_cont .userInfo li > div.j_box input {
            padding: 11px 8px;
        }
        .p_mypage .right_cont .userInfo li.no_p {
            padding: 18px 20px;
        }
        .p_mypage .right_cont .userInfo li > div.j_box .dbBox div {
            height: 47px;
            line-height: 47px;
            font-size: 14px;
        }
        .p_mypage .right_cont .userInfo li > div.j_box .num input {
            width: 29%;
        }
        .p_mypage .right_cont .userInfo li > div.j_box .num select {
            padding: 13px 10px;
        }
        .p_mypage .right_cont .userInfo li > div.j_box .radioBox label {
            width: 50%;
        }
            .p_mypage .right_cont .userInfo li > div.j_box .radioBox label input:before {
                font-size: 14px;
            }
            .p_mypage .right_cont .userInfo li > div.j_box.bd {
                flex-wrap: wrap;
            }
            .p_mypage .right_cont .userInfo li > div.j_box.bd .radioBox{
                margin-top:12px;
            }
    .p_mypage .right_cont .withdraw {
        width: 80px;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
        margin: 0 0 40px auto;
    }
    .p_mypage .right_cont .bottom_btn div{
        width:50%;
    }
    .p_mypage .right_cont .bottom_btn{
        margin-bottom:40px;
    }
    .p_mypage .right_cont .notiWrap .titBox:first-child {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px;
        justify-content: flex-start;
    }
        .p_mypage .right_cont .notiWrap .titBox .tit{
            width:100%;
        }
    .p_mypage .right_cont .notiWrap .titBox.next_b .nt {
        font-size: 15px;
        width: 70px;
    }
    .p_mypage .right_cont .notiWrap .titBox:not(:first-child) .m_text_l.c_66 {
        display: none;
    }
    .p_mypage .right_cont .cus_class {
        width: 55px;
        height: 27px;
        line-height: 27px;
    }
        .p_mypage .right_cont .cus_class.event {
            width: 55px;
            height: 27px;
            line-height: 25px;
        }
    .p_mypage .right_cont .notiWrap .notiBox {
        padding: 35px 20px;
    }
    .p_mypage .right_cont .notiWrap .titBox.next_b .tit {
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        height: 20px;
        overflow: hidden;
        display: -webkit-box;
    }
    .p_mypage .right_cont .notiWrap li {
        padding: 12px 20px;
    }
    .p_mypage .right_cont .notiWrap .titBox .tit {
        width: 65%;
    }

    .p_mypage .right_cont .notiWrap .titBox.next_b .tit {
        width: 70%;
    }

    .p_mypage .right_cont .custom_table tbody tr td:nth-child(3) {
        width: 80px;
    }
    .p_mypage .right_cont .optionBox .searchBox input,
    .p_mypage .right_cont .optionBox .searchBox{
        height: 45px;
    }
        .p_mypage .right_cont .optionBox .searchBox > div {
            height: 45px;
            padding: 8px 15px;
            width:50px;
        }
    .p_mypage .right_cont .userInfo li > div.j_box .birth select {
        width: 105px;
    }
}
@media screen and (max-width: 750px) {
    header .innerHeader .navWrap .l_text_2l {
        font-size: 12.75px;
    }
    header .innerHeader .navWrap .title_m{
        font-size:17px;
    }
}
    /* 모바일 */
    @media screen and (max-width: 500px) {
        .p_mypage .right_cont .optionBox {
            padding: 16px 15px;
        }

        .p_mypage .right_cont .radioBox label input {
            width: 50px;
        }

        .p_mypage .right_cont .optionBox select {
            width: calc(100% - 205px);
        }

        .l_title_2l {
            font-size: 1.6rem;
        }

        .p_mypage .right_cont .optionBox.point > div p:first-child {
            font-size: 16px;
        }

        .p_mypage .right_cont .optionBox.point > div p:last-child {
            font-size: 22px;
        }

            .p_mypage .right_cont .optionBox.point > div p:last-child span {
                font-size: 26px;
            }

        .p_mypage .right_cont .notiWrap .titBox .tit {
            width: 55%;
        }

        .p_mypage .right_cont .notiWrap .titBox.next_b .tit {
            width: 60%;
            padding-left: 5px;
            box-sizing: border-box;
        }

        .p_mypage .right_cont .custom_table tbody tr td:nth-child(2) {
            padding: 13px 0px 14px;
        }

        .p_mypage .right_cont .optionBox .searchBox > div {
            padding: 10px 13px;
        }

        .p_mypage .right_cont .userInfo li > div.j_box .birth select {
            width: 60px;
        }

        .p_mypage .right_cont .notiWrap li {
            padding: 12px 10px;
        }
    }