.storyArea{
	height:100%;
	text-align: center;
}


.story1:after,
.story2:after,
.story1:before,
.story2:before
{
	content:"";
	position:absolute;
	z-index: -2;
	width:100%;
	height:100%;
	background-image:url(../../../images/_mb/kv/story1.jpg);
	background-size:cover;
	left:0;
	top:0;
	filter:grayscale(1) brightness(1.2);
}

.story1{
	padding-top:50px !important;
}

.story2{
	padding-bottom:70px !important;
}

.story2:after{
	background-image:url(../../../images/_mb/kv/story2.jpg);
}

.story1:before{
	filter:none;z-index: -1;
	clip-path: var(--maskTStart);
}
.story2:before{
	filter:none;
	background-image:url(../../../images/_mb/kv/story2.jpg);
	z-index: -1;
	clip-path: var(--maskBStart);
}


.storyArea h2{
	position:absolute;
	width: 110%;
	text-align: center;
	z-index: 0;
	top: 50%;
    margin-top: -15%;
    left: -5%;
}

.storyArea .txt{
	margin:auto;
	color:#fff;
	height: 100%;
	flex-direction:column;
}

.storyArea .txt>div{
	flex:1;
	height:inherit;
	position: relative;
	flex-direction:column;
	padding:0 50px ;
}


.storyArea .txt>div h3{
	margin-bottom:20px;
	height:50px;
}


.storyArea .txt>div p{
	font-size:13px;
	line-height:1.5;
	text-align:left;
}

.storyArea .txt>div p br{
	display:none;
}

.storyArea .txt>div.comic{
	border-left:1px solid #ccc;
}
