@charset "utf-8";

.special-offer-univ .program-panels .listType > li > em{background: linear-gradient(90deg, #6E31F5 0%, #0086FA 50%, #01D29C 100%);}

.special-offer-univ .benefit-area{padding: 140rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/special-offer-univ/benefit-area-bg.webp'); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.special-offer-univ .benefit-area .inner h3{margin-bottom: 24rem; color: var(--edm-color-text-1);}
.special-offer-univ .benefit-area .imgTextCard{gap: 24rem;}
.special-offer-univ .benefit-area .imgTextCard li{box-shadow: var(--edm-sd-neutral-1); padding: 24rem;}
.special-offer-univ .benefit-area .imgTextCard li .imgWrap{padding-top: 26.7%; border-radius: var(--edm-radius3); isolation: isolate; overflow: hidden;}
.special-offer-univ .benefit-area .imgTextCard li .textWrap{padding: 24rem 0 0; display: flex; flex-direction: column; gap: 4rem;}
.special-offer-univ .benefit-area .imgTextCard li .textWrap b{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: var(--edm-color-text-1);}
.special-offer-univ .benefit-area .imgTextCard li .textWrap .table-bot-txt{margin: 0;}
.special-offer-univ .benefit-area .benefit-callout-wrap{text-align: center; margin-bottom: 60rem;}
.special-offer-univ .benefit-area .benefit-callout{position: relative; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 12rem 40rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); color: var(--edm-color-text-1); border: none; border-radius: var(--edm-radius3); isolation: isolate; background: transparent;}
.special-offer-univ .benefit-area .benefit-callout::before{content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(90deg, #6e31f5 0%, #0086fa 50%, #01d29c 100%); pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude;}
.special-offer-univ .benefit-area .benefit-callout em{font-style: normal; background: linear-gradient(90deg, #6e31f5 0%, #0086fa 96%, #01d29c 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.special-offer-univ .benefit-area #edm-perks{background-image: none; padding: 0 !important; margin: 0 !important;}
.special-offer-univ .benefit-area #edm-perks .list{margin: 0;}
.special-offer-univ .benefit-area #edm-perks .list li {box-shadow: var(--edm-sd-neutral-1);}

.special-offer-univ .best-plan .curriculum-compare .tabMenu{margin-bottom: 40rem;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents .img{flex-shrink: initial; position: absolute; inset: 0; }
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li.tab{margin-top: 0; position: relative; padding-left: 318rem;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap{gap: 24rem; }
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .tabTitle{margin-bottom: 0; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); color: var(--edm-color-text-1);}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .summary{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); color: var(--edm-color-text-2); margin: -16rem 0 16rem; font-weight: 400;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item{display: block;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item + .txt-item{margin-top: 0;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item strong{font-weight: 600; margin-bottom: 16rem; color: var(--edm-color-text-1); display: block;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid{display: grid; gap: 24rem;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box{padding: 24rem; border-radius: var(--edm-radius3); isolation: isolate; background-color: var(--edm-bg-neutral);}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box .box-title{font: var(--edm-f-body1); letter-spacing: -0.3rem; color: var(--edm-color-text-1); font-weight: 600; margin: 0 0 12rem;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box ul{margin: 0;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box ul li{margin: 0; padding-left: 18rem; position: relative; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); box-shadow: none; border: none;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box ul li::before{content: "•"; position: absolute; left: 6rem; top: 0;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box > p{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); color: var(--edm-color-text-2); margin: 0;}
.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box > p:not(.box-title){font-weight: 400;}




@media (max-width: 991px) {

	.special-offer-univ .program-panels .listType{gap: 8rem; padding: 16rem; background-color: var(--edm-bg-neutral); border-radius: var(--edm-radius3); box-shadow: 0 0 0 1px var(--edm-color-border-blue); margin-top: 24rem;}
	.special-offer-univ .program-panels:not(.panel-tabs) .listType{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense;}
	.special-offer-univ .program-panels:not(.panel-tabs) .listType > li{width: 100%; padding: 0; box-shadow: none; display: contents;}
	.special-offer-univ .program-panels .listType > li > em{margin-bottom: 0; padding: 8rem;}
	.special-offer-univ .program-panels:not(.panel-tabs) .listType > li:nth-child(odd) > *{grid-column: 1;}
	.special-offer-univ .program-panels:not(.panel-tabs) .listType > li:nth-child(even) > *{grid-column: 2;}
	.special-offer-univ .program-panels .listType .textBox + .textBox{margin-top: 0;}

	.special-offer-univ .top-ad-banner{margin-top: 24rem;}
	.special-offer-univ .top-ad-banner .inner .textWrap .title{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls);}
	.special-offer-univ .top-ad-banner .inner .textWrap .shortcut{margin-top: 12rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; padding: 0 12rem;}

	.special-offer-univ .benefit-area{margin-top: 60rem; padding: 60rem 0; background: linear-gradient(179deg, #C9F5FF 0.9%, #F8F8C2 99.1%); position: relative; }
	.special-offer-univ .benefit-area::before{content: ''; position: absolute; inset: 0; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/special-offer-univ/benefit-area-bg-mo.webp') no-repeat top right; background-size: 100%; pointer-events: none;}
	#programs-detail .special-offer-univ .benefit-area .inner > h3{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); }
	.special-offer-univ .benefit-area .imgTextCard{gap: 16rem;}
	.special-offer-univ .benefit-area .imgTextCard li{padding: 16rem;}
	.special-offer-univ .benefit-area .imgTextCard li .imgWrap{padding-top: 60.9%;}
	.special-offer-univ .benefit-area .imgTextCard li .textWrap{padding-top: 16rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;}
	.special-offer-univ .benefit-area .imgTextCard li .textWrap b{font-weight: 600;}
	.special-offer-univ .benefit-area .imgTextCard li .textWrap .table-bot-txt{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}
	.special-offer-univ .benefit-area .benefit-callout-wrap{margin-bottom: 40rem;}
	.special-offer-univ .benefit-area .benefit-callout{padding: 8rem 16rem; border-radius: var(--edm-radius2); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 700;}

	.special-offer-univ .best-plan .curriculum-compare .tabMenu{margin-bottom: 24rem;}
	.special-offer-univ .best-plan .curriculum-compare .tabMenu .tab{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); padding: 7rem 16rem;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents .img{height: 27.7778vw;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li.tab{padding: 27.7778vw 0 0;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap{gap: 24rem;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .tabTitle{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .summary{margin: -20rem 0 0;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item strong{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600; margin-bottom: 16rem;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid{gap: 8rem;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col2{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list.plan-grid.col3{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box{padding: 16rem;}
	.special-offer-univ .best-plan .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .plan-box .box-title{margin-bottom: 12rem;}

	.special-offer-univ .review {margin-top: 60rem;}

	
}