@font-face {
    font-family: 'NANUM_DB';
    src: url('../font/NANUMSQUAREROUNDB.TTF') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NANUM_EB';
    src: url('../font/NANUMSQUAREROUNDEB.TTF') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NANUM_L';
    src: url('../font/NANUMSQUAREROUNDL.TTF') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NANUM_R';
    src: url('../font/NANUMSQUAREROUNDR.TTF') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-button {
    background-color: transparent;
    color: inherit;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: inherit;
    font-family: 'NANUM_DB', sans-serif;
    line-height: inherit;
}

.dropdown-button:hover {
    color: #007bff;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f5f5f5;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;

    /* Flexbox 레이아웃 */
    display: flex;
    flex-direction: row;
}

.dropdown:hover .dropdown-content {
    display: flex;
    opacity: 1;
}

/* 각 열 스타일 */
.dropdown-content .column {
    width: 33.33%; /* 3개의 열로 분할 */
    box-sizing: border-box;
    padding: 10px;
}

/* 각 링크 스타일 */
.dropdown-content .column a {
    color: black;
    padding: 8px 12px; /* 패딩 조정 */
    text-decoration: none;
    display: block;
}

.dropdown-content .column a:hover {
    background-color: #ddd;
}