.major-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.major-info-card { display: flex; flex-direction: column; height: 100%; }
.main-intro-swiper { height: 100%; }
.main-intro-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.major-info-head { display: flex; align-items: center; justify-content: center; background: #001b54 url(../img/content/page_react_bg1.jpg) no-repeat 50% 50% / cover; padding: 24px 20px; }
.major-info-head .icon { position: relative; padding-right: 15px; margin-right: 15px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.major-info-head .icon::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.4); }
.major-info-head .icon img { max-width: 100%; }
.major-info-head .h6-tit01 { color: #ffffff; margin: 0; text-align: left; }
.major-info-body { background-color: #f6f6f6; padding: 25px 22px; flex: 1; }
.major-info-body .ul-type-dot li {font-size:15px;line-height:120%;}
.major-tags { margin: 0 0 20px 0; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; column-count: 2; column-gap: 30px; }
.major-info-body .con-p { color: #666; margin: 0; }
.major-info-body .con-p + .con-p { margin-top: 10px; }
@media screen and (max-width: 1024px) {
  .major-info-grid { gap: 20px; }
}
@media screen and (max-width: 768px) {
  .major-info-grid { grid-template-columns: 1fr; }
  .major-info-head { padding: 30px 20px; }
  .major-info-body { padding: 30px 20px; }
  .major-tags { column-count: 1; margin-bottom: 20px; padding-bottom: 20px; }
}
.intro-wrap { display: flex; gap: 30px; }
.intro-wrap .left { flex: 1; }
.intro-wrap .left .title { margin-bottom: 20px; line-height: 1.21em; font-size: 28px; font-weight: 700; color: #143770; letter-spacing: -0.5px; }
.intro-wrap .right { max-width: 585px; width: 100%; }
.swiper-button-next, .swiper-button-prev { font-size: 0; width: 40px; height: 40px; background-size: 10px 15px; border: 1px solid #fff; border-radius: 100%; background-color: #fff; }
.divider { border-top: 1px solid #ddd; }
.divider.dashed { border-style: dashed; }
.mg-t60 { margin-top: 60px !important; }
.major-info-head.card01 { background-image: url('/_res/unist/semi/img/content/equip_bg1.jpg'); }
.major-info-head.card02 { background-image: url('/_res/unist/semi/img/content/equip_bg2.jpg'); }
.major-info-head.card03 { background-image: url('/_res/unist/semi/img/content/equip_bg3.jpg'); }
.status-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 25px; }
.status-wrap.col3 { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.status-wrap.col3 .item { display: flex; flex-direction: column; }
.status-wrap.col3 .box-img img { width: 100%; display: block; }
.status-wrap.col3 .label { background-color: #eef3fb; padding: 10px 12px; font-size: 13px; font-weight: 500; color: #333; margin: 0; }
.status-wrap .item .top { min-height: 90px; }
.status-wrap .item .top .txt01 { font-size: 15px; font-weight: bold; line-height: 130%; letter-spacing: -0.2px; color: #000000; margin: 0 0 5px; }
.status-wrap .item .box-img { text-align: center; }
.nano-intro-swiper .box-img + p { font-size: 15px; margin: 10px 0 0; font-weight: 700; }
.swiper-nano-control .swiper-nano-next, .swiper-nano-prev { font-size: 0; width: 40px; height: 40px; background-size: 10px 15px; border: 1px solid #fff; border-radius: 100%; background-color: #fff; }
@media (max-width: 1024px) {
  .intro-wrap { flex-direction: column; }
  .intro-wrap .right { max-width: unset; }
  .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
  .status-wrap { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .intro-wrap .left .title { font-size: 25px; }
  .status-wrap { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 400px) {
  .status-wrap .item .box-img img { width: 100%; height: 100%; object-fit: cover; }
}