@charset "UTF-8";
/****************************************************
	포트폴리오 클래스 (예: 패션) — 페이지 전용
	common-video-type 내 .more-btn-wrap 과 동일 목적이나 .portfolio-class-cta 로 스코프
	coaching-instructors: programs.scss와 동일 마크업, 포트폴리오는 programs.css 미로드 → 아래 .contents에 imgTextCard 포함
****************************************************/
#portfolio {
  color: var(--edm-color-text-1);
}
#portfolio .page-visual {
  height: 348rem;
}
#portfolio .contents {
  padding-top: 100rem;
}
#portfolio .contents .titleWrap {
  margin-bottom: 40rem;
}
#portfolio .more-btn-wrap {
  width: 100%;
  text-align: center;
  margin-top: 60rem;
}
#portfolio .more-btn-wrap p {
  color: var(--edm-color-text-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
#portfolio .more-btn-wrap p i {
  margin-left: 4rem;
}
#portfolio .more-btn-wrap .shortcut {
  margin-top: 16rem;
}
#portfolio .more-btn-wrap .carousel-review + .more-btn-wrap {
  margin-top: 0;
}
#portfolio .class-overview .imgTextCard li .textWrap {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
#portfolio .class-overview .imgTextCard li .textWrap .tit {
  font: var(--edm-f-h5);
  letter-spacing: var(--edm-f-h5-ls);
  font-weight: 600;
  color: var(--edm-color-text-1);
}
#portfolio .portfolio-curriculum-8steps .titleWrap em {
  color: #006bc8;
}
#portfolio .portfolio-curriculum-8steps .inner .list {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item {
  background: #fff;
  border: 1px solid var(--edm-color-border-blue);
  box-shadow: var(--edm-sd-blue-1);
  border-radius: var(--edm-radius3);
  isolation: isolate;
  overflow: hidden;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .mo-trigger {
  display: none;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24rem;
  padding: 32rem 40rem;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text {
  flex: 1;
  min-width: 0;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .titleRow {
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-bottom: 8rem;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .titleRow .pc-num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32rem;
  height: 32rem;
  border-radius: 50%;
  background: linear-gradient(90deg, #0086fa 0%, #01d29c 100%);
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  color: #fff;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .titleRow .en {
  margin: 0;
  flex: 1;
  min-width: 0;
  font: var(--edm-f-h3);
  letter-spacing: var(--edm-f-h3-ls);
  font-weight: 600;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .sub {
  margin: 0;
  font-weight: 500;
  color: var(--edm-brand-blue);
  margin-bottom: 12rem;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .bullets {
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .bullets li {
  padding-left: 20rem;
  position: relative;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .bullets li::before {
  content: "•";
  position: absolute;
  left: 7rem;
  top: 0;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .photo {
  flex-shrink: 0;
  width: 375rem;
  height: 200rem;
  margin: 0;
  border-radius: 12rem;
  box-shadow: 0 0 0 1px var(--edm-color-border-blue);
  overflow: hidden;
}
#portfolio .portfolio-curriculum-8steps .inner .list .item .body .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#portfolio .portfolio-curriculum-8steps .inner .foot .more-btn-wrap {
  margin-top: 60rem;
}
#portfolio.review .contents {
  padding-top: 0;
}
#portfolio.review .program-intro .box {
  padding: 0 0 32rem 0;
}
#portfolio.review .review-example {
  padding: 140rem 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/art/portfolio/review/review-example-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#portfolio.review .review-example .feature-list {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#portfolio.review .review-example .feature-list .card {
  background-color: #fff;
  border-radius: 16rem;
  isolation: isolate;
  box-shadow: var(--edm-sd-neutral-1);
}
#portfolio.review .review-example .feature-list .card-body {
  display: flex;
  align-items: flex-start;
  gap: 24rem;
  padding: 40rem 50rem;
}
#portfolio.review .review-example .feature-list .text {
  flex: 1;
  min-width: 0;
}
#portfolio.review .review-example .feature-list .tit {
  margin: 0 0 24rem;
  font: var(--edm-f-h2);
  letter-spacing: var(--edm-f-h2-ls);
  font-weight: 600;
  line-height: 1.3;
  color: var(--edm-color-text-1);
}
#portfolio.review .review-example .feature-list .desc {
  margin: 0;
  font: var(--edm-f-body1);
  letter-spacing: var(--edm-f-body1-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
}
#portfolio.review .review-example .feature-list .visual {
  flex-shrink: 0;
}
#portfolio.review .review-example .feature-list .stats-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8rem;
  width: 424rem;
  height: 228rem;
  overflow: hidden;
  padding: 16rem 24rem;
  background-color: #bbf1ef;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  box-sizing: border-box;
}
#portfolio.review .review-example .feature-list .stats-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12rem;
  width: 100%;
}
#portfolio.review .review-example .feature-list .stats-head .label {
  margin: 0;
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 400;
  color: var(--edm-color-text-3);
  text-align: center;
}
#portfolio.review .review-example .feature-list .stats-head .count {
  margin: 0;
  font: 700 30rem/130% Pretendard;
  letter-spacing: 0.6rem;
  color: var(--edm-color-text-1);
  text-align: center;
}
#portfolio.review .review-example .feature-list .stats-head .count strong {
  font: var(--edm-f-h1);
  letter-spacing: var(--edm-f-h1-ls);
}
#portfolio.review .review-example .feature-list .case-list-wrap {
  --case-item-h: 30rem;
  --case-item-gap: 4rem;
  --case-step: calc(var(--case-item-h) + var(--case-item-gap));
  --case-visible-count: 3;
  --case-ticker-count: 4;
  --case-ticker-hold: 1.5s;
  --case-ticker-move: 0.5s;
  --case-ticker-interval: calc(var(--case-ticker-hold) + var(--case-ticker-move));
  --case-ticker-duration: calc(var(--case-ticker-count) * var(--case-ticker-interval));
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#portfolio.review .review-example .feature-list .case-list {
  display: flex;
  flex-direction: column;
  gap: var(--case-item-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: review-case-ticker var(--case-ticker-duration) ease infinite;
}
#portfolio.review .review-example .feature-list .case-list > li {
  flex-shrink: 0;
  box-sizing: border-box;
  height: var(--case-item-h);
  display: flex;
  align-items: center;
  gap: 8rem;
  padding: 4rem 12rem;
  background-color: #fff;
  border-radius: var(--edm-radius1);
  isolation: isolate;
  font: 400 15rem/150% Pretendard;
  letter-spacing: -0.15rem;
  color: var(--edm-color-text-3);
  white-space: nowrap;
}
#portfolio.review .review-example .feature-list .case-list .name {
  flex-shrink: 0;
  width: 42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#portfolio.review .review-example .feature-list .case-list .country {
  flex-shrink: 0;
  width: 52rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#portfolio.review .review-example .feature-list .case-list .school {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#portfolio.review .review-example .feature-list .case-list .year {
  flex-shrink: 0;
  width: 34rem;
  text-align: right;
  color: var(--edm-color-text-3);
}
#portfolio.review .review-example .feature-list .photo {
  position: relative;
  display: block;
  width: 424rem;
  height: 210rem;
  margin: 0;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  overflow: hidden;
}
#portfolio.review .review-example .feature-list .photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#portfolio.review .review-instructors .tabMenu {
  margin-bottom: 40rem;
}
#portfolio.review .review-instructors .tab-contents li.tab {
  display: none;
}
#portfolio.review .review-instructors .tab-contents li.tab.active {
  display: block;
}
#portfolio.review .review-instructors .tab-contents li.tab .textWrap .dot {
  position: relative;
  padding-left: 10rem;
}
#portfolio.review .review-instructors .tab-contents li.tab .textWrap .dot::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
#portfolio.review .review-majors .major-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#portfolio.review .review-majors .major-grid > li {
  min-width: 0;
}
#portfolio.review .review-majors .major-grid .card {
  background-color: #fff;
  border: 1rem solid var(--edm-color-border-blue);
  border-radius: var(--edm-radius3);
  isolation: isolate;
  box-shadow: var(--edm-sd-blue-1);
  padding: 24rem 32rem;
  height: 100%;
  box-sizing: border-box;
}
#portfolio.review .review-majors .major-grid .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24rem;
  min-height: 169rem;
  height: 100%;
}
#portfolio.review .review-majors .major-grid .text {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
#portfolio.review .review-majors .major-grid .tit {
  margin: 0;
  font: var(--edm-f-h4);
  letter-spacing: var(--edm-f-h4-ls);
  font-weight: 600;
  color: var(--edm-color-text-1);
}
#portfolio.review .review-majors .major-grid .desc {
  margin: 0;
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 400;
  color: var(--edm-color-text-3);
}
#portfolio.review .review-majors .major-grid .icon {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}
#portfolio.review .review-majors .major-grid .icon img {
  width: 60rem;
  height: 60rem;
  object-fit: contain;
  display: block;
}
@keyframes review-case-ticker {
  0%, 18.75% {
    transform: translateY(0);
  }
  25%, 43.75% {
    transform: translateY(calc(-1 * var(--case-step)));
  }
  50%, 68.75% {
    transform: translateY(calc(-2 * var(--case-step)));
  }
  75%, 93.75% {
    transform: translateY(calc(-3 * var(--case-step)));
  }
  100% {
    transform: translateY(calc(-4 * var(--case-step)));
  }
}
#portfolio.curriculum .page-visual {
  height: 298rem;
}
#portfolio.curriculum .edm-plan-table-swiper .slideWrap .swiper-wrapper {
  display: block;
  height: auto !important;
}
#portfolio.curriculum .edm-plan-table-swiper .slideWrap .swiper-wrapper .swiper-slide + .swiper-slide {
  margin-top: 60rem;
}
#portfolio.curriculum .overview .imgTextCard li .tit {
  font: var(--edm-f-h5);
  letter-spacing: var(--edm-f-h5-ls);
  font-weight: 600;
  color: var(--edm-color-text-1);
}
#portfolio.curriculum .overview .imgTextCard li .btnWrap {
  text-align: right;
  margin-top: 16rem;
}
#portfolio.curriculum .process-program .program-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24rem;
  row-gap: 60rem;
}
#portfolio.curriculum .process-program .program-list > li a {
  display: block;
}
#portfolio.curriculum .process-program .program-list > li .thumbnail {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-top: 81.7%;
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#portfolio.curriculum .process-program .program-list > li .thumbnail::after {
  content: "";
  width: 40rem;
  height: 40rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-plus-40.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 12rem;
  right: 12rem;
  z-index: 1;
  background-color: var(--edm-color-text-1);
  border-radius: 50%;
  isolation: isolate;
  transition: all 0.3s ease;
}
#portfolio.curriculum .process-program .program-list > li .thumbnail .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.5s ease;
}
#portfolio.curriculum .process-program .program-list > li .thumbnail .titleWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 32rem;
  z-index: 1;
  font: var(--edm-f-h3);
  letter-spacing: var(--edm-f-h3-ls);
}
#portfolio.curriculum .process-program .program-list > li .thumbnail .light, #portfolio.curriculum .process-program .program-list > li .thumbnail .white {
  color: #fff !important;
}
#portfolio.curriculum .process-program .program-list > li .textWrap {
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
  padding-top: 12rem;
}
#portfolio.curriculum .process-program .program-list > li .textWrap .badgeWrap {
  margin-bottom: 4rem;
}
#portfolio.curriculum .process-program .program-list > li:hover .thumbnail::after {
  background-color: var(--edm-color-text-2);
  transform: rotate(90deg);
}
#portfolio.curriculum .process-program .program-list > li:hover .thumbnail .img {
  transform: scale(1.05);
}
#portfolio .edm-coaching-profile .textWrap .dot {
  position: relative;
  padding-left: 10rem;
}
#portfolio .edm-coaching-profile .textWrap .dot::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
#portfolio.class .contents {
  padding-top: 0;
  padding-bottom: 0;
}
#portfolio.class ~ #edm-explore-tiles + #why-edm-artuhak {
  margin-top: 140rem !important;
}
#portfolio.class ~ #edm-explore-tiles {
  background-color: #fff;
  padding: 0;
}
#portfolio.class ~ #edm-explore-tiles .inner .slide {
  margin-top: 40rem;
}
#portfolio.class ~ #edm-explore-tiles .inner .slide .city .imgWrap {
  border-radius: var(--edm-radius3);
}
#portfolio.about {
  padding-bottom: 140rem;
}
#portfolio.about .reason .reason-list {
  display: flex;
  flex-direction: column;
  gap: 80rem;
}
#portfolio.about .reason .reason-list .item {
  display: flex;
  align-items: center;
  gap: 120rem;
  overflow: hidden;
}
#portfolio.about .reason .reason-list .item:nth-child(even) {
  flex-direction: row-reverse;
}
#portfolio.about .reason .reason-list .item .visual, #portfolio.about .reason .reason-list .item .text .num, #portfolio.about .reason .reason-list .item .text .heading, #portfolio.about .reason .reason-list .item .text .desc {
  opacity: 0;
}
#portfolio.about .reason .reason-list .item.is-revealed .visual, #portfolio.about .reason .reason-list .item.is-revealed .text .num, #portfolio.about .reason .reason-list .item.is-revealed .text .heading, #portfolio.about .reason .reason-list .item.is-revealed .text .desc {
  opacity: 1;
}
#portfolio.about .reason .reason-list .item .visual {
  position: relative;
  flex: 0 0 400rem;
  height: 540rem;
  display: flex;
  align-items: flex-end;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  overflow: hidden;
}
#portfolio.about .reason .reason-list .item .visual img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#portfolio.about .reason .reason-list .item .visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100%);
}
#portfolio.about .reason .reason-list .item .visual .caption {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 40rem;
  color: #fff;
}
#portfolio.about .reason .reason-list .item .visual .caption .name {
  font: var(--edm-f-body1);
  letter-spacing: var(--edm-f-body1-ls);
  font-weight: 600;
}
#portfolio.about .reason .reason-list .item .visual .caption .school {
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 300;
}
#portfolio.about .reason .reason-list .item .text {
  width: 500rem;
  word-break: normal;
}
#portfolio.about .reason .reason-list .item .text .num {
  font: 600 24rem/130% Pretendard;
  letter-spacing: -0.48rem;
  color: var(--edm-color-text-1);
}
#portfolio.about .reason .reason-list .item .text .heading {
  margin-top: 40rem;
}
#portfolio.about .reason .reason-list .item .text .heading .en {
  font: var(--edm-f-h2);
  letter-spacing: var(--edm-f-h2-ls);
  font-weight: 600;
  color: var(--edm-color-text-1);
}
#portfolio.about .reason .reason-list .item .text .heading .sub {
  margin-top: 8rem;
  font: var(--edm-f-h5);
  letter-spacing: var(--edm-f-h5-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
}
#portfolio.about .reason .reason-list .item .text .desc {
  margin-top: 40rem;
  font: var(--edm-f-body1);
  letter-spacing: var(--edm-f-body1-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
}
#portfolio.about .reason .reason-list .item .text .desc b {
  font-weight: 700;
}
#portfolio.about .edm-coaching-profile .tabMenu-circle {
  margin-bottom: 40rem;
}
#portfolio.about #edm-explore-tiles {
  background-color: #fff;
  padding: 0;
}
#portfolio.about #edm-explore-tiles .inner .slide .city .imgWrap {
  padding-bottom: 95.5%;
}
#portfolio.about #edm-explore-tiles .more-btn-wrap {
  margin-top: 40rem;
}
#portfolio.about #edm-explore-tiles .more-btn-wrap .shortcut {
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  #portfolio .page-visual {
    height: 300rem;
  }
  #portfolio .page-visual .shortcut {
    display: none;
  }
  #portfolio .more-btn-wrap {
    margin-top: 40rem;
  }
  #portfolio .more-btn-wrap .shortcut {
    margin-top: 12rem;
  }
  #portfolio .contents {
    padding-top: 50rem;
  }
  #portfolio .contents .titleWrap {
    margin-bottom: 24rem;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list {
    gap: 12rem;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item {
    border-radius: var(--edm-radius3);
    /* 모바일 본문: jQuery slideDown(300)/slideUp(300)만 사용 — .is-open은 쉐브론·그림자만 */
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item.is-open {
    box-shadow: 0 0 0 1px var(--edm-brand-primary);
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item.is-open .mo-chevron {
    transform: rotate(-180deg);
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .mo-trigger {
    display: flex;
    align-items: center;
    gap: 12rem;
    width: 100%;
    padding: 20rem 16rem;
    margin: 0;
    box-sizing: border-box;
    border: none;
    background: #fff;
    cursor: pointer;
    text-align: left;
    font: inherit;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .mo-trigger .mo-num {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24rem;
    height: 24rem;
    border-radius: 9999px;
    background: linear-gradient(90deg, #0086fa 0%, #01d29c 100%);
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    font-weight: 500;
    color: #fff;
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 500;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .mo-trigger .mo-title {
    flex: 1;
    min-width: 0;
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 600;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .mo-trigger .mo-chevron {
    flex-shrink: 0;
    width: 20rem;
    height: 20rem;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/common-questions-arrow-20.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .body {
    display: none;
    flex-wrap: wrap;
    gap: 20rem;
    margin-top: 4rem;
    padding: 0 16rem 20rem;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .body .text {
    gap: 12rem;
    order: 2;
    width: 100%;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .titleRow {
    display: none;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .sub {
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1ls);
    font-weight: 600;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .body .text .bullets {
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    font-weight: 400;
  }
  #portfolio .portfolio-curriculum-8steps .inner .list .item .body .photo {
    order: 1;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 296/180;
  }
  #portfolio .portfolio-curriculum-8steps .inner .foot .more-btn-wrap {
    margin-top: 40rem;
  }
  #portfolio .edm-coaching-profile .inner .textWrap {
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    font-weight: 400;
  }
  #portfolio .edm-coaching-profile .inner .textWrap .name {
    margin-bottom: 2rem;
  }
  #portfolio .edm-coaching-profile .inner .textWrap .role {
    font: var(--edm-f-body2);
    letter-spacing: var(--edm-f-body2-ls);
    font-weight: 400;
  }
  #portfolio.review .program-intro .box {
    padding-bottom: 24rem;
  }
  #portfolio.review .review-example {
    margin-top: 60rem;
    padding: 60rem 0;
    background-color: #E5F9F8;
    background-image: none;
  }
  #portfolio.review .review-example .case-list-wrap {
    --case-item-h: 28rem;
  }
  #portfolio.review .review-example .feature-list {
    gap: 16rem;
  }
  #portfolio.review .review-example .feature-list .card-body {
    flex-direction: column;
    padding: 16rem;
  }
  #portfolio.review .review-example .feature-list .card-body .text {
    order: 2;
  }
  #portfolio.review .review-example .feature-list .card-body .visual {
    width: 100%;
    order: 1;
  }
  #portfolio.review .review-example .feature-list .tit {
    margin-bottom: 12rem;
  }
  #portfolio.review .review-example .feature-list .stats-panel {
    width: 100%;
    padding: 12rem;
    height: 163rem;
    border-radius: var(--edm-radius2);
  }
  #portfolio.review .review-example .feature-list .stats-head {
    gap: 8rem;
    justify-content: center;
  }
  #portfolio.review .review-example .feature-list .stats-head .count {
    font: 700 30rem/130% Pretendard;
    letter-spacing: 0.6rem;
  }
  #portfolio.review .review-example .feature-list .stats-head .count strong {
    font: inherit;
    letter-spacing: inherit;
  }
  #portfolio.review .review-example .feature-list .case-list-wrap {
    --case-item-h: 28rem;
  }
  #portfolio.review .review-example .feature-list .case-list > li {
    gap: 4rem;
    padding: 4rem 8rem;
    font: var(--edm-f-detail);
    letter-spacing: var(--edm-f-detail-ls);
    font-weight: 400;
  }
  #portfolio.review .review-example .feature-list .case-list > li .name {
    width: 30rem;
  }
  #portfolio.review .review-example .feature-list .case-list > li .country {
    width: 38rem;
  }
  #portfolio.review .review-example .feature-list .case-list > li .school {
    width: auto;
    flex: 1;
  }
  #portfolio.review .review-example .feature-list .case-list > li .year {
    width: 32rem;
  }
  #portfolio.review .review-example .feature-list .photo {
    width: 100%;
    height: auto;
    padding-top: 49.7%;
    position: relative;
    overflow: hidden;
    border-radius: var(--edm-radius2);
  }
  #portfolio.review .review-example .feature-list .photo > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #portfolio.review .review-example .feature-list .logo-strip {
    left: 49rem;
    right: auto;
    bottom: 25rem;
    gap: 12rem;
    padding: 6rem 12rem;
  }
  #portfolio.review .review-example .feature-list .logo-strip img {
    height: 18rem;
  }
  #portfolio.review .review-instructors {
    margin-top: 60rem;
  }
  #portfolio.review .review-instructors .tabMenu-circle {
    margin-bottom: 24rem;
  }
  #portfolio.review .review-instructors .inner .imgTextCard.type2 li .textWrap .role {
    margin-bottom: 12rem;
  }
  #portfolio.review .review-instructors .inner .imgTextCard.type2 li .textWrap .dot {
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    font-weight: 400;
  }
  #portfolio.review .review-instructors .inner .imgTextCard.type2 li .imgWrap {
    padding-top: 61%;
  }
  #portfolio.review .review-majors .major-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16rem;
  }
  #portfolio.review .review-majors .major-grid .card {
    padding: 16rem;
  }
  #portfolio.review .review-majors .major-grid .card-body {
    flex-direction: row;
    align-items: center;
    gap: 8rem;
    min-height: 0;
  }
  #portfolio.review .review-majors .major-grid .text {
    flex: 1;
    min-width: 0;
    gap: 2rem;
  }
  #portfolio.review .review-majors .major-grid .tit {
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 600;
  }
  #portfolio.review .review-majors .major-grid .icon {
    align-items: center;
  }
  #portfolio.review .review-majors .major-grid .icon img {
    width: 40rem;
    height: 40rem;
  }
  #portfolio.curriculum .page-visual {
    height: 264rem;
  }
  #portfolio.curriculum .overview .imgTextCard li .btnWrap {
    margin-top: 12rem;
  }
  #portfolio.curriculum .overview .imgTextCard li .btnWrap .shortcut {
    height: 26rem;
    line-height: 26rem;
    padding: 0 12rem;
  }
  #portfolio.curriculum .process-program .program-list {
    row-gap: 32rem;
    column-gap: 8rem;
    grid-template-columns: repeat(3, 1fr);
  }
  #portfolio.curriculum .process-program .program-list > li .thumbnail {
    padding-top: 87.7%;
  }
  #portfolio.curriculum .process-program .program-list > li .thumbnail::after {
    display: none;
  }
  #portfolio.curriculum .process-program .program-list > li .thumbnail .titleWrap {
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    padding: 16rem;
  }
  #portfolio.curriculum .process-program .program-list > li .textWrap .badge {
    font-size: 12rem;
    height: 20rem;
    line-height: 20rem;
    padding: 0 4rem;
  }
  #portfolio.class ~ #edm-explore-tiles + #why-edm-artuhak {
    margin-top: 60rem !important;
  }
  #portfolio.class ~ #edm-explore-tiles .inner .slide {
    margin-top: 24rem;
  }
  #portfolio.class ~ .common-related-programs .inner {
    display: flex;
    flex-wrap: wrap;
  }
  #portfolio.class ~ .common-related-programs .inner .slide {
    order: 1;
  }
  #portfolio.class ~ .common-related-programs .inner .slide-navigation {
    display: inline-flex;
    order: 2;
    margin: 16rem 0 0 auto;
  }
  #portfolio.about {
    padding-bottom: 60rem;
  }
  #portfolio.about .reason .reason-list {
    gap: 40rem;
    padding: 0 16rem;
  }
  #portfolio.about .reason .reason-list .item {
    display: block;
  }
  #portfolio.about .reason .reason-list .item:nth-child(even) {
    flex-direction: column;
    align-items: stretch;
    gap: 24rem;
  }
  #portfolio.about .reason .reason-list .item .visual, #portfolio.about .reason .reason-list .item .text .num, #portfolio.about .reason .reason-list .item .text .heading, #portfolio.about .reason .reason-list .item .text .desc {
    opacity: 1;
    will-change: initial;
  }
  #portfolio.about .reason .reason-list .item .visual {
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 135.2%;
  }
  #portfolio.about .reason .reason-list .item .visual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #portfolio.about .reason .reason-list .item .visual .caption {
    padding: 24rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  #portfolio.about .reason .reason-list .item .visual .caption .school {
    font: var(--edm-f-detail);
    letter-spacing: var(--edm-f-detail-ls);
    font-weight: 300;
  }
  #portfolio.about .reason .reason-list .item .text {
    padding: 24rem 0 0;
    width: 100%;
  }
  #portfolio.about .reason .reason-list .item .text .num {
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 600;
  }
  #portfolio.about .reason .reason-list .item .text .heading {
    margin-top: 16rem;
  }
  #portfolio.about .reason .reason-list .item .text .heading .en {
    font-weight: 700;
  }
  #portfolio.about .reason .reason-list .item .text .heading .sub {
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    font-weight: 400;
    margin: 0;
  }
  #portfolio.about .reason .reason-list .item .text .desc {
    margin-top: 16rem;
  }
  #portfolio.about .reason .reason-list .item .text .desc br {
    display: none;
  }
  #portfolio.about .edm-coaching-profile .tabMenu-circle {
    margin-bottom: 24rem;
  }
  #portfolio.about #edm-explore-tiles .inner .slide .city .imgWrap {
    padding-bottom: 0;
    aspect-ratio: 160/153;
  }
}
@media (prefers-reduced-motion: reduce) {
  #portfolio.review .case-list {
    animation: none;
  }
}
@media screen and (max-width: 767px) {
  #portfolio.curriculum .process-program .program-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}