body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
}

.horizon-line-up-wrapper {
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
	width: 100%; /* 화면의 폭에 맞게 설정 */
    max-width: 100%;
    z-index: 1;
}

.horizon-line-foot-wrapper {
    position: absolute;
    top: 798px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; /* 화면의 폭에 맞게 설정 */
    max-width: 100%;
    z-index: 1;
}

.horizon-line-foot-business-wrapper{
    position: absolute;
    top: 998px;
    left: 50%;
    transform: translateX(-50%);
    width: 2000px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.foot-wrapper {
    position: absolute;
    top: 798px;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.clickcnt-wrapper {
    position: absolute;
    top: 882px;
    left: calc(50% + 13px); /* 13px 우측으로 이동 */
    transform: translateX(-50%); /* 기존 X좌표에서의 위치를 기준으로 설정 */
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 2;
}

.kbescrow-wrapper {
    position: absolute;
    top: 825px;
    left: 50%;
    transform: translateX(40%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 2;
}

.kcupmark-wrapper {
    position: absolute;
    top: 825px;
    left: calc(50% - 100px); /* 100px 좌측으로 이동 */
    transform: translateX(40%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 2;
}

.foot-business-wrapper {
    position: absolute;
    top: 998px;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.foot-propose-wrapper {
    position: absolute;
    top: 798px;
    left: calc(50% - 8px); /* 8px 좌측으로 이동 */
    transform: translateX(-50%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.contents-main-wrapper {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.contents-login-wrapper {
    position: absolute;
    top: calc(50% - 40px); /* 40px 위측으로 이동 */
    left: 50%;
    transform: translate(-50%, -50%);  /* 수평과 수직 모두 중앙으로 이동 */
    width: 300px; /* 고정된 width 값을 설정 */
    height: 80px; /* 고정된 height 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.contents-business-wrapper {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.contents-propose-wrapper {
    position: absolute;
    top: 110px;
    left: calc(50% - 8px); /* 8px 좌측으로 이동 */
    transform: translateX(-50%);
    width: 1100px; /* 고정된 width 값을 설정 */
    max-width: 100%;
    z-index: 1;
}

.menu-wrapper {
    position: absolute;
    top: 15px;
    left: 50%; /* 화면 가로 중간에 위치시킴 */
    transform: translateX(-50%); /* 요소의 가로 중간을 기준으로 정렬 */
    width: 1100px;
    z-index: 2; /* 이미지 위에 메뉴를 위치시키기 위해 z-index를 설정 */
}

.menu-propose-wrapper {
    position: absolute;
    top: 15px;
    left: calc(50% - 8px); /* 8px 좌측으로 이동 */
    transform: translateX(-50%); /* 요소의 가로 중간을 기준으로 정렬 */
    width: 1100px;
    z-index: 2; /* 이미지 위에 메뉴를 위치시키기 위해 z-index를 설정 */
}

.main-menu {
    list-style: none;
    padding: 0;
    margin: 0;
	gap: 60px; /* 주메뉴들 사이의 간격을 150픽셀로 설정 */
    display: flex;
    background-color: rgba(53, 67, 151, 1.0); /* 배경색을 군청색으로 변경 */
}

.menu-item {
    position: relative;
    padding: 15px;
    color: white; /* 글씨 색을 하얀색으로 변경 */
    cursor: pointer;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color:rgba(67, 81, 163, 0.8); /* 배경색을 군청색으로 변경 */
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 150px;
    /* display: flex; */
}

/* .sub-item {
    padding: 10px;
    color: white; 
    cursor: pointer;
} */
.sub-item {
   padding: 0; /* LI 요소에 여백 제거 */
}

.sub-item a {
    display: block; /* A 태그를 블록 요소로 변경 */
    padding: 10px; /* 서브아이템에 여백 추가 */
    color: white; /* 링크 글씨 색을 흰색으로 변경 */
    text-decoration: none; /* 링크 밑줄 제거 */
}

.sub-item a:hover {
    background-color: rgba(200, 200, 200, 0.8); /* 배경색을 회색으로 변경 */
}

.rectangle-table {
	width: 956px;
	height: 500px;
	border: 1px solid #40498E; /* 테두리 색상을 군청색으로 설정 */
	border-collapse: collapse;
}

.rectangle-login-table {
	width: 300px;
	height: 80px;
	border: 1px solid #40498E; /* 테두리 색상을 옥색으로 설정 */
	border-collapse: collapse;
}

.form-table .form-cell p {
  line-height: 20px;
}

.form-cell {
	border-width: 1px;
	border-color: rgb(153, 153, 153);
	border-style: solid;
	background-color: white;
}

.txt_9{color:#444444; text-decoration:none; font-size:9pt;}
.txt_10{color:#444444; text-decoration:none; font-size:10pt;}
.txt_11{color:#444444; text-decoration:none; font-size:11pt;}
.txt_12{ color:#444444; text-decoration:none; font-size:12pt;}

form {margin:0; color: #5E5E5D;FONT-FAMILY:돋움, arial; FONT-SIZE: 9pt;;letter-spacing:-0.02em; text-decoration:none;line-height:12pt;}