@charset "utf-8";


/* 팝업 */
.main__popup-wrap{position:fixed; top: 0; z-index:10000; width: 100%; height: 100vh;}
.main__popup-wrap::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.7)}
.popup_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-x: hidden; max-width:1315px; width: 95%; height:auto; margin: 0 auto;}
.popup_wrap.type1 {width: 450px;}
.popup_wrap.type2 {width: 900px;}
.popup_wrap .tit{position:relative; text-align:center; margin-bottom:60px; font-size:30px; color:#dddddd; font-family:'NS'; letter-spacing:-0.030em}
.popup_wrap .tit b{color:#ffffff; font-size:32px; font-family:'NSB'}
.popup_wrap .tit b span{color:#33ccff}
.popup_wrap .bx-viewport{z-index:1}
.popup_wrap .bx-controls{position: absolute;bottom: -100px;left: 50%;transform: translateX(-50%);}
.popup_wrap .divpop{}
.popup_wrap .divpopa{text-align:center}
.popup_wrap .divpopa a{display:block}
.popup_wrap .divpopa a:focus {border: 2px solid #ff0000;}
.popup_wrap .divpopa img{width: 100%; aspect-ratio: 40 / 56;}
.popup_wrap .divpopb{overflow:hidden; position:relative; margin:0 auto; background-color: #ffffff;}
.popup_wrap .divpopb div{float:left; position:relative; z-index:1; height:20px; padding:10px;}

.popup_wrap .divpopb div input[type="checkbox"]:focus + label {outline: 2px solid #007aff;}
.popup_wrap .divpopb div label{display:inline-block; position:relative; padding-left:24px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:20px}
.popup_wrap .divpopb div input[type="checkbox"]{position:absolute;top: 3px;left: 0;width:16px;height:16px;margin: 0;border:2px solid #222222;border-radius:2px}
.popup_wrap .divpopb div input[type="checkbox"]:checked:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '✔'; font-size: 10px;}

.popup_wrap .divpopb div label span{color:#222222; font-size:18px; font-family:'NS'; letter-spacing:-0.030em}
.popup_wrap .divpopb a{float:right; position:relative; z-index:1; width:40px; height:40px; background-color:#ffffff; font-size:0; border-radius:20px}
.popup_wrap .divpopb a::before{content:''; position:absolute; top:11px; left:19px; transform:rotate(45deg); width:2px; height:18px; background-color:#333333}
.popup_wrap .divpopb a::after{content:''; position:absolute; top:19px; left:11px; transform:rotate(45deg); width:18px; height:2px; background-color:#333333}

.popup-util {display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; padding: 20px; background-color: #2c333f; box-sizing: border-box;}
.popup-util .popup-pagination {width: auto; text-align: center;}
.popup-util .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0; border-radius: 100%; background-color: #ffffff !important; opacity: .4 !important; vertical-align: middle;}
.popup-util .swiper-pagination-bullet-active {width: 40px; border-radius: 5px; opacity: 1 !important; vertical-align: middle;}
.popup-util .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 10px !important;}

@media only screen and (max-width:1100px) {
    .popup_wrap {width: 80%;}
    .popup_wrap.type2 {width: 80%;}
}

@media only screen and (max-width:768px) {
    .popup_wrap {width: 360px;}
    .popup_wrap.type2 {width: 360px;}
    /*.popup_wrap .divpopa img {max-width: 300px; max-height: 300px;}*/
    .popup_wrap .tit {margin-bottom: 30px; font-size: 20px;}
    .popup_wrap .tit b {font-size: 25px;}
    .popup_wrap .divpopb div label span {font-size: 16px;}
}

@media only screen and (max-width:480px) {
    .popup_wrap {width: 80%; max-width: 350px;}
    .popup_wrap.type1 {width: 80%; max-width: 350px;}
    .popup_wrap.type2 {width: 80%; max-width: 350px;}
}

.main_skip {display:none;}

.main-wrap {padding-top: 127px;}

@media only screen and (max-width:1250px) {
    .main-wrap {padding-top: 100px;}
}
@media only screen and (max-width:1120px) {
    .main-wrap {padding-top: 80px;}
}
@media only screen and (max-width:1080px) {
    .main-wrap {padding-top: 60px;}
}

/* 공통 */
.section{
    max-width: 2000px;
    margin: 0 auto;
}
.section > .inner{
    width: 1400px;
    margin: 0 auto;
}
.main_tit{
    display: inline-block;
    font-size: 44px;
    font-weight: 600;
    letter-spacing: -4.5px;
    line-height: 1;
    z-index: 1;
}
.main_txt{
    margin: 17px 0 34px 0;
    font-size: 20px;
    font-weight: 500;
    color: #666;
    letter-spacing: -1.5px;
}
.all_view{
    padding-right: 20px;
}
.all_view:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 11px;
    height: 10px;
    background-image: url(/images/subSite/main/all_view_icon.png);
}

@media screen and (max-width: 1400px) {
    /*#container > .con_wrap{padding-top: 135px;}*/
    .section > .inner{width: 100%;}
    .main_txt{margin: 15px 0 10px;}
    .main_tit{font-size: 1.8rem;letter-spacing: -2.2px;}
}
@media screen and (max-width: 1100px) {
    /*.popup_wrap{display:none;}*/
}
@media screen and (max-width: 768px) {
    /*#container > .con_wrap{padding-top: 90px;}*/
    .main_tit{font-size: 24px;}
    .main_txt{font-size: 1.1rem;margin: 20px 0 15px;}
    .section02 .inner .program_wrap .all_view {top: 1px;}
}
@media screen and (max-width: 480px) {
    /*#container > .con_wrap{padding-top: 81px;}*/
}


/* //공통 */

/* hover 효과 */
@media screen and (min-width: 1400px) {
    .all_view:hover:before {
        animation: spin 1.5s;
    }

    /*.section01:before {*/
    /*    animation: cloud3 30s linear infinite;*/
    /*}*/

    /*.section01:after {*/
    /*    animation: cloud4 60s linear infinite;*/
    /*}*/

    .section01 .box .bottom .favorite_menu_wrap .menu_wrap a:hover .img_wrap {
        animation: up 1.5s;
    }

    .section01 .box .bottom .favorite_menu_wrap .menu_wrap a:hover .img_wrap img {
        animation: shake 0.5s;
    }

    .section01 .box .bottom .favorite_menu_wrap .menu_wrap a:hover .link:after {
        animation: iteration-count 1.5s infinite;
    }

    .program_wrap .program_con .con_wrap .con:hover {
        animation: up2 .5s forwards;
    }

    .program_wrap .program_con .con_wrap .con:hover .state {
        background-color: #e77400;
        color: #fff;
        transition: all .5s;
    }

    .program_wrap .program_con .con_wrap .con:hover .state.ing {
        background-color: #2e8ed8;
        color: #fff;
        transition: all .5s;
    }

    .program_wrap .program_con .con_wrap .con:hover .state.end {
        background-color: #444;
        color: #fff;
        transition: all .5s;
    }


    .section02 .gallery_wrap .gallery .con:hover {
        animation: up3 .5s forwards;
    }

    .section02 .gallery_wrap .gallery .con:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }

    .section03:before {
        animation: cloud1 60s linear infinite;
    }

    .section03:after {
        animation: cloud2 40s linear infinite;
    }

    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li a:hover:after {
        content: '';
        animation: line 0.5s forwards;
        height: 2px;
        position: absolute;
        bottom: -5px;
        left: 0;
        background: #444;
    }

    .section03 .tab_contents .list_wrap .list_inner .list:hover .tit {
        font-weight: 700;
    }

    .section03 .tab_contents .list_wrap .list_inner .list:hover .day {
        transform: translateY(-30px);
    }

    .section03 .tab_contents .list_wrap .list_inner .list:hover .arrow {
        transform: translateY(0);
    }

    /* //hover 효과 */
    /* keyframes */
    @keyframes shake {
        0% {
            transform: rotate(0deg);
        }
        20% {
            transform: rotate(-7deg);
        }
        40% {
            transform: rotate(7deg);
        }
        60% {
            transform: rotate(-5deg);
        }
        80% {
            transform: rotate(5deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }
    @keyframes up {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-10px);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes up2 {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-15px);
            box-shadow: 8px 8px 12px -8px rgba(0, 0, 0, 0.35);
        }
    }
    @keyframes up3 {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-5px);
        }
    }
    @keyframes up4 {
        0% {
            transform: translateY(0);
            opacity: 1;
        }
        20% {
            opacity: 0.8;
        }
        40% {
            opacity: 0.6;
        }
        60% {
            opacity: 0.4;
        }
        80% {
            opacity: 0.2;
        }
        100% {
            transform: translateY(-30px);
            opacity: 0;
        }
    }
    @keyframes iteration-count {
        from {
            right: 0;
        }
        to {
            right: -10px;
        }
    }
    @keyframes spin {
        0% {
            transform: translateY(-50%) rotate(0deg);
        }
        100% {
            transform: translateY(-50%) rotate(360deg);
        }
    }
    @keyframes line {
        0% {
            width: 0;
        }
        100% {
            width: 100%;
        }
    }
    @keyframes cloud1 {
        0% {
            left: -20vw;
        }
        100% {
            left: 100vw;
        }
    }
    @keyframes cloud2 {
        0% {
            left: -10vw;
        }
        100% {
            left: 100vw;
        }
    }
    @keyframes cloud3 {
        0% {
            left: -2vw;
        }
        100% {
            left: 100vw;
        }
    }
    @keyframes cloud4 {
        0% {
            left: -10vw;
        }
        100% {
            left: 100vw;
        }
    }

}

/* //keyframes */

/* section01 */
.section01{
    position: relative;
    max-width: none;
    overflow: hidden;
    height: 980px;
    padding-top: 160px;
    /*background-image: url("/images/subSite/main/visual_bg.png");*/
    background-image: url("/images/subSite/main/visual_bg_new.png");
    background-position: center;
    background-repeat: no-repeat;
}
.section01 > .inner:first-child {position: relative;}
.section01 > .inner:first-child:before {content: ''; display: inline-block; position: absolute; top: 0; left: 56%; transform: translateX(-9%); width: 183px; height: 145px; background-image: url("/images/subSite/main/main_visual_leaf.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.section01 > .inner:first-child:after{content: ''; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-43%); width: 490px; height: 267px; background-image: url("/images/subSite/main/oneclick_main_design.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
/*.section01:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 470px;*/
/*    width: 329px;*/
/*    height: 46px;*/
/*    background-image: url(/images/subSite/main/cloud04.png);*/
/*    background-repeat: no-repeat;*/
/*    opacity: 0.8;*/
/*}*/
/*.section01:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 300px;*/
/*    width: 197px;*/
/*    height: 57px;*/
/*    background-image: url(/images/subSite/main/cloud05.png);*/
/*    background-repeat: no-repeat;*/
/*}*/
.section01 > .inner{
    margin-top: 47px;
}
.section01 .box{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    z-index: 1;
}
.section01 .box .left{
    width: 900px;
}

@media screen and (max-width: 1400px) {
    .section01{overflow: inherit;height: auto;padding-top: 0;background-position: top; background-size: auto 85%;}
    .section01 > .inner{margin-top: 0;}
    .section01 .box{justify-content: space-between;}
    .section01 > .inner:first-child:before {display: none;}
    .section01 > .inner:first-child:after{display: none;}
}


@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1080px) {
    .section01{background-size:auto 47%;}
    .section01 .box .left{width: 100%;}
}

@media screen and (max-width: 768px) {
    .section01{overflow: inherit;height: auto;padding-top: 0;background-position: top;}
    .section01 > .inner{margin-top: 0;}
    .section01 .box{justify-content: center;}
    .section01:before{display: none;}
    .section01:after{display: none;}
}




.visual_slide01{
    position: relative;
}
/*.visual_slide01 .swiper-slide > img{*/
/*    width: 900px;*/
/*    height: 500px;*/
/*    object-fit: cover;*/
/*}*/
.visual_slide01 .paging_wrap{
    display: flex;
    position: absolute;
    bottom: 60px;
    height: 50px;
    border-radius: 0 0 20px 20px;
    z-index: 1;
}
.visual_slide01 .paging_wrap .inner{
    position: relative;
    width: 120px;
    height: 100%;
}
.visual_slide01 .paging_wrap .inner .swiper-pagination{
    top: 0;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    font-size: 20px;
    font-weight: 500;
    color: #666;
}
.visual_slide01 .paging_wrap .inner .swiper-pagination .swiper-pagination-current{
    color: #005098;
}
.visual_slide01 .paging_wrap .inner .btn_pause{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 7px;
    height: 12px;
    background-image: url(/images/subSite/main/main_stop.png);
    background-size: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
}
.visual_slide01 .paging_wrap .inner .btn_pause.on{
    right: 44px;
    width: 10px;
    height: 11px;
    background-image: url(/images/subSite/main/main_play.png);
}
.visual_slide01 .paging_wrap .inner .swiper-button-prev{
    top: auto;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
.visual_slide01 .paging_wrap .inner .swiper-button-prev:after{
    width: 34px;
    height: 13px;
    font-size: 0;
    background-image: url(/images/subSite/main/visual01_prev.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.visual_slide01 .paging_wrap .inner .swiper-button-next {
    top: auto;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
.visual_slide01 .paging_wrap .inner .swiper-button-next:after{
    width: 34px;
    height: 13px;
    font-size: 0;
    background-image: url(/images/subSite/main/visual01_next.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px){
    .visual_slide01 .paging_wrap{bottom: 0; top: 0; right: 25px; }
}
@media screen and (max-width: 480px){
    .visual_slide01 .paging_wrap .inner .swiper-pagination{font-size: 18px;}
}

.section01 .box .right{
    width: 500px;
    overflow: hidden;
    padding-right: 10px;
}
.visual_slide02{
    position: relative;
    box-shadow: 7px 8px 4px 0px #00000010;
    border-radius: 20px;
}
.visual_slide02 .swiper-slide > img{
    width: 500px;
    height: 300px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}
.visual_slide02 .paging_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 70px;
    background: #fff;
    border-radius: 0 0 20px 20px;
}
.visual_slide02 .paging_wrap .txt{
    margin-left: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #222;
}
.visual_slide02 .paging_wrap .txt span{
    font-weight: 700;
}
.visual_slide02 .paging_wrap .inner{
    position: relative;
    width: 140px;
    height: 100%;
}
.visual_slide02 .paging_wrap .inner .swiper-pagination{
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    font-size: 20px;
    font-weight: 500;
    color: #666;
    line-height: 1.3;
}
.visual_slide02 .paging_wrap .inner .swiper-pagination .swiper-pagination-current{
    color: #005098;
}
.visual_slide02 .paging_wrap .inner .btn_pause{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 47px;
    width: 7px;
    height: 12px;
    background-image: url(/images/subSite/main/main_stop.png);
    background-size: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
}
.visual_slide02 .paging_wrap .inner .btn_pause.on{
    right: 44px;
    width: 10px;
    height: 11px;
    background-image: url(/images/subSite/main/main_play.png);
}
.visual_slide02 .paging_wrap .inner .swiper-button-prev{
    left: 68px;
    width: auto;
}
.visual_slide02 .paging_wrap .inner .swiper-button-prev:after{
    font-size: 14px;
    color: #5b5b5b;
}
.visual_slide02 .paging_wrap .inner .swiper-button-next {
    right: 28px;
    width: auto;
}
.visual_slide02 .paging_wrap .inner .swiper-button-next:after{
    font-size: 14px;
    color: #5b5b5b;
}
.swiper-fade .swiper-slide img{
    display: none;
}
.swiper-fade .swiper-slide-active img{
    display: block;
}

.section01 .box .bottom{
    display: flex;
    width: 100%;
    height: 206px;
    background: #006ec0;
    border-radius: 0 40px;
}
.section01 .box .bottom .day_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 400px;
    padding: 0 24px 0 47px;
    background: #1464a2;
    border-radius: 0 0 0 40px;
}
.section01 .box .bottom .day_wrap .icon_wrap{
    text-align: center;
}
.section01 .box .bottom .day_wrap .icon_wrap img{

}
.section01 .box .bottom .day_wrap .icon_wrap p{
    margin-top: 20px;
    font-size: 20px;
    color: #fff;
}
.section01 .box .bottom .day_wrap .txt_wrap{
    width: 190px;
}
.section01 .box .bottom .day_wrap .txt_wrap .top{
    padding-bottom: 15px;
    border-bottom: 1px dashed #4383b5;
}
.section01 .box .bottom .day_wrap .txt_wrap .top .day{
    margin-bottom: 3px;
    font-size: 20px;
    color: #fff;
}
.section01 .box .bottom .day_wrap .txt_wrap .top .time{
    font-size: 18px;
    color: #a0d4fd;
}
.section01 .box .bottom .day_wrap .txt_wrap .bot{
    padding-top: 15px;
    border-top: 1px dashed #105082;
    color: #ffdb14;
}
.section01 .box .bottom .favorite_menu_wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 400px);
    padding: 26px 25px 0 40px;
}
.section01 .box .bottom .favorite_menu_wrap .tit_wrap{

}
.section01 .box .bottom .favorite_menu_wrap .tit_wrap{

}
.section01 .box .bottom .favorite_menu_wrap .tit_wrap p{
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.5px;
}
.section01 .box .bottom .favorite_menu_wrap .tit_wrap p span{
    position: relative;
    font-size: 30px;
}
.section01 .box .bottom .favorite_menu_wrap .tit_wrap p span:after{
    content: '';
    position: absolute;
    top: -8px;
    right: -11px;
    width: 19px;
    height: 22px;
    background-image: url(/images/subSite/main/text_deco.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap{
    display: flex;
    width: calc(100% - 140px);
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap .img_wrap{
    display: inline-flex;
    width: 76px;
    height: 76px;
    background: #2e8ed8;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap .img_wrap img{
    margin-right: -4px;
    margin-bottom: -5px;
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap .txt_wrap{
    width: 100%;
    margin: 30px 0 15px 0;
    font-size: 20px;
    font-weight: 500;
    color: #a3d7ff;
    line-height: 1;
    text-align: center;
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap .link{
    position: relative;
    padding-right: 10px;
    font-size: 16px;
    color: #6fc0ff;
    font-weight: 500;
    line-height: 1;
}
.section01 .box .bottom .favorite_menu_wrap .menu_wrap .link:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg) translateY(-60%);
    width: 5px;
    height: 5px;
    border-top: 2px solid #6fc0ff;
    border-right: 2px solid #6fc0ff;
}

.program_wrap .no-program {display: flex; align-items: center; justify-content: center; min-height: 278px; margin: 42px 0 0; padding: 20px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size: 22px; color: #444444; box-sizing: border-box;}

@media screen and (max-width: 1400px) {

    .section01 .box .left{width: 750px;}
    .section01 .box .right{width: 416px;}
    .visual_slide01 .swiper-slide > img{width: 100%; height: auto;}
    .visual_slide02 .swiper-slide > img{width: 100%; height: 250px; object-fit: inherit;}
    .section01 .box{padding: 40px;}
    /*.section01 .box .right{width: 100%; order: 3; margin: 40px 0 0; padding: 0; border: 1px solid #ddd; border-radius: 35px;}*/
    .section01 .box .bottom{flex-wrap: wrap; height: auto;z-index: 1;}
    .section01 .box .bottom .day_wrap{width: 100%; padding: 40px; border-radius: 0 40px 0 0;}
    .section01 .box .bottom .day_wrap .txt_wrap{width: calc(100% - 170px); border-left: 1px dashed #ddd;padding-left: 40px;}
    .section01 .box .bottom .day_wrap .txt_wrap .top{border: 0;display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 0;}
    .section01 .box .bottom .day_wrap .txt_wrap .top .day{margin-right: 20px; margin-bottom: 0; font-size: 1.4rem;}
    .section01 .box .bottom .day_wrap .txt_wrap .top .time{font-size: 1.6rem;}
    .section01 .box .bottom .day_wrap .txt_wrap .bot{border: 0; font-size: 1.2rem;}
    .section01 .box .bottom .day_wrap .txt_wrap .bot br{display: none;}
    .section01 .box .bottom .day_wrap .icon_wrap img{display: none;}
    .section01 .box .bottom .day_wrap .icon_wrap p{font-size: 1.6rem; font-weight: 600; margin-top: 0;}
    .section01 .box .bottom .favorite_menu_wrap{width: 100%; padding: 40px;}

    .program_wrap .no-program {margin: 20px 0 0; font-size: 20px;}
}
@media screen and (max-width: 1280px) {
    .section01 .box .left{width: 63%;}
    .section01 .box .right{width: 346px;}
    .visual_slide02 .swiper-slide > img{height: 208px;}
}
@media screen and (max-width: 1200px) {
    .section01 .box .bottom .favorite_menu_wrap{flex-direction: column;}
    .section01 .box .bottom .favorite_menu_wrap .menu_wrap{width: calc(100% - 5px);}
    .section01 .box .bottom .favorite_menu_wrap .tit_wrap p{margin-bottom: 30px; font-size: 1.5rem;}
    .section01 .box .bottom .favorite_menu_wrap .tit_wrap p span, .section01 .box .bottom .favorite_menu_wrap .tit_wrap p br{display: none;}
}
@media screen and (max-width: 1200px) {
    .section01 .box .bottom .favorite_menu_wrap .menu_wrap{overflow: hidden;}
}
@media screen and (max-width: 1080px) {
    .visual_slide02 .swiper-slide > img{height: auto;}
    .section01 .box .left{width: 100%; margin: 0;}
    .section01 .box .right{width: 100%; order: 3; margin: 40px 0 0; padding: 0; border: 1px solid #ddd; border-radius: 35px;}

    .program_wrap .no-program {font-size: 18px;}
}
@media screen and (max-width: 768px) {
    .section01 .box{padding: 20px 20px 50px;}
    .section01 .box .right{margin: 50px 0 0;border-radius: 20px;}
    .section01 .box .bottom{border-radius: 0 20px;}
    .section01 .box .bottom .day_wrap{border-radius: 0 20px 0 0;}
    .section01 .box .bottom .day_wrap{flex-direction: column;align-items: flex-start;}
    .section01 .box .bottom .day_wrap .txt_wrap{width: 100%;border-left:0;padding-left: 0; padding-top: 10px; border-top: 1px solid #6a92b1;}
    .section01 .box .bottom .day_wrap .txt_wrap .top .day{font-size: 18px;}
    .section01 .box .bottom .day_wrap .txt_wrap .top .time{font-size: 17px;}
    .section01 .box .bottom .day_wrap .icon_wrap{padding-bottom: 10px;}
    .section01 .box .bottom .day_wrap .icon_wrap p{font-size: 20px;}

    .section01 .box .bottom .day_wrap,
    .section01 .box .bottom .favorite_menu_wrap{padding: 20px;}
    .section01 .box .bottom .favorite_menu_wrap .menu_wrap .txt_wrap{margin: 15px 0 10px;font-size: 16px;}
    .section01 .box .bottom .favorite_menu_wrap .menu_wrap .link{font-size: 15px;}
    .section01 .box .bottom .day_wrap .txt_wrap .bot{padding-top: 5px;font-size: 16px;}
    .section01 .box .bottom .favorite_menu_wrap .tit_wrap p{margin-bottom:20px;font-size: 20px;}
    .section01 .box .bottom .favorite_menu_wrap .menu_wrap .img_wrap{width: 50px;height: 50px;}
    .section01 .box .bottom .favorite_menu_wrap .menu_wrap .img_wrap img{width: 50%;margin-right: -2px;}

    .program_wrap .no-program {min-height: auto; padding: 15px;}
}
@media screen and (max-width: 480px) {

}

/* //section01 */


/* section02 */
.section02 {
    height: 708px;
    padding: 118px 0 100px;
}
.section02 > .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section02 .inner .program_wrap{
    position: relative;
    width: 840px;
}
.section02 .inner .program_wrap .all_view{
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}




.program_wrap .program_con{

}
.program_wrap .program_con .util{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0;
}
.program_wrap .program_con .util .sch_box{
    display: flex;
    gap: 12px;
    width: 633px;
}
.program_wrap .program_con .util .sch_box > * {
    flex: 1 150px;
}
.program_wrap .program_con .util .sch_box select{
    position: relative;
    height: 50px;
    padding: 0 0 0 15px;
    background-image: url("/images/subSite/main/sel_arrow.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 22px;
    font-size: 18px;
    font-weight: 600;
    color: #666;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    cursor: pointer;
    appearance:none;
}
.program_wrap .program_con .util .sch_box .sch_btn{
    background: #1464a2;
    border: 0;
    border-radius: 10px;
}
.program_wrap .program_con .util .sch_box .sch_btn span{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-left: 25px;
    background-image: url(/images/subSite/main/main_sch_icon.png);
    background-repeat: no-repeat;
    background-position: center left;
    vertical-align: middle;
}
.program_wrap .program_con .util .inner{
    position: relative;
    width: 143px;
    height: 50px;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
}
.program_wrap .program_con .util .inner .btn_pause{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: calc(100% / 3);
    height: 100%;
    background-image: url(/images/subSite/main/main_stop.png);
    background-size: 7px 12px;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    border-right: 1px solid #c8c8c8;
    border-radius: 10px 0 0 10px;
}
.program_wrap .program_con .util .inner .btn_pause.on{
    background-image: url(/images/subSite/main/main_play.png);
}
.program_wrap .program_con .util .inner .swiper-button-prev{
    top: 0;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% / 3);
    height: 100%;
    margin-top: auto;
}
.program_wrap .program_con .util .inner .swiper-button-prev:after{
    font-size: 12px;
    font-weight: 600;
    color: #575757;
}
.program_wrap .program_con .util .inner .swiper-button-next {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: calc(100% / 3);
    height: 100%;
    margin-top: auto;
    border-left: 1px solid #c8c8c8;
    border-radius: 0 10px 10px 0;
}
.program_wrap .program_con .util .inner .swiper-button-next svg,
.program_wrap .program_con .util .inner .swiper-button-prev svg{width: 22%;}
.program_wrap .program_con .util .inner .swiper-button-next:after{
    font-size: 12px;
    font-weight: 600;
    color: #575757;
}
.program_wrap .program_con .con_wrap{
    overflow: hidden;
    padding: 42px 0 0;
    margin: 0 -12px 0 0;
    padding-right: 12px;
}
.program_wrap .program_con .con_wrap .con{
    min-height: 280px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}
.program_wrap .program_con .con_wrap .con .state{
    display: inline-block;
    width: 90px;
    padding: 7px 0;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #e77502;
    border: 1px solid #e77400;
    border-radius: 5px;
    text-align: center;
    letter-spacing: -0.5px;
}
.program_wrap .program_con .con_wrap .con .state.ing{
    color: #2e8ed8;
    border: 1px solid #2e8ed8;
}
.program_wrap .program_con .con_wrap .con .state.end{
    color: #444;
    border: 1px solid #444;
}
.program_wrap .program_con .con_wrap .con .tit{
    display: -webkit-box;
    min-height: 80px;
    margin-top: 24px;
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 600;
    color: #444;
    line-height: 1.2;
    letter-spacing: -1.5px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: keep-all;
}
.program_wrap .program_con .con_wrap .con .tag_wrap{
    min-height: 25px;
    margin-bottom: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.program_wrap .program_con .con_wrap .con .tag_wrap .tag{
    font-size: 17px;
    font-weight: 600;
    color: #006ec0;
}
.program_wrap .program_con .con_wrap .con .day_wrap{
    padding-left: 24px;
    background-image: url(/images/subSite/main/calendar_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 17px;
    font-weight: 500;
    color: #888;
    letter-spacing: -1px;
}
.program_wrap .program_con .con_wrap .con .d-day{
    position: absolute;
    top: 26px;
    right: 20px;
    font-size: 28px;
    font-weight: 600;
    color: #e13f38;
    line-height: 1;
}

.program_con_nav .btn_pause{
    position: static;
    width: 7px;
    height: 12px;
    background-image: url(/images/subSite/main/main_stop.png);
    background-size: 100%;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
}
.program_con_nav .btn_pause.on{
    background-image: url(/images/subSite/main/main_play.png);
}

@media screen and (max-width: 1400px){
    .program_wrap .program_con .con_wrap{padding: 20px 0 0;}
    .program_wrap .program_con .con_wrap .con .tit {font-size: 20px;}
}
@media screen and (max-width: 1024px){
    .program_wrap .program_con .con_wrap .con .tit {min-height: 74px; font-size: 18px;}
}
@media screen and (max-width: 768px){
    .program_wrap .program_con .con_wrap .con .d-day{top: 19px; right: 15px; font-size: 16px;}
    .program_wrap .program_con .con_wrap .con .state{width: 60px; padding: 0; font-size: 14px;}
    .program_wrap .program_con .con_wrap .con .tag_wrap .tag {font-size: 14px;}
    .program_wrap .program_con .con_wrap .con .day_wrap{font-size: 14px;}
    .program_wrap .program_con .util .sch_box select {width: calc( (100% - 12px) / 2 ); padding: 0 20px 0 10px; background-position: center right 10px;}
}
@media screen and (max-width: 480px){
    .program_wrap .program_con .util .sch_box select{font-size: 18px;}
    .program_wrap .program_con .con_wrap .con .tag_wrap{margin-bottom: 10px;}
    .program_wrap .program_con .con_wrap .con .tit{min-height: 52px;margin-top:20px;margin-bottom: 10px;-webkit-line-clamp: 2;line-height: 1.4;}
}



.section02 .gallery_wrap{
    position: relative;
    width: 500px;
}
.section02 .gallery_wrap .all_view{
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}
.section02 .gallery_wrap .gallery{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
.section02 .gallery_wrap .gallery .con{
    display: flex;
}
.section02 .gallery_wrap .gallery .con:last-child{
    margin-top: 23px;
}
.section02 .gallery_wrap .gallery .con .img_wrap{
    width: 164px;
    min-width: 164px;
    height: 174px;
    overflow: hidden;
    border-radius: 5px;
}
.section02 .gallery_wrap .gallery .con .img_wrap img{
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.section02 .gallery_wrap .gallery .con .info_wrap{
    padding: 8px 0 0px;
    margin-left: 25px;
}
.section02 .gallery_wrap .gallery .con .info_wrap .tit{
    display: -webkit-box;
    word-wrap: break-word;
    word-break: keep-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 22px;
    font-weight: 600;
    color: #444;
    line-height: 1.3;
    letter-spacing: -0.8px;
}
.section02 .inner .gallery_wrap .gallery .con .info_wrap .info{
    margin-top: 14px;
}
.section02 .inner .gallery_wrap .gallery .con .info_wrap .info .txt{
    font-size: 18px;
    font-weight: 500;
    color: #888;
}
.section02 .inner .gallery_wrap .gallery .con .info_wrap .info .txt:last-child{
    margin-top: 2px;
}
.section02 .inner .gallery_wrap .gallery .con .info_wrap .day{
    margin-top: 13px;
    font-weight: 500;
    color: #a5a5a5;
}

@media screen and (max-width: 1400px){
    #program_list{width: 100%;}
    .section02{height: auto;padding: 60px 40px 0;}
    .section02 .inner .program_wrap{width: 100%;}
    .section02 .inner .program_wrap .all_view{top: 0;right: 0;}
    .section02 .gallery_wrap{width: 100%;margin: 40px 0;}
    .section02 .gallery_wrap .all_view{top: 10px; right: 0;}
    .program_wrap .program_con .util .inner{display: none;}
    .program_wrap .program_con .util .sch_box{flex-wrap: wrap;}
    .program_wrap .program_con .util .sch_box > *{flex: 1 2%;}
    .section02 .gallery_wrap .gallery{margin-top: 20px;}
}
@media screen and (max-width: 1080px) {
    .section02 .gallery_wrap .all_view{top: 0;}

}
@media screen and (max-width: 768px) {
    #stat_num{width: 100% !important;}
    .section02{padding: 0 20px;}
    .program_wrap .program_con .con_wrap .con {min-height: auto; padding: 15px;}
    .section02 .gallery_wrap .all_view{top: 0;right: 0; font-size: 16px;}
    .program_wrap .program_con .util .sch_box {width: 100% !important;}
    .program_wrap .program_con .util .sch_box > *{flex: auto;}
    .program_wrap .program_con .util .sch_box .sch_btn{width: 100%; padding: 12px 10px;}

    .section02 .gallery_wrap .gallery .con .info_wrap {margin: 0 0 0 15px;}
    .section02 .gallery_wrap .gallery .con .img_wrap{width: 120px; min-width: 120px; height: 130px;}
    .section02 .inner .program_wrap .all_view {top: -4px;}

}
@media screen and (max-width: 480px) {
    .section02 .gallery_wrap{margin: 50px 0 20px;}
    .section02 .inner .program_wrap .all_view{font-size: 0.9rem;}
    .section02 .gallery_wrap .all_view{top: 1px; right: 0; font-size: 0.9rem;}
    .section02 .gallery_wrap .gallery .con .info_wrap .tit{font-size: 18px;-webkit-line-clamp: 4;word-break: break-all;}
    .section02 .inner .gallery_wrap .gallery .con .info_wrap .info .txt{font-size: 14px;}
}


/* //section02 */


/* section03 */
.section03 {
    position: relative;
    overflow: hidden;
    max-width: none;
    height: 700px;
    background-image: url(/images/subSite/main/section03_bg.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*.section03:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 270px;*/
/*    width: 230px;*/
/*    height: 69px;*/
/*    background-image: url('/images/subSite/main/cloud03.png');*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.section03:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 100px;*/
/*    width: 163px;*/
/*    height: 62px;*/
/*    background-image: url('/images/subSite/main/cloud02.png');*/
/*    background-repeat: no-repeat;*/
/*    z-index: 0;*/
/*}*/
.section03 > .inner{
    padding: 153px 0 0;
}
.section03 .board_tab_wrap{
    display: flex;
    flex-wrap: wrap;
}
.section03 .board_tab_wrap .tab_button-wrap{
    display: inline-block;
    margin-top: 8px;
    margin-left: 75px;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list{
    display: flex;
    align-items: center;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li{
    position: relative;
    flex: auto;
    margin-right: 25px;
    padding-right: 25px;
    font-size: 22px;
    font-weight: 600;
    color: #444;
    text-align: center;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #c6c6c6;
    border-radius: 50%;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li:last-child:after{
    display: none;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on{

}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li a{
    display: block;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #444;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on a{
    font-size: 26px;
    color: #000;
    padding-left: 38px;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on a:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-image: url(/images/subSite/main/check.png);
    background-position: center;
    background-repeat: no-repeat;
}
.section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on a:after{
    display: none;
}
.section03 .tab_container{
    position: relative;
}
.section03 .tab_container .tab_contents{

}
.section03 .tab_container .tab_contents .all_view{
    position: absolute;
    top: -77px;
    right: 0;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}
.section03 .tab_contents .list_wrap{
    display: flex;
    margin-top: 50px;
    border-top: 1px solid #aecee3;
    flex-wrap: wrap;
}
.section03 .tab_contents .list_wrap .list_inner{
    flex: 1;
    position: relative;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    padding: 36px 0;
    border-bottom: 1px solid #aecee3;
}
.section03 .tab_contents .list_wrap .list_inner.no_list {width: 100%; max-width: 100%; font-weight: 600; font-size: 20px; color: #08456c; text-align: center;}
.section03 .tab_contents .list_wrap .list_inner.no_list:before {display: none;}
.section03 .tab_contents .list_wrap .list_inner:nth-child(odd){
    padding-right: 30px;
}
.section03 .tab_contents .list_wrap .list_inner:nth-child(odd):before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background-color: #aecee3;
}
.section03 .tab_contents .list_wrap .list_inner:nth-child(even){
    padding-left: 30px;
}
.section03 .tab_contents .list_wrap .list_inner .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.section03 .tab_contents .list_wrap .list_inner .list .tit{
    width: 80%;
    font-size: 20px;
    font-weight: 600;
    color: #08456c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.section03 .tab_contents .list_wrap .list_inner .list .day{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #606d76;
    text-align: right;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.section03 .tab_contents .list_wrap .list_inner .list .arrow{
    display: inline-block;
    position: absolute;
    right: 10px;
    transform: translateY(30px);
    width: 92px;
    height: auto;
    font-weight: 600;
    color: #08456c;
    background-image: url(/images/subSite/main/board_arrow.png);
    background-repeat: no-repeat;
    background-size: 29px 9px;
    background-position: right;
    transition: all .5s;
    -webkit-transition: all .5s;
}

@media screen and (max-width: 1400px){
    .section03{padding: 0 40px;}
    .section03 > .inner {padding: 130px 0 0;}
    .section03 .tab_contents .list_wrap .list_inner .list{flex-wrap: wrap;gap: 10px; overflow: inherit;}
    .section03 .board_tab_wrap{align-items: flex-end;}
    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li a, .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on a{font-size: 18px;}
    .section03:before{display: none;}
    .section03:after{display: none;}
    .section03 .tab_contents .list_wrap .list_inner .list .tit{width: 75%}
    .section03 .tab_contents .list_wrap .list_inner .list .arrow{display: none;}
}
@media screen and (max-width: 1024px){
    .section03{height: 850px; background-size: cover;}
    .section03 > .inner{padding: 100px 0 200px;}
    .section03 .board_tab_wrap{flex-direction: column;align-items: flex-start;}
    .section03 .board_tab_wrap .tab_button-wrap {margin: 30px 0 0;}
    .section03 .tab_container .tab_contents .all_view{top: -107px;}
    .section03 .tab_contents .list_wrap{flex-direction: column;margin-top: 20px;}
    .section03 .tab_contents .list_wrap .list_inner{width: 100%; min-width: inherit; max-width: inherit; padding: 20px 0 !important;}
    .section03 .tab_contents .list_wrap .list_inner.no_list {width: 100%; min-width: inherit; max-width: inherit; padding: 20px 0 !important;}
    .section03 .tab_contents .list_wrap .list_inner .list .tit{width: 100%;}
    .section03 .tab_contents .list_wrap .list_inner:nth-child(odd):before{content: none;}
}
@media screen and (max-width: 768px){
    .section03{padding: 0 20px;background-image: url(/images/subSite/main/section03_bg_mo.png);background-size: cover;}
    .section03 .tab_container .tab_contents .all_view {top: -102px;}
}
@media screen and (max-width: 480px){
    .section03{height: 680px;padding: 70px 20px 20px;}
    .section03 > .inner{padding:0;}
    .section03 .tab_contents .list_wrap{margin-top: 10px;border-top: 1px solid #b9d0de;}
    .section03 .tab_contents .list_wrap .list_inner.no_list {font-size: 16px;}
    .section03 .tab_contents .list_wrap .list_inner .list{gap: 5px;}
    .section03 .tab_contents .list_wrap .list_inner .list .tit{font-size: 16px;}
    .section03 .tab_contents .list_wrap .list_inner .list .day{font-size: 15px;}
    .section03 .tab_container .tab_contents .all_view{top: -90px; font-size: 0.9rem;}
    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li{margin-right: 20px; padding-right: 20px;z-index: 1;}
    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li a, .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li a{font-size: 18px;}
    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on a{padding-left:0;color: #fe9504;}
    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li.on a:before {content: '';position: absolute;top: auto;left: 50%;bottom: -16px;transform: translateX(-50%);width: 11px;height: 11px;border-radius: 50%;background-color: #fe9504;background-image: none;}
    .section03 .board_tab_wrap .tab_button-wrap .tab_button-list li:after{display: none;}
}

/* //section03 */


/* swiper */
.program_con_nav{display: none;}
.swiper-button-favorite_menu{position: absolute; top: 20px; right: 20px; display: flex;}
.swiper-button-favorite_menu img{width: 42px;}
.swiper-button-favorite_menu .swiper-button-prev-favorite_menu{margin-right: 10px;}

@media screen and (max-width: 1400px){
    .program_con_nav{display: flex;justify-content: center;position: relative;height: 12px;margin-top: 30px;gap: 10px;}
    .program_con_nav .swiper-pagination{display: flex;align-items: center;position: static;width: auto !important;height: 100%;transform: none;}
}
@media screen and (max-width: 1024px){
    .swiper-button-favorite_menu {top: 39px; right: 42px;}
    .swiper-button-favorite_menu img {width: 36px;}
}
@media screen and (max-width: 768px){
    .swiper-button-favorite_menu{top: 20px; right: 20px;}
    .swiper-button-favorite_menu img {width: 30px;}
}
@media screen and (max-width: 480px){
    .program_con_nav{margin-top: 20px;}
    .swiper-button-favorite_menu img {width: 28px;}
}

.family__slide-wrap {border-top: none;}