@charset "UTF-8";
/*******************************************
	Main Page
*******************************************/
#main > section {
  padding: 140rem 0;
  background-color: #fff;
}
#main > section .titleWrap {
  margin-bottom: 60rem;
}
#main > section .titleWrap.text-center {
  text-align: center;
}
#main .components-section .max-width {
  max-width: 1712rem;
}
#main {
  /* 메인 배너 슬라이드 */
}
#main .main-banner-slide {
  padding: 60rem 0 74rem;
  overflow: hidden;
}
#main .main-banner-slide .slide {
  position: relative;
}
#main .main-banner-slide .slide::before {
  margin-left: -100%;
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
}
#main .main-banner-slide .slide .swiper-slide {
  padding-top: 23.3%;
  overflow: hidden;
  position: relative;
  border-radius: var(--edm-radius4);
  isolation: isolate;
}
#main .main-banner-slide .slide .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .main-banner-slide .slide .swiper-slide .bg * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .main-banner-slide .slide .swiper-slide .textWrap {
  padding: 40rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
#main .main-banner-slide .slide .swiper-slide .textWrap h2 {
  font: var(--edm-f-h1);
  letter-spacing: var(--edm-f-h1-ls);
}
#main .main-banner-slide .slide .swiper-slide .textWrap p {
  margin-top: 12rem;
  font: var(--edm-f-h5);
  letter-spacing: var(--edm-f-h5-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
}
#main .main-banner-slide .slide .swiper-slide .textWrap .badge {
  display: inline-block;
  padding: 0 16rem;
  position: absolute;
  bottom: 40rem;
  left: 40rem;
  height: 35rem;
  font: var(--edm-f-body1);
  font-weight: 600;
  line-height: 35rem;
  color: #fff;
  letter-spacing: var(--edm-f-body1-ls);
  border-radius: var(--edm-radiusFull);
  isolation: isolate;
}
#main .main-banner-slide .slide .swiper-slide .textWrap .badge::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  content: "";
  backdrop-filter: blur(2rem);
  border-radius: inherit;
  isolation: isolate;
}
#main .main-banner-slide .slide .swiper-slide.white {
  color: #fff;
}
#main .main-banner-slide .slide .swiper-slide.white p {
  color: inherit;
}
#main .main-banner-slide .slide-navigation {
  justify-content: flex-end;
  margin-top: 28rem;
  width: 100%;
}
#main .main-banner-slide.lock .slide-navigation {
  display: none;
}
#main {
  /* 유학 프로그램 빠른 검색 */
}
#main .quick-search {
  padding-top: 0;
}
#main .quick-search .inner .article-subTitle + .article-subTitle {
  margin-top: 0;
}
#main .quick-search .inner .article-subTitle em {
  color: var(--edm-brand-red);
}
#main .quick-search .inner .textWrap {
  width: 33%;
  max-width: 544rem;
}
#main .quick-search .inner .search-subMain {
  width: calc(100% - 544rem);
  max-width: 1112rem;
}
#main .quick-search .inner .search-subMain #search {
  margin-bottom: 0;
  top: 0;
}
#main .quick-search .inner .search-subMain #search .select-wrap {
  gap: 24rem;
  flex-wrap: nowrap;
}
#main .quick-search .inner .search-subMain #search .select-wrap .edm-select-area {
  width: 100%;
  max-width: 432rem;
}
#main .quick-search .inner .search-subMain #search .select-wrap .edm-select-area.art-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
#main .quick-search .inner .search-subMain #search .select-wrap .edm-select-area.art-msg b {
  font-weight: 600;
}
#main .quick-search .inner .search-subMain #search .select-wrap .artBtn {
  padding: 0 43rem;
  width: auto;
}
#main {
  /* Why edm유학센터 */
}
#main .why-edm {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/why-edm-bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#main .why-edm .titleWrap {
  text-align: center;
}
#main .why-edm .inner .countWrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40rem 0;
  overflow: hidden;
  position: relative;
  color: #fff;
  border-radius: var(--edm-radius4);
  isolation: isolate;
  column-gap: 24rem;
}
#main .why-edm .inner .countWrap::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(110, 49, 245, 0.8) 0%, rgba(78, 49, 245, 0.8) 100%);
  content: "";
  backdrop-filter: blur(2rem);
}
#main .why-edm .inner .countWrap > * {
  position: relative;
  z-index: 1;
}
#main .why-edm .inner .countWrap .box {
  flex: 1;
  width: 354rem;
  text-align: center;
}
#main .why-edm .inner .countWrap .box .tit {
  display: inline-block;
  margin-bottom: 12rem;
  padding: 0 14rem;
  height: 30rem;
  background-color: #3200A2;
  font-weight: 600;
  line-height: 30rem;
  border-radius: var(--edm-radiusFull);
  isolation: isolate;
}
#main .why-edm .inner .countWrap .box .tit.ico {
  padding-left: 38rem;
  height: 38rem;
  background-repeat: no-repeat;
  background-position: 14rem 50%;
  background-size: 20rem auto;
  line-height: 38rem;
}
#main .why-edm .inner .countWrap .box .tit.ico.home {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/review/main/home.svg");
}
#main .why-edm .inner .countWrap .box .tit.ico.instagram {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/review/main/instagram.svg");
}
#main .why-edm .inner .countWrap .box .tit.ico.blog {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/review/main/blog.svg");
}
#main .why-edm .inner .countWrap .box .tit.ico.youtube {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/review/main/youtube.svg");
}
#main .why-edm .inner .countWrap .box .num {
  font: var(--edm-f-display);
  letter-spacing: var(--edm-f-display-ls);
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .why-edm .inner .countWrap .box .desc {
  margin-top: 12rem;
  font-size: 11rem;
  font-weight: 500;
  line-height: 150%;
  color: #CAB2FF;
  letter-spacing: -0.55rem;
}
#main .why-edm .inner .countWrap > p.desc {
  margin-top: 24rem;
  width: 100%;
  font: var(--edm-f-detail);
  letter-spacing: var(--edm-f-detail-ls);
  font-weight: 500;
  color: #CAB2FF;
  text-align: center;
}
#main .why-edm .inner .cardWrap {
  display: grid;
  margin-top: 60rem;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24rem;
  row-gap: 16rem;
}
#main .why-edm .inner .cardWrap .card {
  padding: 24rem;
  box-shadow: var(--edm-sd-neutral-2);
  background-color: #fff;
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#main .why-edm .inner .cardWrap .card img {
  margin-bottom: 24rem;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#main .why-edm .inner .cardWrap .card .tit {
  font: var(--edm-f-h3);
  letter-spacing: var(--edm-f-h3-ls);
}
#main .why-edm .inner .cardWrap .card .desc {
  margin-top: 4rem;
  font: var(--edm-f-detail);
  color: var(--edm-color-text-3);
  letter-spacing: var(--edm-f-detail-ls);
}
#main {
  /* 검증된 추천 프로그램 */
}
#main .recommended-program .inner .list {
  display: grid;
  margin-top: 40rem;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 24rem;
  row-gap: 32rem;
}
#main .recommended-program .inner .list li {
  display: contents;
  height: auto;
}
#main .recommended-program .inner .list li a {
  width: 100%;
  height: auto;
}
#main .recommended-program .inner .list li .thumbnail {
  padding-top: 92.4%;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#main .recommended-program .inner .list li .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  object-fit: cover;
}
#main .recommended-program .inner .list li .thumbnail .title {
  padding: 32rem 32rem 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  font: var(--edm-f-h3);
  letter-spacing: var(--edm-f-h3-ls);
}
#main .recommended-program .inner .list li .thumbnail .title.white {
  color: #fff;
}
#main .recommended-program .inner .list li .thumbnail::after {
  position: absolute;
  right: 12rem;
  bottom: 12rem;
  z-index: 1;
  width: 40rem;
  height: 40rem;
  background-color: var(--edm-color-text-1);
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-plus-40.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
  content: "";
  border-radius: 50%;
  isolation: isolate;
}
#main .recommended-program .inner .list li .textWrap {
  padding-top: 12rem;
}
#main .recommended-program .inner .list li .textWrap .title {
  margin-top: 4rem;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-2);
  letter-spacing: var(--edm-f-body2-ls);
}
@media (hover: hover) and (pointer: fine) {
  #main .recommended-program .inner .list li:hover .thumbnail {
    border-radius: var(--edm-radius3);
    isolation: isolate;
  }
  #main .recommended-program .inner .list li:hover .thumbnail::after {
    background-color: var(--edm-color-text-2);
    transform: rotate(90deg);
  }
  #main .recommended-program .inner .list li:hover .thumbnail img {
    transform: scale(1.05);
  }
}
#main .recommended-program .inner .btnWrap {
  margin-top: 60rem;
  text-align: center;
}
#main {
  /* 신뢰로 이어진 고객 후기 */
}
#main .customer-review {
  position: relative;
  background-color: transparent;
}
#main .customer-review .effect-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-1.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.5s ease;
}
#main .customer-review .inner .left {
  width: calc(100% - 828rem);
}
#main .customer-review .inner .left .navWrap {
  position: sticky;
  top: 140rem;
}
#main .customer-review .inner .left .navWrap .titleWrap {
  margin-bottom: 100rem;
}
#main .customer-review .inner .left .navWrap .titleWrap .shortcut {
  margin-top: 24rem;
  background-color: transparent;
}
#main .customer-review .inner .left .navWrap .tabWrap {
  margin-left: -16rem;
  padding: 0 16rem;
  overflow-x: auto;
  width: calc(100% + 32rem);
  white-space: nowrap;
}
#main .customer-review .inner .left .navWrap .tabWrap::scrollbar {
  display: none;
}
#main .customer-review .inner .left .navWrap .tabWrap li + li {
  margin-top: 8rem;
}
#main .customer-review .inner .left .navWrap .tabWrap li .btn {
  display: inline-block;
  padding: 16rem;
  background-color: rgba(255, 255, 255, 0.8);
  font: var(--edm-f-h4);
  color: var(--edm-color-text-2);
  letter-spacing: var(--edm-f-h4-ls);
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#main .customer-review .inner .left .navWrap .tabWrap li .btn span {
  display: inline-block;
  margin-left: 12rem;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-3);
  letter-spacing: var(--edm-f-body2-ls);
}
#main .customer-review .inner .left .navWrap .tabWrap li.active .btn {
  background-color: var(--edm-brand-primary);
  font-weight: 600;
  color: #fff;
}
#main .customer-review .inner .left .navWrap .tabWrap li.active .btn span {
  font-weight: 500;
  color: #fff;
}
#main .customer-review .inner .right {
  display: flex;
  flex-wrap: wrap;
  width: 828rem;
  column-gap: 24rem;
  row-gap: 60rem;
}
#main .customer-review .inner .right a {
  padding: 40rem;
  overflow: hidden;
  position: relative;
  width: calc(50% - 12rem);
  height: 500rem;
  color: #fff;
  border-radius: var(--edm-radius4);
  isolation: isolate;
}
#main .customer-review .inner .right a:nth-child(2) {
  margin-top: 140rem;
}
#main .customer-review .inner .right a:nth-child(2n+1):not(:first-child) {
  margin-top: -140rem;
  margin-bottom: 140rem;
}
#main .customer-review .inner .right a .img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .customer-review .inner .right a .img * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .customer-review .inner .right a .img::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%), transparent;
  content: "";
  pointer-events: none;
  touch-action: none;
}
#main .customer-review .inner .right a > * {
  position: relative;
  z-index: 2;
  word-break: normal;
}
#main .customer-review .inner .right a .name {
  font-weight: 300;
}
#main .customer-review .inner .right a .subject {
  margin-top: 12rem;
  font: var(--edm-f-h5);
  font-weight: 600;
  letter-spacing: var(--edm-f-h5-ls);
}
#main .customer-review .inner .right a .shortcut {
  margin-top: 32rem;
  font-weight: 300;
  border-radius: var(--edm-radiusFull);
  isolation: isolate;
}
@media (hover: hover) and (pointer: fine) {
  #main .customer-review .inner .right a .shortcut:hover {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
  }
}
#main .customer-review .inner .right a.video .img::before {
  position: absolute;
  right: 16rem;
  bottom: 16rem;
  z-index: 2;
  width: 48rem;
  height: 48rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/youtube-play-48.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
  content: "";
}
#main .customer-review .inner .right a.video:hover .img::before {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/youtube-play-48-green.svg");
}
#main .customer-review.type2 .right {
  margin-bottom: 0;
}
#main .customer-review + .youtube-channel {
  padding-top: 140rem;
}
#main {
  /* edm유학센터와 함께한 피플즈 */
}
#main .people {
  padding-bottom: 70rem;
  overflow: hidden;
}
#main .people .titleWrap {
  margin-bottom: 0;
}
#main .people .inner {
  margin-top: -40rem;
}
#main .people .inner .slide-navigation {
  justify-content: flex-end;
  margin-bottom: 150rem;
  width: 100%;
}
#main .people .inner .slide .swiper-slide {
  position: relative;
  width: 544rem;
  transition: all 0.6s ease 0.3s;
}
#main .people .inner .slide .swiper-slide .videoWrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 544/306;
  border-radius: var(--edm-radius4);
  isolation: isolate;
}
#main .people .inner .slide .swiper-slide .videoWrap figure {
  transition: all 0.5s ease;
}
#main .people .inner .slide .swiper-slide .videoWrap * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .people .inner .slide .swiper-slide .videoWrap::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  transition: opacity 0.3s ease;
  content: "";
  pointer-events: none;
  touch-action: none;
}
#main .people .inner .slide .swiper-slide .videoWrap::after {
  position: absolute;
  top: 16rem;
  right: 16rem;
  z-index: 2;
  width: 48rem;
  height: 48rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/youtube-play-48.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
#main .people .inner .slide .swiper-slide .subject {
  padding: 16rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  font: var(--edm-f-h5);
  color: #fff;
  letter-spacing: var(--edm-f-h5-ls);
  transition: color 0.6s ease 0.3s, padding 0.6s ease 0.3s, font 0.6s ease 0.3s, letter-spacing 0.6s ease 0.3s, -webkit-line-clamp 0.6s ease 0.6s;
}
#main .people .inner .slide .swiper-slide.swiper-slide-active {
  margin-top: -86rem;
  padding-bottom: 86rem;
}
#main .people .inner .slide .swiper-slide.swiper-slide-active .videoWrap::before {
  opacity: 0;
}
#main .people .inner .slide .swiper-slide.swiper-slide-active .subject {
  padding: 47rem 0 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/icon-people-30.svg");
  background-repeat: no-repeat;
  background-position: top 16rem left;
  background-size: 30rem;
  font: var(--edm-f-h3);
  color: var(--edm-color-text-1);
  letter-spacing: var(--edm-f-h3-ls);
}
@media (hover: hover) and (pointer: fine) {
  #main .people .inner .slide .swiper-slide:hover .videoWrap figure {
    transform: scale(1.05);
  }
}
#main {
  /* 국내 최대 유학 채널 */
}
#main .youtube-channel {
  padding-top: 70rem;
  padding-bottom: 100rem;
}
#main .youtube-channel .titleWrap {
  margin-bottom: 50rem;
}
#main .youtube-channel + .banner-content {
  margin-top: 0;
  padding-top: 0;
}
#main {
  /* 차별화된 고객 서비스 */
}
#main .customer-service {
  background-color: #F8FAEC;
}
#main .customer-service .inner {
  display: grid;
  gap: 24rem;
  grid-template-columns: repeat(3, 1fr);
}
#main .customer-service .inner.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
#main .customer-service .inner .box {
  box-shadow: var(--edm-sd-blue-1);
  overflow: hidden;
  background-color: #fff;
  border-radius: var(--edm-radius4);
  isolation: isolate;
}
#main .customer-service .inner .box .imgWrap {
  padding-top: 49.7%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#main .customer-service .inner .box .imgWrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  object-fit: cover;
}
#main .customer-service .inner .box .imgWrap .badge {
  padding: 0 14rem;
  position: absolute;
  top: 16rem;
  left: 16rem;
  z-index: 1;
  height: 30rem;
  background-color: var(--edm-brand-blue);
  font: var(--edm-f-body1);
  font-weight: 600;
  line-height: 30rem;
  color: #fff;
  letter-spacing: var(--edm-f-body1-ls);
  border-radius: var(--edm-radiusFull);
  isolation: isolate;
}
#main .customer-service .inner .box .textWrap {
  padding: 24rem;
}
#main .customer-service .inner .box .textWrap em {
  color: var(--edm-brand-blue);
}
#main .customer-service .inner .box .textWrap .tit {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  font: var(--edm-f-h5);
  letter-spacing: var(--edm-f-h5-ls);
  padding-right: 28rem;
  position: relative;
  white-space: nowrap;
}
#main .customer-service .inner .box .textWrap .tit svg {
  margin-left: 4rem;
  width: 24rem;
  height: 24rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#main .customer-service .inner .box .textWrap .txt {
  margin-top: 2rem;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-3);
  letter-spacing: var(--edm-f-body2-ls);
}
@media (hover: hover) and (pointer: fine) {
  #main .customer-service .inner .box:hover .imgWrap img {
    transform: scale(1.05);
  }
}
#main {
  /* 공지사항 & Q&A */
}
#main .notice-qna .area a {
  display: block;
}
#main .notice-qna .area .titleWrap .article-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .notice-qna .area .titleWrap .article-title .more {
  display: inline-flex;
  align-items: center;
  font: var(--edm-f-body2);
  font-weight: 500;
  letter-spacing: var(--edm-f-body2-ls);
}
#main .notice-qna .area .titleWrap .article-title .more svg {
  margin-left: 4rem;
  width: 16rem;
  height: 16rem;
}
@media (hover: hover) and (pointer: fine) {
  #main .notice-qna .area .titleWrap .article-title .more:hover {
    color: var(--edm-color-text-2);
  }
  #main .notice-qna .area .titleWrap .article-title .more:hover svg path {
    stroke: var(--edm-color-text-2);
  }
}
#main .notice-qna .area .list {
  font: var(--edm-f-h5);
  font-weight: 400;
  letter-spacing: var(--edm-f-h5-ls);
}
#main .notice-qna .area .list li + li {
  margin-top: 16rem;
}
#main .notice-qna .area .list li a {
  width: 100%;
}
#main .notice-qna .area .list li a .subject span {
  position: relative;
}
#main .notice-qna .area .list li a .subject span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--edm-color-text-2);
  content: "";
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  #main .notice-qna .area .list li a:hover .subject span::after {
    opacity: 1;
  }
}
#main .notice-qna .area article {
  color: var(--edm-color-text-2);
}
#main .notice-qna .area article.notice {
  padding-right: 80rem;
  width: calc(100% - 544rem);
}
#main .notice-qna .area article.notice .inner {
  display: flex;
}
#main .notice-qna .area article.notice .inner .pinned-item {
  display: flex;
  width: 52%;
  max-width: 544rem;
  column-gap: 24rem;
}
#main .notice-qna .area article.notice .inner .pinned-item a {
  width: calc(50% - 12rem);
}
#main .notice-qna .area article.notice .inner .pinned-item a .thumbnail {
  padding-top: 92.5%;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/no-image.webp");
  background-size: 92rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E2E2E5;
}
#main .notice-qna .area article.notice .inner .pinned-item a .thumbnail::after {
  position: absolute;
  right: 12rem;
  bottom: 12rem;
  z-index: 1;
  width: 40rem;
  height: 40rem;
  background-color: var(--edm-color-text-1);
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-plus-40.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
  content: "";
  border-radius: 50%;
  isolation: isolate;
}
#main .notice-qna .area article.notice .inner .pinned-item a .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  object-fit: cover;
}
#main .notice-qna .area article.notice .inner .pinned-item a .textWrap {
  padding-top: 12rem;
}
#main .notice-qna .area article.notice .inner .pinned-item a .textWrap .date {
  margin-top: 4rem;
  font: var(--edm-f-detail);
  color: var(--edm-color-text-3);
  letter-spacing: var(--edm-f-detail-ls);
}
@media (hover: hover) and (pointer: fine) {
  #main .notice-qna .area article.notice .inner .pinned-item a:hover .thumbnail::after {
    background-color: var(--edm-color-text-2);
    transform: rotate(90deg);
  }
  #main .notice-qna .area article.notice .inner .pinned-item a:hover .thumbnail img {
    transform: scale(1.05);
  }
}
#main .notice-qna .area article.notice .inner .list {
  padding-left: 24rem;
  width: 48%;
}
#main .notice-qna .area article.notice .inner .list li .date {
  display: none;
}
#main .notice-qna .area article.qna {
  width: 544rem;
}
#main .notice-qna .area article.qna .list li {
  padding-left: 38rem;
  position: relative;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/icon-qna-30.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30rem;
}
#main .notice-qna .area article.qna .list li a .info {
  margin-top: 4rem;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-3);
  letter-spacing: var(--edm-f-body2-ls);
  column-gap: 13rem;
}
#main .notice-qna .area article.qna .list li a .info span + span {
  position: relative;
}
#main .notice-qna .area article.qna .list li a .info span + span::before {
  position: absolute;
  top: 50%;
  left: -6rem;
  width: 1px;
  height: 14rem;
  background-color: var(--edm-color-text-3);
  content: "";
  transform: translateY(-50%);
}
#main {
  /* 국내 지사 · 해외 센터 안내 */
}
#main .branch-guide {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/branch-guide-bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#main .branch-guide .inner {
  display: flex;
  gap: 40rem;
  color: var(--edm-color-text-2);
}
#main .branch-guide .inner h3 {
  margin-bottom: 24rem;
  font: var(--edm-f-h4);
  font-weight: 600;
  letter-spacing: var(--edm-f-h4-ls);
}
#main .branch-guide .inner .link {
  display: flex;
  gap: 12rem;
  flex-wrap: wrap;
}
#main .branch-guide .inner .link a {
  display: flex;
  align-items: center;
  padding: 16rem;
  box-shadow: 0 0 0 1px var(--edm-color-border-blue);
  background-color: #fff;
  font: var(--edm-f-h5);
  font-weight: 400;
  letter-spacing: var(--edm-f-h5-ls);
  transition: all 0.3s ease;
  border-radius: var(--edm-radius2);
  isolation: isolate;
}
#main .branch-guide .inner .link a i {
  margin-right: 4rem;
  width: 20rem;
  height: 20rem;
}
#main .branch-guide .inner .link a span {
  font: var(--edm-f-body2);
  font-weight: 400;
  letter-spacing: var(--edm-f-body2-ls);
}
#main .branch-guide .inner .link a p {
  display: inline-block;
  margin-left: 16rem;
  padding-right: 14rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/icon-branch-guide-arrow-12.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12rem;
}
@media (hover: hover) and (pointer: fine) {
  #main .branch-guide .inner .link a:hover {
    box-shadow: 0 0 0 1px var(--edm-brand-primary);
  }
}
#main .branch-guide .inner .domestic {
  width: 388rem;
}
#main .branch-guide .inner .overseas {
  width: 969rem;
}
#main {
  /* 수상 · 국제기구 협력 */
}
#main .award-agency {
  overflow: hidden;
}
#main .award-agency .inner .slide {
  margin-top: 40rem;
}
#main .award-agency .inner .slide .swiper-slide {
  background-color: #fff;
  transition: none !important;
}
#main .award-agency .inner .slide .swiper-slide.swiper-slide-active {
  z-index: 3;
}
#main .award-agency .inner .slide .swiper-slide .scroll-track {
  display: flex;
  flex-wrap: nowrap;
}
#main .award-agency .inner .slide .swiper-slide .scroll-track .logo-wrapper {
  display: flex;
  flex-wrap: nowrap;
  animation: scrollLeft 15s linear infinite;
  will-change: transform;
}
#main .award-agency .inner .slide .swiper-slide .scroll-track .logo-wrapper .logo {
  margin-right: 24rem;
  width: 142rem;
  font: var(--edm-f-detail);
  color: var(--edm-color-text-3);
  text-align: center;
  letter-spacing: var(--edm-f-detail-ls);
}
#main .award-agency .inner .slide .swiper-slide .scroll-track .logo-wrapper .logo img {
  margin-bottom: 8rem;
}
@keyframes scrollLeft {
  from {
    transform: translate3d(0%, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
#main .banner-full {
  margin-top: 0;
  padding: 0;
}
#main {
  /* 공지사항 & 최신 정보 */
}
#main .notice-latest-info {
  overflow: hidden;
  background-color: var(--edm-bg-neutral);
}
#main .notice-latest-info .area {
  justify-content: space-between;
  column-gap: 80rem;
}
#main .notice-latest-info .area .titleWrap .article-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .notice-latest-info .area .titleWrap .article-title .more {
  display: inline-flex;
  align-items: center;
  font: var(--edm-f-body2);
  font-weight: 500;
  letter-spacing: var(--edm-f-body2-ls);
}
#main .notice-latest-info .area .titleWrap .article-title .more svg {
  margin-left: 4rem;
  width: 16rem;
  height: 16rem;
}
@media (hover: hover) and (pointer: fine) {
  #main .notice-latest-info .area .titleWrap .article-title .more:hover {
    color: var(--edm-color-text-2);
  }
  #main .notice-latest-info .area .titleWrap .article-title .more:hover path {
    stroke: var(--edm-color-text-2);
  }
}
#main .notice-latest-info .area article {
  width: calc(50% - 40rem);
}
#main .notice-latest-info .area article .list li + li {
  margin-top: 16rem;
}
#main .notice-latest-info .area article .list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .notice-latest-info .area article .list li a .subject {
  padding-right: 24rem;
  padding-left: 42rem;
  position: relative;
  font: var(--edm-f-h5);
  font-weight: 400;
  color: var(--edm-color-text-1);
  color: var(--edm-color-text-2);
  letter-spacing: var(--edm-f-h5-ls);
}
#main .notice-latest-info .area article .list li a .subject::before {
  position: absolute;
  left: 0;
  width: 30rem;
  height: 30rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-notice-list-30.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
#main .notice-latest-info .area article .list li a .subject span {
  position: relative;
}
#main .notice-latest-info .area article .list li a .subject span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--edm-color-text-2);
  content: "";
  opacity: 0;
}
#main .notice-latest-info .area article .list li a .date {
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-3);
  letter-spacing: var(--edm-f-body2-ls);
}
@media (hover: hover) and (pointer: fine) {
  #main .notice-latest-info .area article .list li a:hover .subject span::after {
    opacity: 1;
  }
}
#main .notice-latest-info .area article.latest-info .list li:nth-child(n+4) {
  display: none;
}
#main .notice-latest-info .area article.latest-info .list li a .subject::before {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/icon-latest-info-list-30.svg");
}
#main {
  /* 국가별 어학연수 가이드 */
}
#main .country-guide {
  overflow: hidden;
}
#main .country-guide .inner {
  margin-top: -100rem;
}
#main .country-guide .inner .slide-navigation {
  justify-content: flex-end;
  margin-bottom: 64rem;
  width: 100%;
}
#main .country-guide .inner .slide {
  position: relative;
}
#main .country-guide .inner .slide::before {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
}
#main .country-guide .inner .slide .swiper-slide {
  width: 260rem;
}
#main .country-guide .inner .slide .swiper-slide .thumbnail {
  padding-top: 84.7%;
  overflow: hidden;
  position: relative;
  border-radius: var(--edm-radius4);
  isolation: isolate;
}
#main .country-guide .inner .slide .swiper-slide .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  object-fit: cover;
}
#main .country-guide .inner .slide .swiper-slide .thumbnail .title {
  padding: 24rem 24rem 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
}
#main .country-guide .inner .slide .swiper-slide .thumbnail .title h3 {
  font: var(--edm-f-h2);
  letter-spacing: var(--edm-f-h2-ls);
}
#main .country-guide .inner .slide .swiper-slide .thumbnail .title p {
  margin-top: 4rem;
  font: var(--edm-f-body1);
  font-weight: 400;
  letter-spacing: var(--edm-f-body1-ls);
}
#main .country-guide .inner .slide .swiper-slide .textWrap {
  padding: 24rem 24rem 0;
}
#main .country-guide .inner .slide .swiper-slide .textWrap .price {
  display: flex;
  justify-content: space-between;
}
#main .country-guide .inner .slide .swiper-slide .textWrap .price + .price {
  margin-top: 4rem;
}
#main .country-guide .inner .slide .swiper-slide .textWrap .price p {
  display: flex;
}
#main .country-guide .inner .slide .swiper-slide .textWrap .price p b {
  display: inline-block;
}
#main .country-guide .inner .slide .swiper-slide .btnWrap {
  justify-content: space-between;
  padding-top: 24rem;
}
#main .country-guide .inner .slide .swiper-slide .btnWrap .more {
  border-radius: var(--edm-radiusFull);
  isolation: isolate;
}
@media (hover: hover) and (pointer: fine) {
  #main .country-guide .inner .slide .swiper-slide:hover .thumbnail img {
    transform: scale(1.07);
  }
}
#main .country-guide.lock .slide-navigation {
  visibility: hidden;
}
#main .country-guide.col2 .max-width {
  display: flex;
  position: relative;
}
#main .country-guide.col2 .titleWrap {
  width: 568rem;
  padding-right: 24rem;
  position: relative;
  z-index: 3;
}
#main .country-guide.col2 .inner {
  width: calc(100% - 568rem);
  margin-top: 0;
}
#main .country-guide.col2 .inner .slide-navigation {
  position: absolute;
  left: 16rem;
  bottom: 0;
  margin: 0;
  z-index: 3;
  justify-content: flex-start;
  width: auto;
}
#main {
  /* Why edm어학연수 */
}
#main .why-edm-language-study {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/why-edm-language-study-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-bottom: 92rem;
}
#main .why-edm-language-study .inner {
  display: flex;
}
#main .why-edm-language-study .inner .tabWrap {
  width: 426rem;
}
#main .why-edm-language-study .inner .tabWrap .tab {
  font: var(--edm-f-h4);
  letter-spacing: var(--edm-f-h4-ls);
  font-weight: 400;
  color: var(--edm-color-text-2);
  height: 65rem;
  line-height: 65rem;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 16rem;
  display: flex;
  align-items: center;
  width: auto;
  margin: 0;
  opacity: 1;
  transition: all 0.3s ease;
}
#main .why-edm-language-study .inner .tabWrap .tab + .tab {
  margin-top: 8rem;
}
#main .why-edm-language-study .inner .tabWrap .tab i {
  width: 30rem;
  height: 30rem;
  background-color: var(--edm-bg-neutral);
  border-radius: 50%;
  isolation: isolate;
  display: inline-block;
  margin-right: 8rem;
  transition: all 0.3s ease;
}
#main .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active {
  background-color: var(--edm-brand-primary);
  color: #fff;
  font-weight: 600;
}
#main .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active i {
  background-color: #fff;
}
#main .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(1) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-1-active.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(2) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-2-active.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(3) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-3-active.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(4) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-4-active.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab:nth-child(1) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-1.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab:nth-child(2) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-2.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab:nth-child(3) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-3.svg");
}
#main .why-edm-language-study .inner .tabWrap .tab:nth-child(4) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/language-study/main/icon-why-edm-language-study-4.svg");
}
#main .why-edm-language-study .inner .right {
  width: calc(100% - 426rem);
  position: relative;
  height: 483rem;
}
#main .why-edm-language-study .inner .right .slide {
  width: calc(100vw - (50vw - 426rem - 48rem));
  position: absolute;
  overflow: hidden;
  padding: 24rem;
  top: -24rem;
  left: -24rem;
  height: 100%;
}
#main .why-edm-language-study .inner .right .slide .swiper-slide {
  padding: 40rem;
  background-color: #fff;
  width: 544rem;
  border-radius: var(--edm-radius4);
  isolation: isolate;
  box-shadow: var(--edm-sd-neutral-2);
  text-align: center;
  transition: opacity 0.3s ease;
  height: 100%;
}
#main .why-edm-language-study .inner .right .slide .swiper-slide .tit {
  font: var(--edm-f-h2);
  letter-spacing: var(--edm-f-h2-ls);
  font-weight: 600;
}
#main .why-edm-language-study .inner .right .slide .swiper-slide .txt {
  margin-top: 4rem;
  color: var(--edm-color-text-3);
}
#main .why-edm-language-study .inner .right .slide .swiper-slide .imgWrap {
  margin-top: 24rem;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  overflow: hidden;
  position: relative;
  padding-top: 56.5%;
}
#main .why-edm-language-study .inner .right .slide .swiper-slide .imgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
}
#main .why-edm-language-study .inner .right .slide .swiper-slide.swiper-slide-prev {
  opacity: 0;
}
#main .why-edm-language-study .inner .right .slide .swiper-slide.swiper-slide-active {
  box-shadow: 0 0 0 1px var(--edm-brand-primary);
}
#main {
  /* 추천 어학연수 기관 */
}
#main .recommended-agency {
  overflow: hidden;
  padding-bottom: 92rem;
}
#main .recommended-agency .inner {
  position: relative;
}
#main .recommended-agency .inner .left {
  width: 402rem;
}
#main .recommended-agency .inner .right {
  position: relative;
  width: calc(100% - 402rem);
  height: 280rem;
}
#main .recommended-agency .inner .right .slide {
  padding: 24rem;
  overflow: hidden;
  position: absolute;
  top: -24rem;
  left: -24rem;
  width: calc(100vw - (50vw - 402rem - 48rem));
  height: 100%;
}
#main .recommended-agency .inner .right .slide .swiper-slide {
  padding: 24rem;
  border: 1px solid var(--edm-color-border-blue);
  box-shadow: var(--edm-sd-blue-1);
  width: 260rem;
  height: 100%;
  background-color: #fff;
  transition: opacity 0.3s ease;
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#main .recommended-agency .inner .right .slide .swiper-slide .logo {
  width: 100%;
  height: 90rem;
  object-fit: contain;
}
#main .recommended-agency .inner .right .slide .swiper-slide .logo img {
  height: 100%;
  object-fit: contain;
}
#main .recommended-agency .inner .right .slide .swiper-slide .eng {
  margin: 8rem 0 2rem;
  font: var(--edm-f-h5);
  font-weight: 600;
  letter-spacing: var(--edm-f-h5-ls);
}
#main .recommended-agency .inner .right .slide .swiper-slide .kor {
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-2);
  letter-spacing: var(--edm-f-body2-ls);
}
#main .recommended-agency .inner .right .slide .swiper-slide.swiper-slide-prev {
  opacity: 0;
}
#main .recommended-agency .inner .slide-navigation {
  position: absolute;
  bottom: 40rem;
  left: 0;
}
#main {
  /* 하단 배너 */
}
#main .bottom-banner {
  margin-top: 0;
  padding-top: 140rem;
}
#main .bottom-banner .max-width.l .max-width {
  padding: 0;
  max-width: initial;
}
#main .bottom-banner .banner-content + .col2 {
  margin-top: 24rem;
}
#main .bottom-banner .col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24rem;
}
#main .bottom-banner .col2 .banner-content {
  margin: 0;
}
#main {
  /* 새로운 시작이 남긴 우리의 진짜 이야기들 */
}
#main .review-short {
  overflow: hidden;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/review/main/review-short-bg.webp");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
}
#main .review-short .article-title {
  display: inline-block;
  margin-bottom: 60rem;
  padding-right: 86rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/review/main/sort-tit-icon.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 70rem;
  text-align: center;
}
#main .review-short .slide-navigation, #main .review-short .btn-wrap {
  display: none;
}
#main .review-short .slide {
  padding-bottom: 74rem;
  position: relative;
}
#main .review-short .slide .splide__track {
  overflow: initial;
}
#main .review-short .slide .splide__track .splide__slide {
  cursor: default;
  border-radius: var(--edm-radius3);
  isolation: isolate;
}
#main .review-short .slide .splide__track .splide__slide .videoWrap {
  padding: 4rem;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  pointer-events: none;
  transform: scale(0.85);
  aspect-ratio: 260/468;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  touch-action: none;
}
#main .review-short .slide .splide__track .splide__slide .videoWrap::before {
  padding: 4rem;
  position: absolute;
  z-index: 3;
  background: linear-gradient(90deg, #1CF4E2, #34F85F);
  transition: all 0.3s ease;
  content: "";
  pointer-events: none;
  inset: 0;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  touch-action: none;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  opacity: 0;
}
#main .review-short .slide .splide__track .splide__slide .videoWrap::after {
  position: absolute;
  top: 16rem;
  right: 16rem;
  z-index: 2;
  width: 48rem;
  height: 48rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/youtube-play-48.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
#main .review-short .slide .splide__track .splide__slide .videoWrap * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .review-short .slide .splide__track .splide__slide .videoWrap.play iframe {
  display: block;
}
#main .review-short .slide .splide__track .splide__slide .videoWrap.play figure {
  display: none;
}
#main .review-short .slide .splide__track .splide__slide.is-active:not(.splide__slide--clone) .videoWrap {
  transform: scale(1);
}
#main .review-short .slide .splide__track .splide__slide.is-active:not(.splide__slide--clone) .videoWrap::before {
  opacity: 1;
}
#main .review-short .slide .splide__track .splide__slide.is-active:not(.splide__slide--clone) .videoWrap::after {
  display: none;
}
#main .review-short .slide .splide__track .splide__slide.is-active:not(.splide__slide--clone) .videoWrap.click {
  pointer-events: visible;
  touch-action: auto;
}
#main .review-short .slide .splide__track .splide__slide .textWrap {
  display: none;
}
#main .review-short .slide .splide__arrows {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#main {
  /* edm유학센터를 선택한 이유 */
}
#main .uhak-reason {
  padding-top: 0;
  overflow: hidden;
}
#main .uhak-reason .slide {
  overflow: initial;
}
#main .uhak-reason .slide::before {
  left: -100%;
  width: 100%;
  background: linear-gradient(90deg, #fff 94%, #fff 98%, transparent 100%);
}
#main .uhak-reason .slide::after {
  display: none;
}
#main .uhak-reason .slide .swiper-slide {
  transition: opacity 0.5s ease;
}
#main .uhak-reason .slide .swiper-slide.swiper-slide-prev {
  opacity: 0;
}
#main {
  /* 감사해요 edm */
}
#main .reviews-gsap .titleWrap {
  margin-bottom: 40rem;
}
#main {
  /************************************************
  	어학연수
  ************************************************/
}
#main.language-abroad .customer-review .effect-bg {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-0.webp");
}
#main {
  /************************************************
  	해외대학
  ************************************************/
}
#main.university-abroad .customer-review .effect-bg {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-1.webp");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(1) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-1.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(2) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-2.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(3) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-3.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(4) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-4.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(1) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-1-active.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(2) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-2-active.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(3) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-3-active.svg");
}
#main.university-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(4) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/icon-why-edm-language-study-4-active.svg");
}
#main {
  /************************************************
  	영국유학
  ************************************************/
}
#main.uk-abroad #search #main-quick-search-form .select-wrap .edm-select-area:nth-of-type(1) .select2-selection__arrow, #main.uk-abroad #search #main-quick-search-form .select-wrap .edm-select-area:nth-of-type(3) .select2-selection__arrow {
  display: none;
}
#main.uk-abroad .country-guide .inner {
  margin-top: 0;
}
#main.uk-abroad .country-guide .inner .slide-navigation, #main.uk-abroad .country-guide .inner .splide__arrows {
  display: none;
}
#main.uk-abroad .uk-info {
  padding-top: 0;
  position: relative;
  z-index: 0;
}
#main.uk-abroad .uk-info .titleWrap {
  width: 544rem;
}
#main.uk-abroad .uk-info .right {
  width: calc(100% - 544rem);
  display: flex;
  gap: 24rem;
}
#main.uk-abroad .uk-info .right .card {
  padding: 40rem;
  position: relative;
  width: 100%;
  height: 300rem;
  border-radius: var(--edm-radius4);
  isolation: isolate;
  overflow: hidden;
}
#main.uk-abroad .uk-info .right .card .textWrap {
  color: #fff;
}
#main.uk-abroad .uk-info .right .card .textWrap h3 {
  margin-bottom: 4rem;
  font: var(--edm-f-h2);
  letter-spacing: var(--edm-f-h2-ls);
  font-weight: 600;
  margin-bottom: 4rem;
}
#main.uk-abroad .uk-info .right .card .textWrap p {
  font: var(--edm-f-body1);
  letter-spacing: var(--edm-f-body1-ls);
  font-weight: 300;
}
#main.uk-abroad .uk-info .right .card .textWrap .shortcut {
  margin-top: 32rem;
  font-weight: 300;
}
@media (hover: hover) and (pointer: fine) {
  #main.uk-abroad .uk-info .right .card .textWrap .shortcut:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-color: #fff;
  }
}
#main.uk-abroad .uk-info .right .card .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main.uk-abroad .uk-info .right .card.card2 {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/main/uk/qs-logo1.webp");
  background-repeat: no-repeat;
  background-position: right 40rem bottom 40rem;
  background-size: 150rem auto;
}
#main.uk-abroad .customer-review .effect-bg {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-3.webp");
}
#main.uk-abroad .bottom-banner {
  padding-top: 140rem;
}
#main.uk-abroad .bottom-banner .components-section {
  margin-top: 0;
}
#main {
  /************************************************
  	조기유학
  ************************************************/
}
#main.junior-abroad .junior-latest-info {
  background-color: var(--edm-bg-neutral);
}
#main.junior-abroad .junior-latest-info .article-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#main.junior-abroad .junior-latest-info .article-title .more {
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
#main.junior-abroad .junior-latest-info .article-title .more svg {
  width: 16rem;
  height: 16rem;
  margin-left: 4rem;
}
@media (hover: hover) and (pointer: fine) {
  #main.junior-abroad .junior-latest-info .article-title .more:hover {
    color: var(--edm-color-text-2);
  }
  #main.junior-abroad .junior-latest-info .article-title .more:hover svg path {
    stroke: var(--edm-color-text-2);
  }
}
#main.junior-abroad .junior-latest-info .inner .list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24rem;
}
#main.junior-abroad .junior-latest-info .inner .list li {
  color: var(--edm-color-text-2);
}
#main.junior-abroad .junior-latest-info .inner .list li a {
  display: block;
}
#main.junior-abroad .junior-latest-info .inner .list li a .imgWrap {
  padding-top: 46.2%;
  position: relative;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  overflow: hidden;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/no-image.webp");
  background-size: 92rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E2E2E5;
}
#main.junior-abroad .junior-latest-info .inner .list li a .imgWrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
#main.junior-abroad .junior-latest-info .inner .list li a .textWrap {
  padding-top: 12rem;
}
#main.junior-abroad .junior-latest-info .inner .list li a .textWrap .subject {
  height: 54rem;
  font-weight: 700;
}
#main.junior-abroad .junior-latest-info .inner .list li a .textWrap .content {
  margin-top: 12rem;
  padding-top: 12rem;
  border-top: 1px solid var(--edm-color-border-neutral);
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 400;
  height: 60rem;
}
#main.junior-abroad .junior-latest-info .inner .list li a .textWrap .date {
  font: var(--edm-f-detail);
  letter-spacing: var(--edm-f-detail-ls);
  color: var(--edm-color-text-3);
  margin-top: 12rem;
}
@media (hover: hover) and (pointer: fine) {
  #main.junior-abroad .junior-latest-info .inner .list li a:hover .imgWrap img {
    transform: scale(1.05);
  }
}
#main.junior-abroad .customer-review .effect-bg {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-2.webp");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(1) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-1.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(2) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-2.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(3) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-3.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab:nth-child(4) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-4.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(1) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-1-active.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(2) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-2-active.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(3) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-3-active.svg");
}
#main.junior-abroad .why-edm-language-study .inner .tabWrap .tab.swiper-pagination-bullet-active:nth-child(4) i {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/junior-abroad/main/icon-why-edm-junior-abroad-4-active.svg");
}
#main.junior-abroad .parent-review .inner {
  margin-top: -100rem;
}
#main.junior-abroad .parent-review .inner .slide-navigation {
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 64rem;
}
#main.junior-abroad .parent-review .inner .slide {
  overflow: hidden;
}
#main.junior-abroad .parent-review .inner .slide .swiper-slide {
  width: 260rem;
  height: 350rem;
  border-radius: var(--edm-radius3);
  isolation: isolate;
  overflow: hidden;
}
#main.junior-abroad .parent-review .inner .slide .swiper-slide * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main {
  /************************************************
  	유학후기
  ************************************************/
}
#main.review .uhak-reason .slide {
  overflow: hidden;
}

@media screen and (max-width: 1400px) {
  #main .main-banner-slide .slide .swiper-slide {
    padding-top: 0;
    width: 480rem;
    height: 390rem;
  }
}
@media screen and (max-width: 1200px) {
  #main {
    /* 유학 프로그램 빠른 검색 */
  }
  #main .quick-search .inner .textWrap {
    width: 40%;
  }
  #main .quick-search .inner .search-subMain {
    width: 60%;
  }
  #main {
    /* 검증된 추천 프로그램 */
  }
  #main .recommended-program .inner .list {
    grid-template-columns: repeat(3, 1fr);
  }
  #main .customer-review .inner .left {
    width: 460rem;
  }
  #main .customer-review .inner .right {
    width: calc(100% - 460rem);
  }
  #main {
    /* 공지사항 & Q&A */
  }
  #main .notice-qna .area article.notice .inner .pinned-item {
    display: none;
  }
  #main .notice-qna .area article.notice .inner .list {
    padding-left: 0;
    width: 100%;
  }
  #main {
    /* 하단 배너 */
  }
  #main .bottom-banner {
    padding-top: 60rem;
  }
  #main .bottom-banner .col2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 992px) {
  #main .main-banner-slide .slide .swiper-slide {
    max-width: 33.3333333333%;
  }
  #main .main-banner-slide .slide .swiper-slide h2, #main .main-banner-slide .slide .swiper-slide p {
    transform: none !important;
  }
  #main {
    /* 영국유학 */
  }
  #main.uk-abroad .country-guide .splide__list {
    display: flex;
    gap: 24rem;
    transition: 0.4s;
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
    width: 200rem;
    height: 300rem;
    transition: 0.4s;
    cursor: pointer;
    border-radius: var(--edm-radius4);
    isolation: isolate;
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    content: "";
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item .img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item h3 {
    margin: auto auto 40rem;
    z-index: 2;
    font: var(--edm-f-h3);
    letter-spacing: var(--edm-f-h3-ls);
    font-weight: 600;
    color: #fff;
    text-align: center;
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item h3::after {
    position: absolute;
    top: 12rem;
    right: 12rem;
    z-index: 2;
    width: 40rem;
    height: 40rem;
    visibility: hidden;
    background-color: var(--edm-color-text-1);
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-plus-40.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease;
    content: "";
    border-radius: 50%;
    isolation: isolate;
    opacity: 0;
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item.is-hover {
    flex: 0 0 528rem;
    width: 528rem;
  }
  #main.uk-abroad .country-guide .splide__list .uk-program-item.is-hover h3::after {
    visibility: visible;
    background-color: var(--edm-color-text-2);
    transform: rotate(180deg);
    opacity: 1;
  }
}
@media screen and (max-width: 991px) {
  #main > section {
    padding: 60rem 0;
  }
  #main > section .titleWrap {
    margin-bottom: 32rem;
  }
  #main > section .btnWrap {
    margin-top: 0 !important;
    text-align: center;
  }
  #main > section .btnWrap .moreBtn {
    margin-top: 40rem;
    height: 40rem;
    font: var(--edm-f-h5);
    font-weight: 500;
    line-height: 40rem;
    letter-spacing: var(--edm-f-h5-ls);
  }
  #main {
    /* 메인 배너 슬라이드 */
  }
  #main .main-banner-slide {
    padding: 0;
  }
  #main .main-banner-slide .max-width {
    padding: 0;
    position: relative;
  }
  #main .main-banner-slide .slide .swiper-slide {
    width: 100%;
    height: auto;
    min-height: 294rem;
    border-radius: 0;
    isolation: isolate;
    aspect-ratio: 360/294;
  }
  #main .main-banner-slide .slide .swiper-slide .textWrap {
    padding: 40rem 32rem 0;
  }
  #main .main-banner-slide .slide .swiper-slide .textWrap h2 {
    font: var(--edm-f-display);
    letter-spacing: var(--edm-f-display-ls);
  }
  #main .main-banner-slide .slide .swiper-slide .textWrap p {
    margin-top: 8rem;
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    font-weight: 400;
  }
  #main .main-banner-slide .slide .swiper-slide .textWrap .badge {
    margin-top: 12rem;
    padding: 0 8rem;
    position: relative;
    bottom: auto;
    left: auto;
    height: 24rem;
    font: var(--edm-f-detail);
    line-height: 24rem;
    letter-spacing: var(--edm-f-detail-ls);
    border-radius: var(--edm-radius1);
    isolation: isolate;
    color: var(--edm-color-text-2);
  }
  #main .main-banner-slide .slide .swiper-slide .textWrap .badge::after {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.3);
  }
  #main .main-banner-slide .slide .swiper-slide.white .badge {
    color: #fff;
  }
  #main .main-banner-slide .slide .swiper-slide.white .badge::after {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.3);
  }
  #main .main-banner-slide .slide-navigation {
    margin: 0;
    position: absolute;
    right: 12rem;
    bottom: 12rem;
    z-index: 1;
  }
  #main {
    /* 유학 프로그램 빠른 검색 */
  }
  #main .quick-search .page-shortcut-wrap {
    margin-right: auto;
    margin-left: auto;
    padding-top: 40rem;
    max-width: 744rem;
  }
  #main .quick-search .page-shortcut-wrap .flex {
    justify-content: space-between;
  }
  #main .quick-search .page-shortcut-wrap .flex a {
    font: var(--edm-f-body2);
    font-weight: 400;
    color: var(--edm-color-text-2);
    text-align: center;
    letter-spacing: var(--edm-f-body2-ls);
  }
  #main .quick-search .page-shortcut-wrap .flex a i {
    margin-bottom: 8rem;
    width: 64rem;
    height: 60rem;
    background-color: var(--edm-bg-neutral);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42rem;
    border-radius: 20rem;
    isolation: isolate;
  }
  #main .quick-search .page-shortcut-wrap .flex a i.language {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/page-shortcut-wrap-1.webp");
  }
  #main .quick-search .page-shortcut-wrap .flex a i.university {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/page-shortcut-wrap-2.webp");
  }
  #main .quick-search .page-shortcut-wrap .flex a i.early {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/page-shortcut-wrap-3.webp");
  }
  #main .quick-search .page-shortcut-wrap .flex a i.art {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/page-shortcut-wrap-4.webp");
  }
  #main .quick-search .inner {
    padding-top: 40rem;
  }
  #main .quick-search .inner .textWrap {
    width: 100%;
  }
  #main .quick-search .inner .search-subMain {
    margin-top: 24rem;
    width: 100%;
  }
  #main .quick-search .inner .search-subMain .inner {
    padding: 16rem;
  }
  #main {
    /* Why edm유학센터 */
  }
  #main .why-edm {
    background-color: #EDEEF9;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/why-edm-bg-mo.webp");
    background-position: top center;
    background-size: 100%;
  }
  #main .why-edm [data-aos] {
    transition-delay: 0s !important;
  }
  #main .why-edm .titleWrap {
    text-align: left;
  }
  #main .why-edm .inner .countWrap {
    padding: 24rem 0;
    border-radius: var(--edm-radius3);
    isolation: isolate;
    column-gap: 0;
  }
  #main .why-edm .inner .countWrap .box {
    width: auto;
    white-space: nowrap;
  }
  #main .why-edm .inner .countWrap .box .tit {
    padding: 0 8rem;
    height: 20rem;
    font-size: 11rem;
    line-height: 20rem;
  }
  #main .why-edm .inner .countWrap .box .tit.ico {
    padding: 0 14rem 0 38rem;
    height: 32rem;
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    line-height: 32rem;
    font-weight: 600;
  }
  #main .why-edm .inner .countWrap .box .num {
    font: var(--edm-f-h1);
    letter-spacing: var(--edm-f-h1-ls);
  }
  #main .why-edm .inner .countWrap .box .desc {
    display: none;
  }
  #main .why-edm .inner .cardWrap {
    margin-top: 32rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16rem;
  }
  #main .why-edm .inner .cardWrap .card {
    padding: 16rem;
  }
  #main .why-edm .inner .cardWrap .card img {
    margin-bottom: 16rem;
    border-radius: var(--edm-radius2);
    isolation: isolate;
  }
  #main .why-edm .inner .cardWrap .card .tit {
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
  }
  #main .why-edm.review .titleWrap {
    text-align: center;
  }
  #main .why-edm.review .countWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24rem;
  }
  #main .why-edm.review .countWrap > p.desc {
    margin-top: -8rem;
    grid-column: 1/-1;
  }
  #main {
    /* 검증된 추천 프로그램 */
  }
  #main .recommended-program .inner .list {
    margin-top: 24rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8rem;
  }
  #main .recommended-program .inner .list li .thumbnail::after {
    display: none;
  }
  #main .recommended-program .inner .list li .thumbnail .title {
    padding: 16rem 16rem 0;
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
  }
  #main .recommended-program .inner .list li .textWrap .badge {
    padding: 0 4rem;
    height: 20rem;
    font-size: 12rem;
    line-height: 20rem;
  }
  #main {
    /* 신뢰로 이어진 고객 후기 */
  }
  #main .customer-review .effect-bg {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-0-mo.webp");
    background-position: top center;
  }
  #main .customer-review .inner .left {
    width: 100%;
  }
  #main .customer-review .inner .left .navWrap {
    margin-bottom: 24rem;
  }
  #main .customer-review .inner .left .navWrap .titleWrap {
    margin-bottom: 32rem;
  }
  #main .customer-review .inner .left .navWrap .tabWrap {
    display: flex;
    gap: 12rem;
  }
  #main .customer-review .inner .left .navWrap .tabWrap li + li {
    margin-top: 0;
  }
  #main .customer-review .inner .left .navWrap .tabWrap li .btn {
    padding: 0 16rem;
    height: 34rem;
    background-color: #fff;
    font: var(--edm-f-detail);
    line-height: 34rem;
    letter-spacing: var(--edm-f-detail-ls);
    border-radius: var(--edm-radiusFull);
    isolation: isolate;
  }
  #main .customer-review .inner .left .navWrap .tabWrap li .btn span {
    display: none;
  }
  #main .customer-review .inner .right {
    margin-bottom: 0;
    width: 100%;
    column-gap: 8rem;
    row-gap: 32rem;
  }
  #main .customer-review .inner .right a {
    padding: 0;
    width: calc(50% - 4rem);
    height: auto;
    color: var(--edm-color-text-2) !important;
    border-radius: 0;
    isolation: isolate;
  }
  #main .customer-review .inner .right a:nth-child(2) {
    margin-top: 0;
  }
  #main .customer-review .inner .right a:nth-child(2n+1):not(:first-child) {
    margin-top: 0;
    margin-bottom: 0;
  }
  #main .customer-review .inner .right a .img {
    margin-bottom: 16rem;
    position: relative;
    height: auto;
    border-radius: var(--edm-radius3);
    isolation: isolate;
    aspect-ratio: 160/200;
  }
  #main .customer-review .inner .right a .img::after {
    display: none;
  }
  #main .customer-review .inner .right a .name {
    font: var(--edm-f-detail);
    color: var(--edm-color-text-3) !important;
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main .customer-review .inner .right a .subject {
    display: -moz-box;
    display: -webkit-box;
    margin-top: 2rem;
    overflow: hidden;
    font: var(--edm-f-body2);
    font-weight: 400;
    letter-spacing: var(--edm-f-body2-ls);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  #main .customer-review .inner .right a .shortcut {
    display: none;
  }
  #main .customer-review .inner .right a.video .img::before {
    width: 40rem;
    height: 40rem;
    top: 12rem;
    right: 12rem;
    bottom: auto;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/youtube-play-40.svg");
  }
  #main .customer-review.type2 .inner .left .navWrap .titleWrap {
    margin-bottom: 24rem;
  }
  #main .customer-review.type2 .inner .right a {
    display: block !important;
  }
  #main .customer-review + .youtube-channel {
    padding: 60rem 0;
  }
  #main {
    /* edm유학센터와 함께한 피플즈 */
  }
  #main .people {
    padding-bottom: 0;
  }
  #main .people .titleWrap {
    margin-bottom: 86rem;
    text-align: center;
  }
  #main .people .inner {
    margin-top: 0;
    padding-bottom: 41rem;
    position: relative;
  }
  #main .people .inner .slide-navigation {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #main .people .inner .slide .swiper-slide {
    width: 216rem;
  }
  #main .people .inner .slide .swiper-slide .videoWrap {
    border-radius: var(--edm-radius3);
    isolation: isolate;
  }
  #main .people .inner .slide .swiper-slide .videoWrap::after {
    top: 12rem;
    right: 12rem;
    width: 40rem;
    height: 40rem;
  }
  #main .people .inner .slide .swiper-slide .subject {
    padding: 12rem;
    top: calc(100% - 40rem);
    bottom: auto;
    font: var(--edm-f-detail);
    font-weight: 700;
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main .people .inner .slide .swiper-slide.swiper-slide-active {
    margin-top: -54rem;
    padding-bottom: 54rem;
  }
  #main .people .inner .slide .swiper-slide.swiper-slide-active .subject {
    display: -moz-box;
    display: -webkit-box;
    padding: 12rem 0 0;
    top: calc(100% - 54rem);
    background-image: none;
    font: var(--edm-f-body1);
    font-weight: 600;
    letter-spacing: var(--edm-f-body1-ls);
    white-space: initial;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  #main {
    /* 국내 최대 유학 채널 */
  }
  #main .youtube-channel {
    padding-top: 60rem;
    padding-bottom: 60rem;
  }
  #main .youtube-channel .titleWrap {
    margin-bottom: 4rem;
  }
  #main {
    /* 차별화된 고객 서비스 */
  }
  #main .customer-service .titleWrap {
    margin-bottom: 24rem;
  }
  #main .customer-service .inner {
    grid-template-columns: repeat(1, 1fr);
  }
  #main .customer-service .inner.col-4 {
    grid-template-columns: repeat(1, 1fr);
  }
  #main .customer-service .inner .box {
    border-radius: var(--edm-radius3);
    isolation: isolate;
  }
  #main .customer-service .inner .box .imgWrap .badge {
    padding: 0 12rem;
    top: 12rem;
    left: 12rem;
    height: 26rem;
    font: var(--edm-f-body2);
    line-height: 26rem;
    letter-spacing: var(--edm-f-body2-ls);
  }
  #main .customer-service .inner .box .textWrap {
    padding: 16rem;
  }
  #main .customer-service .inner .box .textWrap .tit {
    font: var(--edm-f-h5);
    font-weight: 600;
    letter-spacing: var(--edm-f-h5-ls);
    padding-right: 0;
  }
  #main .customer-service .inner .box .textWrap .tit svg {
    display: none;
  }
  #main {
    /* 공지사항 & Q&A */
  }
  #main .notice-qna .area .titleWrap {
    margin-bottom: 24rem;
  }
  #main .notice-qna .area .list {
    font: var(--edm-f-body1);
    font-weight: 400;
    letter-spacing: var(--edm-f-body1-ls);
  }
  #main .notice-qna .area .list li a {
    display: inline-block;
  }
  #main .notice-qna .area .list li .date {
    padding-left: 12rem;
    font: var(--edm-f-detail);
    color: var(--edm-color-text-3);
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main .notice-qna .area article + article {
    margin-top: 100rem;
  }
  #main .notice-qna .area article.notice {
    padding: 0;
    width: 100%;
  }
  #main .notice-qna .area article.notice .inner {
    display: block;
  }
  #main .notice-qna .area article.notice .inner .pinned-item {
    display: none;
  }
  #main .notice-qna .area article.notice .inner .list {
    padding: 0;
    width: 100%;
  }
  #main .notice-qna .area article.notice .inner .list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #main .notice-qna .area article.notice .inner .list li a .date {
    display: inline-block;
  }
  #main .notice-qna .area article.qna {
    width: 100%;
  }
  #main .notice-qna .area article.qna .list li {
    padding-left: 31rem;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/icon-qna-23.svg");
    background-size: 23rem;
  }
  #main .notice-qna .area article.qna .list li a .info {
    font: var(--edm-f-detail);
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main .notice-qna .area article.qna .list li a .info span + span::before {
    height: 12rem;
  }
  #main {
    /* 국내 지사 · 해외 센터 안내 */
  }
  #main .branch-guide {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/branch-guide-bg-mo.webp");
  }
  #main .branch-guide .inner {
    display: block;
  }
  #main .branch-guide .inner h3 {
    margin-bottom: 16rem;
    font: var(--edm-f-h5);
    font-weight: 600;
    letter-spacing: var(--edm-f-h5-ls);
  }
  #main .branch-guide .inner .link {
    gap: 8rem;
  }
  #main .branch-guide .inner .link a {
    padding: 0 8rem;
    height: 40rem;
    line-height: 40rem;
  }
  #main .branch-guide .inner .link a i {
    width: 16rem;
    height: 16rem;
  }
  #main .branch-guide .inner .link a span {
    font: var(--edm-f-detail);
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main .branch-guide .inner .link a p {
    margin-left: 12rem;
    font: var(--edm-f-body2);
    font-weight: 400;
    letter-spacing: var(--edm-f-body2-ls);
  }
  #main .branch-guide .inner .domestic {
    width: 100%;
  }
  #main .branch-guide .inner .overseas {
    margin-top: 32rem;
    width: 100%;
  }
  #main {
    /* 수상 · 국제기구 협력 */
  }
  #main .award-agency .inner .slide {
    margin-top: 24rem;
  }
  #main .award-agency .inner .slide .swiper-slide .scroll-track .logo-wrapper .logo {
    margin-right: 0;
    width: 104rem;
  }
  #main {
    /* 공지사항 & 최신 정보 */
  }
  #main .notice-latest-info .titleWrap {
    margin-bottom: 24rem;
  }
  #main .notice-latest-info .area {
    row-gap: 50rem;
  }
  #main .notice-latest-info .area article {
    width: 100%;
  }
  #main .notice-latest-info .area article .list li a .subject {
    padding-right: 12rem;
    padding-left: 0;
    font: var(--edm-f-body1);
    font-weight: 400;
    letter-spacing: var(--edm-f-body1-ls);
  }
  #main .notice-latest-info .area article .list li a .subject::before {
    display: none;
  }
  #main .notice-latest-info .area article .list li a .date {
    font: var(--edm-f-detail);
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main {
    /* 국가별 어학연수 가이드 */
  }
  #main .country-guide .titleWrap {
    margin-bottom: 24rem;
  }
  #main .country-guide .inner {
    margin-top: 0;
    position: relative;
  }
  #main .country-guide .inner .slide-navigation {
    margin: 0;
    position: absolute;
    top: -49rem;
    right: 0;
  }
  #main .country-guide .inner .slide::before {
    display: none;
  }
  #main .country-guide .inner .slide .swiper-slide {
    width: 216rem;
    transition: all 0.5s ease;
  }
  #main .country-guide .inner .slide .swiper-slide .thumbnail {
    padding-top: 84.8%;
  }
  #main .country-guide .inner .slide .swiper-slide .thumbnail .title p {
    font: var(--edm-f-body2);
    font-weight: 400;
    letter-spacing: var(--edm-f-body2-ls);
  }
  #main .country-guide .inner .slide .swiper-slide .textWrap {
    padding: 16rem 16rem 0;
  }
  #main .country-guide .inner .slide .swiper-slide .btnWrap {
    padding-top: 16rem;
  }
  #main .country-guide .inner .slide .swiper-slide .btnWrap .shortcut {
    padding: 0 16rem;
    height: 32rem;
    line-height: 32rem;
  }
  #main .country-guide .inner .slide .swiper-slide.swiper-slide-prev {
    opacity: 0;
  }
  #main .country-guide.col2 .max-width {
    display: block;
  }
  #main .country-guide.col2 .titleWrap {
    width: 100%;
  }
  #main .country-guide.col2 .inner {
    width: 100%;
    position: static;
  }
  #main .country-guide.col2 .inner .slide-navigation {
    top: 32rem;
    left: auto;
    bottom: auto;
    right: 16rem;
  }
  #main {
    /* Why edm어학연수 */
  }
  #main .why-edm-language-study {
    padding-bottom: 60rem;
    background-color: #EDEEF9;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/why-edm-language-study-bg.webp");
    background-size: 100%;
    background-position: top center;
  }
  #main .why-edm-language-study .inner .tabWrap {
    display: none;
  }
  #main .why-edm-language-study .inner .right {
    width: 100%;
    height: auto;
  }
  #main .why-edm-language-study .inner .right .slide {
    width: 100%;
    position: static;
    padding: 0;
    overflow: initial;
    height: auto;
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 16rem;
    column-gap: 8rem;
    transform: none !important;
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper .swiper-slide {
    padding: 16rem;
    width: 100%;
    border-radius: var(--edm-radius3);
    isolation: isolate;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper .swiper-slide .tit {
    order: 2;
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 600;
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper .swiper-slide .txt {
    order: 3;
    font: var(--edm-f-detail);
    letter-spacing: var(--edm-f-detail-ls);
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper .swiper-slide .imgWrap {
    order: 1;
    margin: 0 0 16rem;
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper .swiper-slide.swiper-slide-prev {
    opacity: 1;
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper .swiper-slide.swiper-slide-active {
    outline: 0;
    outline-offset: 0;
  }
  #main {
    /* 추천 어학연수 기관 */
  }
  #main .recommended-agency {
    padding-bottom: 50rem;
  }
  #main .recommended-agency .inner {
    padding-bottom: 41rem;
    position: relative;
  }
  #main .recommended-agency .inner .left {
    margin-bottom: 24rem;
    width: 100%;
  }
  #main .recommended-agency .inner .right {
    width: 100%;
    height: auto;
  }
  #main .recommended-agency .inner .right .slide {
    padding: 0;
    overflow: initial;
    position: static;
    width: 100%;
    height: auto;
  }
  #main .recommended-agency .inner .right .slide .swiper-slide {
    padding: 16rem;
    width: 216rem;
    height: auto;
    min-height: 163rem;
  }
  #main .recommended-agency .inner .right .slide .swiper-slide .logo {
    height: 42rem;
  }
  #main .recommended-agency .inner .right .slide .swiper-slide .eng {
    margin-top: 12rem;
    font: var(--edm-f-h4);
    font-weight: 600;
    letter-spacing: var(--edm-f-h4-ls);
  }
  #main .recommended-agency .inner .slide-navigation {
    right: 0;
    bottom: 0;
    left: auto;
  }
  #main {
    /* 새로운 시작이 남긴 우리의 진짜 이야기들 */
  }
  #main .review-short {
    background: linear-gradient(102deg, #C9FFFC 0.58%, #F5FFFB 50%, #D2FFC7 100%);
  }
  #main .review-short .article-title {
    margin-bottom: 24rem;
    padding: 54rem 0 0;
    background-position: top center;
    background-size: 50rem;
  }
  #main .review-short .slide {
    padding: 0;
  }
  #main .review-short .slide .splide__track .splide__list {
    display: grid;
    gap: 8rem;
    grid-template-columns: repeat(2, 1fr);
  }
  #main .review-short .slide .splide__track .splide__list .splide__slide .videoWrap {
    pointer-events: visible;
    transform: none;
    touch-action: auto;
  }
  #main .review-short .slide .splide__track .splide__list .splide__slide .videoWrap::after {
    top: 12rem;
    right: 12rem;
    width: 40rem;
    height: 40rem;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/youtube-play-40.svg");
  }
  #main .review-short .slide .splide__track .splide__list .splide__slide:nth-child(n+5) {
    display: none;
  }
  #main .review-short .slide .splide__arrows {
    display: none;
  }
  #main {
    /* 감사해요 edm */
  }
  #main .reviews-gsap .titleWrap {
    display: flex;
    align-items: center;
    margin-bottom: 24rem;
  }
  #main .reviews-gsap .titleWrap .left {
    width: auto;
  }
  #main .reviews-gsap .titleWrap .right {
    margin: 0;
    width: auto;
  }
  #main {
    /************************************************
    	인덱스
    ************************************************/
  }
  #main.index .youtube-channel {
    padding-top: 50rem;
  }
  #main {
    /************************************************
    	어학연수
    ************************************************/
  }
  #main.language-abroad .customer-review .effect-bg {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-0-mo.webp");
  }
  #main.language-abroad .youtube-channel {
    padding-bottom: 50rem;
  }
  #main {
    /************************************************
    	해외대학
    ************************************************/
  }
  #main.university-abroad .customer-review .effect-bg {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-1-mo.webp");
  }
  #main {
    /************************************************
        영국유학
    ************************************************/
  }
  #main.uk-abroad .country-guide {
    padding-bottom: 100rem;
  }
  #main.uk-abroad .country-guide .inner {
    margin-top: 0;
  }
  #main.uk-abroad .country-guide .inner .slide-navigation {
    display: flex;
    top: auto;
    bottom: -49rem;
  }
  #main.uk-abroad .country-guide .inner .splide__track {
    width: calc(100% + 16rem);
  }
  #main.uk-abroad .country-guide .inner .splide__track .uk-program-item {
    border-radius: var(--edm-radius4);
    isolation: isolate;
    overflow: hidden;
    height: auto;
    padding-top: 55.8%;
    position: relative;
  }
  #main.uk-abroad .country-guide .inner .splide__track .uk-program-item::after {
    position: absolute;
    right: 12rem;
    top: 12rem;
    z-index: 1;
    width: 32rem;
    height: 32rem;
    background-color: var(--edm-color-text-1);
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-plus-32.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease;
    content: "";
    border-radius: 50%;
    isolation: isolate;
  }
  #main.uk-abroad .country-guide .inner .splide__track .uk-program-item h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font: var(--edm-f-body1);
    letter-spacing: var(--edm-f-body1-ls);
    z-index: 1;
    padding-bottom: 16rem;
  }
  #main.uk-abroad .country-guide .inner .splide__track .uk-program-item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8);
  }
  #main.uk-abroad .uk-info {
    padding-top: 0;
  }
  #main.uk-abroad .uk-info .titleWrap {
    margin-bottom: 24rem;
    width: 100%;
  }
  #main.uk-abroad .uk-info .right {
    width: 100%;
    flex-wrap: wrap;
    gap: 16rem;
  }
  #main.uk-abroad .uk-info .right .card {
    padding: 16rem;
    overflow: hidden;
    height: 143rem;
    border-radius: var(--edm-radius3);
    isolation: isolate;
    width: 100%;
  }
  #main.uk-abroad .uk-info .right .card .textWrap h3 {
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 500;
    margin-bottom: 2rem;
  }
  #main.uk-abroad .uk-info .right .card .textWrap p {
    font: var(--edm-f-body2);
    letter-spacing: var(--edm-f-body2-ls);
    font-weight: 300;
  }
  #main.uk-abroad .uk-info .right .card .textWrap .shortcut {
    height: 26rem;
    line-height: 26rem;
    padding: 0 12rem;
  }
  #main.uk-abroad .uk-info .right .card .img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #main.uk-abroad .uk-info .right .card.card2 {
    background-position: right 16rem bottom 16rem;
    background-size: 88rem auto;
  }
  #main.uk-abroad .bottom-banner {
    padding-top: 60rem;
  }
  #main {
    /************************************************
    	조기유학
    ************************************************/
  }
  #main.junior-abroad .junior-latest-info .inner .list {
    display: block;
  }
  #main.junior-abroad .junior-latest-info .inner .list li {
    width: 100%;
  }
  #main.junior-abroad .junior-latest-info .inner .list li + li {
    margin-top: 16rem;
  }
  #main.junior-abroad .junior-latest-info .inner .list li a .imgWrap {
    display: none;
  }
  #main.junior-abroad .junior-latest-info .inner .list li a .textWrap {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #main.junior-abroad .junior-latest-info .inner .list li a .textWrap .subject {
    width: auto;
    height: auto;
    white-space: nowrap;
    font-weight: 400;
    -webkit-box-orient: initial;
    -moz-box-orient: initial;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: block;
  }
  #main.junior-abroad .junior-latest-info .inner .list li a .textWrap .content {
    display: none;
  }
  #main.junior-abroad .junior-latest-info .inner .list li a .textWrap .date {
    width: auto;
    display: inline-block;
    padding-left: 12rem;
    margin: 0;
  }
  #main.junior-abroad .junior-latest-info .inner .list li:nth-child(n+4) {
    display: none;
  }
  #main.junior-abroad .parent-review {
    overflow: hidden;
    padding-bottom: 50rem;
  }
  #main.junior-abroad .parent-review .inner {
    margin-top: 0;
    position: relative;
    padding-bottom: 39rem;
  }
  #main.junior-abroad .parent-review .inner .slide-navigation {
    width: auto;
    justify-content: flex-start;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #main.junior-abroad .parent-review .inner .slide {
    order: 1;
    overflow: initial;
  }
  #main.junior-abroad .parent-review .inner .slide .swiper-slide {
    width: 160rem;
    height: 200rem;
    transition: opacity 0.5s ease;
  }
  #main.junior-abroad .parent-review .inner .slide .swiper-slide.swiper-slide-prev {
    opacity: 0;
  }
  #main.junior-abroad .customer-review .effect-bg {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/main/customer-review-bg-2-mo.webp");
  }
  #main {
    /************************************************
    	유학후기
    ************************************************/
  }
  #main.review .common-video-type {
    padding-bottom: 50rem;
  }
  #main.review .uhak-reason .slide {
    overflow: initial;
  }
}
@media screen and (max-width: 575px) {
  #main .why-edm .inner .cardWrap {
    grid-template-columns: repeat(1, 1fr);
  }
  #main .why-edm-language-study .inner .right .slide .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}