@charset "utf-8";
#home_introduce_area {
	position: relative;
	width: 100vw;
	margin-top: 100px;
}
#home_introduce_area .home_introduce_top {
	position: sticky;
	display: flex;
	width: 1150px;
	max-width: 100vw;
	margin: 0 auto -7vw auto;
	z-index: 1;
}
#home_introduce_area .home_introduce_top>* {
	position: relative;
	flex: 1 33.33333%;
	min-width: 33.33333%;
	padding: 10px;
}
#home_introduce_area .home_introduce_top img {
	width: 100%;
	background: white;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
}
#home_introduce_area .home_introduce_top .contents_msg {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em;
	z-index: 1;
	width: 100%;
}
#home_introduce_area .home_introduce_top .contents_msg>div {
	position: relative;
	padding: 2.7em 3.3em 3.3em 3.3em;
	background: rgba(255,255,255,0.78);
	border-top: 2px solid #ff3600;
	height: 12.8em;
	overflow: hidden;
	-moz-transition: ease-in-out 0.3s 0.1s;
	-o-transition: ease-in-out 0.3s 0.1s;
	-webkit-transition: ease-in-out 0.3s;
	-webkit-transition-delay: 0.1s;
	transition: ease-in-out 0.3s 0.1s;
	color: #252525;
}
#home_introduce_area .home_introduce_top .contents_msg>div:hover {
	color: white;
	background: rgba(37,37,37,0.78);
	height: 23em;
	width: 100%;
}
#home_introduce_area .home_introduce_top .contents_msg>div::before {
	content: '';
	position: absolute;
	left: 0;
	bottom:0;
	height: 20px;
	width: 100%;
	background: white;
	z-index: -1;
}
#home_introduce_area .home_introduce_top .contents_msg .msg_title {
	font-family: "GmarketSansTTFMedium";
	font-size: 2.6em;
	line-height: 150%;
	padding-bottom: 0.7em;
	white-space: nowrap;
}
#home_introduce_area .home_introduce_top .contents_msg .msg_content {
	font-size: 1.7em;
	word-break: keep-all;
}
#home_introduce_area .home_introduce_bottom {
	position: relative;
	background-image: url(/public/home_bg@2x.jpg);
	background-size: cover;
	height: 30vw;
	max-height: 470px;
	overflow: hidden;
}
#home_introduce_area .home_introduce_bottom img {
	width: 810px;
	max-width: 65vw;
	position:absolute;
	left: 50%;
	top: 40%;
	transform: translateX(-50%);
}
@media (max-width: 1150px) {
	#home_introduce_area .home_introduce_top .contents_msg>div {
		font-size: 0.8vw;
	}
}
@media (max-width: 914px) {
	#home_introduce_area {
		margin-top: 2em;
	}
	#home_introduce_area .home_introduce_top>* {
		position: relative;
		flex: 1 50%;
		min-width: 50%;
		padding: 10px;
	}
	#home_introduce_area .home_introduce_top>*:last-child {
		display: none;
	}
	#home_introduce_area .home_introduce_top .contents_msg>div {
		font-size: 1.2vw;
	}
}