/* 서브페이지에서 side-menu-btn svg 색상 변경 (서브페이지에서만 적용) */
/* sub-container가 있는 경우에만 적용 */
@media screen and (max-width:1100px) {
    body:has(.sub-container) .side-menu-btn p svg {
        fill: var(--color-blue) !important;
    }
}
body:has(.sub-container) .counsel-wrap a {
    color: var(--color-darkBlue) !important;
}

/*개원서비스*/
.sub-container {
    display: flex;
    width: 100%;
}
.service-wrap{
    width: calc(100% - calc(350vw / var(--mainWidth)));
}
.side-nav-wrap{
    width: calc(350vw/var(--mainWidth));
    background: #f6f6f6;
    position: relative;
}
.side-nav {
    position: absolute;
    right: calc(310vw/var(--mainWidth));
    top: calc(260vw/var(--mainWidth));
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all .8s ease;
}
.side-nav.fixed {
    position: fixed;
    top: calc(260vw/var(--mainWidth));
    right: calc(310vw/var(--mainWidth));
}
.side-nav button{
    display: block;
    width: calc(164vw/var(--mainWidth));
    background: none;
    background: #fff;
    border: 2px solid var(--color-blue);
    padding: calc(10vw/var(--mainWidth));
    font-size: calc(25vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-blue);
    border-radius: calc(28vw/var(--mainWidth));
    transition: 0.3s ease;
}
.side-nav button.active {
    background-color: #003e8a;
    color: #fff;
}
.side-nav-toggle{
    display: none;
    width: calc(90vw/var(--mainWidth));
    height: calc(396vw/var(--mainWidth));
    background: transparent;
    /* position: absolute;
    left: 0;
    top: 0; */
    border: none;
    transition: .3s ease;
}
.side-nav-toggle img{
    width: calc(27vw/var(--mainWidth));
    height: calc(45vw/var(--mainWidth));
    transition: .3s ease;
}
main.service-wrap section{
    padding: calc(210vw/var(--mainWidth)) calc(140vw/var(--mainWidth)) calc(210vw/var(--mainWidth)) calc(240vw/var(--mainWidth));
}
main.service-wrap section#intro {
    /* padding-top: calc(420vw/var(--mainWidth)); */
    display: flex;
    min-height: 100vh;
    align-items: center;
}
.clr-navy {
    color: var(--color-blue) !important;
}

#intro h2 p {
    font-size: calc(90vw/var(--mainWidth));
    color: var(--color-black);
    font-weight: 600;
}
#intro h2 p:nth-of-type(1) {
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 300;
}

/* 입지 */
.location-inner{
    display: flex;
    gap: calc(30vw/var(--mainWidth));
}
.location-inner .left{
    width: calc(400vw/var(--mainWidth));
    background: url(/theme/megagen/images/sub/service/location-img.png) no-repeat center center;
    background-size: cover;
    border-radius: calc(10vw/var(--mainWidth));
    overflow: hidden;
}

/* 자금 */
.service-ttl p {
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-black);
}
.service-ttl .clr-navy {
    font-size: calc(60vw/var(--mainWidth));
}
.service-subttl {
    display: inline-block;
    margin-top: calc(40vw / var(--mainWidth));
    margin-bottom: calc(20vw/var(--mainWidth));
    font-size: calc(24vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-black);
    padding: calc(5vw/var(--mainWidth)) calc(20vw/var(--mainWidth));
    border: 2px solid var(--color-blue);
    border-radius: calc(22vw/var(--mainWidth));
}
.service-list li{
    font-size: calc(20vw/var(--mainWidth));
    line-height: calc(35vw/var(--mainWidth));
    font-weight: 300;
    color: var(--color-black);
    padding-left: calc(33vw/var(--mainWidth));
    background: url(/theme/megagen/images/sub/service/location-check.png)no-repeat left 0 top 0;
    background-size: calc(26vw/var(--mainWidth)) calc(24vw/var(--mainWidth));
}
.service-list li:last-child{
    margin-bottom: none;
}
.service-list li strong{
    font-weight: 700;
}

.h3-wrap {
    width: calc(600vw/var(--mainWidth));
}
.h3-wrap div{
    display: flex;
    gap: calc(10vw/var(--mainWidth));
}
.h3-wrap div p{
    flex: 1;
    text-align: center;
    background: var(--color-blue);
    text-align: center;
    color: #fff;
    font-size: calc(25vw/var(--mainWidth));
    font-weight: 700;
    border-radius: calc(28vw/var(--mainWidth));
    padding: calc(6vw/var(--mainWidth)) 0;
}
.cost-cards {
    margin-top: calc(20vw/var(--mainWidth));
    width: calc(830vw/var(--mainWidth));
}
.cost-cards .figure-wrap{
    display: flex;
    justify-content: space-between;
    gap: calc(10vw/var(--mainWidth));
}
figure{
    margin: 0;
}
.cost-item img{
    width: 100%;
}
.total-cost{
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: calc(20vw/var(--mainWidth));
    background: var(--color-blue);
    border-radius: calc(15vw/var(--mainWidth));
    margin-top: calc(10vw/var(--mainWidth));
    padding: calc(4vw/var(--mainWidth)) 0;
}
.total-cost strong{
    letter-spacing: calc(10vw/var(--mainWidth));
    position: relative;
    padding-right: calc(24vw/var(--mainWidth));
    margin-right: calc(24vw/var(--mainWidth));
}
.total-cost strong::after{
    content: '';
    width: 1px;
    height: calc(18vw/var(--mainWidth));
    background: #fff;
    position: absolute;
    top: calc(3vw/var(--mainWidth)); right: 0;
}
.cost-cards p{
    font-size: calc(20vw/var(--mainWidth));
    font-weight: 300;
    color: var(--color-black);
    line-height: calc(30vw/var(--mainWidth));
    margin-top: calc(24vw/var(--mainWidth));
}

/* 인테리어 */
.interior-wrap{
    display: flex;
    justify-content: space-between;
}
.interior-wrap .left{
    flex: 1;
}
.interior-wrap .right{
    display: grid;
    grid-gap: calc(10vw / var(--mainWidth));
    grid-template-columns: repeat(1, 1fr);
    flex: 1;
    padding-right: calc(120vw / var(--mainWidth));
    padding-left: calc(60vw / var(--mainWidth));
}
.interior-wrap .right .img-item{
    border-radius: calc(10vw/var(--mainWidth));
    overflow: hidden;
}
.interior-wrap .right .img-item:first-child{
    background: url(/theme/megagen/images/sub/service/interior-img01.png?ver=260108)no-repeat center center;
    background-size: cover;
}
.interior-wrap .right .img-item:nth-child(2){
    background: url(/theme/megagen/images/sub/service/interior-img02.png?ver=260108)no-repeat center center;
    background-size: cover;
}
.interior-wrap .right .img-item:last-child{
    background: url(/theme/megagen/images/sub/service/interior-img03.png)no-repeat center center;
    background-size: cover;
    border: 1px solid #c5c5c5;
}
.interior-wrap .right.mobile{
    display: none;
    padding-left: 0;
    padding-right: 0;
}
.interiorSwiper .swiper-wrapper .swiper-slide{
    padding: 0 calc(130vw/var(--mainWidth));
}
.interiorSwiper .swiper-wrapper .swiper-slide img{
    width: 100%;
    max-height: calc(300vw/var(--mainWidth));
    border-radius: calc(10vw/var(--mainWidth));
}
.interiorSwiper .swiper-button-next,
.interiorSwiper .swiper-button-prev{
    border: none;
    background: none;
    width: calc(105vw/var(--mainWidth));
    height: calc(105vw/var(--mainWidth));
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.interiorSwiper .swiper-button-next.swiper-button-disabled,
.interiorSwiper .swiper-button-prev.swiper-button-disabled{
    background: transparent;
    opacity: 1;
}
.interiorSwiper .swiper-button-next svg,
.interiorSwiper .swiper-button-prev svg{
    color: #fff;
    fill: transparent;
    width: calc(65vw/var(--mainWidth));
}
.interiorSwiper .swiper-button-next.swiper-button-disabled svg,
.interiorSwiper .swiper-button-prev.swiper-button-disabled svg{
    color: var(--color-blue);
}
.interiorSwiper .swiper-button-next img,
.interiorSwiper .swiper-button-prev img{
    width: 100%;
}
.interiorSwiper .swiper-button-prev img{
    transform: rotate(-180deg);
}
.service-subttl2{
    margin-top: calc(26vw/var(--mainWidth));
    margin-bottom: calc(40vw/var(--mainWidth));
    font-size: calc(20vw/var(--mainWidth));
    color: var(--color-black);
    font-weight: 300;
}
.service-subttl2 span.clr-navy{
    font-weight: 700;
}
.equip-grid{
    display: grid;
    grid-gap: calc(10vw/var(--mainWidth));
    grid-template-columns: repeat(2, 1fr);
}
.equip-grid img{
    width: 100%;
}
section#equipment {
    /* padding: calc(260vw / var(--mainWidth)) calc(260vw / var(--mainWidth)) calc(260vw / var(--mainWidth)) calc(310vw / var(--mainWidth)); */
}
section#location {
    padding-top: calc(260vw/var(--mainWidth));
}
.marketing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: calc(20vw / var(--mainWidth));
    width: calc(710vw/var(--mainWidth));
    margin-bottom: calc(40vw/var(--mainWidth));
}
.marketing-grid img {
    width: 100%;
}
#marketing .marketing-text {
    width: calc(710vw/var(--mainWidth));
    background: url(/theme/megagen/images/sub/service/marketing-chart.png) no-repeat right 0 top 0;
    background-size: calc(128vw/var(--mainWidth)) calc(133vw/var(--mainWidth));
    padding-bottom: calc(50vw/var(--mainWidth));
    font-size: clamp(15px, calc(13.667px + 0.278vw), 19px);
    font-weight: 300;
    line-height: 1.5;
}
#marketing .marketing-text strong {
    font-weight: 600;
}

/* 세무/노무 */
#tax p img {
    width: calc(856vw/var(--mainWidth));
}
#tax .step-img {
    margin-top: calc(33vw/var(--mainWidth));
    width: calc(856vw/var(--mainWidth));
}
#tax .step-img:nth-of-type(2n) {
    margin-top: calc(24vw/var(--mainWidth));
}
#tax .step-img img {
    width: 100%;
}
#tax .service-subttl {
    margin-bottom: 0;
}
#tax .service-list {
    margin-top: calc(24vw/var(--mainWidth));
}
#tax .tax-text {
    font-size: clamp(15px, calc(13.667px + 0.278vw), 19px);
    font-weight: 300;
    line-height: 1.5;
    margin-top: calc(24vw/var(--mainWidth));
}
#tax .tax-text strong {
    font-weight: 600;
}

.service-list-title{
    margin-top: calc(30vw/var(--mainWidth));
    margin-bottom: calc(24vw/var(--mainWidth));
    color: var(--color-black);
    font-weight: 300;
    font-size: calc(20vw/var(--mainWidth));
}
.service-list-title strong{
    font-weight: 700;
}

@media screen and (max-width:1100px){
    .side-nav-wrap {
        position: fixed;
        right: 0;
        top: 50%;
        margin-top: calc(-198vw/var(--mainWidth));
        z-index: 1000;
        width: calc(674vw/vaR(--mainWidth));
        height: calc(396vw/var(--mainWidth));
        background: var(--color-blue);
        border-radius: calc(30vw/var(--mainWidth)) 0 0 calc(30vw/var(--mainWidth));
        transform: translateX(calc(584vw / var(--mainWidth)));
        transition: 0.3s ease;
        display: flex;
    }
    .side-nav-toggle {
        display: block;
    }
    .side-nav-toggle span {
        font-size: calc(50vw/var(--mainWidth));
        font-family: var(--subFont);
        color: #fff;
    }
    .side-nav-wrap.open{
        transform: translateX(0);
    }
    .side-nav {
        position: relative;
        right: unset;
        top: unset;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: calc(24vw/var(--mainWidth));
        padding: calc(60vw/var(--mainWidth)) calc(60vw/var(--mainWidth)) calc(60vw/var(--mainWidth)) 0;
        width: calc(584vw/var(--mainWidth));
        height: calc(396vw/var(--mainWidth));
    }
    .side-nav.fixed{
        position: relative;
        right: unset;
        top: unset;
    }
    .side-nav button {
        width: calc(250vw / var(--mainWidth));
        font-size: calc(38vw / var(--mainWidth));
        border-radius: calc(38vw / var(--mainWidth));
    }
    .side-nav button.active {
        background-color: #ff6335;
        color: var(--color-blue);
    }
    .side-nav-toggle.open span {
        transform: rotate(-180deg);
        display: block;
    }
    main.service-wrap section{
        padding: calc(356vw/var(--mainWidth)) calc(110vw/var(--mainWidth)) calc(500vw/var(--mainWidth)) calc(110vw/var(--mainWidth));
    }
    .service-wrap{
        width: 100%;
    }
    #intro h2 p{
        text-align: center;
        font-size: calc(120vw/var(--mainWidth));
        line-height: calc(140vw/var(--mainWidth));
    }
    #intro h2::after{
        left: 50%;
        margin-left: calc(-60vw/var(--mainWidth));
    }
    #intro h3 span{
        text-align: center;
        font-size: calc(30vw/var(--mainWidth));
    }
    #intro h3 p{
        text-align: center;
    }
    .location-inner{
        flex-direction: column-reverse;
        gap: calc(90vw/var(--mainWidth));
    }
    .location-inner .left{
        width: 100%;
        height: calc(608vw/var(--mainWidth));
    }
    .service-ttl p{
        text-align: center;
        font-size: calc(80vw / var(--mainWidth));
    }
    .service-ttl p.clr-navy{
        font-size: calc(130vw / var(--mainWidth));
    }
    .location-inner .right{
        text-align: center;
    }
    .location-inner .right .service-list {
        padding: 0 calc(50vw/var(--mainWidth));
    }
    .location-inner .right .service-list li{
        text-align: left;
    }
    .service-list li{
        font-size: calc(30vw/var(--mainWidth));
        line-height: calc(45vw/var(--mainWidth));
        background-size: calc(39vw/var(--mainWidth)) calc(36vw/var(--mainWidth));
        padding-left: calc(45vw/var(--mainWidth));
    }
    .service-subttl{
        font-size: calc(33vw/var(--mainWidth));
        border-radius: calc(30vw / var(--mainWidth));
        margin-top: calc(48vw / var(--mainWidth));
        margin-bottom: calc(48vw / var(--mainWidth));
        text-align: center;
    }
    .h3-wrap{
        width: 100%;
    }
    .h3-wrap .service-subttl{
        margin-bottom: calc(20vw/var(--mainWidth));
    }
    .cost-cards{
        margin-top: calc(74vw/var(--mainWidth));
        width: 100%;
    }
    .cost-cards .figure-wrap{
        flex-direction: column;
        gap: calc(30vw/var(--mainWidth));
    }
    .h3-wrap div p{
        font-size: calc(32vw/var(--mainWidth));
    }
    .total-cost{
        font-size: calc(44vw/var(--mainWidth));
        border-radius: calc(30vw / var(--mainWidth));
        margin-top: calc(46vw / var(--mainWidth));
    }
    .total-cost strong::after {
        height: calc(40vw / var(--mainWidth));
        top: calc(6vw / var(--mainWidth));
    }
    .cost-cards p {
        font-size: calc(30vw / var(--mainWidth));
        line-height: calc(40vw/var(--mainWidth));
        margin-top: calc(64vw / var(--mainWidth));
        text-align: center;
    }
    .interior-wrap{
        flex-direction: column;
        gap: calc(90vw/var(--mainWidth));
    }
    .interior-item{
        text-align: center;
    }
    .interior-item .service-list{
        padding: 0 calc(120vw/var(--mainWidth));
    }
    .interior-item .service-list li{
        text-align: left;
    }
    .interiorSwiper{
        display: block;
    }
    .interior-wrap .right.mobile{
        display: block;
    }
    .interior-wrap .right.pc{
        display: none;
    }
    section#equipment {
        padding: calc(356vw/var(--mainWidth)) calc(110vw/var(--mainWidth));
    }
    .service-subttl2{
        text-align: center;
        margin-top: calc(34vw / var(--mainWidth));
        margin-bottom: calc(70vw / var(--mainWidth));
        font-size: calc(30vw/var(--mainWidth));
    }
    .equip-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: calc(30vw/var(--mainWidth));
    }
    #marketing .service-list{
        width: 100%;
        background-size: calc(166vw / var(--mainWidth)) calc(172vw / var(--mainWidth));
    }
    #marketing .service-list li{
        font-size: calc(27vw/var(--mainWidth));
    }
    .marketing-grid{
        width: 100%;
        margin: 0 auto;
        margin-bottom: calc(90vw/var(--mainWidth));
    }
    #marketing .marketing-text {
        width: 100%;
        background-size: calc(240vw/var(--mainWidth));
    }
    .tax-grid-wrap{
        flex-direction: column;
        gap: calc(80vw/var(--mainWidth));
    }
    .tax-grid div.item{
        width: 100%;
        height: auto;
        padding: calc(26vw/var(--mainWidth)) calc(30vw/var(--mainWidth)) calc(50vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
    }
    .tax-grid div.item span{
        font-size: calc(46vw/var(--mainWidth));
    }
    .tax-grid div.item p{
        font-size: calc(48vw/var(--mainWidth));
    }
    .tax-grid-title {
        font-size: calc(46vw / var(--mainWidth));
        height: auto;
        padding: calc(12vw / var(--mainWidth)) calc(30vw / var(--mainWidth));
        border-radius: calc(45vw / var(--mainWidth));
        display: inline-block;
    }
    .tax-grid{
        gap: calc(20vw/var(--mainWidth));
    }
    .empty-title, .empty{
        display: none;
    }
    .mobile-span{
        text-align: center;
        grid-column: span 2;
    }
    .service-list-title{
        text-align: center;
        font-size: calc(31vw/var(--mainWidth));
        margin-top: calc(70vw / var(--mainWidth));
    }
    #tax .service-list{
        /* padding: 0 calc(130vw/var(--mainWidth)); */
    }
    main.service-wrap section#intro{
        justify-content: center;
    }
    #intro h2 p:nth-of-type(1){
        font-size: calc(50vw/var(--mainWidth));
    }
    #finance .service-subttl{
        display: block;
    }
    .m-center{
        text-align: center;
    }
    /* 개원클래스 반응형 */
    .classes-seminar {
        padding-left: calc(50vw/var(--mainWidth)) !important;
        padding-right: calc(50vw/var(--mainWidth));
        min-height: calc(100vh - calc(390vw / var(--mainWidth)));
        padding-bottom: calc(400vw / var(--mainWidth));
    }
    .classes-seminar .classes-list .classes-swiper .swiper-slide {
        width: calc(500vw/var(--mainWidth));
    }
    .classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-thumbnail {
        height: calc(300vw/var(--mainWidth));
    }
    .classes-seminar .classes-list .classes-swiper .swiper-button-next,
    .classes-seminar .classes-list .swiper-button-prev {
        width: calc(40vw/var(--mainWidth));
        height: calc(40vw/var(--mainWidth));
    }
    .classes-seminar .classes-list .classes-swiper .swiper-button-next:after,
    .classes-seminar .classes-list .swiper-button-prev:after {
        font-size: calc(25vw/var(--mainWidth));
    }
    /* 개원매니저 게시판 리스트 반응형 */
    .manager-wrap .manager-content .manager-board-list {
        margin-top: calc(30vw/var(--mainWidth));
        margin-bottom: calc(50vw/var(--mainWidth));
    }
    .manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide {
        width: calc(500vw/var(--mainWidth));
    }
    .manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item .classes-thumbnail {
        height: calc(300vw/var(--mainWidth));
    }
    .manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-next,
    .manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-prev {
        width: calc(40vw/var(--mainWidth));
        height: calc(40vw/var(--mainWidth));
    }
    .manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-next:after,
    .manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-prev:after {
        font-size: calc(25vw/var(--mainWidth));
    }
}


/* 개원클래스 페이지 */
.classes-wrap {
    width: 100%;
    overflow: hidden;
}
.classes-wrap .classes-header {
    padding-top: calc(310vw/var(--mainWidth));
    padding-bottom: calc(55vw/var(--mainWidth));
}
.classes-wrap .classes-header h2 {
    text-align: center;
}
.classes-wrap .classes-header h2 p:first-child {
    display: inline-block;
    font-size: calc(30vw/var(--mainWidth));
    font-weight: 300;
    color: var(--color-black);
    padding: calc(17vw/var(--mainWidth)) calc(40vw/var(--mainWidth));
    border: 2px solid var(--color-blue);
    border-radius: calc(45vw/var(--mainWidth));
}
.classes-wrap .classes-header h2 p:first-child strong {
    font-weight: 600;
    color: var(--color-blue);
}
.classes-wrap .classes-header h2 p:last-child {
    margin: 0 auto;
    margin-top: calc(35vw/var(--mainWidth));
    width: calc(652vw/var(--mainWidth));
}
.classes-wrap .classes-header h2 p:last-child img {
    width: 100%;
    height: auto;
}

.classes-seminar {
    width: 100%;
    background-color: var(--color-darkBlue);
    margin-top: calc(55vw/var(--mainWidth));
    padding-top: calc(60vw/var(--mainWidth));
    padding-bottom: calc(206vw/var(--mainWidth));
    padding-left: calc(310vw/var(--mainWidth));
}
.classes-seminar .classes-filter .filter-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(12vw/var(--mainWidth));
}
.classes-seminar .classes-filter .filter-buttons .filter-btn {
    background: none;
    border: 2px solid white;
    color: white;
    font-size: calc(21vw/var(--mainWidth));
    font-weight: 700;
    padding: calc(10vw/var(--mainWidth)) calc(20vw/var(--mainWidth));
    border-radius: calc(35vw/var(--mainWidth));
    transition: 0.3s ease;
}
.classes-seminar .classes-filter .filter-buttons .filter-btn.active {
    background-color: var(--color-orange);
    color: var(--color-darkBlue);
    border: none;
}
.classes-seminar .classes-list {
    margin-top: calc(35vw/var(--mainWidth));
    position: relative;
}
.classes-seminar .classes-list .classes-swiper {
    width: 100%;
    overflow: hidden;
    padding-bottom: calc(60vw/var(--mainWidth));
}
.classes-seminar .classes-list .classes-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide {
    width: calc(400vw/var(--mainWidth));
    height: auto;
    display: flex;
    flex-shrink: 0;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: calc(10vw/var(--mainWidth));
    overflow: hidden;
    position: relative;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: opacity 0.3s ease;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item:hover::before {
    /* content: none; */
    opacity: 0;
    z-index: -1;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-thumbnail {
    position: relative;
    width: 100%;
    height: auto;
    /* height: calc(250vw/var(--mainWidth)); */
    overflow: hidden;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-info {
    padding: calc(20vw/var(--mainWidth));
    flex: 1;
    display: flex;
    flex-direction: column;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-info .classes-title {
    font-size: calc(28vw/var(--mainWidth));
    font-weight: 600;
    color: var(--color-black);
    margin-bottom: calc(10vw/var(--mainWidth));
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-info .classes-period {
    font-size: calc(20vw/var(--mainWidth));
    color: #666;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-type-badge {
    position: absolute;
    top: calc(15vw/var(--mainWidth));
    right: calc(15vw/var(--mainWidth));
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: calc(5vw/var(--mainWidth)) calc(15vw/var(--mainWidth));
    border-radius: calc(20vw/var(--mainWidth));
    font-size: calc(18vw/var(--mainWidth));
    font-weight: 600;
}
.classes-seminar .classes-list .classes-swiper .swiper-slide .classes-item .classes-type-badge.online {
    background: var(--color-orange);
}
.classes-seminar .classes-list .classes-swiper .swiper-button-next,
.classes-seminar .classes-list .swiper-button-prev {
    color: var(--color-orange);
    width: calc(70vw/var(--mainWidth));
    height: calc(70vw/var(--mainWidth));
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    border: calc(2vw/var(--mainWidth)) solid var(--color-orange);
    border-radius: 50%;
    padding: calc(10vw/var(--mainWidth));
}
.classes-seminar .classes-list .classes-swiper .swiper-button-next:after,
.classes-seminar .classes-list .swiper-button-prev:after {
    font-size: calc(30vw/var(--mainWidth));
}
/* .classes-seminar .classes-list .swiper-button-prev {
    left: calc(212vw/var(--mainWidth));
} */
.classes-seminar .classes-list .classes-swiper .swiper-button-next {
    right: calc(212vw/var(--mainWidth));
}
.classes-seminar .classes-list .classes-swiper .swiper-pagination {
    bottom: calc(10vw/var(--mainWidth));
    left: calc(20vw/var(--mainWidth));
    width: auto;
}
.classes-seminar .classes-list .classes-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    width: calc(12vw/var(--mainWidth));
    height: calc(12vw/var(--mainWidth));
}
.classes-seminar .classes-list .classes-swiper .swiper-pagination-bullet-active {
    background: white;
}

/* 개원클래스 상세페이지 */
.classes-view-container {
    padding: calc(260vw/var(--mainWidth)) calc(196vw/var(--mainWidth));
    margin: 0 calc(310vw/var(--mainWidth));
}
.classes-view-container.sub-container{
    display: block;
    width: unset;
}
.classes-view-container .classes-header-wrap {
    display: flex;
    gap: calc(52vw/var(--mainWidth));
}
.classes-view-container .classes-header-wrap .classes-view-thumbnail {
    width: calc(490vw/var(--mainWidth));
    overflow: hidden;
    border-radius: calc(10vw/var(--mainWidth));
    /* background: var(--color-blue); */
}
.classes-view-container .classes-header-wrap .classes-view-thumbnail img {
    width: 100%;
    height: auto;
}
.classes-view-container .classes-header-wrap .classes-view-header .classes-view-info .classes-view-title {
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-black);
    margin-bottom: calc(30vw/var(--mainWidth));
}
.classes-view-container .classes-header-wrap .classes-view-header .classes-view-info .classes-view-location {
    display: flex;
    align-items: center;
    height: calc(35vw/var(--mainWidth));
    background: url(/theme/megagen/images/sub/classes/icon-location.png) no-repeat left 0 top 0;
    background-size: calc(33vw/var(--mainWidth)) calc(33vw/var(--mainWidth));
    padding-left: calc(48vw/var(--mainWidth));
    font-size: calc(21vw/var(--mainWidth));
    margin-bottom: calc(20vw/var(--mainWidth));
}
.classes-view-container .classes-header-wrap .classes-view-header .classes-view-info .classes-view-period {
    display: flex;
    align-items: center;
    height: calc(35vw/var(--mainWidth));
    background: url(/theme/megagen/images/sub/classes/icon-period.png) no-repeat left 0 top 0;
    background-size: calc(33vw/var(--mainWidth)) calc(33vw/var(--mainWidth));
    padding-left: calc(48vw/var(--mainWidth));
    font-size: calc(21vw/var(--mainWidth));
}
.classes-view-container .classes-header-wrap .classes-view-header .classes-view-summary {
    margin-top: calc(50vw/var(--mainWidth));
    padding: calc(30vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
    background-color: #f6f6f6;
    border-radius: calc(20vw/var(--mainWidth));
}

.classes-view-container .classes-view-content {
    margin-top: calc(30vw/var(--mainWidth));
}
.classes-view-container .classes-view-content .classes-content {
    padding: calc(30vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
    background-color: #f6f6f6;
    border-radius: calc(20vw/var(--mainWidth));
}
.classes-view-container .classes-view-content .classes-content p {
    font-size: calc(21vw/var(--mainWidth));
    color: var(--color-black);
}
.classes-view-container .classes-view-content .classes-content img {
    width: 100%;
    height: auto;
}
.classes-view-container .classes-view-action {
    margin-top: calc(48vw/var(--mainWidth));
    text-align: center;
}
.classes-view-container .classes-view-action a, .classes-view-container .classes-view-action button {
    border: none;
    background: url(/theme/megagen/images/main/section4-btn.png) no-repeat right calc(20vw/var(--mainWidth)) top 50%;
    background-color: var(--color-orange);
    border-radius: calc(35vw/var(--mainWidth));
    padding: calc(20vw/var(--mainWidth)) calc(58vw/var(--mainWidth));
    font-size: calc(24vw/var(--mainWidth));
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s ease;
    text-align: left;
    width: calc(260vw/var(--mainWidth));
}
.classes-view-container .classes-view-action a:hover, .classes-view-container .classes-view-action button:hover {
    /* background-color: var(--color-darkBlue); */
    color: white;
}

.classes-view-container .classes-view-action a.classes-list-btn {
    background: none;
    text-align: center;
}
.classes-view-container .classes-view-action a.classes-list-btn:hover {
    color: var(--color-orange);
}

/* 개원 현장 콘텐츠 */
.classes-board-list {
    margin-top: calc(100vw/var(--mainWidth));
}
.classes-board-list h2 {
    display: inline-flex;
    background-color: var(--color-orange);
    color: var(--color-darkBlue);
    font-size: calc(21vw/var(--mainWidth));
    font-weight: 700;
    padding: calc(10vw/var(--mainWidth)) calc(20vw/var(--mainWidth));
    border-radius: calc(35vw/var(--mainWidth));
    transition: 0.3s ease;
}

.classes-board-swiper {
    margin-top: calc(35vw/var(--mainWidth));
}
@media screen and (max-width:1100px) {
    .swiper-backface-hidden .swiper-slide .classes-thumbnail img {
        width: 100%;
    }
    .swiper-backface-hidden .swiper-slide .classes-title {
        padding: calc(20vw/var(--mainWidth)) 0;
        text-align: center;
        font-size: calc(42vw/var(--mainWidth));
    }
    .classes-seminar .classes-list .classes-swiper .swiper-button-next {
        right: calc(40vw/var(--mainWidth));
        width: calc(105vw/var(--mainWidth));
        height: calc(105vw/var(--mainWidth));
    }
    .classes-seminar .classes-list .swiper-button-prev {
        left: calc(40vw/var(--mainWidth)) !important;
        width: calc(105vw/var(--mainWidth));
        height: calc(105vw/var(--mainWidth));
    }
    .classes-seminar .classes-list .classes-swiper .swiper-button-next svg,
    .classes-seminar .classes-list .swiper-button-prev svg{
        width: calc(27vw/var(--mainWidth));
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
        bottom: calc(120vw/var(--mainWidth));
    }

    .classes-view-container {
        margin: 0 auto;
        padding: calc(300vw/var(--mainWidth)) calc(180vw/var(--mainWidth)) calc(500vw/var(--mainWidth)) calc(180vw/var(--mainWidth)); 
    }

    .classes-view-container .classes-view-action a, .classes-view-container .classes-view-action button {
        background-size: calc(30vw/var(--mainWidth));
        font-size: calc(34vw/var(--mainWidth));
        border-radius: calc(50vw/var(--mainWidth));
    }
    .classes-seminar .classes-filter .filter-buttons{
        justify-content: center;
    }
    .classes-seminar .classes-filter .filter-buttons .filter-btn{
        font-size: calc(30vw/var(--mainWidth));
        border: calc(2vw/var(--mainWidth)) solid  #fff;
    }
    .classes-seminar .classes-list{
        text-align: center;
    }
    .classes-board-list h2{
        font-size: calc(30vw/var(--mainWidth));
    }
    .classes-view-container .classes-header-wrap{
        flex-direction: column;
    }
    .classes-view-container .classes-header-wrap .classes-view-thumbnail{
        width: 100%;
    }
    .classes-view-container .classes-header-wrap .classes-view-header .classes-view-info .classes-view-title{
        text-align: center;
        font-size: calc(60vw / var(--mainWidth));
    }
    .classes-view-container .classes-header-wrap .classes-view-header .classes-view-info .classes-view-location{
        font-size: calc(31vw / var(--mainWidth));
        padding: calc(30vw / var(--mainWidth)) calc(100vw/var(--mainWidth)) calc(30vw / var(--mainWidth)) calc(190vw / var(--mainWidth));
        background: url(/theme/megagen/images/sub/classes/icon-location.png) no-repeat left calc(128vw / var(--mainWidth)) top 50%;
        background-size: calc(50vw / var(--mainWidth)) calc(50vw / var(--mainWidth));
    }
    .classes-view-container .classes-header-wrap .classes-view-header .classes-view-info .classes-view-period{
        font-size: calc(31vw / var(--mainWidth));
        padding: calc(30vw / var(--mainWidth)) 0 calc(30vw / var(--mainWidth)) calc(190vw / var(--mainWidth));
        background: url(/theme/megagen/images/sub/classes/icon-period.png) no-repeat left calc(128vw / var(--mainWidth)) top 50%;
        background-size: calc(50vw / var(--mainWidth)) calc(50vw / var(--mainWidth));
    }
}
@media screen and (max-width:768px) {
    .classes-seminar .classes-list .classes-swiper{
        padding-left: calc(200vw/var(--mainWidth));
        padding-right: calc(200vw/var(--mainWidth));
    }
}



/* 개원매니저 */
.manager-wrap {
    padding-top: calc(230vw/var(--mainWidth));
    width: 100%;
}
.manager-wrap .manager-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
}
.manager-wrap .manager-header h2 p:first-child {
    font-size: calc(80vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-black);
}
.manager-wrap .manager-header h2 p:first-child strong {
    font-size: calc(100vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-blue);
}
.manager-wrap .manager-header h2 p:last-child {
    margin-top: calc(45vw/var(--mainWidth));
    display: inline-block;
    font-size: calc(30vw/var(--mainWidth));
    padding: calc(16vw/var(--mainWidth)) calc(28vw/var(--mainWidth));
    border: 2px solid var(--color-blue);
    border-radius: calc(42vw/var(--mainWidth));
}
.manager-wrap .manager-header h2 p:last-child strong {
    font-weight: 700;
    color: var(--color-blue);
}
.manager-wrap .manager-header > p {
    width: calc(193vw/var(--mainWidth));
}
.manager-wrap .manager-header > p img {
    width: 100%;
    height: auto;
}

.manager-wrap .manager-content {
    margin-top: calc(50vw/var(--mainWidth));
    background-color: #f6f6f6;
    padding-top: calc(45vw/var(--mainWidth));
    padding-bottom: calc(300vw/var(--mainWidth));
    padding-left: calc(310vw/var(--mainWidth));
}
.manager-wrap .manager-content .cate-title {
    display: inline-flex;
    align-items: center;
    gap: calc(30vw/var(--mainWidth));
    margin-bottom: calc(20vw/var(--mainWidth));
}
.manager-wrap .manager-content .cate-title:nth-of-type(1) img {
    width: calc(106vw/var(--mainWidth));
    height: auto;
}
.manager-wrap .manager-content .cate-title:nth-of-type(2) img {
    width: calc(115vw/var(--mainWidth));
    height: auto;
}
.manager-wrap .manager-content .cate-title:nth-of-type(2) img {
    width: calc(147vw/var(--mainWidth));
    height: auto;
}
.manager-wrap .manager-content .cate-title span {
    display: inline-block;
    font-size: calc(21vw/var(--mainWidth));
    font-weight: 300;
    color: white;
    background-color: var(--color-blue);
    padding: calc(13vw/var(--mainWidth)) calc(20vw/var(--mainWidth));
    border-radius: calc(32vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list {
    margin-top: calc(50vw/var(--mainWidth));
    margin-bottom: calc(80vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper {
    margin-top: calc(35vw/var(--mainWidth));
    position: relative;
    overflow: visible;
    padding-bottom: calc(60vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide {
    width: calc(400vw/var(--mainWidth));
    height: auto;
    display: flex;
    flex-shrink: 0;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: calc(10vw/var(--mainWidth));
    overflow: hidden;
    position: relative;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item .classes-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item .classes-thumbnail {
    position: relative;
    width: 100%;
    height: calc(250vw/var(--mainWidth));
    overflow: hidden;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item .classes-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item .classes-info {
    padding: calc(20vw/var(--mainWidth));
    flex: 1;
    display: flex;
    flex-direction: column;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-slide .classes-item .classes-info .classes-title {
    font-size: calc(21vw/var(--mainWidth));
    font-weight: 600;
    color: var(--color-black);
    margin-bottom: calc(10vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-next,
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-prev {
    color: var(--color-blue);
    width: calc(50vw/var(--mainWidth));
    height: calc(50vw/var(--mainWidth));
    margin-top: 0;
    top: auto;
    bottom: calc(10vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-next:after,
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-prev:after {
    font-size: calc(30vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-prev {
    left: calc(20vw/var(--mainWidth));
    right: auto;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-button-next {
    right: calc(20vw/var(--mainWidth));
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-pagination {
    bottom: calc(10vw/var(--mainWidth));
    left: calc(80vw/var(--mainWidth));
    width: auto;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-pagination-bullet {
    width: calc(12vw/var(--mainWidth));
    height: calc(12vw/var(--mainWidth));
    background: var(--color-blue);
    opacity: 0.3;
}
.manager-wrap .manager-content .manager-board-list .manager-board-swiper .swiper-pagination-bullet-active {
    opacity: 1;
}
.manager-wrap .manager-content .manager-board-list .classes-empty {
    text-align: center;
    padding: calc(50vw/var(--mainWidth));
    color: #999;
    font-size: calc(20vw/var(--mainWidth));
}
.manager-swiper .swiper-button-next,
.manager-board-list .swiper-button-prev {
    color: var(--color-blue);
    width: calc(70vw/var(--mainWidth));
    height: calc(70vw/var(--mainWidth));
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    border: calc(2vw/var(--mainWidth)) solid var(--color-blue);
    border-radius: 50%;
    padding: calc(10vw/var(--mainWidth));
}
.manager-swiper .swiper-button-next:after,
.manager-board-list .swiper-button-prev:after {
    font-size: calc(30vw/var(--mainWidth));
}
.manager-board-list .swiper-button-prev {
    left: calc(212vw/var(--mainWidth));
}
.manager-board-list .swiper-button-next {
    right: calc(212vw/var(--mainWidth));
}


.manager-board-list,
.classes-list {
    position: relative;
}
.manager-board-list > .swiper-button-prev,
.classes-seminar .classes-list .swiper-button-prev {
    left: calc(-100vw/var(--mainWidth));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

@media screen and (max-width:1100px){
    .manager-wrap .manager-header {
        width: 100%;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: calc(50vw/var(--mainWidth));
    }
    .manager-wrap .manager-content {
        padding-left: 0;
        padding: calc(50vw/var(--mainWidth)) calc(30vw/var(--mainWidth)) calc(400vw/var(--mainWidth)) calc(50vw/var(--mainWidth));
    }
    .manager-wrap .manager-content .cate-title {
        padding-top: calc(30vw/var(--mainWidth));
        justify-content: center;
        flex-direction: column;
        display: inline-flex;
    }
    .manager-wrap{
        padding-top: calc(300vw/var(--mainWidth));
    }
    .manager-wrap .manager-header h2,
    .manager-wrap .manager-header h2 p:first-child{
        text-align: center;
    }
    .manager-wrap .manager-header > p{
        width: calc(280vw/var(--mainWidth));
    }
    .manager-wrap .manager-content .cate-title:nth-of-type(1) img{
        width: calc(205vw/var(--mainWidth));
    }
    .manager-wrap .manager-content h2{
        text-align: center;
    }
    .manager-wrap .manager-content .cate-title span{
        font-size: clamp(12px, calc(10.545px + 0.455vw), 16px);
    }
    .manager-swiper .swiper-button-next {
        right: calc(40vw/var(--mainWidth));
        width: calc(105vw/var(--mainWidth));
        height: calc(105vw/var(--mainWidth));
    }
    .manager-board-list .swiper-button-prev {
        left: calc(40vw/var(--mainWidth));
        width: calc(105vw/var(--mainWidth));
        height: calc(105vw/var(--mainWidth));
    }
    .manager-swiper .swiper-button-next svg,
    .manager-board-list .swiper-button-prev svg{
        width: calc(27vw/var(--mainWidth));
    }
}

/* 상담문의 페이지 */
.contact-page {
    padding-top: calc(134vw/var(--mainWidth));
    padding-bottom: calc(122vw/var(--mainWidth));
    overflow: hidden;
}
.contact-wrap {
    /* max-width: 1300px; */
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
    padding: 0 calc(32vw/var(--mainWidth));
}
.contact-wrap h2 {
    font-size: clamp(38px, calc(35.667px + 0.486vw), 45px);
    font-weight: 700;
    margin-bottom: calc(30vw/var(--mainWidth));
}
.contact-wrap h2 strong {
    font-weight: 700;
    color: var(--color-blue);
}
.contact-wrap .notice {
    font-size: clamp(18px, calc(17px + 0.208vw), 21px);
    color: var(--color-orange);
    margin-bottom: calc(42vw/var(--mainWidth));
}
.contact-wrap form {
    width: 100%;
}
.contact-wrap .form-wrap {
    display: flex;
    justify-content: space-between;
}
.contact-wrap .form-group {
    display: flex;
    align-items: center;
    margin-bottom: calc(30vw/var(--mainWidth));
}
.contact-wrap .form-group label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(130vw/var(--mainWidth));
    height: calc(43vw/var(--mainWidth));
    font-size: calc(20vw/var(--mainWidth));
    color: white;
    background-color: var(--color-darkBlue);
    font-weight: 600;
    border-radius: calc(22vw/var(--mainWidth));
    margin-right: calc(16vw/var(--mainWidth));
}
.contact-wrap .form-group label .required {
    color: var(--color-orange);
    margin-left: calc(4vw/var(--mainWidth));
}
.contact-wrap .form-group label[for="cs_request"]{
    height: calc(165vw/var(--mainWidth));
}
.contact-wrap .form-group input[type="text"],
.contact-wrap .form-group input[type="email"],
.contact-wrap .form-group select,
.contact-wrap .form-group textarea {
    height: calc(43vw/var(--mainWidth));
    padding: 0 calc(20vw/var(--mainWidth));
    font-size: calc(18vw/var(--mainWidth));
    border: 1px solid #707070;
    border-radius: calc(22vw/var(--mainWidth));
    color: #00081a;
    box-sizing: border-box;
}
.contact-wrap .form-group input#cs_name {
    width: calc(391vw/var(--mainWidth));
}
.contact-wrap .form-group input#cs_hp1,
.contact-wrap .form-group input#cs_hp2,
.contact-wrap .form-group input#cs_hp3 {
    width: calc(135vw/var(--mainWidth));
}
.contact-wrap .form-group input#cs_email,
.contact-wrap .form-group input#cs_workplace,
.contact-wrap .form-group input#cs_planned_date,
.contact-wrap .form-group textarea#cs_request {
    width: calc(1086vw/var(--mainWidth));
}
.contact-wrap .form-group select#cs_location_do {
    width: calc(693vw/var(--mainWidth));
}
.contact-wrap .form-group select#cs_location_sigungu {
    width: calc(377vw/var(--mainWidth));
}
.contact-wrap .form-group input#cs_license {
    width: calc(391vw/var(--mainWidth));
}
.contact-wrap .form-group select#cs_major {
    width: calc(499vw/var(--mainWidth));
}
.contact-wrap .form-group input::placeholder,
.contact-wrap .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.contact-wrap .form-group select {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
}
.contact-wrap .form-group select option {
}
.contact-wrap .form-group .phone-input {
    display: flex;
    align-items: center;
    gap: calc(10vw/var(--mainWidth));
}
.contact-wrap .form-group .phone-input input {
    flex: 1;
}
.contact-wrap .form-group .phone-input span {
    font-size: calc(50vw/var(--mainWidth));
    font-weight: 100;
}
.contact-wrap .form-group .address-input {
    display: flex;
    justify-content: space-between;
    width: calc(1086vw/var(--mainWidth));
}
.contact-wrap .form-group textarea {
    resize: vertical;
    height: calc(165vw/var(--mainWidth));
    min-height: calc(120vw/var(--mainWidth));
    padding: calc(20vw/var(--mainWidth));
}
.contact-wrap .form-submit {
    margin-top: calc(50vw/var(--mainWidth));
    text-align: center;
}
.contact-wrap .form-submit button {
    background-color: var(--color-orange);
    color: white;
    border: none;
    padding: calc(18vw/var(--mainWidth)) calc(60vw/var(--mainWidth));
    font-size: calc(22vw/var(--mainWidth));
    font-weight: 600;
    border-radius: calc(50vw/var(--mainWidth));
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.contact-wrap .form-submit button:hover {
    background-color: #ff7a4d;
    transform: scale(1.05);
}

@media screen and (max-width:1100px){
    .contact-page {
        padding-top: calc(150vw/var(--mainWidth));
        padding-bottom: calc(80vw/var(--mainWidth));
    }
    .contact-wrap {
        max-width: 100%;
        width: 100%;
        padding: calc(260vw/var(--mainWidth)) calc(110vw/var(--mainWidth)) calc(400vw/var(--mainWidth)) calc(110vw/var(--mainWidth));
    }
    .contact-wrap h2 {
        font-size: clamp(28px, 6vw, 36px);
        margin-bottom: calc(40vw/var(--mainWidth));
        text-align: center;
    }
    .contact-wrap .notice {
        font-size: clamp(14px, 3vw, 18px);
        margin-bottom: calc(50vw/var(--mainWidth));
        text-align: center;
    }
    .contact-wrap .form-wrap {
        flex-direction: column;
    }
    .contact-wrap .form-group {
        /* flex-direction: column; */
        align-items: flex-start;
        margin-bottom: calc(40vw/var(--mainWidth));
        gap: calc(16vw/var(--mainWidth));
    }
    .contact-wrap .form-group label {
        /* width: 100%; */
        width: calc(340vw/var(--mainWidth));
        height: calc(70vw/var(--mainWidth));
        font-size: clamp(13px, 3.5vw, 20px);
        border-radius: calc(35vw/var(--mainWidth));
        margin-right: 0;
        margin-bottom: 0;
    }
    .contact-wrap .form-group label[for="cs_request"]{
        height: calc(300vw/var(--mainWidth));
    }
    .contact-wrap .form-group input[type="text"],
    .contact-wrap .form-group input[type="email"],
    .contact-wrap .form-group select,
    .contact-wrap .form-group textarea {
        width: 100%;
        height: calc(70vw/var(--mainWidth));
        padding: 0 calc(24vw/var(--mainWidth));
        font-size: clamp(16px, 3.5vw, 20px);
        border-radius: calc(35vw/var(--mainWidth));
    }
    .contact-wrap .form-group input#cs_name {
        width: 100%;
    }
    .contact-wrap .form-group input#cs_hp1,
    .contact-wrap .form-group input#cs_hp2,
    .contact-wrap .form-group input#cs_hp3 {
        width: 30%;
    }
    .contact-wrap .form-group input#cs_email,
    .contact-wrap .form-group input#cs_workplace,
    .contact-wrap .form-group input#cs_planned_date,
    .contact-wrap .form-group textarea#cs_request {
        width: 100%;
    }
    .contact-wrap .form-group select#cs_location_do {
        width: 100%;
    }
    .contact-wrap .form-group select#cs_location_sigungu {
        width: 100%;
    }
    .contact-wrap .form-group input#cs_license {
        width: 100%;
    }
    .contact-wrap .form-group select#cs_major {
        width: 100%;
    }
    .contact-wrap .form-group .phone-input {
        width: 100%;
        gap: calc(16vw/var(--mainWidth));
        align-items: stretch;
    }
    .contact-wrap .form-group .phone-input span {
        font-size: clamp(24px, 5vw, 32px);
        text-align: center;
    }
    .contact-wrap .form-group .address-input {
        flex-direction: column;
        width: 100%;
        gap: calc(16vw/var(--mainWidth));
    }
    .contact-wrap .form-group textarea {
        height: calc(300vw/var(--mainWidth));
        min-height: calc(300vw/var(--mainWidth));
        padding: calc(24vw/var(--mainWidth));
    }
    .contact-wrap .form-submit {
        margin-top: calc(60vw/var(--mainWidth));
    }
    .contact-wrap .form-submit button {
        width: 100%;
        padding: calc(24vw/var(--mainWidth)) calc(60vw/var(--mainWidth));
        font-size: clamp(18px, 4vw, 24px);
        border-radius: calc(60vw/var(--mainWidth));
    }
}

/*2601_JY추가*/
.classes-thumbnail img{
    width: 100%;
}



/* 개원매니저 상세페이지 */
.manager-view-container {
    padding: calc(260vw/var(--mainWidth)) calc(196vw/var(--mainWidth));
    margin: 0 calc(310vw/var(--mainWidth));
}
.manager-view-container.sub-container{
    display: block;
    width: unset;
}
.manager-view-container .manager-header-wrap {
    display: flex;
    gap: calc(52vw/var(--mainWidth));
    margin-bottom: calc(40vw/var(--mainWidth));
    justify-content: center;
    text-align: center;
}
.manager-view-container .manager-header-wrap .manager-view-header .manager-view-info .manager-view-title {
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 700;
    color: var(--color-black);
    padding-bottom: calc(20vw/var(--mainWidth));
}
.manager-view-datetime{
    font-size: calc(18vw / var(--mainWidth));
    color: #000000ab;
} 
.manager-view-content .classes-content {
    padding: calc(30vw / var(--mainWidth)) calc(30vw / var(--mainWidth));
    background-color: #f6f6f6;
    border-radius: calc(20vw / var(--mainWidth));
}
.manager-view-content .classes-content img{
    width: 100%;
}
.manager-list-btn {
    border: none;
    background-color: var(--color-blue);
    border-radius: calc(35vw / var(--mainWidth));
    padding: calc(20vw / var(--mainWidth)) calc(58vw / var(--mainWidth));
    font-size: calc(24vw / var(--mainWidth));
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s ease;
    text-align: left;
    width: calc(260vw / var(--mainWidth));
    color: #fff;
    text-align: center;
}
.manager-view-action{
    text-align: center;
    margin-top: calc(48vw / var(--mainWidth));
}
.manager-list-btn:hover{
    background-color: var(--color-darkBlue);
}
.classes-thumbnail{
    border-radius: calc(20vw/var(--mainWidth));
    overflow: hidden;
}
/* .manager-swiper .swiper-slide .classes-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: opacity 0.3s ease;
}
.manager-swiper .swiper-slide .classes-thumbnail:hover::before {
    opacity: 0;
    z-index: -1;
} */
@media screen and (max-width:1100px) {
    .manager-view-container {
        margin: 0 auto;
        padding: calc(300vw/var(--mainWidth)) calc(180vw/var(--mainWidth)) calc(500vw/var(--mainWidth)) calc(180vw/var(--mainWidth));
    }
    .manager-list-btn {
        background-size: calc(30vw/var(--mainWidth));
        font-size: calc(34vw/var(--mainWidth));
        border-radius: calc(50vw/var(--mainWidth));
    }
    .manager-view-container .manager-header-wrap .manager-view-header .manager-view-info .manager-view-title{
        font-size: calc(60vw/var(--mainWidth));
    }
    .manager-view-datetime{
        font-size: calc(31vw/var(--mainWidth));
    }
}
@media screen and (max-width:768px) {
    .manager-swiper{
        padding-left: calc(200vw/var(--mainWidth));
        padding-right: calc(200vw/var(--mainWidth));
    }
}

/* 개원매니저 리스트페이지*/
.manager-list-wrap{
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
}
.manager-list-header .board-title{
    font-size: clamp(30px, calc(19.091px + 3.409vw), 60px);
    font-weight: 700;
    color: var(--color-blue);
}
.manager-list-header h2 .cate-title{
    display: flex;
    align-items: center;
    gap: calc(20vw/var(--mainWidth));
}
.manager-list-header .board-text{
    display: block;
    font-weight: 300;
    font-size: clamp(14px, calc(9.545px + 1.705vw), 30px);
    margin-top: calc(10vw/var(--mainWidth));
}
.manager-list-content{
    margin-top: calc(100vw/var(--mainWidth));
}
.total-count{
    font-size: clamp(14px, calc(11.909px + 0.341vw), 18px);
    color: var(--color-blue);
    margin-bottom: calc(20vw/var(--mainWidth));
    text-align: right;
    font-weight: 700;
}
.manager-list-table table{
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #757575af;
    border-bottom: 1px solid var(--color-blue);
}
.manager-list-table table td{
    padding: calc(15vw/var(--mainWidth));
    border-bottom: 1px solid #dfdfdf;
    font-size: clamp(12px, calc(10.909px + 0.341vw), 15px);
    color: #707070;
    text-align: center;
    transition: 0.3s ease;
}
.manager-list-table table td.col-title{
    font-size: clamp(14px, calc(11.909px + 0.341vw), 18px);
    font-weight: 600;
    text-align: left;
}
.manager-list-table table th{
    font-size: clamp(12px, calc(10.909px + 0.341vw), 15px);
    border-bottom: 1px solid var(--color-darkBlue);
    padding: calc(15vw/var(--mainWidth));
}
.manager-list-table table tr:hover td{
    background: #f9f9f9;
}
.manager-list-table table tr:last-child td{
    border-bottom: 1px solid #757575af;
}
.manager-list-paging{
    display: flex;
    justify-content: center;
    margin-top: calc(100vw / var(--mainWidth));
    gap: calc(15vw/var(--mainWidth));
    align-items: center;
}
.manager-list-paging a{
    font-size: clamp(12px, calc(10.909px + 0.341vw), 15px);
}
.paging-num.current{
    font-weight: 600;
    /* width: calc(30vw/var(--mainWidth));
    height: calc(30vw/var(--mainWidth)); */
    width: clamp(24px, calc(21.818px + 0.682vw), 30px);
    height: clamp(24px, calc(21.818px + 0.682vw), 30px);
    background: var(--color-blue);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(6vw/var(--mainWidth));
}
.manager-list-action{
    text-align: center;
    margin-top: calc(70vw/var(--mainWidth));
    margin-bottom: calc(200vw/var(--mainWidth));
}
.manager-list-action .manager-list-btn{
    width: auto;
}
@media screen and (max-width: 1100px) {
    .manager-list-table table, 
    .manager-list-table table thead, 
    .manager-list-table table tbody, 
    .manager-list-table table th, 
    .manager-list-table table td, 
    .manager-list-table table tr {
        display: block;
    }
    .manager-list-table table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .manager-list-table table tr {
        border-bottom: 1px solid #ccc;
    }
    .manager-list-table table td {
        border: none;
        position: relative;
        text-align: left;
    }
    /* .manager-list-table table td:before {
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 300;
        content: attr(data-label); 
    } */
    .manager-list-wrap{
        padding: calc(100vw/var(--mainWidth)) calc(70vw/var(--mainWidth));
    }
    .manager-list-header h2 .cate-title{
        justify-content: center;
    }
    .manager-list-header .board-text{
        text-align: center;
    }
    .manager-list-table table tr:last-child td{
        border: none;
    }
    .manager-list-table table tr td:first-child{
        display: none;
    }
    .manager-list-action{
        margin-bottom: calc(400vw/var(--mainWidth));
    }
    .manager-list-table table{
        border-top: 1px solid var(--color-blue);
    }
}