body {
    padding: 20px 0 0 0;
}

/* header */
header {
    position: relative; /* right-text의 절대 위치를 이 태그에 맞춤 */
    height: 80px;
}

main {
    left: 19%;
}

h2, h3{
    margin-bottom: 32px;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 32px;
    font-weight: 700;
    line-height: 40px; 
}

.left-text {
    /* 기본적으로 인라인 요소는 왼쪽에 정렬됨 */
    position: absolute;
    left: 19%;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;   
    color: #2E6FF2;
 
}

.right-text {
    position: absolute;
    padding-top: 10px;
    right: 19%;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;   
    color: #8D9299;
}

/* main */
.cont-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
}

.top-section .img-section {
    margin: 60px 40px 60px 0;
}

.top-section .input-form {
    margin: 60px 0 0 0;
}

.top-section {
    flex: 1;
    display: flex;
}

.bottom-section {
    flex: 1;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1200px;
}

.img-section, .input-form {
    flex: 1;
}

.input-form p {
    margin-top: 24px;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.input-form .txtInput1, 
.input-form .txtInput2,
.input-form .txtInput3 {
    margin-top: 10px;
    width: 590px;
    height: 50px;
    border-color: #D9DBE0;
    ime-mode: active;
}

.input-form .radioBox {
    margin-top: 16px;
    height: 20px;
    padding: 0;
    border: 0;
}

.input-form label {
    margin-right: 10px;
    height: 20px;
    font-family: 'Spoqa Han Sans Neo';    
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    vertical-align: text-top;
}

.input-form button {
    margin: 54px 0 10px;
    width: 590px;
    height: 54px;
    position: relative;
    background-color: #2E6FF2;
    border-radius: 5px;
    color: white;
    border: 0;
    font-family: 'Spoqa Han Sans Neo';    
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

button:hover {
    background: #2E6FF2;
    box-shadow: 0 0 5px #2E6FF2, 0 0 25px #2E6FF2;
}

button:active {
    box-shadow: 1px 1px 0 #2E6FF2(0,0,0,0.5);
    /*position: relative;*/
    top:2px;
  }

/* 버튼 비활성화 스타일 */
.button-disabled {
    pointer-events: none; /* 마우스 이벤트 비활성화 */
    opacity: 0.5; /* 버튼을 반투명하게 만들어 비활성화된 것처럼 보이게 함 */
    cursor: default; /* 커서 스타일을 기본값으로 설정 */
}

.error-message {
    display: none; /* 기본적으로 메시지를 숨깁니다 */
    color: red; /* 오류 메시지의 색상을 지정합니다 */
}

.bottom-section table {
    width: 100%;
    max-width: 1200px;
    height: 208px; 
    text-align: center;
    color: #8D9299;
}

.bottom-section th, td {
    height: 208px; /* 셀의 높이 설정 */
    border: 2px solid #8D9299;
    border-radius: 10px;
    padding: 15px;
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}