.mainWrap{
	overflow:hidden;
	position:relative;
	width:100%;
	height:100vh;
}

/*-----------------------------------------
# 메인 비주얼
-------------------------------------------*/
.mainVinner{
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	background-image: url(/public/img/main/mainv_test.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mainV_SideBox {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    /* max-width: 192rem; */
    padding: 0 3rem;
    position: Relative;
    /* margin: 0 auto; */
}
.mainV_items {
    width: 100%;
	
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 30px;
}
.mainlogo{
	grid-column: span 4;
	position:Relative;
}
.mainlogo img{
	height:3.5rem;
}
.mainitemBox{
	position:Relative;
	grid-column: span 4;
}
.mainvTitle p:before {
	margin: 0 0 3.2rem 0;
    display: inline-block;
    content: '';
    position: Relative;
    width: 16px;
    height: 16px;
    background-image: url(/public/img/main/mainvtitle_icon.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mainvTitle p {
    display: flex;
    margin: 0 0 3.2rem 0;
    color: #F9F9F9;
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    flex-direction: column;
}

.mainvh1{
	position:Relative;
}
.mainvh1 p{
	margin:0 0 1.4rem 0;
	text-align:left;
	color: #F9F9F9;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.5rem;
}
.mainvh1 h1{
	text-align:left;
	margin:0;
	color: #F9F9F9;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.5rem;
}
.macontInfo h2{
	text-align:left;
	margin:0 0 1.4rem 0;
	color: #F9F9F9;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.5rem;
}
.macontInfo a{
	margin:0.8rem 0 0 0;
	display:block;
	text-align:left;
	color: #F9F9F9;
	font-family: pretendard-600;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
@media screen and (max-width: 1600px) {
	.mainV_SideBox {
		padding: 0 2rem;
	}
	/* .mainlogo { */
		/* width: 30%; */
	/* } */
	/* .mainitemBox { */
		/* width: 40%; */
	/* } */
}
@media screen and (max-width: 1200px) {
	.mainlogo {
		grid-column: span 4;
	}
	.mainitemBox {
		grid-column: span 4;
	}
}

@media screen and (max-width: 991px) {
	.mainlogo {
		display:none;
	}
	.mainitemBox {
		grid-column: span 6;
	}
}
@media screen and (max-width: 767px) {
	.mainWrap {
		/* height: calc(100vh - 6rem); */
	}
	
	.mainV_items {
		gap:6rem;
		width: 100%;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.mainitemBox{
		width:100%;
	}
	.mainitemBox:last-child {
		padding: 0;
	}
	
	.mainvTitle p:before {
		margin: 0 0 1.6rem 0;
		width: 12px;
		height: 12px;
	}
	.mainvTitle p {
		margin: 0 0 1.6rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: 0.7px;
	}
	.mainvh1 p{
		margin: 0 0 0.6rem 0;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	.mainvh1 h1 {
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	.macontInfo h2{
		margin: 0 0 0.6rem 0;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	.macontInfo a {
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}