@charset "UTF-8";
/****************************************************
	school
	- 검색
****************************************************/
#school {
  /* 목록 */
  /* 상세 */
  /* 예상견적 */ }
  #school #search .edm-select-area.double.textSearch .searchWrap.medium .submit {
    display: none; }
  #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);
      isolation: isolate;
      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);
          isolation: isolate;
          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;
          transition: all 0.5s ease; }
      #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);
          letter-spacing: var(--edm-f-body2-ls);
          font-weight: 500;
          height: 24rem;
          line-height: 24rem;
          padding: 0 8rem;
          border-radius: var(--edm-radius1);
          isolation: isolate; }
        #school .contents .board-list > li .textWrap .titleWrap {
          margin-bottom: 16rem; }
          #school .contents .board-list > li .textWrap .titleWrap .title {
            font: var(--edm-f-h5);
            letter-spacing: var(--edm-f-h5-ls);
            margin-bottom: 8rem;
            height: 60rem;
            font-weight: 600; }
          #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);
            letter-spacing: var(--edm-f-body2-ls);
            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);
          isolation: isolate;
          padding: 16rem 24rem;
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls);
          font-weight: 400;
          color: var(--edm-color-text-3); }
          #school .contents .board-list > li .textWrap .info .box {
            width: calc(100%/3);
            padding: 0 8.5rem;
            position: relative;
            text-align: center; }
            #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);
              letter-spacing: var(--edm-f-detail-ls);
              color: var(--edm-color-text-1);
              margin-bottom: 4rem; }
            #school .contents .board-list > li .textWrap .info .box .value {
              font: var(--edm-f-body2);
              letter-spacing: var(--edm-f-body2-ls);
              font-weight: 400; }
          #school .contents .board-list > li .textWrap .info > .tit {
            color: var(--edm-color-text-1);
            width: 100%;
            text-align: left;
            margin-bottom: 4rem; }
          #school .contents .board-list > li .textWrap .info > p span {
            display: block; }
            #school .contents .board-list > li .textWrap .info > p span + span {
              margin-top: 4rem; }
        #school .contents .board-list > li .textWrap .description {
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls);
          font-weight: 400;
          color: var(--edm-color-text-4);
          margin-top: 16rem;
          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);
            letter-spacing: var(--edm-f-detail-ls);
            font-weight: 600;
            color: var(--edm-brand-red);
            box-shadow: 0 0 0 1px var(--edm-brand-red);
            border-radius: var(--edm-radius1);
            isolation: isolate;
            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);
            letter-spacing: var(--edm-f-h5-ls);
            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.university-abroad .textWrap .badge {
        display: none; }
      #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);
        letter-spacing: var(--edm-f-body2-ls);
        font-weight: 400; }
      #school .contents .board-list > li.school-abroad .textWrap .badge {
        display: none; }
      #school .contents .board-list > li:hover .thumbnail .img {
        transform: scale(1.05); }
  #school.detail section.contents, #school.detail article.contents {
    padding-top: 60rem;
    padding-bottom: 0; }
  #school.detail #floating-contact {
    display: none !important; }
  #school.detail #page-option {
    font: var(--edm-f-body2);
    letter-spacing: var(--edm-f-body2-ls);
    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);
        letter-spacing: var(--edm-f-detail-ls);
        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 .selectWrap .edm-select .optionWrap .option {
        text-overflow: initial;
        white-space: normal; }
        #school.detail #page-option .info-item .selectWrap .edm-select .optionWrap .option > * {
          height: auto;
          min-height: 33rem;
          line-height: 150%; }
    #school.detail #page-option .info-item .select-result {
      background-color: var(--edm-bg-neutral);
      margin-top: 16rem;
      border-radius: var(--edm-radius2);
      isolation: isolate;
      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);
          letter-spacing: var(--edm-f-detail-ls);
          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);
          gap: 4rem; }
        #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);
            letter-spacing: var(--edm-f-h5-ls);
            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);
            letter-spacing: var(--edm-f-h3-ls);
            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);
          letter-spacing: var(--edm-f-detail-ls);
          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);
          isolation: isolate;
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls);
          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);
          isolation: isolate;
          padding: 12rem 16rem;
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls);
          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;
              background-color: var(--edm-color-text-1); }
              @media (hover: hover) and (pointer: fine) {
                #school.detail #page-option .all-result-price .box.btnWrap .shortcut.kakao:hover {
                  background-color: var(--edm-color-text-2); } }
              #school.detail #page-option .all-result-price .box.btnWrap .shortcut.kakao:disabled svg path {
                stroke: var(--edm-color-text-4) !important; }
            #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);
            isolation: isolate;
            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);
        letter-spacing: var(--edm-f-detail-ls);
        margin-top: 8rem; }
    #school.detail #page-option > .shortcut {
      width: 100%;
      margin-top: 32rem; }
  #school.detail .more-btn-link {
    font: var(--edm-f-body2);
    letter-spacing: var(--edm-f-body2-ls);
    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);
        isolation: isolate;
        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);
        letter-spacing: var(--edm-f-h2-ls); }
      #school.detail .topWrap .titleWrap .subject p {
        color: var(--edm-color-text-2);
        margin-top: 12rem; }
    #school.detail .topWrap .titleWrap .iconWrap {
      display: flex;
      justify-content: flex-end;
      text-align: center; }
      #school.detail .topWrap .titleWrap .iconWrap a {
        font: var(--edm-f-detail);
        letter-spacing: var(--edm-f-detail-ls);
        font-weight: 400;
        color: var(--edm-color-text-2);
        text-align: center;
        width: 60rem;
        width: calc(100%/6); }
        #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);
      isolation: isolate; }
      #school.detail .topWrap .infoWrap-school .slide .swiper-slide {
        padding-top: 17.7%;
        position: relative;
        overflow: hidden;
        border-radius: var(--edm-radius3);
        isolation: isolate; }
        #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 .printBtnWrap {
    margin-bottom: 40rem; }
    #school.detail .printBtnWrap .shortcut {
      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);
      letter-spacing: var(--edm-f-h4-ls);
      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);
        letter-spacing: var(--edm-f-body2-ls);
        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);
          isolation: isolate;
          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 {
          gap: 4rem; }
          #school.detail .detail-content .content-wrap [class*="item"] .serviceList .box {
            text-align: center;
            width: 70rem;
            font: var(--edm-f-detail);
            letter-spacing: var(--edm-f-detail-ls); }
            #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);
            isolation: isolate;
            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);
          isolation: isolate;
          text-align: center;
          font: var(--edm-f-h3);
          letter-spacing: var(--edm-f-h3-ls);
          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);
          isolation: isolate;
          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);
                letter-spacing: var(--edm-f-body1-ls);
                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);
              letter-spacing: var(--edm-f-body2-ls);
              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 .textWrap p + h4, #school.detail .detail-content .content-wrap [class*="item"].process .list .box .textWrap .dotList + h4 {
              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);
          isolation: isolate;
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls);
          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);
            letter-spacing: var(--edm-f-body1-ls);
            line-height: 31rem;
            padding: 0 16rem 0 44rem;
            border-radius: var(--edm-radiusFull);
            isolation: isolate;
            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);
          isolation: isolate;
          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);
            letter-spacing: var(--edm-f-detail-ls);
            height: 30rem;
            border: 1px solid var(--edm-brand-red);
            border-radius: var(--edm-radius2);
            isolation: isolate;
            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);
            letter-spacing: var(--edm-f-h4-ls);
            margin-bottom: 24rem;
            color: var(--edm-brand-primary); }
        #school.detail .detail-content .content-wrap [class*="item"].stay .hostel .stay-gallery {
          display: flex;
          flex-direction: column;
          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);
            isolation: isolate;
            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);
              isolation: isolate;
              font: var(--edm-f-detail);
              letter-spacing: var(--edm-f-detail-ls);
              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);
              isolation: isolate;
              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);
                isolation: isolate; }
              #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;
              color: var(--edm-color-text-3) !important; }
            #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);
          isolation: isolate; }
          #school.detail .detail-content .content-wrap [class*="item"].stay .homeStay .homeStay-gallery .swiper-slide {
            border-radius: var(--edm-radius3);
            isolation: isolate;
            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%;
            isolation: isolate;
            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);
          isolation: isolate;
          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);
            isolation: isolate;
            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);
                letter-spacing: var(--edm-f-body1-ls);
                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);
            letter-spacing: var(--edm-f-body1-ls); }
          #school.detail .detail-content .option-wrap .sticky-option #page-option .all-result-price .box.all .price {
            font: var(--edm-f-h4);
            letter-spacing: var(--edm-f-h4-ls); }
          #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.active {
          width: 100%;
          position: absolute;
          z-index: 1; }
        #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);
        isolation: isolate;
        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);
            letter-spacing: var(--edm-f-body1-ls);
            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);
            letter-spacing: var(--edm-f-detail-ls);
            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);
        isolation: isolate;
        overflow: hidden; }
        #school.detail .detail-content .bottom-banner a * {
          width: 100%;
          height: 100%;
          object-fit: contain; }
  #school.estimate-quote {
    background-color: #F3F3F8; }
    #school.estimate-quote .contents .mobile-only {
      display: none; }
    #school.estimate-quote .contents .edm-select-area .edm-select.text ~ .dropdown-area .select2-dropdown .select2-results {
      padding-right: 4rem; }
      #school.estimate-quote .contents .edm-select-area .edm-select.text ~ .dropdown-area .select2-dropdown .select2-results .select2-results__options {
        padding-right: 8rem; }
    #school.estimate-quote .contents .edm-select-area .select2-container .select2-dropdown .select2-results {
      width: 100% !important; }
    #school.estimate-quote .contents .titleWrap {
      text-align: center; }
      #school.estimate-quote .contents .titleWrap h1 {
        font: var(--edm-f-h1);
        letter-spacing: var(--edm-f-h1-ls); }
      #school.estimate-quote .contents .titleWrap p {
        font: var(--edm-f-h5);
        letter-spacing: var(--edm-f-h5-ls);
        margin-top: 24rem;
        font-weight: 400;
        color: var(--edm-color-text-3); }
    #school.estimate-quote .contents .form-area {
      background-color: #fff;
      padding: 40rem;
      border-radius: var(--edm-radius4);
      isolation: isolate;
      border: 1px solid var(--edm-color-border-blue);
      box-shadow: var(--edm-sd-blue-1);
      margin-top: 40rem;
      font: var(--edm-f-body2);
      letter-spacing: var(--edm-f-body2-ls);
      font-weight: 400;
      color: var(--edm-color-text-2);
      /* 고객정보 */
      /* 적용 가능 프로모션 */
      /* 최종결과 */ }
      #school.estimate-quote .contents .form-area .invalid-feedback, #school.estimate-quote .contents .form-area .message.error {
        font: var(--edm-f-detail);
        letter-spacing: var(--edm-f-detail-ls);
        color: var(--edm-color-system-warning);
        margin-top: 8rem;
        text-align: left;
        margin-bottom: 0;
        display: none; }
      #school.estimate-quote .contents .form-area .invalid + .message.error, #school.estimate-quote .contents .form-area .invalid + .invalid-feedback, #school.estimate-quote .contents .form-area :invalid + .message.error, #school.estimate-quote .contents .form-area :invalid + .invalid-feedback, #school.estimate-quote .contents .form-area :user-invalid + .message.error, #school.estimate-quote .contents .form-area :user-invalid + .invalid-feedback, #school.estimate-quote .contents .form-area .is-invalid + .message.error, #school.estimate-quote .contents .form-area .is-invalid + .invalid-feedback {
        display: block; }
      #school.estimate-quote .contents .form-area input + span {
        font-weight: 700;
        color: var(--edm-color-text-2); }
      #school.estimate-quote .contents .form-area .col2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24rem; }
        #school.estimate-quote .contents .form-area .col2.type2 {
          column-gap: 8rem; }
          #school.estimate-quote .contents .form-area .col2.type2 .short-select {
            width: auto; }
            #school.estimate-quote .contents .form-area .col2.type2 .short-select .form-label {
              column-gap: 8rem;
              display: flex; }
              #school.estimate-quote .contents .form-area .col2.type2 .short-select .form-label .edm-select-area {
                width: 204rem; }
      #school.estimate-quote .contents .form-area .input .input-title {
        font: var(--edm-f-h5);
        letter-spacing: var(--edm-f-h5-ls);
        color: var(--edm-color-text-1);
        font-weight: 400;
        margin-bottom: 12rem; }
        #school.estimate-quote .contents .form-area .input .input-title.type2 {
          font: var(--edm-f-body2);
          letter-spacing: var(--edm-f-body2-ls);
          font-weight: 400; }
      #school.estimate-quote .contents .form-area .input.radio .form-label + .form-label {
        margin-left: 16rem; }
      #school.estimate-quote .contents .form-area .area-title {
        font: var(--edm-f-h3);
        letter-spacing: var(--edm-f-h3-ls);
        padding-bottom: 16rem;
        color: var(--edm-color-text-1);
        border-bottom: 1px solid var(--edm-color-text-1);
        margin-bottom: 40rem; }
      #school.estimate-quote .contents .form-area .desc {
        width: 100%;
        font: var(--edm-f-detail);
        letter-spacing: var(--edm-f-detail-ls);
        color: var(--edm-color-text-3);
        margin-top: 12rem; }
      #school.estimate-quote .contents .form-area .box + .box {
        margin-top: 60rem; }
      #school.estimate-quote .contents .form-area .table-btnWrap {
        justify-content: flex-end;
        margin: 24rem 0 12rem;
        column-gap: 8rem; }
      #school.estimate-quote .contents .form-area .table em {
        color: var(--edm-brand-blue); }
      #school.estimate-quote .contents .form-area .table ul li {
        display: flex;
        border-bottom: 1px solid var(--edm-color-border-neutral);
        padding: 12rem 0;
        align-items: center; }
        #school.estimate-quote .contents .form-area .table ul li > div {
          padding: 0 16rem; }
        #school.estimate-quote .contents .form-area .table ul li input {
          height: 40rem;
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls);
          width: 168rem;
          text-align: right;
          min-width: 2ch; }
        #school.estimate-quote .contents .form-area .table ul li.title {
          background-color: var(--edm-bg-neutral);
          height: 48rem;
          text-align: center;
          font-weight: 600;
          color: var(--edm-color-text-1); }
        #school.estimate-quote .contents .form-area .table ul li.sub-total {
          background-color: var(--edm-bg-neutral);
          border-bottom: none;
          color: var(--edm-color-text-3);
          padding: 8rem 0;
          display: block; }
          #school.estimate-quote .contents .form-area .table ul li.sub-total .item {
            padding: 0; }
            #school.estimate-quote .contents .form-area .table ul li.sub-total .item > div {
              padding: 4rem 16rem; }
            #school.estimate-quote .contents .form-area .table ul li.sub-total .item .name {
              width: 726rem; }
              #school.estimate-quote .contents .form-area .table ul li.sub-total .item .name .nameInput {
                width: 100%;
                text-align: left; }
            #school.estimate-quote .contents .form-area .table ul li.sub-total .item input {
              color: inherit;
              width: 216rem; }
        #school.estimate-quote .contents .form-area .table ul li.total {
          font: var(--edm-f-body1);
          letter-spacing: var(--edm-f-body1-ls);
          color: var(--edm-color-text-1);
          background-color: var(--edm-bg-neutral); }
          #school.estimate-quote .contents .form-area .table ul li.total .period {
            justify-content: center; }
        #school.estimate-quote .contents .form-area .table ul li .name {
          width: 320rem;
          position: relative; }
          #school.estimate-quote .contents .form-area .table ul li .name .deleteBtn {
            display: none; }
        #school.estimate-quote .contents .form-area .table ul li .period {
          width: 448rem; }
          #school.estimate-quote .contents .form-area .table ul li .period .week {
            width: 120rem; }
          #school.estimate-quote .contents .form-area .table ul li .period .date {
            width: calc(100% - 120rem); }
            #school.estimate-quote .contents .form-area .table ul li .period .date p + span {
              margin-top: 8rem; }
            #school.estimate-quote .contents .form-area .table ul li .period .date span {
              display: block;
              font: var(--edm-f-detail);
              letter-spacing: var(--edm-f-detail-ls);
              color: var(--edm-color-text-3); }
        #school.estimate-quote .contents .form-area .table ul li .cost-local {
          width: 240rem; }
        #school.estimate-quote .contents .form-area .table ul li .cost-krw {
          width: 200rem; }
        #school.estimate-quote .contents .form-area .table ul li:not(.title) .period {
          display: flex;
          align-items: center; }
        #school.estimate-quote .contents .form-area .table ul li:not(.title) .cost-local, #school.estimate-quote .contents .form-area .table ul li:not(.title) .cost-krw {
          display: flex;
          align-items: center;
          white-space: nowrap;
          text-align: right;
          justify-content: flex-end; }
      #school.estimate-quote .contents .form-area .table.readonly ul li input {
        border: none;
        padding: 0;
        height: auto;
        font: var(--edm-f-body2);
        letter-spacing: var(--edm-f-body2-ls);
        font-weight: 400;
        text-align: right;
        background-color: transparent;
        border-radius: 0;
        isolation: isolate; }
      #school.estimate-quote .contents .form-area .table.readonly ul li.total input {
        font: var(--edm-f-body1);
        letter-spacing: var(--edm-f-body1-ls);
        color: var(--edm-color-text-1); }
      #school.estimate-quote .contents .form-area .table.readonly ul li .name .deleteBtn {
        display: none; }
      #school.estimate-quote .contents .form-area .table.readonly ul li .period {
        width: 448rem; }
      #school.estimate-quote .contents .form-area .table.editing ul li .name {
        width: 378rem;
        padding-left: 81rem; }
        #school.estimate-quote .contents .form-area .table.editing ul li .name .deleteBtn {
          width: 57rem;
          padding: 0;
          position: absolute;
          left: 16rem;
          top: 50%;
          transform: translateY(-50%);
          display: block; }
      #school.estimate-quote .contents .form-area .table.editing ul li .period .week {
        width: 105rem; }
      #school.estimate-quote .contents .form-area .table.editing ul li .period .date {
        width: calc(100% - 105rem); }
      #school.estimate-quote .contents .form-area .table.editing ul li .cost-local {
        width: 248rem; }
        #school.estimate-quote .contents .form-area .table.editing ul li .cost-local:not(.two) input {
          width: 100% !important; }
        #school.estimate-quote .contents .form-area .table.editing ul li .cost-local.two {
          justify-content: space-between;
          font: var(--edm-f-detail);
          letter-spacing: var(--edm-f-detail-ls); }
          #school.estimate-quote .contents .form-area .table.editing ul li .cost-local.two input {
            width: 82rem !important; }
      #school.estimate-quote .contents .form-area .table.editing ul li.sub-total .item .name {
        width: 718rem;
        padding-left: 81rem;
        display: flex;
        align-items: center; }
      #school.estimate-quote .contents .form-area .table.editing-add ul li.add .name {
        padding-left: 81rem; }
        #school.estimate-quote .contents .form-area .table.editing-add ul li.add .name .deleteBtn {
          display: block;
          width: 57rem;
          padding: 0;
          position: absolute;
          left: 16rem;
          top: 50%;
          transform: translateY(-50%); }
      #school.estimate-quote .contents .form-area .table.editing-add ul li.add input {
        border: 1px solid var(--edm-color-border-neutral);
        border-radius: var(--edm-radius2);
        isolation: isolate;
        background-color: #fff;
        padding: 0 16rem;
        height: 40rem; }
      #school.estimate-quote .contents .form-area .table.list {
        border-top: 1px solid var(--edm-color-border-neutral); }
        #school.estimate-quote .contents .form-area .table.list ul li .name {
          width: 768rem; }
          #school.estimate-quote .contents .form-area .table.list ul li .name input {
            width: 100% !important;
            text-align: left; }
      #school.estimate-quote .contents .form-area .table.list-full {
        border-top: 1px solid var(--edm-color-border-neutral); }
        #school.estimate-quote .contents .form-area .table.list-full ul li .name {
          width: 100%; }
          #school.estimate-quote .contents .form-area .table.list-full ul li .name input {
            width: 100% !important;
            text-align: left; }
      #school.estimate-quote .contents .form-area.customer-info {
        position: relative;
        z-index: 1; }
        #school.estimate-quote .contents .form-area.customer-info .search .input-title p {
          margin-right: 24rem; }
        #school.estimate-quote .contents .form-area.customer-info .search .search {
          width: 100%;
          max-width: 444rem; }
          #school.estimate-quote .contents .form-area.customer-info .search .search .searchInputWrap input {
            height: 50rem;
            line-height: 50rem; }
          #school.estimate-quote .contents .form-area.customer-info .search .search .searchInputWrap .clear {
            right: 16rem; }
        #school.estimate-quote .contents .form-area.customer-info .ec-info .form-label {
          font: var(--edm-f-body1);
          letter-spacing: var(--edm-f-body1-ls);
          font-weight: 400; }
          #school.estimate-quote .contents .form-area.customer-info .ec-info .form-label .name {
            padding-right: 24rem;
            position: relative;
            margin-right: 24rem; }
            #school.estimate-quote .contents .form-area.customer-info .ec-info .form-label .name::after {
              content: '';
              position: absolute;
              width: 1px;
              height: 27rem;
              background-color: var(--edm-color-border-neutral);
              top: 0;
              right: 0; }
          #school.estimate-quote .contents .form-area.customer-info .ec-info .form-label .email {
            padding-left: 12rem; }
        #school.estimate-quote .contents .form-area.customer-info .customer-info-result .form-label {
          align-items: center;
          font: var(--edm-f-body1);
          letter-spacing: var(--edm-f-body1-ls);
          font-weight: 400;
          column-gap: 24rem; }
          #school.estimate-quote .contents .form-area.customer-info .customer-info-result .form-label em {
            color: var(--edm-brand-primary);
            font-weight: 700; }
      #school.estimate-quote .contents .form-area.inner .quote-period .period-notice {
        margin-top: 24rem; }
        #school.estimate-quote .contents .form-area.inner .quote-period .period-notice p {
          color: var(--edm-color-text-1); }
          #school.estimate-quote .contents .form-area.inner .quote-period .period-notice p + p {
            margin-top: 8rem; }
          #school.estimate-quote .contents .form-area.inner .quote-period .period-notice p b {
            font: var(--edm-f-body1);
            letter-spacing: var(--edm-f-body1-ls); }
          #school.estimate-quote .contents .form-area.inner .quote-period .period-notice p em {
            color: var(--edm-brand-blue); }
      #school.estimate-quote .contents .form-area .promotion .input {
        border: 1px solid var(--edm-color-border-blue);
        border-radius: var(--edm-radius3);
        isolation: isolate;
        padding: 24rem; }
        #school.estimate-quote .contents .form-area .promotion .input .form-label p {
          padding-left: 26rem;
          position: relative; }
          #school.estimate-quote .contents .form-area .promotion .input .form-label p::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 18rem;
            height: 18rem;
            background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/school/icon-estimated-quote-check-18.svg");
            background-size: 18rem;
            background-position: center;
            background-repeat: no-repeat; }
          #school.estimate-quote .contents .form-area .promotion .input .form-label p + p {
            margin-top: 4rem; }
      #school.estimate-quote .contents .form-area .total-result .result-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 24rem;
        padding: 24rem;
        text-align: center;
        border: 1px solid var(--edm-color-text-1);
        border-radius: 16rem;
        isolation: isolate; }
        #school.estimate-quote .contents .form-area .total-result .result-wrap > div {
          position: relative; }
          #school.estimate-quote .contents .form-area .total-result .result-wrap > div p:not(.cost) {
            color: var(--edm-color-text-3);
            margin-bottom: 8rem; }
          #school.estimate-quote .contents .form-area .total-result .result-wrap > div p.cost {
            font: var(--edm-f-h3);
            letter-spacing: var(--edm-f-h3-ls);
            color: var(--edm-color-text-1); }
            #school.estimate-quote .contents .form-area .total-result .result-wrap > div p.cost.total {
              color: var(--edm-brand-red); }
          #school.estimate-quote .contents .form-area .total-result .result-wrap > div.promotion::before {
            content: '-';
            position: absolute;
            left: -16rem;
            top: 50%;
            transform: translateY(-50%); }
          #school.estimate-quote .contents .form-area .total-result .result-wrap > div.total::before {
            content: '=';
            position: absolute;
            left: -16rem;
            top: 50%;
            transform: translateY(-50%); }
      #school.estimate-quote .contents .form-area .total-result .desc {
        font: var(--edm-f-body2);
        letter-spacing: var(--edm-f-body2-ls);
        font-weight: 400; }
      #school.estimate-quote .contents .form-area .page-btnWrap {
        margin-top: 60rem; }
        #school.estimate-quote .contents .form-area .page-btnWrap .btnWrap {
          width: 100%;
          margin-top: 12rem; }
          #school.estimate-quote .contents .form-area .page-btnWrap .btnWrap .right {
            column-gap: 8rem; }
    #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner {
      max-width: 610rem; }
      #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .textWrap ul li {
        column-gap: 24rem;
        display: grid;
        grid-template-columns: auto 180rem 180rem; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .textWrap ul li + li {
          margin-top: 8rem; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .textWrap ul li input + span {
          font-weight: 400;
          width: 100%; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .textWrap ul li .cost {
          text-align: right; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .textWrap ul li .name {
          width: 100%; }
      #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .shortcut {
        width: 76rem;
        margin: 32rem 0 0 auto; }
      #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner #modal-allcheck-btn {
        display: none; }
      #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner .align-right {
        text-align: right; }
      #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner.add-benefit ul li {
        grid-template-columns: repeat(1, 1fr);
        display: flex; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner.add-benefit ul li label {
          width: 300rem;
          flex-shrink: 0; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner.add-benefit ul li p {
          text-align: left;
          width: auto; }
        #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner.add-benefit ul li .cost {
          margin: 0 0 0 auto;
          white-space: nowrap; }
      #school.estimate-quote [data-modal-name="modal-popup-estimated-quote"] .inner.promotion ul li {
        display: flex; }

.edm-calendar-wrap .flatpickr-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months {
  margin-left: 15rem;
  -webkit-appearance: menulist;
  pointer-events: auto;
  top: 1px; }
.edm-calendar-wrap .flatpickr-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper .arrowUp,
.edm-calendar-wrap .flatpickr-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper .arrowDown {
  right: -14rem; }

@media screen and (max-width: 1400px) {
  #school.estimate-quote .contents .mobile-only {
    display: block; }
  #school.estimate-quote .contents .desktop-only {
    display: none; } }
@media screen and (max-width: 991px) {
  #school {
    /* 목록 */
    /* 상세 */ }
    #school .contents .board-list {
      row-gap: 32rem;
      column-gap: 8rem; }
      #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);
            letter-spacing: var(--edm-f-h4-ls);
            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);
          letter-spacing: var(--edm-f-detail-ls);
          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);
          letter-spacing: var(--edm-f-h4-ls);
          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-auth-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);
      letter-spacing: var(--edm-f-body2-ls);
      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);
        letter-spacing: var(--edm-f-body2-ls);
        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);
        letter-spacing: var(--edm-f-body1-ls); }
        #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);
        letter-spacing: var(--edm-f-h4-ls); }
      #school.detail #page-option .all-result-price .box.note p {
        font: var(--edm-f-body2);
        letter-spacing: var(--edm-f-body2-ls);
        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);
          letter-spacing: var(--edm-f-h4-ls); }
        #school.detail .topWrap .titleWrap .subject p {
          font: var(--edm-f-body2);
          letter-spacing: var(--edm-f-body2-ls);
          font-weight: 400;
          margin-top: 4rem; }
      #school.detail .topWrap .titleWrap .iconWrap {
        margin-top: 24rem;
        max-width: 328rem;
        justify-content: flex-start; }
        #school.detail .topWrap .titleWrap .iconWrap a {
          font-size: 12rem;
          letter-spacing: -0.12rem; }
          #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 .printBtnWrap {
      margin-bottom: 24rem; }
      #school.detail .printBtnWrap .shortcut {
        font: var(--edm-f-h5);
        letter-spacing: var(--edm-f-h5-ls);
        font-weight: 500; }
    #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 16rem; }
        #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);
              isolation: isolate;
              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;
                height: auto;
                aspect-ratio: 296/200; }
              #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 .hostel .stay-info .infoList > li .edm-select .label {
            min-height: 48rem; }
          #school.detail .detail-content .content-wrap [class*=item].stay .hostel .stay-gallery .main-view .slide-navigation {
            bottom: 12rem;
            right: 12rem; }
          #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);
          letter-spacing: var(--edm-f-h5-ls);
          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);
              letter-spacing: var(--edm-f-body2-ls);
              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 {
        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%; } }