.art-ual{color: var(--edm-color-text-1);}
.art-ual .inner > h3{margin-bottom: 24rem;}
.art-ual .consideration em{color: var(--edm-brand-red);}

.art-ual .program-intro .box{padding: 0 0 55rem 0;}

.art-ual .school-info{margin-top: 100rem;}
.art-ual .school-info .titleWrap em{color: var(--edm-brand-blue);}
.art-ual .school-info .why-choose .max-width{padding: 0; }
.art-ual .school-info .why-choose ul{margin-top: 0;}
.art-ual .school-info .why-choose ul li .icon{background-color: var(--edm-bg-neutral);}
.art-ual .school-info .why-choose ul li .textWrap{padding-left: 12rem;}
.art-ual .school-info .college-list{display: grid; gap: 24rem; grid-template-columns: repeat(3, 1fr);}
.art-ual .school-info .college-list .card{border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-blue-1); border: 1px solid var(--edm-color-border-blue); overflow: hidden;}
.art-ual .school-info .college-list .thumb{height: auto; padding-top: 50%; position: relative; border-radius: var(--edm-radius3) var(--edm-radius3) 0 0; isolation: isolate; overflow: hidden;}
.art-ual .school-info .college-list .thumb img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.art-ual .school-info .college-list .cont{padding: 24rem; background-color: #fff; }
.art-ual .school-info .college-list .logo{display: block; height: 42rem; width: auto; object-fit: contain;}
.art-ual .school-info .college-list .detail{margin-top: 16rem;}
.art-ual .school-info .college-list .name{font: var(--edm-f-h5); font-weight: 600; letter-spacing: var(--edm-f-h5-ls);}
.art-ual .school-info .college-list .kor{font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); color: var(--edm-color-text-3);}
.art-ual .school-info .college-list .info{margin-top: 12rem; padding: 12rem 16rem; background-color: var(--edm-bg-neutral); border-radius: var(--edm-radius3); isolation: isolate;}
.art-ual .school-info .college-list .row + .row{margin-top: 12rem;}
.art-ual .school-info .college-list .label{display: block; font: var(--edm-f-body2); font-weight: 500; letter-spacing: var(--edm-f-body2-ls);}
.art-ual .school-info .college-list .feature{margin-top: 8rem; color: var(--edm-color-text-2); font: var(--edm-f-body2); font-weight: 400; letter-spacing: var(--edm-f-body2-ls);}
.art-ual .school-info .college-list .feature li{position: relative; padding-left: 18rem;}
.art-ual .school-info .college-list .feature li::before{content: '•'; position: absolute; left: 4rem; }
.art-ual .school-info .college-list .major{margin-top: 8rem; color: var(--edm-color-text-2); font: var(--edm-f-body2); font-weight: 400; letter-spacing: var(--edm-f-body2-ls);}

.art-ual .curriculum-compare .tab-contents .txt-wrap{gap: 40rem;}
.art-ual .curriculum-compare .route-head{display: flex; flex-direction: column; gap: 8rem;}
.art-ual .curriculum-compare .route-tit{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); color: var(--edm-color-text-1);}
.art-ual .curriculum-compare .route-sub{font: var(--edm-f-body1); font-weight: 400; letter-spacing: var(--edm-f-body1-ls); color: var(--edm-color-text-2);}
.art-ual .curriculum-compare .route-sub em{color: var(--edm-brand-blue);}
.art-ual .curriculum-compare .route-boxes{display: flex; gap: 24rem;}
.art-ual .curriculum-compare .route-box{flex: 1; display: flex; flex-direction: column; gap: 12rem; padding: 24rem; background-color: var(--edm-bg-neutral); border-radius: var(--edm-radius3); isolation: isolate;}
.art-ual .curriculum-compare .route-box-tit{font: var(--edm-f-body1); font-weight: 600; letter-spacing: var(--edm-f-body1-ls); color: var(--edm-color-text-1);}
.art-ual .curriculum-compare .route-box ul{color: var(--edm-color-text-2); font: var(--edm-f-body2); font-weight: 400; letter-spacing: var(--edm-f-body2-ls);}
.art-ual .curriculum-compare .route-box ul li{position: relative; padding-left: 18rem; margin: 0; box-shadow: none; border-radius: 0; border: none;}
.art-ual .curriculum-compare .route-box ul li::before{content: '•'; position: absolute; left: 4rem; }

#programs-detail .art-ual .portfolio-criteria .inner > h3{margin-bottom: 8rem;}
.art-ual .portfolio-criteria .gradientTitBox{word-break: normal; margin-top: 24rem;}
.art-ual .portfolio-criteria .major-guide .max-width{padding: 0; }
.art-ual .portfolio-criteria .ad-box{background: linear-gradient(90deg, #FFFAEC 0.41%, #FFF5D9 25.3%, #FFFAEC 50.2%, #FFF5D9 75.09%, #FFFAEC 99.99%); border-radius: var(--edm-radius3); isolation: isolate; border: 1px solid #DEB14F; text-align: center; padding: 40rem; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); font-weight: 600;}
.art-ual .portfolio-criteria .ad-box p{display: inline-flex; align-items: center; gap: 8rem; width: 100%; justify-content: center;}
.art-ual .portfolio-criteria .ad-box i{width: 26rem; height: 26rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-ual/ad-box-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: contain;}

.art-ual .foundation-process{background-color: #F8FAEC; padding: 140rem 0;}
.art-ual .foundation-process .edm-kd6 .card{padding: 24rem; background-color: #fff; gap: 24rem; box-shadow: var(--edm-sd-blue-1);}
.art-ual .foundation-process .edm-kd6 .ico{width: 56rem; height: 56rem;}
.art-ual .foundation-process .edm-kd6 .tit{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600;}
.art-ual .foundation-process .edm-kd6 .desc{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}

#programs-detail .art-ual .portfolio-strategy .portfolio-example .titleWrap{margin: 0;}
.art-ual .portfolio-strategy .portfolio-example{overflow: initial; margin-bottom: 0;}
.art-ual .portfolio-strategy .portfolio-example .slide-navigation{width: 100%; justify-content: flex-end; margin-bottom: 28rem;}
.art-ual .portfolio-strategy .portfolio-example .slide-navigation .fraction{visibility: hidden;}
.art-ual .portfolio-strategy .portfolio-example .max-width{padding: 0;}

.art-ual .common-questions{margin-top: 120rem;}








@media (max-width: 991px) {

	#programs-detail .art-ual .inner > h3{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}

	.art-ual .program-intro .box{padding-bottom: 24rem;}

	.art-ual .school-info{margin-top: 50rem;}
	.art-ual .school-info .college-list{gap: 16rem; grid-template-columns: repeat(2, 1fr);}
	.art-ual .school-info .college-list .card{width: 100%;}
	.art-ual .school-info .college-list .thumb{padding-top: 49%;}
	.art-ual .school-info .college-list .cont{padding: 16rem;}
	.art-ual .school-info .college-list .logo{height: 32rem;}
	.art-ual .school-info .college-list .detail{margin-top: 8rem;}
	.art-ual .school-info .college-list .info{margin-top: 16rem; padding: 8rem 12rem;}
	.art-ual .school-info .college-list .row{display: flex; gap: 8rem;}
	.art-ual .school-info .college-list .row + .row{margin-top: 8rem;}
	.art-ual .school-info .college-list .label{width: 48rem; flex-shrink: 0;}
	.art-ual .school-info .college-list .feature,
	.art-ual .school-info .college-list .major{margin-top: 0;}

	.art-ual .curriculum-compare .tab-contents .txt-wrap{gap: 24rem;}
	.art-ual .curriculum-compare .route-head{gap: 4rem;}
	.art-ual .curriculum-compare .route-tit{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
	.art-ual .curriculum-compare .route-boxes{flex-direction: column; gap: 8rem;}
	.art-ual .curriculum-compare .route-box{padding: 16rem;}

	#programs-detail .art-ual .portfolio-criteria .inner > h3{margin-bottom: 4rem;}
	.art-ual .portfolio-criteria .gradientTitBox{margin-top: 16rem;}
	.art-ual .portfolio-criteria .ad-box{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); padding: 24rem;}
	.art-ual .portfolio-criteria .ad-box i{width: 24rem; height: 24rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-ual/ad-box-icon-mo.svg')}
	.art-ual .portfolio-criteria .ad-box p{gap: 0; white-space: nowrap;}

	.art-ual .foundation-process{margin-top: 60rem; padding: 60rem 0;}
	.art-ual .foundation-process .edm-kd6 .card{padding: 16rem; gap: 12rem;}
	.art-ual .foundation-process .edm-kd6 .ico{width: 32rem; height: 32rem;}
	.art-ual .foundation-process .edm-kd6 .tit{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600;}
	.art-ual .foundation-process .edm-kd6 .desc{margin-top: 8rem;}

	.art-ual .portfolio-strategy{margin-top: 60rem;}
	.art-ual .portfolio-strategy .portfolio-example .max-width{display: flex; flex-wrap: wrap;}
	.art-ual .portfolio-strategy .portfolio-example .slide-navigation{order: 2; width: auto; margin: 0 0 0 auto;}
	.art-ual .portfolio-strategy .portfolio-example .slide-navigation .fraction{visibility: visible;}
	.art-ual .portfolio-strategy .portfolio-example .slideWrap{order: 1; width: 100%;}
}

@media (max-width: 767px) {
	.art-ual .school-info .college-list{grid-template-columns: repeat(1, 1fr);}
}