@charset "utf-8";
*{margin: 0; padding: 0;}
a{text-decoration: none; color: #3d1809;}
ul li{list-style: none; }


.banner.gray{background-image: url(../image/main/banner1.png);}
.banner.price{background-image: url(../image/price/banner-price.png);}
.banner.academy{background-image: url(../image/academy/banner-academy.png);}
.banner.membership{background-image: url(../image/price/banner-membership.png);}
.banner.community{background-image: url(../image/academy/banner-community.png);}


.banner{width: 100%; height: 500px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner span{position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.banner h1{font-size: 40px; color: #3d1809;}
.banner h2{font-size: 17px; color: #3d1809; font-family: "NanumSqure"; padding-bottom: 30px;}
.spin{animation: spin 10s infinite linear;}
@keyframes spin {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.sub-nav{width: 100%; margin-top: 50px;}
.sub-nav p{display: inline; font-size: 17px; font-weight: bold; margin-right: 1.5%;}
.sub-nav ul{display: inline;}
.sub-nav ul li{display: inline-block; font-size: 16px; padding: 0 10px;  transition: 0.25s; position: relative; letter-spacing: -0.6px;}
.sub-nav ul li:nth-child(1)::before{content: ""; position: absolute; width: 3px; height: 90%; background-color: #3d1809; left: -8%; top: 50%; transform: translateY(-50%);}
.sub-nav ul li:not(:last-child):after{position: absolute; content: ""; width: 1px; height: 80%; background-color: #3d1809; right: -3%; top: 50%; transform: translateY(-50%);}
.sub-nav ul li:hover,
.sub-nav ul li.on{font-weight: bold;}

/* 그레이 소개 */
.brand-ex{width: 100%; padding: 150px 0;}
.brand-ex .ex-img{width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.brand-ex .ex-img img{width: 37%;}
.brand-ex .ex-img h3{font-size: 20px; font-weight: bold; width: 63%; font-family: "NanumSqure"; text-align: center;}
.brand-ex .ex-txt{margin: 50px 0; text-align: center;}
.brand-ex .ex-txt img{width: 5%;}
.brand-ex .ex-txt span{display: block; padding: 30px 0; font-size: 25px; font-weight: bold;}
.brand-ex .ex-txt p{font-size: 17px; line-height: 29px; }

/* 그레이 선택이유 */
.gr-choose{width: 100%; padding: 150px 0; display: flex; flex-direction: column;}
.gr-choose .ch-content{display: flex; position: relative;}
.gr-choose .ch-content:not(:first-child){padding-top: 100px;}
.gr-choose .ch-content:not(:last-child){padding-bottom: 100px;}
.gr-choose .ch-content:nth-child(2n){flex-direction: row-reverse;}
.gr-choose .ch-content:nth-child(odd) .ch-img{margin-right: 2%;}
.gr-choose .ch-content:nth-child(even){background-color: #fafafa;}
.gr-choose .ch-content:nth-child(even) .ch-txt{text-align: right; margin-right: 2%;}
/* .gr-choose .ch-content .ch-img{width: 32.4%;} */
/* .gr-choose .ch-content .ch-img img{width: 100%;} */
.gr-choose .ch-content .ch-txt h3{display: inline-block; font-size: 50px; padding-right: 2%;}
.gr-choose .ch-content .ch-txt > span{font-size: 30px; font-weight: bold;}
.gr-choose .ch-content .ch-txt p{font-size: 17px; line-height: 28px; letter-spacing: -0.6px; word-break: keep-all;}
.gr-choose .ch-content .ch-txt p span{font-weight: bold;}
.gr-choose .ch-content .ch-txt a{display: inline-block; width: 100%; font-size: 17px; font-weight: bold; padding-top: 10px; transition: 0.25s;}
.gr-choose .ch-content .ch-txt a:hover{color: #8b8b8b;}

/* 그레이왁싱 가치 */
.gr-intro{width: 100%; padding: 150px 0; text-align: center;}
.gr-intro h3{font-size: 40px; padding: 0 20px;}
.gr-intro span{font-size: 24px; font-weight: bold; display: block; padding: 0 20px;}
.gr-intro p{padding: 60px 0 100px; font-size: 17px; line-height: 29px;}
.gr-intro .intro-img{width: 37%; margin: 0 auto;}
.gr-intro .intro-img img{width: 100%;}




@media screen and (min-width : 1201px) and (max-width : 1420px) {
    .sub-nav{padding: 0 20px;}

    /* 그레이 소개 */
    /* .brand-ex .ex-img{width: 100%;} */
    .brand-ex .ex-txt span{font-size: 22px;}
    
    /* 그레이 선택이유 */
    .gr-choose .ch-content .ch-txt h3{font-size: 38px;}
    .gr-choose .ch-content .ch-txt > span{font-size: 25px;}
    
    /* 그레이왁싱 가치 */
    .gr-intro h3{font-size: 38px;}
    .gr-intro span{font-size: 22px;}
    .gr-intro p{padding: 50px 0 100px;}
    .gr-intro .intro-img{width: 50%;}
}

@media screen and (min-width : 769px) and (max-width : 1200px) {
    .banner h1{font-size: 35px;}
    .banner h2{font-size: 17px;}

    .sub-nav{padding: 0 20px;}
    .sub-nav p{font-size: 16px;}
    .sub-nav ul li{font-size: 15px; padding: 0 8px;}
    .sub-nav ul li:not(:last-child):after{right: -2.5%;}

    /* 그레이 소개 */
    .brand-ex .ex-img{width: 100%;}
    .brand-ex .ex-img img{width: 100%;}
    .brand-ex .ex-img h3{font-size: 18px; width: 100%; padding-top: 60px;}
    .brand-ex .ex-txt{padding: 60px 0; margin: 0;}
    .brand-ex .ex-txt span{font-size: 20px;}
    
    /* 그레이 선택이유 */
    .gr-choose .ch-content{flex-direction: column;}
    .gr-choose .ch-content:nth-child(2n){flex-direction: column}
    .gr-choose .ch-content .ch-img{width: 100%;}
    .gr-choose .ch-content .ch-img img{width: 100%;}
    .gr-choose .ch-content .ch-txt{padding: 20px 20px 0 20px;}
    .gr-choose .ch-content .ch-txt h3{font-size: 45px;}
    .gr-choose .ch-content .ch-txt > span{font-size: 25px;}
    
    /* 그레이왁싱 가치 */
    .gr-intro h3{font-size: 35px;}
    .gr-intro span{font-size: 20px;}
    .gr-intro p{padding: 50px 20px 100px; word-break: keep-all;}
    .gr-intro .intro-img{width: 100%;}
}

@media screen and (max-width : 768px) {
    br.none{display: none;}
    .banner h1{font-size: 35px; line-height: 37px;}
    .banner h2{font-size: 16px; word-break: keep-all; padding-top: 10px;}

	.sub-nav .inner{padding: 0;}
    .sub-nav{padding: 0 20px;}
    .sub-nav p{font-size: 16px; margin-right: 15px; display: block; margin-bottom: 10px !important;}
    .sub-nav ul li{font-size: 15px; padding: 0 4px;}
    .sub-nav ul li:nth-child(1)::before{display: none;}
    .sub-nav ul li:first-child{padding-left: 0;}
    .sub-nav ul li:not(:last-child):after{right: -2.5%;}

    /* 그레이 소개 */
    .brand-ex .ex-img{width: 100%;}
    .brand-ex .ex-img img{width: 100%;}
    .brand-ex .ex-img h3{font-size: 18px; width: 100%; padding-top: 30px; word-break: keep-all;}
    .brand-ex .ex-txt img{width: 8%;}
    .brand-ex .ex-txt span{font-size: 20px; word-break: keep-all;}
    .brand-ex .ex-txt p{word-break: keep-all; padding: 0 20px;}
    
    /* 그레이 선택이유 */
    .gr-choose .ch-content{flex-direction: column;}
    .gr-choose .ch-content:nth-child(2n){flex-direction: column}
    .gr-choose .ch-content .ch-img{width: 100%;}
    .gr-choose .ch-content .ch-img img{width: 100%;}
    .gr-choose .ch-content .ch-txt{padding: 20px 20px 0 20px;}
    .gr-choose .ch-content .ch-txt h3{font-size: 45px;}
    .gr-choose .ch-content .ch-txt > span{font-size: 25px; display: block; padding-bottom: 30px;}
    .gr-choose .ch-content .ch-txt a{font-size: 16px;}
    
    /* 그레이왁싱 가치 */
    .gr-intro h3{font-size: 30px; line-height: 49px;}
    .gr-intro span{font-size: 20px; padding-top: 5px;}
    .gr-intro p{padding: 50px 20px 100px; word-break: keep-all;}
    .gr-intro .intro-img{width: 100%;}
}

/* academy */
.academy-content{width: 100%;}
.academy-ex{width: 100%; padding-top: 150px;}
.academy-ex .inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.academy-ex .img-ex:nth-child(1){width: 26%;}
.academy-ex .img-ex:nth-child(3){width: 26%; display: flex; align-items: flex-end;}
.academy-ex .img-ex img{width: 100%;}
.academy-ex .ex-txt{width: 48%; text-align: center; padding: 200px 0;}
.academy-ex .ex-txt p:nth-child(1){font-size: 30px; font-weight: bold; letter-spacing: -1px;}
.academy-ex .ex-txt p:nth-child(1) span{font-size: 40px;}
.academy-ex .ex-txt p:nth-child(2){padding-top: 20px; font-size: 17px; line-height: 160%; color: #777; font-weight: 500; word-break: keep-all; padding-left: 20px; padding-right: 20px;}

.wx-recom.academy{width: 100%; padding: 150px 0;}
.wx-recom.academy ul li p:nth-child(1){font-size: 25px; padding-bottom: 30px; text-align: center; font-weight: bold; line-height: 25px; letter-spacing: -1.8px;}
.wx-recom.academy ul li p:nth-child(3){font-size: 17px; font-weight: 500; color: #777;}

.acd-check{width: 100%; margin-bottom: 150px;}
.acd-check h4{font-size: 20px; font-weight: bold; display: inline-block; font-family: "NanumSqure"; letter-spacing: -1px; border-bottom: 2px solid #3d1809; margin-bottom: 100px;}
.acd-check ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.acd-check ul li{width: 32%; text-align: center; background-repeat: no-repeat; background-position: center center; padding: 120px 20px; background-size: cover;}
.acd-check ul li:nth-child(1){background-image: url(../image/academy/check-img01.png);}
.acd-check ul li:nth-child(2){background-image: url(../image/academy/check-img02.png);}
.acd-check ul li:nth-child(3){background-image: url(../image/academy/check-img03.png);}
.acd-check ul li:nth-child(4){background-image: url(../image/academy/check-img04.png);}
.acd-check ul li:nth-child(5){background-image: url(../image/academy/check-img05.png);}
.acd-check ul li:nth-child(6){background-image: url(../image/academy/check-img06.png);}
.acd-check ul li:nth-child(1n+4){margin-top: 20px;}
.acd-check ul li p:nth-child(1){font-size: 40px; color: #fff;}
.acd-check ul li p:nth-child(2){font-size: 18px; color: #fff; padding-top: 20px;}

/* curriculum */
.curriculum-ctt{width: 100%; padding: 150px 0;}
.curriculum-ctt .curri-banner{background-position: center left; background-repeat: no-repeat; padding: 120px 0; display: flex; justify-content: flex-end; background-size: cover;}
.curriculum-ctt .curri-banner.curri{background-image: url(../image/academy/sub-banner-curricu.png);}
.curriculum-ctt .curri-banner.curri > span{padding: 20px 150px 20px 50px;}
.curriculum-ctt .curri-banner.curri > span p{ color: #fff; }
.curriculum-ctt .curri-banner.curri > span p:nth-child(1){font-size: 30px; font-weight: 600; letter-spacing: -1px; line-height: 160%;}
.curriculum-ctt .curri-banner.curri > span p:nth-child(2){font-size: 18px; padding-top: 40px; line-height: 160%;}
.curriculum-ctt .curri-banner.curri > span p span{ color: #fff; font-size: 40px; font-weight: bold;}

.curriculum-ctt table{width: 100%; margin-top: 60px; border-collapse : collapse; border-spacing : 0}
.curriculum-ctt table caption{display: none;}
.curriculum-ctt table tr th{padding: 20px 5px; text-align: center; background-color: #f8f7f4; border-top: 1px solid #3d1809; border-bottom: 1px solid #bdbdbd; box-sizing: border-box; font-size: 17px; color: #3d1809;}
.curriculum-ctt table tr td{padding: 40px 5px; text-align: center; box-sizing: border-box; border-right: 1px solid #bdbdbd; border-right-style: dashed;}
.curriculum-ctt table tr td:nth-child(1){font-size: 18px; font-weight: 600; color: #3d1809; line-height: 160%;}
.curriculum-ctt table tr:last-child{border-bottom: 1px solid #3d1809;}
.curriculum-ctt table tr td:nth-child(1n+2){font-size: 20px; font-weight: bold; color: #3d1809; line-height: 160%;}
.curriculum-ctt table tr td span{font-size: 16px; color: #767676; display: block; font-weight: 500;}
.curriculum-ctt table tr:nth-child(2) td:last-child{border-right: 0;}
.curriculum-ctt table tr td:nth-child(1){width: 16.875%;}
.curriculum-ctt table tr td:nth-child(2){width: 21.25%;}
.curriculum-ctt table tr td:nth-child(3){width: 16.25%;}
.curriculum-ctt table tr td:nth-child(4){width: 12.5%;}
.curriculum-ctt table tr td:nth-child(5){width: 18.75%;}
.curriculum-ctt table tr td:nth-child(6){width: 14.375%;}

/* price */
.tab-list{width: 100%; padding: 100px 0 80px;}
.tab-list ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.tab-list ul li{padding: 0 20px; transition: 0.25s; font-size: 18px; position: relative;}
.tab-list ul li::after{content: ""; width: 0; height: 5px; left: 50%; bottom: 1px; position: absolute; transform: translateX(-50%); transition: 0.25s; background-color: #e4e4e4; z-index: -1;}
.tab-list ul li:hover{font-weight: bold;}
.tab-list ul li.on::after,
.tab-list ul li:hover::after{width: 90%;}

.price-ctt{width: 100%;}
.price-ctt .price-banner{background-position: center left; background-repeat: no-repeat; padding: 100px 0; display: flex; justify-content: flex-end; background-size: auto;}
.price-ctt .price-banner.braz{background-image: url(../image/price/sub-banner-braz.png);}
.price-ctt .price-banner.body{background-image: url(../image/price/sub-banner-body.png);}
.price-ctt .price-banner.face{background-image: url(../image/price/sub-banner-face.png);}

.price-ctt .price-banner span{ padding: 0px 100px 0px 50px;}
.price-ctt .price-banner span p:nth-child(1){font-size: 25px; font-weight: bold; line-height: 140%; word-break: keep-all;}
.price-ctt .price-banner span p:nth-child(2){ font-size: 17px; color: #676767; padding-top: 20px; line-height: 160%; word-break: keep-all;}

.chart-ctt{width: 100%; padding: 60px 0 150px;}
.chart-ctt h4{font-size: 35px; font-weight: bold; position: relative;}
.chart-ctt h4::after{content: "* 부위별 숱추가 1~3만원 비용 발생 / * VAT가 포함된 금액입니다.";  font-size: 15px; color: #676767; position: absolute; right: 0; bottom: 0; font-family: "NanumSqure"; font-weight: 300;}
.chart-ctt table{width: 100%; margin-top: 10px;border-top: 1px solid #3c180a; box-sizing: border-box;}
.chart-ctt table caption{display: none;}
.chart-ctt table tr{width: 100%;}
.chart-ctt table th, 
.chart-ctt table td{padding: 20px 5px; text-align: center; width: 33.33%; font-size: 18px; font-weight: bold; color: #3d1809; }
.chart-ctt table th{ border-bottom: 1px solid #bdbdbd; border-bottom-style: dashed; box-sizing: border-box; word-break: keep-all; color: #3d1809;}
.chart-ctt table tr td:nth-child(1){word-break: keep-all;}
.chart-ctt table td:nth-child(2),
.chart-ctt table td:nth-child(3){font-size: 20px; font-family: 'KoPubWorldBatang';}
.chart-ctt table tr td:nth-child(1),
.chart-ctt table tr td:nth-child(2){border-right: 1px solid #bdbdbd; border-right-style: dashed; box-sizing: border-box;}

/* 이벤트 멤버쉽 공통 컨텐츠 부분 */
.event-ctt{width: 100%; margin: 150px 0;}
.event-ctt p.before{opacity: 0.7; font-size: 24px !important;}
.event-ctt p.after{color: #be0909;}
.event-ctt .event-txt{width: 100%; text-align: center; margin-bottom: 100px;}
.event-ctt .event-txt p:nth-child(1){font-size: 35px; line-height: 140%; font-weight: bold; word-break: keep-all;}
.event-ctt .event-txt p span{font-family: 'KoPubWorldBatang';}
.event-ctt .event-txt p:nth-child(3){font-size: 17px; line-height: 160%; font-weight: 500; padding-top: 10px; word-break: keep-all;}

.event-ctt ul.list-ctt{width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.event-ctt ul.list-ctt > li{width: 32%; background-color: #fcfbf6; padding: 50px 50px; position: relative; z-index: -2;}
.event-ctt ul.list-ctt > li > p{font-size: 22px; font-weight: 500; line-height: 160%;}
.event-ctt ul.list-ctt > li > p span{font-size: 30px; font-weight: bold;}
.event-ctt ul.list-ctt > li > span{text-align: right;  display: block; padding-top: 20px; font-weight: bold; font-size: 15px;}
.event-ctt ul.list-ctt > li .price-wrap{margin-top: 20px;  border-top: 1px solid #3d1809; box-sizing: border-box;}
.event-ctt ul.list-ctt > li .price-wrap > p{font-size: 17px; font-weight: bold; padding: 40px 0;}
.event-ctt ul.list-ctt > li .price-wrap .disc-txt{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.event-ctt ul.list-ctt > li .price-wrap .disc-txt p{display: inline-block; font-size: 28px; font-weight: bold; font-family: 'KoPubWorldBatang'; position: relative;}
.event-ctt ul.list-ctt > li .price-wrap .disc-txt p span{font-size: 16px; display: block; color: #676767; font-family: "NanumSqure"; font-weight: 500;}
.event-ctt ul.list-ctt > li .price-wrap .disc-txt p:nth-child(1)::after{content: url(../image/price/arrow-point.png); position: absolute; left: 0; top: 0; width: 100%;}
.event-ctt .inner > p{font-size: 16px; font-weight: 600; text-align: center; padding-top: 40px; line-height: 160%; word-break: keep-all;}

/* 멤버쉽 */
.mbship-banner{width: 100%; background-image: url(../image/price/sub-banner-mbship.png); background-repeat: no-repeat; background-position: center center; padding: 80px 20px; margin: 100px 0; text-align: center;}
.mbship-banner > p{font-size: 30px; font-weight: bold; padding-bottom: 40px;}
.mbship-banner ul li:not(:last-child){margin-bottom: 30px;}
.mbship-banner ul li{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.mbship-banner ul li p{font-size: 25px; font-weight: bold;}
.mbship-banner ul li span{color: #fff; background-color: #3d1809; padding: 8px 25px; border-radius: 50px; font-size: 18px; margin: 0 40px;}
.mbship-banner ul li img{margin-right: 50px;}
.mbship-banner ul li p:nth-child(4){font-size: 32px; font-family: 'KoPubWorldBatang'; font-weight: bold;}

/* 이벤트 */
.event-banner{width: 100%; background-image: url(../image/price/sub-banner-event.png); background-repeat: no-repeat; background-position: center left; margin: 100px 0; text-align: center;}
.event-banner ul.event > li{width: 45%; padding: 50px 50px; margin: 0 auto;}
.event-banner ul.event > li > p{font-size: 30px; font-weight: 600; line-height: 160%; color: #be0909}
.event-banner ul.event > li > p span{font-size: 40px; font-weight: bold; color: #be0909}
.event-banner ul.event > li .price-wrap{margin-top: 30px;  border-top: 1px solid #3d1809; box-sizing: border-box; padding: 0 100px;}
.event-banner ul.event > li .price-wrap > p{font-size: 17px; font-weight: bold; padding: 30px 0;}
.event-banner ul.event > li .price-wrap .disc-txt{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.event-banner ul.event > li .price-wrap .disc-txt p{display: inline-block; font-size: 28px; font-weight: bold; font-family: 'KoPubWorldBatang'; position: relative;}
.event-banner ul.event > li .price-wrap .disc-txt p:nth-child(1)::after{content: url(../image/price/arrow-point.png); position: absolute; left: 0; top: 0; width: 100%;}

@media screen and (max-width : 1420px) {
    .academy-ex .img-ex:nth-child(1){width: 28%;}
    .academy-ex .img-ex:nth-child(3){width: 28%;}
    .academy-ex .ex-txt{width: 44%; text-align: center; padding: 200px 0;}
    .academy-ex .ex-txt p:nth-child(1){font-size: 28px;}
    .academy-ex .ex-txt p:nth-child(1) span{font-size: 35px;}

    .curriculum-ctt table tr th{font-size: 17px;}
    .curriculum-ctt table tr td:nth-child(1){font-size: 17px;}
    .curriculum-ctt table tr td:nth-child(1n+2){font-size: 19px;}
    .curriculum-ctt table tr td span{font-size: 16px;}

    .mbship-banner > p{font-size: 28px;}
    .mbship-banner ul li p{font-size: 22px;}
    .mbship-banner ul li span{font-size: 18px;}
    .mbship-banner ul li p:nth-child(4){font-size: 30px;}

    .event-ctt ul.list-ctt{justify-content: center;}
    .event-ctt ul.list-ctt > li{width:51%;}
    .event-ctt ul.list-ctt > li:not(:last-child){margin-bottom: 20px;}
    .event-ctt ul.list-ctt > li .price-wrap{padding: 0 40px;}
    .event-ctt ul.list-ctt > li > span{padding-right: 40px;}

    .event-banner ul.event > li{width: 55%;}


}
@media screen and (max-width : 1200px) {
    .tab-list ul li{font-size: 17px;}

    .price-ctt .price-banner span p:nth-child(1){font-size: 20px;}
    .price-ctt .price-banner span p:nth-child(2){ font-size: 17px;}

    .chart-ctt h4{font-size: 30px;}
    .chart-ctt table th, 
    .chart-ctt table td{font-size: 17px;}
    .chart-ctt table td:nth-child(2),
    .chart-ctt table td:nth-child(3){font-size: 18px;}

    .academy-ex .inner{flex-direction: column;}
    .academy-ex .img-ex:nth-child(1){width: 100%;}
    .academy-ex .img-ex:nth-child(3){width: 100%; justify-content: flex-end;}
    .academy-ex .img-ex img{width: 50%;}
    .academy-ex .ex-txt{width: 100%; text-align: center; padding: 50px 0; display: flex; flex-direction: column;}
    .academy-ex .ex-txt p:nth-child(1){font-size: 25px;}
    .academy-ex .ex-txt p:nth-child(1) span{font-size: 30px;}

    .acd-check h4{font-size: 18px;}
    .acd-check ul li{width: 49%;}
    .acd-check ul li:nth-child(1n+3){margin-top: 20px;}
    .acd-check ul li p:nth-child(1){font-size: 35px;}
    .acd-check ul li p:nth-child(2){font-size: 18px;}

    .curriculum-ctt .curri-banner.curri{background-size: auto;}
    .curriculum-ctt .curri-banner.curri > span{padding: 20px 100px 20px 50px;}
    .curriculum-ctt .curri-banner.curri > span p:nth-child(1){font-size: 26px;}
    .curriculum-ctt .curri-banner.curri > span p:nth-child(2){font-size: 17px; word-break: keep-all;}
    .curriculum-ctt .curri-banner.curri > span p span{font-size: 35px;}

    .curriculum-ctt table tr th{font-size: 16px;}
    .curriculum-ctt table tr td:nth-child(1){font-size: 16px;}
    .curriculum-ctt table tr td:nth-child(1n+2){font-size: 18px;}
    .curriculum-ctt table tr td span{font-size: 15px;}

    .event-ctt p.before{color: #676767; font-size: 22px !important;}
    .event-ctt .event-txt p:nth-child(1){font-size: 30px;}
    .event-ctt .event-txt p:nth-child(3){font-size: 17px;}

    .mbship-banner > p{font-size: 25px;}
    .mbship-banner ul li p{font-size: 20px;}
    .mbship-banner ul li span{font-size: 17px;}
    .mbship-banner ul li p:nth-child(4){font-size: 25px;}

    .event-ctt ul.list-ctt > li > p{font-size: 20px;}
    .event-ctt ul.list-ctt > li > p span{font-size:28px;}
    .event-ctt ul.list-ctt > li > span{font-size: 14px;}
    .event-ctt ul.list-ctt > li .price-wrap > p{font-size: 17px; padding: 40px 0;}
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt p{font-size: 25px}
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt p span{font-size: 15px;}

    .event-banner ul.event > li{width: 65%;}
    .event-banner ul.event > li > p{font-size: 25px;}
    .event-banner ul.event > li > p span{font-size: 30px;}
    .event-banner ul.event > li .price-wrap > p{font-size: 17px;}
    .event-banner ul.event > li .price-wrap .disc-txt p{font-size: 25px;}



}
@media screen and (max-width : 1020px){
    .event-ctt ul.list-ctt > li{width:65%;}
    .event-banner ul.event > li{width: 80%;}

    .curriculum-ctt .curri-table-wrap{overflow-x: scroll; width: 100%;}
    .curriculum-ctt .curri-table-wrap table{ width: 100%;  min-width: 1100px;}
}
@media screen and (max-width : 830px){
    .event-ctt ul.list-ctt > li{width:75%;}
    .event-banner ul.event > li{width: 90%;}
}
@media screen and (max-width : 768px) {
    .tab-list ul li{font-size: 16px;}

    .price-ctt .price-banner span p:nth-child(1){font-size: 18px;}
    .price-ctt .price-banner span p:nth-child(2){ font-size: 16px;}

    .chart-ctt h4{font-size: 22px;}
    .chart-ctt h4::after{left: 0; bottom: -15px; font-size: 14px;}
    .chart-ctt table{margin-top: 20px;}
    .chart-ctt table th, 
    .chart-ctt table td{font-size: 15px;}
    .chart-ctt table td:nth-child(2),
    .chart-ctt table td:nth-child(3){font-size: 17px;}

    .academy-ex .img-ex:nth-child(1){width: 100%;}
    .academy-ex .img-ex:nth-child(3){width: 100%; justify-content: flex-end;}
    .academy-ex .img-ex img{width: 100%;}
    .academy-ex .ex-txt{width: 100%; text-align: center; padding: 50px 0; display: flex; flex-direction: column;}
    .academy-ex .ex-txt p:nth-child(1){font-size: 22px; word-break: keep-all;}
    .academy-ex .ex-txt p:nth-child(1) span{font-size: 25px;}


    .acd-check h4{font-size: 17px;}
    .acd-check ul li{width: 100%;}
    .acd-check ul li:nth-child(1n+2){margin-top: 20px;}
    .acd-check ul li p:nth-child(1){font-size: 30px;}
    .acd-check ul li p:nth-child(2){font-size: 17px; word-break: keep-all;}

    .curriculum-ctt .curri-banner.curri > span{padding: 20px 40px}
    .curriculum-ctt .curri-banner.curri > span p:nth-child(1){font-size: 22px; word-break: keep-all;}
    .curriculum-ctt .curri-banner.curri > span p:nth-child(2){font-size: 17px; word-break: keep-all;}
    .curriculum-ctt .curri-banner.curri > span p span{font-size: 30px;}



    .event-ctt .event-txt p:nth-child(1){font-size: 26px;}
    .event-ctt .event-txt p:nth-child(3){font-size: 17px;}


    .mbship-banner{background-size: cover; padding: 50px 20px;}
    .mbship-banner ul li{flex-direction: column; width: 100%;}
    .mbship-banner > p{font-size: 25px;}
    .mbship-banner ul li p{font-size: 22px;}
    .mbship-banner ul li span{font-size: 16px; margin: 10px 0;}
    .mbship-banner ul li p:nth-child(4){font-size: 25px; padding-top: 10px;}
    .mbship-banner ul li img{transform: rotate(90deg); margin: 0 auto;}

    .event-ctt ul.list-ctt > li{width:80%;}
    .event-banner ul.event > li{width: 100%;}
    .event-banner ul.event > li .price-wrap{padding: 0 40px;}

}
@media screen and (max-width : 680px){
    .event-ctt ul.list-ctt > li{width:100%;}
}
@media screen and (max-width : 550px){
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt{flex-direction: column;}
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt p:nth-child(1){margin-bottom: 10px;}

    .event-ctt ul.list-ctt > li{padding: 50px 20px;}
    .event-ctt ul.list-ctt > li .price-wrap{padding: 0 20px;}
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt p:nth-child(1)::after{content: ""; width: 60%; height: 1px; background-color: #3c180a; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .event-ctt p.before{color: #676767; font-size: 20px !important;}
    .event-ctt ul.list-ctt > li > p{font-size: 18px;}
    .event-ctt ul.list-ctt > li > p span{font-size:22px;}
    .event-ctt ul.list-ctt > li > span{font-size: 14px;}
    .event-ctt ul.list-ctt > li .price-wrap > p{font-size: 17px; padding: 40px 0;}
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt p{font-size: 22px}
    .event-ctt ul.list-ctt > li .price-wrap .disc-txt p span{font-size: 15px;}

    .event-banner ul.event > li{padding: 50px 20px;}
    .event-banner ul.event > li > p{font-size: 22px;}
    .event-banner ul.event > li > p span{font-size: 25px;}
    .event-banner ul.event > li .price-wrap{padding: 0 20px;}
    .event-banner ul.event > li .price-wrap > p{font-size: 17px;}
    .event-banner ul.event > li .price-wrap .disc-txt{justify-content: center; flex-direction: column;}
    .event-banner ul.event > li .price-wrap .disc-txt p{font-size: 22px;}
    .event-banner ul.event > li .price-wrap .disc-txt p:nth-child(2){padding-top: 10px;}
    .event-banner ul.event > li .price-wrap .disc-txt p:nth-child(1)::after{content: ""; width: 60%; height: 1px; background-color: #3c180a; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

    .price-ctt .price-banner span{ padding: 0px 20px;}
}
@media screen and (max-width : 500px) {

    .chart-ctt table th,
    .chart-ctt table td{font-size: 14px;}
    .chart-ctt table td:nth-child(2),
    .chart-ctt table td:nth-child(3){font-size: 15px;}
    .chart-ctt h4::after{font-size: 13px;}


    .curriculum-ctt .curri-banner.curri > span p:nth-child(1){font-size: 20px; word-break: keep-all;}
    .curriculum-ctt .curri-banner.curri > span p:nth-child(2){font-size: 16px; word-break: keep-all;}
    .curriculum-ctt .curri-banner.curri > span p span{font-size: 24px;}

    .mbship-banner > p{font-size: 22px;}
    .mbship-banner ul li p{font-size: 20px;}
    .mbship-banner ul li span{font-size: 15px; margin: 10px 0;}
    .mbship-banner ul li p:nth-child(4){font-size: 20px; padding-top: 10px;}


}