.location-wrap {min-width: 1200px;}
@media screen and (max-width: 1023px) {
    .location-wrap {min-width: 100%;}
}

/* 문화학교 > 문화학교 소개 */
.culture-banner {height: 500px; display: flex; flex-flow: column; row-gap: 48px; position: relative; justify-content: center;}
.culture-banner::before {content: ''; width: 576px; height: 500px; background-image: url(/html/user/images/culture/culture-banner-img.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; right: 0;}
.culture-banner::after {content: ''; width: 100vw; min-width: 1200px; height: 100%; background-color: #606060; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1!important;}
.culture-banner > h1 {position: relative; z-index: 2; font-size: 44px; font-weight: 700!important; color: #fff; line-height: 1.4;}
.culture-banner > p {position: relative; z-index: 2; font-size: 16px; line-height: 1.6; padding-top: 24px; color: #ffffff;}
.culture-banner > p::before {content: ''; width: 16px; height: 4px; background-color: #fff; position: absolute; top: 0; left: 0;}

.culture-banner.dance::before {background-image: url(/html/user/images/culture/culture-banner-dance.png);}
.culture-banner.dance::after {background-color: #F0F0EE;}
.culture-banner.dance > h1 {color: #121212;}
.culture-banner.dance > p {color: #121212;}
.culture-banner.dance > p::before {background-color: #121212;}

.culture-banner.instrumental::before {background-image: url(/html/user/images/culture/culture-banner-instrumental.png);}
.culture-banner.instrumental::after {background: #32312D;}

.culture-banner.vocal::before {background-image: url(/html/user/images/culture/culture-banner-vocal.png);}
.culture-banner.vocal::after {background-color: #2E2F2A;}

.culture-banner.new::before {background-image: url(/html/user/images/culture/culture-banner-new.png);}
.culture-banner.new::after {background-color: #DFDFDF;}
.culture-banner.new > h1 {color: #121212;}
.culture-banner.new > p {color: #121212;}
.culture-banner.new > p::before {background-color: #121212;}

@media screen and (max-width: 1023px) {
    .culture-banner {width: 100vw; margin: 0 -10px; padding: 0 10px; overflow: hidden;}
    .culture-banner::before {right: -90px;}
    .culture-banner::after {min-width: initial;}
}
@media screen and (max-width: 767px) {
    .culture-banner {height: 480px; padding: 60px 10px; row-gap: 32px; justify-content: initial;}
    .culture-banner::before {width: 352px; height: 440px;}
    .culture-banner > h1 {font-size: 22px;}
    .culture-banner > p {font-size: 14px; padding-top: 20px;} 
}

.culture-intro {display: flex; flex-flow: column; row-gap: 80px;}
.culture-intro > ul {display: flex; align-items: center; justify-content: space-between;}
.culture-intro > ul > li {font-size: 48px; font-weight: 700; color: #8F6D4F;}
.culture-intro > ul > li > span {width: 740px; height: 2px; background-color: #8F6D4F; display: block;}
.culture-intro > img {width: 100%;}

@media screen and (max-width: 1023px) {
    .culture-intro > ul > li > span {width: calc(100vw - 450px);}
}
@media screen and (max-width: 767px) {
    .culture-intro {row-gap: 32px;}
    .culture-intro > ul > li {font-size: 24px;}
    .culture-intro > ul > li > span {width: 130px;}
}

/* .culture-courses {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 670px auto auto auto 670px; column-gap: 120px; padding-bottom: 120px; margin-bottom: -120px; position: relative;}
.culture-courses::before {content: ''; width: 100vw; min-width: 1200px; height: 2352px; background-image: url(/html/user/images/culture/culture-class.png); background-repeat: no-repeat; background-size: auto 100%; background-position: top center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1!important;}
.culture-courses > li {display: flex; flex-flow: column; row-gap: 32px;}
.culture-courses > li img {width: 100%;}
.culture-courses > li > div {display: flex; flex-flow: column; row-gap: 40px; position: relative;}
.culture-courses > li > div > h2 {font-size: 44px; font-weight: 700;}
.culture-courses > li > div > div {display: flex; flex-flow: column; row-gap: 16px;}
.culture-courses > li > div > div > p {font-size: 20px; font-weight: 700;}
.culture-courses > li > div > div > span {font-size: 14px; font-weight: 500;}
.culture-courses > li .ic-arrow-right-72 {width: 72px; height: 72px; background-image: url(/html/user/images/icon/ic-arrow-right-72.svg); position: absolute; right: 0; bottom: 0; cursor: pointer;}
.culture-courses > li .ic-arrow-right-72:hover {background-image: url(/html/user/images/icon/ic-arrow-right-72-ov.svg);}
.culture-courses > li:nth-child(1) {grid-column: 1; grid-row: 1 / span 2;}
.culture-courses > li:nth-child(2) {grid-column: 2; grid-row: 2 / span 3;}
.culture-courses > li:nth-child(3) {grid-column: 1; grid-row: 4 / span 2;}

@media screen and (max-width: 1023px) {
    .culture-courses {grid-template-columns: repeat(1, 1fr); grid-template-rows: initial; row-gap: 80px; padding-bottom: 0; margin-bottom: 0;}
    .culture-courses::before {content: none;}
    .culture-courses > li {row-gap: 16px;}
    .culture-courses > li > div {row-gap: 32px;}
    .culture-courses > li > div > h2 {font-size: 22px;}
    .culture-courses > li > div > div {row-gap: 12px;}
    .culture-courses > li > div > div > p {font-size: 14px;}
    .culture-courses > li > div > div > span {font-size: 12px;}
    .culture-courses > li .ic-arrow-right-72 {width: 48px; height: 48px; right: 0; bottom: initial; top: 0;}
    .culture-courses > li:nth-child(1) {grid-column: 1; grid-row: 1;}
    .culture-courses > li:nth-child(2) {grid-column: 1; grid-row: 2;}
    .culture-courses > li:nth-child(3) {grid-column: 1; grid-row: 3;}
} */
/* 
.culture-courses.type2 {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 160px 120px; padding-bottom: 120px; margin-bottom: -120px; position: relative;}
.culture-courses.type2 > li {display: flex; flex-flow: column; row-gap: 32px;}
.culture-courses.type2 > li img {width: 100%;}
.culture-courses.type2 > li > div {display: flex; flex-flow: column; row-gap: 40px; position: relative;}
.culture-courses.type2 > li > div > h2 {font-size: 44px; font-weight: 700;}
.culture-courses.type2 > li > div > div {display: flex; flex-flow: column; row-gap: 16px;}
.culture-courses.type2 > li > div > div > p {font-size: 20px; font-weight: 700;}
.culture-courses.type2 > li > div > div > span {font-size: 14px; font-weight: 500;}
.culture-courses.type2 > li .ic-arrow-right-72 {width: 72px; height: 72px; background-image: url(/html/user/images/icon/ic-arrow-right-72.svg); position: absolute; right: 0; bottom: 0; cursor: pointer;}
.culture-courses.type2 > li .ic-arrow-right-72:hover {background-image: url(/html/user/images/icon/ic-arrow-right-72-ov.svg);}
.culture-courses.type2 > li:nth-child(1) {grid-column: 1 / span 2;}
.culture-courses.type2 > li:nth-child(2) {grid-column: 2; grid-row: 2;}
.culture-courses.type2 > li:nth-child(3) {grid-column: 1; grid-row: 2; margin-top: 160px;}

.culture-courses.type2 > li .desktop {display: block;}
.culture-courses.type2 > li .mobile {display: none;}

@media screen and (max-width: 1023px) {
    .culture-courses.type2 {grid-gap: 80px;}
    .culture-courses.type2 > li {row-gap: 16px;}
    .culture-courses.type2 > li img {width: 100%;}
    .culture-courses.type2 > li > div {row-gap: 32px;}
    .culture-courses.type2 > li > div > h2 {font-size: 22px;}
    .culture-courses.type2 > li > div > div {row-gap: 8px;}
    .culture-courses.type2 > li > div > div > p {font-size: 14px;}
    .culture-courses.type2 > li > div > div > span {font-size: 12px;}
    .culture-courses.type2 > li .ic-arrow-right-72 {width: 48px; height: 48px; right: 0; bottom: initial; top: 0;}
    .culture-courses.type2 > li:nth-child(3) {margin-top: 80px;}
}
@media screen and (max-width: 767px) {
    .culture-courses.type2 {grid-template-columns: repeat(1, 1fr); grid-template-rows: initial; row-gap: 80px; padding-bottom: 0; margin-bottom: 0;}
    .culture-courses.type2 > li:nth-child(1) {grid-column: 1; grid-row: 1;}
    .culture-courses.type2 > li:nth-child(2) {grid-column: 1; grid-row: 2;}
    .culture-courses.type2 > li:nth-child(3) {grid-column: 1; grid-row: 3; margin-top: 0;}

    .culture-courses.type2 > li .desktop {display: none;}
    .culture-courses.type2 > li .mobile {display: block;}
} */

.culture-courses.type3 {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 80px;}
.culture-courses.type3 > li {display: flex; flex-flow: column;}

.culture-courses.type3 > li > img {width: 560px; height: 500px;}
.culture-courses.type3 > li > div {background-color: #F9F9FB; padding: 32px 32px 130px; display: flex; flex-flow: column; row-gap: 40px; position: relative;}
.culture-courses.type3 > li > div > h2 {font-size: 44px; font-weight: 700; line-height: 1.4;}
.culture-courses.type3 > li > div > div {display: flex; flex-flow: column; row-gap: 16px;}
.culture-courses.type3 > li > div > div > p {font-size: 20px; font-weight: 700;}
.culture-courses.type3 > li > div > div > span {font-size: 14px; font-weight: 500;}
.culture-courses.type3 > li .ic-arrow-right-72 {width: 72px; height: 72px; background-image: url(/html/user/images/icon/ic-arrow-right-72.svg); position: absolute; right: 24px; bottom: 24px; cursor: pointer;}
.culture-courses.type3 > li .ic-arrow-right-72:hover {background-image: url(/html/user/images/icon/ic-arrow-right-72-ov.svg);}

.culture-courses.type3 > li .desktop {display: block;}
.culture-courses.type3 > li .mobile {display: none;}

.culture-courses.type3 > li:nth-child(1) {grid-column: 1 / span 2; flex-flow: row;}
.culture-courses.type3 > li:nth-child(1) > div {padding: 60px 80px; width: calc(100% - 560px);}
.culture-courses.type3 > li:nth-child(1) > div > i {right: auto; bottom: 100px; left: 80px;}
.culture-courses.type3 > li:nth-child(2) {grid-column: 2; grid-row: 2;}
.culture-courses.type3 > li:nth-child(3) {grid-column: 1; grid-row: 2; margin-top: 80px;}

@media screen and (max-width: 1023px) {
    .culture-courses.type3 {grid-gap: 48px;}

    .culture-courses.type3 > li > img {width: 100%;}
    .culture-courses.type3 > li > div {row-gap: 32px;}
    .culture-courses.type3 > li > div > h2 {font-size: 22px;}
    .culture-courses.type3 > li > div > div > p {font-size: 14px;}
    .culture-courses.type3 > li > div > div > span {font-size: 12px; word-break: keep-all;}
    .culture-courses.type3 > li .ic-arrow-right-72 {width: 48px; height: 48px; right: 24px; bottom: 24px;}
    
    .culture-courses.type3 > li .desktop {display: block;}
    .culture-courses.type3 > li .mobile {display: none;}
    
    .culture-courses.type3 > li:nth-child(1) {grid-column: 1 / span 2; flex-flow: row;}
    .culture-courses.type3 > li:nth-child(1) > img {width: 335px; height: 416px;}
    .culture-courses.type3 > li:nth-child(1) > div {padding: 60px 80px; width: calc(100% - 335px);}
    .culture-courses.type3 > li:nth-child(1) > div > i {right: auto; bottom: 100px; left: 80px;}
    .culture-courses.type3 > li:nth-child(2) {grid-column: 2; grid-row: 2;}
    .culture-courses.type3 > li:nth-child(3) {grid-column: 1; grid-row: 2; margin-top: 80px;}

    .culture-courses.type3 > li .desktop {display: none;}
    .culture-courses.type3 > li .mobile {display: block;}
}
@media screen and (max-width: 767px) {
    .culture-courses.type3 {grid-template-columns: repeat(1, 1fr);}
    
    .culture-courses.type3 > li > div {padding: 20px;}
    .culture-courses.type3 > li .ic-arrow-right-72 {bottom: initial; left: initial; top: 24px; right: 20px;}
    
    
    .culture-courses.type3 > li:nth-child(1) {grid-column: 1; flex-flow: column;}
    .culture-courses.type3 > li:nth-child(1) > img {width: 100%; height: initial;}
    .culture-courses.type3 > li:nth-child(1) > div {padding: 20px; width: 100%;}
    .culture-courses.type3 > li:nth-child(1) > div > i {bottom: initial; left: initial; top: 24px; right: 20px;}
    .culture-courses.type3 > li:nth-child(2) {grid-column: 1; grid-row: 2;}
    .culture-courses.type3 > li:nth-child(3) {grid-column: 1; grid-row: 3; margin-top: 0;}
}

.culture-class {padding: 160px 0; margin-top: 160px; margin-bottom: -100px; position: relative;}
.culture-class::before {content: ''; width: 100vw; min-width: 1200px; height: 100%; display: block; background-color: #F9F9FB; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1!important;}

@media screen and (max-width: 1023px) {
    .culture-class::before {min-width: 100%; margin-bottom: -60px;}
}
@media screen and (max-width: 767px) {
    .culture-class {padding: 100px 0; margin-top: 100px;} 
}

.culture-tit {display: flex; flex-flow: column; row-gap: 10px; align-items: initial; justify-content: initial; padding: 0; margin-bottom: 60px;}
.culture-tit > p {font-size: 20px; font-weight: 700; color: rgba(0,0,0,0.5);}
.culture-tit > h2 {font-size: 44px; font-weight: 700!important;}

@media screen and (max-width: 767px) {
    .culture-tit {row-gap: 4px; margin-bottom: 24px;}
    .culture-tit > p {font-size: 12px;}
    .culture-tit > h2 {font-size: 22px;}

    .curriculum-table {min-width: 840px;}
}

.recruit-summary {padding-top: 40px; border-top: 2px solid #000000; margin-bottom: 40px;}
.recruit-summary > li > * {display: inline-block!important; line-height: 1.6!important; font-size: 20px!important; font-weight: 500!important; word-break: keep-all;}
.recruit-summary > li > p {margin-left: 4px;}

@media screen and (max-width: 767px) {
    .recruit-summary {padding-top: 20px; margin-bottom: 20px;}
    .recruit-summary > li > * {font-size: 14px!important;}

    .recruit-table {min-width: 800px;}
}

.refund-wrap {display: flex; flex-flow: column; row-gap: 40px; padding-bottom: 40px; border-bottom: 1px solid #000000; margin-top: 60px;}
.refund-wrap > h3 {width: 100%; height: 56px; display: flex; align-items: center; justify-content: center; background-color: #000000; font-size: 20px; font-weight: 600; color: #fff;}
.refund-wrap > div {display: flex; flex-flow: column; row-gap: 20px;}
.refund-wrap > div > div {display: flex; flex-flow: column; row-gap: 10px;}
.refund-wrap > div > div + div {margin-top: 12px;}
.refund-wrap > div > div > p {font-size: 16px; font-weight: 700; line-height: 1.6;}
.refund-wrap > div > div > span {font-size: 16px; line-height: 1.6;}
.refund-wrap > div > p {font-size: 16px; font-weight: 600; color: #00C3A5;}

@media screen and (max-width: 767px) {
    .refund-wrap {row-gap: 32px; padding-bottom: 32px; margin-top: 40px;}
    .refund-wrap > h3 {height: 42px; font-size: 16px;}
    .refund-wrap > div {row-gap: 16px;}
    .refund-wrap > div > div {row-gap: 8px;}
    .refund-wrap > div > div + div {margin-top: 4px;}
    .refund-wrap > div > div > p {font-size: 14px;}
    .refund-wrap > div > div > span {font-size: 14px;}
    .refund-wrap > div > p {font-size: 14px;}
}

.culture-notice {padding: 160px 0; position: relative; margin-bottom: -100px}
.culture-notice::before {content: ''; width: 100vw; min-width: 1200px; height: 100%; display: block; background-image: url(/html/user/images/culture/culture-notice.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1!important;}

@media screen and (max-width: 1023px) {
    .culture-notice {margin-bottom: -60px;}
    .culture-notice::before {min-width: 100%;}
}
@media screen and (max-width: 767px) {
    .culture-notice {padding: 100px 0;}
    .culture-notice::before {background-image: url(/html/user/images/culture/culture-notice2.png);}
}

.culture-notice .culture-tit > p {color: rgba(255,255,255,0.5);}
.culture-notice .culture-tit > h2 {color: #fff;}

.culture-map {display: grid; grid-template-columns: repeat(2,1fr); align-items: center; column-gap: 12px; width: 100%;}
.culture-map > li {height: 100%; min-height: 300px; border-radius: 4px; overflow: hidden; position: relative; padding: 32px; display: flex; flex-flow: column; row-gap: 24px; background-color: rgba(255,255,255,0.1);}
.culture-map > li > img {width: 100%; height: 100%; position: absolute; top: 0; left: 0;} 
.culture-map > li > h3 {font-size: 24px; font-weight: 700; color: #fff;}
.culture-map > li > p {font-size: 16px; line-height: 1.6; color: #fff;}

@media screen and (max-width: 767px) {
    .culture-map {grid-template-columns: repeat(1,1fr); row-gap: 8px;}
    .culture-map > li {min-height: 170px; padding: 20px; row-gap: 20px;}
    .culture-map > li > img {height: initial;} 
    .culture-map > li > h3 {font-size: 16px;}
    .culture-map > li > p {font-size: 14px;}
}

.faq-list {display: flex; flex-flow: column; row-gap: 8px;}
.faq-list > li {padding: 20px; border-radius: 8px; background-color: rgba(255,255,255,0.1); display: flex; flex-flow: column; row-gap: 20px; position: relative; cursor: pointer;}
.faq-list > li > div:not(.answer) {position: relative; display: flex; align-items: center; justify-content: space-between;}
.faq-list > li > div > h3 {display: flex; column-gap: 12px; font-size: 16px; color: #fff; font-weight: 700; position: relative;}
.faq-list > li > div > h3::before {content: 'Q'; width: 32px; height: 32px; border-radius: 2px; display: flex; align-items: center; justify-content: center; background-color: #EEEEFF; font-size: 18px; font-weight: 500; color: #0000BE;}
.faq-list > li > div .ic-arrow-up-20 {width: 20px; height: 20px; background-image: url(/html/user/images/icon/icon-arrow-up-20.svg); transform: rotate(180deg);}
.faq-list > li .answer {display: none; column-gap: 12px;}
.faq-list > li .answer::before {content: 'A'; width: 32px; height: 32px; border-radius: 2px; display: flex; align-items: center; justify-content: center; background-color: #F0FFFD; font-size: 18px; font-weight: 500; color: #00C3A5;}
.faq-list > li .answer > p {flex: 1; font-size: 14px; color: #fff; position: relative;}

.faq-list > li.active > div .ic-arrow-up-20 {transform: rotate(0deg);}
.faq-list > li.active .answer {display: flex;}

@media screen and (max-width: 767px) {
    .faq-list > li {padding: 16px; row-gap: 16px;}
    .faq-list > li > div > h3 {column-gap: 8px; font-size: 14px;}
    .faq-list > li > div > h3::before {width: 24px; height: 24px; font-size: 14px;}
    .faq-list > li > div .ic-arrow-up-20 {width: 16px; height: 16px;}
    .faq-list > li .answer {column-gap: 8px;}
    .faq-list > li .answer::before {width: 24px; height: 24px; font-size: 14px;}
}

/* 
.culture-intro-wrap {width: 100vw; padding: 200px 0; background-image: url(/html/user/images/culture/culture-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.culture-intro {width: 100%; max-width: 1200px; margin: 0 auto;}
.culture-intro .title-img {margin: 0 auto; display: block;}
.culture-intro > div {margin: 160px 0;}
.culture-intro > div > h2 {font-size: 40px; font-weight: 700;}
.culture-intro > div > h3 {margin-top: 80px; font-size: 28px; font-weight: 700;}
.culture-intro > div > h3 + p {margin-top: 40px;}
.culture-intro > div > p {font-size: 24px; margin-top: 32px;} */

/* 문화학교 > 문화학교 소개 > 상세 */
.class-tit {display: flex; flex-flow: column; row-gap: 16px; margin-bottom: 60px;}
.class-tit > p {font-size: 20px; font-weight: 700; color: rgba(0,0,0,0.5);}
.class-tit > h2 {font-size: 48px; font-weight: 700!important;}

@media screen and (max-width: 767px) {
    .class-tit {row-gap: 8px; margin-bottom: 24px;}
    .class-tit > p {font-size: 12px;}
    .class-tit > h2 {font-size: 22px;}
}

.contents-wrap .class-table {table-layout: fixed;}
.contents-wrap .class-table td button {background-color: rgba(0,0,0,0.05); border: 0; padding: 0 24px; height: 40px; font-size: 16px; color: #000000;}

@media screen and (max-width: 1023px) {
    .contents-wrap .class-table td button {padding: 0 16px; height: 32px; font-size: 14px;}
}
@media screen and (max-width: 767px) {
    .contents-wrap .class-table {min-width: max-content; table-layout: initial;}
}

/* 문화학교 > 강의 계획안 */
.pop-cont.plan > * + * {margin-top: 48px;}
.pop-cont.plan h3 {display: flex; align-items: center; column-gap: 8px; font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.pop-cont.plan h3 > span {width: fit-content; height: 28px; padding: 0 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #F95656; border: 1px solid #F95656; border-radius: 30px;}

.class-summary > div {background-color: rgba(180,130,115,.05); border-radius: 4px; padding: 20px; display: flex; flex-flow: column; row-gap: 10px;}
.class-summary > div h4 {font-size: 16px; font-weight: 700; color: #B48273;}
.class-summary > div p {font-size: 14px; line-height: 1.6;}

.class-lecturer > div {display: flex; flex-flow: column; padding-left: 326px; position: relative;}
.class-lecturer > div img {width: 300px; height: 300px; border-radius: 4px; overflow: hidden; position: absolute; left: 0; top: 0;}
.class-lecturer > div p {width: fit-content!important; font-size: 14px!important; line-height: 1.4!important;}
.class-lecturer > div p:nth-child(1) {height: 0;}

.plan-wrap .table-scroll table:not(:nth-child(1)) {margin-top: 20px;}
.plan-wrap .table-scroll table tr > *:nth-child(1) {width: 120px!important;}
.plan-wrap .table-scroll table tr > *:nth-last-child(2) {width: 120px!important;}

@media screen and (max-width: 767px) {
    .pop-cont.plan > * + * {margin-top: 32px;}
    .pop-cont.plan h3 {flex-flow: column; align-items: initial; row-gap: 6px; font-size: 16px; margin-bottom: 16px;}
    .pop-cont.plan h3 > span {height: 20px; padding: 0 6px; font-size: 10px;}
    
    .class-summary > div {padding: 16px; row-gap: 6px;}
    .class-summary > div h4 {font-size: 13px;}
    .class-summary > div p {font-size: 12px;}
    
    .class-lecturer > div {padding-left: 0;}
    .class-lecturer > div img {width: 100%; height: initial; position: relative; margin-bottom: 20px;}
    .class-lecturer > div > ul {width: 100%; height: fit-content; row-gap: 16px;}
    
    .plan-wrap .table-scroll table:not(:nth-child(1)) {margin-top: 12px;}
    .plan-wrap .table-scroll table {min-width: 500px;}
}

/* 문화학교 > 교육신청 */
.filter {background-color: #f9f9fb; margin-bottom: 60px;}
.filter button {width: 100px; height: 48px; border-radius: 4px; font-size: 16px; font-weight: 500; color: #fff; background-color: #121212;}

@media screen and (max-width: 767px) {
    .filter {width: 100vw; margin: 0 -10px 20px;}
    .filter button {height: 40px; font-size: 14px;}
}

.filter.type1 .part {padding: 24px 24px 0; display: flex; flex-flow: column; row-gap: 12px;}
.filter.type1 .part > p {font-size: 16px; font-weight: 500;}
.filter.type1 .part > ul {display: flex; align-items: center; grid-gap: 12px; flex-wrap: wrap;}
.filter.type1 .part input[type="checkbox"] {display: none;}
.filter.type1 .part input[type="checkbox"] + label {width: fit-content; height: 48px; display: flex; align-items: center; justify-content: center; padding: 0 24px; font-size: 14px; font-weight: 500; border: 1px solid #121212; border-radius: 40px; cursor: pointer;}
.filter.type1 .part input[type="checkbox"] + label::before {content: none;}
.filter.type1 .part input[type="checkbox"]:checked + label {background-color: #121212; color: #fff;}

.filter.type1 .search {margin-top: 24px; padding: 24px; border-top: 1px solid #E3E5E9; display: flex; align-items: center; column-gap: 8px;}
.filter.type1 .search input {flex: 1;}

@media screen and (max-width: 767px) {
    .filter.type1 .part {padding: 20px 20px 0; row-gap: 10px;}
    .filter.type1 .part > p {font-size: 12px; font-weight: 500;}
    .filter.type1 .part > ul {flex-wrap: nowrap; width: 100vw; overflow-x: auto; grid-gap: 5px; padding: 0 20px; margin: 0 -20px;}
    .filter.type1 .part input[type="checkbox"] + label {height: 28px; padding: 0 10px; font-size: 12px; border-radius: 16px;}
    
    .filter.type1 .search {margin-top: 16px; padding: 16px; column-gap: 6px;}
    .filter.type1 .search button {width: 50px;}
}

.filter.type2 {padding: 24px; display: flex; align-items: flex-end; column-gap: 12px;}
.filter.type2 > li {display: flex; flex-flow: column; row-gap: 12px;}
.filter.type2 > li:nth-last-child(2) {flex: 1;}
.filter.type2 > li > p {font-size: 14px; font-weight: 500;}
.filter.type2 > li > select {width: 146px;}

@media screen and (max-width: 1023px) {
    .filter.type2 > li > select {width: fit-content;}
}
@media screen and (max-width: 767px) {
    .filter.type2 {padding: 20px; grid-gap: 16px 8px; display: grid; grid-template-columns: repeat(3, 1fr);}
    .filter.type2 > li {row-gap: 10px;}
    .filter.type2 > li:nth-last-child(2) {grid-column: 1 / span 2;}
    .filter.type2 > li > p {font-size: 12px;}
    .filter.type2 > li > select,
    .filter.type2 > li > button {width: 100%;}
}

.summary {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 24px;}
.summary > p {font-size: 14px; color: #747479;}
.summary > p > strong {color: #121212;}

@media screen and (max-width: 767px) {
    .summary {margin-bottom: 12px;}
}

.class-list {display: flex; flex-flow: column; row-gap: 16px;}
.class-list > li {border: 1px solid #D7D8DA; border-radius: 4px; padding: 32px;}
.class-list > li .info {display: flex; align-items: flex-end; justify-content: space-between; column-gap: 16px;}
.class-list > li .info > div {display: flex; flex-flow: column; row-gap: 28px;}
.class-list > li .info > div > ul {display: flex; align-items: center; column-gap: 6px;}
.class-list > li .info > div > ul > li {width: fit-content; height: 28px; padding: 0 12px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #0000BE; border: 1px solid #0000BE; border-radius: 40px}
.class-list > li .info > div > h2 {font-size: 24px; font-weight: 700; line-height: 1.6;}
.class-list > li .info > ul {display: flex; align-items: center; column-gap: 8px;}
.class-list > li .info > ul > li > button {width: 116px; height: 40px; font-size: 14px; font-weight: 500; border-radius: 4px; background-color: #0000BE; border: 1px solid #0000BE; color: #fff;}

.class-list > li .detail {display: grid; grid-template-columns: repeat(4, minmax(80px, auto)); grid-gap: 16px 60px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #E3E5E9;}
.class-list > li .detail > li {display: flex; align-items: center; column-gap: 8px; padding-right: 60px;}
.class-list > li .detail > li > h3 {font-size: 14px; color: #747479; width: 52px;}
.class-list > li .detail > li > p {font-size: 14px; font-weight: 500; flex: 1;}
.class-list > li .detail > li > p.font-red {font-weight: 700;}

.class-list > li .btn {display: none;}

@media screen and (max-width: 1023px) {
    .class-list > li .detail {grid-template-columns: repeat(2, 1fr); grid-gap: 8px 0; justify-content: space-between;}
    .class-list > li .detail > li {padding-right: 0;}
}
@media screen and (max-width: 767px) {
    .class-list {row-gap: 16px;}
    .class-list > li {padding: 16px; box-shadow: 2px 2px 8px 0px rgba(26, 26, 26, 0.05);}
    .class-list > li .info > div {row-gap: 12px;}
    .class-list > li .info > div > ul > li {height: 20px; padding: 0 10px; font-size: 10px; border-radius: 20px}
    .class-list > li .info > div > h2 {font-size: 14px; font-weight: 500;}
    .class-list > li .info > ul {display: none}
    
    .class-list > li .detail {grid-template-columns: repeat(1, 1fr);}
    .class-list > li .detail > li {column-gap: 10px;}
    .class-list > li .detail > li > h3 {font-size: 12px; width: 50px;}
    .class-list > li .detail > li > p {font-size: 12px; display: flex; align-items: center; justify-content: space-between;}
    .class-list > li .detail > li > p > a {text-decoration: underline; color: #0000BE;}
    
    .class-list > li .btn {margin-top: 16px; display: flex; align-items: center; column-gap: 8px;}
    .class-list > li .btn > li {width: calc((100% - 8px) / 2);}
    .class-list > li .btn > li:nth-child(1):nth-last-child(1) {width: 100%;}
    .class-list > li .btn button {width: 100%; height: 40px; font-size: 14px; font-weight: 500; border-radius: 4px; background-color: #0000BE; border: 1px solid #0000BE; color: #fff;}
}

.plan-wrap {display: flex; flex-flow: column; row-gap: 20px; margin-bottom: 48px;}
.plan-wrap .name {display: flex; align-items: center; column-gap: 8px;}
.plan-wrap .name > span {width: fit-content; height: 28px; display: flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid #F95656; border-radius: 40px; font-size: 14px; font-weight: 500; color: #F95656;}
.plan-wrap .name > h3 {font-size: 20px; font-weight: 700; line-height: 1.6;}
.plan-wrap .info {display: flex; align-items: center; column-gap: 12px;}
.plan-wrap .info .img {width: 300px; height: 300px; border-radius: 4px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.plan-wrap .info > ul {height: 300px; flex: 1; background-color: #F9F9FB; border-radius: 4px; padding: 24px; display: flex; flex-flow: column; justify-content: space-between;}
.plan-wrap .info > ul > li {display: flex; align-items: center; column-gap: 20px;}
.plan-wrap .info > ul > li > h4 {width: 55px; font-size: 14px; font-weight: 500; color: #747479;}
.plan-wrap .info > ul > li > p {flex: 1; font-size: 14px; font-weight: 500; word-break: keep-all;}

@media screen and (max-width: 767px) {
    .plan-wrap {row-gap: 16px; margin-bottom: 32px;}
    .plan-wrap .name {flex-flow: column; row-gap: 6px; align-items: initial;}
    .plan-wrap .name > span {height: 20px; padding: 0 10px; border-radius: 20px; font-size: 10px;}
    .plan-wrap .name > h3 {font-size: 16px;}
    .plan-wrap .info {flex-flow: column; row-gap: 6px;}
    .plan-wrap .info .img {width: 100%; height: 300px;}
    .plan-wrap .info > ul {width: 100%; height: fit-content; padding: 16px; row-gap: 8px;}
    .plan-wrap .info > ul > li {column-gap: 12px;}
    .plan-wrap .info > ul > li > h4 {width: 45px; font-size: 12px;}
    .plan-wrap .info > ul > li > p {font-size: 12px;}
}

.plan-detail {display: flex; flex-flow: column; row-gap: 20px; padding: 24px 0; border-top: 1px solid #121212; border-bottom: 1px solid #E3E5E9;}
.plan-detail > li {display: flex; column-gap: 20px;}
.plan-detail > li > h4 {width: 55px; font-size: 14px; font-weight: 700; color: #B48273;}
.plan-detail > li > p {font-size: 14px; line-height: 1.6;}

@media screen and (max-width: 767px) {
    .plan-detail {padding: 20px 0;}
    .plan-detail > li {column-gap: 12px;}
}

.class-apply {display: flex; flex-flow: column; row-gap: 12px;}
.class-apply + * {margin-top: 20px;}
.class-apply > div {background-color: #fff; border-radius: 4px; padding: 24px;}
.class-apply > div .sub-tit {margin-bottom: 20px;}
.class-apply > div .sub-tit > h3 {font-size: 18px;}
.class-apply > div .class-info {display: grid; grid-template-columns: repeat(3, minmax(80px, auto)); grid-gap: 16px 20px;}
.class-apply > div .class-info > li {padding-right: 20px; display: flex; align-items: center; column-gap: 20px;}
.class-apply > div .class-info > li > h4 {width: 55px; font-size: 14px; font-weight: 500; color: #747479;}
.class-apply > div .class-info > li > p {font-size: 14px; font-weight: 500;}

@media screen and (max-width: 767px) {
    .class-apply {row-gap: 8px;}
    .class-apply > div {padding: 16px;}
    .class-apply > div .sub-tit {margin-bottom: 16px;}
    .class-apply > div .sub-tit > h3 {font-size: 16px;}
    .class-apply > div .class-info {grid-template-columns: repeat(1, 1fr); grid-gap: 8px 0;}
    .class-apply > div .class-info > li {padding-right: 0; column-gap: 12px;}
    .class-apply > div .class-info > li > h4 {width: 45px; font-size: 12px;}
    .class-apply > div .class-info > li > p {font-size: 12px;}
}

.apply-info {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 16px 12px;}
.apply-info > li {display: flex; flex-flow: column; row-gap: 8px;}
.apply-info > li > div {display: flex; align-items: center; justify-content: space-between; column-gap: 10px;}
.apply-info > li > div > p {font-size: 12px; color: #F95656;}
.apply-info > li h4 {font-size: 12px; font-weight: 500;}
.apply-info > li select,
.apply-info > li input {width: 100%; height: 40px;}
.apply-info > li > p {height: 40px; display: flex; align-items: center; justify-content: flex-end; text-align: right; font-size: 16px; font-weight: 700;}
.apply-info + p {margin-top: 16px; font-size: 14px; color: #F95656;}

@media screen and (max-width: 767px) {
    .apply-info {grid-template-columns: repeat(1, 1fr);}
    .apply-info > li > div {flex-flow: column; row-gap: 2px; align-items: initial;}
    .apply-info > li > div > p {font-size: 12px; color: #F95656;}
    .apply-info > li > p {height: fit-content}    
    .apply-info + p {font-size: 12px;}
}

label[for="agree4"] {width: fit-content;}
label[for="agree4"] + a {font-size: 14px; font-weight: 500; text-decoration: underline; color: #747479;}

@media screen and (max-width: 767px) {
    label[for="agree4"] + a {line-height: 1.4; align-self: flex-start;}
}

.pay-way {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 8px;}
.pay-way > li input[type="radio"] {display: none;}
.pay-way > li input[type="radio"] + label {cursor: pointer;}
.pay-way > li input[type="radio"] + label::before {content: none;}
.pay-way > li input[type="radio"] + label > p {width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #E0E0E0; border-radius: 4px; font-size: 14px; font-weight: 500;}
.pay-way > li input[type="radio"]:checked + label > p {background-color: #121212; border-color: #121212; color: #ffffff;}


/* 마이페이지 > 나의 수강신청 내역 */
.my-tab {display: flex; align-items: center; border-bottom: 1px solid #E3E5E9; margin-bottom: 60px;}
.my-tab > li {width: calc(100% / 7); height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 500; color: #A1A1A5; position: relative; cursor: pointer;}
.my-tab > li.active {font-weight: 700; color: #B48273;}
.my-tab > li.active::before {content: ''; width: 100%; height: 2px; background-color: #B48273; position: absolute; left: 0; bottom: 0;}

@media screen and (max-width: 1023px) {
    .my-tab > li {font-size: 14px;}
}
@media screen and (max-width: 767px) {
    .my-tab {width: 100vw; margin: 0 -10px 24px; padding: 0 10px; overflow-x: auto; column-gap: 28px;}
    .my-tab > li {width: max-content; height: 44px; white-space: nowrap;}
}

.desktop {display: block;}
.mobile {display: none;}

.my-reg-table1 button {background-color: #0000BE; color: #ffffff;}

@media screen and (max-width: 767px) {
    .desktop {display: none;}
    .mobile {display: block;}

    .qr {padding: 20px; box-shadow: 2px 2px 8px 0px rgba(26, 26, 26, 0.05); display: flex; align-items: center; justify-content: center; border: 1px solid #D7D8DA; border-radius: 4px; margin-bottom: 16px;}
    .qr img {width: 120px; height: 120px;}
}

.qr-detail {display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 20px;}
.qr-detail img {width: 200px; height: 200px;}
.qr-detail > p {font-size: 14px; font-weight: 500; text-align: center;}

.pay-cancle-table td {text-align: left!important;}

button.new {position: relative;}
button.new::before {content: ''; width: 10px; height: 10px; border-radius: 100%; display: block; background-color: #F95656; position: absolute; top: -4px; left: -4px; z-index: 10;}

.pay-pop-open {font-weight: 700; text-decoration: underline;}

/* 마이페이지 > 나의 수료증 발급내역 */
.pop .pop-wrap.cert {width: 840px; border-radius: 0; position: relative; background-color: transparent;}
.pop .pop-wrap.cert .cert-btn {display: flex; align-items: center; justify-content: space-between; position: absolute; top: -52px;}
.pop .pop-wrap.cert .cert-btn button {width: 120px; height: 40px; border-radius: 4px; font-size: 14px;}
.pop .pop-wrap.cert .pop-cont {padding: 30px; background-color: #fff;}
.pop .pop-wrap.cert .pop-cont .cert-wrap {background-image: url(/html/user/images/my/certificate.png); background-repeat: repeat-y; background-size: 100%; background-position: center; position: relative;}
.pop .pop-wrap.cert .pop-cont .cert-wrap::before {content: ''; width: 100%; height: 110px; position: absolute; left: 0; top: 0; background-image: url(/html/user/images/my/certificate-top.png); background-repeat: no-repeat; background-size: 100%; background-position: top center;}
.pop .pop-wrap.cert .pop-cont .cert-wrap::after {content: ''; width: 100%; height: 110px; position: absolute; left: 0; bottom: 0; background-image: url(/html/user/images/my/certificate-bottom.png); background-repeat: no-repeat; background-size: 100%; background-position: bottom center;}
.pop .pop-wrap.cert .pop-cont .cert-wrap > div {width: 600px; margin: 0 auto; padding: 110px 0;}
.pop .pop-wrap.cert .pop-cont .cert-wrap > div > h2 {font-size: 48px; font-weight: 700; text-align: center;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info {margin-top: 80px; display: flex; flex-flow: column; row-gap: 4px;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li {display: flex; align-items: center; column-gap: 20px;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > h3 {width: 60px; font-size: 16px; font-weight: 700;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > p {flex: 1; font-size: 16px; font-weight: 500;}
.pop .pop-wrap.cert .pop-cont .cert-wrap > div > p {background-color: #F9F9FB; padding: 60px; margin-top: 60px; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.6; word-break: keep-all;}
.pop .pop-wrap.cert .pop-cont .cert-wrap > div > span {display: block; margin: 60px auto 0; text-align: center; font-size: 20px; font-weight: 700;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign {display: flex; align-items: center; justify-content: center; column-gap: 20px; padding-right: 60px; margin-top: 160px;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li {position: relative; display: flex; align-items: center;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > p {font-size: 24px; font-weight: 700; position: relative; z-index: 9;}
.pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > img {width: 80px; height: 80px; position: absolute; right: -60px; z-index: 1;}

.pop-wrap.cert {width: 840px; border-radius: 0; position: relative; background-color: transparent;}
.pop-wrap.cert .cert-btn {display: flex; align-items: center; justify-content: space-between; position: absolute; top: -52px;}
.pop-wrap.cert .cert-btn button {width: 120px; height: 40px; border-radius: 4px; font-size: 14px;}
.pop-wrap.cert .pop-cont {padding: 30px; background-color: #fff;}
.pop-wrap.cert .pop-cont .cert-wrap {background-image: url(/html/user/images/my/certificate.png); background-repeat: repeat-y; background-size: 100%; background-position: center; position: relative;}
.pop-wrap.cert .pop-cont .cert-wrap::before {content: ''; width: 100%; height: 110px; position: absolute; left: 0; top: 0; background-image: url(/html/user/images/my/certificate-top.png); background-repeat: no-repeat; background-size: 100%; background-position: top center;}
.pop-wrap.cert .pop-cont .cert-wrap::after {content: ''; width: 100%; height: 110px; position: absolute; left: 0; bottom: 0; background-image: url(/html/user/images/my/certificate-bottom.png); background-repeat: no-repeat; background-size: 100%; background-position: bottom center;}
.pop-wrap.cert .pop-cont .cert-wrap > div {width: 600px; margin: 0 auto; padding: 110px 0;}
.pop-wrap.cert .pop-cont .cert-wrap > div > h2 {font-size: 48px; font-weight: 700; text-align: center;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-info {margin-top: 80px; display: flex; flex-flow: column; row-gap: 4px;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-info > li {display: flex; align-items: center; column-gap: 20px;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > h3 {width: 60px; font-size: 16px; font-weight: 700;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > p {flex: 1; font-size: 16px; font-weight: 500;}
.pop-wrap.cert .pop-cont .cert-wrap > div > p {background-color: #F9F9FB; padding: 60px; margin-top: 60px; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.6; word-break: keep-all;}
.pop-wrap.cert .pop-cont .cert-wrap > div > span {display: block; margin: 60px auto 0; text-align: center; font-size: 20px; font-weight: 700;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-sign {display: flex; align-items: center; justify-content: center; column-gap: 20px; padding-right: 60px; margin-top: 160px;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li {position: relative; display: flex; align-items: center;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > p {font-size: 24px; font-weight: 700; position: relative; z-index: 9;}
.pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > img {width: 80px; height: 80px; position: absolute; right: -60px; z-index: 1;}

@media screen and (max-width: 1023px) {
    .pop .pop-wrap.cert {width: calc(100vw - 40px);}
}
@media screen and (max-width: 767px) {
    .pop .pop-wrap.cert .pop-cont {padding: 10px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap > div {width: calc(100% - 70px); padding: 40px 0;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap > div > h2 {font-size: 18px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info {margin-top: 30px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li {column-gap: 4px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > h3 {width: 45px; font-size: 12px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > p {font-size: 12px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap > div > p {padding: 20px; margin-top: 20px; font-size: 12px; display: flex; align-items: center; justify-content: center;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap > div > span {margin: 30px auto 0; font-size: 12px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign {flex-flow: column; row-gap: 6px; padding-right: 10px; margin-top: 30px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > p {font-size: 16px;}
    .pop .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > img {width: 30px; height: 30px; right: -10px;}
}

@media print {
    .pop-wrap.cert {width: 840px; border-radius: 0; position: relative; background-color: transparent;}
    .pop-wrap.cert .cert-btn {display: flex; align-items: center; justify-content: space-between; position: absolute; top: -52px;}
    .pop-wrap.cert .cert-btn button {width: 120px; height: 40px; border-radius: 4px; font-size: 14px;}
    .pop-wrap.cert .pop-cont {padding: 30px; background-color: #fff;}
    .pop-wrap.cert .pop-cont .cert-wrap {background-image: url(/html/user/images/my/certificate.png); background-repeat: repeat-y; background-size: 100%; background-position: center; position: relative;}
    .pop-wrap.cert .pop-cont .cert-wrap::before {content: ''; width: 100%; height: 110px; position: absolute; left: 0; top: 0; background-image: url(/html/user/images/my/certificate-top.png); background-repeat: no-repeat; background-size: 100%; background-position: top center;}
    .pop-wrap.cert .pop-cont .cert-wrap::after {content: ''; width: 100%; height: 110px; position: absolute; left: 0; bottom: 0; background-image: url(/html/user/images/my/certificate-bottom.png); background-repeat: no-repeat; background-size: 100%; background-position: bottom center;}
    .pop-wrap.cert .pop-cont .cert-wrap > div {width: 600px; margin: 0 auto; padding: 110px 0;}
    .pop-wrap.cert .pop-cont .cert-wrap > div > h2 {font-size: 48px; font-weight: 700; text-align: center;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-info {margin-top: 80px; display: flex; flex-flow: column; row-gap: 4px;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li {display: flex; align-items: center; column-gap: 20px;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > h3 {width: 60px; font-size: 16px; font-weight: 700;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-info > li > p {flex: 1; font-size: 16px; font-weight: 500;}
    .pop-wrap.cert .pop-cont .cert-wrap > div > p {background-color: #F9F9FB; padding: 60px; margin-top: 60px; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.6; word-break: keep-all;}
    .pop-wrap.cert .pop-cont .cert-wrap > div > span {display: block; margin: 60px auto 0; text-align: center; font-size: 20px; font-weight: 700;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-sign {display: flex; align-items: center; justify-content: center; column-gap: 20px; padding-right: 60px; margin-top: 160px;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li {position: relative; display: flex; align-items: center;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > p {font-size: 24px; font-weight: 700; position: relative; z-index: 9;}
    .pop-wrap.cert .pop-cont .cert-wrap .cert-sign > li > img {width: 80px; height: 80px; position: absolute; right: -60px; z-index: 1;}
}

/* 신규 강좌 안내 */
.culture-new {display: flex; flex-flow: column; row-gap: 140px;}
.culture-new > li {display: flex; align-items: flex-start;}
.culture-new > li > img {width: 560px; height: 600px;}
.culture-new > li > div {flex: 1; height: 600px; background-color: #F9F9FB; padding: 0 60px; display: flex; flex-flow: column; justify-content: center;}
.culture-new > li > div .label {width: fit-content; display: flex; align-items: center; justify-content: center; height: 28px; padding: 0 12px; border-radius: 100px; border: 1px solid #747479; font-size: 14px; font-weight: 500; margin-bottom: 12px; color: #747479;}
.culture-new > li > div > p {font-size: 44px; font-weight: 700;}
.culture-new > li > div > div {margin-top: 40px; display: flex; flex-flow: column;}
.culture-new > li > div > div > p {width: 426px; font-size: 20px; line-height: 1.6; font-weight: 700; word-break: keep-all; margin-bottom: 20px;}
.culture-new > li > div > div > span {width: 410px; font-size: 16px; line-height: 1.6; font-weight: 500; word-break: keep-all;}
.culture-new > li > div > div > span + span {margin-top: 16px;}
.culture-new > li > div > button {width: fit-content; height: 40px; padding: 0 16px; border-radius: 20px; border: 1px solid #121212; column-gap: 4px; font-size: 16px; font-weight: 500; margin-top: 48px;}
.ic-arrow-right-16 {width: 16px; height: 16px; background-image: url(/html/user/images/icon/ic-arrow-right-16.svg);}

@media screen and (max-width: 767px) {
    .culture-new {row-gap: 60px;}
    .culture-new > li {flex-flow: column;}
    .culture-new > li > img {width: 100%; height: auto; order: 1;}
    .culture-new > li > div {flex: initial; width: 100%; height: fit-content; padding: 36px 20px; order: 2;}
    .culture-new > li > div .label {margin-bottom: 8px;}
    .culture-new > li > div > p {font-size: 22px;}
    .culture-new > li > div > div {margin-top: 20px;}
    .culture-new > li > div > div > p {width: 100%; font-size: 14px;}
    .culture-new > li > div > div > span {width: 100%; font-size: 12px;}
    .culture-new > li > div > div > span + span {margin-top: 12px;}
    .culture-new > li > div > button {width: fit-content; height: 34px; padding: 0 12px; font-size: 14px; margin-top: 40px;}
    .ic-arrow-right-16 {width: 12px; height: 12px;}
}


/* 2025.01 */
body.popup-on { overflow: hidden;}
.newpopup-wrap { position: fixed;left: 0; top:0; right:0; bottom:0; z-index:5000; background: rgba(0,0,0,0.6);   display: none; border:0;}
.newpopup-box { display: table; width:100%; height: 100%; }
.newpopup-cont { display: table-cell; vertical-align: middle; padding:100px 20px; }
.newpopup-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.newpopup-head .h3-popup { font-size:20px; }
.newpopup-btns { display: flex; justify-content: flex-end; gap:1.2rem; margin-top:7rem; }
.new-popup { max-width:1200px; margin: 0 auto; position:relative; }
.new-popup .btn-close { position: absolute; right:0; top:-63px; width:43px; height: 43px; background: url(/html/user/images/icon/ico_modal_close.png) no-repeat 50% 50%;}

.lec-view {  background-color: #fff; padding: 25px 30px; padding-top:0; color:#000;  height: 80vh; overflow: auto;}
.lec-view::-webkit-scrollbar {width: 10px !important; height: 10px !important; background-color: #f2f2f2 !important;}
.lec-view::-webkit-scrollbar-thumb {background-color: #ccc !important;}
.lec-view::-webkit-scrollbar-track {background-color: transparent }

.lec-view .lec-title { display: flex; justify-content: space-between; gap:10px; padding-bottom: 20px; padding-top:25px; border-bottom: 4px solid #000; position: sticky; top:0; background-color: #fff; z-index:2;}
.lec-view .lec-title:before {content: ''; position: absolute; left:-5px; right:-5px; bottom:0; height: 100%; background-color: #fff; z-index:-1;}
.lec-view .lec-title h2 small { display: block; font-size:20px; font-weight:500; }
.lec-view .lec-title h2 strong { display: block; font-size:28px; font-weight:700; }
.lec-view .lec-title .btns { padding-top:10px;}
.lec-view .lec-title .btns .btn-go { width:120px; height: 50px; background-color: #000; font-size:17px; color:#fff; font-weight:500;}
.lec-view .lec-title .btns .btn-go:disabled {border-color: #D7D8DA!important; background-color: #D7D8DA!important; color: #ffffff!important; cursor: default;}
.lec-scroll { padding-top:35px; }



.lec-description { padding-bottom: 35px; border-bottom: 2px solid #000; font-size:16px; line-height: 1.6;  margin-bottom: 35px; padding-right:20px;}
.lec-h3 { font-size:21px; font-weight:700 !important; margin-bottom: 15px; ;}
.lec-h3 span { font-size:17px; color:#ff667f; margin-left: 14px; font-weight:400;}
.lectist .info { display: flex; gap:35px; padding-bottom: 40px; border-bottom: 2px solid #000; margin-bottom: 35px; }
.lectist .info .photo { flex:0 0 285px; }
.lectist .info .lechis { }
.lectist .info .lechis h4 { font-size:17px; font-weight:700; margin-bottom: 3px;; }
.lectist .info .lechis ul li { font-size:16px; line-height: 1.4; margin-bottom: 5px;}
.lectist .info .lechis ul + h4 { margin-top:20px; }

.lec-summary { display: flex; gap:30px; font-size:16px; line-height: 1.7; padding-bottom: 35px; border-bottom: 2px solid #000; margin-bottom: 35px;}
.lec-summary > div { flex:1; }
.lec-summary h4 { font-size:17px; font-weight:700 !important; margin-top:30px; }
.lec-summary h4:first-child { margin-top:0;}
.lec-summary .types {  }
.lec-summary .types span:after { content: '|'; display: inline; font-size:16px; color:#999999; margin:0 3px;}
.lec-summary .types span:last-child:after { display: none;}

.lec-plan { border-bottom: 2px solid #000; font-size:16px; line-height: 1.6;}

.lec-plan .item dl { padding: 15px 20px; background-color: #dddddd; border-top:2px solid #000; display: flex; position: relative; padding-right: 40px;}
.lec-plan .item dl dt { font-size:17px; font-weight:700; width:315px; flex:0 0 315px; }

.lec-plan .item .btn-flip { position: absolute; left:0; top:0; height: 100%; right:0; }
.lec-plan .item .btn-flip:after {content:''; position: absolute; right:20px; top:20px;border-style: solid;    border-width: 0px 8px 8px 8px;    border-color: transparent transparent #000 transparent; transition:all 0.3s ease; transform:rotate(180deg);}
.lec-plan .item dl dd div + div { margin-top:2px; }
.lec-plan .item dl dd h4 { display: inline; font-weight:500; margin-right:8px;;}
.lec-plan .item dl dd p { display: inline;}
.lec-plan .item .detail { display: none; border-top:2px solid #000}
.lec-plan .item ul li {  padding:10px 20px; border-bottom: 1px solid #000; display: flex;  }
.lec-plan .item ul li .n1 { width:85px; flex:0 0 85px; font-weight:600; }
.lec-plan .item ul li .n2-box { display: flex; flex:1;  }
.lec-plan .item ul li .n2 { width:240px; flex:0 0 240px; }
.lec-plan .item ul li .n3 { flex:1;}
.lec-plan .item ul li:last-child{ border-bottom: 0;}
.lec-plan .item.active .btn-flip:after {transform: rotate(0);}

.contents-wrap .title + .new-filter { margin-top:-40px;}
.new-filter { border:1px solid #000; margin-bottom: 70px;}
.new-filter .sorts { padding:35px 30px; background-color: #f9f9fb;}
.new-filter .sorts .part + .part { margin-top:25px; }
.new-filter .sorts .part > p { font-size:16px; font-weight:500; margin-bottom: 10px; ;}
.new-filter .sorts .part ul { display: flex; flex-wrap: wrap; gap:20px; }
.new-filter .sorts .part ul li .checkbox-filter { position: absolute; display: none;}
.new-filter .sorts .part ul li .checkbox-filter + p { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 38px; height: 40px; padding:0 20px; min-width:100px; border:1px solid #000; font-size:17px; color:#000;  text-align: center;}
.new-filter .sorts .part ul li .checkbox-filter:checked + p { background-color: #000; color:#fff;}
.new-filter .search { border-top:1px solid #000; display: flex;  }
.new-filter .search h2 { font-size:16px; font-weight:500; margin-left: 30px; flex:0 0 120px; height: 58px; line-height: 58px; }
.new-filter .search .inp-srch { width:100%; border:0; font-size:16px; height: 58px; outline:none; color:#000;  background: none;}
.new-filter .search .inp-srch::placeholder { color:#999; }
.new-filter .search .btns { display: flex;}
.new-filter .search button { width:200px; height: 58px; font-size:17px;color:#000; }
.new-filter .search .btn-reset:hover { background-color: #000; color:#fff;}
.new-filter .search .btn-srch { background-color: #000; color:#fff; gap:14px;}
.new-filter .search .btn-srch:before {content: ''; display: inline-block; vertical-align: middle; width:23px; height: 23px; background:url(../images/icon/ico_list_srch.png) no-repeat 0 0;}

.sort-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.sort-head .nsort { display: flex; }
.sort-head .nsort button { width:150px; height: 44px; line-height: 42px; border:1px solid #000; font-size:16px;font-weight:500; color:#000; }
.sort-head .nsort button.active { background-color: #000; color:#fff;;}
.sort-head .nsort button i { display: inline-block; vertical-align: middle; width:19px; height: 17px; margin:-2px 8px 0 0; background-repeat: no-repeat; background-position: 50% 50%;}
.sort-head .nsort button .ico-sort1 { background-image: url(../images/icon/ico_list_sort1.png);}
.sort-head .nsort button .ico-sort2 { background-image: url(../images/icon/ico_list_sort2.png);}
.sort-head .nsort button.active .ico-sort1 { background-image: url(../images/icon/ico_list_sort1_on.png);}
.sort-head .nsort button.active .ico-sort2 { background-image: url(../images/icon/ico_list_sort2_on.png);}
.sort-head .result { font-size:16px; font-weight:500; }

.lecture-list ul { display: flex; flex-wrap: wrap; gap:80px 0; margin:0 -10px;  }
.lecture-list ul li { width:25%; padding:0 10px; }
.lecture-list ul li .item .img img { width:100%; }
.lecture-list ul li .item .t1 { margin-top:15px; font-size:18px; font-weight:600; }
.lecture-list ul li .item .t2 { margin-bottom: 11px; font-size:24px; font-weight:700; }
.lecture-list ul li .item .t3 { font-size:0; }
.lecture-list ul li .item .t3 p { display: inline-block; vertical-align: middle; font-size:17px;  }
.lecture-list ul li .item .t3 p:after { content: '|'; display: inline; margin:0 6px; color:#999999;}
.lecture-list ul li .item .t3 p:last-child:after { display: none;}
.lecture-list ul li .item .btns { display: flex; gap:20px; margin-top:15px;}
.lecture-list ul li .item .btns button { width:100px; height: 40px; border:1px solid #000; font-size:16px; color:#000;}
.lecture-list ul li .item .btns button:hover { background-color: #000; color:#fff;}

.lecture-table table { width:100%; border-collapse: collapse; border-top:1px solid #000; }
.lecture-table table:before { display: none !important;}
.lecture-table table th { height: 40px !important; font-size:16px !important; font-weight:600 !important; text-align: left !important; border:0 !important; border-bottom: 1px solid #000 !important;  background: none  !important; padding:0 !important; position: relative;}
.lecture-table table td { padding: 20px 0 !important; text-align: left !important; font-size:16px !important; border:0 !important; border-bottom: 1px solid #000 !important; position: relative;}
.lecture-table table th:before {content: ''; position: absolute; left:-10px; top:-2px; bottom:-2px; width:10px; background-color: #fff; }
.lecture-table table td:before {content: ''; position: absolute; left:-10px; top:-2px; bottom:-2px; width:10px; background-color: #fff; }
.lecture-table table td .t1 { font-weight:600;}
.lecture-table table td .t2 {font-size:22px; font-weight:700;}
.lecture-table table td .ps { font-size:0;}
.lecture-table table td .ps p { display: inline-block; vertical-align: middle; font-size:16px; }
.lecture-table table td .ps p:after { content: '|'; display: inline; margin:0 6px; color:#999999;}
.lecture-table table td .ps p:last-of-type:after { display: none;}
.lecture-table table td .ps em { display: block; font-size:16px; font-style: normal;}
.lecture-table table td button { width:60px; height: 50px; border:1px solid #000; border-radius:0; font-size:15px; margin:0; line-height: 1.2; color:#000; }
.lecture-table table td button:hover { background-color: #000; color:#fff;}
.lecture-table table td { width:120px; }
.lecture-table table td:nth-child(1) { width:auto; }
.lecture-table table td:nth-child(2) { width:140px; }
.lecture-table table td:nth-child(3) { width:190px; }
.lecture-table table td:last-child { width:140px; }
.lecture-table table td .btns { display: flex; gap:20px; }
.lecture-table table tr.disabled { color:#999}
.lecture-table table tr button:disabled { background: #fff !important; border:1px solid #999 !important; color:#999 !important; }
.new-bannertop p { height: 500px; background: url(../images/newculture/overview_top.gif) no-repeat 50% 0; position: relative; z-index:2;}
.new-bannertop { position: relative; margin-bottom: 60px;}
.new-bannertop:before {content: ''; width: 100vw; min-width: 1200px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1!important; background-color: #606067;;}

.new-school h2 { text-align: center; margin-bottom: 40px; }
.new-school h2 p { display: inline-block; vertical-align: middle; font-size:24px; font-weight:700; color:#ff667f; padding: 13px 40px; position: relative;}
.new-school h2 p:before {content: ''; position: absolute; left:0; top:0; width:22px; height: 22px; border-left: 7px solid #ff667f; border-top:7px solid #ff667f;}
.new-school h2 p:after {content: ''; position: absolute; right:0; bottom:0; width:22px; height: 22px; border-bottom: 7px solid #ff667f; border-right:7px solid #ff667f;}
.new-school h3 { text-align: center; margin-bottom: 30px;}
.new-school h3 p { display: inline-block; vertical-align: middle; width:246px; height: 50px; line-height: 49px; background-color: #000; font-size:18px; font-weight:600; color:#fff; position: relative;}
.new-school h3 p:before{ content: ''; position: absolute; left:50%; bottom:-9px; margin-left: -10px; width: 0;      height: 0;      border-style: solid;    border-width: 9px 9.5px 0px 9.5px;    border-color: #000 transparent transparent transparent;}
.new-school .intros  {  margin:0 auto 70px;}
.new-school .intros ul { display: flex; justify-content: space-between; gap:30px; margin-bottom: 45px; }
.new-school .intros ul li { flex:1; }
.new-school .intros ul li img { width:100%; }
.new-school .intros dl { display: flex; justify-content: center; margin-bottom: 25px;}
.new-school .intros dl dd { display: flex; justify-content: center; gap:30px; width:400px; margin:0 auto;  }
.new-school .intros dl dd h3  { text-align: left; flex:0 160px; text-align: right; line-height: 1; margin-bottom: 0;}
.new-school .intros dl dd h3 small { display: block; font-size:16px; font-weight:600; color:#ff667f; margin-bottom: 4px; padding-top:2px; letter-spacing: 0;}
.new-school .intros dl dd h3 strong { font-size:26px; color:#000; font-weight:800; }
.new-school .intros dl dd p { font-size:16px; line-height: 1.6; flex:1; }
.new-date1 { text-align: center; margin-bottom: 40px;;}
.new-date1 dl,
.new-date1 dt,
.new-date1 dd { display: inline; }
.new-date1 dl { display: block; font-size:18px; color:#000; font-weight:600; margin-bottom: 4px;}
.new-date1 dl dt { margin-right:4px; color:#ff667f; }
.new-date1 div dl + dl { margin-top:15px; }
.new-date1 div dl dt { display: block; margin-bottom: 4px;}


.new-inner { max-width:930px; margin:0 auto; }
.new-table1 table { width:100%; border-collapse: collapse; border-top:1px solid #000; }
.new-table1 table:before { display: none !important;}
.new-table1 table th { padding: 15px 0 !important; font-size:16px !important; vertical-align: top !important; font-weight:700 !important; text-align: left !important; border:0 !important; border-bottom: 1px solid #000 !important;  background: none  !important; position: relative;}
.new-table1 table td { padding: 15px 0 !important; text-align: left !important;vertical-align: top !important;  font-size:16px !important; border:0 !important; border-bottom: 1px solid #000 !important; position: relative;}
.new-table1 table th:before {content: ''; position: absolute; left:-10px; top:-2px; bottom:-2px; width:10px; background-color: #fff; }
.new-table1 table td:before {content: ''; position: absolute; left:-10px; top:-2px; bottom:-2px; width:10px; background-color: #fff; }
.new-table1 table .tit1 { font-weight:500; font-size:16px; }
.new-table1 table .tit1 strong { display: block; font-size:22px; font-weight:700;}

.new-table2 table { width:100%; border-collapse: collapse; border-top:1px solid #000; }
.new-table2 table:before { display: none !important;}
.new-table2 table th { padding: 15px 0 !important; font-size:16px !important; vertical-align: top !important; font-weight:400 !important; text-align: left !important; border:0 !important; border-bottom: 1px solid #000 !important;  background: none  !important; position: relative;}
.new-table2 table th strong { display: block; font-weight:800 !important; font-size:18px;}
.new-table2 table td { padding: 15px 0 !important; text-align: left !important;vertical-align: top !important;  font-size:16px !important; border:0 !important; border-bottom: 1px solid #000 !important; position: relative;}
.new-table2 table th:before {content: ''; position: absolute; left:-10px; top:-2px; bottom:-2px; width:10px; background-color: #fff; }
.new-table2 table td:before {content: ''; position: absolute; left:-10px; top:-2px; bottom:-2px; width:10px; background-color: #fff; }
.new-table2 table p { padding-left: 10px; text-indent: -10px;}
.new-desc { text-align: center; margin:15px 0 50px; color:#666666; font-size:16px;}
.new-map { display: flex; gap:43px; }
.new-map .maps { flex:0 0 43.5%; }
.new-map .info { font-size:16px; line-height: 1.6;}
.new-map .info div + div{  margin-top:10px}
.new-map .info .green { color:#02941d !important}
.new-map .info .blue { color:#1025bf !important}
.new-map .info p { padding-left: 10px; text-indent: -10px;}


.mb50 { margin-bottom: 50px;}

@media screen and (max-width: 1023px) {
    .new-popup .btn-close { background-size: 30px auto;}
    .lec-view { padding:15px 25px; }
    .lec-view .lec-title { padding-bottom: 25px ;;}
    .lec-view .lec-title h2 small { font-size:17px;}
    .lec-view .lec-title h2 strong { font-size:24px; }
    .lec-description { font-size:15px; margin-bottom: 25px; padding-bottom: 25px;}
    .lec-scroll { padding-top:25px}
    .lec-h3 { font-size:19px; }
    .lec-h3 span { font-size:15px;}
    .lectist .info { padding-bottom: 25px; margin-bottom: 25px; gap:25px;}
    .lectist .info .photo { flex:0 0 220px; }
    .lectist .info .lechis h4 { font-size:16px; }
    .lectist .info .lechis ul li { font-size:15px; }
    .lec-summary { font-size:15px; padding-bottom: 25px; margin-bottom: 25px;}
    .lec-plan { font-size:15px; }
    .lec-plan .item dl dt { font-size:16px; width:250px;}
    .lec-plan .item ul li .n2 { width:185px; flex:0 0 185px;}
    .lec-plan .item ul li .n3 { flex:1; }

    .contents-wrap .title + .new-filter { margin-top:-70px; }
    .new-filter .sorts .part ul { gap:10px; }
    .new-filter .sorts .part ul li .checkbox-filter + p { min-width:80px; font-size:16px;}
    .new-filter .search button { width: 120px; }
    .lecture-list ul li { width:33.33333%; }
    .lecture-table table td { width:auto !important; font-size:15px !important; padding: 14px 0 !important; }
    .lecture-table table td .btns { gap:10px;}
    .lecture-table table td:last-child { width:110px !important; }
    .lecture-table table td button { width:50px; height: 45px; font-size:14px;}
    .lecture-table table td .t2 { font-size:18px; }

    
}


@media screen and (max-width: 767px) {
    .lec-view .lec-title { display: block; padding-top:15px; }
    .lec-view::-webkit-scrollbar { display: none;}
    .lec-view .lec-title .btns .btn-go { width:90px; height: 38px; font-size:16px;}
    .lec-view { padding:10px 15px; padding-top:0;}
    .newpopup-cont { padding:50px 20px;}
    .lec-scroll::-webkit-scrollbar { display: none;}
    .lec-plan .item dl { padding:10px; display: block;}
    .lec-plan .item dl dt { width:auto; margin-bottom: 4px; }
    .lec-plan .item ul li { padding:10px; }
    .lec-plan .item ul li .n2-box { display: block;}
    .lec-plan .item ul li .n2 { width:auto}
    .lectist .info { display: block;}
    .lectist .info .photo {margin-bottom: 20px;}
    .lectist .info .photo img { max-width:80%;}
    .lec-summary { display: block;}
    .lec-summary > div + div { margin-top:30px; }
    .new-popup .btn-close { top:-40px; width:40px; height: 40px; background-size: 20px auto; background-position: right 50%;}

    .contents-wrap .title + .new-filter { margin-top:0}
    .new-filter { margin-bottom: 40px;}
    .new-filter .sorts { padding:10px; }
    .new-filter .sorts .part > p { font-size:15px; }
    .new-filter .sorts .part ul li .checkbox-filter + p { font-size:14px; min-width:inherit; height: 32px; line-height: 30px; padding:0 12px; }
    .new-filter .search { flex-wrap: wrap;}
    .new-filter .search h2 { width:auto; flex:0 0 90px; font-size:15px; margin-left: 10px; }
    .new-filter .search .inp-srch { width:0; flex:1; font-size:15px; }
    .new-filter .search .btns { width:100%;border-top:1px solid #000; }
    .new-filter .search .btns button { width:100%; font-size:16px; height: 45px; }
    .new-filter .search .btn-srch:before { width:19px; height: 19px; background-size: contain;}
    .sort-head { display: block; margin-bottom: 30px;;}
    .sort-head .nsort button { width:100%; font-size:15px; }
    .sort-head .result { font-size:15px;padding-top:10px; }
    .lecture-list ul { margin:0 -8px; gap:40px 0; }
    .lecture-list ul li { width:50%; padding:0 8px;}
    .lecture-list ul li .item .t1 { font-size:14px; margin-top:10px; }
    .lecture-list ul li .item .t2 { font-size:19px; margin-bottom: 7px;; }
    .lecture-list ul li .item .t3 p { font-size:14px; }
    .lecture-list ul li .item .t3 p:after { margin:0 3px;}
    .lecture-list ul li .item .btns { margin-top:10px; gap:6px; }
    .lecture-list ul li .item .btns button { width:100%; height: 36px; font-size:15px; ;}

    .lecture-table table { display: block;}
    .lecture-table table thead { display: none;}
    .lecture-table table tbody,
    .lecture-table table tbody tr,
    .lecture-table table tbody td { display: block; border:0 !important; padding:0 !important; height: auto !important; }
    .lecture-table table tbody tr{ border-bottom: 1px solid #000 !important; position: relative; padding:12px 0 !important;}
    .lecture-table table td:nth-child(3) p { display: inline; margin-right:4px;;}
    .lecture-table table td:nth-child(5) { display: inline-block; vertical-align: middle;}
    .lecture-table table td:nth-child(6) { display: inline-block; vertical-align: middle;}
    .lecture-table table td:nth-child(6):before { content: '|'; display: inline !important; margin:0 6px; color:#999999; position: static; background: none;}
    .lecture-table table td:before { display: none !important;}
    .lecture-table table td .ps em { display: inline-block; vertical-align: middle;}
    .lecture-table table td .ps em:before { content: '|'; display: inline; margin:0 6px; color:#999999;}
    .lecture-table table td:last-child{ position: static;}
    .lecture-table table td .btns { position: absolute; right:0; top:12px; flex-direction: column;}


    .new-bannertop { margin-bottom: 60px;}
    .new-bannertop p { height: 300px; background-size: auto 300px;}
    .new-school h2 { margin-bottom: 30px;}
    .new-school h2 p { padding:10px 35px; font-size:20px; }
    .new-school h2 p:before,
    .new-school h2 p:after { width:18px; height: 18px; border-width:5px;}
    .new-school h3 p { width:180px; height: 44px; line-height: 43px; font-size:16px; ;}
    .new-school .intros { margin-bottom: 45px; }
    .new-school .intros ul { gap:16px; display: block; max-width:75vw; margin:0 auto 30px; }
    .new-school .intros ul li + li { margin-top:15px;}
    .new-school .intros dl { display: block; margin-bottom: 15px !important; }
    .new-school .intros dl dd { display: block; text-align: center; width:auto; }
    .new-school .intros dl dd h3 { text-align: center !important; margin-bottom: 12px;}
    .new-school .intros dl dd h3 small { font-size:20px; margin-bottom: 6px;}
    .new-school .intros dl dd h3 strong { font-size:25px; }
    .new-school .intros dl dd p { font-size:14px; }
    .new-school .intros dl:nth-child(2) { margin:0}

    .new-date1 dl { font-size:16px; }
    .new-date1 div dl dd br { display: none;}
    .new-date1 div dl span { display: block; margin-bottom: 5px;}


    .new-table1 table { display: block;}
    .new-table1 table thead { display: none;}
    .new-table1 table tbody,
    .new-table1 table tbody tr,
    .new-table1 table tbody td,
    .new-table1 table tbody th { display: block; border:0 !important; padding:0 !important; height: auto !important; font-size:14px !important; }
    .new-table1 table tbody tr{ border-bottom: 1px solid #000 !important; position: relative; padding:0 0 12px !important;}
    .new-table1 table tbody th { padding:10px !important; background-color: #000 !important; color:#fff; }
    .new-table1 table tbody td:first-of-type { padding-top:10px !important; }
    .new-table1 table .tit1 { font-size:14px  !important}
    .new-table1 table .tit1 strong { font-size:18px !important}

    .new-table2 table { display: block;}
    .new-table2 table thead { display: none;}
    .new-table2 table tbody,
    .new-table2 table tbody tr,
    .new-table2 table tbody td,
    .new-table2 table tbody th { display: block; border:0 !important; padding:0 !important; height: auto !important; font-size:14px !important;  }
    .new-table2 table tbody tr{ border-bottom: 1px solid #000 !important; position: relative; padding: 12px 0 !important;}
    .new-table2 table th strong { font-size:16px !important}

    .new-map { display: block;}
    .new-map .maps { margin-bottom: 15px;}
    .new-map .pc { display: none;}
    .new-map .info { font-size:14px }
    .new-desc { font-size:14px; }
    


}

.agreeButton {
    background:#000;
    color:#fff;
    padding: 20px;
    width: 100%;
    border: 1px;
    border-radius: 8px;
}