html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.div-as-h3 {
    font-size: 1.8em;         /* h3의 글꼴 크기 */
    font-weight: bold;        /* h3의 글꼴 두께 */
    color: #000000;           /* h3의 텍스트 색상 */
    padding: 10px;            /* h3의 내부 여백 */
    margin: 0;                /* 기본 마진 제거 */
    border-bottom: 3px solid #000000; /* h3의 아래쪽 테두리 */
}


.footer_main {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
}


.hie a {
    text-decoration: none !important; /* 밑줄 제거, 우선순위 높임 */
    color: inherit; /* 부모의 색상 상속 */
}

.hie a:hover,
.hie a:focus,
.hie a:active {
    text-decoration: none !important; /* hover, focus, active 상태에서도 밑줄 제거 */
}