@charset "UTF-8";

/* 소개 */
.nonmajor-portfolio .program-intro .box:after { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/introCharacter-img.png');}


/*  */
.nonmajor-portfolio .essential-list .listFocus { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24rem; margin-top: 40rem; }
.nonmajor-portfolio .essential-list .listFocus > li { display: flex; gap: 12rem; position: relative; padding: 24rem; border: 1px solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); box-shadow: var(--edm-sd-blue-1); }
.nonmajor-portfolio .essential-list .listFocus > li > div { width: calc(100% - 56rem - 12rem); }
.nonmajor-portfolio .essential-list .listFocus figure { width: 56rem; height: 56rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listFocus-icon01-251030.svg"); background-repeat: no-repeat; background-size: cover; }
.nonmajor-portfolio .essential-list .listFocus figure.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listFocus-icon02.svg"); }
.nonmajor-portfolio .essential-list .listFocus figure.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listFocus-icon03.svg"); }
.nonmajor-portfolio .essential-list .listFocus figure.icon04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listFocus-icon04.svg"); }
.nonmajor-portfolio .essential-list .listFocus .title { display: block; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: var(--edm-color-text-1);}
.nonmajor-portfolio .essential-list .listFocus .text { margin: 8rem 0 24rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}
.nonmajor-portfolio .essential-list .listFocus .tagWrap { line-height: 28rem; }
.nonmajor-portfolio .essential-list .listFocus .tag { display: inline-block; padding: 0 12rem; border-radius: var(--edm-radius4); border: 1px solid var(--edm-brand-primary); font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 600; vertical-align: top; color: var(--edm-brand-primary); line-height: 27rem; height: 27rem; }
.nonmajor-portfolio .essential-list .listFocus .listText { margin-top: 8rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; }


/* 국가별 차이 이해하기 */
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .name{position: relative; padding-left: 38rem; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); margin-bottom: 8rem;}
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .name::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30rem; height: 20rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li:nth-child(1) .textWrap .name::before{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listDiffer-flag01.svg'); }
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li:nth-child(2) .textWrap .name::before{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listDiffer-flag02.svg'); }
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li:nth-child(3) .textWrap .name::before{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listDiffer-flag03.svg'); }
.nonmajor-portfolio .edm-coaching-profile .imgTextCard .textWrap .role{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); margin-bottom: 24rem;}
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .dot:has(b){padding: 0;}
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .dot:has(b)::before{display: none;}
.nonmajor-portfolio .edm-coaching-profile .imgTextCard .textWrap .dot b{font-weight: 600; margin-bottom: 8rem; color: var(--edm-color-text-1); display: block;}
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .dot { position: relative; padding-left: 8rem; font-weight: 400; }
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .dot::before { content: '·'; position: absolute; left: 0; color: inherit; }
/* 2. b만 단독으로 있을 때(기존처럼 점 안 보이게) */
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .dot:has(> b:only-child)::before,
.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .dot:has(b:first-child):has(b:last-child)::before { display: none; }

/* 합격을 이끄는 국내 유일 올인원 시스템 */
.nonmajor-portfolio .all-in-one-system{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/system-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 140rem 0;}
.nonmajor-portfolio .all-in-one-system .titleWrap .article-subTitle b{font-weight: 600; color: #CA1701;}
.nonmajor-portfolio .all-in-one-system .listSystem { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24rem; margin-top: 40rem; }
.nonmajor-portfolio .all-in-one-system .listSystem > li { padding: 24rem; border-radius: var(--edm-radius3); background-color: #fff; }
.nonmajor-portfolio .all-in-one-system .listSystem .imageWrap figure { width: 100%; border-radius: var(--edm-radius3); background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listSystem-img01.png"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 352/180; }
.nonmajor-portfolio .all-in-one-system .listSystem figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listSystem-img02.png"); }
.nonmajor-portfolio .all-in-one-system .listSystem figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listSystem-img03.png"); }
.nonmajor-portfolio .all-in-one-system .listSystem figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listSystem-img04.png"); }
.nonmajor-portfolio .all-in-one-system .listSystem figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listSystem-img05.png"); }
.nonmajor-portfolio .all-in-one-system .listSystem figure.img06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listSystem-img06.png"); }
.nonmajor-portfolio .all-in-one-system .listSystem .textWrap { padding-top: 24rem; }
.nonmajor-portfolio .all-in-one-system .listSystem .textWrap > strong { display: block; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: var(--edm-color-text-1); }
.nonmajor-portfolio .all-in-one-system .listSystem .textWrap > span { display: block; margin-top: 4rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); }

/* 실제 합격으로 증명된 edm의 시스템 */
.nonmajor-portfolio .pass-review .listReview li { display: flex; gap: 24rem; position: relative; padding: 32rem; border: 1px solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); background-color: #fff; box-shadow: var(--edm-sd-blue-1); }
.nonmajor-portfolio .pass-review .listReview li + li { margin-top: 24rem; }
.nonmajor-portfolio .pass-review .listReview li .imageWrap { position: relative; min-width: 360rem; width: 360rem; max-height: 168rem; }
.nonmajor-portfolio .pass-review .listReview li .imageWrap:after { display: block; position: absolute; top: 8rem; right: 8rem; width: 70rem; height: 90rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listReview-icon.svg"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 70/90; content: ""; }
.nonmajor-portfolio .pass-review .listReview li .imageWrap figure { width: 100%; border-radius: var(--edm-radius3); background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listReview-img01.png"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 360/168; }
.nonmajor-portfolio .pass-review .listReview li .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listReview-img02.png"); }
.nonmajor-portfolio .pass-review .listReview li .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listReview-img03.png"); }
.nonmajor-portfolio .pass-review .listReview li .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nonmajor-portfolio/listReview-img04.png"); }
.nonmajor-portfolio .pass-review .listReview li .textWrap { width: calc(100% - 360rem - 24rem); padding-right: calc(154rem + 16rem); }
.nonmajor-portfolio .pass-review .listReview li .title > strong { display: block; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); font-weight: 600; color: var(--edm-color-text-1); }
.nonmajor-portfolio .pass-review .listReview li .title > p { font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); color: var(--edm-color-text-1); font-weight: 400;}
.nonmajor-portfolio .pass-review .listReview li .textWrap > p { padding: 16rem 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); color: var(--edm-color-text-2); font-weight: 400;}
.nonmajor-portfolio .pass-review .listReview li .textWrap > p > strong { font-weight: 400; color: var(--edm-brand-red); }
.nonmajor-portfolio .pass-review .listReview li .textWrap > span { display: block; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); color: var(--edm-color-text-3); }
.nonmajor-portfolio .pass-review .listReview li .textWrap .bar { padding: 0 8rem; color: var(--edm-color-border-neutral); }
.nonmajor-portfolio .pass-review .listReview li .shortcut { position: absolute; top: 50%; right: 32rem; transform: translate(0, -50%);}



@media screen and (max-width: 991px) {
	.nonmajor-portfolio .essential-list .listFocus { grid-template-columns: repeat(1,1fr); gap: 16rem; margin-top: 24rem; }
    .nonmajor-portfolio .essential-list .listFocus > li { gap: 12rem; padding: 16rem; }
    .nonmajor-portfolio .essential-list .listFocus > li > div { width: calc(100% - 40rem - 12rem); }
    .nonmajor-portfolio .essential-list .listFocus figure { width: 40rem; height: 40rem; }
    .nonmajor-portfolio .essential-list .listFocus .title { font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; }
    .nonmajor-portfolio .essential-list .listFocus .text { margin: 8rem 0 12rem; }
    .nonmajor-portfolio .essential-list .listFocus .tagWrap { line-height: 28rem; }
    .nonmajor-portfolio .essential-list .listFocus .tag { line-height: 26rem; padding: 0 8rem; }
    .nonmajor-portfolio .essential-list .listFocus .listText { margin-top: 8rem; letter-spacing: -.2rem; }

	.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .name{padding-left: 26rem;}
	.nonmajor-portfolio .edm-coaching-profile .imgTextCard li .textWrap .name::before{width: 20rem; height: 13rem;}
	.nonmajor-portfolio .edm-coaching-profile .imgTextCard .textWrap .role{margin-bottom: 16rem;}

	.nonmajor-portfolio .all-in-one-system{margin-top: 60rem; padding: 60rem 0; background-color: #E1C3A9; background-image: none;}
	.nonmajor-portfolio .all-in-one-system .listSystem { margin-top: 24rem; gap: 16rem; grid-template-columns: repeat(1, 1fr); }
    .nonmajor-portfolio .all-in-one-system .listSystem > li { padding: 16rem; }
    .nonmajor-portfolio .all-in-one-system .listSystem .imageWrap figure { aspect-ratio: 296/180; }
    .nonmajor-portfolio .all-in-one-system .listSystem .textWrap { padding-top: 16rem; }
    .nonmajor-portfolio .all-in-one-system .listSystem .textWrap > strong { font-weight: 600; }
    .nonmajor-portfolio .all-in-one-system .listSystem .textWrap > span { margin-top: 4rem; letter-spacing: -.3rem; }

	.nonmajor-portfolio .pass-review{margin-top: 60rem;}
	.nonmajor-portfolio .pass-review .listReview li { display: block; padding: 16rem; }
    .nonmajor-portfolio .pass-review .listReview li + li { margin-top: 16rem; }
    .nonmajor-portfolio .pass-review .listReview li .imageWrap { width: 100%; min-width: none; max-height: none; }
    .nonmajor-portfolio .pass-review .listReview li .imageWrap:after { width: 54rem; height: auto; }
    .nonmajor-portfolio .pass-review .listReview li .imageWrap figure { aspect-ratio: 296/120; border-radius: 8rem; }
    .nonmajor-portfolio .pass-review .listReview li .textWrap { width: 100%; margin-top: 16rem; padding-right: 0; }
    .nonmajor-portfolio .pass-review .listReview li .textWrap > p { padding: 16rem 0 8rem; }
    .nonmajor-portfolio .pass-review .listReview li .title > strong { margin: 0 0 4rem; font-size: var(--f-fontSize03); font-weight: 700; letter-spacing: -.2rem; }
    .nonmajor-portfolio .pass-review .listReview li .title > p { font-size: var(--f-fontSize05); }
    .nonmajor-portfolio .pass-review .listReview li .textWrap > span { margin-bottom: 24rem; font-size: var(--f-detail); }
    .nonmajor-portfolio .pass-review .listReview li .shortcut { position: static; transform: translate(0); width: 100%; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 500;}
}