/* 미디어쿼리 반응형 스타일 시작 */
@media screen and (min-width: 1920px) {
    .main-section.main-gallery .inner .gall_center {
        width: 65rem;
    }
}


@media screen and (max-width: 1920px) {
    .main-section.main-gallery .inner .gall_center {
        width: 49rem;
    }
}


@media screen and (max-width: 1700px) {
    .main-section.main-program .deco img.whale {
        bottom: -33rem;
    }

    .shortcut_bg {
        display: none;
    }



    .main-section.main-gallery .inner .section-body .gall_container .gall_center {
        width: 54rem;
    }

}


@media screen and (max-width:1660px) {
    #header .hd-main .logo {
        width: 24rem;
    }

    #header .hd-main .gnb {
        margin-right: 1.5rem;
    }

    #header .hd-main .gnb>li .nav_2depth_box li {
        padding: 0 0.5rem;
    }

    #header .hd-main .gnb li {
        min-width: 13rem;
    }

    #header .hd-main .gnb>li:nth-child(2) {
        min-width: 15rem;
    }

    #hd_pop .hd_pop_inner {
        top: 10rem;
        right: 5%;
    }
    #hd_pop .hd_pop_inner {
        width: 35vw;
    }
}


@media screen and (max-width: 1600px) {
    .main-section.main-notice .inner {
        flex-direction: column;
        max-width: 1200px;
    }

    .main-section.main-notice .inner .section-head {
        transform: translate(0, 0);
        margin: 3rem 0 2rem;
    }

    .main-section.main-notice .inner .section-body {
        width: 100%;
    }
}


@media screen and (max-width: 1280px) {
    #hd_pop {
        display: block;
    }

    .main-gallery .photo_head {
        padding: 10rem 0 2rem;
    }

    .main-section.main-program .inner {
        width: calc(100% - 15rem);
    }
}


@media screen and (max-width: 1180px) {
    html {
        font-size: 55%;
    }

    .center_section_02 .aca_container .list_wrap {
        width: 100%;
        justify-content: space-between;
    }

    .center_section_02 .aca_container .list_wrap .funtion_list:nth-last-child(1) {
        margin: 0;
    }

    .main-section.main-gallery .inner .section-head .section-title, .main-section.main-program .inner .section-head .section-title, .main-section.shortcut-menu .quick_m_title h2 {
        font-size: 3.6rem;
    }
}


@media screen and (max-width: 960px) {
    /* 메인 호버이벤트 해제 */
    .main-section.shortcut-menu .inner .shortcut-menu-box:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .main-section.shortcut-menu .inner .shortcut-menu-box.culture:hover {
        background: #cbe2f9;
    }
    
    .main-section.shortcut-menu .inner .shortcut-menu-box.academy:hover {
        background: #cbe2f9;
    }
    
    .main-section.shortcut-menu .inner .shortcut-menu-box.room:hover {
        background: #cbe2f9;
    }
    .main-section.main-notice .inner .section-head .section-subtitle {
        font-size: 2.5rem;
    }
    .moreBtn:hover {
        background: #b4b4b4 url(../img/highlight.svg) no-repeat top left;
    }
    
    .main-gallery .moreBtn:hover {
        background: #b4b4b4 url(../img/highlight.svg) no-repeat top left;
    }
    .main-section.main-gallery .inner .section-body .swiper-container .swiper-wrapper .swiper-slide:hover .gallery-thumb img {
        transform: none;
    }
    /* 메인 호버이벤트 해제 */

    /* sub 호버이벤트 해제 */
    #location_wrap #map_wrap .address .find_load:hover {
        background: #fff;
    }
    #bo_gall .gall_img a::after {
        display: none;
        display: none;
    }
    #bo_gall .gall_img a::before {
        transform: none;
        display: none;
    }
    #bo_gall .gall_img:hover a img {
        transform: none;
    }
    #program_list .program-list-item a:hover .program-thumb img {
        transform: none;
    }
    #room_info .btn-wrap .btn:hover{
        /* background: #00A8BF; */
    }
    #bo_gall .gall_img:hover a img {
        transform: none;
    }
    /* sub 호버이벤트 해제 */



    .control_btn_box {
        bottom: 12rem;
    }

    .progress-bar-wrap {
        bottom: 11rem;
    }

    #hd_pop .hd_pop_inner {
        width: 65%;
        right: auto;
        transform: translate(-50%, 0);
        left: 50%;
    }

    .main-section.main-program .deco img.whale {
        width: 32rem;
        bottom: -28rem;
    }

    .main-section.shortcut-menu .quick_m_title {
        text-align: start;
        width: calc(100% - 4rem);
    }

    .main-section.shortcut-menu .inner {
        flex-wrap: wrap;
        justify-content: start;
        gap: 2rem;
    }

    .main-section.shortcut-menu .inner .shortcut-menu-box {
        flex-basis: calc(50% - 2rem);
        box-sizing: border-box;
    }

    .main-section.shortcut-menu .inner .shortcut-menu-box h3 {
        font-size: 2.5rem;
    }

    .main-section.shortcut-menu .quick_m_title p {
        margin: 1.5rem 0 2rem;
    }

    .main-section.main-program .inner .section-head .section-title,
    .main-section.shortcut-menu .quick_m_title h2,
    .main-section.main-gallery .inner .section-head .section-title {
        font-size: 3.2rem;
    }

    .main-section.main-program .inner .section-head .program_title p,
    .gallery_title p {
        font-size: 1.6rem;
    }


    .main-section.main-notice .inner {
        height: 20rem;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .main-section.main-notice .inner .section-body {
        flex-direction: column;
        height: 100%;
        margin: 2rem 0 0 0;
    }

    .main-section.main-notice .inner .section-body .main-notice-item {
        padding: 0;
        margin: 2rem 0 0 0;
    }
    .main-section.main-notice .inner .section-body .main-notice-item:nth-child(1) {
        padding: 0;
        margin: 0;
    }

    .main-section.main-notice .inner .section-body li.empty-item {
        font-size: 1.9rem;
    }

    .main-section.main-notice .inner .section-body .main-notice-item a .subject {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }

    .main-section.main-notice .inner .section-body .main-notice-item a .date {
        position: static;
        white-space: nowrap;
    }

    .main-section.main-notice .inner .section-body .main-notice-item a {
        display: flex;
    }

    .main-section.main-gallery .inner .section-body .gall_container .gall_center {
        width: 57rem;
    }

    .main-section.main-gallery .inner {
        width: calc(100% - 4rem);
    }

    .main-section.main-gallery .inner .gall_center {
        width: 90vw;
    }

    .main-section.main-gallery {
        padding: 0;
    }



    #greetings .greetings_sub_title {
        font-size: 2rem;
    }

    .aca_container {
        padding: 4rem 0;
    }

    .center_section_02 .aca_container .list_wrap {
        flex-direction: column;
    }

    #academy_section01 .book_icom {
        margin: 0 2rem 0 0;
    }

    #academy_section01 .book_icom img {
        width: 100%;
        min-width: 56px;
    }

    #academy_section01 {
        padding: 3rem 2rem;
    }

    #academy_section02 .funtion_list {
        margin: 3rem 0 0 0;
    }

    #academy_section05 .aca_program_container .aca_program_wrap .program_text_wrap {
        padding: 3.5rem 2rem;
    }

    .sub_visual .title_wrap h3 {
        font: 500 3.4rem/1 'Godo';
    }

    .center_section_02 .aca_container .funtion_list li,
    .center_section_02 .aca_container .funtion_list li span {
        font-size: 1.6rem;
    }

    #greetings {
        padding: 8rem 2rem 16rem;
    }

    .main-section.main-notice .inner .section-head {
        margin: 3rem 0 1rem;
    }

    .main-gallery .section-body .gall_container .gall_slid_btn {
        top: 125%;
    }

    .main-section.main-notice {
        margin-top: 6rem;
    }
    .child-activity .description {
        padding: 3rem 2rem;
    }
    .child-activity .description .img-wrap {
        margin: 0 2rem 0 0;
    }
    .location-item-wrap {
        flex-direction: column;
    }
    .location-item-wrap > li {
        width: 100%;
        padding: 3rem 2rem;
    }
    #hd_pop .hd_pop_inner .hd_pops_footer button {
        display: block;
    }
}


@media screen and (max-width: 880px) {
    .main-section.main-program .inner .section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-section.main-program .inner .section-head #programTab_btn {
        margin: 2rem 0 0 0;
    }

    .main-program .moreBtn {
        transform: translate(-50%, 0);
        bottom: -15%;
        left: 50%;
    }



    .main-section.main-gallery .inner .section-head #gallTab_btn {
        margin: 2rem 0 0 0;
    }

    #academy_section05 .aca_program_container {
        grid-template-columns: repeat(1, 1fr);
    }

    #academy_section05 .aca_program_container .aca_program_wrap:nth-child(3),
    #academy_section05 .aca_program_container .aca_program_wrap:nth-child(4) {
        margin-top: 0;
    }

    .sub_visual.visual01 {
        background: url(../img/visual01.jpg) no-repeat 64% center / cover;
        height: 30rem;
    }

    #greetings .greetings_title {
        font-size: 2.2rem;
    }
}


@media screen and (max-width: 640px) {
    html {
        font-size: 52%;
    }
    #hd_pop .hd_pop_inner {
        right: auto;
        transform: translate(-50%, 0);
        /* top: 63rem; */
        left: 50%;
        min-width: 0;
        min-width:280px;
    }
    #hd_pop .hd_pops_footer h2 {
        display: none;
    }
    #hd_pop .hd_pop_inner .hd_pops_footer button {
        margin-left:0;
    }

    .main-section .inner .section-body .swiper-container .swiper-pagination {
        top: 90%
    }

    .main-section.main-program .deco img.whale {
        right: -3rem;
        width: 23rem;
        bottom: -6rem;
    }

    .main-section.main-program .inner .section-body .swiper-container .swiper-button-next {
        right: -12%;
    }

    .main-section.main-program .inner .section-body .swiper-container .swiper-button-prev {
        left: -12%;
    }

    #academy_section04 {
        overflow: scroll;
    }

    .center_section_03 ul li span {
        padding: 2rem 1rem;
    }

    .center_section_03 ul li p {
        padding: 2rem 1rem;
    }

    #sub_navigation .share-area li img {
        width: 1.8rem;
    }
    #sub_navigation .location-area > li .next-depth li a {
        font-size: 1.4rem;
    }

    .sub-page {
        padding: 6rem 0 10rem;
    }

    .sub-page .page-title {
        font-size: 2.6rem;
        margin: 0 0 3.5rem 0;
    }

    .center_section_01 .academy_cbg p {
        font-size: 2.4rem;
    }

    .main-section.main-notice .inner .section-head .section-subtitle img {
        width: 2rem;
    }

    .main-section.main-gallery .inner .section-head {
        flex-direction: column;
        align-items: flex-start;
    }
    #sub_navigation .location-area > li button {
        padding: 0 4rem 0 1rem;
        font-size: 1.7rem;
        word-break: keep-all;
        line-height: 1.3;
        text-align: center;
    }
    #sub_navigation .location-area > li .next-depth li a {
        padding: 1.5rem 1rem;
    }
    #sub_navigation .share-area::before {
        display: none;
    }
    #main_banner .swiper-container .slide-control button{
        transform: translate(-50%, -130%);
    }
    #time_info {
        aspect-ratio: 1 / .9;
        width: 12rem;
    }
    .main-section.main-program .inner {
        margin: 8rem auto 0;
    }
    .main-program .top_wave_bg {
        transform: translateY(-85%);
    }
    .academy_bg .aca_bg_imgs img:nth-child(1){
        transform: translate(50%, -50%) scale(.5);
    }
    .academy_bg .aca_bg_imgs img:nth-child(2){
        transform: translateX(-50%) rotate(230deg) scale(.5);
    }
}

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

    .center_section_03 ul li p,
    .center_section_03 ul li span {
        font-size: 1.6rem;
    }

    .main-section.main-program .inner .section-head .program_title p,
    .gallery_title p {
        white-space: wrap;
    }

    .main-section.main-program .inner {
        width: calc(100% - 6rem);
    }

    .main-section.main-program .inner .section-body .swiper-container .swiper-button-next {
        width: 5rem;
        height: 5rem;
        right: -4%;
    }
    .main-section.main-program .inner .section-body .swiper-container .swiper-button-prev {
        width: 5rem;
        height: 5rem;
        left: -4%;
    }

    .aca_time {
        margin: 0;
    }

    .time_icon {
        flex-direction: column;
        padding: 3rem 0;
    }

    .center_section_02 .aca_container .list_wrap {
        margin: 3rem 0 0 0;
    }
    .location-item-wrap > li {
        flex-direction: column;
    }
    .location-item-wrap > li .txt-wrap {
        margin: 3rem 0 0 0;
    }
}


@media screen and (max-width: 475px) {
    .main-section.shortcut-menu .inner .shortcut-menu-box {
        width: 100%;
    }

    #sub_navigation .share-area>li:not(:first-child) {
        padding: 0;
        margin: 0 1.5rem 0;
    }
    .main-section.main-gallery .inner .section-body .swiper-container .swiper-wrapper .swiper-slide-active .subject::before,
    .main-section.main-gallery .inner .section-body .swiper-container .swiper-wrapper .swiper-slide-active .subject::after {
        width: 11rem;
    }

    .main-section.main-gallery .inner .section-body .swiper-container {
        padding-bottom: 2rem;
    }
    #academy_section01 {
        flex-direction: column;
    }

    #academy_section01 .aca_info {
        margin: 2rem 0 0 0;
    }

}

@media screen and (max-width: 460px) {
    .main-section.shortcut-menu .inner .shortcut-menu-box {
        flex-basis: 100%;
    }
}
@media screen and (max-width: 420px) {
    
    #hd_pop .hd_pop_inner .hd_pops_footer button {
        margin: 0;
    }
}
@media screen and (max-width: 370px) {
    
    #sub_navigation .share-area>li:not(:first-child) {
        margin: 0 1rem;
    }

    #sub_navigation .share-area {
        padding: 0 0 0 1rem;
    }

    #sub_navigation .location-area>li button {
        font-size: 1.5rem;
    }

    #greetings {
        padding: 8rem 2rem 20rem;
    }
    .child-activity .description {
        flex-direction: column;
    }
    .child-activity .description .img-wrap {
        margin: 0 auto 2rem;
    }
    .child-activity .description .txt-wrap p, .child-activity .info-item-wrap li .txt-wrap p, #academy_section01 .aca_info p, #academy_section03 .aca_container p, #academy_section05 .aca_container .aca_program p {
        font-size: 1.7rem;
    }
}


@media screen and (max-width: 320px) {
    .main-section.main-program .deco img.whale {
        right: -1rem;
        width: 17rem;
    }

    .main-section.main-gallery .inner .gall_center {
        width: 90vw;
    }
}