/*******************************************
    찰스엔터 어학연수 패키지
*******************************************/
.program table thead th { background-color: transparent; }
.program table tbody td:not(:last-child) { border-right: 1rem solid var(--c-border-black); }
/* 공통요소 */
.charlesenter .youtube-channel .max-width { padding-top: 0; padding-bottom: 0; text-align: left; }
.charlesenter .paperWrap { box-shadow: var(--s-shadow-neutral02); overflow: hidden; border-radius: 4rem; isolation: isolate; }
.charlesenter .paperWrap .titleWrap { padding: 40rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/selectEdmuhak-titleWrap.png'); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; }
.charlesenter .paperWrap .info { padding: 60rem 106rem; }
.charlesenter .paperWrap .info .designBox { border: 1rem solid var(--c-border-black); box-shadow: 2rem 2rem 0 0 #000; overflow: hidden; background-color: #fff; border-radius: 4rem; isolation: isolate; }
.charlesenter .paperWrap .info .top-imgWrap { width: 100%; }
.charlesenter .paperWrap .info .bottom-textWrap { margin-top: 96rem; padding: 60rem 32rem 40rem; border: 1rem solid var(--c-border-black); position: relative; background-color: #fff; font-size: var(--f-body1); }
.charlesenter .paperWrap .info .bottom-textWrap .title { position: absolute; top: -36rem; left: 50%; transform: translateX(-50%); }
.charlesenter .paperWrap .info .bottom-textWrap .title img { margin: 0 auto; object-fit: contain; }
.charlesenter .paperWrap .info .bottom-textWrap .txt1 { margin-bottom: 12rem; font-size: var(--f-fontSize02); font-weight: 700; line-height: 130%; letter-spacing: 0.6rem; }
.charlesenter .paperWrap .info .bottom-textWrap .design-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; touch-action: none; }
.charlesenter .paperWrap .info .bottom-textWrap .design-box span { border: 1rem solid var(--c-border-black); overflow: hidden; position: absolute; width: 12rem; height: 12rem; background-color: #fff; border-radius: 50%; isolation: isolate; box-sizing: border-box; }
.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(1) { top: -6rem; left: -6rem; }
.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(2) { top: -6rem; right: -6rem; }
.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(3) { bottom: -6rem; left: -6rem; }
.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(4) { right: -6rem; bottom: -6rem; }
.charlesenter .paperWrap .info .bottom-textWrap.type2 { box-shadow: 2rem 2rem 0 0 #000; border-radius: 4rem; isolation: isolate; }
.charlesenter .paperWrap .info .designBox.textType { padding: 32rem; font-size: var(--f-body1); letter-spacing: -0.2rem; }
.charlesenter .paperWrap .info .designBox.textType + .designBox.textType { margin-top: 32rem; }
.charlesenter .paperWrap .info .designBox.textType { padding: 0; min-height: 224rem; }
.charlesenter .paperWrap .info .designBox.textType .imgWrap { position: relative; width: 400rem; }
.charlesenter .paperWrap .info .designBox.textType .imgWrap .cityName { align-items: center; padding: 0 24rem 13rem; position: absolute; bottom: 0; left: 0; z-index: 1; font-size: var(--f-fontSize02); color: #fff; }
.charlesenter .paperWrap .info .designBox.textType .imgWrap .cityName .kor { font-weight: 700; }
.charlesenter .paperWrap .info .designBox.textType .imgWrap .cityName .eng { margin-left: 8rem; font-size: var(--f-fontSize04); font-weight: 300; }
.charlesenter .paperWrap .info .designBox.textType .textWrap { padding: 24rem; width: calc(100% - 400rem); text-align: left; }
.charlesenter .paperWrap .info .designBox.textType .textWrap p { font-size: var(--f-body2); letter-spacing: -0.2rem; }
.charlesenter .paperWrap .info .designBox.textType .textWrap b { display: block; margin-bottom: 16rem; }
.charlesenter .paperWrap .info .designBox.textType .textWrap .bottom { margin-top: 16rem; color: var(--c-text02); }
.charlesenter .banner { text-align: center; }
.charlesenter .banner .sub { margin-top: 0.8rem; font-size: var(--f-fontSize03); font-weight: 500; letter-spacing: -0.3rem; }
.charlesenter table { border-bottom: 1rem solid var(--c-border-black); width: 100%; color: var(--c-text01); text-align: center; border-collapse: collapse; }
.charlesenter table tr { border-top: 1rem solid var(--c-border-black); }
.charlesenter table tr th { border-bottom: 1rem solid var(--c-border-black); font-weight: 700; }
.charlesenter table tr th, .charlesenter table tr td { padding: 12rem 0; }
.charlesenter table tr th, .charlesenter table tbody tr td { border-right: 1rem solid var(--c-border-black); }
.charlesenter table thead tr th:last-child, .charlesenter table tbody tr td:last-child { border-right: none; }
.charlesenter table caption { margin-bottom: 16rem; padding: 0; font-weight: 700; color: var(--c-text01); text-align: left; letter-spacing: -0.2rem; }
.charlesenter table caption p { padding: 0; font-size: var(--f-body2); font-weight: 400; letter-spacing: -0.2rem; }
.charlesenter .table-bottom { margin-top: 16rem; font-size: var(--f-body2); text-align: left; letter-spacing: -0.2rem; }
.charlesenter .table-bottom em { color: #FF0909 !important; }
/* 유튜버 찰스엔터가 선택한 edm유학센터! */
.charlesenter .selectEdmuhak { background-color: #D4AEFF; }
.charlesenter .selectEdmuhak .paperWrap { background-color: #FFF1FC; }
.charlesenter .selectEdmuhak em { color: #FF14C7; }
.charlesenter .selectEdmuhak .paperWrap .info .top-imgWrap { aspect-ratio: 1034/612; }
.charlesenter .selectEdmuhak .paperWrap .info .bottom-textWrap { font-size: var(--f-fontSize05); text-align: center; letter-spacing: -0.2rem; }
/* 배너 : 어쩌면 일생에 한 번뿐일지 모를 어학연수! */
.charlesenter .banner.recommend { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/banner-recommend_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; }
.charlesenter .banner.recommend em { color: #C9FF00; }
.charlesenter .banner.recommend .sub { font-weight: 400; }
/* ep. 어학연수 */
.charlesenter .languageTraining .paperWrap .main-video .videoWrap{border-radius: 0;}
.charlesenter .languageTraining .paperWrap .info .top-imgWrap { position: relative; aspect-ratio: 1024/576; }
.charlesenter .languageTraining .paperWrap .info .top-imgWrap .videoWrap.youtube { width: 100%; height: 100%; }
.charlesenter .languageTraining .paperWrap .info .thumbList { justify-content: space-between; margin-top: 32rem; }
.charlesenter .languageTraining .paperWrap .info .thumbList .imgWrap { border: 1rem solid #000; overflow: hidden; width: calc(100%/4 - 18rem); aspect-ratio: 240/135; border-radius: 4rem; isolation: isolate; }
.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .top-info { margin-bottom: 40rem; padding: 0 28rem 40rem; border-bottom: 1rem solid var(--c-border-blue); }
.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .textWrap { width: 63.4%; text-align: left; letter-spacing: -0.2rem; }
.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .textWrap .txt2 { margin-bottom: 12rem; font-size: var(--f-fontSize02); font-weight: 500; letter-spacing: -0.6rem; }
.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .logo { width: 36.6%; max-width: 334rem; aspect-ratio: 334/187; }
.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .logo figure { background-size: contain; }
.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .textWrap .txt2, .charlesenter .languageTraining .paperWrap .info .bottom-textWrap .logo figure { background-size: contain; }
.charlesenter .languageTraining.canada { background-color: #FFE16A; }
.charlesenter .languageTraining.canada em { color: #FF5C2B; }
.charlesenter .languageTraining.canada .paperWrap { background-color: #FFF9E3; }
.charlesenter .languageTraining.canada table thead { background-color: #FFE88F; }
.charlesenter .languageTraining.canada table tbody th { background-color: #FFFEEC; }
.charlesenter .languageTraining.usa { background-color: #8CE2FF; }
.charlesenter .languageTraining.usa em { color: #0080E9; }
.charlesenter .languageTraining.usa .paperWrap { background-color: #F1FFFE; }
.charlesenter .languageTraining.usa .paperWrap .info .top-imgWrap { background-color: #DAFAF7; }
.charlesenter .languageTraining.usa .paperWrap .info .top-imgWrap .txt { position: absolute; top: 50%; width: 100%; font-size: var(--f-fontSize02); font-weight: 700; line-height: 130%; text-align: center; transform: translateY(-50%); }
.charlesenter .languageTraining.usa .paperWrap .info .top-imgWrap .txt span { display: block; margin-top: 0.8rem; font-size: var(--f-fontSize04); line-height: 150%; color: var(--c-text01); letter-spacing: -0.2rem; }
.charlesenter .languageTraining.usa table thead { background-color: #E2FF79; }
.charlesenter .languageTraining.usa table tbody th { background-color: #FBFFE5; }
/* 어학연수 추천 도시 */
.charlesenter .recommendedCity.canada { background-color: #D6B2FF; }
.charlesenter .recommendedCity.canada em { color: #5516FF; }
.charlesenter .recommendedCity.canada .paperWrap { background-color: #F3E8FF; }
.charlesenter .recommendedCity.usa { background-color: #FFE16A; }
.charlesenter .recommendedCity.usa em { color: #FF5C2B; }
.charlesenter .recommendedCity.usa .paperWrap { background-color: #FFF9E3; }
/* 더 많은 어학원을 확인해보세요! */
.charlesenter .moreAnd { background-color: #A8F464; }
.charlesenter .moreAnd em { color: #00C607; }
.charlesenter .moreAnd .paperWrap { background-color: #EDFACE; }
.charlesenter .moreAnd .paperWrap .info { padding-top: 0; }
.charlesenter .moreAnd .paperWrap .info .bottom-textWrap { padding: 60rem 68rem 24rem; }
.charlesenter .moreAnd .paperWrap .info .bottom-textWrap .logo { width: 100%; aspect-ratio: 904/452; }
/* edm유학센터 고객 후기 */
.charlesenter .customerReview { background-color: #FFE16A; }
.charlesenter .customerReview em { color: #FF5C2B; }
.charlesenter .customerReview .paperWrap { background-color: #FFF7D9; }
.charlesenter .customerReview .paperWrap .info .designBox { margin-right: 24rem; margin-bottom: 24rem; padding: 34rem 32rem 60rem; position: relative; width: calc(50% - 12rem); min-height: 214rem; font-size: var(--f-body1); text-align: left; }
.charlesenter .customerReview .paperWrap .info .designBox .name { position: absolute; bottom: 30rem; left: 32rem; color: var(--c-text03); }
.charlesenter .customerReview .paperWrap .info .designBox:nth-child(2n) { margin-right: 0; }
.charlesenter .customerReview .paperWrap .info .designBox:nth-last-of-type(1), .charlesenter .customerReview .paperWrap .info .designBox:nth-last-of-type(2) { margin-bottom: 0; }
@media screen and (max-width:1280px) {
	.charlesenter .maxWidth { padding: 0 16rem; }
	.charlesenter .area-pg-visual .contactWrap { right: 16rem; }
}
@media screen and (max-width:1080px) {
	.charlesenter .paperWrap .info .designBox.textType .imgWrap { width: 280rem; }
	.charlesenter .paperWrap .info .designBox.textType .textWrap { width: calc(100% - 280rem); }
}
@media screen and (max-width:1049px) {
	.charlesenter .why .cardWrap .card figure { height: 180rem; }
}
/*
1rem = 13rem
*/
@media screen and (max-width:991px) {
	.container .button-large .btn { padding: 0 34rem 0 16rem; height: 36rem; background-position: right 16rem center; background-size: 15rem; line-height: 36rem}
	.charlesenter > article, .charlesenter section > article { padding: 50rem 0; }
	.charlesenter .articleTitle .title { line-height: 32.5rem; }
	.charlesenter .articleTitle .sub { margin-bottom: 3rem; }
	.charlesenter h2 { line-height: 130%; }
	.charlesenter .youtube-channel { padding: 50rem 0 60rem; }
	.charlesenter .paperWrap .info { padding: 30rem 22rem 36rem; }
	.charlesenter .paperWrap .info .bottom-textWrap { margin-top: 69rem; padding: 51rem 16rem 32rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .title { top: -29rem; width: 150rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .design-box span { width: 12rem; height: 12rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(1) { top: -6rem; left: -6rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(2) { top: -6rem; right: -6rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(3) { bottom: -6rem; left: -6rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .design-box span:nth-child(4) { right: -6rem; bottom: -6rem; }
	.charlesenter .paperWrap .info .bottom-textWrap .txt1 { margin-bottom: 16rem; }
	.charlesenter .paperWrap .info .designBox.textType { height: auto; }
	.charlesenter .paperWrap .info .designBox.textType .imgWrap { width: 100%; aspect-ratio: 292/163; }
	.charlesenter .paperWrap .info .designBox.textType .imgWrap .cityName { padding: 0 15rem 8rem; }
	.charlesenter .paperWrap .info .designBox.textType .textWrap { padding: 16rem; width: 100%; word-break: break-all; }
	.charlesenter .paperWrap .info .designBox.textType .textWrap b { margin-bottom: 12rem; }
	.charlesenter .paperWrap .info .designBox.textType .textWrap .bottom { margin-top: 12rem; }
	.charlesenter .paperWrap .info .designBox.textType + .designBox.textType { margin-top: 25rem; }
	.charlesenter table tr th, .charlesenter table tr td { padding: 4rem 0; }
	.charlesenter table caption { margin-bottom: 12rem; text-align: center; }
	.charlesenter table caption p { margin-top: 12rem; }
	.charlesenter .banner .sub { margin-top: 12rem; }
	.charlesenter .area-pg-visual { padding: 29.9rem 0 36.0rem; height: auto; }
	.charlesenter .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/mainBanner_mo.png'); background-position: bottom center; }
	.charlesenter .area-pg-visual .mo-bgImage { position: absolute; bottom: -6.5rem; left: 50%; width: 360rem; height: 311rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/mainBanner_mo_2.png'); background-repeat: no-repeat; background-position: center; background-size: cover; transform: translateX(-50%); }
	.charlesenter .area-pg-visual .titleWrap { position: static; }
	.charlesenter .area-pg-visual .titleWrap span { padding: 2rem 4rem; font-weight: 500; line-height: 22.5rem; }
	.charlesenter .area-pg-visual .titleWrap span + span { margin-left: 8rem; }
	.charlesenter .area-pg-visual .titleWrap .title { margin-top: 12rem; line-height: 36.4rem; }
	.charlesenter .area-pg-visual .titleWrap .sub { margin-top: 8rem; line-height: 24rem; }
	.charlesenter .area-pg-visual .contactWrap { margin-top: 170.3rem; padding: 16rem 24rem; position: static; width: 100%; transform: none; }
	.charlesenter .area-pg-visual .contactWrap strong { padding-left: 0; width: 58.0rem; }
	.charlesenter .area-pg-visual .contactWrap .box { padding-left: 58.0rem; }
	.charlesenter .area-pg-visual .contactWrap .box + .box { margin-top: 12rem; }
	.charlesenter .area-pg-visual .contactWrap .contact-btn { display: none; }
	/* 유튜버 찰스엔터가 선택한 edm유학센터! */
	.charlesenter .selectEdmuhak .paperWrap .info .top-imgWrap { aspect-ratio: 294/700; }
	.charlesenter .selectEdmuhak .paperWrap .info .top-imgWrap figure { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/selectEdmuhak_01_mo.png') !important; }
	/* 배너 : 어쩌면 일생에 한 번뿐일지 모를 어학연수! */
	.charlesenter .banner.recommend { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/banner-recommend_bg_mo.png'); }
	.charlesenter .languageTraining .paperWrap .info .top-imgWrap { margin: 0 auto; width: calc(100% - 44rem); }
	.charlesenter .languageTraining .paperWrap .info .thumbList { margin-top: 17rem; }
	.charlesenter .languageTraining .paperWrap .info .thumbList .imgWrap { margin-right: 16rem; margin-bottom: 16rem; width: calc(50% - 8rem); }
	.charlesenter .languageTraining .paperWrap .info .thumbList .imgWrap:nth-child(2n) { margin-right: 0; }
	.charlesenter .languageTraining .paperWrap .info .thumbList .imgWrap:nth-last-of-type(1), .charlesenter .languageTraining .paperWrap .info .thumbList .imgWrap:nth-last-of-type(2) { margin-bottom: 0; }
	.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .top-info { margin-bottom: 20rem; padding: 0 0 20rem; }
	.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .logo { margin: 0 auto; width: 100%; max-width: 216rem; order: 1; }
	.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .textWrap { width: 100%; text-align: center; order: 2; }
	.charlesenter .languageTraining .paperWrap .info .bottom-textWrap .textWrap .txt2 { margin-bottom: 8rem; }
	.charlesenter .languageTraining.usa .paperWrap .info .top-imgWrap .txt span { margin-top: 12rem; letter-spacing: -0.2rem; }
	.charlesenter .moreAnd .paperWrap .info .bottom-textWrap { margin-top: 59rem; }
	.charlesenter .moreAnd .paperWrap .info .bottom-textWrap { padding: 45rem 12rem 24rem; }
	.charlesenter .moreAnd .paperWrap .info .bottom-textWrap .logo { aspect-ratio: 260/158; }
	.charlesenter .moreAnd .paperWrap .info .bottom-textWrap .logo figure { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/charlesenter/moreAnd_logo_mo.png') !important; }
	.charlesenter .customerReview .paperWrap .info .designBox { margin-right: 0; margin-bottom: 24rem; padding: 24rem 16rem; width: 100%; height: auto; min-height: auto; }
	.charlesenter .customerReview .paperWrap .info .designBox:nth-last-of-type(2) { margin-bottom: 24rem; }
	.charlesenter .customerReview .paperWrap .info .designBox .name { margin-top: 8rem; position: static; }
	.charlesenter .customerReview .paperWrap .info .designBox br { display: none; }
}
@media screen and (max-width:500px) {
	.charlesenter .area-pg-visual .mo-bgImage { bottom: 0; }
}