/* 팝업 */
.pop-parent {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99;
    transition: all .2s;
}

.pop-parent .m-ratioBox-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.pop-parent .m-ratioBox-wrap .m-ratioBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.pop-parent .m-ratioBox-wrap img {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.pop-parent .m-ratioBox-wrap iframe {
    width: 105%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.pop-parent .swiper {
    overflow: visible;
}

.pop-parent .swiper-container {
    overflow: hidden;
}

.pop-parent .swiper-pagination {
    display: flex;
}

.pop-parent .pop {
    width: 400px;
    position: relative;
}

.pop-parent .pop .btn-toggle {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: black;
    cursor: pointer;
}

.pop-parent .pop .btn-toggle img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: all .3s;
}

.pop-parent .pop-btns {
    display: flex;
    position: absolute;
    top: 80px;
    left: -120px;
    background-color: #3c3c3c;
    opacity: 1;
    transform: rotate(90deg);
}

.pop-parent .pop-btns a {
    color: #fff;
    padding: 7px 14px;
}

.pop-parent .pop-btns #oneday_check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.pop-parent .pop-btns #oneday_check+label {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.pop-parent .pop-btns #oneday_check+label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border: 1px solid #fff;
}

.pop-parent .pop-btns #oneday_check:checked+label .icon {
    position: absolute;
    left: 7px;
    top: 7px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/check_checked.png') no-repeat center center
}

.pop-parent .pop .swiper-btn-control {
    width: 8px;
    height: 11px;
    margin-left: 16px;
    position: relative;
    top: 2px;
}

.pop-parent .swiper-control {
    display: flex;
    align-items: center;
    position: absolute;
    top: 21px;
    right: 20px;
    z-index: 2;
}

.pop-parent .swiper-control .swiper-pagination {
    position: static;
}

.pop-parent .swiper-pagination-bullet {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 0;
    border: 1px solid white;
    opacity: 0.5;
    background-color: transparent;
}

.pop-parent .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}

.pop-parent.active {
    right: -400px;
}

.pop-parent.active .btn-toggle {
    transform: rotate(180deg);
}

@media screen and (max-width:1200px) {
    .pop-parent .pop {
        width: 310px;
    }

    .pop-parent.active {
        right: -310px;
    }
}




/*===========================================================================
    페이지 공통 속성
============================================================================*/
/* [ pc부터 패딩이 없는 container ] */
.style-cir {
    position: relative;
}

.style-cir:after {
    position: absolute;
    display: block;
    content: '';
    border-radius: 50%;
}

.style-cir:before {
    position: absolute;
    display: block;
    content: '';
    border-radius: 50%;
}

.style-cir1:after {
    top: -32px;
    right: -38px;
    width: 23px;
    height: 23px;
    border: 7px solid #a62624;
}

.style-cirBig:after {
    top: -300px;
    left: -450px;
    width: 700px;
    height: 700px;
    border: 100px solid #a62624;
    z-index: 1;
}

.style-cirThin:after {
    top: 87px;
    left: -140px;
    width: 434px;
    height: 434px;
    border: 4px solid #a62624;
    opacity: 0.17;
}

.style-cirOpa::before {
    top: 0px;
    left: 80px;
    width: 250px;
    height: 250px;
    background-color: #a62624;
    opacity: 0.36;
}

.style-cirMid:after {
    top: -78px;
    right: 180px;
    width: 60px;
    height: 60px;
    border: 13px solid #a62624;
}


.btn-default {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inquiry-section.style-cirBig:after {
    z-index: -1;
    top: -2px;
    left: -320px;
    width: 600px;
    height: 600px;
}

.band-section.section2-1  .style-cir1:after {
    top: -74px;
    right: -80%;
}

.band-section.section2-1 .ri-inner-wrap .style-cir1:after {
    top: -80px;
    left: -270px;
    right: unset;
}
.band-section.section2-1 .inner-wrap:last-child .style-cir1:after {
    top:-65px;
    right: -180%;
}

.band-section.section2-5 .style-cirMid:after {
    top: -35px;
    right: -157px;
}

.band-section.section2-4 .style-cir1:after {
    top: -90px;
    left: -120px;
}

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

    .style-cirBig:after {
        display: none;
    }
    .style-cir1:after {
        top: -32px;
        right: 172px;
    }
    .section0-4 .style-cir1:after {
        display: none;
    }
    .style-cirThin:after {
        display: none;
    }

    .style-cirOpa::before {
        display: none;
    }
    .section2-2 .fixed-content .style-cir1::after {
        display: none;
    }
    .section2-5 .style-cirMid:after {
        display: none;
    }
    .section2-1 .ri-inner-wrap .style-cir1:after {
        display: none;
    }
    .section2-1 .inner-wrap:last-child .style-cir1:after {
        display: none;
    }
    .section2-1 .style-cir1:after {
        display: none;
    }
    .section2-4 .style-cir1:after {
        display: none;
    }
}

@media screen and (max-width: 1080px) {
    .style-cir1:after {
        top: -24px;
        right: -25px;
        width: 14px;
        height: 14px;
    }
}
/*===========================================================================
    Component
============================================================================*/

/* [ banner-section ] : text만 바뀌는 부분임. */
.banner-section {
    padding-top: 200px;
    max-width: 1920px;
    margin: 0 auto;
}

.banner-section .banner-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 160px);
    height: 560px;
    border-top-right-radius: 280px;
    border-bottom-right-radius: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-section .banner-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #a62624;
    opacity: 0.7;
    border-top-right-radius: 280px;
    border-bottom-right-radius: 280px;
}

.banner-section .sub-0 {
    background-image: url('/images/sub-bg0.png');
}

.banner-section .sub-1 {
    background-image: url('/images/sub-bg1.png');
}

.banner-section .sub-2 {
    background-image: url('/images/sub-bg2.png');
}

.banner-section .sub-3 {
    background-image: url('/images/sub-bg3.png');
}

/* 107스토리 */
.banner-section .sub-4 {
    background-image: url('/images/sub-bg4.png');
}

/* 오시는 길 */
.banner-section .sub-5 {
    background-image: url('/images/sub-bg5.png');
}



.banner-section .banner-contents {
    margin-left: 9.091%;
    z-index: 1;
}

.banner-section .location-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.banner-section .banner-title {
    font-family: var(--Cafe24Ssurround);
    font-size: 56px;
    color: #fff;
    font-weight: bold;
}

.banner-section .location-txt {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 3.33;
}

.banner-section .location-icon {
    font-size: 20px;
    color: #fff;
    line-height: 3.2;
    letter-spacing: -0.5px;
}


@media screen and (max-width: 1080px) {
    .banner-section .banner-wrap {
        width: calc(100% - 16px);
    }

    .banner-section .banner-wrap {
        height: 360px;
    }

    .banner-section {
        padding-top: 96px;
    }

    .banner-section .banner-title {
        font-size: 24px;
    }

    .banner-section .location-txt {
        font-size: 12px;
        font-weight: 500;
    }

    .banner-section .location-wrap {
        gap: 5px;
    }

    .banner-section .location-icon {
        font-size: 10px;
    }

    .banner-section .banner-contents {
        margin-left: 16px;
    }


}

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

    .banner-section .sub-0 {
        background-image: url('/images/sub-bg0-mb.png');
    }

    .banner-section .banner-wrap {
        height: 169px;
    }

    /* .banner-section .banner-wrap {
       max-width: 573px;
       height: 169px;
       border-top-right-radius: 84.5px;
       border-bottom-right-radius: 84.5px;
   } */

    /* .banner-section .banner-wrap::after {
       border-top-right-radius: 84.5px;
       border-bottom-right-radius: 84.5px;
   } */



}



/* [ subject-banner-section ] : text, bg 변경 부분임. */

.subject-banner-section {
    padding-top: 200px;
}

.subject-banner-section .subject-banner-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 560px;
    background-repeat: no-repeat;
    background-size: cover;
}

.subject-banner-section .banner-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #a62624;
    opacity: 0.7;
    border-top-right-radius: 280px;
    border-bottom-right-radius: 280px;
}

.subject-banner-section .sub-01 {
    background-image: url('/images/sub-bg01.png');
}
.subject-banner-section .sub-02 {
    background-image: url('/images/sub-bg02.png');
}
.subject-banner-section .sub-03 {
    background-image: url('/images/sub-bg03.png');
}
.subject-banner-section .sub-04 {
    background-image: url('/images/sub-bg04.png');
}
.subject-banner-section .sub-05 {
    background-image: url('/images/sub-bg05.png');
}
.subject-banner-section .sub-06 {
    background-image: url('/images/sub-bg06.png');
}
.subject-banner-section .sub-07 {
    background-image: url('/images/sub-bg07.png');
}
.subject-banner-section .subject-banner-contents {
    text-align: center;
}

.subject-banner-section .subject-title {
    font-family: var(--Cafe24Ssurround);
    font-size: 64px;
    font-weight: bold;
    color: #fff;
}

.subject-banner-section .subject-sub {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 56px;
    font-weight: 300;
    color: #a62624;
    text-transform: uppercase;
}


@media screen and (max-width: 1080px) {
    .subject-banner-section {
        padding-top: 80px;
    }

    .subject-banner-section .subject-title {
        font-size: 25px;
    }

    .subject-banner-section .subject-sub {
        font-size: 20px;
    }

    .subject-banner-section .subject-banner-wrap {
        height: 176px;
    }

}

/* [ pagination ] : 페이지네이션 */
/* pagination */
.pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 72px;
    justify-content: center;
}

.pagination .page-btn {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    font-weight: 300;
    color: #202020;
}

.pagination .page-btn i {
    color: #202020;
}

.pagination .page-btn:hover {
    background: #a62624;
;
    color: #fff;
}

.pagination .page-btn.active {
    background: #a62624;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .pagination {
        margin-top: 56px;
    }
}

.default-title-wrap {
    text-align: center;
    margin-bottom: 88px;
}

.default-title-wrap .sub {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 24px;
    line-height: 1.67;
    color: #a62624;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.default-title-wrap .title {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 48px;
    line-height: 1.5;
    color: #303030;
}

.default-title-wrap .title.txt-bold {
    font-family: var(--Cafe24Ssurround);
    font-weight: bold;
}


.main-title-wrap .title {
    font-family: var(--Cafe24Ssurround);
    font-size: 72px;
}

.txt-style1 {
    font-family: var(--Cafe24Ssurround);
    color: #a62624;
}


@media screen and (max-width: 1080px) {
    .default-title-wrap {
        margin-bottom: 30px;
    }

    .default-title-wrap .sub {
        font-size: 15px;
    }

    .default-title-wrap .title {
        font-size: 25px;
    }

}

/* [ mainContent ] : 과목 페이지 공통 내용 */
.mainContent .sub {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 24px;
    font-weight: 300;
    color: #a62624;
    margin-bottom: 16px;
}

.mainContent.content-ri {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.mainContent .title {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 48px;
    font-weight: 300;
    color: #303030;
    width: fit-content;
}

.mainContent .txt-bold {
    font-family: var(--Cafe24Ssurround);
    font-weight: bold;
    color: #303030;
}

.mainContent .info {
    font-size: 24px;
    font-weight: 400;
    color: #202020;
    line-height: 1.6;
    max-width: 590px;
    margin-top: 56px;
}

.mainContent.content-ri p {
    text-align: right;
}


/* 과목 - 스크롤세션 */
.scoll-section {}

.scoll-section .contents-wrap {
    display: flex;
    justify-content: space-between;
}

.scoll-section {
    height: 1800px;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 170px;
}

.scoll-section .contents-wrap {
    position: sticky;
    z-index: 1;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    max-height: 1800px;
    padding-top: 30px;
}

.scoll-section .contents-wrap .fixed-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 42%;
    height: 370px;
    position: sticky;
    top: 350px;
    margin-top: 183px;
}

.scoll-section .move-content {
    display: flex;
    gap: 32px;
    width: 58%;
}

.scoll-section .move-img-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
}


.scoll-section .move-img-wrap .inner-img-wrap {
    position: relative;
    max-width: 507px;
    width: 100%;
}

/* .scoll-section .move-img-wrap .black-cover-wrap::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.59;
    border-radius: 24px;
} */

.scoll-section .ri-img-wrap {
    padding-top: 160px;
}

.scoll-section .contents-wrap .content-ri {
    align-items: end;
}



@media screen and (max-width: 1080px) {
    .scoll-section .pc {
        display: none;
    }

    .scoll-section .mb {
        display: block;
    }

    .scoll-section .contents-wrap {
        height: unset;
        max-height: unset;
        padding-top: unset;
    }

    .scoll-section .contents-wrap .fixed-content {
        width: 100%;
        position: unset;
        margin-top: unset;
        text-align: center;
        order: 1;
        height: unset;
        margin-bottom: 30px;
    }

    .scoll-section {
        height: unset;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .scoll-section .move-img-wrap {
        gap: 15px;
    }

    .mainContent .info {
        max-width: 80%;
        margin: 0 auto;
    }

    .scoll-section .move-content {
        width: 100%;
        flex-direction: column;
        order: 2;
        gap: unset;
    }

    .scoll-section .ri-img-wrap {
        padding-top: 15px;
        align-items: center;
        gap: 15px;
    }

    .scoll-section .move-img-wrap .inner-img-wrap {
        max-width: unset;
    }

}

/* //스크롤 섹션 */


/* 리뷰 슬라이드 ---------------------------- */

.review-swiper-section {
    margin-bottom: 200px;
}

.review-swiper-section .container {
    position: relative;
}

.reviewSwiper {
    padding-bottom: 40px;
}

.review-swiper-section .container {
    position: relative;
    width: 100%;
    margin-top: 123px;
    margin-bottom: 200px;
}

.reviewSwiper .slide-container {
    border-radius: 16px;
    background-color: #fff;
    border: solid 1px transparent;
}

.reviewSwiper .slide-container:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #f5f5f5;
}

.reviewSwiper .slide-container .img-wrap {
    position: relative;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
}

.reviewSwiper .slide-container .img-wrap::before {
    content: '';
    display: block;
    padding-top: 56.5%;
}

.reviewSwiper .slide-container .img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.reviewSwiper .info-wrap {
    padding: 39px 32px 165px;
}

.reviewSwiper .info-wrap .le-wrap {
    display: flex;
    flex-direction: column;
}

.reviewSwiper .le-wrap .title {
    font-size: 32px;
    font-weight: bold;
    color: #202020;
    margin-bottom: 15px;
}

.reviewSwiper .le-wrap .sub {
    font-size: 16px;
    font-weight: 300;
    color: #aeaeae;
    margin-bottom: 15px;
}

.reviewSwiper .star-wrap .icon-star {
    font-size: 24px;
    color: #f7c368;
}

.reviewSwiper .info-wrap .top-wrap {
    display: flex;
    justify-content: space-between;
}

.reviewSwiper .info-txt {
    font-size: 16px;
    font-weight: 300;
    color: #202020;
    line-height: 1.5;
}

.review-swiper-section .swiper-btn-wrap {
    position: absolute;
    width: 97%;
    height: 30px;
    left: 1.5%;
    top: 65%;
    transform: translateY(-50%);
}

.review-swiper-section .swiper-button-next:after,
.review-swiper-section .swiper-button-prev:after {
    font-size: 72px;
    color: #e4e4e4;
}

@media screen and (max-width: 1280px) {
    .review-swiper-section .swiper-btn-wrap {
        width: 93%;
        left: 3.5%;
    }

    .reviewSwiper .info-wrap {
        padding: 30px 24px 20px;
    }
}

@media screen and (max-width: 1080px) {
    .review-swiper-section {
        margin-bottom: 80px;
    }

    .review-swiper-section .container {
        margin-top: unset;
        margin-bottom: unset;
    }

    .review-swiper-section .swiper-button-next:after,
    .review-swiper-section .swiper-button-prev:after {
        font-size: 45px;
    }

    .section0-6 .swiper {
        max-width: 768px;
    }

    .review-swiper-section .swiper-btn-wrap {
        width: 95%;
        left: 2.5%;
    }

    .review-swiper-section .swiper-slide {
        border: 1px solid #f5f5f5;
        border-radius: 16px;
    }

    .review-swiper-section .swiper-slide:hover {
        border: 1px solid transparent;
    }

    .reviewSwiper .le-wrap .title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .reviewSwiper .star-wrap .icon-star {
        font-size: 18px;
    }

    .reviewSwiper .le-wrap .sub {
        font-size: 12px;
        margin-bottom: 19.5px;
    }

    .reviewSwiper .btm-wrap {
        border-top: 1px solid #f5f5f5;
        padding-top: 19.5px;
        font-size: 14px;
        line-height: 1.43;
    }

    .review-swiper-section .container {
        margin-bottom: unset;
    }

    .review-swiper-section {
        margin-bottom: 80px;
    }

    .review-swiper-section .swiper-btn-wrap {
        top: 56%;
    }
}


@media screen and (max-width: 920px) {
    .section0-6 .swiper {
        max-width: 573px;
    }
    .review-swiper-section .swiper-btn-wrap {
        width: 90%;
        left: 5%;
        top: 66%;
    }


}

@media screen and (max-width: 768px) {
    .review-swiper-section .swiper-button-next:after,
    .review-swiper-section .swiper-button-prev:after {
        font-size: 32px;
    }
    .section0-6 .swiper {
        max-width: 307px;
    }

    .review-swiper-section .swiper-btn-wrap {
        width: 60%;
        min-width: 438px;
        max-width: 438px;
        left: 50%;
        top: 49%;
        transform: translateX(-50%);
    }

}

@media screen and (max-width: 573px) {
    .review-swiper-section .swiper-button-next:after,
    .review-swiper-section .swiper-button-prev:after {
        font-size: 22px;
    }

    .review-swiper-section .swiper-btn-wrap {
        width: 100%;
        min-width: 400px;
    }

}

@media screen and (max-width: 400px) {
    .review-swiper-section .swiper-btn-wrap {
        min-width: 375px;
    }
    .review-swiper-section .swiper-btn-wrap {
        top: 54%;
    }
}


/* ------------------------------------------ // */



/* 문의하기 기본 속성 -------------------------------*/

/* Input 스타일 */
.input-default {
    width: 100%;
    max-width: 496px;
    height: 48px;
    border: 1px solid #e4e4e4;
    border-radius: 24px;
    padding: 0 24px;
}

.input-default::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #646464;
}

.inquiry-section {
    margin-bottom: 200px;
}

.inquiry-section .inquiry-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 32px;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding: 80px;
}

.inquiry-section .inquiry-wrap .inner-wrap {
    width: 100%;
    display: flex;
    gap: 48px;
}

.inquiry-section .inquiry-wrap .inner-wrap.top {
    margin-bottom: 40px;
}

.inquiry-section .inquiry-wrap .input-box {
    width: 100%;
}

.inquiry-section .input-box .input-title {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
    margin-bottom: 16px;
}

.inquiry-section .input-box .input-title>span {
    font-size: 24px;
    color: #a62624;
    margin-left: 8px;
}

.inquiry-section .chk-wrap {
    margin-top: 16px;
}

.inquiry-section .chk-wrap .checked-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #202020;
}

.inquiry-section .chk-wrap .form-checkbox:checked+.checked-item {
    font-weight: bold;
    color: red;
}

.inquiry-section .send-btn {
    width: 100%;
    max-width: 560px;
    height: 56px;
    margin-top: 72px;
    border: 1px solid #a62624;
    border-radius: 28px;
    background-color: #fff;
    margin: 72px auto 0;
    font-size: 16px;
    color: #a62624
}

.inquiry-section .send-btn:hover {
    background-color: #a62624;
    color: #fff;
    border-color: #a62624;
    transition: all 0.3s;
}

.inquiry-section select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/images/down-arrow.png') no-repeat 97% 50%/15px auto;
}

.inquiry-section select::-ms-expand {
    display: none;
}

@media screen and (max-width: 1080px) {
    .inquiry-section {
        margin-bottom: 80px;
    }
    .inquiry-section .inquiry-wrap {
        padding: unset;
        border-radius: unset;
        box-shadow: unset;
    }

    .inquiry-section .inquiry-wrap .inner-wrap {
        flex-direction: column;
        gap: 23px;
    }

    .inquiry-section .inquiry-wrap .inner-wrap.top {
        margin-bottom: 23px;
    }

    .inquiry-section .input-box .input-title {
        text-align: center;
        margin-bottom: 7px;
        font-size: 15px;
    }

    .input-default {
        text-align: center;
    }

    .input-default::placeholder {
        text-align: center;
    }

    .inquiry-section select {
        text-align: center;
    }

    .inquiry-section .chk-wrap {
        margin: 15px auto 0;
    }

    .inquiry-section .send-btn {
        margin: 30px auto 0;
        max-width: 240px;
    }

    .inquiry-section .input-box .input-title>span {
        font-size: 20px;
        margin-left: 5px;
    }
}

/* -------------------------------------------// */



/* 지도 섹션 ------------------------------------- */
.map-section {
    max-width: 1920px;
    margin: 0 auto;
}

.map-section .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map-section .content.top {
    margin-bottom: 120px;
    margin-left: 160px;
}

.map-section .content.btm {
    margin-right: 160px;
}

.map-section .content #map2 {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    max-width: 960px;
    width: 100%;
    height: 504px;
}

.map-section .content #map1 {
    width: 100%;
    height: 504px;
}

.map-section .content .title-wrap {
    padding-left: 104px;
    border-left: 2px solid #414242;
    margin-bottom: 48px;
    padding-top: 26px;
    padding-bottom: 25px;
    height: fit-content;
}

.map-section .content.btm .title-wrap {
    text-align: right;
    padding-left: unset;
    padding-right: 104px;
    border-right: 2px solid #414242;
    border-left: unset;
}

.map-section .content .title {
    font-family: var(--Cafe24Ssurround);
    font-size: 40px;
    font-weight: bold;
    color: #333;
    margin-bottom: 56px;
}

.map-section .content .info {
    font-size: 24px;
    color: #777;
    line-height: 1.67;
    max-width: 910px;
}

.map-section .content.top .info {
    max-width: 453px;
}

.map-section .content.btm .info {
    text-align: right;
    max-width: 554px;
}

.map-section #map1 {
    max-width: 960px;
    width: 100%;
    height: 504px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

.map-section .content.btm #map1 {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}


.custom-marker {
    display: flex;
    align-items: center;
    width: 150px;
    height: 48px;
    background-color: #3475F4;
    border-radius: 40px;
    padding: 0 8px;
    margin-top: -15px;
    gap: 10px;
}

.custom-marker2 {
    width: 200px;
}

.custom-marker .marker-shape {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

.custom-marker i {
    font-size: 30px;
    color: #3475F4;
}

.custom-marker .marker-text {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

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

    .map-section .content .title-wrap {
        padding-left: 54px;
        min-width: 509px;
        padding-right: 10px;
    }

    .map-section .content.top {
        margin-left: 40px;
    }

    .map-section .content.btm .title-wrap {
        padding-right: 54px;
        padding-left: 10px;
        min-width: 528px;
    }

    .map-section .content.btm {
        margin-right: 40px;
    }
}

@media screen and (max-width: 1280px) {
    .map-section #map1 {
        border-radius: 24px;
        max-width: unset;
        height: 179px;
    }


    .section3-8 {
        padding: 0 16px;
        margin-bottom: 80px;
    }

    .map-section .content .title-wrap {
        margin-top: 25px;
        order: 2;
        border: unset;
        min-width: unset;
        padding: 0 10px;
    }

    .map-section .content.btm .title-wrap {
        border: unset;
        padding: unset;
        min-width: unset;
        text-align: center;
    }

    .section5-1 .default-title-wrap {
        margin-bottom: 30px;
    }

    .map-section .content.btm .info {
        text-align: center;
        max-width: unset;
    }

    .section5-1 .contents-wrap {
        padding: 0 16px;
    }

}

@media screen and (max-width: 1080px) {
    .map-section {
        padding: 0 15px;
    }
    .map-section .content .title {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .map-section .content .info {
        font-size: 14px;
        line-height: 1.4;
    }
    .map-section .content .title-wrap {
        margin-bottom: unset;
    }
}
@media screen and (max-width: 768px) {

    .map-section .content #map2 {
        border-radius: 24px;
        max-width: unset;
        height: 179px;
    }

    .map-section .content #map1 {
        border-radius: 24px;
        max-width: unset;
        height: 179px;
    }


    .custom-marker {
        width: 80px;
        height: 28px;
        padding: 0 4px;
        gap: 2px;
    }

    .custom-marker2 {
        width: 105px;
    }

    .custom-marker .marker-shape {
        width: 20px;
        height: 20px;
        margin-right: 2px;
    }

    .custom-marker i {
        font-size: 15px;
    }

    .custom-marker .marker-text {
        font-size: 11px;
    }

}

/* ------------------------------------------- // */



/* --------------------------------- select 스타일 */

.select_box {
    width: 100%;
    height: 48px;
    border: 1px solid #e4e4e4;
    border-radius: 24px;
    position: relative;
}

.select_box .btn_select {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    z-index: 4;
    position: relative;
    padding: 0 24px;
}

.select_box .btn_select p {
    font-size: 16px;
    font-weight: 500;
    color: #646464;
}

.select_box .btn_select i {
    font-size: 20px;
    color: #202020;
}

.select_box .list_member {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 20px 0 8px;
    width: 100%;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
    z-index: 1;
}

.select_box .list_member li {
    display: flex;
    padding: 0 24px;
    height: 32px;
    cursor: pointer;
    align-items: center;
}

.select_box .list_member li p {
    font-size: 14px;
}

.select_box .list_member li:hover {
    background-color: #fff;
}

.select_box .list_member li:hover p {
    font-weight: 600;
}

/* .select_box.open .btn_select {
    z-index: 4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background-color: #fff;
    border-radius: 24px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
} */

.select_box.open .btn_select i {
    transform: rotate(0.5turn);
}

.select_box.open .list_member {
    display: block;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-top: unset;
    z-index: 1;
}

.select_box.open .list_member li {
    background-color: #fff;
}

.select_box.open .list_member li:hover {
    background-color: #fff;
}

/* --------------------------------------- // */




/* 커리큘럼 섹션 curriculum-section  ------------------------------ */

.curriculum-section {
    padding-top: 88px;
}

.curriculum-section .section-title {
    position: relative;
    font-size: 32px;
    font-weight: 600;
    color: #333;
    padding-left: 16px;
}

.curriculum-section .section-title::before {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 100%;
    background-color: #a62624;
    left: -8px;
}

.curriculum-section .group-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 32px;
}

.curriculum-section .contents-wrap {
    display: flex;
    gap: 34px;
}

.curriculum-section .item-wrap {
    width: calc((100% - (34px * 2)) / 3);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.curriculum-section .item-box {
    border-radius: 4px;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    padding: 16px;
    font-size: 17px;
    font-weight: 300;
    color: #333;
}

.curriculum-section .item-box .item-num {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin-right: 15px;
}

.curriculum-section .item-title-box {
    position: relative;
    background-color: #333;
    padding: 24px 0 24px 65px;
    transform: translate(90deg);
    overflow: hidden;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
}

.curriculum-section .title-num {
    position: absolute;
    top: -8px;
    left: 0;
    font-size: 48px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    opacity: 0.6;
    writing-mode: vertical-rl;
}

.curriculum-section .re-title-num {
    top: -17px;
    letter-spacing: -2.4px;
}

.curriculum-section .item-title-box .title {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
}


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

    .curriculum-section .contents-wrap {
        gap: 17px;
    }

    .curriculum-section .item-wrap {
        width: calc((100% - (17px * 2)) / 3);
    }

    .section5-4 .container {
        padding: 0 60px;
    }
}


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

    .section5-4 .container {
        padding: 0 16px;
    }

    .curriculum-section {
        padding-top: 40px;
    }

    .curriculum-section .contents-wrap {
        flex-direction: column;
        gap: 8px;
    }

    .curriculum-section .item-wrap {
        width: 100%;
        gap: 7px;
    }

    .curriculum-section .item-title-box {
        font-size: 20px;
    }

    .curriculum-section .item-box {
        font-size: 14px;
    }

    .curriculum-section .re-title-num {
        top: -28px;
    }
}

/* //--------------------------------------- */
/*===========================================================================
    107홈 - 인사말
============================================================================*/
.section1-1 {
    margin-top: 200px;
}

.section1-1 .top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.section1-1 .top-wrap .title {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 48px;
    font-weight: 300;
    color: #303030;
    line-height: 1.5;
}

.section1-1 .top-wrap .title.txt-bold {
    font-family: var(--Cafe24Ssurround);
    font-size: 48px;
    font-weight: bold;
    color: #303030;
}

.section1-1 .top-wrap .info {
    font-size: 24px;
    color: #202020;
    line-height: 1.67;
    max-width: 1241px;
    margin-top: 40px;
}

.section1-1 .top-wrap .sub {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
    line-height: 1.67;
    margin-top: 64px;
}

.section1-1 .top-wrap  .le-wrap .info {
    font-size: 24px;
}

.section1-1 .top-wrap {
    gap: 32px;
}

.section1-1 .btm-wrap {
    margin-top: 200px;
    display: flex;
    justify-content: space-between;
}


.section1-1 .le-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 970px;
}

.section1-1 .btm-wrap  .le-wrap {
    max-width: 532px;
}

.section1-1 .le-wrap .content-wrap {
    margin-top: 64px;
    text-align: center;
}

.section1-1 .le-wrap .content-wrap .title-wrap {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 8px;
}

.section1-1 .le-wrap .content-wrap .name {
    font-size: 48px;
    font-weight: bold;
    color: #202020;
    line-height: 1;
}

.section1-1 .le-wrap .content-wrap .title {
    font-size: 24px;
    font-weight: 300;
    color: #202020;
}

.section1-1 .le-wrap .sub {
    margin-top: 41px;
    font-size: 17px;
    font-weight: 600;
    color: #202020;
}

.section1-1 .le-wrap .info {
    margin-top: 24px;
    font-size: 17px;
    font-weight: 300;
    color: #202020;
    line-height: 1.88;
}

.section1-1 .ri-wrap {
    width: calc(100% - 532px - 94px);
}

.section1-1 .record-wrap {
    display: flex;
    justify-content: space-between;
}

.section1-1 .record-wrap.mid {
    margin-top: 40px;
}

.section1-1 .record-wrap.btm {
    margin-top: 40px;
}

.section1-1 .record-item .title {
    max-width: 162px;
    text-align: right;
    font-family: var(--Cafe24Ssurround);
    font-size: 32px;
    font-weight: bold;
    color: #202020;
}

.section1-1 .record-item .record-list {
    position: relative;
    margin-left: 182px;
    margin-top: 24px;
}

.section1-1 .record-item .record-list::after {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 100%;
    background-color: #a62624;
    top: 0;
    left: -9px;
}

.section1-1 .list-item-wrap {
    display: flex;
    gap: 9px;
    margin-bottom: 10px;
    max-width: 294px;
}

.section1-1 .list-item-wrap {
    font-size: 4px;
    font-weight: 300;
    color: #202020;
    line-height: 2.5
}

.section1-1 .list-item-wrap .item-txt {
    font-size: 17px;
    font-weight: 300;
}

.section1-1 .list-item-wrap .mark {
    font-size: 5px;
    font-weight: 300;
    color: #202020;
    display: flex;
    align-items: center;
}


.section1-1 .img-wrap {
    max-width: 507px;
}


.section1-1 .container {
    padding-bottom: 200px;
}

@media screen and (max-width: 1765px) {
    .section1-1 .le-wrap {
        width: 30%;
    }

    .section1-1 .top-wrap .le-wrap {
        width: 100%;
    }

    .section1-1 .ri-wrap {
        width: 65%;
    }
}

@media screen and (max-width: 1660px) {
    .section1-1 .record-item .record-list {
        margin-left: 90px;
    }
}

@media screen and (max-width: 1280px) {
    .section1-1 .container {
        padding: 0 15px;
    }


    .section1-1 .img-wrap {
        max-width: 375px;
    }
}

.section1-1 .top-wrap .mb {
    display: none;
}

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

    .section1-1 .top-wrap .mb {
        display: flex;
    }

    .section1-1 .top-wrap .pc {
        display: none;
    }

    .section1-1 .top-wrap .le-wrap .info {
        font-size: 14px;
    }


    .section1-1 .top-wrap {
        flex-direction: column-reverse;
        gap: 40px;
    }

    .section1-1 .top-wrap .le-wrap {
        max-width: unset;
    }

    .section1-1 .img-wrap {
        width: 100%;
        max-width: unset;
        display: flex;
        justify-content: end;
    }

    .section1-1 .mb {
        display: block;
    }

    .section1-1 {
        margin-top: 20px;
        margin-bottom: 80px;
    }

    .section1-1 .top-wrap .title {
        text-align: center;
        max-width: 573px;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.4;
    }

    .section1-1 .top-wrap .title.txt-bold {
        font-size: 25px;
        font-weight: 300;
        line-height: 1.4;
    }

    .section1-1 .top-wrap .info {
        text-align: center;
        max-width: 100%;
        margin: 20px auto 0;
        font-size: 12px;
        text-align: center;
    }

    .section1-1 .top-wrap .sub {
        font-size: 12px;
        margin-top: 15px;
        text-align: center;
    }

    .section1-1 .btm-wrap {
        margin-top: 80px;
        flex-direction: column;
        align-items: center;
    }

    .section1-1 .le-wrap {
        width: 100%;
        max-width: 240px;
    }

    .section1-1 .le-wrap .content-wrap {
        margin-top: 30px;
    }

    .section1-1 .le-wrap .content-wrap .name {
        font-size: 24px;
    }

    .section1-1 .le-wrap .content-wrap .title {
        font-size: 12px;
    }

    .section1-1 .le-wrap .sub {
        margin-top: 15px;
        font-size: 14px;
    }

    .section1-1 .le-wrap .info {
        font-size: 12px;
        line-height: 1.67;
    }

    .section1-1 .ri-wrap {
        width: 100%;
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section1-1 .record-wrap {
        flex-direction: column;
        gap: 40px;
    }

    .section1-1 .record-item .title {
        font-size: 20px;
        width: 100%;
        max-width: unset;
        text-align: left;
    }

    .section1-1 .repo-item .title {
        text-align: right;
    }

    .section1-1 .repo-item .mark {
        order: 2;
    }

    .section1-1 .repo-item .record-list::after {
        display: none;
    }

    .section1-1 .repo-item .record-list::before {
        position: absolute;
        display: block;
        content: "";
        width: 2px;
        height: 100%;
        background-color: #a62624;
        top: 0;
        right: -9px;
    }

    .section1-1 .repo-item .record-list {
        margin-left: unset;
        margin-right: 120px;
    }

    .section1-1 .repo-item .list-item-wrap {
        justify-content: end;
        max-width: unset;
    }

    .section1-1 .record-item .record-list {
        margin-top: 15px;
    }

    .section1-1 .list-item-wrap .item-txt {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .section1-1 .top-wrap .info {

    }
}


/*===========================================================================
    107홈 - 내부시설
============================================================================*/
.section1-2 {
    margin-top: 200px;
    padding-bottom: 406px;
    max-width: 1920px;
    margin: 200px auto 0;
}

.section1-2 .facility-img-list {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
}
.section1-2 .facility-img-list.btm  .title-item.mb {
    display: none;
}

.section1-2 .facility-img-list.btm {
    margin-top: 160px;
}

.section1-2 .facility-img-list .img-item {
    width: calc((100% - (33px * 1)) / 2);
}

.section1-2 .title-wrap {
    position: relative;
}

.section1-2 .title-wrap::before {
    position: absolute;
    /* display: block;
    content: "";
    top: 50%;
    left: -21%;
    transform: translateY(-50%);
    width: 2px;
    height: 223px;
    background-color: #414242; */
}

.section1-2 .facility-img-list.btm .title-wrap {
    text-align: right;
}

.section1-2 .facility-img-list.btm .title-wrap::before {
    display: none;
}

.section1-2 .facility-img-list.btm .title-wrap::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: -21%;
    transform: translateY(-50%);
    width: 2px;
    height: 223px;
    background-color: #414242;
}

.section1-2 .title-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section1-2 .facility-title {
    font-family: var(--Cafe24Ssurround);
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    margin-bottom: 56px;
}

.section1-2 .facility-sub {
    font-size: 24px;
    line-height: 1;
    color: #777;
}

.tab-title-wrap {
    display: none;
}

.section1-2 .addViewBtn {
    display: none;
    width: 160px;
    height: 48px;
    border: 1px solid #a62624;
    background-color: #fff;
    font-size: 14px;
    color: #a62624;
    margin: 30px auto 0;
    border-radius: 24px;
}



.section1-2 .add-view-item.active {
    display: block;
}



.section1-2  .tab-title-wrap {
    width: 100%;
    max-width: 1600px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin: 0 auto 80px;
}

.section1-2 .tab-title-wrap .tab_item {
    cursor: pointer;
    padding: 12px 17px 24px;
    font-size: 24px;
    font-weight: bold;
    width: calc(100% / 3);
    text-align: center;
    opacity: 0.5;
    border-bottom: 2px solid #202020;
    font-family: var(--Cafe24Ssurround);
    word-break: keep-all;
}

.section1-2 .tab-title-wrap .tab_item.on {
    color: #a62624;
    font-weight: bold;
    position: relative;
    opacity: unset;
}

.section1-2 .tab-title-wrap .tab_item.on::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #a62624;
    opacity: unset;

}


@media screen and (max-width: 1280px) {
    .section1-2 {
        margin-top: 80px;
    }

    .tab_cont {
        margin-top: 30px;
    }

    .section1-2 .tab-title-wrap .tab_item {
        font-size: 14px;
        line-height: 1.5;
        padding: 12px 8px 12px;
    }

    .section1-2 .tab-title-wrap {
        margin-bottom: 40px;
    }

    /*
        .tab-title-wrap {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
            margin: 0 auto;
        }


        .tab-title-wrap .tab_item.on {
            color: #a62624;
            font-weight: bold;
            position: relative;
            opacity: unset;
        }

        .tab-title-wrap .tab_item.on::after {
            position: absolute;
            display: block;
            content: "";
            width: 100%;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #a62624;
            opacity: unset;

        } */

    .section1-2 .section-wrap {
        padding: 0 16px;
    }

    .section1-2 .facility-img-list {
        flex-direction: column;
        gap: 15px;
    }

    .section1-2 .facility-img-list .img-item {
        width: 100%;
        border-radius: 24px;
        overflow: hidden;
    }

    .section1-2 .title-wrap::before {
        display: none;
    }

    .section1-2 .facility-img-list.btm .title-wrap::after {
        display: none;
    }

    .section1-2 .facility-title {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .section1-2 .facility-sub {
        font-size: 12px;
    }

    .section1-2 .title-item {
        margin-bottom: 4px;
    }

    .section1-2 .facility-img-list.btm {
        display: none;
    }

    .section1-2 .facility-img-list .pc {
        display: none;
    }

    .section1-2 .facility-img-list .bm {
        display: flex;
    }

    .section1-2 .facility-img-list.btm {
        margin-top: unset;
    }
    .section1-2 .add-view-item {
        display: none;
    }
    .section1-2 .addViewBtn {
        display: block;
    }
    .section1-2 .facility-img-list.btm .title-item.mb {
        display: flex;
        margin-bottom: 20px;
    }
    .section1-2 .facility-img-list .img-item:not(:last-child){
        margin-bottom: 15px;
    }
}

/*===========================================================================
    107 밴드센터 (section3-1 ~ )
============================================================================*/

/* 디자인 변경에 따른 속성 변경 */
.section3-1 {
    margin-top: 210px;
}
.section3-1 .mb {
    display: block;
}

/* .section3-1 .contents-box {
    width: 100%;
    padding: 32px 32px 70px 24px;
    border: 5px solid #e4e4e4;
}
.section3-1 .contents-box .title-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 23.5px;
    margin-bottom: 23.5px;
    border-bottom: 1px solid #b1b1b1;
}
.section3-1 .title-wrap .title-icon {
    font-size: 30px;
    color: #a62624;
}
.section3-1 .title-wrap .title {
    font-size: 22px;
    font-weight: 500;
    color: #202020;
}
.section3-1 .sub-wrap .sub-txt {
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: -0.4px;
    color: #333;
}
 */
.section3-1 .contents-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section3-1 .title {
    position: relative;
    font-family: var(--Cafe24Ssurround);
    text-align: center;
    font-size: 56px;
    font-weight: bold;
    color: #202020;
    line-height: 1.88;
}

.section3-1 .title::after {
    position: absolute;
    background-image: url('/images/talkMark.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    width: 120%;
    height: 198px;
    left: 49%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.section3-1 .sub-wrap {
    width: 584px;
    margin-top: 46px;
    padding: 20px 0;
    text-align: center;
    border-radius: 42px;
    background-color: #eee;
}

.section3-1 .sub-wrap .sub-txt {
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: -0.4px;
    color: #333;
}


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

    .section3-1 .title::after {
        width: 110%;
        left: 48%;
    }
    .section3-1 {
        margin-top: 59.4px;
    }

    .section3-1 .title {
        font-size: 24px;
        text-align: center;
    }

    .section3-1 .sub-wrap {
        margin-top: 30px;
        width: 100%;
        max-width: 584px;
        padding: 13px 10px;
    }

    .section3-1 .sub-wrap p {
        text-align: center;
    }

    .section3-1 .sub-wrap .sub-txt {
        line-height: 1.33;
        letter-spacing: -0.3px;
        font-size: 12px;
    }

    .section3-1 .sub-wrap .sub-txt.top {
        margin-bottom: 20px;
    }

}

/* --------------------------- // */


.section3-2 {
    margin-top: 88px;
    margin-bottom: 402px;
}

.section3-2 .section-title {
    font-family: var(--Cafe24Ssurround);
    font-size: 56px;
    font-weight: bold;
    color: #202020;
    padding-bottom: 40px;
    border-bottom: 2px solid #333;
    margin-bottom: 40px;
}

.section3-2 .center-list {
    display: flex;
    flex-wrap: wrap;
    gap: 56px 32px;
    margin-bottom: 72px;
}

.section3-2 .center-list .item-top {
    position: relative;
}

.section3-2 .center-list .item-top:after {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
    border: 2px solid #fff;
    border-radius: 16px;
}


.section3-2 .center-list .item-title-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.section3-2 .item-title-wrap .sub {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.section3-2 .item-title-wrap .title {
    font-family: var(--SCDream9);
    font-size: 33px;
    font-weight: 900;
    color: #fff;
}

.section3-2 .center-list .center-item {
    width: calc((100% - (32px * 3)) / 4);
    border-radius: 24px;
}

.section3-2 .center-list .item-img-wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.section3-2 .center-list .item-img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}

.section3-2 .center-list .item-img-wrap::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.section3-2 .center-list .item-img-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #000;
    opacity: 0.61;
    border-radius: 24px;
}


.section3-2 .center-list .item-btm {
    margin-top: 24px;
}

.section3-2 .center-list .item-btm .item-txt {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section3-2 .item-btm .item-title {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    margin-bottom: 16px;
    line-height: 1.5;
}

.section3-2 .item-btm .item-info {
    font-size: 18px;
    font-weight: 300;
    color: rgba(51, 51, 51, 0.65);
    margin-bottom: 24px;
}

.section3-2 .item-btm .item-price {
    font-size: 24px;
    color: #202020;
}

.section3-2 .txt-bold {
    font-weight: bold;
}

@media screen and (max-width: 1280px) {
    .section3-2 .center-list .center-item {
        width: calc((100% - (32px * 1)) / 2);
    }
}

@media screen and (max-width: 1080px) {
    .section3-2 {
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .section3-2 .section-title {
        text-align: center;
        font-size: 25px;
        padding-bottom: 19.5px;
        border-bottom: 1px solid #333;
        margin-bottom: 19.5px;
    }

    .section3-2 .center-list {
        gap: 30px;
    }

    .section3-2 .center-list .center-item {
        width: 100%;
    }

    .section3-2 .center-list .item-btm {
        text-align: center;
        margin-top: 30px;
    }

    .section3-2 .item-btm .item-title {
        margin-bottom: 10px;
    }

    .section3-2 .item-btm .item-info {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .section3-2 .item-btm .item-price {
        font-size: 20px;
    }
}

/*===========================================================================
    107 밴드센터 - 자세히 (section3-3 ~ )
============================================================================*/
.section3-3 {
    padding-top: 200px;
}

.section3-3 .container {
    display: flex;
    gap: 86px;
    max-width: 1600px;
    padding-bottom: 96px;
    border-bottom: 1px solid #dedede;
}

.section3-3 .ri-wrap {
    width: calc(100% - 86px);
    max-width: 466px;
}

.section3-3 .ri-wrap .story-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 16px;
}

.section3-3 .ri-wrap .story-info {
    font-size: 18px;
    font-weight: 300;
    color: rgba(51, 51, 51, 0.65);
    margin-bottom: 24px;
}

.section3-3 .ri-wrap .story-price-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 23.5px;
    border-bottom: 1px solid #e4e4e4e4;
}

.section3-3 .ri-wrap .price {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.section3-3 .ri-wrap .share-icon {
    font-size: 24px;
    color: #707070;
}

.section3-3 .ri-wrap .product-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 16px;
}

.section3-3 .ri-wrap .product-info {
    font-size: 18px;
    font-weight: 300;
    color: rgba(51, 51, 51, 0.65);
    margin-bottom: 24px;
}

.section3-3 .ri-wrap .product-price-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 27.5px;
    border-bottom: 1px solid #e4e4e4;
}

.section3-3 .payBtn {
    width: 100%;
    height: 57px;
    background-image: url('/images/Npay-img.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section3-3 .quantity-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 23.5px;
    padding-bottom: 23.5px;
    border-bottom: 1px solid #e4e4e4e4;
    margin-bottom: 39.5px;
}

.section3-3 .quantity-wrap .title {
    font-size: 18px;
    color: rgba(51, 51, 51, 0.65);
}

.section3-3 .control-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.section3-3 .control-btn {
    width: 48px;
    height: 48px;
    border: 1px solid #6e6e6e;
    background-color: #fff;
    border-radius: 4px;
    color: #202020;
}

.section3-3 .control-wrap .quantity {
    font-size: 24px;
    font-weight: 500;
    color: #202020;
}

.section3-3 .control-btn>i {
    font-size: 24px;
}

.section3-3 .inner-wrap {
    border-bottom: 2px solid #2b2f3a;
    margin-bottom: 16px;
}


.section3-4 {
    margin-top: 104px;
}

.section3-4 .container {
    max-width: 1200px;
    padding: 0 16px;
}

.section3-4 .contents-box {
    display: flex;
    gap: 24px;
}

.section3-4 .contents-box.top {
    margin-bottom: 24px;
}

.section3-4 .contents-box.btm .content {
    width: calc((100% - (24px * 2)) / 3);
}

.section3-4 .content {
    border-radius: 24px;
}

.section3-4 .color-content {
    width: calc(100% - 24px);
    max-width: 792px;
    padding: 40px;
}

.section3-4 .contents-box.btm .color-content {
    padding: 22px 40px;
}

.section3-4 .img-content {
    max-width: 384px;
}

.section3-4 .content.color-1 {
    background-color: #a62624;
}

.section3-4 .content.color-2 {
    background-color: #5a0100;
}

.section3-4 .color-content .num {
    font-size: 48px;
    font-weight: 100;
    color: #fff;
    line-height: 2.31;
}

.section3-4 .contents-box.btm .num {
    line-height: 1;
    margin-bottom: 24px;
}

.section3-4 .color-content .title {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    line-height: 1.25;
}

.section3-4 .color-content .txt-bold {
    font-family: var(--Cafe24Ssurround);
    font-weight: bold;
}

.section3-4 .color-content .info {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 1.56;
    max-width: 586px;
    opacity: 0.6;
    margin-top: 24px;
}

.section3-4 .color-content-2 .title {
    max-width: 302px;
}

.section3-4 .color-content-2 .info {
    max-width: 302px;
}

@media screen and (max-width: 1080px) {
    .section3-3 {
        padding-top: 100px;
    }

    .section3-3 .container {
        flex-direction: column;
        gap: 25px;
        padding-bottom: unset;
        border-bottom: unset;
    }

    .section3-3 .ri-wrap {
        width: 100%;
        max-width: unset;
    }

    .section3-3 .ri-wrap .product-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .section3-3 .ri-wrap .product-info {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .section3-3 .ri-wrap .price {
        font-size: 20px;
    }

    .section3-3 .ri-wrap .product-price-wrap {
        padding-bottom: 14.5px;
    }

    .section3-3 .quantity-wrap .title {
        font-size: 17px;
    }

    .section3-3 .control-btn {
        width: 28px;
        height: 28px;
    }

    .section3-3 .control-btn>i {
        font-size: 14px;
    }

    .section3-3 .control-wrap .quantity {
        font-size: 14px;
    }

    .section3-3 .control-wrap {
        gap: 14px;
    }

    .section3-3 .quantity-wrap {
        padding: 19.5px 0;
        margin-bottom: 19.5px;
    }

    .section3-3 .inner-wrap {
        margin-bottom: 20px;
    }

    .section3-3 .payBtn {
        height: 48px;
    }
}

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

    .section3-4 {
        margin-top: 40px;
        margin-bottom: 68px;
    }

    .section3-4 .img-content {
        display: none;
    }

    .section3-4 .contents-box {
        flex-direction: column;
    }

    .section3-4 .contents-box.btm .content {
        width: 100%;
        padding: 20px 16px;
    }

    .section3-4 .pc {
        display: none;
    }

    .section3-4 .color-content-2 .title {
        max-width: unset;
    }

    .section3-4 .color-content-2 .info {
        max-width: unset;
    }

    .section3-4 .color-content {
        width: 100%;
        max-width: unset;
    }

    /* .section3-4 .content.color-2 {
        background-color: #a62624;
    } */

    .section3-4 .content.color-2 {
        background-color: #5a0100;
    }

    .section3-4 .content {
        padding: 16px 20px;
        border-radius: 15px;
        min-height: 240px;
    }

    .section3-4 .color-content .num {
        line-height: 1;
        margin-bottom: 15px;
        font-size: 30px;
    }

    .section3-4 .color-content .title {
        font-size: 20px;
    }

    .section3-4 .color-content-2 .title {
        display: inline;
    }

    .section3-4 .color-content .info {
        margin-top: 15px;
        font-size: 12px;
        line-height: 1.67;
    }
}

.section3-5 {
    margin: 0 auto;
    max-width: 1920px;

}



.section3-6 .container {
    max-width: 1200px;
    padding: 0 16px;
}

.section3-6 {
    margin-bottom: 120px;
}

.section3-6 .contents-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 43px 42px;
}

.section3-6 .contents-list .content {
    width: calc((100% - (42px * 1)) / 2);
    border-radius: 24px;
    overflow: hidden;
}

.section3-6 .contents-list .info-content {
    border-radius: unset;
    overflow: unset;
}

.section3-6 .content .sub {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 24px;
    font-weight: 300;
    color: #a62624;
    margin-bottom: 16px;
}

.section3-6 .content .title {
    font-family: var(--Cafe24SsurroundAir);
    font-size: 48px;
    font-weight: 300;
    color: #303030;
}

.section3-6 .content .txt-bold {
    font-family: var(--Cafe24Ssurround);
    font-weight: bold;
    line-height: 1.4;
}

.section3-6 .content .info {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67;
    color: #a6a6a6;
    margin-top: 56px;
    max-width: 435px;
}

.section3-6 .info-content {
    position: relative;
}

.section3-6 .info-content:after {
    position: absolute;
    display: block;
    content: "";
    top: -37px;
    right: 52px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 18px solid #a62624;
}

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

    .section3-6 {
        margin-bottom: 80px;
    }

    .section3-6 .pc {
        display: none;
    }

    .section3-6 .mb {
        display: block;
    }

    .section3-6 .info-content:after {
        display: none;
    }

    .section3-6 .contents-list {
        flex-direction: column;
        gap: 30px;
    }

    .section3-6 .contents-list .content {
        width: 100%;
        text-align: center;
        border-radius: 16px;
    }

    .section3-6 .content .info {
        margin: 20px auto 0;
        font-size: 12px;
    }

    .section3-6 .content .sub {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .section3-6 .content .title {
        font-size: 25px;
    }
}


.section3-7 {
    margin-bottom: 120px;
}

.section3-7 .container {
    max-width: 1200px;
    padding: 0 16px;
}


.section3-8 {
    margin-bottom: 496px;
}

.section3-8 .container {
    max-width: 1200px;
    padding: unset;
}

.section3-8 .content.top {
    margin-bottom: 120px;
}

.section3-8 .content .title-wrap {
    padding-left: 104px;
    border-left: 2px solid #414242;
    margin-bottom: 48px;
    padding-top: 26px;
    padding-bottom: 25px;
}

.section3-8 .content.btm .title-wrap {
    text-align: right;
    padding-left: unset;
    padding-right: 104px;
    border-right: 2px solid #414242;
    border-left: unset;
}

.section3-8 .content .title {
    font-family: var(--Cafe24Ssurround);
    font-size: 40px;
    font-weight: bold;
    color: #333;
    margin-bottom: 56px;
}

.section3-8 .content .info {
    font-size: 24px;
    color: #303030;
    line-height: 1.67;
    max-width: 910px;
}

.section3-8 .content.btm .info {
    text-align: right;
    max-width: unset;
}


@media screen and (max-width: 1700px) {
    .map-section .content.btm {
        margin-right: 80px;
    }

    .map-section .content.top {
        margin-left: 80px;
    }
}

@media screen and (max-width: 1630px) {
    .section3-8 .content .title-wrap {
        padding-left: 52px;
        min-width: 480px;
    }

    .section3-8 .content.btm .title-wrap {
        padding-right: 52px;
    }
}

@media screen and (max-width: 1280px) {
    .map-section .content {
        flex-direction: column;
        text-align: center;
    }

    .section3-8 .content .title-wrap {
        padding-left: unset;
        min-width: unset;
        width: 100%;
        text-align: center;
        border-left: unset;
        order: 2;
        padding-top: 25px;
        padding-bottom: unset;
        margin-bottom: unset;
        margin-top: unset;
    }

    .section3-8 .content.btm .title-wrap {
        padding-right: unset;
        border: unset;
        text-align: center;
        margin-top: 15px;
    }

    .section3-8 .content.btm .info {
        text-align: center;
    }

    .map-section .content.top .info {
        max-width: unset;
        text-align: center;
    }

    .map-section .content.top {
        margin-left: unset;
        margin-bottom: 40px;
    }

    .map-section .content.btm {
        margin-right: unset;
    }

}
@media screen and (max-width: 1080px) {
    .map-section .content .title {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .map-section .content .info {
        font-size: 14px;
        line-height: 1.4;
    }
    .section3-8 {
        margin-bottom: 80px;
    }
}
/*===========================================================================
    107 스토리 (section4-1 ~ )
============================================================================*/

.section4-1 {
    margin-top: 200px;
    margin-bottom: 496px;
}

.section4-1 .container {
    max-width: 1840px;

}

.section4-1 .section-title {
    font-family: var(--Cafe24Ssurround);
    font-size: 56px;
    font-weight: bold;
    color: #202020;
    padding-bottom: 40px;
    border-bottom: 2px solid #333;
    margin-bottom: 40px;
}

@media screen and (max-width: 1080px) {
    .section4-1 {
        margin-top: 40px;
        margin-bottom: 80px;
    }
}

.story-contents-wrap {
    display: flex;
    gap: 56px 41px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.story-contents-wrap .story-content {
    position: relative;
    width: calc((100% - (41px * 2)) / 3);
    max-width: 506px;
    overflow: hidden;
    border: solid 2px rgba(86, 207, 221, 0);
    border-radius: 24px;
}

.story-contents-wrap .story-content:hover {
    border: 2px solid #e34d4d;
}

.story-contents-wrap .story-img-wrap {
    position: relative;
}

.story-contents-wrap .story-img-wrap::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.story-contents-wrap .story-img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}

.story-contents-wrap .story-info-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    padding: 24px;
    transition: all 0.3s;
}

.story-contents-wrap .story-date {
    font-size: 16px;
    color: #fff;
}

.story-contents-wrap .story-title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-top: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.story-contents-wrap .story-detail {
    display: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: 16px;
    White-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.story-contents-wrap .story-content:hover .story-img-wrap img {
    transform: scale(1.2);
}

.story-contents-wrap .story-content:hover .story-info-wrap {
    background-color: #fff;
    opacity: 0.78;
    bottom: 0;
    animation: fadeInUp 0.5s;
}

.story-contents-wrap .story-content:hover .story-info-wrap p {
    color: #202020;
}

.story-contents-wrap .story-content:hover .story-detail {
    display: -webkit-box;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 0.78;
        transform: translateZ(0);
    }
}

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

    .story-contents-wrap {
        gap: 32px;
        margin-top: 29.5px;
    }

    .story-contents-wrap .story-content {
        width: calc((100% - (32px * 1)) / 2);
    }

}

@media screen and (max-width: 768px) {
    .story-contents-wrap .story-content {
        width: 100%;
        max-width: unset;
        border: 2px solid #e34d4d;
    }


    .story-contents-wrap .story-content .story-info-wrap {
        background-color: #fff;
        opacity: 0.78;
        bottom: 0;
        padding: 11px 15px;
    }



    .story-contents-wrap .story-content .story-info-wrap p {
        display: block;
        color: #202020;
        margin-top: 0;
    }

    .story-contents-wrap .story-date {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .story-contents-wrap .story-title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .story-contents-wrap .story-detail {
        font-size: 14px;
    }

    @media (hover: hover) {
        .story-contents-wrap .story-content:hover .story-img-wrap img {
            transform: scale(1);
        }

        .story-contents-wrap .story-content:hover .story-info-wrap {
            background-color: #fff;
            opacity: 0.78;
            bottom: 0;
            animation: unset;
        }

        .story-contents-wrap .story-content:hover .story-info-wrap p {
            color: #202020;
        }

        .story-contents-wrap .story-content:hover .story-detail {
            display: unset;
        }
    }

    .section4-1 .section-title {
        text-align: center;
        font-size: 25px;
        font-weight: 300;
        padding-bottom: 20px;
        margin-bottom: 30px;
        width: 80%;
        margin: 0 auto;
    }
}




/*===========================================================================
    107 스토리 자세히 (section4-2 ~ )
============================================================================*/

.section4-2 {
    padding-top: 190px;
    padding-bottom: 80px;

}

.section4-2 .video-wrap{
    position: relative;
    padding-top: 56.25%;
}

.section4-2 iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section4-2 .container {
    max-width: 1840px;
}

.section4-2 .title-wrap {
    text-align: center;
    padding: 40px 0;
    border-top: 2px solid #202020;
    border-bottom: 1px solid #dedede;
    margin-bottom: 40px;
}

.section4-2 .title-wrap .title {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
    margin-bottom: 16px;
}

.section4-2 .title-wrap .date {
    font-size: 17px;
    font-weight: 300;
    color: #202020;
    opacity: 0.5;
}

.section4-2 .nav-wrap {
    border-top: 1px solid #dedede;
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section4-2 .nav-list-btn {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}

.section4-2 .nav-icon {
    font-size: 24px;
    color: #000;
}

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

    .section4-2 {
        padding-top: 80px;
    }

    .section4-2 .title-wrap {
        padding: 20px 0;
        margin-bottom: 30px;
    }

    .section4-2 .title-wrap .title {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .section4-2 .title-wrap .date {
        font-size: 15px;
    }

    .section4-2 .content {
        padding-bottom: 62px;
    }
}

/*===========================================================================
    수강과목 (section2-1 ~ )
============================================================================*/

.section2-1 {
    margin: 200px auto 0;
    max-width: 1920px;
}

.section2-1 .inner-wrap {
    display: flex;
    justify-content: space-between;
}

.section2-1 .inner-wrap:not(:last-child) {
    margin-bottom: 160px;
}

.section2-1 .inner-wrap .contents-wrap {
    padding-left: 160px;
    width: calc(100% - 1043px);
    max-width: 900px;
    min-width: 581px;
    display: flex;
    align-items: center;
}

.section2-1 .img-wrap {
    width: 100%;
    max-width: 1043px;
}

.section2-1 .style-cir1:after {
    top: -28px;
    right: -14%;
    transform: translateX(-50%);
}

.section2-1 .ri-inner-wrap .style-cir1:after {
    top: -28px;
    left: -10%;
    transform: translateX(-50%);
}
.section2-1 .inner-wrap:last-child .style-cir1:after {
    width: 12px;
    height: 12px;
    top: -15px;
    right: -12%;
}

.section2-1 .ri-inner-wrap .contents-wrap {
    order: 2;
}

.section2-1 .ri-inner-wrap .img-wrap {
    order: 1;
}

.section2-1 .ri-inner-wrap .contents-wrap {
    padding-right: 160px;
    padding-left: unset;
    width: unset;
}

.section2-1 .band-ri-inner-wrap .contents-wrap {
    padding-left: 160px;
}

.section2-4.band-section  .container {
    padding-right: 160px;
}

.section2-1 .info.mid {
    max-width: 900px;
}

.section2-1 .info.btm {
    max-width: 526px;
}

.section2-2 .container {
    padding-left: 160px;
}

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

    .section2-2 .container {
        padding-left: 5%;
    }

    .section2-1 .inner-wrap .contents-wrap {
        padding-left: 5%;
        margin-right: 15px;
        width: 100%;
        min-width: unset;
    }

    .section2-1 .ri-inner-wrap .contents-wrap {
        padding-right: 3%;
        padding-left: unset;
        margin-right: unset;
        margin-left: 15px;
    }

    .section2-1 .img-wrap {
        max-width: 768px;
    }

    .section2-1 .inner-wrap:not(:last-child) {
        margin-bottom: 40px;
    }

    .mainContent .info {
        margin-top: 30px;
    }
}


@media screen and (max-width: 1080px) {
    .section2-1 {
        margin-top: 40px;
    }

    .section2-1 .inner-wrap .contents-wrap {
        width: 100%;
    }

    .mainContent.content-ri p {
        text-align: center;
        width: 100%;
    }

    .mainContent .sub {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .mainContent .title {
        font-size: 25px;
        line-height: 1.4;
        width: fit-content;
        margin: 0 auto;
    }

    .mainContent .info {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.67;
    }

    .section2-1 .inner-wrap .img-wrap {
        padding-left: 16px;
    }

    .section2-1 .ri-inner-wrap .img-wrap {
        padding-right: 16px;
        padding-left: unset;
    }

    .section2-1 .inner-wrap {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .section2-1 .inner-wrap .contents-wrap {
        padding-left: unset;
        margin-right: unset;
        max-width: unset;
        justify-content: center;
    }

    .section2-1 .img-wrap {
        max-width: unset;
    }

    .section2-1 .inner-wrap {
        gap: 30px;
    }

    .section2-1 .ri-inner-wrap .contents-wrap {
        order: 1;
        padding-right: unset;
        margin-left: unset;
    }
    .section2-4.band-section .container {
        padding-right: 20px;
    }
    .section2-2 .container {
        padding-left: 20px;
    }
}

.section2-2 .mb {
    display: none;
}


.section2-2 .fixed-content .style-cir1::after {
    top: -24px;
    right:-30px;
}

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

    .section2-2 .mb {
        display: block;
    }
    .section2-2 .pc {
        display: none;
    }
}


.section2-3 {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 696px;
    background-image: url('/images/subject-4.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-33 {
    background-image: url('/images/subject-33.png');
}

.section2-34 {
    background-image: url('/images/subject-34.png');
}

.section2-35 {
    background-image: url('/images/subject-35.png');
}

.section2-3 .inner-container {
    padding-top: 80px;
}

.section2-3 .top-wrap {
    max-width: 576px;
    text-align: center;
    margin: 0 auto;
}

.section2-3 .top-icon {
    font-size: 48px;
    color: #fff;
}

.section2-3 .top-sub {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    color: #fff;
    margin-top: 32px;
}

.section2-3 .btm-wrap {
    display: flex;
    gap: 40px;
    margin-top: 56px;
}

.section2-3 .btm-wrap .program-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 344px;
    height: 344px;
    border-radius: 50%;
    background-color: #a62624;
    opacity: 0.76;
}


.section2-3 .btm-wrap .program-item:nth-child(2) {
    background-color: #5a0100;
}

.section2-3 .program-item .sub {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    opacity: 0.5;
}

.section2-3 .program-item .title {
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    margin: 24px 0;
}

.section2-3 .program-item .info {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}


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

    .section2-3 .btm-wrap {
        gap: 20px;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1080px) {
    .section2-3 {
        height: unset;
    }

    .section2-3 .btm-wrap {
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }

    .section2-3 .inner-container {
        padding-bottom: 80px;
        padding-top: 40px;
    }

    .section2-3 .top-icon {
        font-size: 40px;
    }

    .section2-3 .top-sub {
        margin-top: 20px;
        font-size: 14px;
    }

    .section2-3 .btm-wrap .program-item {
        width: 300px;
        height: 300px;
    }

    .section2-3 .program-item .sub {
        font-size: 15px;
    }

    .section2-3 .program-item .title {
        margin: 20px 0;
        font-size: 25px;
    }

    .section2-3 .program-item .info {
        font-size: 14px;
    }
}
@media screen and (max-width: 573px) {
    .section2-3 .btm-wrap .program-item {
        max-width: 240px;
        max-height: 240px;
    }
}
.scoll-section.section2-4 .move-img-wrap.le-img-wrap {
    align-items: center;
    justify-content: center;
    padding-bottom: 300px;
}

.section2-4.scoll-section .contents-wrap .fixed-content {
    height: 450px;
}

.section2-4 .style-cir1:after {
    top: -14px;
    left: -38px;
}

.section2-4.style-cirThin:after {
    right: -37px;
    left: unset;
    bottom: 334px;
    top: unset;
}

.section2-4.style-cirOpa::before {
    top: unset;
    bottom: 0;
    bottom: 625px;
    right: -72px;
    left: unset;
}

@media screen and (max-width: 1080px) {
    .section2-4.scoll-section .contents-wrap .fixed-content {
        height: unset;
        margin-bottom: 30px;
    }
    .scoll-section.section2-4 .move-img-wrap.le-img-wrap {
        padding-bottom: unset;
    }
}

.section2-5 {
    margin-bottom: 208px;
}

.section2-5 .ri-inner-wrap {
    gap: 40px;
    padding-right: 40px;
}

.section2-5 .ri-inner-wrap .img-wrap {
    max-width: 1190px;
}

.section2-5 .ri-inner-wrap .img-wrap img {}

.section2-5 .ri-inner-wrap .squar-img-wrap {
    max-width: 650px;
}

.section2-5 .style-cirMid:after {
    top: -70px;
    right: -83px;
    width: 60px;
    height: 60px;
    border: 13px solid #a62624;
}


@media screen and (max-width: 1080px) {
    .section2-5 .pc {
        display: none;
    }

    .section2-5 .mb {
        display: block;
    }

    .section2-5 {
        padding: 0 16px;
        margin-bottom: 80px;
    }

    .section2-5 .inner-wrap .img-wrap {
        padding-left: unset;
    }

    .section2-5 .ri-inner-wrap .img-wrap {
        max-width: unset;
        padding-right: unset;
    }

    .section2-5 .ri-inner-wrap {
        padding-right: unset;
        gap: 15px;
    }
    .section2-1 .inner-wrap:not(:last-child) {
        margin-bottom: 15px;
    }
}

.section2-6 {
    margin-bottom: 200px;
}


.section2-6 .default-title-wrap .sub {
    margin-bottom: 5px;
}

@media screen and (max-width: 1080px) {
    .section2-6 {
        margin-bottom: 80px;
    }
}

.section2-8 .container {
    max-width: 1920px;
    padding: 0 120px;
}

.section2-8 .input-default {
    max-width: unset;
}

@media screen and (max-width: 1080px) {
    .section2-8 .container {
        padding: 0 16px;
    }

    .section2-8 .input-default {
        height: 50px;
    }
}

/* 과목 - 기타 section2-21 ~ */
.section2-26 .teacherList .list-item {
    width: calc((100% - (40px * 1)) / 2);
    max-width: 507px;
}

.section2-26 .teacherList {
    justify-content: center;
}

@media screen and (max-width: 1080px) {
    .section2-26 .teacherList .list-item {
        width: 100%;
        max-width: unset;
    }
}



/* 과목 - 보컬 section2-41 ~ */






/* 미디 작곡  */
.section5-3 .program-item .title {
    margin: 24px auto 0;
}

.teacherList {
    display: flex;
    flex-wrap: wrap;
    gap: 85px 40px;

}
.teacherList.top {
    justify-content: center;
}

.teacherList .list-item {
    width: calc((100% - (40px * 2)) / 3);
}

.teacher-modal .teacherList .profil-img-wrap {
    width: 507px;
}



.teacherList .profil-detail {
    margin-top: 40px;
    text-align: center;
}

.teacherList .name {
    font-size: 40px;
    font-weight: bold;
    color: #202020;
    padding-bottom: 16px;
    border-bottom: 2px solid #202020;
    margin-bottom: 24px;
}

.teacherList .info {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.88;
    color: #202020;
    max-width: 306px;
    margin: 0 auto;
    min-height: calc((17px * 1.88)*3);
}

.teacherList .addView-btn {
    width: 200px;
    height: 55px;
    border: 1px solid #a62624;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
    margin-top: 32px;
    font-size: 17px;
    font-weight: 300;
    color: #a62624;
    display: flex;
    justify-content: center;
    align-items: center;
}

.teacherList .addView-btn i {
    font-size: 20px;
    color: #a62624;

}


/* 과목 - 밴드앙상블 */
.teacherList.btm {
    margin-top: 104px;
    justify-content: start;
}

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

    .teacherList {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .teacherList .profil-detail {
        margin-top: 30px;
    }

    .teacherList .name {
        font-size: 24px;
        padding-bottom: 15px;
        border-width: 1px;
        margin-bottom: 15px;
    }

    .teacherList .info {
        font-size: 12px;
        max-width: 250px;
        line-height: 1.67;
        min-height: unset;
    }

    .teacherList .addView-btn {
        margin-top: 25px;
        width: 160px;
        height: 48px;
        font-size: 14px;
    }

    .teacherList .addView-btn i {
        font-size: 20px;
    }

    .teacherList .list-item {
        width: 80%;
    }

    .teacherList .profil-img-wrap {
        max-width: unset;
    }
}

/*------------------------------------------------------------------------------
    프로필 팝업
--------------------------------------------------------------------------------*/
.scrollLock {
    overflow: hidden;
}

.profil-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: #202020;
    opacity: 0.98;
}

.profil-modal .modal-wrap {
    width: 70%;
    position: fixed;
    top: 144px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 200px;
    max-height: 1102px;
    overflow: scroll;
    -ms-overflow-style: none;
    /* 인터넷 익스플로러 */
    scrollbar-width: none;
    /* 파이어폭스 */
}


.profil-modal .modal-wrap::-webkit-scrollbar {
    display: none;
}

.profil-modal .close-btn {
    position: absolute;
    cursor: pointer;
    font-size: 16px;
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 50%;
    top: 56px;
    right: 160px;
}

.profil-modal .close-btn i {
    font-size: 32px;
    color: #202020;
}

.profil-modal .fixed-wrap {
    position: sticky;
    top: 0;

}

.profil-modal .profil-detail {
    margin-top: 40px;
}

.profil-modal .profil-detail .name {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 16px;
    border-bottom: 2px solid #fff;
}

.profil-modal .profil-detail .info {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    line-height: 1.88;
}

.profil-modal .scroll-wrap {
    /* background-color: violet; */
    width: 100%;
}

.profil-modal .record-item:last-child {
    padding-bottom: 200px;
}

.profil-modal .title {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 24px;
}

.profil-modal .list-item-wrap {
    display: flex;
    gap: 9px;
    margin-bottom: 5px;
}

.profil-modal .list-item-wrap {
    font-size: 10px;
    line-height: 2.5;
    color: #fff;
}

.profil-modal .list-item-wrap .item-txt {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
}

.profil-modal .item-1 {
    margin-bottom: 40px;
}

@media screen and (max-width:1264px) {
    .profil-modal .modal-wrap {
        width: 100%;
        padding: 0 20px;
    }
}

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

    .profil-modal .modal-wrap {
        flex-direction: column;
        max-width: 768px;
        padding: 0 68px;
        gap: 80px;
    }

    .teacherList .profil-img-wrap{
        max-width: 512px;
        margin: 0 auto;
    }

    .profil-modal .fixed-wrap {
        position: unset;
    }

    .profil-modal .modal-wrap {
        top: 80px;
    }

    .profil-modal .close-btn {
        width: 32px;
        height: 32px;
        top: 24px;
        right: 16px;
    }
    .profil-modal .close-btn i {
        font-size: 19px;
    }
    .profil-modal .profil-detail .name {
        font-size: 24px;
        padding-bottom: 15px;
    }
    .profil-modal .profil-detail .info {
        font-size: 12px;
        line-height: 1.67;
    }
    .profil-modal .title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }
    .profil-modal .list-item-wrap .item-txt {
        font-size: 12px;
        line-height: 1.92;
        text-align: center;
    }
    .profil-modal .mark {
        display: none;
    }
    .profil-modal .list-item-wrap {
        justify-content: center;
    }
}

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


    .profil-modal .contents-swiper .img-wrap {
        max-height: unset;
    }



    .profil-modal .scroll-wrap::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera*/
    }
}

@media screen and (max-width:568px) {
    .profil-modal .scroll-wrap {
        padding-bottom: 50%;
    }
}

@media screen and (max-width:375px) {
    .profil-modal .scroll-wrap {
        max-height: 700px;
    }
}


.section0-1 .slide-wrap .mb {
    display: none;
}


.section0-1 .mySwiper {
    /* display: flex;
   flex-direction: column; */
    position: relative;

}

.section0-1 .slide-wrap {
    position: relative;
}

.section0-1 .slide-wrap::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 99%;
    opacity: 0.73;
    background-image: linear-gradient(101deg, #000 14%, rgba(0, 0, 0, 0.35) 85%);
}

.section0-1 .mySwiper .title-wrap {
    position: absolute;
    top: 45%;
    left: 160px;
    transform: translateY(-50%);
}

.section0-1 .mySwiper .txt {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    line-height: 1.43;
}

.section0-1 .mySwiper .sub {
    font-size: 56px;
    font-weight: bold;
    color: #fff;
}

.section0-1 .mySwiper .mid-sub {
    font-weight: 300;
    font-size: 40px;
}


.section0-1 .mySwiper .title {
    margin-top: 32px;
    font-size: 40px;
    font-weight: 300;
}

.mySwiper .swiper-slide .txt-box {
    position: absolute;
    top: 36vh;
    max-width: 75vw;
    width: 100%;
    left: 12.5vw;
    gap: 80px;
}

.mySwiper .swiper-slide .txt-box .title {
    font-size: 3.75vw;
    line-height: 1.45;
    word-break: keep-all;
}

.mySwiper .swiper-controll-wrap {
    z-index: 888;
    position: absolute;
    width: 20%;
    top: 65% !important;
    bottom: unset !important;
    position: absolute;
    left: 160px !important;
    display: flex;
    gap: 8px;
    justify-content: start;
    align-items: center;
}

.mySwiper .swiper-controll-wrap .swiper-pagination {
    position: unset;
    text-align: unset;
    width: unset;
}

.mySwiper .swiper-controll-wrap .swiper-pause i {
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    opacity: unset;
}

.mySwiper .swiper-controll-wrap .swiper-play i {
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    opacity: unset;
}

.mySwiper .index-pagination {}

.mySwiper .index-pagination .swiper-pagination-bullet {
    width: unset;
    height: unset;
    background: none;
    margin: 0;
    font-size: 17px;
    font-weight: 300;
    position: relative;
    opacity: unset;
    color: #fff;
}

.mySwiper .index-pagination .swiper-pagination-bullet::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    left: calc(100% - 94px);
    top: 50%;
    transform: translateY(-50%);
}

.mySwiper .index-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    padding-right: 104px;
}

.mySwiper .index-pagination .swiper-pagination-bullet-active::after {
    content: '';
    display: block;
    position: absolute;
    width: 94px;
    height: 2px;
    background: #fff;
    opacity: 0.5;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.mySwiper .index-pagination .swiper-pagination-bullet-active::before {
    animation: pagi_ani 5.5s ease;
}

@keyframes pagi_ani {
    0% {
        width: 0;
    }

    100% {
        width: 94px;
    }
}




.mySwiper .wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/wave.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    z-index: 998;
}

.section0-1 .quick-wrap {
    display: none;
}

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

    .section0-1 .mySwiper .txt {
        font-size: 20px;
        line-height: 1.2;
    }

    .section0-1 .mySwiper span {
        font-size: 20px;
        line-height: 1.2;
    }

    .section0-1 .mySwiper .title {
        margin-top: 16px;
        font-size: 28px;
    }

    .section0-1 .mySwiper .title-wrap {
        left: 80px;
    }

    .mySwiper .swiper-controll-wrap {
        left: 80px !important;
        top: 61% !important;
        min-width: 237px;
    }

}




#quickMenu {
    display: none;
}

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

    .section0-1 .slide-wrap .mb {
        display: block;
    }

    .section0-1 .slide-wrap .pc {
        display: none;
    }


    .section0-1 .mySwiper .title-wrap {
        width: 100%;
        text-align: center;
        left: unset;
    }

    .mySwiper .swiper-controll-wrap {
        display: none;
    }

    .section0-1 .slide-wrap:before {
        height: 100%;
    }

    .mySwiper .wave {
        display: none;
    }

    #quickMenu {
        bottom: 0;
        left: 0;
        display: block;
        background-color: #333333bb;
        z-index: 99999;
        display: flex;
        position: fixed;
        width: 100%;
        height: 80px;
    }
    #quickMenu .quick-wrap {
        width: 100%;
        height: 100%;
        display: flex;
    }


    #quickMenu .quick-wrap .q-item {
        position: relative;
        width: 50%;
        height: 100%;
    }

    #quickMenu .quick-wrap .q-item.ri-item::after {
        position: absolute;
        display: block;
        height: 80%;
        width: 1px;
        background-color: #fff;
        content: "";
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    #quickMenu .quick-wrap .q-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 11;
    }

    #quickMenu .quick-wrap .q-title {
        font-size: 12px;
        color: #fff;
    }

    #quickMenu .quick-wrap img {
        max-width: 40px;
    }

    .section0-1 {
        height: 640px;
    }
    .section0-1 .mySwiper,
    .section0-1 .slide-wrap {
        height: 100%;
    }
    .section0-1 .slide-wrap img {
        height: 100%;
        object-fit: cover;
    }
    .section0-1 .mySwiper .txt {
        line-height: 1.4;
    }
    .section0-1 .mySwiper .title {
        margin-top: 30px;
    }
}

.section0-2 {
    margin-top: 204px;
    margin-bottom: 200px;
}

.section0-2 .container {
    display: flex;
    align-items: center;
    gap: 136px;
    margin: 0 auto;
}

.section0-2 .contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.section0-2 .contents-wrap.top {
    margin-top: 62px;
}

.section0-2 .red-content {
    background-color: #a62624;
}

.section0-2 .le-wrap {
    display: flex;
    gap: 48px;
    z-index: 2;
}

.section0-2 .ri-wrap {
    max-width: 544px;
}

.section0-2 .icon-wrap {
    display: flex;
    justify-content: end;
    margin-bottom: 30px;
}

.section0-2 .more-btn {
    width: 200px;
    height: 56px;
    border-radius: 28px;
    border: 1px solid #a62624;
    font-size: 16px;
    color: #a62624;
    margin-top: 48px;
}

.section0-2 .more-btn:hover {
    background-color: #a62624;
    color: #fff;
    border-color: #a62624;
    transition: all 0.3s;
}

.section0-2 .content-icon.icon1 {
    max-width: 49px;
}

.section0-2 .content-icon.icon2 {
    max-width: 66px;
}

.section0-2 .content-icon.icon3 {
    max-width: 67px;
}

.section0-2 .content-icon.icon4 {
    max-width: 68px;
}


.section0-2 .content {
    padding: 40px;
    padding-bottom: 48px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 9px 8px 29px 0 rgba(0, 0, 0, 0.07);
}

.section0-2 .red-content {
    background-color: #a62624;
}


.section0-2 .content .content-title {
    font-family: var(--Cafe24Ssurround);
    font-size: 32px;
    font-weight: bold;
    color: #202020;
    line-height: 1.25;
    margin-bottom: 24px;
}

.section0-2 .content .content-sub {
    font-size: 18px;
    font-weight: 300;
    color: #303030;
    line-height: 1.56;
}

.section0-2 .red-content .content-title {
    color: #fff;
}

.section0-2 .red-content .content-sub {
    color: #fff;
}


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

    .section0-2 .le-wrap {
        gap: 38px;
    }
    .section0-2 .ri-wrap {
        padding-left: 20px;
        min-width: 544px;
    }
    .section0-2 .contents-wrap {
        gap: 38px;
    }
    .section0-2 .container {
        padding-left: 80px;
        padding-right: 80px;
        gap: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .section0-2 .container {
        flex-direction: column;
        gap: 56px;
    }
    .section0-2 .ri-wrap {
        order: 1;
        text-align: center;
        min-width: unset;
        max-width: unset;
        padding-left: unset;
    }
    .section0-2 .le-wrap {
        order: 2;
    }
    .mainContent .info {
        max-width: unset;
    }
    .section0-2 .more-btn {
        margin: 30px auto 0;
    }
    .section0-2 .icon-wrap {
        display: none;
    }
    .section0-2 .red-content .content-title {
        color: #fff;
    }
    .section0-2 .red-content .content-sub {
        color: #fff;
    }
}

@media screen and (max-width: 1080px) {
    .section0-2 .container {
        padding: 0 20px;
    }
    .section0-2 {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .section0-2 .mb {
        display: block;
    }
    .section0-2 .more-btn {
        width: 160px;
        height: 48px;
    }
    .section0-2 .contents-wrap.top {
        margin-top: unset;
        gap: unset;
    }
    .section0-2 .le-wrap {
        gap: unset;
    }
    .section0-2 .contents-wrap {
        gap: unset;
    }
    .section0-2 .content {
        border-radius: 5px;
        padding: 24px 16px;
        box-shadow: 9px 8px 15px 0 rgba(0, 0, 0, 0.07);
        height: 137px;
        min-width: 171px;
    }
    .section0-2 .content .content-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .section0-2 .content .content-sub {
        font-size: 10px;
        line-height: 1.4;
    }
}

.section0-3 .default-title-wrap {
    margin-bottom: 55px;
}

.section0-3 .subject-tab-wrap .tabs {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 88px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 4px solid #20202093;
}

.section0-3 .subject-tab-wrap .tab-item {
    width: calc(100% / 7);
    font-size: 18px;
    font-weight: bold;
    color: #202020;
    opacity: 0.5;
    cursor: pointer;
    text-align: center;
    padding: 15px 0;
}

.section0-3 .subject-tab-wrap .tab-item.current {
    position: relative;
    color: #a62624;
    font-weight: bold;
    opacity: unset;
}

.section0-3 .subject-tab-wrap .tab-item.current::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    bottom: -4px;
    left: 0;
    background-color: #a62624;
}

.section0-3 .tab-content {
    display: none;

}

.section0-3 .tab-content.current {
    display: inherit;
}

.section0-3 .backgroud-wrap {
    width: 100%;
    height: 608px;
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 80px;
}

.section0-3 .sub-drum-wrap {
    background-image: url('/images/tab-sample.png');
}

.section0-3 .sub-guitar-wrap {
    background-image: url('/images/tab-guitar.png');
}

.section0-3 .sub-vocal-wrap {
    background-image: url('/images/tab-vocal.png');
}

.section0-3 .sub-piano-wrap {
    background-image: url('/images/tab-piano.png');
}

.section0-3 .sub-bass-wrap {
    background-image: url('/images/tab-bass.png');
}

.section0-3 .sub-midi-wrap {
    background-image: url('/images/tab-midi.png');
}

.section0-3 .sub-band-wrap {
    background-image: url('/images/tab-band.png');
}


.section0-3 .contents-wrap {
    position: absolute;
    top: 80px;
    right: 80px;
    background-color: #a62624;
    opacity: 0.95;
    border-radius: 24px;
    max-width: 528px;
    padding-top: 71px;
    padding: 71px 33px 82px 40px;
}

.section0-3 .contents-wrap .hidden-box {
    height: 43px;
    overflow: hidden;
    width: fit-content;
}

.section0-3 .contents-wrap .num {
    font-size: 76px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.section0-3 .contents-wrap .subject {
    font-family: var(--Cafe24Ssurround);
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-top: 9px;
    text-transform: capitalize;
}

.section0-3 .contents-wrap .info {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 1.67;
    margin-top: 32px;
    margin-bottom: 48px;
}

.section0-3 .contents-wrap .addMoreBtn {
    width: 200px;
    height: 56px;
    border: 1px solid #fff;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    transition: all 0.3s;
}


.section0-3 .contents-wrap .addMoreBtn:hover {
    background-color: #fff;
    color: #a62624;
}

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

    .section0-3 .contents-wrap {
        top: 50px;
    }
}
@media screen and (max-width: 1080px) {

    .section0-3 .mb {
        display: block;
    }
    .section0-3 .subject-tab-wrap .tabs {
        margin-bottom: 40px;
        max-width: unset;
    }
    .section0-3 .default-title-wrap {
        margin-bottom: 20px;
    }
    .section0-3 .subject-tab-wrap .tab-item {
        width: calc(100% / 4);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section0-3 .subject-tab-wrap .tab-mb-top {
        width: calc(100% / 3);
    }
    .section0-3 .backgroud-wrap {
        background-image: unset;
        height: unset;
    }
    .section0-3 .contents-wrap {
        position: unset;
        max-width: unset;
        text-align: center;
        padding: 37px 20px 25px;
        opacity: 0.8;
    }
    .section0-3 .contents-wrap .hidden-box {
        margin: 0 auto;
        height: 25px;
    }
    .section0-3 .contents-wrap .addMoreBtn {
        margin: 0 auto;
        width: 160px;
        height: 48px;
    }
    .section0-3 .contents-wrap .info{
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 12px;
    }
    .section0-3 {
        margin-bottom: 80px;
    }

    .section0-3 .contents-wrap .num {
        font-size: 47px;
    }

    .section0-3 .contents-wrap .subject {
        font-size: 30px;
        margin-top: unset;
    }


    .section0-3 .backgroud-wrap {
        border-radius: 24px;
        height: 100%;
    }

    .section0-3 .sub-drum-wrap {
        background-image: url('/images/tab-sample.png');
    }

    .section0-3 .sub-guitar-wrap {
        background-image: url('/images/tab-guitar.png');
    }

    .section0-3 .sub-vocal-wrap {
        background-image: url('/images/tab-vocal.png');
    }

    .section0-3 .sub-piano-wrap {
        background-image: url('/images/tab-piano.png');
    }

    .section0-3 .sub-bass-wrap {
        background-image: url('/images/tab-bass.png');
    }

    .section0-3 .sub-midi-wrap {
        background-image: url('/images/tab-midi.png');
    }

    .section0-3 .sub-band-wrap {
        background-image: url('/images/tab-band.png');
    }
}

.section0-4 {
    max-width: 1920px;
    margin: 200px auto 0;
}

.section0-4 .inner-wrap {
    display: flex;
    justify-content: space-between;
}

.section0-4 .inner-wrap:not(:last-child) {
    margin-bottom: 160px;
}

.section0-4 .inner-wrap .contents-wrap {
    padding-left: 160px;
    width: calc(100% - 1043px - 136px);
    max-width: 741px;
    min-width: 581px;
    display: flex;
    align-items: center;
}

.section0-4 .img-wrap {
    width: 100%;
    max-width: 1043px;
}

.section0-4 .style-cir1:after {
    top: -29px;
    right: -4%;
    transform: translateX(-50%);
}

.section0-4 .ri-inner-wrap .style-cir1:after {
    top: -50px;
    left: 35%;
    transform: translateX(-50%);
}

.section0-4 .ri-inner-wrap .contents-wrap {
    order: 2;
}

.section0-4 .ri-inner-wrap .img-wrap {
    order: 1;
}

.section0-4 .ri-inner-wrap .contents-wrap {
    padding-left: unset;
    padding-right: 160px;
}

.section0-4 .info.mid {
    max-width: 565px;
}

.sectiono-4 .info.btm {
    max-width: 526px;
}

.section0-4 .fixed-content .style-cir1::after {
    top: -20px;
    left: 55%;
}


@media screen and (max-width: 1800px) {
    .section0-4 .inner-wrap .contents-wrap {
        padding-left: 80px;
    }
    .section0-4 {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1280px) {
    .section0-4 .inner-wrap {
        gap: 30px;
    }
    .section0-4 .inner-wrap .contents-wrap {
        padding-left: unset;
    }
    .section0-4 .inner-wrap .contents-wrap {
        max-width: unset;
        min-width: unset;
        width: 100%;
        justify-content: center;
    }
    .section0-4 .inner-wrap .mainContent {
        text-align: center;
    }
    .mainContent .info {
        max-width: 768px;
    }
    .section0-4 .img-wrap {
        max-width: unset;
        padding-left: 10vw;
    }
    .section0-4 .mb {
        display: block;
    }
    .section0-4 .ri-inner-wrap .img-wrap {
        order: 2;
        padding-left: unset;
        padding-right: 10vw;
    }
    .section0-4 .ri-inner-wrap .contents-wrap {
        padding-right: unset;
    }
    .section0-4 .inner-wrap:not(:last-child) {
        margin-bottom: 40px;
    }
    .section0-4 .inner-wrap {
        flex-direction: column;
    }
}


.section0-5 {
    margin-top: 174px;
}

@media screen and (max-width: 1280px) {
    .section0-5 {
        margin-top: 28px;
    }
}

@media screen and (max-width: 768px) {
    .section0-5 .pc {
        display: none;
    }

    .section0-5 .mb {
        display: block;
    }
}
.section0-6 {
    margin-top: 123px;
    margin-bottom: 200px;
}

.section0-6 .swiper {
    padding-bottom: 10px;
}

@media screen and (max-width: 1280px) {
    .section0-6 {
        margin-top: 21px;
    }
}
@media screen and (max-width: 1280px) {
    .section0-6 {
        margin-bottom: 80px;
    }
}

.section0-7 .container {
    max-width: 1920px;
    padding: 0 120px;
}

.section0-7 .input-default {
    max-width: unset;
}

@media screen and (max-width: 1280px) {
    .section0-7 .container {
        padding: 0 20px;
    }
}


.section0-8 {
    margin-bottom: 500px;
}
@media screen and (max-width: 1080px) {
    .section0-8 {
        margin-bottom: 80px;
    }
}

/*
  오시는 길
*/

.section5-1 {
    margin-top: 200px;
    margin-bottom: 496px;
}


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

    .section5-1 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

}

.side-menu {
    position: fixed;
    right: 48px;
    top: 726px;
    transform: translateY(-50%);
    z-index: 999;
}

.side-menu .side-menu-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.side-menu a {
    display: block;
    max-width: 80px;
}

.side-menu .top-btn i {
    font-size: 24px;
    color: #fff;
}

.side-menu .top-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #505050;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 4px;
}

.side-menu .top-btn p {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}


.top-btn.mb {
    display: none;
}

@media screen and (max-width: 1080px) {
    .side-menu {
        display: none;
    }
    .top-btn.mb {
        display: block;
    }

    .top-btn.mb {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 999;
        width: 40px;
        height: 40px;
        background-color: transparent;
        border-radius: 50%;
        border:1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;

    }
    .top-btn.mb i {
        font-size: 24px;
        padding-bottom: 2px;
        color: #fff;
    }
}



/* 250623 추가 */

.sectionN01 {
    padding-top: 200px;
}

.sectionN01 .subject-tab-wrap .store-intro-wrap {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
}

.sectionN01 .tab-wrap {
    max-width: 1920px;
    margin: 0 auto;
}

.sectionN01 .tab-2-wrap .tab-item {
    width: calc(100% / 2);
    font-size: 24px;
    font-family: var(--Cafe24Ssurround);
    padding-bottom: 24px;
    word-break: keep-all;
    line-height: 1.3;
}

.sectionN01 .tab-origin-wrap .tab-item {
    width: calc(100% / 7);
    font-size: 18px;
    font-weight: bold;
    color: #202020;
    opacity: 0.5;
    cursor: pointer;
    text-align: center;
    padding: 15px 0;
}

.sectionN01 .store-intro-wrap .backgroud-wrap {
    padding-top: 40%;
    background-size: contain;
}

.sectionN01 .store_01 {
    background-image: url(/images/store_01_loca.png);
}
.sectionN01 .store_02 {
    background-image: url(/images/store_03_loca.png);
}

.sectionN01 .intro-title-wrap {
    margin-top: 64px;
}


.sectionN01 .intro-title-wrap .title {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    font-family: var(--Cafe24Ssurround);
}

.sectionN01 .intro-title-wrap .sub {
    font-size: 24px;
    color: #303030;
    line-height: 1.67;
    margin-top: 24px
}

.sectionN01 .intro-btn-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
}

.sectionN01 .line-brown-type {
    width: 100%;
    height: 56px;
    border: 1px solid #a62624;
    border-radius: 28px;
    background-color: #fff;
    font-size: 16px;
    color: #a62624;
}

.line-brown-type:hover {
    background-color: #a62624;
    color: #fff;
    border-color: #a62624;
    transition: all 0.3s;
}


.sectionN01 .store-desc-wrap {
    max-width: unset;
    margin-bottom: 200px;
}

.sectionN01 .contents-wrap {
    position: unset;
    background-color: unset;
    opacity: unset;
    padding: unset;
}

.sectionN01 .store-desc-wrap .contents-wrap {
    /* min-width: 463px;
    max-width: 465px; */
}

.sectionN01  .contents-wrap .info {
    color: #303030;
    margin-top: 56px;
}

.sectionN01 .style-cir1:after {
    top: -29px;
    right: -15%;
    transform: translateX(-50%);
}

.sectionN01 .style-cir2:after {
    top: -32px;
    left: -28%;
    width: 23px;
    height: 23px;
    border: 7px solid #a62624;
}


.sectionN01 .ri-inner-wrap .contents-wrap {
    padding-left: 160px;
}

.sectionN01 .section2-3 {
    background-image: url('/images/sn01_03.png');
}


.sectionN01 .section0-3 {
    margin-top: 200px;
    margin-bottom: 200px;
}

.teacherList .name .name-title {
    font-size: 24px;
    font-weight: 300;
    color: #202020;
    margin-left: 9px;
}

.profil-img-wrap {
    width: 100%;
    max-width: 507px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.profil-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.teacherList .info.type2 {
    max-width: 370px;
}

/* < w> */


.sectionN01 #store_02 .ri-inner-wrap .contents-wrap {
    max-width: unset;
    width: 100%;
}

.sectionN01 #store_02 .style-cir2:after {
    left: -6%;
}

.sectionN02 .subject-tab-wrap .tabs {
    max-width: 1600px;
}

.sectionN02 .tab-2-wrap .tab-item {
    width: calc(100% / 2);
    font-size: 24px;
    font-family: var(--Cafe24Ssurround);
    padding-bottom: 24px;
    word-break: keep-all;
    line-height: 1.3;
}

.sectionN02 .tab-content .content {
    max-width: 1600px;
    margin: 0 auto;
    gap: 80px;
}

.sectionN02 .content .title-wrap {
    border-left: unset;
    padding-left: unset;
    padding-right: 109px;
}

.sectionN02 .content #map {
    border-radius: 32px;
    max-width: 960px;
    width: 100%;
    height: 504px;

}


.sectionN02 {
    margin-bottom: 200px;
}


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

    .sectionN02 .content .title-wrap {
        padding-right: unset;
    }


    .sectionN02 .tab-2-wrap .tab-item {
        font-size: 14px;
    }


    .sectionN02 {
        margin-bottom: 80px;
    }


    .sectionN01 {
        padding-top: 80px;
    }


    .sectionN01 .tab-2-wrap .tab-item {
        font-size: 14px;
    }

    .sectionN01 .subject-tab-wrap .tabs,
    .sectionN01 .subject-tab-wrap .store-intro-wrap {
        width: calc(100% - 60px);
        margin-bottom: 24px;
    }

    .sectionN01 .intro-title-wrap {
        margin-top: 24px;
        text-align: center;
    }

    .sectionN01 .intro-title-wrap .title {
        font-size: 25px;
    }

    .sectionN01 .intro-title-wrap .sub {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 15px;
    }

    .sectionN01 .intro-btn-wrap {
        margin-top: 24px;
        gap: 12px;
    }

    .sectionN01 .line-brown-type {
        height: 40px;
        font-size: 14px;
    }

    .sectionN01 .store-desc-wrap {
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .sectionN01 .contents-wrap .info {
        margin-top: 20px;
        margin-bottom: unset;
    }


    .sectionN01 .style-cir2:after {
        display: none;
    }

    .sectionN01 .ri-inner-wrap .contents-wrap {
        padding-left: unset;
    }

    .sectionN01 .section0-3 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .sectionN01 .tab-2-wrap .tab-origin-wrap .tab-item {
        width: calc(100% / 4);
    }

    .sectionN01 .tab-origin-wrap .tabs {
        width: inherit;
    }

    .section0-3 .tab-2-wrap .tab-mb-top {
        width: calc(100% / 2);
    }

    .map-section .tab-content .content {
        gap: 32px;
    }

}