@charset "utf-8";

.member_page {margin: 230px auto 170px;}
.member_page .myInfo {display:table-cell;width:1360px;height:205px;background: #f8f8f8;vertical-align: middle;}
.member_page .myInfo .myName {margin-bottom:14px;font-size:22px;color:#2c2c2c}
.member_page .myInfo .myEmail {font-size:15px;color:#9b8053}
.member_page .board_content {text-align:center;margin-bottom:75px}
.board_content .link a {position: relative;top: 7px;float: right;padding: 7px 28.5px; border: 1px solid #c3c3c3;border-radius: 4px;font-size:15px; color:#2c2c2c}
.board_content .star {display: inline-block; position: relative; left: 5px; top: 3px; color: #c90b2a;}
.member_page .mypage .link a {padding: 7px 40px;}
.member_page h1 {float:left;margin-bottom:24px}
.member_page .mypage th, .member_page .mainArea .th {font-size: 16px; font-weight: 500; background: #f8f8f8; text-align:left; padding: 15px;}
.member_page .mypage td, .member_page .mainArea td {text-align:left; padding: 15px; height:50px}
.member_page .list_table {margin-top:20px}
.member_page .fwrap {display: flex!important;align-items: center!important;}
.member_page input[type="text"], .member_page  input[type="password"], .member_page select {width: 50%; height: 44px; border: 1px solid #e2e2e2;}
.member_page .mainArea input[type="text"], .member_page input[type="password"] {width: 100%;}
.member_page .mainArea select{width: 100%;}
.member_page .fwrap {width:50%}
.member_page .fwrap p {flex: 1}
.member_page .fwrap p+p { margin-left: 10px;}
.member_page .fwrap input[type="text"], select {width:100%}
.list_table .nBooking {padding: 7px 28.5px; border: 1px solid #c3c3c3; border-radius: 4px; font-size: 15px; color: #2c2c2c; width: 185px; margin: 20px auto 40px;}
.list_table td p {margin-top:35px}
.mainArea input[type="text"] {width:50% !important;}
.mainArea input[type="password"] {width:50%}
.mainArea .fwrap input[type="text"] {width:100% !important;}

.member_page .member_content {margin:0px auto 170px;}
.backgroundEdit input[type="text"], .backgroundEdit select {width: 50%; height: 35px;}
.backgroundEdit, .backgroundView {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;

    /* 숨기기 */
    z-index: -1;
    opacity: 0;
}

.show {
    opacity: 1;
    z-index: 1000;
    transition: all 0.5s;
}

.window {
    position: relative;
    width: 100%;
    height: 100%;
}

.popup {
    position: absolute;
    width:1270px;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);

    /* 초기에 약간 아래에 배치 */
    transform: translate(-50%, -40%);
}
.popup .board_content {width:100%;margin-bottom:50px}
.popup .list_table {width: 1100px;margin: 60px auto 41px}
.popup_close {position: absolute; top: 0px; right: 0px; background: #2f2f2f; cursor: pointer;}
.show .popup {transform: translate(-50%, -50%); transition: all 0.5s;}