
/* :::::::::: ================== Main START ~ ================== :::::::::: */
html.hidden {overflow: hidden;}
html, body {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	
}

#section4 {height:auto;}

.section {
	width: 100%;
	/* height: 100%; */
	position: relative;
}


div#section5 {
	height: auto;
}
	
.mainWrap {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 5s ease-in;
}

#main_v {
    width: 100%;
    height: 100vh;
    /* background: #888; */
    position: relative;
    overflow: hidden;
	
	background-image: url(/public/img/taean/main/taean_main_img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mainVslide {width:100%; height:100vh;}
.mainVslide .swiper-slide {display: flex; justify-content: center; align-items: center;}

video#bgVideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoDim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(7 36 53 / 40%);
}
/* .mainVslide .swiper-slide:nth-child(1) {background:url(../img/main/mainBG01.jpg) no-repeat center / cover;} */
/* .mainVslide .swiper-slide:nth-child(2) {background:#888;} */
/* .mainVslide .swiper-slide:nth-child(3) {background:#555;} */
.mainVInnder {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 160rem;
    padding: 0 2rem 16rem 2rem;
    margin: 0 auto;
    position: relative;
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%,-50%); */
    z-index: 10;
    align-items: flex-end;
    justify-content: flex-start;
}
/* .mainVInnder { */
    /* width: 100%; */
    /* max-width: 168rem; */
    /* padding: 0 2rem; */
    /* margin: 0 auto; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%,-50%); */
    /* z-index: 10; */
/* } */
.mainVTitle {
	display:block;
	text-align:left;
	color: #FFF;
	font-size: 8rem;
	line-height: 10rem;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
}
.mainVSTitle {
	display:block;
	text-align:left;
	color: #FFF;
	font-family: 'Pretendard-Medium';
	font-weight: 500;
	font-size: 2.6rem;
	line-height: 4.2rem;
	margin-top:4rem;
}


/* 스크롤 */
.scrollBox {
    right: 6rem;
    display: flex;
    position: absolute;
    bottom: 16rem;
    transform: unset;
    z-index: 3;
    align-items: center;
    flex-direction: column-reverse;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
.scrollLine {
    display: flex;
    width: 0.2rem;
    height: 8rem;
    justify-content: center;
    position: relative;
    border-radius: 99px;
    /* border-right: 1px solid rgb(255 255 255 / 20%); */
    /* border-radius: 99px; */
	
	border-radius: 99px;
	background: rgba(255, 255, 255, 0.20);
	/* overflow:hidden; */
}
.scrollLine span {
    width: 4px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 0;
    
    background: #FFF;
    border-radius: 9px;
	animation-name: scroll; 
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes scroll {
    0% {top:0; opacity:1;}
	70% {opacity:1;}
    100% {top:80%; opacity:0;}
}

.scrollTxt {
	writing-mode: vertical-rl;
	text-orientation: upright;
	
    color: #FFF;
    padding-bottom: 0;
    color: #FFF;
    font-family: "Pretendard-Bold";
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 1.68px;
    padding-top: 0;
    margin-bottom: 3rem;
}
.rswiper .swiper-wrapper{transition-timing-function: linear;}

@media (max-width:1500px) {
	.mainVInnder {
		padding: 0 2rem 10rem 2rem;
	}
	.scrollBox {
		right: 4rem;
		bottom: 10rem;
	}
	/* .scrollLine span {left: 121%;} */
	.mainVTitle {       
		font-size: 7rem;
        line-height: 9rem; 
	}
	.mainVSTitle {font-size: 2.4rem; line-height: 4rem; margin-top: 3rem;}
}
@media (max-width:1200px) {
	
}
@media (max-width:991px) {
	html, body {overflow:unset;}
	.section {width: 100%; height: auto;}
	.mainVTitle {font-size: 6.4rem; line-height: 7.8rem;}
	.mainVSTitle {font-size: 2.2rem; line-height: 3.6rem; margin-top:3rem;}
	.scrollTxt {font-size: 0.9rem; line-height: 0.9rem; letter-spacing: 0.9px; margin-bottom: 1.2rem;}
	
	video#bgVideo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
}


@media (max-width:767px) {
	#main_v {
		height: calc(100vh - 6rem);
	}
	.mainVslide {
		width: 100%;
		height: calc(100vh - 6rem);
	}
	.mainVInnder {
		padding: 0 2rem 17rem 2rem;
	}
	.mainVTitle {font-size: 3.4rem; line-height: 4.4rem; }
	.mainVSTitle {font-size: 1.5rem; line-height: 2.8rem; margin-top:1.4rem;font-family: 'Pretendard';
	font-weight: 400;}	
	.scrollBox {
		transform: translateX(-50%);
		left: 50%;
		right: inherit;
		bottom: 2rem;
	}
	.scrollTxt {
		writing-mode: inherit;
		text-orientation: inherit;
		font-size: 0.9rem;
		line-height: 0.9rem;
		letter-spacing: 0.9px;
		margin-bottom: 1.2rem;
	}
	.scrollLine {
		display: flex;
		width: 0.2rem;
		height: 4rem;
	}
	.scrollLine span {
		width: 3px;
		height: 13px;
		left: -0.5px;
		top: 0;
		border-radius: 9px;
	}
	
	video#bgVideo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
}

/* :::::::::: ================== 슬라이드 버튼 & progressbar 스타일 START ~ ================== :::::::::: */
.cusBtnGroup {display: inline-flex; position: absolute; left: 50%; top: 50%; z-index: 20; transform: translate(-50%, -50%);width: 100%; padding: 0 2rem; justify-content: space-between; align-items: center;}
.cusBtnGroup .swiper-button-next, .cusBtnGroup .swiper-button-prev {position: relative; top: unset; left: unset; margin: 0; display: unset; width: 7rem; height: 7rem; display: block;}
.cusBtnGroup .swiper-button-next {right: unset;}
.cusBtnGroup .swiper-button-prev, .cusBtnGroup .swiper-button-next {background: #06566F; backdrop-filter: blur(5px); border-radius:0.6rem; -webkit-backdrop-filter: blur(5px);}
.cusBtnGroup .swiper-button-prev.swiper-button-disabled, .cusBtnGroup .swiper-button-next.swiper-button-disabled {background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.cusBtnGroup .swiper-button-prev:after {content:''; width:2rem; height:1.8rem; background:url(../img/taean/common/mainVLeftArrow.png) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cusBtnGroup .swiper-button-next:after {content: ''; width:2rem; height:1.8rem; background: url(../img/taean/common/mainVRightArrow.png) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.progressbarG {z-index: 1; display: flex; position: absolute; align-items: center; margin-top: 2rem; left: 50%; top: 62.2%; transform: translate(-50%,-50%);}
.progressbarG .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {position: relative; top: unset!important; bottom: 0!important; height: 0.6rem!important;}
.progressbarG span.swiper-pagination-progressbar-fill {background: #FFF!important; border-radius:6px;}
.progressbarG .swiper-pagination-progressbar {background: #FFF; position: relative; width: 24rem; height: 0.6rem; border-radius: 0.6rem; border-radius: 6px; background: rgba(255, 255, 255, 0.30); overflow: hidden;}

 /* 메인 */
.mainVisual .cusBtnGroup {position: absolute; top: unset; transform: unset; z-index: 10; display: inline-flex; flex-direction: row; left: 50%; bottom: 23%; width: 100%; padding: 0 2rem; max-width: 172rem; margin-top: 5rem; transform: translateX(-50%);}
.mainVisual .cusBtnGroup .swiper-button-next {margin-left:0.8rem!important;}
.mainVisual .cusBtnGroup .swiper-button-next, .mainVisual .cusBtnGroup .swiper-button-prev {width:7rem; height:7rem;}

.mainVslide .progressbarG {z-index: 1; display: flex; position: relative; align-items: center; margin-top: 2rem; left: unset; top: unset; transform: unset; width: 15%; margin: 7rem auto 0;}
@media (max-width:1500px) and (min-width:992px) {
	.mainVslide .progressbarG {margin-top:6rem;}
}
@media (min-width:992px) and (max-height:600px) and (min-height:200px) {
	.mainVInnder {left: 50%; top: 54%;}
	.mainVTitle {font-size: 10vh;}
	.mainVSTitle {font-size: 6vh; line-height: 9vh; margin-top: 2vh;}
	.mainVslide .progressbarG {margin: 6vh auto 0;}
	.scrollLine { height: 6vh;}
	.scrollTxt {font-size: 3vh; line-height: 1vh;}
	
}
@media (max-width:991px) {
	.cusBtnGroup {display:none;}
	.cusBtnGroup .swiper-button-next, .cusBtnGroup .swiper-button-prev {width:5rem; height:5rem;}
	.progressbarG .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {height:2px!important;}
	
	.mainVslide .progressbarG {width: 30%; margin: 5rem auto 0;}
}
@media (max-width:767px) {.mainVslide .progressbarG {width: 35.83%; margin: 2rem auto 0;}}

/* :::::::::: ================== // ~ 슬라이드 버튼 & progressbar 스타일 END ================== :::::::::: */
/* :::::::::: ================== // Main END ================== :::::::::: */

.mainInner {width:100%; max-width:160rem; padding:0 2rem; margin:0 auto;}
.mainContTitle {margin-bottom:2rem; color: #093C71; text-align: center; font-family: Outfit; font-size: 7rem; font-weight: 600; line-height: 7.6rem;}
.mainContSTitle {color: #111; text-align: center; font-family: "Pretendard-Light"; font-size: 2rem; line-height: 3.6rem; letter-spacing: -0.2px;}

@media (max-width:1500px) and (min-width:992px) {
	.mainInner {padding: 0 6rem;}
	.mainContTitle {margin-bottom: 2rem; font-size: 6.5rem; line-height: 7.1rem;}
}

@media (max-width:991px) {
	.mainContTitle {margin-bottom: 3rem; font-size: 5rem; line-height: 5.6rem;}
	.mainContSTitle {font-size: 1.8rem; line-height: 3rem; letter-spacing: -0.16px;}
}

@media (max-width:767px) {
	.mainContTitle {margin-bottom: 2rem; font-size: 3rem; line-height: 3.8rem;}
	.mainContSTitle {font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.16px;}
}

/* :::::::::: ================== business START ~ ================== :::::::::: */
.businessWrap {
    padding: 4rem 2rem 0rem 2rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
	overflow: hidden;
}
.mainbusiInner {
    width: 100%;
    max-width: 156rem;
    padding: 0 0 14rem 0;
    margin: 0 auto;
	border-bottom:1px solid #eee;
}
.busiContTitle {
    display: flex;
    color: #093C71;
    font-family: Montserrat;
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 9rem;
    letter-spacing: 3.2px;
    margin: 0 0 2rem 0;
    justify-content: flex-start;
    align-items: flex-end;
}
.busiContTitle img{
	height:18.6rem;
	display:inline-block;
	margin:0 2rem;
}
.busiContTitle span{
	background: linear-gradient(90deg, #00548A 0%, #01BBD6 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.busiContSTitle{
	display:block;
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
	letter-spacing: -0.22px;
}

/* .businessWrap::before {content:''; width:100%; max-width:120rem; height:12.4rem; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:url(../img/main/busiBotmT.png) no-repeat center / cover;} */
.businesul {width:100%; display:flex; margin-top:14rem;}
.businesul li {width:calc(100%/3 - 3rem); margin-right:4.5rem; height:auto;position:relative;}
.businesul li:nth-child(3) { margin-right:0;}


.busicont{
	position:relative;
	overflow:hidden;
	border-radius: 0.8rem;
}
.busiTitle {
	display:block;
	text-align:left;
	color: #000;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	font-size: 3.2rem;
	line-height: 4rem;
	margin:0 0 3rem 0;
	padding:0;
}
.busiImg{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:60%;
	z-index:1;
}
.busiImg img {
    /* max-width: 100%; */
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.8rem;
}


.busiDim{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	
	border-radius:0.8rem;
	background: rgba(0, 0, 0, 0.40);
	/* filter: blur(5px); */
}
.busilinkbox{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
	display:none;
}
.busilinkbox a {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.busiDimInner{
	
}
.busiTlink {
    display: flex;
    color: #FFF;
    text-align: center;
    font-size: 2.3rem;
    line-height: 2.5rem;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    position: relative;
    align-items: center;
    justify-content: center;
}
.busiTlink img{
	margin-left:1.3rem;
	height:1.2rem;
	position:relative;
}


.businesul li:hover .busiDim{
	display:block;
}
.businesul li:hover .busilinkbox{
	display:block;
}
.hidtext{display:none;}
@media (max-width:1500px){
	.businessWrap {
		padding: 4rem 2rem 0rem 2rem;
	}
	.businesul {
		margin-top: 12rem;
	}
	.mainbusiInner {
		padding: 0 0 12rem 0;
	}
}
@media (max-width:1200px) {
	
	.busiContTitle {
		font-size: 7rem;
		line-height: 8rem;
		letter-spacing: 3px;
		margin: 0 0 2rem 0;
	}
	.busiContTitle img {
		height: 16.6rem;
		display: inline-block;
		margin: 0 2rem;
	}
	.businesul {
		margin-top: 10rem;
	}
	.businesul li {
		width: calc(100%/3 - 1.5rem);
		margin-right: 3rem;
	}
	.busiTitle {
		font-size: 2.8rem;
		line-height: 3rem;
		margin: 0 0 2rem 0;
	}
}
@media (max-width:991px) {
	.businessWrap {
		padding: 6rem 2rem 0rem 2rem;
	}
	.busiContTitle img {
		height: 14.6rem;
		display: inline-block;
		margin: 0 2rem;
	}
	.busiContTitle {
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: 2px;
		margin: 0 0 2rem 0;
	}
	.mainbusiInner {
		padding: 0 0 10rem 0;
	}
	.businesul {flex-direction: column; margin-top:5rem;}
	.businesul li {width: 100%; margin-right: 0; margin-bottom: 5rem; }
	.businesul li:last-child {margin-bottom: 0;}
	
	.busiTitle {
		font-size: 2.8rem;
		line-height: 3.6rem;
		margin-bottom: 2rem;
		
		display:none;
	}
	.busicont {
		border-radius: 0.6rem;
	}
	.busiDim {
		border-radius: 0.6rem;
		display: block;
		border-radius: 0.8rem;
	}
	.busilinkbox {
		display: block;
	}
	.busiDimInner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.hidtext {
		display: block;
		font-family: 'Pretendard-Bold';
		font-weight: 700;
		font-size: 3.2rem;
		line-height: 4rem;
		margin-bottom: 2.2rem;
		color: #fff;
	}
}

@media (max-width:767px) {
	.businessWrap {
		padding: 8rem 2rem 0rem 2rem;
	}
	.mainbusiInner {
		padding: 0 0 8rem 0;
	}
	.busiContTitle {
		position:relative;
		display: flex;
		font-size: 3.6rem;
		line-height: 4.6rem;
		letter-spacing: 1.44px;
		margin: 0 0 2rem 0;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.busiContTitle img {
		position: absolute;
		height: 9.8rem;
		display: inline-block;
		margin: 0 2rem;
	}
	.busiContTitle span {
		margin-top: 5.4rem;
		display: block;
	}
	.busiContSTitle {
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.6rem;
		letter-spacing: -0.16px;
	}
	.businesul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.hidtext {
		font-size: 2.4rem;
		line-height: 2.8rem;
		margin-bottom: 1.2rem;
	}
	.busiTlink {
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-family: 'Pretendard';
		font-weight: 400;
	}
	.busiTlink img {
		margin-left: 0.8rem;
		height: 1rem;
		position: relative;
	}
}
/* :::::::::: ================== // business END ================== :::::::::: */


/* :::::::::: ================== NEWS START ~ ================== :::::::::: */
.newsWrap {
    background: #fff;
    padding: 14rem 2rem;
    position: relative;
    overflow: hidden;
    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainnewsInner {
    width: 100%;
    max-width: 156rem;
    margin: 0 auto;
}

.newsContTitle {
    display: flex;
    font-family: Montserrat;
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 9rem;
    letter-spacing: 3.2px;
    margin: 0 0 2rem 0;
    justify-content: flex-start;
    align-items: flex-end;
	
	background: linear-gradient(90deg, #00548A 0%, #01BBD6 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.newsContSTitle{
	display:block;
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
	letter-spacing: -0.22px;
}

.swiper.newslide {overflow: unset; margin-top:8rem;}
.newslide .cusBtnGroup {
	gap: 1rem;
	margin-top:5rem;
    display: flex;
    left: 0;
    transform: inherit;
    position: relative;
    width: 100%;
    padding: 0;
    top: 0;
    justify-content: center;
    align-items: flex-start;
}
.mnewsImg {width: 100%; height: 0; padding-bottom: 66.04%; background: #fff; border-radius: 0.8rem;overflow:hidden;position:relative;}
.mnewsImg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.8rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.mnewsImg img {
    position: absolute;
	z-index:5;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    /* height: auto; */
}

.mainContTitleBox {position:relative;}

.mnewsTitle {
    color: #111;
    font-size: 2.6rem;
    line-height: 3.8rem;
    margin: 3rem 0 1rem;
font-family: 'Pretendard-Medium';
	font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.mainContvm {
    display: flex;
    color: #333;
    text-align: right;
    font-family: "Pretendard-SemiBold";
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: flex-end;
}
.mainContvm img{
	display:inline-block;
	margin-left:2rem;
	height:5.8rem;
}
.mainContvm:hover {text-decoration: underline;}

.mnewsTxt {
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 3rem;
	margin-bottom:3rem;
}
.mnewsdate {font-family: 'Pretendard-SemiBold';
	font-weight: 600;color: rgba(0,0,0,0.3); font-size: 1.6rem; line-height: 2rem;}
.newIcon {z-index:6;width:5.4rem; height:3.2rem; padding:0.8rem; border-radius: 4px; background: #FE7C1F; color: #FFF; text-align: center; font-family: "Pretendard-Bold"; font-size: 1.6rem; line-height:1; position: absolute; left: 1.8rem; top: 1.8rem;}
.swiper.newslide .swiper-slide:hover .mnewsTitle {text-decoration-line: underline;}


@media (max-width:1500px) {
	/* .newsWrap {padding: 17.4rem 0;} */
	.mainContvm {font-size:1.7rem;}
	.mainContvm::before {width: 1.7rem; height: 1.7rem;}
	.mnewsTitle {font-size: 1.8rem; line-height: 2.6rem; margin: 2rem 0 1.4rem;}
	.mnewsTxt {font-size: 1.5rem; line-height: 2.3rem; margin-bottom: 1.6rem;}
}
@media (max-width:1200px) {
	.newsWrap {
		padding: 12rem 2rem;
	}
}
@media (max-width:991px) {
	.newsWrap {
		padding: 10rem 2rem 10rem 2rem;
	}
	.newsContTitle {
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: 2px;
		margin: 0 0 2rem 0;
	}
	.swiper.newslide {margin-top: 5rem;}
	.newIcon {
		width: 4.4rem;
		height: 2.4rem;
		padding: 0.6rem;
		font-size: 1.3rem;
		line-height: 1;
		left: 1.2rem;
		top: 1.2rem;
	}
	.mnewsImg {padding-bottom: 68.8%;}
	.mnewsTitle {font-size: 2rem; line-height: 3rem; margin: 2.5rem 0 1.2rem;}
	.mnewsTxt {line-height: 2.6rem;}
	.mnewsdate {font-size: 1.5rem;
    line-height: 1.8rem;}
	
	.swiper.newslide {overflow: unset;}
	.newslide .cusBtnGroup {width: 100%; padding: 0; top: unset; position: relative; transform: unset; left: unset; margin-top: 4rem; display: flex;}
	
	.cusBtnGroup .bullets.swiper-pagination {top: 50%; left: 50%; width: auto; bottom: unset; transform: translate(-50%, -50%);}
	.cusBtnGroup .bullets .swiper-pagination-bullet {opacity: 1; width: 6px; height: 6px; background: #d9d9d9; margin: 0 0.35rem!important;}
	.cusBtnGroup .bullets .swiper-pagination-bullet-active {opacity: 1; background: #38618C;}
}
@media (max-width:767px) {
	.mainContTitleBox {position: relative; display: flex; flex-direction: column; align-items: center;}
	.mainContvm {top: unset; right: unset; transform: unset; position: relative; font-size: 1.5rem; line-height: 2.2rem; letter-spacing: -0.15px; padding-right: 2.6rem;}
	.newsWrap {
		padding: 8rem 2rem 8rem 2rem;
	}
	.newsContTitle {
		font-size: 3.6rem;
		line-height: 4.6rem;
		letter-spacing: 1.44px;
		margin: 0 0 1rem 0;
	}
	.newsContSTitle{
		text-align: center;
        font-size: 1.6rem;
        line-height: 2.6rem;
        letter-spacing: -0.16px;
	}
	.swiper.newslide {
		margin-top: 4rem;
	}
	.mnewsTitle {font-size: 1.8rem; line-height: 2.8rem; margin: 2rem 0 1rem;}
	.mnewsTxt {font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 2rem;}
	.mnewsdate {font-size: 1.3rem; line-height: 1.5rem; }
	.mainContvm {
		margin-top: 1rem;
		top: unset;
		right: unset;
		transform: unset;
		position: relative;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: -0.1px;
		padding-right: 0;
	}
	.mainContvm img {
		display: inline-block;
		margin-left: 1rem;
		height: 3.8rem;
	}
	.newslide .cusBtnGroup {
		gap: 0.6rem;
		margin-top: 3rem;
	}
}

/* :::::::::: ================== // NEWS END ================== :::::::::: */


