<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ==================================================================================
    main-spot-area
================================================================================== */
.main-spot-area {
    position: relative;
    height: auto;
    margin: 0 auto;
    /*border-bottom: 4px solid #0e2a5c;*/
}

.main-banner-area .main-slide-banner-area .bg-main-banner-default .main-banner-bg .inner-wrap {
    height: auto;
}

/* ==================================================================================*/
/*    메인배너 - main-banner
/*================================================================================== */
.main-banner {
    position: relative;
    padding: 85px 0 0px;
}
.main-banner-bg .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-banner-notion {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    gap: 12px;
    background: linear-gradient( -90deg, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 85%);
    padding: 33px 40px;
    border-radius: 10px;
}
.main-banner h1 {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 55px;
    font-weight: 900;
    color: #fff;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 60%);
}
.main-banner h1 b {
    font-weight: 900;
    color: #FFFF80;
    /*color: #d0ffda;*/
}
.main-banner h2 {
    margin: 0 0 34px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 60%);
    font-style: italic;
}
.main-banner h2 sup {
    position: relative;
    font-size: 13px;
    font-weight: 700;
    top: -10px;
    left: 3px;
}
.main-banner p.date {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 60%);
}
.main-banner p.date b {
    font-size: 224px;
    font-weight: 900;
    color: #FFFF80;
}
.main-banner p.place {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 60%);
}
.main-banner p.date sup {
    position: relative;
    font-size: 13px;
    font-weight: 700;
    top: -10px;
    left: 0px;
}

/* quick-button */
.quick-button {
    position: relative;
    width: 100%;
    padding: 70px 0 0;
    z-index: 2;
}
.quick-button &gt; ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 0 20px;
    /*gap: 16px;*/
    width: 100%;
}
.quick-button &gt; ul &gt; li {
    flex-grow: 1;
    width: 100%;
}
.quick-button &gt; ul &gt; li &gt; a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 35px 20px;
    text-align: center;
    font-weight: 700;
    color: #000000;
    /*border-radius: 10px;*/
    background-color: rgba(255, 255, 255, 0.93);
    transition: all 0.25s;
}
.quick-button &gt; ul &gt; li:first-child &gt; a {
    border-radius: 15px 0 0 15px;
}
.quick-button &gt; ul &gt; li:last-child &gt; a {
    border-radius: 0 15px 15px 0;
}
.quick-button &gt; ul &gt; li &gt; a &gt; .hydrated {
    width: 33px;
    height: 33px;
    color: rgb(0 49 141);
}

.quick-button &gt; ul &gt; li &gt; a:hover {
    color: #00569f;
    background-color: rgb(209, 233, 244);
}
.quick-button &gt; ul &gt; li &gt; a span.title {
    display: block;
    line-height: 1;
    font-size: 21px;
    font-weight: 900;
}
.quick-button &gt; ul &gt; li &gt; a small {
    display: block;
    line-height: 1;
    font-size: 15px;
    font-weight: 700;
}

/* 기본 hover 색상 */
.quick-button &gt; ul &gt; li.highlight a {
    color: #fff;
    background-color: #36D686;
}
.quick-button &gt; ul &gt; li.highlight a:hover {
    background-color: rgb(23 74 155 / 100%);
}
.quick-button &gt; ul &gt; li.highlight-blue a {
    color: #fff;
    background-color: #427EE3;
}
.quick-button &gt; ul &gt; li.highlight-blue a:hover {
    background-color: #2C70E0;
}
.quick-button &gt; ul &gt; li.highlight-red a {
    color: #fff;
    background-color: #FF8080;
}
.quick-button &gt; ul &gt; li.highlight-red a:hover {
    background-color: #FF3131;
}


/* ==================================================================================
    컨텐츠 영역 - 공통
================================================================================== */
#container {

}

.main-contents h3 {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    font-size: 21px;
    font-weight: 900;
    color: #333;
    letter-spacing: -0.75px;
}
.main-contents h3 a {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
}

.main-contents .welcome-area,
.main-contents .important-dates-area,
.main-contents .notice-area {
    padding: 20px;
    border: 1px solid #eee;
}

.main-contents h3 {
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-align: center;
    font-size: 17px;
    font-weight: 800;
    color: #fff;
    border: 0;
    background-color: #FF6D68;
}

/* ==================================================================================
    컨텐츠 영역 - 주요일정, 공지사항
================================================================================== */
#container .main-contents .section-col1 {
    padding: 35px 0;
}
#container .main-contents .section-col1 .inner-wrap {
    display: flex;
    flex-flow: row nowrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2%;
}

/* welcome-area */
#container .main-contents .welcome-area {
    flex: 1 1 32%;
}
#container .main-contents .welcome-area p {
    margin: 0 0 24px;
    font-weight: 700;
}
#container .main-contents .welcome-area p:last-child {
    margin: 0;
}

/* important-dates-area */
#container .main-contents .important-dates-area {
    flex: 1 1 48%;
}
#container .main-contents .important-dates-area .important-dates {

}
#container .main-contents .important-dates-area .important-dates &gt; ul {

}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 7px;
    padding: 0 0 7px;
    border-bottom: 1px dotted #dfdfdf;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li &gt; .title ion-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li &gt; .title {
    display: block;
    font-size: 16px;
    font-weight: 800;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li &gt; .title b {
    font-weight: 800;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li &gt; .title small {
    display: inline-block;
    margin-left: 5px;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li &gt; .date {
    font-size: 15px;
    font-weight: 800;
    color: #0f6cb1;
}
#container .main-contents .important-dates-area .important-dates &gt; ul &gt; li &gt; .date s {
    color: #999;
}

/* notice-area */
#container .main-contents .notice-area {
    flex: 1 1 50%;
}
#container .main-contents .notice-area .notice-list {

}
#container .main-contents .notice-area .notice-list &gt; ul {

}
#container .main-contents .notice-area .notice-list &gt; ul &gt; li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 7px;
    padding: 0 0 7px;
    border-bottom: 1px dotted #dfdfdf;
}
#container .main-contents .notice-area .notice-list &gt; ul &gt; li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}
#container .main-contents .notice-area .notice-list &gt; ul &gt; li &gt; a.title {
    flex: 1 1 512px;
    max-width: 512px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 800;
}
#container .main-contents .notice-area .notice-list &gt; ul &gt; li &gt; span.date {
    flex: 1 1 100px;
    max-width: 100px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #999;
}
/*topics-area*/
#container .main-contents .topics-area {
    flex: 1 1 100%;
    padding: 20px;
    border: 1px solid #eee;
    margin: 20px 0;
}
#container .main-contents .topics-area .title-area {
    display: flex;
    justify-content: space-between;
}
#container .main-contents .topics-area .title-area .hydrated {
    width: 25px;
    height: 25px;
}
#container .main-contents .topics-area h3 {
    background-color: #ffb568;
}
#container .main-contents .topics-area .section-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
#container .main-contents .topics-area .section-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 2px solid #ffb568;
    border-radius: 6px;
    background-color: #fff9f3;
    font-weight: 800;
    font-size: 14px;
}

/* ==================================================================================
    컨텐츠 영역 - 후원 및 협찬
================================================================================== */
#container .main-contents .section-col2 {
    padding: 35px 0;
    background-color: #eef4f5;
}

#container .main-contents .section-col2 .inner-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 80px;
}

/* sponsor-area */
#container .main-contents .sponsor-area {
    width: 100%;
}
#container .main-contents .sponsor-area .sponsor-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
#container .main-contents .sponsor-area .sponsor-list {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
#container .main-contents .sponsor-area .sponsor-list li {
    display: inline-block;
}
#container .main-contents .sponsor-area .sponsor-list li a {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #2a7781;
}

/* supported-area */
#container .main-contents .supported-area {
    width: 100%;
}
#container .main-contents .supported-area .supported-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
#container .main-contents .supported-area .supported-list {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
#container .main-contents .supported-area .supported-list li {
    display: inline-block;
}
#container .main-contents .supported-area .supported-list li.ready {
    font-size: 17px;
    color: #999;
}
#container .main-contents .supported-area .supported-list li a {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #174A9B;
}

/* ==================================================================================
    layer popup
================================================================================== */
.layer-popup-area {
    display: none;
    position: absolute;
    top: 120px;
    width: 640px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,0.45);
    z-index: 999;
}

/* contents */
.layer-popup-area .cont {
    /*padding: 40px 30px 50px;*/
    line-height: 1.5;
    font-size: 17px;
    border-top: 10px solid #0068B7;
    border-radius: 5px 5px 0 0;
}
.layer-popup-area .cont h1 {
    /*margin: 0 0 30px;*/
    padding: 0 0 30px;
    line-height: 1.3;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    border-bottom: 1px solid #eee;
}
.layer-popup-area .cont .highlight-box {
    margin: 0 0 20px;
    padding: 20px;
}
.layer-popup-area .cont .highlight-box ul {
    margin-bottom: 0;
}
.layer-popup-area .cont .highlight-box ul li {
    font-size: 15px;
    font-weight: bold;
    color: #33f;
}
.layer-popup-area .cont .highlight-box ul li:last-child {
    margin: 0;
}
.layer-popup-area .cont p {
    /*margin: 0 0 20px;*/
    font-size: 15px;
    line-height: 1.58;
    word-break: keep-all;
    white-space: normal;
}
.layer-popup-area.pop1 .cont p {
    font-size: 19px;
}
.layer-popup-area .cont p.name {
    font-size: 17px;
    font-weight: bold;
}
.layer-popup-area .cont p b {
    font-weight: bold;
}
.layer-popup-area .cont p.small {
    margin: 2px 0 3px;
    font-size: 13px;
}
.layer-popup-area .cont .box-small {
    margin: 5px 0;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: #fafafa;
}
.layer-popup-area .cont ol {
    list-style-type: decimal;
    margin: 0 0 30px 20px
}
.layer-popup-area .cont ol li {
    margin: 0 0 20px;
}
.layer-popup-area .cont ul {
    list-style-type: disc;
    margin: 10px 0 30px 20px
}
.layer-popup-area .cont ul li {
    position: relative;
    margin: 0 0 10px;
}
.layer-popup-area .cont ul li .title {
    float: left;
}
.layer-popup-area .cont ul li .date {
    float: right;
}
.layer-popup-area .cont .text-danger {
    color: #f33;
}
.layer-popup-area .cont .button {
    margin: 20px 0 0;
    text-align: center;
}
.layer-popup-area .cont .button a.btn {
    margin: 0 10px;
    border-radius: 2px;
}
.layer-popup-area .close {
    float: none;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    font-weight: 300;
    text-align: right;
    color: #fff;
    text-shadow: none;
    border-radius: 0 0 5px 5px;
    background-color: #0068b7;
    opacity: 1;
}
.layer-popup-area .close .check input {
    vertical-align: middle;
}
.layer-popup-area .close .check label {
    margin: 0 0 0 5px;
    vertical-align: middle;
    cursor: pointer;
}
.layer-popup-area .close .btn-close {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

/* popup1 */
.layer-popup-area.pop1 {
    /*display: none;*/
    top: -600px;
    right: -40px;
    width: 700px;
}

/* popup2 */
.layer-popup-area.pop2 {
    /*display: none;*/
    top: -460px;
    right: 0;
    width: 640px;
}
</pre></body></html>