.title-box .title {font-size: 72px; font-weight: bold; line-height: 1.167;}
.title-box .cate {font-size: 24px; font-weight: bold; line-height: 1.417;}
.title-box .desc {font-size: 20px; font-weight: 500; line-height: 1.5;}

@media (max-width: 991px) {
	.title-box .title {font-size: 29px; line-height: 1.259;}
	.title-box .cate {font-size: 17px; line-height: 1;}
}

/* SUB TEXT */
.sub_text {margin: 100px 0 80px;}
.sub_text .title {font-size: 46px; font-weight: bold; color: #222; text-align: center;}

@media (max-width: 991px) {
	.sub_text {margin: 60px 0 50px;}
	.sub_text .title {font-size: 26px;}
}

/* MC02 */
.mc02_card {padding: 160px 0;}
.mc02_card .container_fix {width: 1510px;}
.mc02_card .container_fix .title-box {padding-bottom: 70px;}
.mc02_card .container_fix .business-slide .swiper {width: calc(100% + 15px);}
.mc02_card .container_fix .business-slide .swiper .swiper-slide:nth-child(2) .inner-box img {transform: translateX(-85%);transition: 0.5s;}
.mc02_card .container_fix .business-slide .item {width: 126px;height: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: 1s;position: relative;margin-right: 15px;border-radius: 20px; flex-shrink:0;}
.mc02_card .container_fix .business-slide .item-wrapper {display: flex;height: 422px;}
.mc02_card .container_fix .business-slide .item:last-child {margin-right: 0;}
.mc02_card .container_fix .business-slide .item .title-box {width: 126px;height: 100%;color: white;writing-mode: vertical-lr;font-size: 38px;line-height: 126px;padding-top: 55px;box-sizing: border-box;transition: 0.5s;cursor: pointer;position: absolute;top: 0;left: 0;z-index: 1;}
.mc02_card .container_fix .business-slide .item .title-box span {letter-spacing: -0.1em; font-weight: bold;}
.mc02_card .container_fix .business-slide .item .inner-box {transition: 0.5s;width: 100%;min-width: 100%;height: 100%;position: relative;}
.mc02_card .container_fix .business-slide .item .inner-box .txt-wrap {position: absolute;top: calc(50% + 10px);left: 100px;transform: translateY(-50%);z-index: 1;color: #fff;opacity: 0;}
.mc02_card .container_fix .business-slide .item .inner-box .txt-wrap strong {font-weight: bold;font-size: 38px;position: relative;top: 10px;opacity: 0;transition: 0.4s;}
.mc02_card .container_fix .business-slide .item .inner-box .txt-wrap p {font-size: 20px;font-weight: 500;padding-top: 26px;padding-left: 5px;position: relative;top: 10px;opacity: 0;transition: 0.4s 0.3s;}
.mc02_card .container_fix .business-slide .item .inner-box .txt-wrap a {position: relative;top: 10px;opacity: 0;transition: 0.4s 0.6s;}
.mc02_card .container_fix .business-slide .item .inner-box .txt-wrap a .btn-go {display: inline-block;width: 58px;height: 58px;margin-top: 37px;background-color: transparent;border: 1px solid #fff;border-radius: 50%;background-image: url(../img/mc02_card_arrow.png);background-repeat: no-repeat;background-position: center;background-size: 100%;transition: 0.3s;}
.mc02_card .container_fix .business-slide .item .inner-box .txt-wrap a .btn-go:hover {background-image: url(/img/mc02_card_arrow_on.png);background-color: #fff;}
.mc02_card .container_fix .business-slide .item .inner-box img {display: block;position: absolute;left: 50%;top: 0;z-index: 0;width: auto;min-width: 100%;height: 100%;object-fit: cover;transform: translateX(-50%);}
/* .mc02_card .container_fix .business-slide .item:nth-child(2) .inner-box img {transform: translateX(-85%);transition: 0.5s;} */
.mc02_card .container_fix .business-slide .item:nth-child(1) .inner-box img {transform: translateX(-70%);}
.mc02_card .container_fix .business-slide .item:nth-child(2) .inner-box img {transform: translateX(-85%);}
.mc02_card .container_fix .business-slide .item:nth-child(3) .inner-box img {transform: translateX(-66%);}
.mc02_card .container_fix .business-slide .item:nth-child(4) .inner-box img {}
.mc02_card .container_fix .business-slide .item.active {width: calc(100% - 282px);}
.mc02_card .container_fix .business-slide .item.active .title-box span {opacity: 0;}
.mc02_card .container_fix .business-slide .item.active .inner-box .txt-wrap {opacity: 1;}
.mc02_card .container_fix .business-slide .item.active .inner-box .txt-wrap strong {top: 0;opacity: 1;}
.mc02_card .container_fix .business-slide .item.active .inner-box .txt-wrap p {top: 0;opacity: 1;}
.mc02_card .container_fix .business-slide .item.active .inner-box .txt-wrap a {top: 0;opacity: 1;}
.mc02_card .container_fix .business-slide .item.active .inner-box img {transform: translateX(-50%);}
.mc02_card .container_fix .business-slide .item::before {content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 2;}
.mc02_card .container_fix .business-slide .item.active::before {display: none;}
.mc02_card .container_fix .business-slide .item .title-box {z-index: 3;}

@media (max-width: 991px) {
	.mc02_card {padding: 60px 0;}
  .mc02_card .container_fix .title-box {padding-bottom: 38px; text-align: center;}
  .mc02_card .container_fix .business-slide .swiper .swiper-slide:nth-child(2) .inner-box img {transform: translateX(-50%);}
  .mc02_card .container_fix .business-slide .item {width: 100%;border-radius: 10px;margin-right: 0;}
  .mc02_card .container_fix .business-slide .item .title-box {display: none;}
  .mc02_card .container_fix .business-slide .item .inner-box {padding: 85px 25px;}
  .mc02_card .container_fix .business-slide .item .inner-box .txt-wrap {position: relative;top: 0;transform: translateY(0);left: 0;opacity: 1;}
  .mc02_card .container_fix .business-slide .item .inner-box .txt-wrap strong {opacity: 1;top: 0;font-size: 17px;}
  .mc02_card .container_fix .business-slide .item .inner-box .txt-wrap p {opacity: 1;top: 0;font-size: 13px;line-height: 20px;padding-top: 14px;padding-left: 0;}
  .mc02_card .container_fix .business-slide .item .inner-box .txt-wrap a {opacity: 1;top: 0;}
  .mc02_card .container_fix .business-slide .item .inner-box .txt-wrap a .btn-go {width: 35px;height: 35px;margin-top: 30px;}
  
  .mc02_card .container_fix .business-slide .item::before {display: none;}
}

/* MC03 */
.mc03_value .title-box .cate {color: #fff;}
.mc03_value .title-box .title {margin-top: 35px; color: #fff;}
.mc03_value .title-box .desc {margin-top: 60px; color: #fff;}

@media (max-width: 991px) {
	.mc03_value .title-box .title {margin-top: 25px; color: #fff;}
	.mc03_value .title-box .desc {margin-top: 25px; color: #fff;}
}