/* 공지사항 */
.notice_box_wrap2 {padding: 20px 0 100px;}
.notice_box_wrap .notice_box {border-bottom: 1px solid #DFDFDF;}
.notice_box_wrap .notice_box:last-child {border-bottom: none;}
.notice_box a {display: block;padding: 25px 0;font-size: 16px;font-weight: 400;}
.notice_box a h2 {font-weight: 400;}
.notice_box_inner {display: flex;gap:10px;}
.notice_box_left {display: flex;width: 80%;justify-content: space-between;}
.notice_box_left > div {display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.notice_box_left .notice_num {width: 10%;text-align: center;}
.notice_box_left .notice_title {width: 80%;justify-content: flex-start;}
.notice_right {width: 20%;display: flex;justify-content: flex-end;}

.notice_mob {display: none;}
.notice_logo {padding: 15px 20px;background: #844CCF;margin-top: 20px;}
.notice_logo img {max-width: 75px;}

.notice_view_box_wrap {margin-top: 0;border-top: 1px solid #DFDFDF;}
.notice_view_wrap {padding-bottom: 100px;}
.notice_view_top {padding: 30px 20px;}
.notice_view_title {font-size: 18px;font-weight: 700;}
.notice_view_date {font-size: 16px;color: #999;margin-top: 15px;display: inline-block;}
.notice_view_cont {padding: 30px 20px;font-size: 16px;font-weight: 500;}
/* .notice_view_cont p {margin-bottom: 40px;} */
.notice_view_cont p:last-child {margin-bottom: 0;}
.notice_view_btn_wrap {width: 100%;max-width: 400px;margin: 80px auto 0;}

.notice_title_wrap {padding: 40px 0;
    .mypage_title {font-size: 22px;font-weight: 700;color: #000;}

    .notice_tab_wrap {display: flex;margin-top: 40px;
        .notice_tab_box {font-size: clamp(15px, 0.93vw, 18px);font-weight: 500;color: #4a4a4a;margin-right: 18px;padding-right: 18px;position: relative;cursor: pointer;
            &.active {color: #844CCF;font-weight: 700;}
        }
        .notice_tab_box::after {content:"";width: 1px;height: 15px;position: absolute;top:50%;right: 0;transform: translateY(-50%);background: #dfdfdf;}
        .notice_tab_box:last-child {padding-right: 0;margin-right: 0;}
        
    }
}

.notice_empty {font-size: 16px;text-align: center;padding: 40px 0;color: #666;}

.review_wrap {padding: 30px 0 80px;}
.review_top {display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #F2F2F2;
    .review_total {font-size: 16px;font-weight: 500;width: calc(100% - 110px);
        .count {color: #844CCF;font-weight: 600;}
    }
    .register_btn {padding: 12px 10px;line-height: 1;font-size: 14px;font-weight: 500;color: #fff;border-radius: 6px;display: flex;align-items: center;justify-content: center;background: #844CCF;}
}
.review_content_wrap {padding: 20px 0 0;display: flex;flex-direction: column;}
.review_tab_wrap {display: flex;gap:10px;
    .review_tab_box {padding: 14px 10px;line-height: 1;border-radius: 20px;border:1px solid #ededed;display: flex;align-items: center;justify-content: center;font-size: clamp(14px, 0.83vw, 16px);font-weight: 500; color: #8b8b8b;min-width: 75px;cursor: pointer;
        &.active {background: #38373A;color: #fff;border:1px solid #38373A;}
    }
}

.review_list_wrap {display: flex;flex-wrap:wrap;gap:40px;margin-top: 30px;}
.review_item_box {width: calc(50% - 20px);}
.review_item {display: flex;align-items: center;width: 100%;gap:0 14px;
    .review_thumb {width: 90px;height: 110px;display: flex;align-items: center;justify-content:center;border-radius:4px;overflow: hidden;
        img {width: auto;height: auto;min-width: 100%;min-height: 100%;}
    }
    .review_info {width: calc(100% - 105px);display: flex;flex-direction:column;gap:10px 0;
        .store_name {font-size: 12px;font-weight: 500;color: #844CCF;}
        .review_title {font-size: 15px;font-weight: 600;}
        .review_contents {font-size: 14px;color: #4a4a4a;line-height: 1.3;}
        .review_counts {font-size: 12px;color: #969696;display: flex;gap:0 12px;
            .count_box {
                display: flex;align-items:center;gap:0 4px;
                i {
                    background-repeat: no-repeat;background-position: center;width: 13px;height: 13px;display: inline-block;
                    &.view_cnt {background-image: url('/images/rv_view_icon.png');background-size: 13px 8px;}
                    &.wish_cnt {background-image: url('/images/rv_wish_icon.png');background-size: 11px 10px;}
                }
            }
        }
    }
}
.more_btn {width: 100%;max-width: 400px;height: 50px;border-radius:10px;border:1px solid #e7e7e7;font-size: 16px;font-weight: 500;margin: 45px auto 0;}

.review_detail_top {padding: 30px 20px;border-top: 1px solid #DFDFDF;display: flex;align-items: center;justify-content: space-between;
    .review_dt_left {display: flex;flex-direction: column;gap:11px 0;
        .store_name {font-size: clamp(12px, 0.72vw, 14px);font-weight: 500;color: #844CCF;}
        .review_detail_title {font-size: 18px;font-weight: 700;}
        .review_detail_time {font-size: clamp(13px, 0.83vw, 16px);color: #999;}
    }
}
.reveiw_btn_wrap {display: flex;
    .review_detail_btn {font-size: 12px;font-weight: 500;color: #242424;display: flex;align-items:center;gap:0 8px;
        i {width: 13px;height: 13px;display: inline-block;background-position: center;background-size: 12px auto;background-repeat: no-repeat;
            &.update {background-image: url('/images/rv_up_icon.png');}
            &.delete {background-image: url('/images/rv_del_icon.png');}
        }
    }
    .review_detail_btn:first-child {margin-right: 20px;padding-right: 20px;position: relative;}
    .review_detail_btn:first-child::after {content:"";width: 1px;height: 15px;background: #DFDFDF;position: absolute;top:50%;transform:translateY(-50%);right: 0;}
}

.review_detail_bottom {padding: 20px 20px 50px;border-top: 1px solid #DFDFDF;}
.rv_bottom_top {display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;
    .rv_bt_info_wrap {display: flex;gap:0 12px;}
    .rv_bt_info_box {font-size: 14px;font-weight: 500;color: #969696;display: flex;gap:0 6px;
        i {display: inline-block;background-repeat: no-repeat;background-position: center;width: 16px;height: 13px;
            &.view_cnt {background-image: url('/images/rv_view_icon.png');background-size: 16px 10px;}
            &.wish_cnt {background-image: url('/images/rv_wish_icon.png');background-size: 13px 12px;}
        }
    }
    .rv_bt_btn_wrap {display: flex;gap:0 20px;
        .rv_bt_btns {width: 18px;height: 18px;background-repeat: no-repeat;background-size: 100%;background-position: center;
            &.rv_bt_share {background-image: url('/images/rv_share_icon.png');}
            &.rv_bt_wish {background-image: url('/images/rv_wish_off_icon.png');
                &.active {background-image: url('/images/rv_wish_on_icon.png');}
            }
        }
    }
}
.rv_bottom_content {font-size: 16px;font-weight: 500;}

.sub_title {font-size: 16px;font-weight: 500;margin-top: 40px;}

.reivew_form_wrap {padding: 40px 0;}
.reivew_form_inner {width: 100%;max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;gap:24px 0;}

.review_form_box {display: flex;align-items: center;justify-content: space-between;gap:0 20px;
    .review_form_label {width: 150px;font-size: clamp(14px, 0.83vw, 16px);font-weight: 700;display: flex;align-items:flex-start;gap:0 5px;
        .req {display: inline-block;background: #FD5858;width: 4px;height: 4px;border-radius: 1px;}
    }
    .review_form_ipt {width: calc(100% - 170px);
        select {width: 100%; -webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none; /* 화살표 없애기 */background: url("/images/down_arr.png") no-repeat calc(100% - 20px) 50% / 10px #F8F8F8;}

        textarea {width: 100%;resize: none;height: 360px;padding: 15px;}
    }

    &.ver2 {flex-direction: column;gap:16px 0;
        .review_form_label {width: 100%;}
        .review_form_ipt {width: 100%;}
    }
}
.reivew_chk_wrap {display: flex;justify-content: flex-end;width: 100%;gap: 0 14px;
    .review_chk_box {position: relative;
        .review_chk {width: 1px;height: 1px;opacity: 0;position: absolute;bottom:0;left: 0;}
        .review_chk + label {font-size: 14px;color: #4a4a4a;font-weight: 500;padding-left: 26px;display: flex;align-items: center;line-height: 20px;cursor: pointer;}
        .review_chk + label::before {content:"";background-image: url('/images/move_chkbox.png');background-repeat: no-repeat;background-size: 20px;background-position: center;width: 20px;height: 20px;position: absolute;top:0;left: 0;}
        .review_chk:checked + label::before {background-image: url('/images/move_chkbox_on.png');}
    }
}

.review_btn_wrapper {margin-top: 120px;}
.review_btn_wrap {display: flex;gap:10px;
    .left {width: 100%;max-width: 320px;}
    .right {width: calc(100% - 330px);}
}

@media(max-width:760px){
    /* 공지사항 */
    .notice_main_wrapper {padding-top: 50px;}
    .notice_view_wrapper {padding: 50px 0 70px;}
    .notice_title_wrap {padding: 0;
        .mypage_title {display: none;}
        .sub_title {display: none;}

        .notice_tab_wrap {margin: 0 -20px;border-bottom: 1px solid #DBDBDB;
            .notice_tab_box {width: 50%;height: 46px;display: flex;align-items: center;justify-content: center;padding-right: 0;margin-right: 0;position: relative;
            }
            .notice_tab_box:last-child::after {display: block;}
            .notice_tab_box.active::after {content:"";width: 100%;height: 2px;background: #844CCF;position: absolute;bottom:-2px;left: 0;top:auto;}
            
        }
    }
    

    .notice_wrapper {margin-top: 0;}
    .notice_box_wrap2 {padding: 0 0 20px;}
    .notice_bar {display: none;}
    .notice_box_inner {flex-direction: column;gap:0;}
    
    .notice_box_left {width: 100%;}
    .notice_box_left .notice_num {display: none;width: 100%;}
    .notice_box_left .notice_title {width: 100%;padding: 0;font-size: 15px;font-weight: 700;margin-bottom: 10px;}
    .notice_right {width: 100%;justify-content: flex-start;font-size: 14px;font-weight: 500;color: #999999;}

    .notice_mob {display: block;}
    .notice_view_wrap {padding-bottom: 50px;}
    .notice_view_title {font-size: 16px;}
    .notice_view_top {padding: 30px 0;}
    .notice_view_box_wrap {margin-top: 0;border-top: none;}
    .notice_view_date {font-size: 15px;}
    .notice_view_cont {font-size: 15px;padding: 0 0 30px;}
    .notice_view_cont p {word-break: keep-all;}
    .notice_view_btn_wrap {width: 100%;position: fixed;bottom:0;left: 0;max-width: inherit;min-width: 280px;margin: 0;}
    .notice_view_btn_wrap a {border-radius: 0;}


    .review_list_wrap {flex-direction: column;gap:28px 0;}
    .review_item_box {width: 100%;}
    .review_item {gap:0 12px;
        .review_thumb {width: 74px;height: 86px;}
        .review_info {width: calc(100% - 86px);gap:8px 0;
            
            .review_contents {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
            
        }
    }

    .review_tab_wrap {margin: 0 -20px;overflow: auto;padding: 0 20px;}
    .review_tab_wrap::-webkit-scrollbar {display: none;}

    .review_detail_top {border-top:none;padding: 25px 0 0;}
    .review_dt_left {width: 100%;}
    .reveiw_btn_wrap {display: none;}

    .review_detail_bottom {border-top: none;padding: 0;}
    .rv_bottom_top{
        justify-content: flex-end;
        .rv_bt_info_wrap {display: none;}
    }

    .reivew_form_inner {gap:30px 0;}
    .review_form_box {flex-direction: column;gap:10px 0;
        .review_form_label {width: 100%}
        .review_form_ipt {width: 100%;}
    }
    .reivew_chk_wrap {justify-content: flex-start;}
    .review_btn_wrapper {margin: 0;position: fixed;bottom:0;width: 100%;left: 0;gap:0;
        .review_btn_wrap{gap:0;
            .left {width: 130px;border-radius: 0;background: #fff;}
            .right {width: calc(100% - 130px);border-radius: 0;}
        }
    }
}