header {display: none;}

.mo_only {display:none!important;}

@media (max-width:768px) {
	.pc_only {display:none!important;}
	.mo_only {display:block!important;}
}


.introWrap {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
}

.introInner {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.introLeft {
    width:50%;
    height: 100%;;
    background: url(../images/home/home_yellowBg.png) no-repeat center/cover;
}

.introRight {
    width:50%;
    height: 100%;;
    background: url(../images/home/home_whiteBg.png) no-repeat center/cover;
}

.introInnerCont {
    height: auto;
    position: relative;
    left: unst;
    top: unset;
    transform: unst;
    width: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.introTitleBox {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.introContBox {
    display: flex;
    margin-top: 7.605%;
    width: 100%;
    justify-content: center;
}

.introTitle {
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #FFF;
    padding: 1.6rem 3.5rem 1.6rem 3.3rem;
    border-radius: 7rem;
    background: #111111;
    font-weight: 400;
    display: inline-block;
    font-family: "Pretnedard";
}

.introStxtBox {
    margin-top: 4rem;
    width: 31.82%;
    min-width: 61.1rem;
}
.introStxtBox img {
    width:100%;
    height:auto;
}

.introBox {
    padding: 6.2rem 2rem 3.9rem;
    border-radius: 4rem;
    border: 5px solid #111111;
    flex-direction: column;
    align-items: center;
    background: #FFF;
    display: inline-flex;
    margin-right: 6.72%;
    justify-content: center;
    width: 53rem;
    margin-right:12.9rem;
}

.intB.introBox {
    margin-right:0;
    margin-left:6.72%;
    margin-left:12.9rem;
}

.introBLogo {
	width:100%;
    max-width:33.6rem;
    height: auto;
}

.introBLogo img {
    width:100%;
    height: auto;
}

.introBTitle {
    font-size: 6rem;
    letter-spacing: -0.02em;
    color: #111;
    margin: 2.5rem 0 3rem;
}
.goBtn {
    font-size:3.4rem;
    color:#111;
    padding:1.2rem 4rem 1.3rem 3.8rem;
    background: #ffba23;
    border-radius: 2.8rem;
}

.intB.introBox {background:#ffba23;}
.intB .goBtn  {background: #111111; color:#FFF;}


@media (max-width:1200px) {
	
	.introInnerCont {
		width: 100%;
		padding: 0 6rem;
	}


	.intB.introBox {

		margin-left: 6rem;
	}

	.introBox {
		width:100%;
	}
}


@media (max-width:768px) {
	
	.introWrap {
		width: 100%;
		height: auto;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	
	
	.introInnerCont {
		width: 100%;
		height: auto;
		padding: 0 5.2000vw;
		min-height: 100vh;
	}
	
	.introBox {
		padding: 8vw 2rem 5.0667vw;
	}
	
	.introBTitle {
		font-size: 7.8187vw;
		margin: 3.4667vw 0 4vw;
	}
	
	
	.goBtn {
		font-size: 4.4293vw;
		padding: 1.6000vw 5.0667vw;
		border-radius: 2.8rem;
	}
		
		
	.introTitle {
		font-size: 4.1680vw;
		line-height: 1;
		letter-spacing: -0.05em;
		color: #FFF;
		padding: 2.1333vw 4.2667vw;
		border-radius: 3rem;
		background: #111111;
		font-weight: 400;
		display: inline-block;
		font-family: "Pretnedard";
		font-weight: 400;
		margin-top: 11.7333vw;
	}
				
	.introInner {
		display: flex;
		height: 100%;
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: -1;
		flex-direction: column;
	}
	
	.introLeft {
		width: 100%;
		height: 100%;
		background: url(../images/home/home_yellowBg.png) no-repeat center/cover;
	}
	
	.introRight {width:100%;}

	.introContBox {
		display: flex;
		margin-top: 22.6667vw;
		width: 100%;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 28.8000vw;
	}
	
	.introBox {
		margin-right: 0;
		border-radius: 19.53px;
		border: 3px solid #111;
		width: 69.0107vw;
		margin: 0 auto;
	}
	.intB.introBox {
		margin: 0 auto;
		margin-top: 18.4vw;
	}
	.introBLogo {
    width: 70.5%;
    max-width: unset;
	}	
.introStxtBox {
    margin-top: 5.0667vw;
    width: 100%;
    min-width: unset;
    max-width: 77.3333vw;
}


}

/* =============== moblie =============== */