@charset "utf-8";

html, body {overflow-x: hidden!important;}

/*메인비주얼*/
.visual{position: relative;}
.main-visual__loading {display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;background-color:#fff;transition:visibility .3s, opacity .3s;z-index:2002;}
.main-visual__loading.show {visibility:visible;opacity:1;}
.main-visual__loading-icon {font-size:70px;}
.main-visual__list {height:100%;}
.main-visual__list .slick-list, .main-visual__list .slick-track {height:100%;}
.main-visual__item {overflow:hidden;}
.main-visual__video {position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;}
.main-visual__video iframe {position:absolute;top:50%;left:50%;width:100vw;min-width:192.77vh;height:62.25vw;min-height:100%;transform:translate(-50%, -50%);}
.main-visual__wrap {position:absolute;top:50%;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transform:translateY(-50%);}
.main-visual__wrap .inner {display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;height:100%;padding-bottom:290px;}
.main-visual__arrows {display:inline-flex;position:relative;margin:0 -15px 40px;}
.main-visual__arrows::after {content:"";position:absolute;top:50%;left:50%;width:2px;height:16px;background-color:rgba(255,255,255,.2);transform:translate(-50%, -50%);}
.main-visual__arrow {position:relative;width:45px;height:45px;overflow:hidden;margin:0 15px;color:transparent;text-indent:-99px;border:0;background-color:transparent;}
.main-visual__arrow-icon {position:absolute;top:50%;left:50%;opacity:.3;font-size:30px;color:#fff;text-indent:0;transform:translate(-50%, -50%);transition:opacity .3s;}
.main-visual__link {display:inline-block;}
.main-visual__title {font-size:50px;font-weight:700;color:#fff;line-height:1.2;}
.main-visual__color {font-family:"Poppins";font-size:56px;background:linear-gradient(to right, #007dc6, #00a651);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.main-visual__ctrl {position: absolute; left: 50%; top: 50%; z-index: 999; display: flex; align-items: center; transform: translate(-50%,-50%); margin-top: 80px;}
.main-visual__dots-list {display:flex;margin:0 -10px;}
.main-visual__dots-item {display:flex;align-items:center;position:relative;padding:0 10px;}
.main-visual__dots {display:inline-block;position:relative;font-size:16px;font-weight:600;color:rgba(255,255,255,.3);border:0;background-color:transparent;transition:color .3s;}
.main-visual__dots-item.active .main-visual__dots {color:#fff;}
.main-visual__bar-wrap {position:relative;width:0;height:2px;overflow:hidden;margin-left:15px;line-height:1;background-color:rgba(255,255,255,.2);transition:width .3s;}
.main-visual__dots-item.active .main-visual__bar-wrap {width:80px;}
.main-visual__bar {display:inline-block;width:0;height:100%;vertical-align:top;background-color:#fff;}

.main-visual__btn {display:inline-block;position:relative;width:40px;height:40px;overflow:hidden;margin-left:20px;color:transparent;text-indent:-99px;border:0;background-color:transparent;}
.main-visual__btn-icon {position:absolute;top:50%;left:50%;font-size:20px;color:#fff;text-indent:0;transform:translate(-50%, -50%);}
.main-visual__scroll {position:absolute;bottom:0;left:20px;width:5px;height:100px;overflow:hidden;}
.main-visual__scroll::before {content:"";position:absolute;bottom:0;left:50%;width:1px;height:100%;background-color:rgba(255,255,255,.2);transform:translateX(-50%);}
.main-visual__scroll::after {content:"";position:absolute;top:-10%;left:0;width:5px;height:5px;background-color:#00a651; }

.main_visual {position: relative; width: 100%;}
.main_visual .mv_content {width: 100%; height: 100%;}
.main_visual .mv_content .mv_item {width: 100%; height: 100%;}
/*.main_visual .mv_content .mv_item:before {content: ""; position: absolute; top:0; left:0; z-index: 999; display: block; width:100%; height:100%; background: rgba(0,0,0,.1);}*/
.main_visual .mv_content .mv_item > a {display: block; width: 100%; padding-top: 35%; overflow: hidden; position: relative;}
.main_visual .mv_content .mv_item > a > img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main_visual .mv_content .mv_item > a .mv_video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_visual .mv_content .mv_item > a .mv_video video {width: 100%; height: 100%; object-fit: cover;}
.main_visual .mv_content .mv_item > a .mv_video .progress {cursor: pointer; z-index: 999; border: 2px solid rgba(255,255,255,.5);}
.main_visual .mv_content .mv_item > a .mv_video .progress:hover {background: rgba(255,255,255,.1); transition: .3s;}
.main_visual .mv_content .mv_item > a .mv_video .progress i {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-size:3rem; z-index: 99;}

.main_visual .inner {position: absolute; left: 5%; top: 50%; transform: translate(0%, -50%); z-index: 9; max-width: 1420px; width: 100%; margin: 0 auto;}
.main_visual .inner .mv_txt {width: 100%;font-size: 2.75rem; color: #fff;}
.main_visual .inner .mv_txt span {display: block;font-size: 1.3rem;font-weight: 400;margin-bottom: 30px; font-weight: 100; color: rgba(255,255,255,.5);}
.main_visual .inner .mv_txt h1 {font-size: 3.2rem;font-family: 'DWImpactamin';font-weight:300;}
.main_visual .inner .mv_txt button.link {display: block; padding: 15px 50px; border: 2px solid #fff; border-radius: 50px; transition: .3s; font-size: 1.125rem; color: #fff; margin: 50px auto 0;}
.main_visual .inner .mv_txt button.link:hover {background: #cf0d61; border: 2px solid #cf0d61;}
.main_visual .control {position: absolute;bottom: 4%;left: 50%; display: flex; align-items: center; z-index: 9; transform: translate(-50%, -50%);}
.main_visual .control .prev {display: flex!important; align-items: center; justify-content: center; cursor: pointer; width: 30px;}
.main_visual .control .next {display: flex!important; align-items: center; justify-content: center; cursor: pointer; width: 30px; transform: rotate(180deg);}
.main_visual .control img {width:100%;}
.main_visual .control .play {cursor: pointer;}
.main_visual .control .play.pause {background: url("/resources/images/main/mv_pause.svg") center center no-repeat; background-size: 100%; width: 10px; height:15px;}
.main_visual .control .play.start {background: url("/resources/images/main/mv_play.svg") center center no-repeat; background-size: 100%; width: 10px; height:15px;}
.main_visual .control .bullet {display: flex; align-items: center;}
.main_visual .control .bullet div {margin-left:10px;}
.main_visual .control .bullet div:first-child {margin-left:0;}
.main_visual .control .swiper-pagination {position:relative; display: flex; align-items: center;}
.main_visual .control .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; background: rgba(255,255,255,.5); border-radius:100%; margin: 0 5px; opacity: 1; border: 1px solid rgba(105,105,105,.06);}
.main_visual .control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.main_visual .mv_content .mv_item > a > img { animation-name: slidein; animation-duration: 5s; }


@keyframes slidein {
    from {
        transform:  translate(-50%, -50%) scale(1.1);
    }

    to {
        transform:  translate(-50%, -50%) scale(1);
    }
}


.space_reserv{position: absolute;top: 17rem;right: 8rem;z-index: 1;width: 130px;height: 130px;}
.space_reserv:hover{animation: hover 1s ease-out infinite;}
.space_reserv span{position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  gap:0.375rem; text-align: center; background: linear-gradient(135deg, #ffdd00 0%,#fb5c60 100%); color: #fff; font-size: 1.0625rem; border-radius: 50%; font-weight: 600; transition: .1s;}
.space_reserv span:before{content: ''; background: url("/resources/images/main/circle_line.svg") center center no-repeat; background-size: cover; z-index: 0; width: 175px; height: 175px; position: absolute; display: block; animation: rotate 8s infinite linear;}
.space_reserv span i{display: inline-block;}
.space_reserv span i:before{font-size: 1.625rem;}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes hover {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
    }

}

/*section*/
.section {position:relative; padding:100px 0;}
.section .tit_wrap span {display: inline-block; color:#4B64F4; vertical-align:10px; margin-right: 8px;}
.section .tit_wrap h1 {display: inline-block; font-family: 'GmarketSans'; font-size:2.2rem; letter-spacing: -1px; font-weight: 600; color:#000;}
.section .more_btn {color: #cf0d61; position: relative;}
.section .more_btn::after {content: ""; width: 20px; height: 1px; position:absolute; top: 50%; left: -30px; background-color:#cf0d61;}
.section .more_btn:hover:after {animation: btnFull .7s cubic-bezier(.5,.54,0,.75) forwards;}
.section .wrapper {max-width:1500px; margin:0 auto;}

/*section01*/
.section01 .space_wrap{display: flex; flex-wrap: wrap;}
.section01 .space_wrap .left{width:75%;}
.section01 .space_wrap .left .inner{width: 100%;display: flex;flex-wrap: wrap;overflow: hidden;}
.section01 .space_wrap .left .inner img{position: static;width: 100%;height: 100%;object-fit: cover;display: block;}
.section01 .space_wrap .left .inner .box .hover{position: absolute; left:0; top:0; opacity: 0; transition: all .3s; color: #fff; text-align: center; width: 100%; height: 100%; background: rgba(0,0,0,0.55); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.section01 .space_wrap .left .inner .box .hover strong{font-size: 1.375rem; font-weight: 500;}
.section01 .space_wrap .left .inner .box .hover .more{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #ffd861; margin-top:15px;}
.section01 .space_wrap .left .inner .box .hover .more i{color: #333; padding:5px;}
.section01 .space_wrap .left .inner .box .hover .more i:before{font-size: 23px;}
.section01 .space_wrap .left .inner .box a{display: block; position: relative; overflow: hidden; width: 100%; height: 100%;}
.section01 .space_wrap .left .inner .box a:hover .hover{opacity: 1;}
.section01 .space_wrap .left .inner .box.left{position: relative; width: 30%;}
.section01 .space_wrap .left .inner .box.right{position: relative;width: 70%;display: flex;flex-wrap: wrap;border-left: 0px transparent;}
.section01 .space_wrap .left .inner .box.right li{position: relative;width: 50%;height: 17rem;box-sizing: border-box;overflow: hidden;}
.section01 .space_wrap .right{width:25%;}
.section01 .space_wrap .right > div{height: 50%;}
.section01 .space_wrap .right .youtube{}
.section01 .space_wrap .right .gallery{background: #fccf50;overflow: hidden;}
.section01 .space_wrap .right .gallery a{padding:3rem; position: relative; display: block; width: 100%; height: 100%;}
.section01 .space_wrap .right .gallery a span{display: flex; align-items: center; margin-bottom:1rem; color: #fff; font-size: 1.0625rem;}
.section01 .space_wrap .right .gallery a span:before{content: ''; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #795548; margin-right: 0.5rem;}
.section01 .space_wrap .right .gallery a strong{font-weight: 600; font-size: 2rem; font-family: 'GmarketSans';}
.section01 .space_wrap .right .gallery a .icon{display: block;width: 6rem;height: 6rem;background-image: url("/resources/images/main/icon_gallery.png");background-position: 50% 50%;background-size: contain;position: absolute;bottom: 1rem;right: 3rem;}
.section01 .space_wrap .right .gallery a .hover{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.section01 .space_wrap .right .gallery a .hover img{object-fit: cover; width: 100%; height: 100%; position: absolute; bottom:-100%; left:0; opacity: 0; transition: all .3s;}
.section01 .space_wrap .right .gallery a:hover .hover img{bottom:0; opacity: 1;}
.section01 .space_wrap .bottom{width: 100%;background: #ffd861;color: #513d36;padding: 2rem 2rem 2rem 3rem;border-radius: 0 0 0 50px;display: flex;align-items: center;gap:2.5rem;}
.section01 .space_wrap .bottom h2{position: relative;padding-right: 40px;font-size: 1.6875rem;font-family: 'GmarketSans';}
.section01 .space_wrap .bottom h2:after{content: '';position: absolute;top: -12px;right:0;background: url("/resources/images/main/icon_section01.png") no-repeat;width: 38px;height: 29px;}
.section01 .space_wrap .bottom strong{font-size:1.1875rem; font-weight: 400; letter-spacing: 7px;}
.section01 .space_wrap .bottom .bold{display: inline-block; font-weight: 700;}
.section01 .aniTxt{display: flex; align-items: center;user-select: none; position: absolute; bottom:-27px; right:0; animation: textLoop 22s linear infinite; z-index: -9;}
.section01 .aniTxt p{font-size: 4.375rem;font-family: 'GmarketSans';font-weight: 600;text-transform: uppercase;color: #fff;flex: 0 0 auto;padding-right: 1.5625rem;letter-spacing: 15px;-webkit-text-stroke: 1px #f2f2f2;}
@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


/*section02*/
.section02:after {content: ""; position: absolute; top:0; left:0; background:#f6f9fb; width:1709px; min-height:560px; border-radius: 0 0 100px 0; z-index: -1;}
.section02 .wrapper {display: flex; justify-content: space-between;}
.section02 .notice_wrap {position: relative; width:100%; overflow: hidden;}
.section02 .tab_wrap {display: flex;justify-content: space-between;}
.section02 .tab_wrap .tab_menu {margin-left:85px;}
.section02 .tab_wrap .tab_menu li {position:relative; display: inline-block;}
.section02 .tab_wrap .tab_menu li:last-child{margin-bottom:0;}
.section02 .tab_wrap .tab_menu li.active:after {display: none;}
.section02 .tab_wrap .tab_menu li a {font-family:'GmarketSans'; font-weight:400; position:relative;display:block;padding:10px 20px;border-radius: 50px;font-size: 1.15rem; cursor: pointer;color: #000;}
.section02 .tab_wrap .tab_menu li a:hover {color:#795548; transition: .3s;}
.section02 .tab_wrap .tab_menu li.active a {background:#795548;color:#fff;}

.section02 .schedule {width:480px;}
.section02 .schedule .tit_wrap {justify-content: space-between; margin-bottom:40px;}
.section02 .schedule .tit_wrap .month {background: #fff;padding:13px 20px;text-align: center;margin-top:-15px;box-shadow: 0 0 15px #C4D6E3;}
.section02 .schedule .tit_wrap .month p,.section02 .schedule .tit_wrap .month span {color:#3C507C;}
.section02 .schedule .tit_wrap .month p {font-size:1.3rem; font-weight: bold;}
.section02 .schedule .tit_wrap .month span {font-size:.8rem; vertical-align: inherit; margin:0;}

.section02 .schedule .con li {width:100%; background: #fff; border:1px solid #fff; margin-top:20px;}
.section02 .schedule .con li:hover {border:1px solid #415789; transition: .3s;}
.section02 .schedule .con li:first-child {margin-top:0;}
.section02 .schedule .con li:last-child {display: none;}
.section02 .schedule .con li a {position:relative; display: block; padding:20px; box-sizing: border-box;}
.section02 .schedule .con li a::after {content: "";background: url("/resources/images/main/ico_more.svg") right center no-repeat;position: absolute;right: 35px;top:50%;transform:translateY(-50%);width: 24px;height: 9px;background-size: 100%;color:#333;opacity: 0;font-size:1.5rem;}
.section02 .schedule .con li a:hover::after {right: 20px;opacity: 1;transition: .3s;}
.section02 .schedule .con li a strong {display: block; color:#415789; font-size:1.2rem; margin-bottom: 10px;}
.section02 .schedule .con li a span {display: block; color:#444; max-width:90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.section02 .slide_bullet li {position:relative; display: inline-block; box-shadow: none; padding:0 20px;}
.section02 .slide_bullet li a {display: block; cursor: pointer;}
.section02 .slide_bullet li:first-child:after {content: "";position: absolute;top:50%;right: 0;transform: translate(0,-50%);width:1px;height:15px;background: #C9C9C9;margin-right: -2px;/}
.section02 .slide_bullet li:last-child { color:#fff; width:30px; height:30px; padding:0; line-height: 30px; text-align: center;}
.section02 .slide_bullet li:last-child a {background:#4a4a4a; color:#fff;  border-radius: 100%; transition: ease-in-out .3s;}
.section02 .slide_bullet li:last-child:hover a {transform: rotate(90deg); }

.section02 .notice_wrap .slide_bullet {position: absolute; top:6px; right:50px;}
/*.section02 .cont_wrap .tab_contents_s:first-child .slide_bullet li:hover a {transform: rotate(0deg);}*/
.section02 .cont_wrap .tab_contents_s .list{gap:1rem;}
.section02 .cont_wrap .tab_contents_s .list li {position:relative; top:0; width:calc(100% / 4 - 1rem); flex:1; height:320px; border:1px solid #eaeaea; background: #fff; box-shadow: 0px 0px 13px #d8edef; cursor: pointer; transition: ease-in-out .2s;}
.section02 .cont_wrap .tab_contents_s .list li:hover {top:-10px; transition: ease-in-out .3s;}
.section02 .cont_wrap .tab_contents_s .list li:hover h1 {text-decoration: underline;}
.section02 .cont_wrap .tab_contents_s .list li.no_data {display: block;width: 100%;background: none;box-shadow: none;cursor: default;text-align: center;display: flex;justify-content: center;align-items: center;}
.section02 .cont_wrap .tab_contents_s .list li.no_data:hover {top:0; background: none; box-shadow: none;}
.section02 .cont_wrap .tab_contents_s .list li.no_data i {font-size: 2.5rem; color:#ccc;}
.section02 .cont_wrap .tab_contents_s .list li.no_data span {display: block; font-size:1.1rem; color:#999; margin-top:30px;}
.section02 .cont_wrap .tab_contents_s .list li a {display:block; width:100%; height:100%; padding:50px 35px;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .date,.section02 .cont_wrap .tab_contents_s .list li a .inform .label {position: absolute;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .date {left:35px;  bottom:70px; color:#888;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .date i {margin-right:5px; font-size:.9rem; color:#FF9800;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .label {right:35px;  bottom:50px; width:54px; height:54px; line-height: 54px; color:#fff; text-align: center; font-size:.9rem; font-weight: 500; border-radius: 100%;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .label.blue {background: #0082CA;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .label.green {background: #95CA00;}
.section02 .cont_wrap .tab_contents_s .list li a .inform .label.brown {background: #CA7900;}
.section02 .cont_wrap .tab_contents_s .list li a h1.tit {font-family: 'GmarketSans'; font-weight: 400;  font-size:1.25rem; line-height: 1.7rem; max-width: 97%;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom:20px;}
.section02 .cont_wrap .tab_contents_s .list li a p.cont_tit {color:#888; max-width: 95%;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5rem;}


@media (max-width: 1700px) {

    /*main_visual*/
    .main_visual .inner .mv_txt span {font-size:1.3rem;}
    .main_visual .inner .mv_txt h1 {font-size:2.5rem;}

    .section .wrapper {padding:0 20px;}

    .section02 .wrapper {flex-wrap: wrap;}
    .section02 .schedule {width:35%;}

}


@media (max-width: 1400px) {

    /*메인비주얼*/
    .main_visual .inner .mv_txt span {font-size:1rem; margin-bottom:20px;}
    .main_visual .inner .mv_txt h1 {font-size:2rem;}
    .main_visual .mv_content .mv_item > a {padding-top:45%;}

    .section .tit_wrap h1 {font-size: 1.8rem;}
    .section .tit_wrap span {margin-right:5px;}

    /*section02*/
    .section02{margin-bottom: 100px;}
    .section02:after {width:100%; min-height:100%;}
    .section02 .schedule,.section01 .notice_wrap {width:100%;}
    .section02 .schedule {margin-bottom:80px;}
    .section02 .schedule .tit_wrap {position:relative; display:block; margin-bottom:40px;}
    .section02 .schedule .tit_wrap .title,.section01 .schedule .tit_wrap .month {display:inline-block;}
    .section02 .schedule .tit_wrap .month { max-width:80px; margin-left:20px;}
    .section02 .schedule .slide_bullet {position: absolute; top:0; right:0;}
    .section02 .schedule .con li {display:inline-block; margin-top:0px; width: calc(100%/4 - 21px);}
    .section02 .schedule .con li+li {margin-left:20px;}
    .section02 .schedule .con li:first-child {margin-left:0;}
    .section02 .schedule .con li:last-child {display: inline-block;}
    .section02 .schedule .con li a {padding:30px;}
    .section02 .schedule .con li a strong {margin-bottom:15px;}
    .section02 .schedule .con li a span {line-height: 1.5rem; white-space:normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

    .section02 .tab_wrap .tab_menu {margin-left:50px;}
    .section02 .tab_wrap .tab_menu li a { font-size: 1rem;}
    .section02 .notice_wrap .slide_bullet{right:0;}
    .section02 .cont_wrap {margin-right: 0;}
    .section02 .cont_wrap .tab_contents_s .list li a h1.tit {font-size:1.1rem;}
    .section02:before {width:90%; height:500px;}

}


@media (max-width: 1200px) {


    /*메인배너*/
    .main_visual .inner .mv_txt {font-size: 2rem;}
    .main_visual .mv_content .mv_item > a .mv_video .progress{display: none;}


    /*section02*/
    .section02 .cont_wrap .tab_contents_s .list li {width:calc(100%/4); height:240px;}
    .section02 .cont_wrap .tab_contents_s .list li a {padding:30px;}
    .section02 .cont_wrap .tab_contents_s .list li a .inform .date,.section01 .cont_wrap .tab_contents_s .list li a .inform .label{bottom:30px;}
    .section02 .cont_wrap .tab_contents_s .list li a .inform .label {width:50px; height:50px; line-height: 50px; right:30px; font-size: .8rem;}

}

@media (max-width: 1024px) {

    /*main_visual*/
    .main_visual .mv_side {width: 100px; height: 100px;}
    .main_visual .inner {left:50%; transform: translate(-50%,-50%);}
    .main_visual .inner .mv_txt {font-size: 1.5rem;}
    .main_visual .inner .mv_txt p img {height: 30px;}
    .main_visual .inner .mv_txt span {font-size: 1rem;}
    .main_visual .inner .mv_txt button.link {margin: 25px auto 0; padding: 8px 25px; font-size: .9375rem;}
    .main_visual .control {left:5%; transform: translateY(-50%); width: 90%; justify-content: center;}
    .main_visual .inner .mv_txt span,.main_visual .inner .mv_txt h1 {text-align: center;}
    .main_visual .inner .mv_txt h1 {font-size:1.7rem;}

    .space_reserv{top:13rem; right:5rem; width: 100px; height: 100px;}
    .space_reserv span{font-size: 0.8125rem;}
    .space_reserv span:before{width: 135px; height: 135px;}


    /*section01*/
    .section01 .space_wrap {gap:3.125rem;}
    .section01 .space_wrap .left .inner .box.left{order:2;}
    .section01 .space_wrap .left .inner .box.right{order:3;}
    .section01 .space_wrap .left, .section01 .space_wrap .right{width: 100%;}
    .section01 .space_wrap .right{display: flex;}
    .section01 .space_wrap .right > div{width:100%; height: 19rem;}
    .section01 .space_wrap .right .gallery{border-radius: 0 0 50px 0;}
    .section01 .space_wrap .bottom{order:1; border-radius: 0 50px 0 0;}


    /*section02*/
    .section02 .schedule .con li {width:calc(100%/2 - 15px); margin-top:20px;}
    .section02 .schedule .con li:nth-child(odd) {margin-left:0;}
    .section02 .cont_wrap .tab_contents_s .list li {height:240px;}

}

@media (max-width: 768px) {

    /*main_visual*/
    .main_visual .mv_side {top: 100%; right: 35px; z-index: 99; transition: .3s;}
    .main_visual .mv_content .mv_item a {padding-top:60%;}
    .main_visual .control .bullet span {font-size: 1.1rem;}
    .bar {width:150px;}

    .visual_info .info_desc {height: 140px;}
    .visual_info .info_desc::after {background-size: 45%;}
    .visual_info .info_desc .desc_tit {font-size: 1.25rem;}
    .visual_info .info_link {padding: 15px 0;}
    .visual_info .info_link li a p.txt {font-size: .875rem; margin-top: 8px;}
    .visual_info .info_link li a p.img {width: 35px; height: 35px;}


    /*section*/
    .section .tit_wrap h1,.main_visual .inner .mv_txt h1 {font-size: 2rem;}


    /*section02*/
    .section02 .slide_bullet li {display:none;}
    .section02 .slide_bullet li:last-child {display:block;}
    .section02 .cont_wrap .tab_contents_s .list {flex-wrap: wrap; gap:1rem;}
    .section02 .cont_wrap .tab_contents_s .list li {width:calc(100%/2 - 1rem);}
    .section02 .schedule .con li a {padding:20px;}
    .section02 .schedule .con li a span {line-height:inherit; -webkit-line-clamp:1;}

    .section02 .cont_wrap .tab_contents_s .list li a p.cont_tit,.section01 .cont_wrap .tab_contents_s .list li a .inform .date {font-size: .9rem;}
    .section02 #news01 .slide_bullet li:last-child a {display: none;}
    .section02 .cont_wrap .tab_contents_s .list li a .inform .label {width: 40px;height: 40px;line-height: 40px;bottom: 20px;right: 20px;}
    .section02 .cont_wrap .tab_contents_s .list li a .inform .date {left:20px;}
    .section02 .cont_wrap .tab_contents_s .list li a p.cont_tit {line-height: 1.3rem;}

    .section02 .control {display: flex; align-items: center;}
    .section02 .control span {width:50px; height:50px; line-height: 50px;}
    .section02 .gallery_list li .txt p {font-size: 1.1rem; line-height: 1.5rem; margin:20px 0 10px 0;}


}


@media (max-width: 665px){
    .section{padding:80px 0;}

    /*section01*/
    .section01{padding-bottom: 6rem;}
    .section01 .space_wrap .bottom{flex-wrap: wrap;gap:0.5rem;}
    .section01 .space_wrap .bottom strong{line-height: 1.5rem;}
    .section01 .space_wrap .left .inner .box.left{width: 100%;height: 12rem;}
    .section01 .space_wrap .left .inner .box.left img{content: url("/resources/images/main/space_01_mo.jpg") !important;}
    .section01 .space_wrap .left .inner .box.right{width: 100%;}
    .section01 .aniTxt{bottom:-20px;}
    .section01 .aniTxt p{font-size: 3.4375rem;}
}



@media (max-width: 565px) {


    /*main_visual*/
    .main_visual .mv_side {width: 50px; height: 50px; right: 20px;}
    .main_visual .mv_content .mv_item a {padding-top:100%;}
    .main_visual .mv_side a::after {display: none;}
    .main_visual .mv_side a::before {display: none;}
    .main_visual .mv_side a span {background: url("/resources/images/main/ico_calender.svg") center center no-repeat; background-size: 18px; word-break: break-all; text-align: center; padding: 0; font-size: 0;}
    .main_visual .inner .mv_txt h1,.section .tit_wrap h1 {font-size: 1.5rem;}
    .main_visual .control .bullet {margin:0 20px;}
    .main_visual .control .bullet span {font-size:1rem;}
    .main_visual .control .bullet span.swiper-pagination-current:after {margin:0 10px;}


    /*section*/
    .section .tit_wrap h1 {font-size:2rem;}


    /*section02*/
    .section02 .schedule .con li {width:100%;}
    .section02 .schedule .con li a strong {font-size:1rem; margin-bottom:10px;}
    .section02 .cont_wrap .tab_contents_s .list {justify-content: space-between; gap:.5;}
    .section02 .cont_wrap .tab_contents_s .list li {width:calc(100%/2 - .5rem); height:200px;}
    .section02 .schedule .con li+li,.section01 .schedule .con li:first-child {margin:5px 0;}
    .section02 .schedule .con li a span {line-height:inherit; -webkit-line-clamp:1; font-size:.9rem;}
    .section02 .tab_wrap .tab_menu li {text-align: center;}
    .section02 .tab_wrap .tab_menu li a {padding:10px 13px;}
    .section02 .cont_wrap .tab_contents_s .list li {height:220px;}
    .section02 .cont_wrap .tab_contents_s .list li a h1.tit {margin-bottom:15px;}

    .section01 .space_wrap .right{flex-wrap: wrap;}
    .section01 .space_wrap .right .gallery{border-radius: 0 0 0 50px;}

    .section02 .title {text-align: center;}
    .section02 .title h1 {font-size:2.2rem;}
    .section02 .title h1 span {font-size:1.5rem;}
    .section02 .title .control {position: relative; justify-content: center; right:auto; margin-top:30px;}


}


@media (max-width: 420px) {

    /*main_visual*/
    .bar {width:100px;}
    .main_visual .control {width:100%;}

    .space_reserv{top:11rem; right: 4rem;}

    /*section02*/
    .section02 .slide_bullet li {padding:0 15px;}
    .section02 .schedule .tit_wrap .month {padding:10px 17px;}
    .section02 .cont_wrap .tab_contents_s .list {gap:1rem 0;}
    .section02 .cont_wrap .tab_contents_s .list li {width:100%; height:200px;}
    .section02 .cont_wrap .tab_contents_s .list li a .inform .label {bottom:20px; right:20px;}

    .section01 .space_wrap .left .inner .box.right li{width: 100%;}


}