.body_div {
    justify-content: center;    
    width : 100%;
    height: 100%;
    background-color:rgb( 43, 55, 73);
    margin: 0px;
  }

  .top_ground_div {
    position: absolute;
    justify-content: center;    
    top : -32px;
    left : -50%;
    width : 200%;
    height: 128px;
    background-color:rgb( 43, 55, 73);
    margin: 0px;
    background-image: url('./images/top_bg.png');

    transform: scale(0.5);
  }

  .top_ground_logo_div {
    position: absolute;
    justify-content: center;    
    top : -28px;
    left : calc(50% - 175px);
    width : 349px;
    height: 108px;
    background-color:rgb( 43, 55, 73);
    margin: 0px;
    background-image: url('./images/top_bg_logo_2.png');
    transform: scale(0.5);
  }

  .main_background_div {
    position: absolute;
    justify-content: center;    
    top : 90px;
    left : calc(50% - 450px);
    width : 900px;
    height: 740px;
    background-color:rgb( 48, 61, 80); 
    margin: 0px;

    border: 3px solid #404b5c;
    border-radius: 6px;
  }


  .background_div {
    justify-content: center;    
    width : 100%;
    height: 100%;
    background-color:rgb(255, 42, 42);
    margin: 0px;
  }

  .title_div {
    position: absolute;
    justify-content: center;     
    top : 200px;
    left : calc(50% - 154px);
    width : 308px;
    height: 97px;

    background-color:rgb(42, 42, 42);
    margin: 0px;
    background-image: url('./images/logo_new.png');
    background-size: cover;
  }

  .id_text_div {
    position: absolute;
    justify-content: center;    
    width : 200px;
    height: 50px;
    left : calc(50% - 150px);
    top : 360px;
    background-color:rgb(48, 61, 80);
    margin: 0px;        
  }

  .id_edit_div {
    position: absolute;
    justify-content: center;    
    width : 300px;
    height: 50px;
    left : calc(50% - 150px);
    top : 340px;
    background-color:rgb(48, 61, 80);
    margin: 0px;
    text-align: left;
  }

  .password_text_div {
    position: absolute;
    justify-content: center;    
    width : 200px;
    height: 50px;
    left : calc(50% - 150px);
    top : 425px;
    background-color:rgb(42, 42, 42);
    margin: 0px;
    text-align: left;
    color : gray;
    font-size: 12px;
  }

  .password_edit_div {
    position: absolute;
    justify-content: center;    
    width : 300px;
    height: 50px;
    left : calc(50% - 150px);
    top : 385px;
    background-color:rgb(48, 61, 80);
    margin: 0px;
    text-align: left;
  }

  .check_button_div {
    position: absolute;
    justify-content: center;    
    width : 400px;
    height: 50px;
    left : calc(50% - 150px);
    top : 425px;
    background-color:rgb(48, 61, 80);
    margin: 0px;    
  }

  .dx-checkbox-text {
    color: rgb(136, 136, 136) !important; /* 텍스트 색상을 빨간색으로 변경 */
}

  .login_button_div {
    position: absolute;
    justify-content: center;    
    width : 400px;
    height: 50px;
    left : calc(50% - 150px);
    top : 500px;
    background-color:rgb(48, 61, 80);
    margin: 0px;    
  }

  .forgot_text_div {
    position: absolute;
    justify-content: center;    
    width : 300px;
    height: 50px;
    left : calc(50% - 150px);
    top : 545px;
    background-color:rgb(48, 61, 80);
    margin: 0px;    

    color :rgb( 84, 95, 121);
    text-align: center;
    font-size: 12px;
  }

  .bottom_skyve_div {
    position: absolute;
    justify-content: center;     
    top : 670px;
    left : calc(50% - 290px);
    width : 579px;
    height: 97px;

    background-color:rgb(42, 42, 42);
    margin: 0px;
    background-image: url('./images/bottom_skyve.png');
    background-size: cover;

    transform: scale(0.25);
  }

  .dx-textbox .dx-texteditor-input {  
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
  }  

  /*
  .dx-textbox .dx-texteditor-input {  
    border: 3px solid !important;
    border-radius: 5px !important;
    background-color:rgb(48, 61, 80);
  }  
*/

/*
.dx-textbox .dx-texteditor.dx-state_focused {
  border: 3px solid !important;
    border-radius: 5px !important;
    background-color:rgb(255, 61, 80);
}  

.dx-textbox .dx-texteditor.dx-state-focused .dx-texteditor-input {
  background-color: #fff !important;
}
  */

/* 입력 필드 내부 스타일 */
/*
.custom-textbox .dx-texteditor-input {
  font-size: 3px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  background-color: #1b2530 !important;
  
  height: 30px !important;
  line-height: 30px !important;
  
  border-radius: 5px !important;
  border: 3px solid #ff0000;
  padding: 0px;
}
  */