BODY, table, tr, td{font-family: 돋움; font-size: 9pt; color:#636466; line-height:120%}
 A:link    {font:9pt 돋움;color:#636466;text-decoration:none;}
 A:visited {font:9pt 돋움;color:#636466;text-decoration:none;}
 A:active  {font:9pt 돋움;color:#636466;text-decoration:none;}
 A:hover  {color:#FF6D00;text-decoration:underline;}

.if:link    {font:9pt 돋움;color:#58595B;text-decoration:none;}
.if:visited {font:9pt 돋움;color:#58595B;text-decoration:none;}
.if:active  {font:9pt 돋움;color:#58595B;text-decoration:none;}
.if:hover  {color:#58595B;text-decoration:none;}

input {border:1px #CCCCCC solid;}

/* 이벤트스타일 */

.ev:link    {font:9pt 돋움;color:#517498;text-decoration:none;}
.ev:visited {font:9pt 돋움;color:#517498;text-decoration:none;}
.ev:active  {font:9pt 돋움;color:#517498;text-decoration:none;}
.ev:hover  {color:#517498;text-decoration:none;}

.ev1:link    {font:9pt 돋움;color:#636466;text-decoration:none;}
.ev1:visited {font:9pt 돋움;color:#636466;text-decoration:none;}
.ev1:active  {font:9pt 돋움;color:#636466;text-decoration:none;}
.ev1:hover  {color:#636466;text-decoration:none;}
.ev1 {color:#B0B0B0;}

.ev2:link    {font:9pt 돋움;color:#636466;text-decoration:underline;}
.ev2:visited {font:9pt 돋움;color:#636466;text-decoration:underline;}
.ev2:active  {font:9pt 돋움;color:#636466;text-decoration:underline;}
.ev2:hover  {color:#FF6D00;text-decoration:underline;}
.ev2 {color:#B0B0B0;}

IMG {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none}
.img01 {border:solid #CCCCCC 1px; margin-right:4px;}


.big_txt {font-family: 돋움; font-size: 14pt; color:#636466; line-height:120%}




ul.menu {
    display: flex;
    list-style-type: none;
    padding: 0;
    background-image: repeating-linear-gradient(135deg, #880020, #880020 2px, #921a37 2px, #921a37 4px);
    border-radius: 0.3em;
    font-size: 0.8em;
}
ul.menu li {
    flex-grow: 1;
    flex-basis: 0;
}
ul.menu li a { 
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 1em 0;
    position: relative;
}
ul.menu li a::before {
    position: absolute;
    display: inline-block;
    content: ''; 
    width: 2em;
    height: 2em;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0.4em;
    margin-left: -2em;
    top: calc(50% - 1em);
}
ul.menu li a:hover, 
ul.menu li a.active, 
ul.menu li a.active::before {
    color: #fdff27;
}

ul.menu li a:hover::before, 
ul.menu li a.active::before {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23fdff27" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>');
    animation: menu-pointer 0.5s infinite alternate;
}

@media only screen and (max-device-width: 1024px) {
ul.menu li a::before {
    background-size: 60% 60%;
}
}

@keyframes menu-pointer {
    0% { margin-left: -2em; }
    100% { margin-left: -4em; }
}