.submain__banner {
  background-image: url("../imgs/bg_school_banner.jpg");
  background-size: cover;
  background-position: left bottom; }

.pb120{
  padding-top: 5.0rem;
}

.red {
  color: #eb535b; }

#school__main {
  padding: 6.25em 0; }
  #school__main .grid {
    padding: 6.25em 5em;
    background-image: url("../imgs/bg_school_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    #school__main .grid .inner__cnt {
      display: flex;
      align-items: stretch; }
      #school__main .grid .inner__cnt .img {
        width: 13.75em; }
      #school__main .grid .inner__cnt .inner__dec {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 2.5em;
        color: white; }
        #school__main .grid .inner__cnt .inner__dec .dec__title {
          text-align: left;
          margin: 0 0; }
        #school__main .grid .inner__cnt .inner__dec .dec__info {
          line-height: 1.7;
          font-size: 1.063rem;
          font-weight: 400; }

#school__info {
  background-color: #f3f4f8; }
  #school__info .grid {
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    #school__info .grid .info__dec {
      width: calc(50% - 25px);
      padding: 6.25em 2.5em;
      background-color: white;
      background-image: url("../imgs/ico_school_01.png");
      background-size: 6.25rem auto;
      background-position: right 3.125em top 3.125em;
      background-repeat: no-repeat; }
      #school__info .grid .info__dec + .info__dec {
        background-image: url("../imgs/ico_school_02.png"); }
      #school__info .grid .info__dec .dec__title {
        font-size: 1.875rem;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 1.3; }
      #school__info .grid .info__dec .dec__info {
        padding-top: 2.5em;
        font-size: 1.063rem;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.7px; }

#school__info1 {
  padding-bottom: 6.25em; }
  #school__info1 .inner__dec {
    display: block;
    width: 100%; }
    #school__info1 .inner__dec .dec__title {
      width: 100%; }
      #school__info1 .inner__dec .dec__title img {
        max-width: 100%;
        vertical-align: bottom; }
    #school__info1 .inner__dec .dec__info {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      width: 100%;
      border: 5px solid #e5e5e5; }
      #school__info1 .inner__dec .dec__info .dec__tb {
        width: 50%;
        padding: 0 1.875em; }
        #school__info1 .inner__dec .dec__info .dec__tb table {
          width: 100%;
          border-collapse: collapse; }
          #school__info1 .inner__dec .dec__info .dec__tb table tr {
            height: 55px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 1.063rem;
            font-weight: 400;
            line-height: 1.5;
            letter-spacing: -0.7px; }
            #school__info1 .inner__dec .dec__info .dec__tb table tr td + td {
              padding-left: 0.625em; }

#school__info2 {
  background-image: url("../imgs/bg_school_1.jpg");
  background-size: cover;
  background-position: center top;
  color: white; }
  #school__info2 .title__wrap .inner__title {
    letter-spacing: -2pxz; }
    #school__info2 .title__wrap .inner__title .color {
      color: #fff000; }
  #school__info2 .title__wrap .intro__message {
    padding: 1.25em 0 2.5em;
    font-size: 1.063rem;
    line-height: 1.85;
    text-align: center; }
  #school__info2 .new___btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 1.5em 1.875em;
    background-color: transparent;
    background-image: url("../imgs/ico_right_arr_white.png");
    background-repeat: no-repeat;
    background-size: 0.938em auto;
    background-position: right 1.875em center;
    border: 5px solid white;
    font-size: 1.875rem;
    color: white;
    font-weight: bold;
    line-height: 1.5; }
    #school__info2 .new___btn span {
      font-size: 1.5rem;
      font-weight: 500; }
    #school__info2 .new___btn:active {
      background-color: rgba(255, 255, 255, 0.25); }

#school__info3 {
  background-color: #f3f4f8; }
  #school__info3 .info__list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 3.125em; }
    #school__info3 .info__list dl {
      width: 33%;
      background-color: white;
      box-shadow: 10px 0 35px rgba(17, 17, 17, 0.08); }
      #school__info3 .info__list dl + dl {
        margin-left: 1.875em; }
      #school__info3 .info__list dl dd {
        display: flex;
        flex-direction: column;
        min-height: 305px;
        padding: 0 1.875em;
        padding-bottom: 1.875em; }
        #school__info3 .info__list dl dd .inner__title {
          font-size: 1.5rem;
          line-height: 4.375rem;
          letter-spacing: -1px;
          border-bottom: 1px dashed #e5e5e5; }
        #school__info3 .info__list dl dd ul {
          padding: 1.25em 0;
          font-size: 1.063rem; }
          #school__info3 .info__list dl dd ul li {
            padding-left: 1.25em;
            line-height: 1.5;
            font-weight: 400;
            letter-spacing: -0.7px;
            background-repeat: no-repeat; }
            #school__info3 .info__list dl dd ul li + li {
              padding-top: 0.625em; }
            #school__info3 .info__list dl dd ul li.address {
              background-image: url("../imgs/ico_map.png");
              background-size: 12px auto;
              background-position: left top 6px; }
            #school__info3 .info__list dl dd ul li.phone {
              background-image: url("../imgs/ico_phone.png");
              background-size: 13px auto;
              background-position: left top 18px; }
        #school__info3 .info__list dl dd .go__web__btn {
          width: 100%;
          margin-top: auto;
          line-height: 3.125rem;
          text-align: center;
          color: #eb535b;
          font-size: 1.063rem;
          font-weight: bold;
          border: 1px solid #eb535b;
          background-color: transparent;
          transition: all 0.13s ease; }
          #school__info3 .info__list dl dd .go__web__btn:hover {
            background-color: #eb535b;
            color: white;
            transition: all 0.13s ease; }
          #school__info3 .info__list dl dd .go__web__btn:active {
            background-color: #d31620; }

#school__info4 {
  background-color: #252736;
  color: white; }
  #school__info4 .thumb__list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding-top: 3.125em; }
    #school__info4 .thumb__list .img {
      position: relative;
      width: calc(20% - 20px);
      margin-bottom: 20px; }
      #school__info4 .thumb__list .img img {
        width: 100%; }
      #school__info4 .thumb__list .img .ico {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 3;
        background-color: rgba(235, 83, 91, 0.85);
        opacity: 0;
        transition: all 0.13s ease;
        cursor: pointer; }
        #school__info4 .thumb__list .img .ico img {
          width: 30px; }
      #school__info4 .thumb__list .img:hover .ico {
        opacity: 1;
        transition: all 0.13s ease; }

#school__pages .grid {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  #school__pages .grid .page__dec {
    position: relative;
    width: 33%;
    padding: 3.125em 1.875em;
    border: 1px solid #e5e5e5;
    background-color: white;
    box-shadow: 15px 0 30px rgba(17, 17, 17, 0.05);
    transition: all 0.13s ease;
    cursor: pointer; }
    #school__pages .grid .page__dec * {
      transition: all 0.13s ease; }
    #school__pages .grid .page__dec + .page__dec {
      margin-left: 1.875em; }
    #school__pages .grid .page__dec .dec__title {
      font-size: 1.375rem;
      font-weight: bold; }
    #school__pages .grid .page__dec .dec__info {
      padding-top: 1.25em;
      font-size: 1.063rem;
      line-height: 1.7; }
    #school__pages .grid .page__dec .ico {
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3.75rem;
      height: 3.75rem;
      border: 1px solid #e5e5e5;
      border-right: none;
      border-bottom: none; }
      #school__pages .grid .page__dec .ico .act__img {
        display: none; }
    #school__pages .grid .page__dec:hover {
      box-shadow: 15px 0 30px rgba(235, 83, 91, 0.15);
      border-color: #eb535b;
      transition: all 0.13s ease; }
      #school__pages .grid .page__dec:hover * {
        transition: all 0.13s ease; }
      #school__pages .grid .page__dec:hover .dec__title {
        color: #eb535b; }
      #school__pages .grid .page__dec:hover .ico {
        border-color: #eb535b; }
        #school__pages .grid .page__dec:hover .ico .act__img {
          display: block; }
        #school__pages .grid .page__dec:hover .ico .norm__img {
          display: none; }

#school__curriculum .curriculum__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(262px, auto));
  grid-auto-rows: 262px;
  gap: 3.125em;
  padding-top: 3.125em; }
  #school__curriculum .curriculum__list .cur__dec {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3.125em 0;
    border: 1px solid #e5e5e5;
    cursor: pointer; }
    #school__curriculum .curriculum__list .cur__dec * {
      transition: all 0.13s ease; }
    #school__curriculum .curriculum__list .cur__dec .cur__title {
      padding-top: 1.875em;
      font-size: 1.375rem;
      letter-spacing: -1px; }
    #school__curriculum .curriculum__list .cur__dec:hover {
      box-shadow: 15px 0 30px rgba(235, 83, 91, 0.15);
      border-color: #eb535b;
      transition: all 0.13s ease; }
      #school__curriculum .curriculum__list .cur__dec:hover * {
        transition: all 0.13s ease; }
      #school__curriculum .curriculum__list .cur__dec:hover .cur__title {
        color: #eb535b; }

#school__ap_honors .school__dec {
  background-color: #eb535b;
  background-image: url("../imgs/bg_school_ap.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }
  #school__ap_honors .school__dec .grid {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    align-items: center; }
    #school__ap_honors .school__dec .grid .schoolInner__dec {
      padding-left: 3.125em;
      color: white; }
      #school__ap_honors .school__dec .grid .schoolInner__dec .dec__title {
        padding-bottom: 0.625em;
        font-size: 3rem;
        letter-spacing: -2px;
        line-height: 1.3; }
      #school__ap_honors .school__dec .grid .schoolInner__dec .dec__info {
        padding-right: 1.25em;
        font-size: 1.063rem;
        line-height: 1.7;
        font-weight: 400; }
  #school__ap_honors .school__dec + .school__ap {
    padding-top: 5.625em;
    background-color: #db474f;
    background-image: url("../imgs/bg_school_ap1.png"); }
#school__ap_honors .table__dec {
  width: 100%;
  color: white; }
  #school__ap_honors .table__dec .dec__title {
    padding-top: 0.2083333333em;
    border: 4px solid white;
    line-height: 5rem;
    font-size: 1.875rem;
    text-align: center; }
  #school__ap_honors .table__dec .dec__info {
    padding: 0.938em 0; }
    #school__ap_honors .table__dec .dec__info ul {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(142px, auto));
      grid-auto-rows: 70px;
      gap: 8px 8px; }
      #school__ap_honors .table__dec .dec__info ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #b22b33;
        text-align: center;
        line-height: 1.5;
        font-size: 1.063rem;
        letter-spacing: -0.7px;
        font-weight: 400; }
#school__ap_honors .school__honors {
  background-color: #252736;
  background-image: url("../imgs/bg_school_honors.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  color: white; }
  #school__ap_honors .school__honors:first-child .grid {
    grid-template-columns: minmax(auto, 750px) 1fr; }
  #school__ap_honors .school__honors + .school__honors {
    padding-top: 5.625em;
    background-color: #1c1e2d;
    background-image: url("../imgs/bg_school_honors1.png"); }
    #school__ap_honors .school__honors + .school__honors .table__dec ul li {
      background-color: #13141a;
      padding: 0.3125em 0.625em 0; }
      #school__ap_honors .school__honors + .school__honors .table__dec ul li.wd {
        grid-column: span 2; }

#school__teachers {
  background-color: #f3f4f8; }
  #school__teachers .teacher__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, auto));
    gap: 3.125em 30px;
    padding-top: 3.125em; }
    #school__teachers .teacher__list .teacher {
      background-color: white; }
      #school__teachers .teacher__list .teacher .teacher__dec .dec__title .img {
        display: block; }
        #school__teachers .teacher__list .teacher .teacher__dec .dec__title .img img {
          width: 100%;
          vertical-align: bottom; }
      #school__teachers .teacher__list .teacher .teacher__dec .dec__title .teacher__name {
        padding: 1.25em 0.938em 0.625em;
        font-size: 1.375rem;
        font-weight: bold; }
      #school__teachers .teacher__list .teacher .teacher__dec .dec__info {
        padding: 0 1.5em 1.875em;
        font-size: 0.938rem;
        color: #999998;
        line-height: 1.5; }
  #school__teachers .btn__submit {
    width: 20em;
    height: 3.75rem;
    margin-top: 3.75em;
    font-size: 1.063rem;
    font-weight: bold; }

.activities .ico__list {
  padding-top: 3.125em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(216px, auto));
  gap: 0.938em; }
  .activities .ico__list .ico {
    width: 100%; }
    .activities .ico__list .ico img {
      width: 100%;
      vertical-align: top; }
  .activities .ico__list .ico__title {
    text-align: center;
    line-height: 3.75rem;
    font-size: 1.063rem; }
.activities .activities__info {
  padding: 1.875em 3.125em;
  margin-top: 3.125em;
  border: 4px solid #111111;
  background-color: white;
  font-size: 1.063rem;
  line-height: 2;
  letter-spacing: -0.8px; }
  .activities .activities__info span {
    display: block;
    width: 80%;
    margin: 0 auto;
    letter-spacing: -0.3px; }
  .activities .activities__info.color {
    border-color: #eb535b;
    color: #eb535b;
    text-align: center; }
  .activities .activities__info .info__dec {
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    .activities .activities__info .info__dec .row {
      min-width: 30%;
      letter-spacing: -1px;
      font-weight: 400; }
      .activities .activities__info .info__dec .row li {
        position: relative;
        padding-left: 0.625em;
        line-height: 2; }
        .activities .activities__info .info__dec .row li span {
          display: inline;
          font-size: 0.875rem; }
        .activities .activities__info .info__dec .row li::before {
          position: absolute;
          content: "";
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          width: 3px;
          height: 3px;
          background-color: #111111;
          border-radius: 50%; }

#school__clubs {
  background-color: #f3f4f8; }

#school__mainList .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(366px, auto));
  gap: 3.125em; }
  #school__mainList .grid .college__dec {
    display: block;
    border: 1px solid #e5e5e5; }
    #school__mainList .grid .college__dec .dec__title {
      display: block;
      width: 100%;
      overflow: hidden; }
      #school__mainList .grid .college__dec .dec__title img {
        display: block;
        width: 100%; }
    #school__mainList .grid .college__dec .dec__info {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding-bottom: 1.563em;
      line-height: 1.3; }
      #school__mainList .grid .college__dec .dec__info .ico {
        z-index: 2;
        margin-top: -3.125em; }
      #school__mainList .grid .college__dec .dec__info .college__name {
        padding: 0.3125em 0;
        font-size: 1.375rem; }
      #school__mainList .grid .college__dec .dec__info span {
        font-size: 1.063rem;
        font-weight: 400; }

#school__subList {
  background-color: #f3f4f8; }
  #school__subList .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 30%));
    gap: 3.125em 1.875em;
    justify-content: center;
    align-items: stretch; }
    #school__subList .grid .college__dec .dec__title img {
      width: 100%; }
    #school__subList .grid .college__dec .dec__info {
      display: grid;
      grid-template-columns: 2.814em 1fr 1fr;
      line-height: 2; }
      #school__subList .grid .college__dec .dec__info .ico {
        width: 2.814em;
        grid-row: 1 / span 2;
        grid-column: 1 / span 1; }
        #school__subList .grid .college__dec .dec__info .ico img {
          transform: translateY(0.938em); }
      #school__subList .grid .college__dec .dec__info .college__name {
        padding: 0.625em 0 0;
        padding-left: 0.625em;
        grid-row: 1 / span 1;
        grid-column: 2 / span 2;
        font-size: 1.063rem;
        font-weight: 500;
        line-height: 1.7; }
      #school__subList .grid .college__dec .dec__info span {
        padding-left: 0.625em;
        grid-row: 2 / span 1;
        grid-column: 2 / span 2;
        font-size: 0.938rem;
        font-weight: 400; }

.curriculums__pop {
  display: none;
  position: relative;
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: rgba(0, 0, 0, 0.75); }
  .curriculums__pop .close {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 500;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    cursor: pointer; }
    .curriculums__pop .close .bar {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 2px;
      background-color: white;
      transition: all 0.13s ease; }
      .curriculums__pop .close .bar.bar1 {
        transform: translate(-50%) rotate(45deg); }
      .curriculums__pop .close .bar.bar2 {
        transform: translate(-50%) rotate(-45deg); }
    .curriculums__pop .close:hover .bar {
      background-color: #b22b33;
      transition: all 0.13s ease; }
      .curriculums__pop .close:hover .bar.bar1 {
        transform: translate(-50%) rotate(-135deg); }
      .curriculums__pop .close:hover .bar.bar2 {
        transform: translate(-50%) rotate(-225deg); }
  .curriculums__pop .cr__modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-auto-columns: 100%;
    grid-template-rows: auto 1fr;
    width: 95%;
    max-width: 600px;
    min-height: 450px;
    max-height: 90vh;
    background-color: white; }
    .curriculums__pop .cr__modal header {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 2.5em;
      background-color: #eb535b;
      padding: 0 1.25em;
      padding-top: 5px;
      font-size: 1.5rem;
      font-weight: 500;
      color: white; }
    .curriculums__pop .cr__modal section {
      width: 100%;
      height: 100%;
      padding: 1.875em 1.25em;
      overflow: hidden auto; }
      .curriculums__pop .cr__modal section .cr__list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(9.375em, auto));
        grid-auto-rows: minmax(60px, auto);
        gap: 0.938em;
        width: 100%; }
        .curriculums__pop .cr__modal section .cr__list .cr__item {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 50px;
          padding: 6.5px 0.625em 0.3125em;
          text-align: center;
          line-height: 1.7;
          font-size: 0.875rem;
          letter-spacing: -0.5px;
          background-color: #fbfbfb;
          border: 1px solid #e5e5e5; }

@media all and (max-width: 790px) {
  #school__ap_honors .school__dec .grid {
    grid-template-columns: 150px auto; }
    #school__ap_honors .school__dec .grid .img {
      padding-left: 1.25em;
      padding-right: 0.625em; }
    #school__ap_honors .school__dec .grid .schoolInner__dec {
      padding-left: 0.625em; }
      #school__ap_honors .school__dec .grid .schoolInner__dec .dec__title {
        font-size: 2.5rem; }
      #school__ap_honors .school__dec .grid .schoolInner__dec .dec__info {
        padding-right: 0; }

  #school__ap_honors .school__honors:first-child .grid {
    grid-template-columns: auto 150px;
    padding-left: 1.25em;
    padding-right: 1.25em; }

  #school__info2 .new___btn {
    width: 90%;
    margin: 0 auto;
    padding-left: 0.625em;
    padding-right: 0.625em;
    background-size: 0.938em auto;
    background-position: right 0.625em center; }

  #school__info3 .info__list dl {
    display: flex;
    flex-direction: column; }
    #school__info3 .info__list dl dd {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding-left: 1.25em;
      padding-right: 1.25em; }
      #school__info3 .info__list dl dd .inner__title {
        padding: 0.938em 0;
        line-height: 1.5; }
      #school__info3 .info__list dl dd ul li {
        line-height: 1.7; }
      #school__info3 .info__list dl dd .go__web__btn {
        margin-top: auto; } }

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