@charset "UTF-8";
/****************************************************
	school
	- 검색
****************************************************/
#school {
  /* 목록 */
  /* 상세 */
}
#school .contents .board-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24rem;
  row-gap: 60rem;
}
#school .contents .board-list > li {
  border: 1px solid var(--edm-color-border-blue);
  border-radius: var(--edm-radius3);
  overflow: hidden;
  box-shadow: var(--edm-sd-blue-1);
}
#school .contents .board-list > li a {
  display: block;
}
#school .contents .board-list > li .thumbnail {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-top: 40.2%;
}
#school .contents .board-list > li .thumbnail .logo {
  width: 78rem;
  height: 50rem;
  background-color: #fff;
  position: absolute;
  top: 12rem;
  right: 12rem;
  border-radius: var(--edm-radius1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
}
#school .contents .board-list > li .thumbnail .logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#school .contents .board-list > li .thumbnail .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#school .contents .board-list > li .textWrap {
  padding: 24rem 24rem 40rem;
  background-color: #fff;
  position: relative;
}
#school .contents .board-list > li .textWrap .badge {
  position: absolute;
  top: -12rem;
  left: 24rem;
  background-color: var(--edm-brand-blue);
  color: #fff;
  font: var(--edm-f-body2);
  font-weight: 500;
  height: 24rem;
  line-height: 24rem;
  padding: 0 8rem;
  border-radius: var(--edm-radius1);
}
#school .contents .board-list > li .textWrap .titleWrap {
  margin-bottom: 16rem;
}
#school .contents .board-list > li .textWrap .titleWrap .title {
  font: var(--edm-f-h5);
  margin-bottom: 8rem;
  height: 60rem;
}
#school .contents .board-list > li .textWrap .titleWrap .location {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/school/icon-location-24.svg");
  background-size: 24rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 26rem;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-2);
  height: 24rem;
}
#school .contents .board-list > li .textWrap .info {
  background-color: var(--edm-bg-neutral);
  border-radius: var(--edm-radius2);
  padding: 16rem 24rem;
  text-align: center;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-3);
}
#school .contents .board-list > li .textWrap .info .box {
  width: 33.3333333333%;
  padding: 0 8.5rem;
  position: relative;
}
#school .contents .board-list > li .textWrap .info .box + .box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 32rem;
  background-color: var(--edm-color-border-blue);
}
#school .contents .board-list > li .textWrap .info .box .label {
  font: var(--edm-f-detail);
  color: var(--edm-color-text-1);
  margin-bottom: 4rem;
}
#school .contents .board-list > li .textWrap .description {
  font: var(--edm-f-detail);
  font-weight: 400;
  color: var(--edm-color-text-4);
  margin-top: 24rem;
  height: 42rem;
}
#school .contents .board-list > li .textWrap .price {
  align-items: center;
  margin-top: 16rem;
}
#school .contents .board-list > li .textWrap .price .secret {
  font: var(--edm-f-detail);
  font-weight: 600;
  color: var(--edm-brand-red);
  outline: 1px solid var(--edm-brand-red);
  outline-offset: -1px;
  border-radius: var(--edm-radius1);
  padding: 0 4rem;
  height: 22rem;
  line-height: 22rem;
  display: inline-block;
}
#school .contents .board-list > li .textWrap .price .secret + p {
  margin-left: 12rem;
}
#school .contents .board-list > li .textWrap .price p {
  font: var(--edm-f-h5);
  font-weight: 600;
}
#school .contents .board-list > li .textWrap .price p .term {
  color: var(--edm-color-text-4);
}
#school .contents .board-list > li.university-abroad .textWrap .info {
  text-align: left;
}
#school .contents .board-list > li.school-abroad .textWrap .description {
  height: 63rem;
}
#school .contents .board-list > li.school-abroad .textWrap .price .term {
  font: var(--edm-f-body2);
  font-weight: 400;
}
#school.detail #floating-contact {
  display: none !important;
}
#school.detail #page-option {
  font: var(--edm-f-body2);
  font-weight: 400;
}
#school.detail #page-option .info-item + .info-item {
  margin-top: 24rem;
}
#school.detail #page-option .info-item .title {
  margin-bottom: 8rem;
}
#school.detail #page-option .info-item .title p {
  font-weight: 600;
}
#school.detail #page-option .info-item .title .year {
  font: var(--edm-f-detail);
  color: var(--edm-color-text-4);
}
#school.detail #page-option .info-item .title .year button + button {
  position: relative;
  margin-left: 16rem;
}
#school.detail #page-option .info-item .title .year button + button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8rem;
  transform: translateY(-50%);
  width: 1px;
  height: 10rem;
  background-color: var(--edm-color-border-neutral);
}
#school.detail #page-option .info-item .title .year button.current {
  color: var(--edm-brand-primary);
  text-decoration: underline;
}
#school.detail #page-option .info-item .selectWrap .edm-select {
  width: calc(50% - 4rem);
}
#school.detail #page-option .info-item .select-result {
  background-color: var(--edm-bg-neutral);
  margin-top: 16rem;
  border-radius: var(--edm-radius2);
  overflow: hidden;
}
#school.detail #page-option .info-item .select-result .box {
  padding: 16rem;
  position: relative;
}
#school.detail #page-option .info-item .select-result .box .txt {
  font: var(--edm-f-detail);
  color: var(--edm-color-text-3);
  margin-bottom: 8rem;
  position: relative;
  padding-right: 24rem;
}
#school.detail #page-option .info-item .select-result .box .txt .delete {
  width: 16rem;
  height: 16rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-delete-16.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
#school.detail #page-option .info-item .select-result .box .price {
  justify-content: flex-end;
  font-weight: 700;
  color: var(--edm-color-text-2);
}
#school.detail #page-option .info-item .select-result .box + .box {
  border-top: 1px solid var(--edm-color-border-blue);
}
#school.detail #page-option .all-result-price {
  margin-top: 80rem;
  border-top: 2px solid var(--edm-color-text-1);
}
#school.detail #page-option .all-result-price .box {
  padding: 12rem 0;
}
#school.detail #page-option .all-result-price .box .tit {
  font-weight: 600;
}
#school.detail #page-option .all-result-price .box .price {
  color: var(--edm-color-text-2);
}
#school.detail #page-option .all-result-price .box .line + .line {
  margin-top: 12rem;
}
#school.detail #page-option .all-result-price .box.all {
  border-top: 1px solid var(--edm-color-border-blue);
}
#school.detail #page-option .all-result-price .box.all .tit {
  font: var(--edm-f-h5);
  display: flex;
  align-items: center;
}
#school.detail #page-option .all-result-price .box.all .tit .tooltip {
  width: 24rem;
  height: 24rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-tooltip-24.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 4rem;
}
#school.detail #page-option .all-result-price .box.all .price {
  font: var(--edm-f-h3);
  color: var(--edm-brand-red);
}
#school.detail #page-option .all-result-price .box[class*=description] {
  padding-top: 0;
}
#school.detail #page-option .all-result-price .box.description {
  font: var(--edm-f-detail);
  text-align: right;
  color: var(--edm-color-text-3);
}
#school.detail #page-option .all-result-price .box.description2 p {
  background-color: var(--edm-bg-neutral);
  padding: 12rem 16rem;
  border-radius: var(--edm-radius2);
  font: var(--edm-f-detail);
  color: var(--edm-color-text-3);
  word-break: normal;
}
#school.detail #page-option .all-result-price .box.note p {
  border: 1px solid var(--edm-color-text-1);
  border-radius: var(--edm-radius2);
  padding: 12rem 16rem;
  font: var(--edm-f-detail);
  font-weight: 400;
  word-break: normal;
}
#school.detail #page-option .all-result-price .box.note p em {
  color: var(--edm-brand-red);
}
#school.detail #page-option .all-result-price .box.btnWrap {
  margin-top: 8rem;
}
#school.detail #page-option .all-result-price .box.btnWrap .shortcut {
  width: calc(50% - 4rem);
}
#school.detail #page-option .all-result-price .box.btnWrap .shortcut.kakao {
  color: #FFE812;
}
#school.detail #page-option .all-result-price .box.btnWrap .shortcut.final-discount {
  background-color: var(--edm-brand-red);
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #school.detail #page-option .all-result-price .box.btnWrap .shortcut.final-discount:hover {
    background-color: #CA1701;
  }
}
#school.detail #page-option .all-result-price .box.banner {
  margin-top: 8rem;
  padding-bottom: 0;
}
#school.detail #page-option .all-result-price .box.banner a {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--edm-radius2);
  overflow: hidden;
}
#school.detail #page-option .all-result-price .box.banner a img {
  width: 100%;
  object-fit: contain;
}
#school.detail #page-option > .title {
  font-weight: 600;
}
#school.detail #page-option > .title + p {
  color: var(--edm-color-text-2);
  font: var(--edm-f-detail);
  margin-top: 8rem;
}
#school.detail #page-option > .shortcut {
  width: 100%;
  margin-top: 32rem;
}
#school.detail .more-btn-link {
  font: var(--edm-f-body2);
  line-height: 16rem;
  font-weight: 400;
  color: var(--edm-color-text-1);
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
#school.detail .more-btn-link svg {
  width: 16rem;
  height: 16rem;
  margin-left: 4rem;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  #school.detail .more-btn-link:hover {
    color: var(--edm-color-text-3);
  }
  #school.detail .more-btn-link:hover svg path {
    stroke: var(--edm-color-text-3);
  }
}
#school.detail .topWrap .left {
  width: calc(100% - 506rem - 24rem);
}
#school.detail .topWrap .right {
  width: 506rem;
}
#school.detail .topWrap .titleWrap {
  margin-bottom: 61rem;
}
#school.detail .topWrap .titleWrap .subject {
  position: relative;
  padding-left: 106rem;
}
#school.detail .topWrap .titleWrap .subject .logo {
  width: 82rem;
  height: 82rem;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: var(--edm-sd-blue-1);
  border-radius: var(--edm-radius3);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#school.detail .topWrap .titleWrap .subject .logo img {
  max-width: 100%;
  max-height: 60rem;
  object-fit: contain;
}
#school.detail .topWrap .titleWrap .subject h1 {
  font: var(--edm-f-h2);
}
#school.detail .topWrap .titleWrap .subject p {
  color: var(--edm-color-text-2);
  margin-top: 12rem;
}
#school.detail .topWrap .titleWrap .iconWrap a {
  font: var(--edm-f-detail);
  font-weight: 400;
  color: var(--edm-color-text-2);
  text-align: center;
  width: 60rem;
}
#school.detail .topWrap .titleWrap .iconWrap a p {
  width: 100%;
}
#school.detail .topWrap .titleWrap .iconWrap a .icon {
  width: 32rem;
  height: 32rem;
  margin: 0 auto 4rem;
  display: block;
}
#school.detail .topWrap .titleWrap .iconWrap a .icon * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#school.detail .topWrap .infoWrap {
  padding-bottom: 100rem;
}
#school.detail .topWrap .infoWrap #gallery {
  position: sticky;
  top: 61rem;
  left: 0;
  z-index: 2;
}
#school.detail .topWrap .infoWrap #page-option {
  width: calc(100% - 718rem);
  padding-left: 24rem;
}
#school.detail .topWrap .infoWrap-school {
  padding-bottom: 100rem;
}
#school.detail .topWrap .infoWrap-school .slide {
  overflow: hidden;
  height: auto;
  border-radius: var(--edm-radius3);
}
#school.detail .topWrap .infoWrap-school .slide .swiper-slide {
  padding-top: 17.7%;
  position: relative;
  overflow: hidden;
  border-radius: var(--edm-radius3);
}
#school.detail .topWrap .infoWrap-school .slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#school.detail .topWrap .infoWrap-school .slide-navigation {
  margin-top: 28rem;
  justify-content: flex-end;
  width: 100%;
}
#school.detail .detail-content {
  border-top: 1px solid var(--edm-color-text-1);
  /* 추천학교 */
  /* 배너 */
}
#school.detail .detail-content .detail-area {
  display: flex;
  flex-wrap: wrap;
}
#school.detail .detail-content h2 {
  font: var(--edm-f-h4);
  padding-left: 24rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/school/icon-item-h2-16.svg");
  background-size: 16rem;
  background-position: left center;
  background-repeat: no-repeat;
  margin-bottom: 16rem;
  color: var(--edm-color-text-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#school.detail .detail-content .content-wrap {
  position: relative;
  width: calc(100% - 318rem);
  border-right: 1px solid var(--edm-color-border-blue);
}
#school.detail .detail-content .content-wrap #branch-nav .max-width {
  padding: 0 32rem;
}
#school.detail .detail-content .content-wrap [class*=item] {
  padding: 60rem 24rem 60rem 0;
  font: var(--edm-f-body2);
  font-weight: 400;
  color: var(--edm-color-text-2);
}
#school.detail .detail-content .content-wrap [class*=item]:last-child {
  padding-bottom: 0;
}
#school.detail .detail-content .content-wrap [class*=item] + [class*=item] {
  border-top: 1px solid var(--edm-color-border-blue);
}
#school.detail .detail-content .content-wrap [class*=item] h3 {
  font-weight: 600;
  margin-bottom: 8rem;
  color: var(--edm-color-text-1);
}
#school.detail .detail-content .content-wrap [class*=item] p + h3 {
  margin-top: 24rem;
}
#school.detail .detail-content .content-wrap [class*=item] .videoWrap {
  margin: 24rem 0;
  max-width: 718rem;
  border-radius: var(--edm-radius3);
  box-shadow: var(--edm-sd-neutral-1);
}
#school.detail .detail-content .content-wrap [class*=item] .videoWrap figure {
  width: 100%;
  height: calc(100% + 17rem);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#school.detail .detail-content .content-wrap [class*=item] .videoWrap figure * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#school.detail .detail-content .content-wrap [class*=item] .dotList li {
  position: relative;
  padding-left: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item] .dotList li::before {
  content: "•";
  position: absolute;
  left: 0;
}
#school.detail .detail-content .content-wrap [class*=item] .serviceList .box {
  text-align: center;
  width: 70rem;
  font: var(--edm-f-detail);
}
#school.detail .detail-content .content-wrap [class*=item] .serviceList .box .icon {
  width: 32rem;
  height: 32rem;
  display: block;
  margin: 0 auto 4rem;
}
#school.detail .detail-content .content-wrap [class*=item] .serviceList .box .icon * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#school.detail .detail-content .content-wrap [class*=item] .click-img {
  max-width: 718rem;
  position: relative;
}
#school.detail .detail-content .content-wrap [class*=item] .click-img::after {
  content: "";
  position: absolute;
  top: 12rem;
  right: 12rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/search-40-white.svg");
  background-size: 40rem;
  background-position: center;
  background-repeat: no-repeat;
  width: 56rem;
  height: 56rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: var(--edm-radius2);
  opacity: 0;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  #school.detail .detail-content .content-wrap [class*=item] .click-img:hover::after {
    opacity: 1;
  }
}
#school.detail .detail-content .content-wrap [class*=item].basic-info .line + .line {
  margin-top: 8rem;
}
#school.detail .detail-content .content-wrap [class*=item].basic-info .line h3 {
  width: 106rem;
}
#school.detail .detail-content .content-wrap [class*=item].banner .imgWrap {
  background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%);
  padding: 16rem;
  border-radius: var(--edm-radius3);
  text-align: center;
  font: var(--edm-f-h3);
  color: #fff;
  padding: 24rem 0;
}
#school.detail .detail-content .content-wrap [class*=item].banner .imgWrap p {
  display: flex;
  justify-content: center;
  align-items: center;
}
#school.detail .detail-content .content-wrap [class*=item].banner .imgWrap p em {
  color: #FFEA00;
}
#school.detail .detail-content .content-wrap [class*=item].banner .imgWrap p i {
  width: 32rem;
  height: 32rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-file-check-32.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box {
  border: 1px solid var(--edm-color-border-blue);
  background-color: #fff;
  border-radius: var(--edm-radius3);
  box-shadow: var(--edm-sd-blue-1);
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box + .box {
  margin-top: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .title {
  padding: 24rem;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-toggle-down-32.svg");
  background-position: right 24rem center;
  background-repeat: no-repeat;
  background-size: 32rem;
  cursor: pointer;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .title .left {
  width: 294rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .title .left h3 {
  font: var(--edm-f-body1);
  color: var(--edm-brand-primary);
  margin: 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/school/icon-book-24.svg");
  background-size: 24rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 32rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .title .right {
  width: calc(100% - 294rem);
  border-left: 1px solid var(--edm-color-border-neutral);
  padding-left: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .title .right p {
  position: relative;
  padding-left: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .title .right p::before {
  content: "•";
  position: absolute;
  left: 0;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap {
  padding: 24rem 24rem 76rem;
  position: relative;
  color: var(--edm-color-text-3);
  display: none;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48rem);
  height: 1px;
  background-color: var(--edm-color-border-blue);
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap .close-btn {
  position: absolute;
  bottom: 24rem;
  right: 24rem;
  font: var(--edm-f-body2);
  font-weight: 500;
  text-decoration: underline;
  color: var(--edm-color-text-1);
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap h4 {
  font-weight: 600;
  color: var(--edm-color-text-1);
  margin-bottom: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap .dotList {
  margin-top: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].process .list .box.active .title {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-toggle-up-32.svg");
  cursor: default;
}
#school.detail .detail-content .content-wrap [class*=item].stay .area + .area {
  margin-top: 60rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .titleBox {
  background-color: var(--edm-bg-neutral);
  padding: 24rem;
  border-radius: var(--edm-radius3);
  font: var(--edm-f-detail);
  color: var(--edm-color-text-3);
  margin-bottom: 24rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .titleBox .badge {
  background-color: var(--edm-brand-primary);
  color: #fff;
  display: inline-block;
  height: 31rem;
  font: var(--edm-f-body1);
  line-height: 31rem;
  padding: 0 16rem 0 44rem;
  border-radius: var(--edm-radiusFull);
  background-size: 24rem;
  background-position: left 16rem center;
  background-repeat: no-repeat;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/school/icon-stay-24.svg");
  margin-bottom: 8rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .stayWrap {
  background-color: #fff;
  box-shadow: var(--edm-sd-blue-1);
  padding: 40rem 24rem;
  border-radius: var(--edm-radius3);
  border: 1px solid var(--edm-color-border-blue);
}
#school.detail .detail-content .content-wrap [class*=item].stay .stayWrap + .stayWrap {
  margin-top: 24rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .tit {
  color: var(--edm-color-text-1);
  margin-bottom: 4rem;
  font-weight: 700;
}
#school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .title-wrap .badge {
  font: var(--edm-f-detail);
  height: 30rem;
  border: 1px solid var(--edm-brand-red);
  border-radius: var(--edm-radius2);
  line-height: 30rem;
  display: inline-block;
  padding: 0 8rem;
  color: var(--edm-brand-red);
  margin-bottom: 8rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .title-wrap .info-title {
  font: var(--edm-f-h4);
  margin-bottom: 24rem;
  color: var(--edm-brand-primary);
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  width: calc(100% - 400rem);
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .main-view {
  height: 400rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--edm-radius3);
  margin-bottom: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .main-view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .main-view .caption {
  position: absolute;
  bottom: 24rem;
  left: 24rem;
  background-color: rgba(51, 51, 51, 0.6);
  color: #fff;
  height: 38rem;
  padding: 0 24rem;
  border-radius: var(--edm-radiusFull);
  font: var(--edm-f-detail);
  font-weight: 700;
  z-index: 2;
  line-height: 38rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .main-view .slide-navigation {
  position: absolute;
  bottom: 24rem;
  right: 24rem;
  z-index: 2;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide {
  width: 100%;
  height: 92rem;
  overflow: hidden;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-scrollbar {
  width: 8px;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-slide {
  cursor: pointer;
  height: 100% !important;
  border-radius: var(--edm-radius3);
  overflow: hidden;
  position: relative;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-slide.swiper-slide-thumb-active::after {
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 3px var(--edm-brand-primary);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: var(--edm-radius3);
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .thumb-slide .swiper-slide.swiper-slide-thumb-active::before {
  opacity: 1;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info {
  width: 400rem;
  padding-left: 24rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info .infoList > li + li {
  margin-top: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info .infoList > li .dotList {
  margin-top: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info .infoList > li .edm-select {
  margin-top: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info .infoList > li .edm-select .label {
  height: auto;
  white-space: initial;
  line-height: 150%;
  padding-top: 12rem;
  padding-bottom: 12rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info .infoList > li .edm-select .optionWrap {
  top: 100%;
}
#school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-info .infoList > li .edm-select .optionWrap .option > * {
  white-space: initial;
  line-height: 150%;
  height: auto;
  padding: 6rem 8rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 24rem;
  border-radius: var(--edm-radius3);
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .swiper-slide {
  border-radius: var(--edm-radius3);
  overflow: hidden;
  position: relative;
  padding-top: 21.1%;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .swiper-slide * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .nav {
  width: 40rem;
  height: 40rem;
  background-color: #E2E2E5;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .nav.nav-prev {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/slide-prev.svg");
  left: 28rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .nav.nav-next {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/slide-next.svg");
  right: 28rem;
}
@media (hover: hover) and (pointer: fine) {
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .nav:hover {
    background-color: var(--edm-color-border-neutral);
  }
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info {
  width: 100%;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .textWrap {
  position: relative;
  overflow: hidden;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .textWrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 92rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  z-index: 2;
  display: none;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .textWrap .tit {
  margin-top: 0;
  margin-bottom: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .textWrap .add + .tit {
  margin-top: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .more-btn {
  width: 100%;
  margin-top: 10rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .more-btn span::after {
  content: "접기";
}
@media (hover: hover) and (pointer: fine) {
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .more-btn:hover svg path {
    stroke: var(--edm-color-text-3);
  }
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info.over .textWrap {
  max-height: 216rem;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info.over .textWrap::after {
  display: block;
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info.over .more-btn span::after {
  content: "더보기";
}
#school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info.over .more-btn svg {
  transform: rotate(180deg);
}
#school.detail .detail-content .content-wrap [class*=item].location .map {
  height: 334rem;
  border-radius: var(--edm-radius3);
  overflow: hidden;
  margin-top: 24rem;
}
#school.detail .detail-content .content-wrap [class*=item].review .slide {
  overflow: hidden;
}
#school.detail .detail-content .content-wrap [class*=item].review .slide .list a {
  border-radius: var(--edm-radius3);
  overflow: hidden;
  border: 1px solid var(--edm-color-border-neutral);
}
#school.detail .detail-content .content-wrap [class*=item].review .slide .list a .imgWrap {
  width: 100%;
  position: relative;
  padding-top: 63.3%;
}
#school.detail .detail-content .content-wrap [class*=item].review .slide .list a .imgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#school.detail .detail-content .content-wrap [class*=item].review .slide .list a .textWrap {
  padding: 16rem;
}
#school.detail .detail-content .content-wrap [class*=item].review .slide .list a .textWrap .subject {
  font: var(--edm-f-body1);
  margin-bottom: 8rem;
  height: 54rem;
}
#school.detail .detail-content .option-wrap {
  width: 318rem;
}
#school.detail .detail-content .option-wrap .sticky-option {
  padding: 24rem 0 0 23rem;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: #fff;
  max-height: calc(100dvh - 24rem);
  height: calc(var(--vh, 1vh) * 100 - 24rem);
}
#school.detail .detail-content .option-wrap .sticky-option > .scrollWrap > .scroll {
  padding-right: 10rem;
}
#school.detail .detail-content .option-wrap .sticky-option > .scrollWrap > .scroll::-webkit-scrollbar {
  width: 6rem;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .info-item + .info-item {
  margin-top: 8rem;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .info-item .select-result {
  margin-top: 8rem;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price {
  margin-top: 60rem;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box .line .price {
  text-align: right;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box .line b {
  display: block;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.all .tit {
  font: var(--edm-f-body1);
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.all .price {
  font: var(--edm-f-h4);
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.description {
  letter-spacing: -0.2rem;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.btnWrap {
  padding-bottom: 0;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.btnWrap .shortcut {
  width: 100%;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.btnWrap .shortcut + .shortcut {
  margin-top: 8rem;
}
#school.detail .detail-content .option-wrap .sticky-option #page-option .edm-select .optionWrap .optionList {
  max-height: 208rem;
}
#school.detail .detail-content .page-btn-wrap {
  text-align: center;
  width: 100%;
  margin-top: 60rem;
}
#school.detail .detail-content .recommend-school {
  padding-top: 120rem;
  margin-top: 144rem;
  position: relative;
  width: 100%;
}
#school.detail .detail-content .recommend-school::before {
  content: "";
  position: absolute;
  top: -24rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 24rem;
  background-color: var(--edm-bg-neutral);
}
#school.detail .detail-content .recommend-school .list a {
  display: block;
  padding: 24rem;
  background-color: #fff;
  border-radius: var(--edm-radius3);
  box-shadow: var(--edm-sd-blue-1);
  border: 1px solid var(--edm-color-border-blue);
  display: flex;
}
#school.detail .detail-content .recommend-school .list a + a {
  margin-top: 12rem;
}
#school.detail .detail-content .recommend-school .list a .logo {
  width: 100rem;
  height: 50rem;
}
#school.detail .detail-content .recommend-school .list a .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#school.detail .detail-content .recommend-school .list a .textWrap {
  width: calc(100% - 100rem);
  padding-left: 24rem;
  position: relative;
}
#school.detail .detail-content .recommend-school .list a .textWrap .kor {
  font: var(--edm-f-body1);
  color: var(--edm-color-text-1);
}
#school.detail .detail-content .recommend-school .list a .textWrap span {
  position: absolute;
  right: 24rem;
  top: 50%;
  transform: translateY(-50%);
  font: var(--edm-f-detail);
  color: var(--edm-brand-primary);
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
#school.detail .detail-content .recommend-school .list a .textWrap span svg {
  width: 16rem;
  height: 16rem;
  margin-left: 2rem;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  #school.detail .detail-content .recommend-school .list a:hover .textWrap span {
    color: #18A149;
  }
  #school.detail .detail-content .recommend-school .list a:hover .textWrap span svg path {
    stroke: #18A149;
  }
}
#school.detail .detail-content .bottom-banner {
  margin-top: 60rem;
}
#school.detail .detail-content .bottom-banner a {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--edm-radius3);
  overflow: hidden;
}
#school.detail .detail-content .bottom-banner a * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 991px) {
  #school {
    /* 목록 */
    /* 상세 */
  }
  #school .contents .board-list {
    row-gap: 32rem;
    column-gap: 24rem;
  }
  #school .contents .board-list > li .thumbnail {
    padding-top: 49%;
  }
  #school .contents .board-list > li .textWrap {
    padding: 16rem 16rem 32rem;
  }
  #school .contents .board-list > li .textWrap .badge {
    height: 22rem;
    line-height: 22rem;
    left: 16rem;
    padding: 0 4rem;
  }
  #school .contents .board-list > li .textWrap .titleWrap {
    margin-bottom: 12rem;
  }
  #school .contents .board-list > li .textWrap .titleWrap .title {
    font: var(--edm-f-h4);
    font-weight: 600;
  }
  #school .contents .board-list > li .textWrap .titleWrap .location {
    background-size: 22rem;
    padding-left: 24rem;
  }
  #school .contents .board-list > li .textWrap .info {
    display: none;
    font: var(--edm-f-detail);
    font-weight: 400;
  }
  #school .contents .board-list > li .textWrap .description {
    margin-top: 12rem;
  }
  #school .contents .board-list > li .textWrap .price .secret {
    font-size: 12rem;
    height: 20rem;
    line-height: 20rem;
  }
  #school .contents .board-list > li .textWrap .price p {
    font: var(--edm-f-h4);
    font-weight: 600;
  }
  #school .contents .board-list > li.school-abroad .textWrap .info .tit {
    color: var(--edm-color-text-1);
    margin-bottom: 4rem;
  }
  #school .contents .board-list > li.school-abroad .textWrap .description {
    height: 60rem;
  }
  #school.detail #floating-contact {
    display: block !important;
    z-index: 9999;
  }
  #school.detail #floating-contact.open-auto-modal {
    display: none !important;
  }
  #school.detail #page-option .info-item + .info-item {
    margin-top: 16rem;
  }
  #school.detail #page-option .info-item .title .year {
    font: var(--edm-f-body2);
    font-weight: 400;
  }
  #school.detail #page-option .info-item .selectWrap .edm-select {
    width: 100%;
  }
  #school.detail #page-option .info-item .selectWrap .edm-select + .edm-select {
    margin-top: 8rem;
  }
  #school.detail #page-option .info-item .selectWrap .edm-select .label {
    height: 36rem;
    font: var(--edm-f-body2);
    font-weight: 400;
    line-height: 36rem;
  }
  #school.detail #page-option .info-item .selectWrap .edm-select .optionWrap {
    top: 36rem;
  }
  #school.detail #page-option .info-item .select-result {
    margin-top: 8rem;
  }
  #school.detail #page-option .info-item .select-result .box {
    padding: 12rem 16rem;
  }
  #school.detail #page-option .info-item .select-result .box .txt {
    font-size: 12rem;
    letter-spacing: -0.12rem;
    margin-bottom: 4rem;
  }
  #school.detail #page-option .info-item .select-result .box .txt .delete {
    top: 50%;
    transform: translateY(-50%);
  }
  #school.detail #page-option .all-result-price {
    margin-top: 60rem;
  }
  #school.detail #page-option .all-result-price .box.all .tit {
    font: var(--edm-f-body1);
  }
  #school.detail #page-option .all-result-price .box.all .tit .tooltip {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-tooltip-20.svg");
    width: 20rem;
    height: 20rem;
  }
  #school.detail #page-option .all-result-price .box.all .price {
    font: var(--edm-f-h4);
  }
  #school.detail #page-option .all-result-price .box.note p {
    font: var(--edm-f-body2);
    font-weight: 400;
  }
  #school.detail #page-option .all-result-price .box.btnWrap {
    padding-top: 32rem;
    margin-top: 12rem;
    border-top: 1px solid var(--edm-color-border-blue);
    padding-bottom: 0;
  }
  #school.detail #page-option .all-result-price .box.btnWrap .shortcut {
    width: 100%;
  }
  #school.detail #page-option .all-result-price .box.btnWrap .shortcut + .shortcut {
    margin-top: 8rem;
  }
  #school.detail .topWrap .left {
    width: 100%;
    padding: 0;
  }
  #school.detail .topWrap .right {
    width: 100%;
  }
  #school.detail .topWrap .titleWrap {
    margin-bottom: 24rem;
  }
  #school.detail .topWrap .titleWrap .subject {
    padding-left: 82rem;
    min-height: 70rem;
  }
  #school.detail .topWrap .titleWrap .subject .logo {
    width: 70rem;
    height: 70rem;
  }
  #school.detail .topWrap .titleWrap .subject .logo img {
    max-height: 46rem;
  }
  #school.detail .topWrap .titleWrap .subject h1 {
    font: var(--edm-f-h4);
  }
  #school.detail .topWrap .titleWrap .subject p {
    font: var(--edm-f-body2);
    font-weight: 400;
    margin-top: 4rem;
  }
  #school.detail .topWrap .titleWrap .iconWrap {
    margin-top: 24rem;
    justify-content: flex-start;
  }
  #school.detail .topWrap .titleWrap .iconWrap a {
    font-size: 12rem;
    line-height: -0.12rem;
    width: 54rem;
  }
  #school.detail .topWrap .titleWrap .iconWrap a .icon {
    width: 24rem;
    height: 24rem;
  }
  #school.detail .topWrap .infoWrap {
    padding-bottom: 40rem;
  }
  #school.detail .topWrap .infoWrap #gallery {
    width: 100%;
    position: static;
  }
  #school.detail .topWrap .infoWrap #page-option {
    display: none;
  }
  #school.detail .topWrap .infoWrap-school {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 40rem;
  }
  #school.detail .topWrap .infoWrap-school .slide .swiper-slide {
    padding-top: 23%;
  }
  #school.detail .topWrap .infoWrap-school .slide-navigation {
    position: absolute;
    bottom: 12rem;
    right: 12rem;
    z-index: 2;
    margin: 0;
  }
  #school.detail .detail-content {
    border-top: none;
  }
  #school.detail .detail-content h2 {
    padding-left: 20rem;
  }
  #school.detail .detail-content .detail-area {
    display: block;
  }
  #school.detail .detail-content .content-wrap {
    width: 100%;
    padding: 0;
    border-right: none;
  }
  #school.detail .detail-content .content-wrap #branch-nav {
    width: calc(100% + 32rem);
    margin-left: -16rem;
  }
  #school.detail .detail-content .content-wrap #branch-nav .max-width {
    padding: 0;
  }
  #school.detail .detail-content .content-wrap [class*=item] {
    padding: 40rem 0;
  }
  #school.detail .detail-content .content-wrap [class*=item] + [class*=item] {
    border-top: 1px dashed var(--edm-color-text-2);
  }
  #school.detail .detail-content .content-wrap [class*=item] .videoWrap {
    margin: 32rem 0;
  }
  #school.detail .detail-content .content-wrap [class*=item] h3 {
    margin-bottom: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item] p + h3 {
    margin-top: 32rem;
  }
  #school.detail .detail-content .content-wrap [class*=item] .serviceList {
    gap: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item] .serviceList .box {
    width: 56rem;
  }
  #school.detail .detail-content .content-wrap [class*=item] .serviceList .box .icon {
    width: 24rem;
    height: 24rem;
    margin-bottom: 0;
  }
  #school.detail .detail-content .content-wrap [class*=item].basic-info {
    padding-top: 30rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].basic-info .line h3 {
    width: 88rem;
    font-weight: 400;
  }
  #school.detail .detail-content .content-wrap [class*=item].basic-info .line p {
    width: calc(100% - 88rem);
  }
  #school.detail .detail-content .content-wrap [class*=item].banner .imgWrap {
    padding: 16rem 0;
  }
  #school.detail .detail-content .content-wrap [class*=item].banner .imgWrap p {
    display: block;
  }
  #school.detail .detail-content .content-wrap [class*=item].banner .imgWrap p i {
    display: none;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .title {
    padding: 16rem;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-toggle-down-24.svg");
    background-size: 24rem;
    background-position: right 16rem center;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .title .left {
    width: 100%;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .title .left h3 {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/school/icon-book-20.svg");
    background-size: 20rem;
    padding-left: 28rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .title .right {
    width: 100%;
    padding: 0;
    border-left: none;
    margin-top: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap {
    padding: 16rem 16rem 60rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap::before {
    width: calc(100% - 32rem);
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box .textWrap .close-btn {
    bottom: 16rem;
    right: 16rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].process .list .box.active .title {
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-toggle-up-24.svg");
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .area + .area {
    margin-top: 40rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .titleBox {
    padding: 16rem;
    margin-bottom: 16rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .titleBox .badge {
    height: 28rem;
    line-height: 28rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap {
    padding: 24rem 16rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap + stayWrap {
    margin-top: 16rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .title-wrap .badge {
    height: 24rem;
    line-height: 24rem;
    font-size: 12rem;
    letter-spacing: -0.12rem;
    border-radius: var(--edm-radius1);
    margin-bottom: 4rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .title-wrap .info-title {
    margin-bottom: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .stay-gallery {
    width: 100%;
    margin-bottom: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .stay-gallery .main-view {
    margin: 0;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .stay-gallery .thumb-slide {
    display: none;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .stay-info {
    width: 100%;
    padding: 0;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .stayWrap .stay-info .title-wrap {
    display: none;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery {
    margin-bottom: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .nav {
    display: none;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .swiper-slide {
    padding-top: 21.6%;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .slide-navigation {
    position: absolute;
    bottom: 12rem;
    right: 12rem;
    z-index: 2;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .textWrap .tit {
    margin-bottom: 4rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .textWrap .add + .tit {
    margin-top: 12rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-info .more-btn {
    height: 40rem;
    line-height: 40rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].location .map {
    margin-top: 16rem;
    height: 240rem;
  }
  #school.detail .detail-content .content-wrap [class*=item].review .slide .list a .imgWrap {
    padding-top: 65.3%;
  }
  #school.detail .detail-content .content-wrap [class*=item].review .slide .list a .textWrap .subject {
    height: 46rem;
  }
  #school.detail .detail-content .option-wrap {
    display: none;
  }
  #school.detail .detail-content .page-btn-wrap {
    margin-top: 40rem;
  }
  #school.detail .detail-content .page-btn-wrap .shortcut {
    height: 40rem;
    font: var(--edm-f-h5);
    line-height: 40rem;
    font-weight: 500;
  }
  #school.detail .detail-content .recommend-school {
    padding-top: 50rem;
    margin-top: 66rem;
  }
  #school.detail .detail-content .recommend-school::before {
    height: 16rem;
    top: -16rem;
  }
  #school.detail .detail-content .recommend-school .list a {
    padding: 12rem;
  }
  #school.detail .detail-content .recommend-school .list a .logo {
    width: 80rem;
    height: 40rem;
  }
  #school.detail .detail-content .recommend-school .list a .textWrap {
    width: calc(100% - 80rem);
    padding-left: 8rem;
  }
  #school.detail .detail-content .recommend-school .list a .textWrap .eng {
    font: var(--edm-f-body2);
    font-weight: 400;
  }
  #school.detail .detail-content .recommend-school .list a .textWrap span {
    position: static;
    transform: none;
    justify-content: flex-end;
    margin-top: 12rem;
  }
  #school.detail .detail-content .bottom-banner {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 900px) {
  #school .contents .board-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  #school {
    /* 목록 */
    /* 상세 */
  }
  #school .contents .board-list > li .textWrap .titleWrap .title {
    height: auto;
  }
  #school .contents .board-list > li .textWrap .titleWrap .location {
    height: auto;
  }
  #school .contents .board-list > li .textWrap .description {
    height: auto;
  }
  #school.detail .detail-content .content-wrap [class*=item].review .slide {
    width: calc(100% + 80rem);
    margin-left: -40rem;
    padding: 0 40rem;
  }
  #school.detail .topWrap .infoWrap-school .slide .swiper-slide {
    padding-top: 33%;
  }
}
@media screen and (max-width: 699px) {
  #school {
    /* 상세 */
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .swiper-slide {
    padding-top: 33%;
  }
}
@media screen and (max-width: 615px) {
  #school {
    /* 목록 */
  }
  #school .contents .board-list {
    grid-template-columns: repeat(1, 1fr);
  }
  #school .contents .board-list > li .textWrap .description {
    height: auto !important;
  }
  #school .contents .board-list > li.school-abroad .textWrap .info {
    display: block;
    text-align: left;
  }
  #school .contents .board-list > li.school-abroad .textWrap .description {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  #school {
    /* 상세 */
  }
  #school.detail .detail-content .content-wrap [class*=item].stay .homeStay .homeStay-gallery .swiper-slide {
    padding-top: 47.6%;
  }
  #school.detail .detail-content .content-wrap [class*=item].review .slide {
    width: calc(100% + 32rem);
    margin-left: -16rem;
    padding: 0 16rem;
  }
  #school.detail .topWrap .infoWrap-school .slide .swiper-slide {
    padding-top: 61.2%;
  }
}

/*# sourceMappingURL=school.css.map */