section, section *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
section{ overflow:hidden; }
section:last-child{ padding-bottom:150px !important; }
.mc-con{ max-width:1440px; width:100%; margin:0 auto;}
.sc_con{ max-width:1440px; width:100%; margin:0 auto; }
.main-con{width: 100%; margin: 0 auto; padding: 0 2rem;}

/*sc01*/
#sc01{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.main-wrap{width: 100%; height: 100%; display: flex; position: relative;}
.main-logo{width: 350px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3;}
.main-logo img{width: 100%;}
.main-bt{width: 100%; padding: 0 15px; position: absolute; left: 0; bottom: 2rem; text-align: center; z-index: 3;}
.main-bt > p{font-size: 14px; color: #fff; margin-bottom: 1rem; font-weight: 400;}
.main-bt > h5{font-size: 14px; color: #D03330; font-weight: 500;}

.main-box{width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #666; display: flex; align-items: center; justify-content: center; position: relative;}
.main-box::after{content: ""; width: 100%; height: 100%; opacity: 1; transition: .5s; position: absolute; top: 0; left: 0; z-index: 1;}
.main-caption{color: #fff; text-align: center; padding: 0 15px; position: relative; z-index: 2;}
.main-caption > h3{font-size: 45px; font-weight: 800; transition: .5s;}
.main-caption > h5{font-size: 16px; font-weight: 500; margin-top: 1.5rem; padding-top: 1.5rem; position: relative;}
.main-caption > h5::after{content: ""; width: 200px; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.main-box:hover .main-caption > h3{color: #D03330; transform: translateY(-1rem);}
.main-box:hover::after{opacity: 0.5;}

.mo-call{
	display: block;
	position: fixed;
	z-index: 999999;
	bottom: 40px;
	right: 40px;
}
.mo-call > ul{
	padding-left: 0;
	margin: 0;
}
.mo-call > ul > li > a{
	display: flex;
	width: 65px;
	height: 65px;
}
.mo-call > ul > li > a > img{
	width: 100%;
}
.mo-call > ul > li > a.kakao{
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	border-radius: 13px;
	background-color: #fee500;
	color: #181600;
	font-size: 50px;
}

@media(min-width:1200px){
	.vd-player iframe{width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: -63.175px !important;}

	.mo-call > ul > li:last-child > a{
		display: none;
	}
}
@media(min-width:1446px){

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

	.vd-player iframe{width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: 0 !important;}

	.main-wrap{flex-direction: column;}
	.main-box{width: 100%; height: 50vh;}

	.main-bt{display: none;}
	.main-logo{width: 100%; padding: 15px; background-color: #fff; left: 0; transform: translate(0, -50%); justify-content: center;}
	.main-logo img{
		width: 50%;
	}

	.main-caption > h3{font-size: 30px;}
	.main-caption > h5{font-size: 14px; margin-top: 1rem; padding-top: 1rem;}
	.main-caption > h5::after{width: 100px;}

	.mo-call{
		display: block;
		position: fixed;
		z-index: 999999;
		bottom: 30px;
		right: 15px;
	}
	.mo-call > ul{
		padding-left: 0;
		margin: 0;
	}
	.mo-call > ul > li > a{
		display: flex;
		width: 50px;
		height: 50px;
	}
	.mo-call > ul > li > a > img{
		width: 100%;
	}
	.mo-call > ul > li > a.kakao{
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		border-radius: 13px;
		background-color: #fee500;
		color: #181600;
		font-size: 40px;
	}
}