/* ======================================MAIN VISUAL ======================================*/
.maVwrap{
	position:relative;
	width:100%;
	height:80rem;
	background-image: url(../img/main/new_mainBG_0610.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	overflow:hidden;
}
.maVsidebox{
	max-width:1560px;
	padding:0rem 2rem;
	margin:0 auto;
	width:100%;
	height:100%;
	display:flex;
}
.maVtebox {
	z-index:6;
    display: flex;
    /* width: 100%; */
    height: 100%;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}

.mavtitle{
	position:relative;
	display:block;
	text-align: left;
}
.mavtitle img{
	height:7.4rem;
	display:inline-block;
	margin-bottom:3rem;
}
.mavtitle h1{
	display:block;
}
.mavtitle h1 span{
	display:block;
	color: #012C3E;
	text-align: left;
	font-family: 'Pretendard-SemiBold';
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 600;
	line-height:4.2rem;
}
.mavtitle h1 dl{
	margin:1rem 0 0 0;
	display:block;
	color: #012C3E;
	text-align: left;
	font-family: 'Pretendard-Bold';
	font-size: 6.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 8rem;
}
.mavtitle h2{
	margin:3rem 0 0 0;
	display:block;
	color: #012C3E;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
.mavBR{display:none;}
.mavnbtnBox{
	display:flex;
	margin-top:5rem;
}
.mavnbtn{
	width:23rem;
	height:6.4rem;
	margin-right:1rem;
	position:relative;
}
.mavnbtn:last-child{
	margin-right:0rem;
}
.mavnbtn a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid #012C3E;
    color: #012C3E;
    text-align: center;
    font-family: 'Pretendard-Medium';
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
    align-items: center;
    justify-content: center;
}


.mavpersonBox {
    padding: 0 2rem;
    transform: translateX(-50%);
    max-width: 1560px;
    z-index: 5;
    bottom: 0rem;
    left: 50%;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end;
}
.mavperInner {
    bottom: -1rem;
    right: -46rem;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mavper{
	position:relative;
}
.mavper img{
	z-index:4;
	max-width:100%;
	position:relative;
}
.pcperi{display:inline-block;}
.moperi{display:none;}
.mavper:nth-child(1){
	z-index:5;
}
.mavper:nth-child(2) {
    left: -31rem;
    z-index: 4;
}

.mavper:nth-child(1) .mvperinfo{
	left:0rem;
	top:15rem;
}
.mavper:nth-child(2) .mvperinfo {
    right: 13rem;
    top: 10rem;
}
.mvperinfo{
	z-index:5;
	position:absolute;
	display:block;
	text-align:center;
}
.mvperinfo dl{
	display:block;
	text-align:center;
	color: #111;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
	opacity: 0.5;
}
@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.mvperinfo span{
	margin:0.6rem 0 1.2rem 0;
	display:block;
	text-align:center;
	color: #111;
	font-family: 'MaruBuri-Regular';
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4rem;
	letter-spacing: 4.8px;
}
.mvperinfo a{
	display:inline-block;
	text-align:center;
	padding: 0.6rem 2rem;
	border-radius: 99px;
	background: #FFF;
	color: #111;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}

.mo_personimg{display:none;}
@media (max-width:1500px) {
	.maVwrap {
		height: 68rem;
	}
}
@media (max-width:1400px) {
	.mavperInner {
		right: -69rem;
	}
	.mavper img {
		max-width: 80%;
	}
	.mavper:nth-child(2) {
		left: -46rem;
		z-index: 4;
	}
	.mavper:nth-child(2) .mvperinfo {
		right: 26rem;
		top: 10rem;
	}
}
@media (max-width:1200px) {
	.mavtitle h1 span {
		font-size: 3rem;
		line-height: 4rem;
	}
	.mavtitle h1 dl {
		margin: 1rem 0 0 0;
		font-size: 6rem;
		line-height: 7rem;
	}
	.mavtitle h2 {
		margin: 2rem 0 0 0;
		font-size: 1.85rem;
		line-height: 3.2rem;
	}
	
	.mavperInner {
		right: -62rem;
	}
	.mavper img {
		max-width: 90%;
	}
	.mavper:nth-child(1) .mvperinfo {
		left: 3rem;
		top: 9rem;
	}
	.mavper:nth-child(2) {
		left: -40rem;
		z-index: 4;
	}
	.mavper:nth-child(2) .mvperinfo {
		right: 21rem;
		top: 5rem;
	}
}
@media (max-width:991px) {
	.maVwrap {
		background-position: bottom center;
		padding: 10rem 0 0 0;
		height: auto;
		overflow: hidden;
	}
	.maVsidebox {
		padding: 0rem 2rem;
		display: block;
	}
	
	
	.mavtitle img {
		height: 6.4rem;
		display: inline-block;
		margin-bottom: 2rem;
	}
	.mavtitle h1 span {
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.mavtitle h1 dl {
		margin: 1rem 0 0 0;
		font-size: 5.4rem;
		line-height: 6rem;
	}
	.mavtitle h2 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3.6rem;
	}
	.mavnbtnBox {
		margin-top: 4rem;
	}
	.mavnbtn {
		width: 21rem;
		height: 5.4rem;
		margin-right: 1rem;
	}
	.mavnbtn a {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	
	
	.mavpersonBox {
		padding: 6rem 0 0 0;
		position: relative;
		transform: inherit;
		bottom: 0rem;
		left: inherit;
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.mavperInner {
		width: auto;
		right: inherit;
		position: relative;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-direction: row;
	}
	.pcperi{display:none;}
	.moperi{display:inline-block;}
	.mavper:nth-child(1) {
		right: -5rem;
	}
	.mavper:nth-child(2) {
		left: -7rem;
	}
	.mavper:nth-child(1) .mvperinfo {
		left: -1rem;
		top: 6rem;
	}
	.mavper:nth-child(2) .mvperinfo {
		right: -2rem;
		top: 2rem;
	}
	.mavper img {
		max-width: 100%;
	}
}
@media (max-width:767px) {
	.maVwrap{
		padding: 4rem 0 0 0;
		background-image: url(../img/main/new_mainBG_0610_mo.webp);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.maVtebox {
		justify-content: center;
		align-items: center;
	}
	.mavtitle img {
		height: 3.4rem;
		margin-bottom: 1.2rem;
	}
	.mavtitle {
		text-align: center;
	}
	.mavtitle h1 dl {
		text-align: center;
		margin: 0.6rem 0 0 0;
		font-size: 2.8rem;
		line-height: 4.2rem;
	}
	.mavtitle h1 span {
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.7rem;
	}
	.mavtitle h2 {
		margin: 1.2rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.mavBR{display:block;}
	.mavnbtnBox {
		margin-top: 2rem;
	}
	.mavnbtn {
		width: 14.8rem;
		height: 4rem;
		margin-right: 0.5rem;
	}
	.mavnbtn a {
		border-radius: 4px;
		border: 1px solid #012C3E;
		background: #FFF;
		font-size: 1.4rem;
		line-height: 3.4rem;
	}
	
	
	.mavpersonBox {
		padding: 3rem 0 0 0;
	}
	.mvperinfo dl {
		font-size: 1rem;
		line-height: 1.43rem;
	}
	.mvperinfo span {
		margin: 0.3rem 0 0.8rem 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
		letter-spacing: 2.4px;
	}
	.mvperinfo a {
		padding: 0.6rem 1rem;
		font-size: 1.1rem;
		line-height: 1.34rem;
	}
	
	
	.mavper:nth-child(1) {
		right: -5rem;
	}
	.mavper:nth-child(2) {
		left: -5rem;
	}
	.mavper:nth-child(1) .mvperinfo {
		left: 0rem;
		top: 7.4rem;
	}
	.mavper:nth-child(2) .mvperinfo {
		right: 0rem;
		top: 4.4rem;
	}
}
@media (max-width:500px) {
	.maVsidebox {
		padding: 0;
	}
	.mavpersonBox {
		margin-top: -14rem;
		display: block;
		padding: 3rem 0 0 0;
	}
	.mo_personimg {
		bottom: -14rem;
		position: relative;
		width: 100%;
		display: block;
	}
	.mo_personimg img{
		max-width:100%;
	}
	
	.mavper img{display:none;}
	
	.mavperInner {
		padding: 0 2rem;
		height: auto;
		top: 24rem;
		position: absolute;
		display: block;
		width: 100%;
	}
	.mavper:nth-child(1) .mvperinfo {
		left: 0rem;
		top: 0rem;
	}
	.mavper:nth-child(2) .mvperinfo {
		right: 0rem;
		top: 0rem;
	}
	.mavper:nth-child(1) {
		right: 0rem;
	}
	.mavper:nth-child(2) {
		left: 0rem;
	}
}
@media (max-width:410px) {
	.mavpersonBox {
		margin-top: -12rem;
		padding: 3rem 0 0 0;
	}
	.mo_personimg {
		bottom: -12rem;
	}
	.mavperInner {
		top: 22rem;
	}
}
/* ======================================// MAIN VISUAL ======================================*/


/* ====================================== MAIN banner ======================================*/
.mainBannerWrap {position:relative; width:100%; height:auto; overflow:hidden; background:#fff;}
.mainBannerWrap .bannerMainInner {
	    width: 100%;
    max-width: 140rem;
    margin: 0 auto;
    padding: 12rem 2rem;
}
.banh2{
	position:relative;
	display: block;
	margin-bottom:4rem;
}
.banh2 h2{
	display: block;
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 5.4rem;
}
.MainBannerCont {position:relative;}


.swiper.mainBannerSwiper {    overflow: unset;border-radius: 1.3rem;}

.mainBannerWrap .swiper-button-prev, .mainBannerWrap .swiper-button-next {width:6rem; height:6rem; position:relative;margin:0; padding:0; left: unset; right: unset; top: unset; bottom: unset;}
.mainBannerWrap .swiper-button-prev:after, .swiper-rtl .mainBannerWrap .swiper-button-prev:after {content: '';}
.mainBannerWrap .swiper-button-next:after, .swiper-rtl .mainBannerWrap .swiper-button-next:after {content: '';}
.mainBannerWrap .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1!important;}
.mainBannerWrap .swiper-button-prev.swiper-button-disabled {background:url(../img/main/mainBannerBtnLeft.png) no-repeat center / cover;}
.mainBannerWrap .swiper-button-next.swiper-button-disabled {background:url(../img/main/mainBannerBtnRight.png) no-repeat center / cover;}

.mainBannerWrap .swiper-button-prev {background:url(../img/main/mainBannerBtnLeftH.png) no-repeat center / cover;}
.mainBannerWrap .swiper-button-next {background:url(../img/main/mainBannerBtnRightH.png) no-repeat center / cover;}

.mainBannerWrap .swiper-button-prev {position: absolute; left: 3rem; top: 50%; transform: translateY(-50%) translateX(-100%);}
.mainBannerWrap .swiper-button-next {position: absolute; right: 3rem; top: 50%; transform: translateY(-50%) translateX(100%);}

.mainBannerWrap .bannerMainInner .swiper-pagination {
    width: auto!important;
    transform: inherit!important;
    margin-top: 0rem;
    position: absolute!important;
	right: 0rem;
    top: -8rem!important;
    margin: 0;
    border-radius: 99px;
    background: #FFF;
    height: 2.6rem;
    display: flex;
    align-items: center;
    padding: 0 0.6rem;
}
.mainBannerWrap .bannerMainInner .swiper-pagination-bullet {opacity: 1; width: 8px; height: 8px; margin: 0 0.6rem!important; background: rgba(0,0,0,0.2);}
.mainBannerWrap .bannerMainInner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #111!important; opacity: 0.9;}

.swiper.mainBannerSwiper .swiper-slide {
    height: auto;
    /* padding: 9rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
	/* background:#FFF; */
}
.mainBSInner {
    height: 40rem;
    display: flex;
    padding: 0rem;
    position: relative;
	    overflow: hidden;
	border-radius: 1.3rem;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #FFF;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}
/* .swiper.mainBannerSwiper .swiper-slide:nth-child(1) .mainBSInner {background:url(../img/main/mainBanner05.jpg) no-repeat center / cover;} */
/* .swiper.mainBannerSwiper .swiper-slide:nth-child(2) .mainBSInner {background:url(../img/main/mainBanner02.jpg) no-repeat center / cover;} */
/* .swiper.mainBannerSwiper .swiper-slide:nth-child(3) .mainBSInner {background:url(../img/main/mainBanner03.jpg) no-repeat center / cover;} */
/* .swiper.mainBannerSwiper .swiper-slide:nth-child(4) .mainBSInner {background:url(../img/main/mainBanner04.jpg) no-repeat center / cover;} */
/* .swiper.mainBannerSwiper .swiper-slide:nth-child(5) .mainBSInner {background:url(../img/main/mainBanner05.jpg) no-repeat center / cover;} */

/* .mainBSbg { */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* width: 100%; */
    /* height: 100%; */
    /* transform: translate(-50%,-50%); */
    /* z-index: 1; */
/* } */
.mainBSbg {
    position: relative;
    left: inherit;
    top: inherit;
	width: 57%;
    height: 100%;
    transform: inherit;
    z-index: 1;
}
.mainBSbg img {
    transform: translateX(-50%);
    top: 0rem;
    left: 50%;
    position: absolute;
    width: auto;
    height: 100%;
    vertical-align: bottom;
}
.mainBSTxtBox {
    display: flex;
    height: 100%;
	width: 43%;
    background: #fff;
    padding: 0 9rem;
    z-index: 2;
    position: relative;
    align-items: center;
    justify-content: flex-start;
}


.mbsTitle {color: #111; font-family: "Pretendard-Bold"; font-size: 4rem; line-height: 5.4rem;}
.mbsTxtlist {margin:2rem 0 3.4rem; min-height:6rem;} 
.mbsTxt {color: #111; font-family: Pretendard; font-size: 1.8rem; line-height: 3rem;}

.mbsVmore {
    color: #222;
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    /* box-sizing: border-box; */
}
.mbsVmore p {
    border-radius: 99px;
    border: 1px solid #111;
    background: #FFF;
    padding: 1.1rem 3rem;
    display: inline-block;
}

@media (max-width:1550px) {
	.mainBannerWrap .swiper-button-next {right: 0rem; transform: translateY(-50%) translateX(60%);}
	.mainBannerWrap .swiper-button-prev {left: 0rem; transform: translateY(-50%) translateX(-60%);}
}
@media (max-width:1400px) {
	.mainBannerWrap .bannerMainInner {
		padding: 10rem 2rem;
	}
	.mainBSTxtBox {
		padding: 0 6rem;
	}
}
@media (max-width:1200px) {
	.mainBannerWrap .bannerMainInner {
		padding: 10rem 4rem;
	}
}

@media (max-width:991px) {
	.mainBannerWrap .bannerMainInner {
		padding: 8rem 4rem;
	}
	.mainBSInner {
		height: auto;
		flex-direction: column-reverse;
		padding: 0;
		position: relative;
	}
	.mainBSTxtBox {
		width: 100%;
		padding: 4rem 3rem;
	}
	.mainBSbg {
		position: relative;
		left: unset;
		top: unset;
		width: 100%;
		height: auto;
		transform: unset;
		z-index: 1;
	}
	.mainBSbg img {
		transform: inherit;
		top: 0rem;
		left: inherit;
		position: relative;
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	
	.mainBannerWrap .bannerMainInner .swiper-pagination {
		margin: 2rem 0 0 0;
		justify-content: center;
		right: inherit;
		top: inherit!important;
		position: relative!important;
	}
	
	.mbsTitle {
		font-size: 2.8rem;
		line-height: 4rem;
		margin-top: 0rem;
	}
	
	.mbsTxt {
		color: #111;
		font-family: Pretendard;
		font-size: 1.7rem;
		line-height: 3rem;
	}
	.mbsTxtlist {
		margin: 1rem 0 2rem;
		min-height:5rem;
	}
	.mbsVmore {
		font-size: 1.4rem;
		line-height: 3rem;
		width: 100%;
	}
	
	.mbsVmore p {
		border-radius: 4px;
		display: block;
		text-align: center;
		padding: 0.6rem 3rem;
	}


	/* .mainBannerWrap .swiper-button-prev, .mainBannerWrap .swiper-button-next {display:none;} */
	.mainBannerWrap .swiper-button-prev, .mainBannerWrap .swiper-button-next {
		width: 5.4rem;
		height: 5.4rem;
	}
	.mainBannerWrap .swiper-button-next {
		top: -9.4rem;
		right: 0rem;
		transform: inherit;
	}
	.mainBannerWrap .swiper-button-prev {
		top: -9.4rem;
		right: 6.4rem;
		left: inherit;
		transform: inherit;
	}
	.swiper.mainBannerSwiper {
		border-radius: 1.3rem;
		overflow: unset;
	}

}
@media (max-width:767px) {
	.mainBannerWrap .bannerMainInner {
		padding: 6rem 2rem;
	}
	.banh2 {
		margin-bottom: 3rem;
	}
	.banh2 h2 {
		font-size: 2.6rem;
		line-height: 4rem;
	}
	.mainBannerWrap .swiper-button-prev, .mainBannerWrap .swiper-button-next {
		width: 4rem;
		height: 4rem;
	}
	.mainBannerWrap .swiper-button-next {
		top: -7rem;
		right: 0rem;
		transform: inherit;
	}
	.mainBannerWrap .swiper-button-prev {
		top: -7rem;
		right: 4.4rem;
		left: inherit;
		transform: inherit;
	}
	.mainBannerWrap .bannerMainInner .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 0.4rem!important;
	}
	
	
	.mainBSInner {
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
		border-radius: 0.8rem;
	}
	.mainBSTxtBox {
		padding: 2rem;
	}
	.mbsTitle {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.mbsTxt {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.mbsTxtlist {
		margin: 1rem 0 2rem;
		min-height: auto;
	}
	.mbsVmore {
		font-size: 1.4rem;
		line-height: 3rem;
		width: 12rem;
	}
	.mbsVmore p {
		border-radius: 4px;
		padding: 0.6rem 2rem;
	}
}


/* ======================================// MAIN banner ======================================*/


.MainWrap {width:100%; position:relative; margin-top: 9.2rem;}

#mainV {width:100%; height:auto; overflow:hidden;}

.MainInner {width:100%; max-width:140rem; margin:0 auto; padding:12rem 2rem;}

.slideBox {display: flex; width: 100%; justify-content: space-between;}
.slide_figure {
	cursor:pointer;
    width: 100%;
    max-width: 65.5rem;
    position: relative;
    overflow: hidden!important;
	padding-bottom: 32.2%;
	border-radius:1.3rem;
}
.slide_figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.3rem;
    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;
}
.slide_figure img {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* max-width: 100%; */
}

.slideTxtBox {
    padding: 3.8rem 0 3.8rem 0rem;
    width: 64.7%;
    max-width: 62.5rem;
	margin-left: 8rem;
}

.category {
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #F04E4A;
    margin-bottom: 2rem;
}

.slideTitle {
	font-family: 'Pretendard-Bold';
	font-size: 4.6rem;
	line-height: 6rem;
	margin-bottom:2rem;
	color:#222;
	
	display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slideTxt {
    font-family: "Pretendard";
    font-size: 1.8rem;
    line-height: 3rem;
    color: #555;
	
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.readmore {
	font-family: 'Pretendard-SemiBold';
	font-size: 1.5rem;
	line-height: 3.4rem;
	padding:0.8rem 3.6rem;
	color:#fff;
	margin-top:3.6rem;
	
	background: linear-gradient(0deg, #F04E4A, #F04E4A), #FFFFFF;
	border: 1px solid #F04E4A;
	border-radius: 99px;
	display: inline-block;
}

/* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { */
    /* bottom: inherit!important; */
    /* top: inherit!important; */
    /* left: 0!important; */
    /* width: 100%!important; */
    /* position: relative!important; */
    /* transform: inherit!important; */
	/* margin-top:5rem; */
/* } */
.MainInner .swiper-pagination {
    bottom: inherit!important;
    top: inherit!important;
    left: 0!important;
    width: 100%!important;
    position: relative!important;
    transform: inherit!important;
	margin-top:5rem;
}

.MainInner .swiper-pagination-bullet {
	opacity: 1;
    width: 6px;
    height: 6px;
	margin:0 0.7rem!important;
    background: rgba(0,0,0,0.2);
}

.MainInner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F04E4A;
}

@media (max-width:1400px) {
	
}

@media (max-width:991px) {
	#mainV {
		padding-top: 3rem;
	}
	.MainWrap {margin-top:5rem;}
	.MainInner {padding: 2rem 2rem 6rem;}
	
	.slideBox {flex-direction: column;}
	.slide_figure {
		padding-bottom: 46.5%;
		width: 70%;
		max-width: inherit;
	}

	.slideTxtBox {
		padding: 2rem 1rem 2rem 1rem;
		width: 100%;
		max-width: inherit;
		margin-left: 0;
	}
	
	.topSlide {overflow:unset!important;}
	.category {font-size: 1.3rem; line-height: 1.6rem; margin-bottom: 1.2rem;}
	.slideTitle {font-size: 2.6rem; line-height: 3.4rem; margin-bottom: 1.2rem;}
	.slideTxt {font-size: 1.4rem; line-height: 2.4rem;}
	.readmore {font-size: 1.3rem; line-height: 3.4rem; padding: 0.5rem 2.6rem; margin-top: 2.6rem}
	
	.MainInner .swiper-pagination  {margin-top:1.6rem;}
}
@media (max-width:767px) {
	#mainV {
		padding-top: 0rem;
	}
	.slide_figure {
		padding-bottom: 66.5%;
		width: 100%;
		max-width: inherit;
	}
}

/* 인기 게시물 START ~ */
.popularContWrap {background:#f8f8f8;}
.popularContWrap .MainInner {padding:12rem 2rem 6rem 2rem;}

.WrapTitle {
    display: flex;
    position: relative;
    font-family: 'Pretendard-Bold';
    font-size: 4rem;
    font-weight: 700;
    line-height: 5.4rem;
    color: #222;
    justify-content: flex-start;
    align-items: center;
}

.wratiBtn {
    margin-left: 2rem;
    position: relative;
	top: -0.8rem;
    /* right: 0; */
    /* top: 0; */
}
.wratiBtn a {
    display: inline-block;
    text-align: center;
    padding: 0.2rem 1.6rem;
    border-radius: 99px;
    background: #14335A;
    color: #fff;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
}

.wrapCont {
    display: flex;
    flex-wrap: wrap;
	margin-top: 4rem;
    justify-content: space-between;
}

.p_contBox {width: calc(33.333333333% - 2.5rem); position:relative; margin-bottom:6rem;}
/* .p_contBox_figure {width:100%; height:auto; */

/* } */
/* .p_contBox_figure img {width:100%; height:auto; border-radius: 1.3rem;} */

.p_contBox_figure {
	cursor:pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
	padding-bottom: 66.2%;
	overflow:hidden;
	border-radius:1.3rem;
}
.p_contBox_figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.3rem;
    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;
}
.p_contBox_figure img {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
/* .p_contBox_figure img { */
    /* z-index: 5; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
/* } */


.hot {
	z-index: 20;
	font-family: 'Pretendard-ExtraBold';
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
	color:#fff;
	
	padding:0.3rem 1.2rem;
	background: #F04E4A;
	border-radius: 4px;
	display: inline-block;
	
	position:absolute;
	left:1.2rem;
	top:1.2rem;
}

.p_contTxtBox {
    display: flex;
    margin-top: 4rem;
	flex-direction: column;
}
.p_category {
	font-family: 'Pretendard-Bold';
	line-height: 2.8rem;
	font-size: 1.7rem;
	color: #012C3E;
}

.p_contTitle {
    font-family: 'Pretendard-Bold';
    font-size: 2.6rem;
    line-height: 3.4rem;
    color: #222;
    margin: 1rem 0 3rem;
}
.p_contDate {
	font-family: 'Pretendard';
	font-size: 1.5rem;
	line-height: 2.4rem;
	color:#999;
}

.p_contBox:hover .p_contTitle {
	text-decoration:underline;
}
@media (max-width:1400px) {
	.popularContWrap .MainInner {
		padding: 10rem 2rem 4rem;
	}
}

@media (max-width:991px) {
	.popularContWrap .MainInner {
		padding: 8rem 2rem 4rem 2rem;
	}
	.WrapTitle {
		font-size: 3.6rem;
		line-height: 5rem;
	}
	.wrapCont {
		margin-top: 4rem;
	}
	.p_contBox {
		width: calc(50% - 2rem);
		position: relative;
		margin-bottom: 4rem;
	}
	.p_contTxtBox {
		margin-top: 2rem;
	}
	.p_category {
		line-height: 1.6rem;
		font-size: 1.3rem;
	}
	.p_contTitle {
		font-size: 2.2rem;
        line-height: 2.8rem;
		margin: 1rem 0 2rem;
	}
	.p_contDate {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

@media (max-width:767px) {
	.popularContWrap .MainInner {padding: 6rem 2rem 6rem;}

	.wrapCont {margin-top: 3rem; justify-content: space-between; flex-direction: column;}
	.p_contBox {width: 100%; margin-bottom: 4rem;}
	.p_contBox:last-child {margin-bottom:0;}
	
	.WrapTitle {font-size: 2.6rem; line-height: 4rem;}
	.wratiBtn {
		margin-left: 1.2rem;
		top: -0.4rem;
	}
	.wratiBtn a {
		padding: 0.2rem 1.4rem;
		font-size: 1.4rem;
		line-height: 2.8rem;
	}
	
	.hot {font-size: 1.1rem; line-height: 1.6rem; padding: 0.3rem 0.8rem; left: 1rem; top: 1rem;}
	
	.p_contTxtBox {display: flex; margin-top: 2rem;}
	
	.p_category {line-height: 1.6rem; font-size: 1.3rem;}
	
	.p_contTitle {font-size: 2rem; line-height: 2.8rem; margin: 1rem 0 1rem;}
	.p_contDate {font-size: 1.1rem; line-height: 1.8rem;}
}

/* // ~ 인기 게시물 END*/

/* 신규 게시물 START ~ */
.newContWrap {background:#FFF;}
.newContWrap .MainInner {
    padding: 12rem 2rem 6rem;
}
.new {
	z-index: 20;
	font-family: 'Pretendard-ExtraBold';
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
	color:#fff;
	
	padding:0.3rem 1.2rem;
	background:#FF9900;
	border-radius: 4px;
	display: inline-block;
	
	position:absolute;
	left:1.2rem;
	top:1.2rem;
}
@media (max-width:1400px) {
	.newContWrap .MainInner {
		padding: 10rem 2rem 4rem;
	}
}
@media (max-width:991px) {
	.newContWrap .MainInner {
		padding: 8rem 2rem 4rem 2rem;
	}
	.new {left: 1rem; top: 1rem; font-size: 1.1rem; line-height: 1.6rem; padding: 0.3rem 0.7rem;}
}
@media (max-width:767px) {
	.newContWrap .MainInner {
		padding: 6rem 2rem 6rem 2rem;
	}
}
/* // ~ 신규 게시물 END*/


/* 해시태그 START ~ */
/* .tagContWrap {background:#f8f8f8;} */
.tagContWrap{
	background: #fff;
}
.tagContWrap .MainInner {padding:12rem 2rem 6rem;}

/* 탭 메뉴 */

.tagCont {margin-top:4rem;}
.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tabs li {
    display: inline-flex;
    color: white;
    padding: 1.3rem 2.7rem;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 99px;
    box-sizing: border-box;
    margin-right: 0.8rem;
	color:#222;
}
.tabs li.current{color: #FFF; background: #012C3E; border: 1px solid #012C3E;}
.tabs li.current .tagCount {color:#FFF;}

.tabs li:last-child {margin-right:0;}

.tab-content{display: none;}
.tab-content.current{display: inherit;}

.tagTxt	{
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	line-height: 3rem;
}


.tagCount {
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	line-height: 3rem;
	margin-left:0.2rem;
	color:#222;
}

.tabContGroup {margin-top:4rem;}

.tabCont {
    /* display: flex; */
    /* justify-content: flex-start; */
    /* flex-wrap: wrap; */
	
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tabContBox {
	width: calc(33.333333333% - 2.5rem);
    position: relative;
    margin-bottom: 6rem;
	
    /* width: calc(100% / 3 - 3.34rem); */
    /* margin-right: 5rem; */
    /* margin-bottom: 6rem; */
}

.tabContBox:nth-child(3n) {margin-right:0;}

.t_category {
    font-family: 'Pretendard-Bold';
    line-height: 2.8rem;
    font-size: 1.7rem;
    color: #012C3E;
}

.t_contTitle {
    font-family: 'Pretendard-Bold';
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin: 1rem 0 3rem;
	color: #222;
}

.t_contDate {
    font-family: 'Pretendard';
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #999;
}

.tabContBox:hover .t_contTitle {text-decoration:underline;}

@media (max-width:1400px) {
	.tagContWrap .MainInner {
		padding: 10rem 2rem 4rem;
	}
}
@media (max-width:1200px) {
	/* .tabContBox { */
		/* width: calc(100%/3 - 2rem); */
		/* margin-right: 4rem; */
		/* margin-bottom: 7rem; */
	/* } */
}

@media (max-width:991px) {
	.tagContWrap .MainInner {padding: 8rem 2rem 4rem 2rem;}
	
	.tagCont {margin-top: 3rem;}
	
	.tabsvw {
		width: 100%;
		overflow-y: scroll;
	}
	.tabs {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-direction: row;
		width: 700px;
	}
	.tagCount {font-size:1.4rem;}
	
	.tabContBox {
		width: calc(50% - 2rem);
        position: relative;
        margin-bottom: 4rem;
		
		/* width: calc(100%/2 - 2rem); */
		/* margin-right: 4rem; */
		/* margin-bottom: 7rem; */
	}
	/* .tabContBox:nth-child(2n) { */
		/* margin-right: 0; */
	/* } */
	/* .tabContBox:nth-child(3n) { */
		/* margin-right: 4rem; */
	/* } */
	/* .tabCont {flex-direction: column;} */
	/* .tabContBox {width: 100%; margin-right: 0; margin-bottom: 4rem;} */
	/* .tabContBox:last-child {margin-bottom:0;} */
	
	.t_category {font-size: 1.3rem; line-height: 1.6rem;}
	.t_contTitle {font-size: 2.2rem; line-height: 2.8rem; margin: 1rem 0 1rem;}
	.t_contDate {font-size: 1.1rem; line-height: 1.8rem;}
	
	.tagTxt {font-size: 1.5rem; line-height: 3rem;}
	.tabs li {padding:0.8rem 2.2rem; margin-right:0.4rem;}
}
@media (max-width:767px) {
	.tagContWrap .MainInner {
		padding: 6rem 2rem 6rem 2rem;
	}
	.tabContGroup {
		margin-top: 3rem;
	}
	.tabCont {flex-direction: column;}
	.tabContBox {width: 100%; margin-right: 0; margin-bottom: 4rem;}
	.tabContBox:last-child {margin-bottom:0;}

}

/* // ~ 해시태그 END*/

/* 클라이언트 */
#partners {overflow:hidden; }
#partners .WrapTitle{display:block;margin-bottom:6rem;}
#partners .MainInner {padding: 12rem 2rem 12rem 2rem;}
/* .clientSlideWrap {margin-top:6rem;} */
.overseas {
    margin-bottom: 2rem;
}
.partSwiper {overflow: unset!important;}
.mpartnerImg {width:; height:auto; mix-blend-mode: multiply;}
.mpartnerImg img {
    width: 100%;
    height: auto;
    border-radius: 0.6rem;
    background: #FFF;
    overflow: hidden;
}
.partSwiper .swiper-wrapper {transition-timing-function: linear;}
.partSwiper02 {margin-top:3rem;}
@media (max-width:1400px) {
	#partners .MainInner {
		padding: 10rem 2rem 10rem 2rem;
	}
}
@media (max-width:991px) {
	#partners .MainInner {
		padding: 8rem 2rem 8rem 2rem;
	}
}
@media (max-width:767px) {
	#partners .MainInner {
    padding: 6rem 2rem 6rem 2rem;
}
	#partners .WrapTitle{display:block;margin-bottom:3rem;}
	.overseas {margin-bottom: 2rem;}
	.mpartnerImg img {width: 100%; border-radius: 0.6rem;}
}
/* // ~ 클라이언트 */



.ippcmapBox {
	overflow:hidden;
    height: 76rem;
    position: relative;
    width: 100%;
}
.ippcmapSidebox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 6;
    max-width: 1400px;
    padding: 0 2rem;
}
.ippcinfomap img{
	border-radius: 1rem;
	background: #FFF;
	box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.25);
	height:42.7rem;
}
.ippcmap img {
    transform: translateX(-50%);
    left: 50%;
    width: auto;
    height: 100%;
    position: absolute;
	z-index:5;
    /* max-width: 100%; */
}
.pcmapinfo{display:block;}
.momapinfo{display:none;}
@media (max-width:991px) {
	.ippcinfomap img {
		height: 32.7rem;
	}
	.ippcmapBox {
		height: 50rem;
	}
}
@media (max-width:700px) {
	
	.pcmapinfo{display:none;}
	.momapinfo{display:block;}
	.ippcmapBox {
		height: auto;
	}
	.ippcmap img {
		transform: inherit;
		left: inherit;
		width: 100%;
		height: auto;
		position: relative;
		z-index: 5;
		/* max-width: 100%; */
	}
	
	
	.ippcmapSidebox {
		bottom: 1.2rem;
		position: absolute;
		top: inherit;
		left: inherit;
		-webkit-transform: inherit;
		transform: inherit;
		width: 100%;
		z-index: 6;
		max-width: 1400px;
		padding: 0 1.2rem;
	}
	.ippcinfomap img{
		height:auto;
		max-width:100%;
		border-radius: 3.996px;
		background: #FFF;
		box-shadow: 33.304px 33.304px 66.607px 0px rgba(0, 0, 0, 0.20);
	}
}