@charset "utf-8";
/*===========================================================*\
  메인 페이지에만 적용되는 스타일
\*===========================================================*/

#skip_to_container .main-jump { display: block; }

/* 헤더 */
#hd { position: fixed; top: 0; left: 0; width: 100%; max-width: 180px; height: 100%; background: #212436; border: 0; z-index: 10; }
#hd_logo { height: 6.111rem; }
#hd_logo a { width: 100%; }
#hd_logo .hd_logo_bk { display: none; }
#hd_logo .hd_logo_wt { display: block; }
#hd_logo img { margin: 0 auto; max-height: 2rem; }
#hd_button { display: none; }

@media (max-width: 1500.98px) {
    #hd_wrap { padding: 0; }
}
@media ( max-width: 1199.98px ) {
    #hd_wrap { padding: 0 1rem; }
    #hd { position: static; max-width: none; }
    #hd_logo { height: 4.5rem; }
    #hd_logo a { width: auto; }

    #hd_logo img { margin: 0 auto 0 0; }

    .offcanvas-toggle .icon-bar { background: #fff; }
}




/* GNB */
#gnb { position: static; top: auto; left: auto; right: auto; transform: none; margin-top: 2.778rem; }
#gnb_1dul { display: block; z-index: 1; }
#gnb_1dul .gnb_1dli { position: static; z-index: 1; }
#gnb_1dul .gnb_1dli::after { display: none; }
#gnb_1dul .gnb_1dli .gnb_1da { position: relative; justify-content: flex-start; display: inline-block; margin: 0.833rem 1.611rem; padding: 0.278rem;
    color: #fff; font-size: 1rem; font-weight: 400; letter-spacing: 0; transition: all .25s; }
#gnb_1dul .gnb_1dli .gnb_1da::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 0.111rem; background: #FFD731; transition: all .25s; }
/* #gnb_1dul .gnb_1dli:not(:last-child) .gnb_1da::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 0.111rem; background: #FFD731; transition: all .25s; } */

/* #gnb_1dul .gnb_1dli:last-child { margin-top: 8.333rem; }
#gnb_1dul .gnb_1dli:last-child .gnb_1da { justify-content: center; display: block; margin: 0 1.222rem; padding: 1.111rem 1.778rem 1.111rem 1rem; 
    background: url("../images/icon_lock.png") 1.3rem no-repeat; border-top: 1px solid rgba(188,206,252,0.3);
    text-align: right; color: #BCCEFC; font-size: 0.889rem; } */

/* GNB - 2차 메뉴 */
#gnb_1dul .gnb_2dul { transform: none; top: 0; left: auto; right: -12.5rem; bottom: 0; width: 12.5rem; min-width: auto; 
    padding: 9rem 1.389rem 0; background: #fff; border-radius: 0; transition: none; z-index: -1; overflow: hidden; }
#gnb_1dul .gnb_1dli_over .gnb_2dul, #gnb_1dul .gnb_1dli_over2 .gnb_2dul { top: 0; z-index: 1; }
#gnb_1dul .gnb_2dul::before { display: none; }
#gnb_1dul .gnb_2dli { border-bottom: 1px solid #ddd; }
#gnb_1dul .gnb_2dli:last-child { border: none; }
#gnb_1dul .gnb_2da { padding: 1rem 0; color: #111; }

/* GNB - 3차 메뉴 */
#gnb_1dul .gnb_3dul { position: static; left: auto; padding: 0 0 1rem; box-shadow: none; transition: none; }
#gnb_1dul .gnb_3dul::before { display: none; }
#gnb_1dul .gnb_3da { position: relative; padding: 0.333rem 0.556rem; }
#gnb_1dul .gnb_3da::before { content: "·"; position: absolute; top: 0.278rem; left: 0; }
/* #gnb_1dul .gnb_1dli .gnb_3dul { opacity: 1; visibility: visible; } */
#gnb_1dul .gnb_1dli_over .gnb_3dul { display: block; opacity: 1; visibility: visible; top: -5px; }
#gnb_1dul .gnb_1dli_over2 .gnb_3dul { display: block; opacity: 1; visibility: visible; top: 0; }

/* GNB :hover */
.gnb-bg.gnb-bg-on { height: auto; }

@media (hover: hover), (-ms-high-contrast:none) {
    #gnb_1dul .gnb_1dli .gnb_1da:hover { color: #FFD731; }
    #gnb_1dul .gnb_1dli .gnb_1da:hover::before { width: 100%; }
    /* #gnb_1dul .gnb_1dli:not(:last-child) .gnb_1da:hover { color: #FFD731; }
    #gnb_1dul .gnb_1dli:not(:last-child) .gnb_1da:hover::before { width: 100%; } */
}

/* 인트라넷 */
#hd .intranet { position: relative; display: block; margin-top: 8.333rem; padding: 0 0 0 1.278rem; background: url("../images/icon_lock.png") 30% 0.056rem no-repeat; 
    text-align: center; color: #BCCEFC; font-size: 0.889rem; }
#hd .intranet::before { content: ""; position: absolute; top: -1.833rem; left: 50%; transform: translateX(-50%); 
    width: calc(100% - 1.611rem); height: 1px; background: rgba(188, 206, 252, 0.3); }
@media ( max-width: 1199.98px ) {
    #hd .intranet { display: none; }
}


/* 비주얼 */
.main-vis { display: flex; margin-left: 180px; display: -ms-flexbox; display: flex; }

#vis { display: inline-block; width: 100%; max-width: 44%; overflow: hidden; }
#vis .slide-top{-webkit-animation:slide-top 1s cubic-bezier(.25,.46,.45,.94) both; animation:slide-top 1s cubic-bezier(.25,.46,.45,.94) both; }
@-webkit-keyframes slide-top {
    0% {-webkit-transform:translateY(0);transform:translateY(0)}
    100% {-webkit-transform:translateY(-500px);transform:translateY(-500px)}
}
@keyframes slide-top{
    0% {-webkit-transform:translateY(0);transform:translateY(0)}
    100% {-webkit-transform:translateY(-500px);transform:translateY(-500px)}
}

.vis-text { position: absolute; top: 34%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;
    font-family: 'NanumSquare', 'Pretendard', sans-serif; font-size: 2.611rem; font-weight: 300; letter-spacing: -0.131rem; }
.vis-text small { display: block; margin-bottom: 2rem; font-family: 'Poppins', sans-serif; font-size: 1.111rem; font-weight: 500; letter-spacing: 0.444rem; text-transform: uppercase; }
.vis-text span { font-family: 'InkLipquid', serif; font-size: 4.167rem; font-weight: 400; letter-spacing: -0.208rem; }
.vis-text p { line-height: 1.1; }

.vis-text.vis-text2 { font-size: 2rem; letter-spacing: -0.1rem; }
.vis-text.vis-text2 span { font-size: 3rem; letter-spacing: -0.1rem; }

.swiper-controller { position: absolute; bottom: 0; right: 0; width: 285px; height: 92px; background: #fff; border-radius: 30px 0 0 0; z-index: 1; }
#slider .swiper-button-prev, #slider .swiper-button-next { top: 50%; transform: translateY(-50%); margin: 0; background-size: contain;  }
#slider .swiper-button-next { background-image: url("../images/arrow_right.png"); }
#slider .swiper-button-prev { background-image: url("../images/arrow_left.png"); }

#slider .swiper-pagination-fraction { width: 50%; top: 50%; left: 50%; bottom: auto; transform: translate(-50%, -50%); 
    font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1rem; letter-spacing: 0; }
#slider .swiper-pagination-current { margin-right: 1.125rem; vertical-align: middle; font-weight: 900; font-size: 1.778rem; }
#slider .swiper-pagination-total { margin-left: 0.667rem; }

#slider .swiper-pagination-progressbar { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 205px; height: 3px; background: #ddd; }
#slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007E7E; }

@media ( max-width: 1399.98px ) {
    .main-vis { flex-direction: column; width: calc(100% - 180px); }
    #vis { max-width: none; }
    #slider .swiper-pagination-current { font-size: 1.4rem; }
}
@media ( max-width: 1199.98px ) {
    .main-vis { width: 100%; margin: 0; }
}
@media ( max-width: 767.98px ) {
    #slider { height: 500px; }
    .swiper-controller { width: 200px; height: 60px; }
    #slider .swiper-button-next { right: 10px; }
    #slider .swiper-button-prev { left: 15px; }
    #slider .swiper-pagination-current { margin-right: 0.5rem; }
    #slider .swiper-pagination-total { margin-left: 0.5rem; }
    #slider .swiper-pagination-progressbar { bottom: 0.2rem; width: 150px; }

    .vis-text { top: 28%; font-size: 2rem; letter-spacing: inherit; }
    .vis-text small { font-size: 0.889rem; }
    .vis-text span { font-size: 3rem; line-height: 1.2; }

    .vis-text.vis-text2 { font-size: 1.5rem; }
    .vis-text.vis-text2 span { font-size: 2.25rem; }
}




/* 배너 링크 */
.main-banner { display: flex; flex-wrap: wrap; width: 100%; max-width: 56%; }
.main-banner .mb-wrap { position: relative; width: 50%; min-height: 280px; overflow: hidden; }
.main-banner .mb-wrap:last-child { width: 100%; }
.main-banner .mb-wrap-link { cursor: pointer; }
.main-banner .mb-wrap .md-ban-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;
    background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; transition: all .25s; }
.main-banner .mb-wrap .md-ban-txt { width: 100%; height: 100%; padding: 2.8rem 1.5rem 2.5rem 2.556rem; }
.main-banner .mb-wrap .md-ban-txt h6 { font-size: 1.778rem; font-weight: 800; letter-spacing: -0.089rem; }
.main-banner .mb-wrap .md-ban-txt p { margin-top: 1.5rem; font-size: 0.889rem; font-weight: 300; }
.main-banner .mb-wrap .md-ban-txt .btn-more-03 { display: inline-block; margin-top: 2.222rem; }

.main-banner .mb-wrap:nth-child(1) .md-ban-item { background-image: url("../images/md_ban_01.jpg"); }
.main-banner .mb-wrap:nth-child(1) .md-ban-txt { color: #fff; }
.main-banner .mb-wrap:nth-child(1) .btn-more-03 { border-color: #fff; background-image: url("../images/btn_more_wt.png"); color: #fff; }
.main-banner .mb-wrap:nth-child(2) .md-ban-item { background-image: url("../images/md_ban_02.jpg"); }
.main-banner .mb-wrap:nth-child(2) .md-ban-txt { color: #214397; }
.main-banner .mb-wrap:nth-child(3) .md-ban-item { background-image: url("../images/md_ban_03.jpg"); }
.main-banner .mb-wrap:nth-child(3) .md-ban-txt { color: #214397; }
.main-banner .mb-wrap:nth-child(4) .md-ban-item { background-image: url("../images/md_ban_04.jpg"); }
.main-banner .mb-wrap:nth-child(4) .md-ban-txt { color: #fff; }
.main-banner .mb-wrap:nth-child(4) .btn-more-03 { border-color: #fff; background-image: url("../images/btn_more_wt.png"); color: #fff; }
.main-banner .mb-wrap:nth-child(5) .md-ban-item { background-image: url("../images/md_ban_05.jpg"); }
.main-banner .mb-wrap:nth-child(5) .md-ban-txt { color: #214397; }

.main-banner .mb-wrap .md-ban-content { width: 52%; margin: 0 0 0 auto; }
.main-banner .mb-wrap .md-ban-content .link-wrap { display: flex; flex-wrap: wrap; align-items: center; width:calc(100% + 2.2rem); margin-left:-1.1rem; }
.main-banner .mb-wrap .md-ban-content .link-wrap a { width:calc(50% - 2.2rem); margin: 2.222rem 1rem 0 1.2rem; transition: all .25s; }
.main-banner .mb-wrap .md-ban-content .link-wrap a:hover { transform: translateX(0.556rem); }
.main-banner .mb-wrap .btn-more-04 { }

@media ( min-width: 1400px ) and ( max-width: 1799.98px )  {
    .main-banner .mb-wrap:last-child { min-height: 250px; }
    .main-banner .mb-wrap:nth-child(5) .md-ban-txt { padding: 1.8rem 1.5rem 1.5rem 2.556rem; }
    /* .main-banner .mb-wrap .md-ban-content .link-wrap { margin-left: -1rem; }
    .main-banner .mb-wrap .btn-more-04 { margin: 1.25rem 0 0 1.25rem; } */
		.main-banner .mb-wrap .md-ban-content .link-wrap { width:100%; margin-left:0; margin-top:1rem; }
		.main-banner .mb-wrap .md-ban-content .link-wrap a { width:100%; margin:0.5rem 0 0 0; }
}
@media ( max-width: 1399.98px ) {
    .main-banner { max-width: none; }
    .main-banner .mb-wrap { min-height: 240px; }
    .main-banner .mb-wrap .md-ban-txt h6 { font-size: 1.5rem; }
}
@media ( max-width: 991.98px ) {
    /* .main-banner .mb-wrap .md-ban-content .link-wrap { flex-direction: column; align-items: flex-start; }
    .main-banner .mb-wrap .btn-more-04 { margin: 1rem 0 0 1.389rem; } */
}
@media ( max-width: 768px ) {
    .main-banner .mb-wrap .md-ban-content .link-wrap { flex-direction:column; align-items:flex-start; width:100%; margin-left:0; margin-top:1rem; }
		.main-banner .mb-wrap .md-ban-content .link-wrap a { width:100%; margin:0.5rem 0 0 0; }
}
@media ( max-width: 575.98px ) {
    .main-banner .mb-wrap.mb-wrap5 .md-ban-item { background-position: right; background-size: 200%; }
    .main-banner .mb-wrap { /* width: 100%; */ min-height: auto; }
    .main-banner .mb-wrap.mb-wrap2, .main-banner .mb-wrap.mb-wrap3 { width: 50%; }
    .main-banner .mb-wrap .md-ban-txt { padding: 2rem 1rem; }
    .main-banner .mb-wrap .md-ban-txt h6 { font-size: 1.25rem; }
    .main-banner .mb-wrap .md-ban-content { width: 100%; }
    .main-banner .mb-wrap .btn-more-04 { width: auto; }
    .main-banner .mb-wrap .md-ban-txt p { font-size: 1rem; }
    .main-banner .mb-wrap .md-ban-txt p br { display: none; }
}
@media ( min-width: 1400px ) and ( max-width: 1650px )  {
    #vis , .main-banner { max-width: 50%; }
}
@media (hover: hover), (-ms-high-contrast:none) {
    .main-banner .mb-wrap:hover .md-ban-item { transform: scale(1.05); }
    .main-banner .mb-wrap:hover .btn-more-03 { transform: translateX(0.8rem); }
}



/* 메인 레이아웃 */
#main { margin-left: 180px; }
#container { max-width: none; margin: 0; }

@media ( max-width: 1199.98px ) {
    #main { margin-left: 0; }
}




/* 메인 섹션 */
.main-section-01 { display: flex; justify-content: space-around; padding: 5.833rem 5rem; }
.main-section-02 { display: flex; align-items: center; }

.main-title-wrap {display: flex;justify-content: space-between;align-items: flex-start;}
.main-title { position: relative; display: inline-block; margin-right: 3.889rem; font-weight: 800; font-size: 2.222rem; letter-spacing: 0; margin-bottom:1rem !important;  }
.main-title::after { content: ""; position: absolute; top: 0; right: -1.375rem; width: 0.25rem; height: 0.75rem; background-color: #009152; transform: rotate(45deg); }
@media (max-width: 1600.98px) {
    .main-section-01 { padding: 5rem 1.5rem; }
}
@media (max-width: 1500.98px) {
    .main-section-01 { padding: 5rem 0; }
    .main-section-02 { margin: 0 -2rem; }
}
@media (max-width: 1399.98px) {
    .main-section-01 { flex-direction: column; align-items: center; }
    .main-title { font-size: 1.7rem; }
}
@media (max-width: 1199.98px) {
    .main-section-02 { margin: 0 -1rem; }
}
@media ( max-width: 991.98px ) {
    .main-section-01 { padding: 4rem 0; }
    .main-section-02 { display: block; }
}




/* 메인 탭 */
.main-tab { width: 60%; margin-right: 1.667rem; }
.main-tab .tab-menu { display: flex; align-items: baseline; }
.main-tab .tab-menu .main-title { margin-bottom: 0; }
.main-tab .tab-menu .nav-link { margin: 0.5rem 1.389rem; padding: 0; font-size: 1.222rem; font-weight: 500; transition: all .25s; }
.main-tab .tab-menu .nav-link.active span { position: relative; font-weight: 800; color: #214397; }
.main-tab .tab-menu .nav-link.active span::before { content: ""; position: absolute; bottom: 0; left: -0.944rem; right: -0.944rem; z-index: -1;
    height: 1.111rem; background-color: #DFE9F5; }
.main-tab .tab-content { position: relative; margin-top: 2.778rem; }
.main-tab .tab-content .tab-btn { position: absolute; top: -3rem; right: 1.5rem; padding-bottom: 2rem; text-align: right; }


.all-latest { display: flex; flex-wrap: wrap; }
.all-latest li { position: relative; width: calc(50% - 1rem); height: 18.333rem; margin: 0 1.889rem 1.222rem 0; padding: 3.056rem 1.944rem 1.667rem;
    border-radius: 1.111rem; box-shadow: 0 0.833rem 1.667rem rgba(0,0,0,0.1); transition: all .25s; }
.all-latest li:nth-child(even) { margin: 0 0 1.222rem 0; }
.all-latest li a { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; }
.all-latest li i { font-size: 0.889rem; font-weight: 500; letter-spacing: 0; color: #214397; }
.all-latest li p.title { font-size: 1.111rem; font-weight: 800; word-break: break-all; transition: all .25s;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.333rem; }
.all-latest li .content { font-weight: 300; color: #666; word-break: break-all;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3rem; }
.all-latest li span.date { padding-top: 0.889rem; border-top: 1px solid #ddd; font-size: 0.889rem; font-weight: 700; letter-spacing: 0; color: #064381; }

.all-latest .period { position: absolute; top: 0; right: 0; min-width: 110px; padding: 0.639rem 0.972rem; border-radius: 0 1.111rem 0 0.278rem; 
    color: #fff; text-align: center; font-size: 1rem; font-weight: 500; letter-spacing: -0.03rem; }

@media (max-width: 1399.98px) {
    .main-tab { width: 100%; margin: 0 0 5rem 0; }
    .all-latest li { width: calc(50% - 0.6rem); margin: 0 1.2rem 1.222rem 0; padding: 2rem 1rem 1.667rem; }
}
@media ( max-width: 991.98px ) {
    .main-tab .tab-menu { display: block; }
    .main-tab .tab-menu .nav { margin-top: 1rem; }
    .main-tab .tab-content { margin-top: 1rem; }
	.main-tab .tab-content .tab-btn { position: static; }
}
@media ( max-width: 575.98px ) {
    .main-tab .tab-menu .nav-link { margin: 0.5rem 1rem; font-size: 1rem; }
    .main-tab .tab-menu .nav-link.active::before { left: -0.5rem; right: -0.5rem; }
    .all-latest li { width: calc(50% - 0.5rem); height: 15rem; margin: 0 1rem 0.5rem 0; padding: 2rem 1rem 1rem; }
    .all-latest li p.title { font-weight: 600; }

    .all-latest .period { min-width: 70px; padding: 0.444rem 0.389rem; font-size: 0.778rem; }
}
@media (hover: hover), (-ms-high-contrast:none) {
    .main-tab .tab-menu .nav-link:hover { font-weight: 600; color: #214397; }
    .all-latest li:hover { transform: scale(1.02); }
    .all-latest li:hover p.title { color: #214397; }
}




/* 메인 캘린더 */
.main-calendar { width: 40%; margin-left: 30px; }
.main-calendar .ui-datepicker { width: 100%; padding: 0; border: 0; }
.main-calendar .ui-datepicker .ui-datepicker-header { padding: 0; background: transparent; border: 0; margin-bottom:1.2rem !important; }
.main-calendar .ui-datepicker .ui-datepicker-title { margin: 0 2.778rem; color: #111; font-family: 'Poppins', sans-serif; font-size: 1.667rem; font-weight: 700; letter-spacing: 0; }
.main-calendar .ui-datepicker .ui-datepicker-prev, .main-calendar .ui-datepicker .ui-datepicker-next { top: 50%; transform: translateY(-50%); border-radius: 50%;
   width: 45px; height: 45px; box-shadow: 0 0.556rem 0.833rem rgba(3,65,38,0.1); transition: all .25s; cursor: pointer; }
.main-calendar .ui-widget-header .ui-icon { width: 10px; height: 18px; background-image: url("../images/btn_arrow.png"); background-repeat: no-repeat;
     background-size: 51px; margin-left: -5px; }
.main-calendar .ui-datepicker .ui-datepicker-prev .ui-icon { background-position: -3px -2px; }
.main-calendar .ui-datepicker .ui-datepicker-next .ui-icon { background-position: -37px -2px; }

.main-calendar .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.main-calendar .ui-datepicker .ui-datepicker-next.ui-state-hover { background: #009152; border: 0; }
.main-calendar .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon { background-position: -3px -30px; }
.main-calendar .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon { background-position: -37px -30px; }

.main-calendar .ui-datepicker table { border-radius: 1.111rem 1.111rem 0 0; font-size: 1.111rem; overflow: hidden; }
.main-calendar .ui-datepicker thead { background: #212436; color: #fff; }
.main-calendar .ui-datepicker th { font-size: 1rem; font-weight: 700; }

.main-calendar .ui-datepicker td { position: relative; padding: 0; border: 1px solid #eee; text-align: center; }
.main-calendar .ui-widget-content .ui-state-default { display: inline-block; padding: 0.833rem 1rem; background: none; border: 0; 
    text-align: center; color: #666; font-weight: 500; }

.main-calendar .ui-widget-content .ui-datepicker-today span { width: 100%; border: 1px solid #666; background: #eee; font-weight: 700; }
.main-calendar .ui-widget-content .ui-datepicker-current-day .ui-state-active { width: 100%; border: 1px solid #009152; background: #009152; color: #fff;  font-weight: 700; }

.main-calendar .ui-widget-content .has { cursor: pointer; }
.main-calendar .ui-widget-content .has::before { content: ""; position: absolute; top: 1.111rem; right: calc(50% - 1.222rem); 
    width: 0.222rem; height: 0.389rem; background-color: #009152; transform: rotate(45deg) translate(-50%,-50%); }
.main-calendar .ui-widget-content .has .ui-state-default { color: #009152; font-weight: 700; }

.main-calendar .ui-widget-content .has .ui-state-active{ width: 100%; border: 1px solid #009152; background: #009152; color: #fff; font-weight: 700; }
.main-calendar .ui-widget-content .has .ui-state-active::after { content: ""; position: absolute; top: 1.111rem; right: calc(50% - 1.222rem);
    width: 0.222rem; height: 0.389rem; background-color: #fff; transform: rotate(45deg) translate(-50%,-50%); }

.main-calendar .ui-widget-content .ui-datepicker-unselectable { opacity: initial; }
/* .main-calendar .ui-widget-content .ui-datepicker-unselectable .ui-state-default { border: 1px solid transparent; } */

.main-cal-txt { min-height: 9.722rem; }
.main-cal-txt p.caution { margin: 0.62rem 1.111rem; padding-left: 1.667rem; background: url("../images/icon_caution.png") left 0.056rem / 1.222rem no-repeat;
    font-size: 0.889rem; font-weight: 300; }

.main-calendar .schedule { display: flex;height:12rem; padding: 0.222rem 0.333rem; background: #f5f5f5; }
.main-calendar .schedule .date-box { display: table; width: 4.45rem; height: 100%; background: #fff; }
.main-calendar .schedule .date { display: table-cell; vertical-align: middle;  color: #999; 
    text-align: center; font-size: 0.722rem; font-weight: 500; letter-spacing: 0; }
.main-calendar .schedule .date strong { display: block; font-size: 1.667rem; font-weight: 900; color: #009152; }
.main-calendar .schedule .date span { display:block; min-width: 18px; width:fit-content;margin:2px auto;padding:2px 10px; font-weight:600; line-height: 18px; letter-spacing: -.31px; color: #fff; white-space: nowrap; text-align: center; border-radius:10px; background-color: rgba(247, 89, 16, 0.89);}

.main-calendar .schedule-list { width: calc(100% - 4.45rem); padding: 1rem 1.111rem 0; overflow-y: scroll; }
.main-calendar .schedule-list li { margin-bottom: 0.4rem; }
.main-calendar .schedule-list::-webkit-scrollbar { width: 5px; }
.main-calendar .schedule-list::-webkit-scrollbar-track { margin: 0.667rem 0; background: #fff; }
.main-calendar .schedule-list::-webkit-scrollbar-thumb { background: #666; border-radius: 5px; }

@media (max-width: 1399.98px) {
    .main-calendar { width: 100%; margin: 0; }
    .main-calendar .ui-datepicker .ui-datepicker-title { font-size: 1.2rem; }
    .main-calendar .ui-datepicker .ui-datepicker-prev, .main-calendar .ui-datepicker .ui-datepicker-next { width: 34px; height: 34px; }
    .main-calendar .ui-widget-content .ui-state-default { padding: 0.5rem; }
    .main-calendar .ui-widget-content .ui-state-default.has::before { top: 0.556rem; right: 0.056rem; }
    .main-cal-txt p.caution { margin: 0.778rem 0.5rem; }
    .main-cal-txt p.caution br { display: none; }
    .main-calendar .schedule .date-box { width: 3.5rem; }
    .main-calendar .schedule-list { width: calc(100% - 3.5rem); }
    .main-cal-txt { min-height: auto; }
}
@media ( max-width: 575.98px ) {
    .main-calendar .ui-widget-content .ui-state-default.has::before { top: 0.6rem; right: calc(50% - 0.778rem); }
}




/* 퀵메뉴 */
.quick-menu-title { position: relative; width: 40%; padding: 3.167rem 0 3.167rem 5rem; background-color: #F2F5FC; border-radius: 0 8.333rem 0 0;
     user-select: none; overflow: hidden; }
.quick-menu-title::after { content: ""; position: absolute; bottom: 0; right: -4.333rem; width: 23rem; height: 16.389rem; 
    background: url("../images/quick_img.png") center / contain no-repeat; }
.quick-menu-title p { margin: 1.667rem 0 1.389rem; font-size: 1.111rem; font-weight: 500; color: #212436; }

.quick-menu-title .swiper-button-prev,
.quick-menu-title .swiper-button-next { position: static; display: inline-block; width: 50px; height: 50px; margin: 0; border-radius: 50%;
    background-color: #fff; background-image: url("../images/btn_arrow.png"); background-repeat: no-repeat; background-size: 60px; transition: background-color .25s; }
.quick-menu-title .swiper-button-prev { background-position: 15px -54px; margin-right: 0.278rem; }
.quick-menu-title .swiper-button-next { background-position: -22px -54px; }
.quick-menu-title .swiper-button-prev.swiper-button-disabled, .quick-menu-title .swiper-button-next.swiper-button-disabled { opacity: 0; }

.main-section-02 .swiper-container { width: 60%; padding: 0 1rem; margin: 0 2rem; }
.quick-slide .quick-img { position: relative; margin: 0 auto; width: 100%; }
.quick-slide .quick-img > div { width: 100%; padding-bottom: 100%; border-radius: 50%; box-shadow: 0 0.556rem 1.111rem rgba(44,48,71,0.1); }
.quick-slide .quick-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; z-index:1; }
.quick-slide .swiper-slide p { margin-top: 1.389rem; text-align: center; font-size: 1rem; font-weight: 800; color: #214397; }

.quick-slide .swiper-pagination-progressbar { position: static; height: 2px; margin-top: 2.222rem; background: #EDEDED; }
.quick-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #4D75D9; }

.slide-top { -webkit-animation: slide-top 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
@-webkit-keyframes slide-top {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}
@keyframes slide-top {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
} 

/* @media ( max-width: 1599.98px ) {
    .quick-menu-title { padding: 3.167rem 0 3.167rem 2rem; }
    .quick-menu-title::after { height: 14rem; }
} */
@media ( max-width: 1650px )  {
    .quick-menu-title::after { height: 14rem; }
    /* .main-section-02 .swiper-container { margin: 0 2rem; } */
}
@media ( min-width: 991.98px ) and ( max-width: 1599.98px ) {
    .main-section-02 { display: block; }
    .quick-menu-title { width: 90%; padding: 2.167rem 0 1.167rem 5rem; } 
    .quick-menu-title p { margin: 1rem 0; }
    .main-section-02 .swiper-container { width: 100%; margin: 2rem 0; padding: 0 2rem; }
    .quick-menu-title::after { height: 13rem; }
}
@media ( max-width: 1199.98px ) {
}
@media ( max-width: 991.98px ) {
    .quick-menu-title { /* width: 100%; max-width: 530px; */ width: 90%; padding: 2rem 0 1rem 2rem; }
    .quick-menu-title::after { right: -2rem; /* width: 14rem; height: 8rem; */ }
    .quick-menu-title .swiper-button-prev.swiper-button-disabled, .quick-menu-title .swiper-button-next.swiper-button-disabled { opacity: 0.35; }
    .quick-menu-title p { margin: 1rem 0; }
    .main-section-02 .swiper-container { width: 100%; margin: 0; padding: 2rem 1rem; }
}
@media ( max-width: 575.98px ) {
    .quick-menu-title::after { right: -8rem; height: 10rem; }
}
@media (hover: hover), (-ms-high-contrast:none) {
    .quick-menu-title .swiper-button-prev:hover, .quick-menu-title .swiper-button-next:hover { background-color: #009152; }
    .quick-menu-title .swiper-button-prev:hover { background-position: 15px -20px; }
    .quick-menu-title .swiper-button-next:hover { background-position: -22px -20px; }

    .quick-slide .quick-img:hover { -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
}




/* 푸터 */
#ft { margin-left: 180px; }
#ft_wrap { width: calc(100% - 5rem); margin: 0 0 0 5rem; }

@media ( max-width: 1855.98px ) {
    #ft_wrap { padding: 0 2rem; }
}
@media ( max-width: 1499.98px ) {
    #ft_wrap { width: calc(100% - 1rem); margin: 0 0 0 1rem; }
    #ft_info { width: calc(100% - 190px - 2.444rem); margin: 2.944rem 0 4.944rem 2.444rem; }
}
@media ( max-width: 1399.98px ) {
    #ft_sign { margin: 2.833rem 0 2rem; }
    #ft_info { width: 100%; margin: 0 0 5rem; }
    #ft_link { flex-direction: column; margin-left: 0; }
    #ft_link .intranet { margin-top: 1.5rem; }
    #ft_info, #ft_link, #ft_copy { text-align: left; }
    #ft_info .ft_comp > ul { justify-content: flex-start; }
    #ft_info .ft_comp > ul > li > dl { margin-left: 0; }
    .mark-wrap { position: static; margin-top: 3rem; }
}

@media ( max-width: 1199.98px ) {
    #ft { margin-left: 0; }
    #ft_wrap { width: 100%; margin: 0; padding: 0 1rem; }
    #ft_info { width: 100%; margin: 2.944rem 0 4.944rem 0; }
}