@charset "utf-8";

/* 서브 공통 */
.sub {
  width: 100%;
  position: relative;
}

.inner {
  max-width: 1410px;
  margin: auto;
}

/* sub_top */
.sub_top {
  width: 100%;
  height: 300px;
  margin: 100px 0 0;
}

#sub_top1 {
  background: url(../img/s1/sub_top1.png) no-repeat center/cover;
}

#sub_top2 {
  background: url(../img/s2/sub_top2.png) no-repeat center/cover;
}

#sub_top3 {
  position: relative;
  background: url(../img/s3/sub_top3.png) no-repeat center/cover;
}

#sub_top4 {
  position: relative;
  background: url(../img/s4/sub_top4.png) no-repeat center/cover;
}

.sub_top .s_inner {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.sub_top .left .minion {
  color: #fff;
  text-transform: uppercase;
}

.sub_top .right {
  padding-bottom: 2vh;
}

.sub_top .right .sub_path>li {
  display: inline-block;
  position: relative;
  margin-right: 2vw;
  padding-right: 2vw;
}

.sub_top .right .sub_path>li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  height: 80%;
  background: #fff;
}

.sub_top .right .sub_path>li:last-child {
  margin-right: 0;
}

.sub_top .right .sub_path>li:last-child::after {
  display: none;
}

.sub_top .right .sub_path>li a {
  font-size: 0.95rem;
  font-weight: 500;
  color: #fff;
}

.sub2_path {
  margin: 170px 0 0;
}

.sub2_path ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub2_path ul li {
  width: 150px;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  text-align: center;
}

.sub2_path ul li a {
  font-size: 1.1rem;
  line-height: 46px;
  font-weight: 300;
  color: #666666;
}

.sub2_path ul li.on {
  background: #000;
}

.sub2_path ul li.on a {
  font-weight: 500;
  color: #fff;
}

.sub3_path ul {
  display: flex;
  gap: 5vw;
  position: absolute;
  top: 35%;
  left: calc(100vw - 35vw);
  color: #fff;
}

.sub3_path ul::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #fff;
}

/* sub_1_1 */
.s111_bg {
  width: 100%;
}

.s111_bg img {
  width: 100%;
  display: block;
}

.s111_logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.s112 {
  padding: 20vh 0;
}

.s112 .m_tit {
  color: #333;
  text-align: center;
  line-height: 1.5;
}

.s113 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: url(../img/s1/s113_bg.png) no-repeat center/cover;
}

.s113_top {
  width: 100%;
}

.s113_top img {
  width: 100%;
  display: block;
}

.s113_1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 130px 0 16vh;
}

.s113_1 .left {
  margin-right: 70px;
  display: flex;
}

.s113_1 .left p {
  color: #1a1a1a;
  letter-spacing: -0.2em;
  word-spacing: -0.5em;
}

.s113_1 .left .small {
  margin-top: -100px;
  margin-left: 20px;
  font-size: 3rem;
  order: 2;
}

.s113_1 .left .big {
  font-size: 5.5rem;
  order: 1;
}

.s113_1 .right {
  width: 65%;
}

.s113_1 .right video {
  width: 100%;
}

.s113_2 {
  width: 100%;
  position: relative;
}

.s113_2>.left {
  position: relative;
  padding-left: 23%;
}

.s113_2>.left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 54%;
  width: 25%;
  height: 1px;
  background: #1a1a1a;
}

.s113_2 .left .m_tit {
  line-height: 1.5;
}

.s113_2 .left .m_tit .left {
  padding-left: 4.5%;
}

.s113_2 .chapaza {
  position: absolute;
  right: -10px;
  top: -12%;
  font-size: 8.5rem;
  color: #f0f0f0;
  mix-blend-mode: multiply;
}

.s113_3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 14vh 0 28vh;
}

.s113_3 .right {
  padding-left: 5%;
  padding-top: 14vh;
  width: 45%;
}

.s113_3 .right p {
  color: #1a1a1a;
  letter-spacing: -0.05em;
}

.s113_3 .right .big {
  position: relative;
  font-size: 2.8rem;
}

.s113_3 .right .big::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 69%;
  height: 1px;
  background: #1a1a1a;
}

.s113_3 .right .small {
  margin-top: 38px;
  font-size: 1.7rem;
  line-height: 1.6;
}

/* sub_1_2 */
.s121 {
  margin-bottom: 40vh;
}

.s_top_tit {
  position: absolute;
  left: 0;
  top: -45px;
  font-size: 10rem;
  color: #f0f0f0;
}

.history {
  width: 100%;
  padding-top: 55px;
}

.history .top {
  position: relative;
  margin: auto;
  width: 175px;
  height: 175px;
  background: #e00012;
  border-radius: 50%;
}

.history .top p {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  line-height: 0.7;
  word-break: break-all;
  text-align: center;
}

.history .top.bot {
  background: #fff;
  border: 1px solid #e00012;
}

.history .top.bot p {
  color: #e00012;
}

.history .his_wrap {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.history .his_wrap>div {
  width: 50%;
}

.history .his_wrap .line {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  background: #e5e5e5;
}

.history .his_wrap .barOn {
  width: 1px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  background: #e00012;
}

.history .his_wrap .left .his_img {
  width: 100%;
  padding-top: 50vh;
}

.history .his_wrap .left .his_img.img1 {
  padding-top: 30vh;
}

.history .his_wrap .left .his_img.img3 {
  padding-top: 38vh;
  padding-bottom: 30vh;
}

.history .his_wrap .left .his_img img {
  width: 100%;
}

.history .his_wrap .right {}

.history .his_wrap .right .his_cont {}

.history .his_wrap .right .his_cont>li {
  position: relative;
  padding-top: 16vh;
  padding-left: 7%;
}

.history .his_wrap .right .his_cont>li::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 180px;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
}

.history .his_wrap .right .his_cont>li .chapaza {
  font-size: 3rem;
  position: relative;
}

.history .his_wrap .right .his_cont>li .chapaza>span {
  display: inline-block;
  position: absolute;
  left: 14%;
  top: 17px;
}

.history .his_wrap .right .his_cont>li .his_list {
  margin-top: 20px;
}

.history .his_wrap .right .his_cont>li .his_list>li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 14px;
  font-size: 1.1rem;
  letter-spacing: -0.04em;
  color: #1a1a1a;
}

.history .his_wrap .right .his_cont>li .his_list>li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #1a1a1a;
  border-radius: 50%;
}

.history .his_wrap .right .his_cont>li .his_list>li:last-child {
  margin-bottom: 0;
}

.history .his_wrap .right .his_cont>li.effect::before {
  background: #e00012;
}

.history .his_wrap .right .his_cont>li.effect .chapaza {
  color: #e00012;
}

.year_menu {
  position: absolute;
  right: 5%;
  top: 90vh;
}

.year_menu.fixed {
  position: fixed;
  top: 10vh;
}

.year_menu ul li a {
  position: relative;
  font-size: 1.7rem;
  line-height: 1.4;
  transition: all 0.4s;
}

.year_menu ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 1px;
  background: #e00012;
  opacity: 0;
  transition: all 0.4s;
}

.year_menu ul li.active a {
  color: #e00012;
}

.year_menu ul li.active a::after {
  opacity: 1;
}

/* sub_1_3 */
.s131_top {
  width: 48%;
  margin-left: 52%;
  padding-top: 20px;
}

.s131_top .kbiz {
  font-size: 2.2rem;
  letter-spacing: -0.04em;
  color: #333333;
}

.s131_top .s131_txt {
  font-size: 1.1rem;
  letter-spacing: -0.04em;
  line-height: 1.5;
  color: #1a1a1a;
  margin-top: 25px;
}

.s132 {
  margin: 18vh 0 25vh;
}

.s132 .cer_titbox {
  margin-bottom: 12vh;
}

.s132 .cer_titbox .tit_list {
  position: relative;
}

.s132 .cer_titbox .tit_list>li:first-child {
  position: relative;
}

.s132 .cer_titbox .tit_list>li {
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  transition: all 0.4s;
}

.s132 .cer_titbox .tit_list>li.current {
  opacity: 1;
}

.s132 .cer_titbox .tit_list>li>p {
  display: inline-block;
  vertical-align: baseline;
}

.s132 .cer_titbox .tit_list>li>p.semibold {
  font-size: 1.3rem;
}

.s132 .cer_titbox .tit_list>li>p.s132_txt {
  font-size: 1rem;
  letter-spacing: -0.04em;
  margin-left: 35px;
}

.cer_img {}

.cer_img .cer_list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 68px;
  margin-bottom: 85px;
}

.cer_img .cer_list>li {
  cursor: pointer;
}

.cer_img .cer_list>li .img {}

.cer_img .cer_list>li .img img {
  transition: all 0.4s;
}

.cer_img .cer_list>li .txt {
  margin-top: 24px;
  font-size: 1.2rem;
  letter-spacing: -0.04em;
  line-height: 1.7;
  text-align: center;
}

.cer_img .cer_list>li:hover .img img {
  transform: scale(1.1);
}

.s132_bg {
  position: absolute;
  left: 0;
  bottom: -57vh;
  z-index: -1;
  width: 100%;
}

.s132_bg img {
  width: 100%;
}

/* sub_1_4 */
.s141 {}

.s141 .s_top_tit {
  left: auto;
  right: -16%;
  top: 55%;
  transform: rotate(-90deg);
}

.s14_inner {
  width: 90%;
  max-width: 1104px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.s141 .kbiz {
  font-size: 2.2rem;
  letter-spacing: -0.04em;
  color: #333333;
}

.s141 .s141_txt {
  font-size: 1.1rem;
  letter-spacing: -0.04em;
  line-height: 1.5;
  color: #1a1a1a;
  width: 60%;
}

.s141 .s141_logo {
  width: 100%;
  margin: 85px 0;
  text-align: center;
}

.s141 .s141_logo img {
  max-width: 100%;
}

.s142 {
  margin-bottom: 22vh;
}

.s142 .s142_bg {
  position: absolute;
  left: 0;
  bottom: -55vh;
  width: 100%;
}

.s142 .s142_bg img {
  width: 100%;
}

.s142 .gallery-container {
  width: 100%;
  overflow: hidden;
}

.s142 .gallery-container.gallery-top {
  margin-bottom: 37px;
}

.s142 .gallery-container.gallery-top .swiper-slide {
  width: 100%;
}

.s142 .gallery-container.gallery-thumbs .swiper-slide {
  cursor: pointer;
}

.s142 .gallery-container .swiper-slide .swiper-slide-container {
  width: 100%;
}

.s142 .gallery-container .swiper-slide .swiper-slide-container img {
  width: 100%;
  display: block;
}

/* sub_1_5 */
.s151 {
  margin: 20vh 0 0;
  padding: 0 0 42vh;
}

.s151 .s_top_tit {
  font-size: 10rem;
  left: auto;
  right: 0;
  top: auto;
  bottom: 10vh;
}

.s151 .s151_inner {
  width: 90%;
  max-width: 1390px;
  margin: auto;
}

.s151 .map {
  width: 100%;
  height: 630px;
  margin-bottom: 30px;
}

.s151 .map iframe {
  width: 100%;
}

.s151 .map_cont {
  width: 100%;
  height: auto;
  padding: 65px 0 60px;
  background: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.s151 .map_cont .logo {
  width: 128px;
  max-width: 128px;
}

.s151 .map_cont .logo img {
  width: 100%;
}

.s151 .map_cont .map_info {
  display: flex;
}

.s151 .map_cont .map_info>li {
  margin-right: 3vw;
  padding-right: 3vw;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.s151 .map_cont .map_info>li:nth-child(2) {
  padding-right: 5vw;
}

.s151 .map_cont .map_info>li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.s151 .map_cont .map_info>li p {
  font-size: 1.1rem;
  letter-spacing: -0.04em;
  line-height: 1.5;
  color: #1a1a1a;
}

.s151 .map_cont .map_info>li .red {
  color: #cf0012;
}

/* sub_2_1 */
.s211 {
  margin: 16vh 0 25vh;
}

.s211 .pro_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 90%;
  max-width: 1410px;
  margin: auto;
}

.s211 .pro_list>li {
  width: calc(100% / 3);
  height: auto;
  border: 1px solid #ddd;
  position: relative;
}

.s211 .pro_list>li::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.s211 .pro_list>li a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.s211 .pro_list>li .list_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.s211 .pro_list>li .list_inner .pro_img img {
  transition: all 0.4s;
  width: 96%;
}

.s211 .pro_list>li .list_inner .pro_tit {
  font-size: 1.1rem;
  letter-spacing: -0.04em;
  color: #231815;
  margin-top: 17px;
}

.s211 .pro_list>li a:hover .list_inner .pro_img img {
  transform: scale(1.1);
}

.s211 .mob {
  display: none;
}

/* sub_2_1_1 */
.pro_1_1 {
  margin: 12vh 0 48px;
  padding: 0 15%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.pro_1_1 .pro_top {
  width: 58%;
  margin: 0;
}

.pro_1_1 .pro_top img {
  width: 100%;
  display: block;
  height: 720px;
}

.pro_1_1 .slide {
  width: 40%;
  overflow: hidden;
}

.pro_1_1 .btn-wrap {
  width: 100%;
  text-align: right;
  padding-top: 3%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.pro_1_1 .pro_go,
.pro_1_1 .detail {
  z-index: 9;
  width: 200px;
  height: 52px;
  border-radius: 26px;
  background: #000;
  cursor: pointer;
}

.pro_1_1 .pro_go p,
.pro_1_1 .detail {
  text-align: center;
  line-height: 40px;
  font-family: "Pretendard", sans-serif !important;
  font-size: 1rem;
}

.pro_1_1 .pro_go p span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  letter-spacing: -0.04em;
  line-height: 52px;
}

.pro_1_1 .pro_go p img,
.pro_1_1 .detail img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.pro_1_1 .swiper-button-next {
  position: absolute;
  right: 12%;
  font-size: 2.5rem;
  color: #b2b2b2;
  top: 42%;
}

.pro_1_1 .modal_wrap {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 99999;
}

.pro_1_1 .modalImage {
  width: 100%;
}

.pro_1_1 .modal {
  position: absolute;
  z-index: 1;
  left: 19.5%;
  top: 10%;
  width: 65%;
  height: 80%;
  overflow: auto;
}

.pro_1_1 .modal-content {
  width: 95%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.modal::-webkit-scrollbar-thumb {
  background-color: #fff;
}

.modal::-webkit-scrollbar {
  width: 3px;
  margin-bottom: 500px;
}

.modal::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 5%;
}

.close {
  color: #aaa;
  float: right;
  cursor: pointer;
  font-size: 70px;
  position: absolute;
  top: 0;
  right: 8%;
}

.pro_1_2 {
  padding: 5% 5% 20%;
}

.pro_1_2 .left .top {
  padding: 0;
}

.pro_1_2 .pro_bot {
  display: flex;
  width: 100%;
  gap: 10%;
  align-items: center;
  justify-content: space-between;
}

.pro_1_2 .left {
  width: 40%;
  padding: 0;
  margin: 0;
}

.pro_1_2 .pro_desc {
  width: 45%;
  margin-top: 0 !important;
  margin: 14vh 0 0;
}

.pro_1_2 .pro_desc ul {
  width: 100%;
}

.pro_1_2 .pro_desc ul>li {
  width: 100%;
  font-size: 0;
  margin-bottom: 90px;
}

.pro_1_2 .pro_desc ul>li:last-child {
  margin-bottom: 0;
}

.pro_1_2 .pro_desc ul>li>div {
  display: inline-block;
  vertical-align: top;
}

.pro_1_2 .pro_desc ul>li>div.desc_left {
  width: 22%;
}

.pro_1_2 .pro_desc ul>li>div.desc_right {
  width: 78%;
}

.pro_1_2 .pro_desc ul>li>div.desc_right .num {
  font-size: 4rem;
  letter-spacing: -0.04em;
  color: #d6d6d6;
}

.pro_1_2 .pro_desc ul>li>div.desc_right .desc_tit {
  margin: 0 0 10px;
  font-size: 1.3rem;
  letter-spacing: -0.04em;
}

.pro_1_2 .pro_desc ul>li>div.desc_right .desc_txt {
  font-size: 1rem;
  letter-spacing: -0.05em;
  line-height: 1.5;
}

.pro_1_2 .left .pro_img {
  text-align: center;
}

.pro_1_2 .left .pro_tit {
  margin: 60px 0;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  text-align: center;
}

.pro_1_2 .left .pro_info {
  width: 100%;
}

.pro_1_2 .left .pro_info ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #262626;
}

.pro_1_2 .left .pro_info ul>li {
  position: relative;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  padding: 15px 0;
}

.pro_1_2 .left .pro_info ul>li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  height: 95%;
  background: rgba(38, 38, 38, 0.25);
}

.pro_1_2 .left .pro_info ul>li:nth-child(3)::after,
.pro_1_2 .left .pro_info ul>li:nth-child(6)::after,
.pro_1_2 .left .pro_info ul>li:nth-child(7)::after {
  display: none;
}

.pro_1_2 .left .pro_info ul>li p {
  font-size: 0.9rem;
  transform: skew(-0.03deg);
  color: #262626;
  letter-spacing: -0.04em;
  line-height: 1.4;
}

.pro_1_2 .left .pro_info ul>li p.info_tit {
  font-weight: 700;
}

.pro_1_2 .left .pro_info ul>li:nth-child(1),
.pro_1_2 .left .pro_info ul>li:nth-child(4) {
  width: 34%;
  padding-left: 10px;
}

.pro_1_2 .left .pro_info ul>li:nth-child(2),
.pro_1_2 .left .pro_info ul>li:nth-child(5) {
  width: 36%;
  padding-left: 17px;
}

.pro_1_2 .left .pro_info ul>li:nth-child(3),
.pro_1_2 .left .pro_info ul>li:nth-child(6) {
  width: 30%;
  padding-left: 17px;
}

.pro_1_2 .left .pro_info ul>li:nth-child(7) {
  width: 100%;
  padding-left: 10px;
}

/* .pro_1_2 .left .pro_desc{margin: 14vh 0 0;}
.pro_1_2 .left .pro_desc ul{width: 100%;}
.pro_1_2 .left .pro_desc ul > li{width: 100%; font-size: 0; margin-bottom: 90px;}
.pro_1_2 .left .pro_desc ul > li:last-child{margin-bottom: 0;}
.pro_1_2 .left .pro_desc ul > li > div{display: inline-block; vertical-align: top;}
.pro_1_2 .left .pro_desc ul > li > div.desc_left{width: 22%;}
.pro_1_2 .left .pro_desc ul > li > div.desc_right{width: 78%;}
.pro_1_2 .left .pro_desc ul > li > div.desc_right .num{font-size: 4rem; letter-spacing: -0.04em; color: #d6d6d6;}
.pro_1_2 .left .pro_desc ul > li > div.desc_right .desc_tit{margin: 0 0 10px; font-size: 1.3rem; letter-spacing: -0.04em;}
.pro_1_2 .left .pro_desc ul > li > div.desc_right .desc_txt{font-size: 1rem; letter-spacing: -0.05em; line-height: 1.5;}

.pro_1_2 .right{width: 45%; height: 100vh; margin: 0; position: relative;}
.pro_1_2 .right .img_list{width: 100%; height: 100%;}
.pro_1_2 .right .img_list > li{position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; padding-top: 50px;}
.pro_1_2 .right .img_list img{width: 100%; display: block; aspect-ratio: auto; object-fit: cover;}
.pro_1_2 .right .pro_go{position: absolute; left: 50%; bottom: 14%; transform: translate(-50%, 0); z-index: 9; width: 200px; height: 52px; border-radius: 26px; background: #000;}
.pro_1_2 .right .pro_go p{text-align: center; line-height: 52px;}
.pro_1_2 .right .pro_go p span{display: inline-block; vertical-align: middle; font-size: 1rem; letter-spacing: -0.04em;}
.pro_1_2 .right .pro_go p img{display: inline-block; vertical-align: middle; margin-left: 10px;} */

/* sub_3_1 */
.s311 video {
  width: 100%;
}

.s311-tit {
  text-align: center;
}

.s311-tit h3 {
  font-family: "KBIZmjo" !important;
  letter-spacing: -1.6px;
  color: #333;
  font-size: 2.5rem;
  line-height: 55px;
  padding: 4vh 0;
}

.s312 {
  margin: 10vh 0 30vh 0;
}

.s312 .tab-menu {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  max-width: 1200px;
  margin: auto;
}

.s312 .tabs {
  display: flex;
  justify-content: center;
}

.s312 .tab {
  cursor: pointer;
  margin: 0 3%;
  width: 10%;
  margin-top: 5%;
}

.s312 .tab img {
  width: 100%;
}

.s312 .tab-content {
  text-align: center;
}

.s312 .content {
  display: none;
}

.s312 .img-wrap {
  width: 100%;
  height: 100%;
}

.s312 .img-wrap img {
  width: 100%;
}

.s312 .active {
  display: block;
}

.s312 .tab3 img {
  width: 113.04%;
}

.s312 .tab3 {
  margin-left: 2%;
}

.s322 .tab1 img {
  width: 109.5%;
}

.s322 .tab4 img {
  width: 119%;
}

.s322 .tab4 {
  margin-left: 2%;
}

/* sub_4_1 */
#sub_4_1 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 150px;
}

#sub_4_1 .tit {
  text-align: center;
}

#sub_4_1 .tit h3 {
  font-family: "KBIZmjo" !important;
  letter-spacing: -1.6px;
  color: #333;
  font-size: 2.5rem;
  line-height: 55px;
  padding: 4vh 0;
}

#sub_4_1 .sub-tit {
  padding: 3vh 0;
  border-bottom: 2px solid #ce0012;
  margin: 5vh 0;
}

#sub_4_1 .sub-tit span {
  font-size: 1.12rem;
  line-height: 46px;
  font-weight: 400;
  color: #ce0012;
}

#sub_4_1 .sub-tit p {
  font-family: "KBIZmjo";
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -1.08px;
  color: #333;
}