.right_menu_bar {
  width: 420px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 100vh;
  position: fixed;
  right: 0;
  background-color: #ffffff;
  z-index: 5;
}

.content {
  margin-left: 332px;
}
@media (min-width: 2180px) {
  .content_userpage {
    margin-left: 332px;
    margin-right: 420px;
    max-width: 1128px;
  }
}

@media (max-width: 2179px) {
  .content_userpage {
    margin-left: 332px;
    margin-right: 420px;
    max-width: 1128px;
  }
}

@media (max-width: 1700px) {
  .notice_obj {
    /* flex-wrap: wrap; */
    flex-direction: column;
    height: 600px !important;
  }

  .notice_obj > .notice_mov_tab{
    /* margin: auto; */
    /* max-width: 100% !important; */
    flex: 1 !important;
  }

  .content_userpage{
    overflow-y: auto;
    min-width: 560px !important;
    overflow-x: auto;
  }
}


@media (max-width: 1600px) {
  .youtube_content_box > iframe {
    max-height: 325px !important;
  }
}

@media (max-width: 1520px) {
  .youtube_content_box > iframe {
    max-height: 300px !important;
  }
}

@media (max-width: 1430px) {
  .youtube_content_box > iframe {
    max-height: 248px !important;
  }
}


.left_menu_bar {
  position: fixed;
  left: 0;
}

.right_Login_content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.logo_box {
  width: 100%;
  margin-top: 128px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_inputbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0px auto;
  margin-top: 108px;
  margin-bottom: 28px;
  max-width: 276px;
}

.login_inputbox > .inputbox_def {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 16px;
}

.login_inputbox > .inputbox_def:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.inputbox_def > div {
  width: 100%;
}

.inputbox_def > div:nth-child(1) {
  display: flex;
  /* align-items: center; */
  height: 30px;
  margin-left: 4px;
}

.inputbox_def > div > input {
  width: 100%;
  height: 40px;
  border: 1px solid #98c1c4;
  border-radius: 4px;
}

.login_btnbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}

.login_btnbox > .userlogin_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 276px;
  height: 48px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.login_btnbox > .usersignin_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 272px;
  height: 40px;
  border: 2px solid #219199;
  color: #219199;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
}

.login_btnbox > .userutil_btnbox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}

.userutil_btnbox > div :nth-last-child(1) {
  margin-right: 0px;
}

.userutil_btnbox > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 17px;
  color: #888888;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.user_btncss {
  background-color: #189199;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
}
z .user_btncssborder {
  background-color: #ffffff;
  color: #189199;
  border: 1px solid #189199;
  border-radius: 4px;
  cursor: pointer;
}

.user_password_inputbox {
  height: 94px;
  justify-content: start !important;
}

.warning_inputcss > div > input {
  border: 1px solid #d94646;
}

.warning_text {
  margin-top: 4px;
  font-size: 12px;
  color: #d94646;
  display: none;
}

.signup_content {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.top_contentbar {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  height: 33px;
  margin-left: 24px;
  margin-top: 19px;
  cursor: pointer;
}

.top_contentbar > div:nth-child(1) {
  margin-right: 16px;
  display: flex;
  align-items: center;
  margin-bottom: -0.5px;
}

.middle_content {
  margin-top: 32px;
  margin-left: 48px;
  margin-right: 72px;
  width: calc(420px - 72px) !important;
  width: 420px;
  overflow-y: auto;
  height: 100%;
}

.signup_form {
  width: 300px;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  margin-bottom: 31px;
}

.default_inputform {
  width: 100%;
}

.form_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}

.default_inputobj,
.default_fileobj {
  margin-left: 25px;
  margin-bottom: 16px;
}

.inputform_title {
  color: #888888;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 9px;
}

.inputform_input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  min-width: 276px;
}

.inputform_input > input {
  width: 100%;
  /* height: 100%; */
  height: 44px;
  border: 1px solid #98c1c4;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  /* color: #98c1c4; */
}

.btnbox {
  display: flex;
  margin-left: 25px;
  /* justify-content: center; */
}

.request_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #189199;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  width: 280px;
  cursor: pointer;
  margin-bottom: 48px;
}

.select_type_signup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* height: 100%; */
  width: 100%;
  margin-top: 108px;
}

.title_signup {
  width: 100%;
}

.tab_obj {
  width: 320px;
  height: 160px;
  margin-top: 24px;
  border: 1px solid #98c1c4;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.select_tabcontent {
  margin-bottom: 32px;
}

.select_type_signup > .tab_obj:nth-last-child(1) {
  margin-top: 38px;
}

.pic_box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab_obj > .tab_text {
  font-size: 12px;
  margin-top: 7px;
  margin-bottom: 9px;
}

.tab_obj > .tab_btn {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #189199;
  border-radius: 4px;
  width: 144px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.id_findmargin {
  margin-top: 108px;
  margin-bottom: 48px;
}

.select_type_idfind {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  height: 100%;
  /* width: 100%; */
  margin-bottom: 124px;
}

.select_type_idfind > .default_inputobj, 
.select_type_idfind > .btnbox{
  margin-left: 0px;
}

.modalform {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10;
  display: none;
}

.modalform > .background_modal {
  background-color: #00000031;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  opacity: 1;
}

.modalform > .modal_result {
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  flex-direction: column;
  background-color: #ffffff;
  width: calc(480px - 72px);
  height: calc(330px - 64px);
  padding: 32px 36px;
  z-index: 15;
}

.modal_result > .modal_title {
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 32px;
}

.modal_result > .modal_content {
  font-size: 16px;
  height: 74px;
}

.modal_content > .bold {
  font-weight: bold;
}

.modal_rightbtnbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 32px;
}

.modaL_closebtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 48px;
  background-color: #189199;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.pw_find_margin {
  margin-bottom: 60px;
}

.manu_usersearch {
  width: calc(100% - 48px);
  height: 40px;
  border: 1.5px solid #98c1c4;
  border-radius: 8px;
  padding-left: 48px;
}

.pos_ab {
  position: absolute;
  top: 13px;
  left: 16px;
}

.image_search > img {
  position: absolute;
}

.rightmanu_content {
  height: 100%;
  width: 100%;
  display: flex;
}

.right_manu_content_inlogin {
  width: 420px;
  max-width: 420px;
}

.user_myimages {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 32px;
}

.right_username {
  font-size: 18px;
  font-weight: bold;
  margin-top: 11px;
}

.right_usercompany {
  font-size: 16px;
  margin-top: 5px;
}

.user_infobtnbox {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 64px;
}

.update_info {
  width: 256px;
  height: 40px;
  margin-bottom: 12px;
}

.now_business_status {
  width: 256px;
  height: 40px;
}

.icon_manu {
  width: 80px;
  height: calc(100% - 24px);
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.icon_manu > .main_manuiconbox > .manu_iconobj {
  margin: 0px 10px;
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.manu_iconobj_select{
  background-color: #C1DFE3;
  border-radius: 100%;
}

.manu_iconobj_select > svg > path{
  fill: #219199;
}

.rightmanu_borad {
  max-width: 340px;
  width: 100%;
  border-right: 1px solid #f3f3f3;
}

.right_middle_content {
  margin-top: 17px;
  height: calc(100% - 69px);
  overflow-y: auto;
}

.user_page_mainbox {
  max-width: 100vw !important;
}

.chat_searchbox {
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 0;
}

.chat_searchbox > input {
  width: calc(100% - 48px - 38px);
  height: 40px;
  background-color: #f7f7f7;
  margin: 0px 24px;
  border: none;
  padding-left: 38px;
}

.chat_searchbox > .pos_ab {
  left: 35px;
}

.room_box {
  margin: 0px 24px;
  margin-top: 21px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 48px);
}

.room_obj {
  display: flex;
  height: 72px;
  width: 100%;
  margin-bottom: 4px;
  align-items: center;
  cursor: pointer;
}

.room_obj > .room_user_image {
  margin-right: 16px;
}

.room_user_image > img{
  width: 50px;
  height: 50px;
}

.room_obj > .room_info {
  display: flex;
  flex-direction: column;
  height: 48px;
  flex: 1;
}

.room_obj > .room_info > .room_maintitle {
  font-size: 16px;
  font-weight: bold;
}

.room_obj > .room_info > .room_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #959595;
 
}

.room_obj > .room_info > .room_text > .room_textcontent{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 155px;
}

.room_obj > .room_info > .room_text > .room_contenttime{
  text-align: center;
}



.businesscard_box {
  display: flex;
  flex-direction: column;
  margin: 0px 24px;
  margin-top: 16px;
  width: calc(100% - 48px);
}

.businesscard_obj {
  display: flex;
  flex-direction: column;
  width: calc(100% - 32px);
  height: calc(128px - 32px);
  padding: 16px;
  border: 1px solid #f4f4f4;
  border-radius: 4px;
  margin-bottom: 16px;
  cursor: pointer;
}

.card_top_box {
  display: flex;
  justify-content: space-between;
}

.card_user_infobox > .card_user_name {
  font-size: 16px;
  font-weight: bold;
}

.card_user_infobox > .card_user_position {
  font-size: 14px;
  margin-top: 4px;
}

.card_company_logobox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
.card_company_logobox> img{
  width: 100%;
  height: 100%;
}


.businesscard_obj > .card_bottom_box {
  display: flex;
  justify-content: space-between;
  margin-top: 27px;
}

.businesscard_obj > .card_bottom_box > .card_comname {
  font-size: 16px;
  font-weight: bold;
}

.businesscard_obj > .card_bottom_box > .card_state {
  font-size: 12px;
  font-weight: bold;
  color: #7a7a7a;
}

.chat_main_top > .chat_select_userinfo {
  display: flex;
  align-items: center;
  width: calc(100% - 48px);
  margin: 0px 24px;
  margin-top: 32px;
  margin-bottom: 16px;
  height: 48px;
}

.chat_maincontent {
  display: flex;
  flex-direction: column;
  height: calc(100% - 36px);
}

.chat_select_userinfo > .name_chatsel {
  font-size: 16px;
  font-weight: bold;
  margin-left: 16px;
}

.chat_main_mid {
  flex: 1;
  max-height: calc(100% - 165px);
  overflow-y: auto;
}

.chat_main_bottom {
  height: 68px;
  background-color: #f3f3f3;
}

.chat_main_bottom > .chat_inputbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.chat_inputbox > .file_sendbtn {
  position: relative;
  z-index: 0;
}

.file_sendbtn > input {
  display: none;
}

.file_sendbtn > label {
  position: absolute;
  right: 12px;
  bottom: -18px;
  cursor: pointer;
}

.chat_inputbox {
  height: 36px;
  position: relative;
  z-index: 0;
}

.chat_inputbox > input {
  width: 256px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 4px;
  border: none;
  margin-bottom: 8px;
  margin-right: 12px;
}

.logout_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  height: 50px;
  cursor: pointer;
}

.chat_sendbtn {
  width: 48px;
  height: 36px;
  background-color: #189199;
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  cursor: pointer;
}

.my_chat_obj {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 16px 0px;
}

.my_chat_obj > .my_chat_appendobj {
  font-size: 14px;
  background-color: #c1dfe3;
  min-width: calc(128px - 24px);
  max-width: 256px;
  min-height: calc(35px - 16px);
  padding: 8px 12px;
  border-radius: 4px;
}

.my_chat_obj > .my_chat_fileobj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.icon_file {
  margin-right: 15px;
}

.file_info_chat {
  display: flex;
  flex-direction: column;
}

.file_info_chat > .file_name_chat {
  margin-bottom: 1px;
  font-size: 14px;
  max-width: 210px;
  overflow: hidden;
}

.file_info_chat > .file_size_chat {
  margin-bottom: 1px;
  font-size: 12px;
  text-align: end;
}

.other_chat_obj {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 16px 0px;
}

.other_chat_obj > .other_chat_appendobj {
  font-size: 14px;
  background-color: #f7f7f7;
  min-width: calc(128px - 24px);
  max-width: 256px;
  min-height: calc(35px - 16px);
  padding: 8px 12px;
  border-radius: 4px;
}

.other_chat_appendobj > img,
.my_chat_appendobj > img {
  width: 100%;
  height: 100%;
}

.tab_mov_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tab_mov_box > .my_video,
.tab_mov_box > .other_video {
  width: 100%;
  height: 228px;
}

.tab_mov_box > .my_video > video,
.tab_mov_box > .other_video > video {
  width: 100%;
  height: 228px;
}

.mov_tab_chat {
  /* margin-top: 12px; */
}

.mov_tab_chat_mid {
  overflow: auto;
  margin-bottom: 20px;
}

.youtube_content_box {
  width: 100%;
  height: 620px;
  /* background-image: url("/images/main_background.svg"); */
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.youtube_content_box > iframe {
  max-width: 950px;
  max-height: 446px;
  height:100%;
  width: calc(100% - 174px);
  z-index: 1;
  margin: 87px 90px;
}

.notice_obj {
  width: 100%;
  display: flex;
  height: 285px;
  margin-top: 26px;
  margin-bottom: 26px;
  /* max-width: 1128px; */
}

.notice_obj > .notice_tab {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 24px;
}

.notice_tab > .notice_select_box {
  display: flex;
}

.notice_select_box > .notice_select_btn {
  width: 140px;
  height: 42px;
  background-color: #ffffff;
  border: 2px solid #219199;
  border-radius: 8px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #219199;
  cursor: pointer;
}

.notice_select_box > .news_select_btn {
  width: 140px;
  height: 42px;
  background-color: #ffffff;
  border: 2px solid #219199;
  border-radius: 8px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #219199;
  cursor: pointer;
}

.notice_selected_btn {
  background-color: #219199 !important;
  color: #ffffff !important;
}

.notice_selected_btn > .notice_listobj {
  background-color: #ffffff;
  color: #000000;
}

.notice_obj > .notice_mov_tab {
  flex: 0.8;
}

.notice_mov_tab > iframe {
  width: 100%;
  height: 100%;
}

.notice_listbox  , .news_listbox{
  flex: 1;
  height: 100%;
  max-height: 285px;
  display: flex;
  flex-direction: column;
  margin-top: 21px;
  overflow-y: hidden;
}

.notice_listbox > .notice_listobj , .news_listbox > .notice_listobj {
  width: 100%;
  height: 44px;
  border-bottom: 1px solid #a045df;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.notice_listobj > .notice_title , .news_listbox > .notice_title{
  /* flex: 1.3; */
  font-size: 16px;
  font-weight: bold;
  margin-left: 21px;
  text-overflow : ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 470px;
}

.notice_listobj > .notice_created , .news_listbox > .notice_created{
  /* flex: 0.75; */
  min-width: 77px;
  margin-right: 21px;
  font-size: 14px;
  font-weight: bold;
}

.content_header {
  width: 100%;
  /* height: 180px; */
  position: relative;
  z-index: 0;
}

.content_header > img {
  width: 100%;
  /* height: 100%; */
}

.content_header_title {
  position: absolute;
  bottom: 27px;
  left: 52px;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
}

.introduce_imagebox {
  margin-top: 30px;
}

.introduce_imagebox > img{
  width: 100%;
}

.modalform > .modal_result_file {
  width: calc(640px - 40px);
  height: calc(680px - 40px);
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 11;
  flex-direction: column;
  padding: 20px;
}

.modal_result_file > .file_result_title {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
  margin-left: 16px;
}

.modal_result_file > .file_result_subtext {
  font-size: 16px;
  margin-left: 16px;
}

.subtext_margin {
  margin-bottom: 32px;
}

.subtext_bold {
  font-weight: bold;
}

.file_drag_area {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}

.file_drag_area > input {
  display: none;
}

.upload_file_title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-left: 10px;
}

.upload_file_list {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  height: 120px;
  width: 100%;
  overflow-y: auto;
  max-height: 120px;
}

.upload_file_list > .upload_file_obj {
  display: flex;
  font-size: 14px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.file_uploadinfo {
  display: flex;
  align-items: center;
}

.upload_file_list > .upload_file_obj > .file_uploadinfo > div:nth-child(1) {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.upload_file_list > .upload_file_obj > .file_uploadinfo > div:nth-child(2) {
  font-size: 14px;
  flex: 1;
}

.upload_file_list > .upload_file_obj > .file_removebtn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tec_file_obj {
  width: calc(100% - 49px) !important;
  margin-left: 30px;
}

.file_reult_top{
  margin-bottom: 16px;
  display: flex;
  justify-content: end;
}

.upload_file_Category{
  width: 24px;
  height: 24px;
}

.file_result_closebtn{
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.upload_file_filename{
  flex: 1;
  margin-left: 8px;
}

.accept_file_btn {
  display: flex;
  color: #ffffff;
  background-color: #189199;
  border-radius: 8px;
  width: 200px;
  height: 48px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.bottom_acceptbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.upload_area {
  z-index: 30;
}

.modalform > .modal_result_metting {
  width: calc(480px - 40px);
  height: calc(640px - 40px);
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 11;
  flex-direction: column;
  padding: 20px;
}

.modal_result_metting > .file_result_title {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
  margin-left: 16px;
}

.modal_result_metting > .file_result_subtext {
  font-size: 16px;
  margin-left: 16px;
}

.modal_metting_select > div > input {
  display: none;
}

.modal_metting_box {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}

.modal_metting_title {
  font-size: 16px;
  font-weight: bold;
}

.modal_metting_select {
  width: 360px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  margin-top: 16px;
}

.modal_metting_select > div {
  border: 1px solid #219199;
  flex: 1;
  height: 48px;
  border-radius: 8px;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal_metting_select > div:nth-child(1) {
  border: 1px solid #219199;
  flex: 1;
  height: 48px;
  border-radius: 8px 0 0 8px;
}

.modal_metting_select > div:nth-child(2) {
  border: 1px solid #219199;
  flex: 1;
  height: 48px;
  border-radius: 0 8px 8px 0;
}

.mit_radio,
.mit_radio1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#mit_radio[type="radio"]:checked + .mit_radio,
#mit_radio1[type="radio"]:checked + .mit_radio1 {
  background-color: #189199;
  color: #ffffff;
}

.modal_time_box {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  margin-top: 32px;
  margin-bottom: 72px;
}

.modal_time_title {
  font-size: 16px;
  font-weight: bold;
}

.modal_time_select {
  width: 360px;
  /* height: 48px; */
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  flex-direction: column;
  margin-left: 24px;
  margin-top: 16px;
}

.modal_time_select > div {
  margin-bottom: 16px;
  width: 100%;
  height: 48px;
}

.modal_time_select > div:nth-last-child(1) {
  margin-bottom: 0px;
}

.modal_time_select > div > input {
  width: calc(100% - 48px);
  height: 100%;
  border: 1px solid #189199;
  border-radius: 8px;
  font-size: 14px;
  padding: 0px 24px;
}

.modal_time_select > div > select {
  width: 100%;
  height: 100%;
  border: 1px solid #189199;
  border-radius: 8px;
  font-size: 14px;
  padding: 0px 24px;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/images/test.svg") 100% center no-repeat;
}



.custmeor_sound {
  height: 32px;
}

.secret > td:nth-child(2) > div {
  display: flex;
}

.secret > td:nth-child(2) > div > .secret_icon {
  margin-left: 5px;
  /* width: 16px; */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.secret_icon {
  display: none;
}

.answer_customer > td:nth-child(2) > div {
  display: flex;
}

.answer_customer > td:nth-child(2) > div > .answer_icon {
  /* width: 12px; */
  margin-right: 15px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.edit_toptitle > .secret_box {
  display: flex;
  align-items: center;
}

.edit_toptitle > .secret_box {
  max-width: 252px;
  width: 100%;
  height: 40px;
}

.edit_toptitle > .secret_box > div {
  max-width: 80px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}

.edit_toptitle > .secret_box > input {
  width: 100%;
  height: 100%;
  max-width: 120px;
  margin-left: 20px;
  border: 1px solid #e3e3e3;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
}

.sec_edit_inputbox {
  display: flex;
  margin-left: 12px;
  margin-top: 24px;
  width: calc(100% - 12px);
  height: 40px;
}

.writer_inputbox {
  display: flex;
  flex: 1;
}

.phone_num {
  display: flex;
  flex: 1;
}

.sec_edit_inputbox > .writer_inputbox > div,
.sec_edit_inputbox > .phone_num > div {
  max-width: 80px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}

.sec_edit_inputbox > .writer_inputbox > input,
.sec_edit_inputbox > .phone_num > input {
  width: 100%;
  height: 100%;
  /* max-width: 120px; */
  margin-left: 20px;
  border: 1px solid #e3e3e3;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
}

.myinfo_editinputbox {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
}

.myinfo_editinputbox > .myinfo_edit_title {
  width: 480px;
  font-size: 24px;
  font-weight: bold;
  margin-top: 31px;
  margin-bottom: 13px;
}

.myinfo_edit_inputobj {
  width: 480px;
  height: 67px;
  margin-bottom: 16px;
}

.myinfo_pass_inputobj {
  margin-top: 16px;
}

.myinfo_edit_inputobj > .info_edit_input {
  width: 100%;
}

.myinfo_edit_inputobj > .info_edit_inputtitle {
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  margin-bottom: 9px;
  margin-left: 5px;
}

.myinfo_edit_inputobj > .info_edit_input > input {
  width: calc(100% - 48px);
  height: 40px;
  border-radius: 4px;
  border: 1px solid #219199;
  padding: 0px 24px;
}

.myinfo_edit_fileobj {
  display: flex;
  width: 480px;
}

.myinfo_edit_fileobj > div {
  display: flex;
  flex-direction: column;
}

.myinfo_edit_fileobj > div > .info_edit_input > input {
  width: 100%;
  height: 40px;
}

.myinfo_edit_fileobj > div > .info_edit_input {
  width: 100%;
}

.myinfo_edit_fileobj > div > .info_edit_inputtitle {
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  margin-bottom: 9px;
  margin-left: 5px;
}

.myinfo_btnbox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 60px;
}

.myinfo_btnbox > .myinfo_save_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 48px;
  margin-right: 32px;
}

.myinfo_btnbox > .myinfo_cansel_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 48px;
  background-color: #dbdbdb;
  border-radius: 4px;
  color: #ffffff;
}




/* 오른쪽 */

.right_Login_content , .signup_content {
  display: none;
}

.myinfo_tab , .businesscard_tab , .manu_chat_tab  , .chat_none_video ,.chat_video, .conference_tab, .vote_tab, .personal_tab  {
  display: none;
}




.search_page_titlebox {
  position: relative;
  /* border-bottom: 2px solid #4e4e4e; */
  width: auto;
  /* margin: 0px 20px; */
  margin-top: 32px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}


.search_page_titlebox > .support_manu_btn {
  max-width: 131px;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #e4e4e4;
  color: #888888;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  padding-bottom: 5px;
}

.search_objmovebtn{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color : #333333;
  cursor: pointer
}

.movebtn_text{
  font-weight : bold;
  margin-left:18px;
  margin-right: 8px;
  
}

.search_page_titlebox > .select_supportcase {
  color: #404040 !important;
  border-bottom: 2px solid #189199;
}

.search_page_tablebox {
  width: 100%;
  /* height: 475px; */
  /* margin: 0px 20px; */
  margin-top: 32px;
  /* max-height: 475px; */
}

.search_page_tablebox > .search_page_table {
  width: 100%;
}

.search_page_table > thead {
  height: 36px;
  max-height: 36px;
  /* border-bottom: 1px solid #e4e4e4; */
}

.search_page_table > thead > tr > td {
  height: 36px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
}

.search_page_table > tbody > tr:nth-child(1) {
  height: 32px;
  margin-top: auto;
}

.search_page_table > tbody > tr:nth-child(1) > td {
  padding-top: 16.5px;
}

.search_page_table > tbody > tr > td {
  /* width: 150px; */
  height: 40px;
  text-align: center;
  font-size: 14px;  
  font-weight: 400;
}
.search_page_table > tbody > tr > td:nth-child(1),
.search_page_table > thead > tr > td:nth-child(1) {
  width: 72px !important;
}
.search_page_table > tbody > tr > td:nth-child(2) {
  text-align: start;
  padding-left: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* width: 100%; */
  max-width: 464px;
}

.search_page_table > tbody > tr > td:nth-child(3),
.search_page_table > thead > tr > td:nth-child(3) {
  width: 132px !important;
}

.search_page_table > thead > tr > td:nth-child(4),
.search_page_table > tbody > tr > td:nth-child(4) {
  width: 116px !important;
}

.search_page_table > tbody > tr > td:nth-child(5) {
  width: 86px !important;
}

.search_page_table > tbody > tr > td:nth-child(6) {
  width: 118px;
}

.search_page_table > tbody > tr > td:nth-child(5) > div {
  width: 100px;
  height: 32px;
  background-color: #189199;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  margin-left: auto;
}

@media (max-width : 1700px) {
  .search_page_table > tbody > tr > td:nth-child(5){
    display: none;
  }
}

@media (max-width : 1550px) {
  .search_page_table > thead > tr > td:nth-child(4),
  .search_page_table > tbody > tr > td:nth-child(4){
    display: none;
  }
}

@media (max-width : 1460px) {
  .search_page_table > tbody > tr > td:nth-child(3),
  .search_page_table > thead > tr > td:nth-child(3){
    display: none;
  }
}


.search_result_obj {
  margin-bottom: 48px;
}


.find_idtab , .signup_input_page{
  display: none;
}


/* 수요조사 팝업 css */
.modal_result_research {
  display: flex;
  flex-direction: column;
}

.modal_result_research{
  width: calc(390px - 32px);
  /* height: calc(782px - 68px); */
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 11;
  flex-direction: column;
  padding: 34px 16px;
}

.modal_result_research > .file_result_title {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: bold;
  margin-top: 12px;
}

.modal_result_research > .file_result_subtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 40px;
}

.research_box{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 390px; 
  max-height: 390px;
  overflow: auto;
}

.research_box > .research_obj{
  display: flex;
  justify-content: center;
  /* align-items: center; */
  margin-top: 30px;
}


.research_box > .research_obj:nth-child(1){
  margin-top: 0px;
}

.research_number{
  display: flex;
  width: 32px;
  height: 100%;
  align-items: start;
  font-size: 16px;
  font-weight: bold;
  margin-top: 12px;
  min-width: 32px;
}

.research_quizobj{
  display: flex;
  flex-direction: column;
  padding: 11px 15px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}

.research_objtitle{
  font-size: 16px;
  font-weight: 400;
}

.research_quizanswer{
  width: calc(100% - 30px);
  height: 30px;
  /* border-radius: 10px; */
  margin: 0px 15px;
  margin-left: 5px;
  margin-top: 30px;
  border: none;
  border-bottom:1px solid #dbdbdb ;
  font-size: 12px;
  font-weight: 400;
}

.research_quizradio{
  display: flex;
  justify-content: center;
  /* align-items: center; */
  flex-direction: column;
  width: 100%;
  margin-top: 15px;
}

.research_check{
  display: flex;
  width: calc(100% - 16px);
  height: calc(32px - 8px);
  align-items: center;
  padding: 4px 0px;
  margin-bottom: 4px;
  border-radius: 4px;
}

.research_check  > span{
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.research_checkanswer{
  height: 30px;
  width: 20px;
  margin-right: 15px;
  border: 2px solid #000000;
  display: none;
}


.research_checkanswer:checked + .research_chk { 
  background: #189199; 
}
.research_chk:after {
   content: ""; position: absolute; display: none; 
}
.research_checkanswer:checked + .research_chk:after {
   display: block; 
}
.research_checkanswer:checked + .research_chk {
   border: 2px solid #189199; 
}

.checked{
  background-color: #e0f2f1;
}


.research_chk:after { 
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 1px; 
}

.research_chk{
  width: 14px;
  height: 14px;
  border: 2px solid #000000;
  background-color: #ffffff;
  margin: 5px;
  margin-right: 17px;
  border-radius: 4px;
  position: relative;
}

.modal_result_research > .bottom_acceptbox{
  margin-top: 63px;
}

.secret_content{
  display: flex;
  justify-content: center;
  align-items: center;
}

.secret_content > input{
  border: #219199 1px solid;
  border-radius: 4px;
  width: 300px;
  height: 40px;
  padding: 0px 10px ;
}

.next_secretbtn{
  display: flex;
  color: #ffffff;
  background-color: #189199;
  border-radius: 8px;
  width: 200px;
  height: 48px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.secret_title{
  /* width: 100%; */
  display: flex;
  /* justify-content: center; */
  margin-left: 40px;
}

.comment_box{
  width: 100%;
  margin-top: 10px;
}

.comment_obj{
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 10px;
}

.comment_inputbox{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.comment_inputbox > input{
  width: 100%;
  height: 30px ;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
}

.comment_send{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  background-color: #189199;
  border-radius: 4px;
  color: #ffffff;
  height: 30px;
  margin-left: 15px;
  cursor: pointer;
}


/* Technical_supply_update 전용 input css */

.content_input{
  width: 100%;
  height: 256px;
  display: flex;
  margin-left: 20px;
  margin-bottom: 24px;
}

.content_input > div:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
  width: 80px;
  min-width: 80px;
  /* margin-left: 20px; */
}

.content_input > div:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 100%;
  margin-left: 10px;
  display: flex;
}

.content_input > div:nth-child(2) > textarea{
  height: calc(100% - 22px);
  width: calc(100% - 25px);
  border: 1px solid #f4f4f4;
  display: flex;
  align-items: start;
  border-radius : 4px;
  justify-content: start;
  resize: none;
  padding: 11px 0px;
}

.supply_texts{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 130px;
}

.supply_texts > .supply_top,
.supply_texts > .supply_bottom{
  display: flex;
  justify-content: space-between;
  height: 80px;
  align-items: center;
}

.board_info{
  display: flex;
  height: 40px;
  align-items: center;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  margin-top: 7px;
}

.board_info > .board_infotext{
  display: flex;
  margin-left: 32px;
}

.board_info > .board_infotext:nth-child(1){
  margin-left: 0px;
}

.supply_texts > .supply_top > .support_text,
.supply_texts > .supply_bottom > .support_text{
  flex: 1;
}


.supply_info_title , .supply_info_text{
  font-size: 14px;
}

.supply_info_text {
  margin-left: 5px;
}

.supplydetail_content{
  width: 100%;
  display: flex;
  height: 128px;
}

.supply_contentbold{
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  width: 80px;
  height: 40px;
  align-items: center;
}

.supply_contenttext{
  width:  calc(100% - 60px);
  border: 1px solid #e4e4e4;
  padding: 15px;
  border-radius: 10px;
}

.supply_margin{
  margin-bottom: 47px !important;
}

.supply_btnbox{
  margin-left: 43px;
  display: flex;
  justify-content: space-between;
}

.supply_btnbox > div{
  width: 100% !important;
}

.supply_btnbox > div:nth-child(1){
  margin-right:12px  !important;
}

.sort_select{
  width: 120px !important;
}

.sort_width{
  flex: 0 !important;
}

.hidden_table{
  display: none;
}

.news_listbox{
  display: none;
}

.support_contentbox{
  display: flex;
  width: calc(100% - 30px);
  height: calc(100px - 30px);
  border: 1px solid #189199;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 15px;
  font-size: 14px;
  overflow-y: auto;
  line-height: 30px;
  /* font-weight: 700; */
}

.edit_preview_image , .edit_preview_regist{
  width: 100%;
  min-height: 200px;
  border: 1px solid #189199;
  border-radius: 10px;
  margin-top: 15px;
  overflow: hidden;
}

.edit_preview_regist > img
,.edit_preview_image > img{
  width: 100%;
}

.myinfo_edit_inputfileobj{ 
  width: 480px;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.image_chatsel{
  width: 50px;
  height: 50px;
}

.image_chatsel > img{
  width: 100%;
  height: 100%;
}

.detail_textbox .image img{
  max-width: 100%;
  max-height: 100%;
}

.business_status_tbody > tr{
  cursor: pointer;;
}


/* 새로운 수요조사 css */

.modal_result_research2 {
  display: flex;
  flex-direction: column;
}

.modal_result_research2{
  width: calc(500px - 100px);
  /* height: calc(800px - 96px);    */
  min-height: 800px;
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 11;
  flex-direction: column;
  padding: 48px 50px;
}

.modal_result_research2 > .file_result_title {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: bold;
  margin-top: 12px;
}

.modal_result_research2 > .research_userinfobox > .file_result_subtext {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 20px;
}

.userinput{
  margin-bottom: 20px;
}

.userinput > .userinput_title{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
}

.userinput > .userinput_inputbox{
  width: 100%;
  height: 24px;
}

.userinput_inputbox > input{
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 8px;
  font-size: 12px;
}

.modal_result_research2 > .bottom_acceptbox > div{
  width: 300px;
}


.equip_infotitle{
  margin-bottom: 20px;
  font-size: 16px;
font-style: normal;
font-weight: 700;
}

.equip_infoobj{
  margin-bottom: 20px;
}

.equip_infoobj > .equipobj_title{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 12px;
}

.equip_infoobj > .equipobj_text{
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  width: calc(100% - 8px);
  padding-left: 8px;
  /* height: 24px; */
  margin-bottom: 8px;
  line-height: 20px;
}