@charset "UTF-8";
/*******************************************************
	유학후기 (review)
	:: scss로 작성하여 css로 컴파일하여 사용
*******************************************************/
#review {
  /*******************************************************
  	감사해요 edm
  *******************************************************/
}
#review.review-thanks-edm .contents {
  color: var(--edm-color-text-2);
  padding-bottom: 0;
}
#review.review-thanks-edm .contents .search-form {
  font-weight: 600;
  margin-bottom: 24rem;
}
#review.review-thanks-edm .contents .search-form .countBox span {
  color: var(--edm-brand-red);
}
#review.review-thanks-edm .contents .listWrap .review {
  padding: 32rem 24rem;
  border-radius: var(--edm-radius4);
  isolation: isolate;
  border: 1px solid var(--edm-color-border-blue);
  box-shadow: var(--edm-sd-blue-1);
}
#review.review-thanks-edm .contents .listWrap .review + .review {
  margin-top: 24rem;
}
#review.review-thanks-edm .contents .listWrap .review .more {
  display: none;
}
#review.review-thanks-edm .contents .listWrap .review .infoWrap {
  align-items: center;
  font: var(--edm-f-detail);
  letter-spacing: var(--edm-f-detail-ls);
  font-weight: 400;
  color: var(--edm-color-text-3);
}
#review.review-thanks-edm .contents .listWrap .review .infoWrap > * + * {
  margin-left: 8rem;
}
#review.review-thanks-edm .contents .listWrap .review .infoWrap figure {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  isolation: isolate;
  overflow: hidden;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/person-20.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#review.review-thanks-edm .contents .listWrap .review .infoWrap .score {
  margin-left: 10rem;
}
#review.review-thanks-edm .contents .listWrap .review .infoWrap .score img {
  height: 16rem;
  object-fit: contain;
  width: auto;
}
#review.review-thanks-edm .contents .listWrap .review .text {
  font: var(--edm-f-body2);
  letter-spacing: var(--edm-f-body2-ls);
  font-weight: 400;
  margin: 24rem 0 16rem;
  word-break: break-all;
}
#review.review-thanks-edm .contents .listWrap .review .text em {
  color: var(--edm-brand-blue);
}
#review.review-thanks-edm .contents .listWrap .review .ec {
  font: var(--edm-f-detail);
  letter-spacing: var(--edm-f-detail-ls);
  text-align: right;
  color: var(--edm-color-text-3);
}
#review.review-thanks-edm .contents .uhak-review {
  background-color: var(--edm-bg-yellow);
  padding: 140rem 0;
  overflow: hidden;
}
#review.review-thanks-edm .contents .uhak-review .article-title {
  width: 100%;
}
#review.review-thanks-edm .contents .uhak-review .article-subTitle {
  width: 100%;
}
#review.review-thanks-edm .contents .uhak-review .tabMenu-circle {
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 32rem;
  width: 100%;
  position: relative;
  z-index: 2;
}
#review.review-thanks-edm .contents .uhak-review .tabMenu-circle .flex::-webkit-scrollbar {
  display: none;
}
#review.review-thanks-edm .contents .uhak-review .tabMenu-circle .tab {
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--edm-color-border-blue);
}
#review.review-thanks-edm .contents .uhak-review .tabMenu-circle .tab.active {
  background-color: var(--edm-brand-primary);
  box-shadow: 0 0 0 1px var(--edm-brand-primary);
}
#review.review-thanks-edm .contents .uhak-review .slideArea {
  width: 100%;
}
#review.review-thanks-edm .contents .uhak-review .default-slide-col3 .max-width {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#review.review-thanks-edm .contents .uhak-review .default-slide-col3 .slide::before {
  background: linear-gradient(90deg, var(--edm-bg-yellow) 70%, transparent 100%);
}
#review.review-thanks-edm .contents .uhak-review .default-slide-col3 .slide::after {
  background: linear-gradient(-90deg, var(--edm-bg-yellow) 70%, transparent 100%);
}
#review.review-thanks-edm .contents .uhak-review .default-slide-col3 .slide-navigation {
  margin-top: -41.5rem;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
  width: auto;
}
#review.review-thanks-edm .contents .uhak-review .more {
  width: 100%;
  text-align: center;
  margin-top: 20rem;
}
#review.review-thanks-edm .banner-full {
  margin-top: 0;
}

/* tablet */
@media screen and (max-width: 991px) {
  #review {
    /*******************************************************
    	감사해요 edm
    *******************************************************/
  }
  #review.review-thanks-edm .contents .search-form {
    margin-bottom: 16rem;
  }
  #review.review-thanks-edm .contents .listWrap .review {
    padding: 16rem;
    border-radius: var(--edm-radius3);
    isolation: isolate;
    position: relative;
  }
  #review.review-thanks-edm .contents .listWrap .review + .review {
    margin-top: 16rem;
  }
  #review.review-thanks-edm .contents .listWrap .review.moreWrap .more {
    display: block;
  }
  #review.review-thanks-edm .contents .listWrap .review.toggle .text {
    overflow: visible;
    text-overflow: unset;
    -webkit-box-orient: unset;
    -moz-box-orient: unset;
    line-clamp: unset;
    -webkit-line-clamp: unset;
    display: unset;
    display: -moz-box;
    display: -webkit-box;
  }
  #review.review-thanks-edm .contents .listWrap .review.toggle .more {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/board/review-thanks-edm-toggle-up.svg");
  }
  #review.review-thanks-edm .contents .listWrap .review .infoWrap {
    position: relative;
    padding-top: 26rem;
  }
  #review.review-thanks-edm .contents .listWrap .review .infoWrap .score {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
  #review.review-thanks-edm .contents .listWrap .review .infoWrap .score img {
    height: 14rem;
  }
  #review.review-thanks-edm .contents .listWrap .review .more {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/board/review-thanks-edm-toggle-down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24rem;
    height: 24rem;
    right: 16rem;
    top: 27rem;
    position: absolute;
    z-index: 1;
  }
  #review.review-thanks-edm .contents .listWrap .review .text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    display: -moz-box;
    display: -webkit-box;
  }
  #review.review-thanks-edm .contents .uhak-review {
    padding: 60rem 0;
  }
  #review.review-thanks-edm .contents .uhak-review .tabMenu-circle {
    margin-top: 20rem;
    width: calc(100% + 32rem);
    margin-left: -16rem;
  }
  #review.review-thanks-edm .contents .uhak-review .tabMenu-circle .flex {
    padding: 0 16rem;
  }
  #review.review-thanks-edm .contents .uhak-review .slideArea {
    margin-top: 0;
  }
  #review.review-thanks-edm .contents .uhak-review .slideArea .default-slide-col3 .slide {
    margin-top: 0;
  }
  #review.review-thanks-edm .contents .uhak-review .slideArea .default-slide-col3 .slide-navigation {
    margin-top: 6rem;
  }
  #review.review-thanks-edm .contents .uhak-review .more {
    margin-top: 40rem;
  }
  #review.review-thanks-edm .contents .uhak-review .more .shortcut {
    height: 40rem;
    font: var(--edm-f-h5);
    letter-spacing: var(--edm-f-h5-ls);
    font-weight: 600;
    line-height: 40rem;
  }
  #review.review-thanks-edm .contents .uhak-review .more.type2 {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 575px) {
  #review {
    /*******************************************************
    	감사해요 edm
    *******************************************************/
  }
  #review.review-thanks-edm .contents .uhak-review .slide {
    width: calc(100% + 32rem);
    padding-right: 0;
  }
  #review.review-thanks-edm .contents .uhak-review .slide::after {
    display: none;
  }
}