.sound_only { display: none; text-indent: -9999px; opacity: 0; }

.member-wrap { width: 100%; box-sizing: border-box; padding: 5em 0; }

.member-wrap .btn { width: 7.3em; height: 2.8em; color: #fff; background-color: #777; padding: 0 0.5em; border-radius: 5px; }
.member-wrap .btn.datepicker_btn { position: relative; width: 2.5em; }
.member-wrap .btn.datepicker_btn > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.5em; }

.member-wrap .custom_checkbox_wrap .custom_checkbox { display: none !important; }
.member-wrap .custom_checkbox_wrap .custom_checkbox_label { position: relative; padding-left: 1.5em; color: #dadada; }
.member-wrap .custom_checkbox_wrap .custom_checkbox_label::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1em; height: 1em; border-radius: 5px; border: solid 1px #dadada; background-color: #fff; }
.member-wrap .custom_checkbox_wrap .custom_checkbox:checked ~ .custom_checkbox_label { color: #777; }
.member-wrap .custom_checkbox_wrap .custom_checkbox:checked ~ .custom_checkbox_label::after { content: '\e6e0'; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); font-family: 'bpicon'; color: #e72e2e; }

.member-wrap .custom_radio_wrap { margin-left: 2em; }
.member-wrap .custom_radio_wrap:first-child { margin-left: 0; }
.member-wrap .custom_radio_wrap .custom_radio { display: none !important; }
.member-wrap .custom_radio_wrap .custom_radio_label { position: relative; padding-left: 1.5em; color: #dadada; }
.member-wrap .custom_radio_wrap .custom_radio_label::before { content: ''; position: absolute; left: 0; top: 55%; transform: translateY(-50%); width: 1em; height: 1em; border-radius: 0.5em; border: solid 1px #dadada; background-color: #fff; }
.member-wrap .custom_radio_wrap .custom_radio:checked ~ .custom_radio_label { color: #000; }
.member-wrap .custom_radio_wrap .custom_radio:checked ~ .custom_radio_label::after { content: ''; position: absolute; left: 0.5em; top: calc(50% + 1px); transform: translate(-4px, -50%); width: 10px; height: 10px; border-radius: 0.3em; background-color: #6ba0ed; }

.member-wrap input[type="text"],
.member-wrap input[type="password"],
.member-wrap input[type="tel"],
.member-wrap input[type="email"],
.member-wrap select,
.member-wrap textarea { color: #dadada; border: solid 1px #efefef; border-radius: 5px; background-color: #fff; color: #323540; }

.member-wrap input[type="text"]::placeholder,
.member-wrap input[type="password"]::placeholder,
.member-wrap input[type="tel"]::placeholder,
.member-wrap input[type="email"]::placeholder { color: #dadada; }

.member-form { width: 100%; max-width: 800px; margin: 0 auto; }
.member-form .form-section { padding: 1.2em 2em; border-top: solid 1px #efefef; }
.member-form .form-section:first-child { border-top: none; }

.member-form .double-field-wrap { width: 100%; }
.member-form .double-field-wrap::after { content: ''; display: block; float: none; clear: both; }
.member-form .double-field-wrap > .field-wrap { float: left; width: 49%; margin-top: 0; }
.member-form .double-field-wrap > .field-wrap:first-child { margin-right: 2%; }

.member-form .small_input { width: 30%; max-width: 240px; }
.member-form .middle_input { width: 60%; max-width: 420px; }
.member-form .big_input { width: 100%; max-width: 800px; }
.member-form input[type="text"],
.member-form input[type="password"],
.member-form input[type="tel"],
.member-form input[type="email"] { float: left; height: 2.8em; padding: 0 10px; }
.member-form select { float: left; height: 2.8em; padding-left: 10px; }
.member-form textarea { float: left; width: 100%; height: 12em; padding: 10px; }

.member-form .field-wrap,
.member-form .double-field-wrap { position: relative; margin-top: 0.8em; }
.member-form .field-wrap::after { content: ''; display: block; float: none; clear: both; }
.member-form .field-wrap:first-of-type,
.member-form .double-field-wrap:first-of-type { margin-top: 0; }
.member-form .field-wrap .field-tit { float: left; width: 8em; font-size: 1.125em; line-height: 2.5em; }
.member-form .field-wrap .field-tit label { letter-spacing: -0.5px; }
.member-form .field-wrap .field-tit label.necessary:after { content: '*'; display: inline; margin-left: 5px; color: #e31565; }
.member-form .field-wrap .field-tit label b { font-weight: 700; color: #1a3d6f; }
.member-form .field-wrap .field-input { float: left; width: calc(100% - 9em); line-height: 2.8em; }
.member-form .field-wrap .field-input .btn { float: left; margin-left: 0.3em; font-size: inherit; }
.member-form .field-wrap .field-input div { float: left; }
.member-form .field-wrap .field-input .field-desc { line-height: 1.5em; margin-top: 0.5em; width: 100%; }
.member-form .field-wrap .field-input .field-desc.red { color: #c51b66; }
.member-form .field-wrap .alarm { font-size: 13px; margin-top: 8px; color: red; }

.member-form .email_field .big_input { max-width: 700px; }
.member-form .email_field div { float: left; }
.member-form .email_field .email_id { width: 30%; }
.member-form .email_field .email_id > input { width: 100%; }
.member-form .email_field .email_at { width: 2em; text-align: center; line-height: 2.8em; }
.member-form .email_field .email_host { width: calc(70% - 2em); }
.member-form .email_field .email_host > input { width: 100%; }

.member-form .phone_field div { float: left; }
.member-form .phone_field .phone_input { width: 30%; }
.member-form .phone_field .phone_input > input,
.member-form .phone_field .phone_input > select { width: 100%; }
.member-form .phone_field .phone_dash { width: 5%; text-align: center; line-height: 2.5em; }

.member-form .address_field div,
.member-form .address_field button { float: left; }
.member-form .address_field div > input { width: 100%; }
.member-form .address_field .big_input { position: relative; }
.member-form .address_field .address_zip_no { width: 7em; }
.member-form .address_field .address_zip_no input { text-align: center; }
.member-form .address_field .address_addr1 { width: calc(99% - 16em); margin-left: 1%; }
.member-form .address_field .address_box { display: none; position: fixed; top: 50%; left: 50%; width: 85%; max-width: 500px; max-height: 85%; background-color: #fff; border: solid 1px #eee; z-index: 10; transform: translate(-50%, -50%); z-index: 100; }
.member-form .address_field .address_box .address_close_btn { position: absolute; top: 0; right: -20px; cursor: pointer; }
.member-form .address_addr2 { float: left; width: 80%; }
.member-form .address_addr2 input { width: 100%; }

.member-form .file_field .field-input .file_txt_wrap { display: none; float: left; position: relative; font-size: 1.125em; max-width: calc(100% - 9em); margin-left: 1em; padding-right: 1.5em; }
.member-form .file_field .field-input .file_txt_wrap .file_txt { display: block; line-height: 2.5em; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.member-form .file_field .field-input .file_txt_wrap .file_del_btn { width: 1.5em; height: 1.5em; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.member-form .file_field .field-input .file_txt_wrap .file_del_btn > i { color: #6ba0ed; }

.member-form .textarea_field .field-tit { width: 100%; line-height: 1.5em; margin-bottom: 0.3em; }
.member-form .textarea_field .field-input { width: 100% !important; }

.join .member-form .investor_file_field .field-tit label { font-size: 1.3em; }
.member-form .investor_file_field .field-desc { float: left; width: calc(69% - 9em); color: #777; line-height: 1.8em; margin-left: 9em; }
.member-form .investor_file_field .field-input { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30%; }

.member-form .agree-section .field-wrap .field-tit { width: 50%; }
/* .join .member-form .agree-section .field-wrap .field-tit label { font-size: 1.3em; } */
.member-form .agree-section .field-wrap .field-input { float: right; width: 100%; text-align: right; }
.member-form .agree-section .field-wrap .field-input .custom_checkbox_wrap { float: none; line-height: 2.5em; }
.member-form .agree-section .field-wrap .field-terms { float: left; width: 100%; height: 150px; padding: 1.5em; overflow-y: scroll; background-color: #fff; border: solid 1px #efefef; line-height: 1.5em; color: #404040; }

.member-form .logo_field .logo_preview { display: none; float: left; width: 18%; padding-top: 18%; margin-right: 2%; border: solid 1px #efefef; border-radius: 5px; background-color: #fff; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; background-size: 60%; }
.member-form .logo_field .logo_upload { float: left; width: 80%; }
.member-form .logo_field .logo_upload .file_upload_desc { float: left; width: 100%; margin-top: 1em; line-height: 1.8em; color: #777; }
.member-form .logo_field .logo_upload .file_upload_desc span { color: #e31565; }

.member-auth-wrap { text-align: center; padding: 6em 0; }
.member-auth-wrap .member-auth-tit i { font-size: 4em; color: #2bd161; }
.member-auth-wrap .member-auth-tit .tit { font-size: 1.875em; color: #010101; margin-top: 1.2em; font-weight: 700; }
.member-auth-wrap .member-auth-cont { color: #777; line-height: 1.8em; margin-top: 2em; font-size: 1.25em; }
.member-auth-wrap .member-auth-cont > p { margin-bottom: 3em; }

@media (max-width: 1260px) {
  .member-form .investor_file_field .field-desc { width: calc(59% - 9em); }
  .member-form .investor_file_field .field-input { width: 40%; }
  .member-form .agree-section .field-wrap .field-input { width: 40%; }
}

@media (min-width:1100px){
  .member-form .investor_file_field .field-tit { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
}


@media (max-width:1099px){
  .member-wrap { padding: 0 0 3em; }
  .sub_visual_wrap.join { margin-bottom: 1em; }
  .member-form { width: 100%; font-size: 16px; }
  .member-form .form-section { padding: 1.2em 0.5em; }

  .member-form .logo_field .logo_preview { width: 28%; padding-top: 28%; }
  .member-form .logo_field .logo_upload { width: 70%; }

  .member-form .investor_file_field .field-tit { width: 100%; }
  .member-form .investor_file_field .field-desc { width: 100%; margin-left: 0; margin-top: 1em; }
  .member-form .investor_file_field .field-input { top: 0; transform: none; width: 70%; }
  .member-form .investor_file_field .field-input .btn { float: right; }
  .member-form .investor_file_field .field-input .file_txt_wrap { float: right; }
  .member-form .investor_file_field .field-tit label { font-size: 1em; }

  .member-form .agree-section .field-wrap .field-tit { width: auto; }
  .member-form .agree-section .field-wrap .field-tit label { font-size: 1em; }
  .member-form .agree-section .field-wrap .field-input { float: right; width: auto; }
}

@media (max-width:767px){
  .member-form .double-field-wrap > .field-wrap { width: 100%; margin-top: 1.2em; }
  .member-form .double-field-wrap > .field-wrap:first-child { margin-right: 0; margin-top: 0; }
  .member-form .middle_input { width: 90%; }
  .member-form .id-field .middle_input { width: calc(100% - 9em) !important; }
  .member-form .small_input { width: 70%; }
  .member-form .logo_field .field-input { width: 100% !important; }
}

@media (max-width: 660px) {
  .address_field > div { position: relative; padding-bottom: 3.5em; }
  .member-form .address_field .address_addr1 { width: 100%; position: absolute; left: 0; bottom: 0; margin-left: 0; }
  .member-form .address_addr2 { width: 100%; }
  .member-wrap .custom_checkbox_wrap .custom_checkbox_label .mob_hide { display: none !important; }
}

@media (max-width: 559px) {
  .member-form { width: 100%; font-size: 14px; }
}

@media (max-width: 480px) {
  .member-form { width: 100%; font-size: 12px; }
}

@media (max-width: 374px) {
  .member-form .id-field .middle_input { width: calc(100% - 6.5em) !important; }
  .member-form .id-field .btn { width: 5em; }
  .member-form .id-field .btn .mob_hide { display: none; }

  .member-wrap .agree-section .btn { width: 4em; }
  .member-wrap .agree-section .btn .mob_hide { display: none !important; }

  .member-form .small_input,
  .member-form .middle_input { width: 100%; }
  .member-form .small_input.datepicker { width: calc(100% - 3.5em); }
  .member-form .field-wrap .field-tit { width: 7.5em; }
  .member-form .field-wrap .field-input { width: calc(100% - 8.5em); }
}

.member-modal-wrap { display: none; top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 1000; }
.member-modal-wrap .member-modal-bg { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }
.member-modal-wrap .member-modal { position: absolute; width: 90%; max-width: 900px; height: 80%; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; overflow: hidden; padding: 0; }
.member-modal-wrap .member-modal .member-modal-cont-wrap { width: 100%; height: 100%; box-sizing: border-box; padding: 2.5em; overflow-y: auto; }
.member-modal-wrap .member-modal .member-modal-cont-wrap .member-modal-cont { line-height: 1.5em !important; }
.member-modal-wrap .member-modal .member-modal-close-btn { position: absolute; top: 1.5em; right: 2em; width: 1.5em; height: 1.5em; }
.member-modal-wrap .member-modal .member-modal-close-btn > i { font-size: 1.5em; color: #323540; }

.member-form .agree-section .field-tit { float: none; }
.agree-section .checkbox_group { border-top: 2px solid #efefef ; }
.agree-section .checkbox_group .ck_input_field { position: relative; padding: 0 10px; border-bottom: 1px solid #efefef; }
.agree-section .checkbox_group .ck_all_input_field { background-color: #f9f9f9; border-bottom: none; }
.agree-section .checkbox_group .ck_all_input_field .custom_checkbox_label { font-weight: 500; }
.agree-section .custom_checkbox_wrap .custom_checkbox_label { display: block; width: calc(100% - 3em); color: #777; line-height: 1.5em; padding: 12px 0 14px 1.9em; }
.agree-section .custom_checkbox_wrap .custom_checkbox_label.necessary > span { color: #e72e2e; }
.agree-section .checkbox_group .ck_input_field .view_privacy { position: absolute; width: 3em; height: 100%; top: 0; right: 0; color: #777; z-index: 1; }
.member-info-wrap.join .member-form-btm { border-top: none; }

.member-terms-wrap { position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; display: none; color: #333; }
.member-terms-popup { position: absolute; width: 90%; max-width: 1000px; height: 70%; top: 50%; left: 50%; background-color: #fff; box-sizing: border-box; border-radius: 10px;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px; }
.member-terms-popup .member-terms-top { position: relative; width: 100%; height: 60px; box-sizing: border-box; border-bottom: solid 1px #ddd; padding-left: 20px; }
.member-terms-popup .member-terms-top h3 { font-weight: 600; line-height: 60px; }
.member-terms-popup .member-terms-btm { width: 100%; height: 60px; box-sizing: border-box; border-top: solid 1px #ddd; text-align: center; padding: 12px; }
.member-terms-popup .member-terms-btm button { width: 200px; height: 36px; background-color: #2e86c1; color: #fff; border-radius: 5px; }
.member-terms-popup .member-terms { width: 100%; height: calc(100% - 120px); box-sizing: border-box; padding: 30px; word-break: break-all; overflow-y: auto; line-height: 150%; }
.member-terms-popup .member-terms a { color: #2e86c1; text-decoration: underline; }
.member-terms-close { display: inline-block; position: absolute; margin: 0 7px 0 7px; padding: 0; width: 4px; height: 20px; background: #aaa; transform: rotate(45deg); top: 20px; right: 20px; cursor: pointer; }
.member-terms-close:before { display: block; content: ""; position: absolute; top: 50%; left: -8px; width: 20px; height: 4px; margin-top: -2px; background: #aaa; }

.member_form_dim { position: fixed; z-index: 50; top: 0; left: 0; bottom: 0; right: 0; display: none; background-color: rgba(0, 0, 0, 0.5); }