/* 모달 */
.modal{/* display: none;  */position: fixed; z-index: 999; left: 0; top:0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.modal-container{width:auto; position: relative; margin: 0 auto; top: 50%; transform: translateY(-50%);  max-width: 1024px; background-color: #f5f5f5;
outline: none; height: auto; }
.modal-container h3{font-size: 24px; line-height: 1; padding: 30px 20px;}
.modal-bd{padding:24px 20px 30px }
.modal-body{width: 100%; margin: 0 auto; background-color: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.1); }
.modal-form{display: block; padding:20px; overflow-y: auto; max-height: 600px;}
.modal-form dl{width: 100%; display: table; padding:10px 0}
.modal-form dl dt{width: 10%; float: left; display: table-cell;}
.modal-form dl dd{width: 90%; float: left; display: table-cell; position: relative;}
.modal-form dl dd .input-text-box,.modal-form dl dd .input-text-box2{width: 100%; position: relative;}
.modal-form dl dd input{width: 100%;  padding:10px; border: 1px solid #dcdcdc;}
.modal-form dl dd textarea{width: 100%; height: 140px; max-height: 210px;border: 1px solid #dcdcdc; padding:10px;}
.modal-form dl dd span.each-delete{position: absolute; cursor: pointer; right: 10px; color:#d7a534; font-weight: 500; z-index: 999; top: 10px;}

.modal-button{width: 100%; padding: 30px 0 0 0 ; text-align: center;}
.modal-button button{width: 200px; padding:10px; display: inline-block;  }
.modal-button button:nth-child(1){background-color: #333; color:#fff; margin-right: 20px; cursor: pointer;}
.modal-button button:nth-child(2){border: 1px solid #333; color:#333; cursor: pointer;}

.file-button{border: 1px solid #aaa; padding:5px; display: inline-block; margin-top: 10px; border: none;
    width:80px; text-align: center; background-color: #333; color:#fff}
.modal-form .file-button.file-red{background-color: #d7a534;;}
.modal-form .file-button.file-gray{background-color: #ddd;}




/* 블라디보스톡 내용추가 */
.text-box{position: relative;}
.text-box .box_X{position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.btn_box{text-align: right;padding: 10px 0}
.btn_box span{cursor: pointer; padding-left: 10px;}
.btn_box span.red{color:#d91d1d}

/* 엑스버튼 */
.box_X { cursor: pointer;width:20px;height:20px;background-color:#FA6900;position:relative;border-radius:6px;/* box-shadow:2px 2px 4px 0 white; */}
.box_X:before,.box_X:after{content:'';position:absolute;width:14px;height:2px;background-color:white;border-radius:2px;top:9px;/* box-shadow:0 0 2px 0 #ccc; */}

.box_X:before{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:3px}
.box_X:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:3px}

/* 맴버 테이블 */
.member_table{width: 100%; table-layout: fixed; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.member_table th{text-align: left; background-color: #f5f5f5;}
/* .member_table th.mem-img{width: 100px; position: relative;} */
.member_table th{width: 130px; padding: 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.member_table td{padding: 10px; border-top: 1px solid #ddd;}
.member_table td input{width: 100%;     height: 30px;}
.member_table td.mem-img span{display: inline-block; cursor: pointer; box-sizing: border-box; border: 1px solid #aaa;  border: none;  padding: 7px 10px; background-color: #f1f1f1; border: 1px solid #ddd; border-radius: 5px; }
.member_table td.mem-img img{ max-height: 300px; width: 100%; object-fit: cover;}
.member_table td.memo textarea{width: 100%; min-height: 150px;}
.mem-img-button{padding-bottom: 20px;}
#thumnail_div{position: relative; width: 60%;}
#thumnail_div .edit{text-align: center; padding-top: 10px; display: none;}
#thumnail_div .edit button{background-color: #aaa; color: #fff; border-radius: 5px; padding: 5px 10px;}
.member_table td.mem-img span.file-span{background-color: #333; text-align: center;  color:#fff; width: 28px; height: 28px; font-size: 18px; line-height: 28px; padding: 0; border-radius: 0; left: 0; position: absolute; display: block; cursor: pointer;  }

.member_table + .member_table{padding-top: 15px;}


.member_table th span.star{color:#cc0e0e; padding-left: 5px;}

.modal-lang-tab {margin-bottom: 12px;}
.modal-lang-tab li{display: inline-block; margin-right: 12px; cursor: pointer;}


/* 2025-02-03 동의 */
.agree-modal .modal-body{max-height: 60vh; overflow-y: auto; color: #333;}

.login.agree .join_step_list{padding-bottom: 60px;}
.login.agree .join_formWrap{padding-bottom: 20px;}
.login.agree .login-title{font-family: 'Open Sans','Noto Sans KR','돋움', 'Dotum', sans-serif; word-break: keep-all; font-size: 40px;}
.agree .input-check em{word-break: keep-all;}
.agree .join_all_agree{padding: 40px 20px; margin-top: 40px;}
.join_all_agree{text-align: center; padding: 40px 20px; border-top: 1px dashed #ddd; }
.agree-box {padding: 120px 80px; border: 1px solid #ccc; position: relative;}
.agree-box img{max-width: 100%; position: relative; z-index: 1;}
.agree-box .box-bg-center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.agree-box.doc .box-bg-top{display: block; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 90%; height: 170px;} 
.agree-box.doc .box-bg-btm{display: flex; align-items: end; justify-content: center; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 90%; height: 170px; } 

.agree-box .toptit{position: relative;}
.agree-box .toptit .box-tit-bg-top{display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 50px; }
.agree-box .toptit .box-tit-bg-top img, .agree-box .toptit .box-tit-bg-btm img{max-width: 390px;}

.agree-box .toptit .box-tit-bg-btm{display: block; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; height: 18px; }

.agree-box .toptit{text-align: center; margin-bottom: 40px; padding: 70px 0; position: relative;}
.agree-box h6{font-family: "Noto Serif KR", serif; line-height: 1.3;}
.agree-box .toptit h6{font-size: 36px; text-align: center; word-break: keep-all;}
.agree-box .toptit h6 i{color: #76171C; font-weight: inherit;}

.agree-box .toptit p{font-family: "Noto Serif KR", serif; font-style: italic; color: #908373; margin-top: 10px;}
.agree-box .txt p{word-break: keep-all; font-size: 16px; line-height: 1.6;}

.agree-box .txt p.ele-p i{border-bottom: 1px solid #333; font-weight: bold;}
.agree-box .txt .paragraph.top p{color: #777; text-decoration: underline; text-align: center; padding-bottom: 20px;}

.paragraph i.pri b{border-bottom: 1px solid #333;}

.agree-box .txt .paragraph > i{font-size: 18px; font-weight: 600; margin-bottom: 10px; display: inline-block;}
.agree-box .txt .paragraph + .paragraph{margin-top: 26px;}
.agree-box .btm{text-align: right;}
.agree-box .btm p{ font-size: 19px; font-weight: 500;}
.agree-box .input-check em{font-size: 16px;}
.agree .join_button{padding-top: 40px;}
.agree .join_complete{text-align: left; padding: 50px; border: 1px solid #ddd;}
.agree .join_complete{text-align: center;}
.agree .join_complete > i{margin-bottom: 20px; display: inline-block;}
.agree .join_complete .xsmall{font-size: 16px; color: #888; margin-top: 4px;}

.agree-box.top{padding: 80px 0; border: none; border-top: 1px solid #ddd;}
.agree-box.top .btm{padding-top: 60px;}
.agree-box.top .btm i img{max-width: 24%;}
/* .agree-box.top .btm i{display: block;} */
.agree-box.top h6{font-size: 34px; margin-bottom: 40px;}

.btm-logo{width: fit-content; margin: 0 auto;}
.btm-logo img{max-width: 400px;}

.imgbox{margin-bottom: 80px;}
.img-flex{display: flex; align-items: center; justify-content: center; max-width: 100%;}
.img-flex img{max-width: 100%; width: 50%;}

.videobox video{width: 100%;}

.fc-r{color: #B20000;}


.join_all_agree .input-check > input{position: absolute; box-sizing: border-box; width: 20px; height: 20px; vertical-align: top; border:0;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    opacity: 0; }
.input-check em{display: inline-block; position: relative; font-size: 14px; padding-left: 30px; text-align: left; box-sizing: border-box;vertical-align: top; line-height: 19px;}
.input-check em::before{border: 1px solid #ccc; background-color:#fff; content: ""; display: block; left: 0; position: absolute; width: 20px; height: 20px;}
.input-check em::after{content: ""; display: block; position: absolute;}
.input-check input:checked + em::before{background-color:#908373; border-color:#908373}
.input-check input:checked + em::after{width: 11px; height: 6px; top: 5px; left: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

/* 금액 수정 모달 스타일 */
#edit_price_modal .modal-container {
    max-width: 500px;
    width: 90%;
}

#edit_price_modal .form-group {
    margin-bottom: 20px;
}

#edit_price_modal .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

#edit_price_modal .form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

#edit_price_modal .form-control:focus {
    outline: none;
    border-color: #908373;
    box-shadow: 0 0 0 2px rgba(144, 131, 115, 0.2);
}

#edit_price_modal .modal-button {
    display: flex;
    gap: 10px;
    justify-content: center;
}

#edit_price_modal .modal-button button {
    width: 120px;
    padding: 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

#edit_price_modal .modal-button button:first-child {
    background-color: #666;
    color: #fff;
}

#edit_price_modal .modal-button button:last-child {
    background-color: #908373;
    color: #fff;
}

#edit_price_modal .modal-button button:hover {
    opacity: 0.8;
}