@charset "utf-8";

/* 2025-06-29 팝업 버튼용  css
.button {   background-color: #04AA6D;  border: none;   color: white;   padding: 16px 32px;   text-align: center;   text-decoration: none;   display: inline-block;   font-size: 16px;   margin: 4px 2px;   transition-duration: 0.4s;   cursor: pointer; }  
.button1 {   background-color: white;    color: black;    border: 2px solid #04AA6D; }  
.button1:hover {   background-color: #04AA6D;   color: white; }  
.button2 {   background-color: white;    color: black;    border: 2px solid #008CBA; }  
.button2:hover {   background-color: #008CBA;   color: white; }  
.button3 {   background-color: white;    color: black;    border: 2px solid #f44336; }  
.button3:hover {   background-color: #f44336;   color: white; }  
.button4 {   background-color: white;   color: black;   border: 2px solid #e7e7e7; }  
.button4:hover {background-color: #e7e7e7;}  
.button5 {   background-color: white;   color: black;   border: 2px solid #555555; }  
.button5:hover {   background-color: #555555;   color: white; }      
*/
/* 2025. 06. 30. 외국인신입학 팝업 버튼 */
.button-container-popup {
  text-align: center; /* 자식 요소들을 가운데 정렬 */
  margin-top: 20px;
}

.div-button1, .div-button2, .div-button3 { display: inline-block; margin: 0px;}
.div-button1 { padding: 12px 15px; background-color: #4CAF50; color: white; font-size: 16px; border-radius: 8px; cursor: pointer; text-align: center; user-select: none; transition: background-color 0.3s ease;}
.div-button1:hover { background-color: #45a049; }
.div-button1:active { background-color: #3e8e41; }

.div-button2 { padding: 12px 5px; background-color: #25aae0; color: white; font-size: 16px; border-radius: 8px; cursor: pointer; text-align: center; user-select: none; transition: background-color 0.3s ease;}
.div-button2:hover { background-color: #1c8cb9; }
.div-button2:active { background-color: #3e8e41; }

.div-button3 { padding: 12px 5px; background-color: #dfa045; color: white; font-size: 16px; border-radius: 8px; cursor: pointer; text-align: center; user-select: none; transition: background-color 0.3s ease;}
.div-button3:hover { background-color: #c88f3d; }
.div-button3:active { background-color: #af7b31; }