/* +++ Main START ~ +++ */
body {overflow-x: hidden; position: relative;}

/* 메인 비주얼 START ~ */
.mainWrap {width:100%; height:auto; position:relative; overflow:hidden;}
.main_v {width:100%; height:auto; position:relative; height:100vh; background:#f6f6f6;}
#main_v {width: 100%; height: 100vh; background: #f6f6f6; position:relative;}
.swiper.mainSlide {width: 100%; height: 100%; background: #f6f6f6;}

.titleBox {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 156rem;
    margin: 0 auto;
    padding: 0 2rem;
    position: absolute;
    top: 20%;
    left: 50%;
	z-index: 10;
    transform: translate(-50%);
    padding-bottom: 0rem;
}
.mTitle {
    font-family: "Outfit";
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 3rem;
    letter-spacing: 0.04em;
}
.mTitle span {color:#006FBC;}
.mBTitle {
	color:#222;
	margin:3rem 0;
	font-size: 5rem;
	font-weight: 700;
	line-height: 6.4rem;
	letter-spacing: -0.02em;
	overflow: hidden;
}

.mSTitle {font-size: 2.2rem; font-weight: 400; line-height: 3.4rem;}

figure.brandGroup {margin-top:7rem; width:30.4rem; height:4rem;}
figure.brandGroup img {width:100%; height:auto;}

.list {margin-top: 5rem;}
.list li {
    font-family: "Outfit";
    font-size: 2.3rem;
    font-weight: 600;
    line-height: 2.7rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
    padding-left: 4.5rem;
    position: relative;
    display: inline-block;
}
.list li:first-child {padding-left:0;}
.list li::before {
    content: '';
	top: 50%;
	right: -2rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #222;
    border-radius: 50%;
    position: absolute;
    transform: translate(100%,-50%);
}
.list li:last-child::before {display:none;}
.swiper.mainSlide .swiper-slide {background: url(../img/main/main_bg03.jpg) no-repeat right / cover;}
.mainSlide .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 13rem;
    top: unset;
    width: auto;
    left: 0;
    width: 100%;
    max-width: 156rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
}
.mainSlide .swiper-pagination-bullet {opacity:1; width:0.7rem; height:0.7rem; background:#fff; margin: 0 2rem 0 0!important;}
.mainSlide .swiper-pagination-bullet:last-child {margin}
.mainSlide .swiper-pagination-bullet-active {background:#E82222;}

.mainBtnBox {
	bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 0 2rem;
    position: absolute;
}
.mainBtnBox ul {
    width: 100%;
    height: 100%;
    display: flex;
	margin: 0 auto;
	max-width: 156rem;
}
.mainBtnBox ul li {
    height: 100%;
    cursor: pointer;
    width: calc(100%/5);
    transition: all 0.2s ease-in-out;
    position: relative;
	overflow: hidden;
}
.mainBtnBox ul li:hover {background:#fff;}
.mainBtnBox ul li:hover .mvtype {color:#E82222;}
.mainBtnBox ul li:hover .mvtxt {color:#222;}
.mainBtnBox ul li:hover .mvtxt::before {background: url(../img/main/mv_arrow_black.png) no-repeat center / cover;}

.mainBBInner {padding:3rem 3rem 5rem 3rem; position:relative;}

.mvtype {
	color:#fff;
	font-family: 'Outfit';
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 3rem;
	margin-bottom:1rem;
	letter-spacing: 0.06em;
}
.mvtxt {color:#fff; font-weight: 700; font-size: 2.8rem; line-height: 4.9rem;}

.mvtxt {
    color: #fff;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mvtxt .mvtxt_arrow {width:2.3rem; height:1.7rem; position:relative;}
.mvtxt .mvtxt_arrow img {
	top: 0;
	left: 0;
    width: 100%;
    height: auto;
    position: absolute;
}
.mvtxt_black {display:none;}
.scroll {
    z-index: 1;
    right: -2.4rem;
    bottom: 10rem;
    display: flex;
    position: absolute;
    align-items: center;
    flex-direction: column;
    transform: rotate(-90deg);
}
.scroll p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Outfit';
    line-height: 2.4rem;
}
.scroll .scroll_mov {
    width: 1.2rem;
    height: 2.2rem;
    border-radius: 11px;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: -2rem;
    top: 47%;
    transform: translate(100%, -50%) rotate(-90deg);
}
.scroll .scroll_mov::before {
	top:3px;
	left:50%;
	content:'';
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	position:absolute;
	background-color:#fff;
	transform:translateX(-50%);
	animation: sdb 2.5s infinite;
}

/* scroll ani */
@keyframes sdb {
	0% {transform: translate(-50%,14px); opacity: 0;}
	40% {opacity: 1;}
	80%  {transform: translate(-50%,0); opacity: 0;}
	100% {opacity: 0;}
}

.scroll.hB p {color: #DDD;}
.scroll.hB .scroll_mov {border:2px solid #DDD;}
.scroll.hB .scroll_mov::before {background-color:#DDD;}

.mvImgBox {left: 0; opacity: 0; width: 100%; bottom: 100%; position: absolute;}
.mvImgBox img {width:100%; height:auto; vertical-align: bottom;}

.mainBtnBox ul li:hover .mvImgBox {bottom: 100%; opacity: 1;}
.mainBtnBox ul li:hover {overflow:unset;}
.mainBtnBox ul li:hover .mvtxt_black {display:block;}
.mainBtnBox ul li:hover .mvtxt_white {display:none;}

/* 자동 호버 css 효과 */
.mbt_01.showty01{overflow:unset!important;}
.showty01 .mvImgBox {
    left: 0;
    opacity: 1;
    width: 100%;
    bottom: 100%;
    position: absolute;
}
.showty01 .mainBBInner{background:#fff;}
.showty01 .mvtype{color:#E82222;}
.showty01 .mvtxt{color:#222;}


@media (max-width:991px){
	nav {display:none;}
	.titleBox {top: 8.8rem; left: unset; transform:unset; padding:0 2rem;}
	.mTitle {font-size: 2.4rem; line-height: 4.2rem;}
	
	#main_v {height:90vh;}
	.swiper.mainSlide .swiper-slide {background: url(../img/main/main_bg.jpg) no-repeat right center / cover;}
	
	.list {margin-top: 2.2rem;}
	.list li {padding-left: 1.9rem; font-size: 1.3rem; line-height: 1.5rem;}
	.list li::before {width: 0.3rem; height: 0.3rem; right: -0.8rem;}
	.mBTitle {font-size: 2.8rem; line-height: 3.6rem; margin: 2rem 0;}
	.mSTitle {font-size: 1.8rem; line-height: 2.4rem;}	
	.mainBtnBox ul {width: 100%;}
	
	.mainBBInner {
		padding: 1.5rem 3rem;
		border-right: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
	}
	
	.mainBtnBox {
		padding:0;
		bottom: unset;
		overflow-y: hidden;
		position: relative;
	}
	
	.mvtype {
		color: #E82222;
		font-size: 1.1rem;
		line-height: 1.7rem;
		letter-spacing: 0.06em;
		margin-bottom: 0.3rem;
	}
	.mvtxt {
		color: #222;
		font-weight: 700;
		font-size: 1.9rem;
		line-height: 2.7rem;
		position: relative;
	}
	.mvtxt::before {
		right:0;
		bottom:0;
		top:unset;
		width: 1.5rem;
		height: 1.1rem;
		transform: translateY(-75%);
		background: url(../img/main/mv_black_arrow.png) no-repeat center / cover;
	}
	
	#introduction {margin-top: 7.7rem;}
	
	.mvtxt_white {display:none;}
	.mvtxt_black {display:block;}
	.mvtxt .mvtxt_arrow {width:1.7rem; height:1.3rem; position:relative;}
	.scroll {bottom:6rem;}
}

@media (max-width:767px) {
	#main_v {height:76.7rem;}
	.swiper.mainSlide .swiper-slide {background: url(../img/main/mo_main_bg.jpg) no-repeat right center / cover;}
	.mTitle {font-size: 1.4rem; line-height: 1.8rem;}
	.mSTitle {font-size: 1.5rem; line-height: 2.3rem;}
	.scroll p {font-size:1rem; line-height:1.3rem;}
	.mainBtnBox ul {width: 79rem;}
	.mainBtnBox ul li {width: 170px;}
}
/* // ~ 메인 비주얼 END */

/* 메인 IntroDuction START ~ */
#introduction {width:100%; position:relative;}
.mainInner {
    width: 100%;
	margin: 0 auto;
    max-width: 156rem;
    padding: 15rem 2rem;
	position:relative;
}
.conBTitle {
	font-family: 'Outfit';
	font-size: 4rem;
	font-weight: 600;
	line-height: 5rem;
	letter-spacing: 0.04em;
}
.introCont {display: flex; margin-top: 5rem;}
.introContLeft, .introContRight {width:calc(50% - 3rem);}
.introContLeft {margin-right:6rem;}
.introContImg {height: 0; width: 100%; background: #f6f6f6; padding-bottom: 57.615%;}
.introContImg img {width:100%; height:auto;}
.contTitle {
    color: #222;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
    margin: 6rem 0 2rem;
}
.contTxt {color:#666; font-size: 2rem; font-weight: 300; line-height: 3.2rem;}

.viewDetail {
	margin-top: 4rem;
    padding: 1rem 3rem;
	position: relative;
	display: inline-block;
	transition:all 0.2s ease-in-out;
}
.viewDetail p {
	color: #222;
    line-height: 3.5rem;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
    display: inline-block;
}
.viewDetailInner {display: flex; align-items: center; justify-content: space-between;}
figure.viewDetailArrow {width: 2.4rem; height: 1.4rem; margin-left: 1rem;}
figure.viewDetailArrow img {width:100%; height:auto;}

.viewDetail::before {
	top:0%;
	right:0;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	border:1px solid #222;
	box-sizing: border-box;
}
.introContBox:hover .viewDetail {opacity:1;}

@media (max-width:991px) {
	.mainInner {padding:10rem 2rem;}
	.introCont {display: flex; margin-top: 3rem; flex-direction: column;}
	.contTitle {font-size: 2.5rem; line-height: 3.6rem; margin: 3rem 0 1rem; }
	.conBTitle {font-size: 3.5rem; line-height: 4rem;}
	.contTxt {font-size:1.8rem; line-height:3rem;}
	.introContLeft, .introContRight {width: 100%;}
	.introContLeft {margin-right: 0rem; margin-bottom: 7rem;}
	
	.viewDetail {margin-top: 2rem;}
	.viewDetail p {line-height: 2.3rem; font-size: 1.2rem;}
	.viewDetail p::before {width: 1.55rem; height: 0.762rem;}
	
	figure.viewDetailArrow {width: 1.7rem; height: 0.9rem;}
	

}

@media (max-width:767px) {
	.mainInner {padding:6rem 2rem;}
	.introContLeft {margin-bottom: 5rem;}
	.conBTitle {font-size: 1.8rem; line-height: 2.4rem;}
	.contTitle {font-size: 2rem; line-height: 2.8rem;}
	.contTxt {color: #666; font-size: 1.5rem; line-height: 2.3rem;}
	.viewDetail {padding: 1rem 1.6rem 1rem 1.6rem;}
}
/* // ~ 메인 IntroDuction END */

/*  business START */
#business {width:100%; color:#fff; position:relative; background: url(../img/main/busi_bg01.jpg) no-repeat center / cover;}
#business .conBTitle {
    font-family: "Outfit";
    font-size: 7rem;
    font-weight: 600;
    line-height: 9rem;
    color: #fff;
    text-transform: uppercase;
	overflow:hidden;
}
.busiTxtBox {margin: 10rem 0; display:flex;}
.busiArea {
    font-family: 'Outfit';
    font-size: 4rem;
    font-weight: 600;
    line-height: 5rem;
    letter-spacing: 0.04em;
    width: 21.5%;
    min-width: 33.5rem;
}
.busiTxt {font-size: 2rem; font-weight: 400; line-height: 3.3rem; padding-left: 6rem; width: auto;}
.busiContGroup {display:flex;}
.busiContGroupInner {
    padding-left: 6rem;
    width: 78.3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.busiSTitle {
    font-family: 'Outfit';
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.4rem;
    letter-spacing: 0.06em;
}
.busiImg img {width:100%; height:auto;}
.busiContLeft, .busiContRight {position:relative;}
.busiContBox {width: calc(50% - 6.25rem);}
.busiImg {height: 0; width: 100%; padding-bottom: 122%; background: #f6f6f6; margin: 2rem 0 5rem;}
.busiImg img {width:100%; height:auto;}
.busiTitle {font-size: 3.2rem; font-weight: 700; line-height: 4.6rem;}
.busiContTxt {font-size: 1.8rem; font-weight: 400; line-height: 3rem; margin-top: 2rem;}
.busiContLeft .busiContBox:nth-child(2) {margin-top: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.busiContBox:nth-child(3) {margin-top: 21.2rem;}
.newsTitle {font-size: 5.4rem; font-weight: 700; line-height: 7rem;}

@media (max-width:991px) {
	#business .conBTitle {font-size:3.5rem; line-height:4rem;}
	.busiTxtBox {display: flex; margin: 7rem 0 9rem; flex-direction: column;}
	
	.busiTxt {padding-left: 0; width: 100%;}
	.busiContGroupInner {padding-left:0; width:100%; flex-direction: column;}
	.busiContGroup .busiArea {display:none;}
	.busiContLeft, .busiContRight {width: 100%;}
	
	.busiContLeft .busiContBox:nth-child(2) {margin-top: 10rem;}
	.busiContRight .busiContBox {margin-top:9rem;}
	
	.busiArea {font-size:3rem; line-height:3.6rem; margin-bottom: 2rem;}
	.busiImg {margin:3rem 0 3.5rem;}
	
	.busiContLeft .busiContBox {width:100%;}
	.busiContLeft .busiContBox:nth-child(2) {
		top: unset;
		transform: unset;
		margin-top: 10rem;
		position: relative;
	}
	.busiContBox:nth-child(3) {margin-top: 10rem;}
}

@media (max-width:767px) {
	.proBox figure {margin-right: 1rem;}
	.busiTxtBox  {margin:4rem 0 2rem;}
	#business .conBTitle {
		font-size: 2.1rem;
		font-weight: 600;
		line-height: 3rem;
		letter-spacing: 0em;
	}
	.busiContBox {margin-top: 5rem;}
	.busiArea {
		width: 100%;
		min-width: inherit;
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}
	.busiTxt {
		padding-left: 0;
		width: 100%;
		font-family: Pretendard;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 2.5rem;
		letter-spacing: 0em;
	}
	
	.busiSTitle {
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 2.2rem;
		letter-spacing: 0.02em;
	}
	.busiImg {padding-bottom: 122%; margin: 2rem 0 2.4rem;}
	.busiTitle {font-size: 2rem; line-height: 3rem;}
	
	.busiContTxt {margin-top: 1.2rem; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem;}
	.busiContLeft .busiContBox:nth-child(2) {margin-top: 5rem;}
	.busiContBox:nth-child(3) {margin-top: 5rem;}
	.busiContRight .busiContBox {margin-top:5rem;}
}
/* // ~ business END */


/* NEWS START ~ */
#news {width:100%; height:auto; overflow:hidden;}

.TopTitleBox {
    width: 100%;
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
}

#news .newsTitle {
    margin-top: 3rem;
    font-size: 5rem;
    font-weight: 700;
    line-height: 6rem;
    overflow: hidden;
}
.moreView {
	cursor:pointer;
	padding-right: 0rem;
	position: relative;
	align-items: center;
	display: flex;
}
.moreView p {
	font-size: 2rem;
    font-weight: 400;
    line-height: 2.3rem;
    letter-spacing: 0.04em;
    text-align: left;
    color: #222;
}
.moreView .viewDetailArrow {width: 2.4rem; height: 1.4rem;}

#news .newslide {margin-top: 8rem; overflow: unset;}
#news .newslide .swiper-scrollbar {
    position: relative;
    left: unset;
    bottom: unset;
    top: unset;
    z-index: 50;
    height: 0.5rem;
    width: 100%;
	margin-top:7rem;
}
.newsImg {width:100%; height:30rem; background:#f6f6f6;}
.newsImg img {width:100%; height:auto;}

/* ================================================== */

#news .conBTitle {color: #222;}
.newsBoxGroup {margin-top:8rem;}
.newsBoxCont {width: 100%; display: flex; align-items: center;}
.newsBox {
    width: 100%;
    display: flex;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    justify-content: flex-start;
    align-items: center;
    padding: 3rem;
}
a:first-child .newsBox  {padding-top:0;}
a:last-child .newsBox {border-bottom:none; padding-bottom:0;}
.newsBoxTxt {display: flex; align-items: center;}
.newsBox .date {width:5rem; min-width: 5rem; font-family: 'Outfit'; font-weight: 600; text-align: center;}
.newsBox .year-month {color:#222; font-size: 1.7rem; line-height: 2rem; font-weight:600; margin-bottom:1rem;}
.newsBox .day {font-size: 3.9rem; line-height: 4rem;}
.newsBoxTitle {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 4rem;
    color: #222;
    margin-left: 6rem;
    margin-right: 6rem;
    width: 100%;
    /* max-width: 94.2rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.newsBoxImg {height: 0; width: 30rem; background: #f8f8f8; padding-bottom: 67.7%;  overflow:hidden;}
.newsBoxImg img {width:100%; height:auto; vertical-align: bottom;}

p.snsTitle {
    font-family: Pretendard;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3.2rem;
    color: #222;
	margin:3rem 0 1.4rem;
	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.snsdata {font-family: 'Pretendard'; line-height: 2.6rem; font-size: 1.6rem; font-weight: 300; color:#666;}
.newsBox:hover .newsBoxTitle {text-decoration: underline;}

@media (max-width:991px) {
	.TopTitleBox {align-items: flex-start; flex-direction: column;}
	.newsBox {padding: 5rem 0; align-items: flex-start;}
	.newsBoxCont {flex-direction: column;}
	
	#news .newsTitle {font-size: 3rem; line-height: 4.2rem; margin: 3rem 0 4rem;}
	.newsBoxTxt {width:100%;  align-items: flex-start;}
	.newsBoxImg {width: 100%; padding-bottom:67%;}
	.newsBoxTitle {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		-webkit-line-clamp: 3;
		font-size: 2.2rem;
		line-height: 3.4rem;
		margin-bottom:2rem;
	}
	.newsBoxGroup {margin-top:4rem;}
	.newsBox .year-month {font-size: 2rem; line-height: 3rem; margin-bottom: 0.6rem;}
	.newsBox .date {width: 11.2%; margin-right: 2rem;}
	.newsBox .day {font-size: 3rem; line-height: 3rem;}
	.moreView p {font-size:1.4rem;}
	.moreView .viewDetailArrow{width: 1.7rem; height: 0.9rem;}
}
@media (max-width:767px) {
	a.moreView {font-size:1.4rem;}
	a.moreView::before {width: 1.7rem; height: 0.9rem;}
	.newsBoxGroup {margin-top: 5rem;}
	.newsBox {padding:3rem 0;}
	
	#news .newsTitle {margin: 2rem 0; font-size: 2.4rem; line-height: 3.4rem;}
	.newsBox .year-month {font-size: 1.1rem; line-height: 1.8rem; margin-bottom: 0.6rem;}
	.newsBoxTitle {font-size: 1.5rem; line-height: 2.1rem;}
	
	.newsBox .date {width: 11.2%; margin-right: 2rem;}
	.newsBox .day {font-size: 2.4rem; line-height: 2.8rem;}
}



/* // ~ NEWS END */

/* SNS START ~ */
#sns {width:100%; height:auto; background:#f4f4f4;}
#sns .conBTitle {color: #222;}
#sns .newsTitle {
    margin-top: 3rem;
    font-size: 5.4rem;
    font-weight: 700;
    line-height: 7rem;
	overflow:hidden;
}
#sns .swiper {overflow: unset;}
.snsImg {height: 0; background: #FFF; position:relative;overflow:hidden;padding-bottom: 100%;}
.snsImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
.snsslide {margin-top: 8rem; overflow: unset;}

.snsslide .swiper-wrapper {width: 22.04%;}
.snsslide .swiper-scrollbar {
    position: relative!important;
    left: unset!important;
    bottom: unset!important;
    top: unset!important;
    z-index: 50;
    height: 0.5rem;
    width: 100%;
	margin-top:7rem;
}

.snsslide .swiper-pagination {
	bottom: 0;
    height: 0.2rem;
	margin-top: 4rem;
	position: relative;
	background: #ECECEC;
}
.snsslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222; height:100%;}

.snsT {
	color:#222;
	font-family: 'Outfit';
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 2.8rem;
	margin-bottom:3rem;
}

.snsslide .swiper-slide {width:100%!important;}

@media (max-width:991px) {
	#sns .newsTitle {margin-top: 2rem; font-size: 2.4rem; line-height: 3.2rem;}
	.snsT {margin-bottom:2rem;}
	#sns .swiper {overflow: unset; margin: 5rem auto 0 0;}
	.snsslide .swiper-wrapper {width: 100%;}
	.snsslide .swiper-pagination {width: calc(100vw - 4rem);}
	.snsslide .swiper-slide {width:70.15%!important;}
}

@media (max-width:767px) {
	.snsT {font-size:1.8rem; line-height:2.2rem;}
	
	p.snsTitle {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 2.1rem;
		margin-top: 2rem;
		-webkit-line-clamp: 3;
	}
	
	.snsdata {
		font-size: 1.1rem;
		font-weight: 300;
		line-height: 1.3rem;
	}
	
	.snsslide .swiper-pagination {margin-top: 4rem;}
}
/* // ~ SNS END */


/* innovator START ~ */

.mainInner.textswiper {padding:8rem 0 0 0;}

#innovator .conBTitle {
    font-family: 'Outfit';
    font-size: 4rem;
    font-weight: 600;
    line-height: 5rem;
    letter-spacing: 0.04em;
    text-align: left;
	color:#222;
}
#innovator .conBTitle span.red {color: #E82222; overflow:hidden;}
#innovator .newsTitle {margin-top:3rem;}
#innovator .innoslide {width: 100%; overflow: unset; max-width: 112.5rem;}

#innovator .swiper {overflow:unset;}

.innoImg {height: 0; width: 100%; position: relative; background: #f8f8f8; height: 48.7rem;}
.innoImg img {width:100%; height:auto;}
p.innoTitle {
    font-size: 2.6rem;
    font-weight: 500;
    padding-left: 0rem;
    line-height: 4rem;
    margin-top: 11.5rem;
    position: absolute;
    left: 0;
    top: 0;
	opacity:0;
}

.swiper-slide-active .innoTitle {opacity:1;}
#innovator .swiper-button-next, #innovator .swiper-button-prev {
    margin: 0;
    right: unset;
    left: unset;
    top: unset;
    width: 7.5rem;
    height: 7.5rem;
	position: relative;
    border: 1px solid #222;
    box-sizing: border-box;
}

#innovator .swiper-button-prev {border-right:none;}

.innoBtn {
    position: absolute;
    height: 7.5rem;
    width: 15rem;
    display: flex;
    bottom: 5rem;
}

#innovator .swiper-button-next:after, #innovator .swiper-button-prev:after {
    top: 50%;
	left: 50%;
    content: ''!important;
    width: 2.4rem;
    height: 1.3rem;
    position: absolute;
    transform: translate(-50%,-50%);
}
#innovator .swiper-button-next:hover, #innovator .swiper-button-prev:hover {background:#222;}

#innovator .swiper-button-prev:after {background: url(../img/main/inno_left_black.png) no-repeat right / cover;}
#innovator .swiper-button-next:after {background: url(../img/main/inno_right_black.png) no-repeat right / cover;}

#innovator .swiper-button-prev:hover:after {background: url(../img/main/inno_left_white.png) no-repeat right / cover;}
#innovator .swiper-button-next:hover:after {background: url(../img/main/inno_right_white.png) no-repeat right / cover;}

#innovator .swiper-button-next.swiper-button-disabled, #innovator .swiper-button-prev.swiper-button-disabled {opacity:1!important; background: #FFF;}
#innovator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    display: inline-flex;
    justify-content: space-between;
    position: relative;
    bottom: unset;
    top: 0;
    width: 9.5rem;
    color: #fff;
    overflow: unset;
    position: absolute;
    left: 0;
    top: 5rem;
}
#innovator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::before {
    content: '';
    width: 1.3rem;
    height: 1px;
    background: #222222;
    transform: rotate(-45deg);
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
}
#innovator span.swiper-pagination-total {
    font-family: 'Outfit';
	line-height: 3.5rem;
    font-size: 2.1rem;
    font-weight: 300;
	color: #222;
}
#innovator span.swiper-pagination-current {
	color: #222;
    font-family: 'Outfit';
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 3.5rem;
}
.innoLeft {
    top: 0;
    left: 0;
    z-index: 2;
	height: 81.5%;
    position: absolute;
    margin: 4rem 0 5rem 0;
    box-sizing: border-box;
}
.innoTitleBox .swiper-slide {opacity:0;}
.innoTitleBox .swiper-slide-active {opacity:1;}


@media (max-width:991px) {}
@media (max-width:767px) {
	#innovator .conBTitle {
		font-size: 1.8rem;
		line-height: 2.4rem;
		letter-spacing: 0.04em;
	}
	#innovator .swiper-pagination {width:5.7rem!important;}
	#innovator span.swiper-pagination-total {
		line-height: 2.1rem;
		font-size: 1.2rem;
	}
	
	#innovator span.swiper-pagination-current {
		font-size: 1.2rem;
		line-height: 2.1rem;
	}

}

/* // innovator END */

/* #innovator .swiper-slide-next {width: 335px!important;} */
/* #innovator .swiper-slide-active {width: 730px!important;} */
/* #innovator .swiper-slide-next {width: 46%!important;} */



img.act {display:none;}

#innovator .swiper-slide-active img.act {
    display: block;
    width: 64.89%;
    margin: 0 0 0 auto;
}
#innovator .swiper-slide-active img.not_act {display:none;}
#innovator .swiper-slide img {width: 100%; height: auto;}

.InnoslideCont02 {
    display: flex;
	overflow:unset;
	margin-top: 8rem;
    position: relative;
    align-items: flex-start;
}
/* .innoLeft02 { */
    /* z-index: 8; */
    /* height: 100%; */
    /* height: 48.7rem; */
    /* background: #fff; */
    /* position: relative; */
    /* width: 35.1112%; */
    /* padding: 5rem 0; */
    /* min-width: 39.5rem; */
/* } */

.innoLeft02 {
    z-index: 8;
    height: 100%;
    height: 48.7rem;
    /* background: #fff; */
    position: relative;
    width: 35.1112%;
    padding: 5rem 0;
    min-width: 39.5rem;
    position: absolute;
}
.innoLeft02::before {
    content: '';
    width: 100%;
    height: 150%;
    position: absolute;
    left: -40%;
    top: 0px;
    background: #FFF;
    z-index: 0;
    transform: translate(-28%,-00%);
}

.innoLeftInner {z-index: 3; position: relative;}

.innoLeft02::after {
    content: '';
	top: 50%;
    left: 0%;
    width: 100vw;
    height: 150%;
    background: #FFF;
	position: absolute;
    transform: translate(-100%,-50%);
}
.innoRightBox02 .innoslide {margin: 0; width: 74.02%; overflow: unset; padding-left: 0;}

#innovator .InnoslideCont02 p.innoTitle {
    font-size: 2.6rem;
    font-weight: 500;
    padding-left: 0rem;
    line-height: 4rem;
    margin-top: 0rem;
    position: absolute;
    left: 0;
    width: 128%;
    margin-top: 3rem;
}

.mySwiperginno {
    width: 100%;
    max-width: 73rem;
    margin: 0;
    position: relative;
}
.mySwiperginno .swiper-slide {background: #f6f6f6;  position:relative;}
.mySwiperginno .swiper-slide img {width:100%; height:auto; }
.mySwiperginno .swiper-slide-active {position:relative;}
@media (min-width:2000px) {.innoLeft02::before {left:-40%;}}
@media (max-width:1200px) {#innovator .swiper-slide img.not_act {display:none;}}
@media (max-width:991px) {
	.mainInner.textswiper {padding: 5rem 0;}
	#innovator .innoslide {overflow: hidden;}
	.newsTitle {font-size: 2.4rem; line-height: 4rem;}
	p.innoTitle {
		font-size: 1.4rem;
		line-height: 2.1rem;
		margin-top: 2rem;
		position: relative;
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
	#innovator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {top:-2rem;}
	#innovator .newsTitle {margin-top: 3rem; line-height: 4.8rem; font-size: 3.5rem;}
	.InnoslideCont02 {
		height:auto;
		display: flex;
		margin-top: 5rem;
		position: relative;
		align-items: flex-start;
		flex-direction: column;
	}
	.innoLeft02 {
		width: 100%;
		height: auto;
		background:none;
		position: relative;
		min-width: inherit;
	}
	.innoLeft02::before {display:none;}
	#innovator .InnoslideCont02 p.innoTitle {
		position: relative;
		font-size: 2rem;
		margin-top:2rem;
		width: 100%;
		line-height: 3.4rem;
		margin-top:2rem;
	}
	.innoBtn {
		margin-top: 3rem;
		position: relative;
		height: 4.5rem;
		width: 9rem;
		bottom: 0rem;
	}
	.innoImg {height: 31.7rem;}
	.innoLeft02 {padding: 0rem 0 3rem;}
	#innovator .swiper-button-next, #innovator .swiper-button-prev {width:100%; height:100%;}	
	#innovator .swiper-button-next:after, #innovator .swiper-button-prev:after {width:1.5rem; height:1.1rem;}
	#innovator .swiper-slide {width: 94.03%!important;     padding-bottom: 63%;}
	
	.innoLeft02::after {display:none;}
	.mySwiperginno::before {display:none;}
	
	#innovator .swiper-slide, #innovator .swiper-slide:nth-child(2n), #innovator .swiper-slide:nth-child(3n) {width: 100%!important; padding-bottom: 0%; height:auto;}
}

@media (max-width:767px) {
	#innovator .newsTitle {margin-top: 2rem; line-height: 3.2rem; font-size:2.4rem;}
	#innovator .InnoslideCont02 p.innoTitle {font-size:1.4rem; line-height:2.1rem;;}
}
/* +++ // ~ Main END +++ */



/* Lifestyle Innovator Slide */
.textswiperRight {width: 100%; max-width: 335px; margin-left:0;}
.swiper.mySwiper001 {width: auto; margin: 0;} 
.swiper.mySwiper001 .swiper-wrapper {width:335px;}
.mySwiper001 .swiper, .mySwiper001 .swiper-container {overflow:unset;}
.swiper.mySwiper001 .swiper-slide.swiper-slide-active {
    width: 336.4%!important;
    height: auto;
    overflow: hidden;
}
.swiper.mySwiper001 .swiper-slide.swiper-slide-prev {opacity: 0;}
.innocontWrap {position:relative;}

@media (max-width:1200px) {
	.textswiperRight {width: 100%; margin-left: 0; max-width:unset;}
}

@media (max-width:991px) {
	.textswiperRight {width: 100%; margin-left: 0; max-width:unset;}
	.swiper.mySwiper001 .swiper-slide.swiper-slide-prev {opacity: 1;}
	
	.swiper.mySwiper001 .swiper-wrapper {width:100%;}
}