@charset "UTF-8";

#programs-detail .business-language .inner > h3{margin-bottom: 24rem;}
#programs-detail .business-language .inner + .text-banner{margin-top: 40rem;}
#programs-detail .business-language .text-banner{text-align: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/business-language/text-banner-bg.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40rem 0; box-shadow: 0 0 0 1px var(--edm-color-border-blue); border-radius: var(--edm-radius4); isolation: isolate; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 600;}
#programs-detail .business-language .text-banner em{color: var(--edm-brand-blue);}

.business-language .who-need ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24rem; }
.business-language .who-need ul li{border: 1px solid var(--edm-color-border-blue); background-color: #fff; box-shadow: var(--edm-sd-blue-1); border-radius: var(--edm-radius3); padding: 24rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; color: var(--edm-color-text-1);}
.business-language .who-need ul li figure{background-size: contain; background-repeat: no-repeat; background-position: center; width: 50rem; height: 50rem; margin-bottom: 16rem;}
.business-language .who-need ul li em{color: var(--edm-brand-blue);}

.business-language .why-fast h3{color: var(--edm-color-text-1); }
.business-language .why-fast ul li .imgWrap{background-size: cover; background-repeat: no-repeat; background-position: center;}
.business-language .why-fast ul li .textWrap b{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; color: var(--edm-color-text-1); display: block;}
.business-language .why-fast ul li .textWrap b em{color: var(--edm-brand-blue);}

.business-language .school-recommend .slide::after{background: linear-gradient(-90deg, #fff calc(100% - 20rem), transparent 100%);}
.business-language .school-recommend .slide .swiper-slide .center{display: none;}

/* compareTable.ctb: 공통은 resources/css/common/components.scss */


@media screen and (max-width: 991px) {
	#programs-detail .business-language .inner > h3{margin-bottom: 16rem; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);  }
	#programs-detail .business-language .inner + .text-banner{margin-top: 24rem; }
	#programs-detail .business-language .text-banner{padding: 24rem; border-radius: var(--edm-radius3); font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}


	.business-language .who-need ul{grid-template-columns: repeat(1, 1fr); gap: 16rem;}
	.business-language .who-need ul li{padding: 16rem; display: flex; align-items: center; column-gap: 12rem;}
	.business-language .who-need ul li figure{width: 40rem; height: 40rem; margin: 0;}

	.business-language .why-fast ul li .textWrap b{margin-bottom: 12rem;}

	.business-language .school-recommend .slide .swiper-wrapper .swiper-slide .tagWrap{display: block; margin-top: 16rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; display: flex; flex-wrap: wrap; gap: 4rem 12rem; border-radius: var(--edm-radius2);}
	.business-language .school-recommend .slide .swiper-wrapper .swiper-slide:nth-child(n+5){display: none;}
	.business-language .school-recommend .slide.show .swiper-wrapper .swiper-slide:nth-child(n+5){display: block;}
	.business-language .school-recommend .more-btn-open{margin-top: 16rem;}

}