.FB1 {
  /* max-width: 2000px; */
  margin: 0px auto;
}

.title_unificationBox {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_unificationBox .title_p_unification {
  color: #331056;
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding: 0px 30px;
}

.FB1_1 {
  background-color: #F6F1FC;
}

.FB1_1_Box {
  max-width: 1400px;
  overflow: hidden;
  margin: 0px auto;
  padding: 40px 0px;
}

.FB1_1_Box .imgBox {
  display: inline-block;
  padding-right: 15px;
  height: 100%;
}

.FB1_1_Box .imgBox img {
  width: 100%;
  height: 100%;
  aspect-ratio: 396/315;
  object-fit: cover;
}

.FB1_1_Box .textBox .p1 {
  text-indent: 2em;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  line-height: 36px;
}

.FB1_1_Box .textBox .p2 {
  text-align: right;
  margin-top: 10px;
}

.FB1_1_Box .textBox .p2 span {
  font-size: 16px;
  cursor: pointer;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #888888;
}

.FB1_1 .imgTextBox {
  display: flex;
  flex-wrap: wrap;
}

.FB1_1 .imgTextBox1 {
  width: calc(100% - 370px);
  padding: 15px;
  cursor: pointer;
}

.FB1_1 .imgTextBox2 {
  width: 370px;
  padding: 15px;
  background-color: white;
  text-align: center;
}

.FB1_1 .imgTextBox2 .banner1Img {
  cursor: pointer;
  height: 255px;
  object-fit: cover;
}

.FB1_1 .imgTextBox2 .swiper1_titleDiv {
  cursor: pointer;
}

.FB1_1 .imgTextBox2 .p1 {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #010101;
}


.FB2 {
  max-width: 1430px;
  margin: 0px auto;
}

.fb {
  width: 100%;
  display: inline-block;
  padding: 30px 15px;
}

.fb1 {
  padding: 10px;
}

.fb1 .imgBox {
  padding: 5px;
  aspect-ratio: 454/207;
}

.fb1 .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fb2 .imgBox {
  cursor: pointer;
}

.fb2 .cardBox {
  padding: 20px;
  overflow: hidden;
  width: 100%;
  background: url(../img/home/img15.png)no-repeat;
  background-position: center;
  background-size: cover;
}

.fb2 .cardBox .title_unificationBox {
  padding-top: 30px;
  padding-bottom: 45px;
}

.fb2 .cardDiv {
  position: relative;
}

.fb2 .logo1 {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 15px;
  bottom: 15px;
}

.fb2 .logo2 {
  position: absolute;
  width: 90px;
  height: 90px;
  left: 15px;
  bottom: 15px;
}

.fb2 .p2 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: black;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.fb2 .cardDiv {
  padding: 15px;
  float: left;
  width: 33.33%;
  height: 150px;
}

.fb2 .cardDiv2_1 {
  background: #A855AF;
}

.fb2 .cardDiv2_2 {
  background: #F73C76;
}

.fb2 .cardDiv2_3 {
  background: #158EF0;
}

.fb2 .cardDiv2_4 {
  background: #F8B243;
}

.fb2 .card2 .cardDiv {
  float: left;
  width: 33.33%;
  height: 150px;
}

.fb2 .cardDiv2_5 {
  width: 33.33% !important;
  background: #C5AF64;
}

.fb2 .cardDiv2_6 {
  background: #EB54AE;
}

.fb2 .cardDiv2_7 {
  background: #3ED5FA;
}

.fb2 .cardDiv1 {
  padding: 15px;
  float: left;
  height: 300px;
  width: 33.33%;
  position: relative;
  background-color: #1DC5E4;
}

.fb2 .cardDiv1 .p1 {
  font-size: 35px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #031D22;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.fb2 .card3 .cardDiv {
  float: left;
  width: 33.33%;
  height: 150px;
}

.fb3 .cardBox {
  padding: 20px;
  overflow: hidden;
  width: 100%;
  background: url(../img/home/img15.png)no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 0
}

.fb3 .cardBox .title_unificationBox {
  padding-top: 30px;
  padding-bottom: 45px;
}

.fb3 img {
  float: left;
  padding: 3px;
}

.fb3 .imgBox1 {
  width: calc(100%*570/1290);
  display: inline-block;
}

.fb3 .imgBox2 {
  width: calc(100%*720/1290);
  display: inline-block;
}

.fb3 .imgBox1 img:hover,
.fb3 .imgBox2 img:hover {
  cursor: pointer;
  padding: 0px;
  transition: all 0.1s;
  box-shadow: 0px 0px 15px #fff;
}

.fb3 .imgBox2_1 {
  width: calc(100%*440/720);
  display: inline-block;
}

.fb3 .imgBox2_2 {
  width: calc(100%*280/720);
  display: inline-block;
}

.fb3 .img1 {
  width: calc(100%*250/570);
  aspect-ratio: 249/434;
}

.fb3 .img2 {
  width: calc(100%*160/570);
  aspect-ratio: 164/152;
}

.fb3 .img3 {
  width: calc(100%*320/570);
  aspect-ratio: 333/149;
}

.fb3 .img4 {
  width: 50%;
  aspect-ratio: 220/218;
}

.fb3 .img5 {
  width: 100%;
  aspect-ratio: 282/148;
}

.fb3 .img6 {
  width: 50%;
  aspect-ratio: 140/144;
}

.fb4 {
  font-size: 0;
}

.fb4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 3px;
}

.fb4 .imgBox1 {
  aspect-ratio: 454/414;
  display: inline-block;
}

.fb4 .imgBox2 {
  width: 50%;
  aspect-ratio: 454/207;
  display: inline-block;
}

.fb5 .boxList {
  overflow: hidden;
}

.fb5 .boxList a {
  display: inherit;
}

.homeTitleBox {
  width: 100%;
  aspect-ratio: 1400/82;
  background: url(../img/home/img19.png)no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.homeTitleBox p {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 0px 13px rgba(48, 0, 255, 0.84);
  text-align: center;
}

.fb5 .imgTextBox {
  padding: 10px;
}

.fb5 .imgTextBoxs {
  background: #ECF3F7;
  padding-bottom: 20px;
}

.fb5 .imgTextBox img {
  width: 100%;
  height: 100%;
  aspect-ratio: 325/243;
  object-fit: cover;
}

.fb5 .imgTextBox .p1 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 20px;
  padding: 0px 15px;
}

.fb5 .imgTextBox .p2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #888888;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0px 15px;
  min-height: 44px;
}

.homeMoreButton {
  margin: 20px auto;
  width: 80%;
  max-width: 240px;
  background: #F1F1F1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #888888;
  cursor: pointer;
}

.homeMoreButton a {
  width: 100%;
  padding: 10px 0px;
  text-align: center;
}

.fb6 {
  width: 100%;
  height: 338px;
  background-color: #F6F1FC;
}

.fb6 .img1 {
  width: 20%;
  object-fit: cover;
  aspect-ratio: 326/72;
}

.fb6 .rotographBox {
  width: 100%;
  margin-top: 20px;
}

.fb7 .box1 {
  display: flex;
  flex-wrap: wrap;
}

.fb7 .imgBox1 {
  width: 50%;
  padding-right: 15px;
}

.fb7 .imgBox1 a {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.fb7 .imgBox1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 676/506;
}

.fb7 .imgBox1 .bgP1 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
}

.fb7 .imgBox1 .p1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

.fb7 .imgBox1 .bgP1::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
}

.fb7 .boxList1 {
  width: 50%;
  padding-left: 5px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.fb7 .boxList1 .imgTextBox {
  display: flex;
  height: 31%;
  width: 100%;
}

.fb7 .boxList1 .imgTextBox a {
  display: flex;
  width: 100%;
}

.fb7 .boxList1 .imgTextBox img {
  width: 190px;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 193/145;
}

.fb7 .boxList1 .imgTextBox .rightBox {
  width: calc(100% - 190px);
  padding: 15px;
  position: relative;
}

.fb7 .boxList1 .imgTextBox .p1 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fb7 .boxList1 .imgTextBox .p2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 44px;
  margin-top: 6px;
}

.fb7 .boxList1 .imgTextBox .p3 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8A8A8A;
  position: absolute;
  bottom: 0px;
  left: 15px;
}

.fb7 .box2 {
  padding: 15px 0px;
}

.fb7 .box2 .box2List {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  max-height: 420px;
}

.fb7 .box2 .imgTextBox {
  padding: 0px 10px;
}

.fb7 .box2 .listItem {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  background: #F6F1FC;
}

.fb7 .box2 .imgTextBox img {
  max-width: 140px;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 145/109;
}

.fb7 .box2 .imgTextBox .rightBox {
  width: calc(100% - 140px);
  padding: 0px 10px;
  position: relative;
}

.fb7 .box2 .imgTextBox .rightBox .p1 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fb7 .box2 .imgTextBox .rightBox .p2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 44px;
  margin-top: 6px;
}

.fb7 .box2 .imgTextBox .rightBox .p3 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8A8A8A;
  position: absolute;
  bottom: 0px;
  left: 15px;
}

.fb7 .box3 {
  overflow: hidden;
  margin: 20px 0px;
}

.fb7 .box3 .imgBox {
  padding: 5px;
}

.fb7 .box3 .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 454/207;
}

.fb7 .box4 {
  width: 100%;
  aspect-ratio: 1400/82;
  background: url(../img/home/img13.png)no-repeat;
  background-size: 100% 100%;
  padding-bottom: 10px;
}

.fb7 .box4 .rotographBox {
  padding: 10px 15px;
}

.fb7 .box4 .title {
  width: 100%;
  margin: 15px auto;
  display: inline-block
}

.fb7 .box4 .p1 {
  font-size: 40px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 0px 13px rgba(48, 0, 255, 0.84);
  text-align: center;

}


.fb7 .box4 .courseItems {
  display: inline-block;
  width: 100%;
  /* height: 410px; */
  background-color: white;
  color: black;
}

.fb7 .box4 .courseItems a {
  display: block;
}

.fb7 .box4 .courseItems img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 438/328;
}

.fb7 .box4 .courseItems p {
  background-color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 20px 15px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
}

.fb7 .swiperButtonBox-prev {
  width: 40px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.fb7 .swiperButtonBox-prev img {
  width: 100%;
}

.fb7 .swiperButtonBox-next {
  width: 40px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.fb7 .swiperButtonBox-next img {
  width: 100%;
}

.fb7 .box4 .swiper-container {
  height: auto !important;
}

.fb7 .box4 .homeMoreButton {
  background-color: white;
}

.fb7 .box5 {
  margin-top: 50px;
}

.fb7 .box5 img {
  width: 100%;
}

.fb8 .boxList {
  overflow: hidden;
}

.fb8 .imgTextBox {
  padding: 10px;
}

.fb8 .imgTextBoxs {
  padding-bottom: 20px;
}

.fb8 .imgTextBoxs a {
  display: block;
}

.fb8 .imgTextBox img {
  width: 100%;
  height: 100%;
  aspect-ratio: 321/321;
  object-fit: cover;
}

.fb8 .imgTextBox .p1 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 0px 15px;
}

.fb8 .imgTextBox .p2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 15px;
  text-align: center;
}

.fb9 {
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center;
}

.fb9 .imgBox1 {
  width: 33%;
}

.fb9 .imgBox1 img {
  aspect-ratio: 454/436;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 10px;
}

.fb9 .imgBox2 {
  width: 66%;
  display: flex;
  flex-wrap: wrap;
}

.fb9 .imgBox2 img {
  aspect-ratio: 453/207;
  width: 50%;
  object-fit: cover;
  padding: 10px;
}

.fb10 {
  width: calc(100% - 30px);
  margin: 15px;
  background: url(../img/home/img42.png)no-repeat;
  background-position: center;
  background-size: cover;
}

.fb10 .title {
  font-size: 40px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #313360;
  text-align: center;
  margin-bottom: 20px;
}

.fb10 .divBox {
  display: flex;
  flex-wrap: wrap;
}

.fb10 .listBox {
  width: calc(50% - 20px);
  padding: 10px;
  margin: 10px;
  background-color: white;
}

.fb10 .listBox1 {
  border-top: 8px solid #4F0CA0;
}

.fb10 .listBox2 {
  border-top: 8px solid #387BF5;
}

.fb10 .listBox .logoTitle {
  display: flex;
  align-items: center;
}

.fb10 .listBox .logoTitle img {
  aspect-ratio: 24/24;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
}

.fb10 .listBox .logoTitle img {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}

.fb10 .listBox .logoTitle .span1 {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
}

.fb10 .list {
  max-height: 500px;
  padding: 15px 0px;
  overflow: auto;
}

.fb10 .list .textBox {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 10px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  color: #000000;
  cursor: pointer;
}

.fb11 {
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
}

.fb11 .imgBox {
  padding: 10px;
}

.fb11 .imgBox img {
  width: 100%;
  aspect-ratio: 454/207;
  object-fit: cover;
}



@media screen and (max-width: 768px) {
  .fb11 .imgBox img {
    height: calc(((100vw - 30px)*4/12)*207/454);
  }

  .fb8 .imgTextBox img {
    height: calc(((100vw - 30px)*6/12)*1/1);
  }

  .fb7 .box4 .courseItems img {
    height: calc(((100vw - 10px)*4/12)*328/438);
  }

  .fb7 .box3 .imgBox img {
    height: calc(((100vw - 10px)*4/12)*207/454);
  }

  .fb7 .imgBox1 img {
    height: calc(((100vw - 10px)*12/12)*506/676);
  }

  .fb5 .imgTextBox img {
    height: calc(((100vw - 20px)*6/12)*243/325);
    /* aspect-ratio: 325/243; */
  }

  .fb4 .imgBox1 {
    height: calc(((100vw - 20px)*4/12)*414/454);
  }

  .fb4 .imgBox2 {
    height: calc(((100vw - 20px)*4/12)*207/454);
  }

  .FB2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .title_unificationBox .title_p_unification {
    font-size: 20px;
    padding: 0px 12px;
  }

  .fb {
    padding: 10px 5px;
  }

  .FB1_1_Box {
    padding: 0px;
    padding-top: 15px;
  }

  .FB1_1 .imgTextBox1 {
    width: 100%;
  }

  .FB1_1_Box .textBox .p1 {
    font-size: 12px;
    -webkit-line-clamp: 6;
    line-height: 18px;
  }

  .FB1_1_Box .textBox .p2 span {
    font-size: 12px;
  }

  .FB1_1 .imgTextBox2 {
    width: 100%;
  }

  .FB1_1 .imgTextBox2 .p1 {
    font-size: 16px;
  }

  .FB1_1_Box .imgBox img {
    height: calc(((100vw - 30px)*5/12)*315/396);
    /* aspect-ratio: 396/315; */
  }

  .FB1_1_Box .imgBox {
    height: initial;
  }

  .fb1 .imgBox {
    padding: 5px;
    height: calc(33.3vw*207/454);
    /* position: relative;
    padding-top: calc(100%*207/454); */
    /* aspect-ratio: 454/207; */
  }

  .fb2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .fb2 .cardBox {
    padding: 15px;
  }

  .fb2 .cardBox .title_unificationBox {
    padding-top: 15px;
    padding-bottom: 25px;
  }

  .fb2 .cardDiv1 .p1 {
    font-size: 16px;
  }

  .fb2 .cardDiv {
    height: 75px;
  }

  .fb2 .cardDiv1 {
    height: 150px;
  }

  .fb2 .logo1 {
    width: 15px;
    height: 15px;
  }

  .fb2 .logo2 {
    width: 40px;
    height: 40px;
  }

  .fb2 .p2 {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .fb3 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .fb3 .cardBox {
    padding: 15px;
  }

  .fb3 img {
    padding: 1px;
  }

  .fb3 .cardBox .title_unificationBox {
    padding-top: 15px;
    padding-bottom: 25px;
  }

  .fb3 .imgBox1 {
    width: 100%;
  }

  .fb3 .imgBox2 {
    width: 100%;
  }

  .fb3 .img1 {
    width: calc(100%*250/570);
    height: calc(((100vw - 58px)*6/12)*434/249);

  }

  .fb3 .img2 {
    width: calc(100%*160/570);
    height: calc(((100vw - 62px)*4/12)*152/164);
  }

  .fb3 .img3 {
    width: calc(100%*320/570);
    height: calc(((100vw - 30px)*7/12)*149/333);
  }

  .fb3 .img4 {
    width: 50%;
    height: calc(((100vw*440/720 - 27px)*6/12)*1/1);
  }

  .fb3 .img5 {
    width: 100%;
    height: calc(((100vw*280/720 - 3px)*12/12)*148/282);
  }

  .fb3 .img6 {
    width: 50%;
    height: calc(((100vw*280/720 - 18px)*6/12)*1/1);
  }

  .homeTitleBox {
    height: 41px;
    margin-bottom: 10px;
  }

  .homeTitleBox p {
    font-size: 16px;
  }

  .fb5 .imgTextBox {
    padding: 5px;
  }

  .fb5 .imgTextBox .p1 {
    font-size: 12px;
  }

  .fb5 .imgTextBox .p2 {
    font-size: 12px;
    min-height: 34px;
  }

  .homeMoreButton {
    font-size: 12px;
    max-width: 130px;
  }

  .fb6 {
    height: 110px;
    padding: 10px 5px;
    padding-top: 15px;
  }

  .fb6 .img1 {
    width: 40%;
  }

  .fb7 {
    padding: 20px 5px;
    padding-bottom: 10px;
  }

  .fb7 .imgBox1 {
    width: 100%;
    padding-right: initial;
  }

  .fb7 .imgBox1 .bgP1 {
    width: 100%;
    height: 40px;
  }

  .fb7 .imgBox1 .p1 {
    font-size: 12px;
  }

  .fb7 .boxList1 {
    width: 100%;
    padding: 15px 5px;
    max-height: initial;
  }

  .fb7 .boxList1 .imgTextBox .rightBox {
    width: calc(100% - 120px);
    padding: 0px 10px;
  }

  .fb7 .boxList1 .imgTextBox {
    border-bottom: 1px solid #DEDEDE;
    padding: 20px 0px;
  }

  .fb7 .boxList1 .imgTextBox img {
    width: 120px;
  }

  .fb7 .boxList1 .imgTextBox .p1 {
    font-size: 12px;
  }

  .fb7 .boxList1 .imgTextBox .p2 {
    font-size: 12px;
    min-height: 34px;
  }

  .fb7 .boxList1 .imgTextBox .p3 {
    font-size: 12px;
  }

  .fb7 .box2 {
    background-color: #F6F1FC;
  }

  .fb7 .box2 .box2List {
    flex-direction: row;
    max-height: initial;
  }

  .fb7 .box2 .homeMoreButton {
    background-color: white;
  }

  .fb7 .box2 .imgTextBox {
    padding: initial;
  }

  .fb7 .box2 .imgTextBox img {
    height: calc(((100vw - 30px)*4/12)*109/145);
    max-width: initial;
    width: 100%;
  }

  .fb7 .box2 .imgTextBox .rightBox {
    width: 100%;
    padding: initial;
  }

  .fb7 .box2 .imgTextBox .rightBox .p1 {
    margin: 10px 0px;
    font-size: 12px;
    min-height: 34px;
    white-space: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .fb7 .box2 .imgTextBox .rightBox .p2 {
    font-size: 12px;
    display: none;
  }

  .fb7 .box2 .imgTextBox .rightBox .p3 {
    font-size: 12px;
    position: initial;
  }

  .fb7 .box4 .rotographBox {
    padding: 10px 5px;
  }

  .fb7 .box4 .p1 {
    font-size: 20px;
  }

  .fb7 .box4 .courseItems p {
    font-size: 12px;
    padding: 10px 5px;
  }

  .fb7 .box5 {
    margin-top: 20px;
  }

  .fb7 .swiperButtonBox-prev {
    width: 30px;
    height: 30px;
  }

  .fb7 .swiperButtonBox-next {
    width: 30px;
    height: 30px;
  }

  .fb8 .imgTextBox {
    padding: 5px;
  }

  .fb8 .imgTextBox .p1 {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 2px;
  }

  .fb8 .imgTextBox .p2 {
    font-size: 12px;
  }

  .fb9 .imgBox1 img {
    padding: 5px;
    height: calc(((100vw - 30px)*4/12)*436/454);
  }

  .fb9 .imgBox2 img {
    padding: 5px;
    height: calc(((100vw - 10px)*4/12)*207/453);
  }

  .fb10 {
    width: 100%;
    margin: 0px;
  }

  .fb10 .title {
    font-size: 20px;
    margin-bottom: 0px;
  }

  .fb10 .listBox {
    width: calc(100% - 20px);
  }

  .fb10 .listBox .logoTitle .span1 {
    font-size: 16px;
  }

  .fb10 .list .textBox {
    font-size: 14px;
    padding: 6px;
  }

  .fb10 .list .textBox span {
    background-color: #EEEEEE;
    width: 100%;
    display: inline-block;
    padding: 6px;
  }

  .fb11 .imgBox {
    padding: 5px;
  }


}


@media screen and (min-width: 768px) {

  .title_unificationBox {
    padding-bottom: 40px;
  }

  .FB1_1_Box .textBox {
    padding-left: 15px;
    padding-right: 15px;
  }
}