/* 모든 스타일은 css 충돌방지를 위해 .one51을 기준으로 작성 하시면 됩니다. 예) .one51 .box {} */
  .one51{}

a:active,a:hover {
	outline:0
}
.box-header h1 {
   
    float: unset;
}
img {
	border:0;
	max-width:100%;
	vertical-align:middle;
	display:inline-block
}

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.box-header h1 {
	
	margin-bottom:10px
}
.box-header h1 {
	font-size:45px;
	line-height:44px;
	margin-top:20px
}
p {
	margin-top:0;
	margin-bottom:10px
}

.img-absolute-z {
	position:absolute;
	left:50%;
	top:50%;
	z-index:-3;
	display:block;
	max-height:101%;
	max-width:none;
	min-height:101%;
	min-width:101%;
	border-radius:0;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	cursor:auto;
	-o-object-fit:cover;
	object-fit:cover
}
.paragraph-normal {
	position:relative;
	z-index:1;
	margin-top:0;
	margin-bottom:0;
	
	color:#d1d1d1;
	font-size:14px;
	line-height:20px;
	
	text-align:left;
	letter-spacing:0;
	mix-blend-mode:normal
}
.flex {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	height:auto;
	max-width:1300px;
	min-height:65vh;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	align-items:stretch
}
.flex.reverse {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse
}
.flex-col {
	position:relative;
	z-index:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden;
	margin-right:0;
	margin-left:0;
	padding:80px 40px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1
}
.flex-col.txt-60 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:60%;
	margin-right:3px;
	margin-left:0;
	padding:80px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-flex:0;
	-webkit-flex:0 0 auto;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	background-color:#3b3b3b
}
.flex-col.txt-60.reverse {
	margin-right:0
}
.flex-col.img-col {
	min-height:auto;
	padding:80px
}
.flex-col.img-col.reverse {
	margin-right:3px
}
.separator-txt {
	margin-bottom:5px;
	opacity:.39;

	color:#fff;
	font-size:12px;
	line-height:12px;
	font-weight:300;
	letter-spacing:2px;
	text-transform:uppercase
}
.box-header {
	position:relative;
	width:100%;
	margin-bottom:30px
}
.separator {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden;
	max-width:1300px;
	margin-right:auto;
	margin-left:auto;
	padding-top:80px;
	padding-bottom:20px;
	padding-left:20px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	border-left:5px #eb2424
}
.header-caps {
	position:relative;
	z-index:1;
	margin-bottom:20px;

	color:#fff;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase
}
.header-normal {
	position:relative;
	z-index:1;
	margin-top:0;
	margin-bottom:20px;

	color:#fff;
	font-size:36px;
	line-height:38px;
	
	letter-spacing:1px
}
.box-inline-link {
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid hsla(0,0%,100%,.5);
	border-radius:0;
	-webkit-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	
	color:#fff;
	font-size:12px;
	line-height:12px;
	letter-spacing:0;
	text-decoration:none
}
.box-inline-link:hover {
	padding-right:20px;
	padding-left:20px;
	border-bottom-color:hsla(0,0%,46%,0);
	border-radius:50px;
	background-color:#008afc;
	box-shadow:0 6px 26px -8px #000;
	-webkit-transform:translate(0,-5px) scale(1.04);
	-ms-transform:translate(0,-5px) scale(1.04);
	transform:translate(0,-5px) scale(1.04);
      color: #fff;
}
@media screen and (max-width:991px) {
	.img-absolute-z {
		border-radius:0
	}
	.flex {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.flex-col.txt-60 {
		padding:50px
	}
	.flex-col.img-col {
		padding:60px
	}
	.header-normal {
		font-size:36px;
		line-height:38px
	}
}
@media screen and (max-width:767px) {
	.flex,.flex.reverse {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.flex-col {
		min-height:auto;
		margin-right:0
	}
	.flex-col.txt-60 {
		width:100%;
		padding:80px 50px
	}
	.flex-col.img-col {
		min-height:120vw
	}
	.box-header {
		overflow:visible;
		width:100%
	}
}
@media screen and (max-width:479px) {
	.paragraph-normal {
		width:auto;
		white-space:normal
	}
	.flex {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.flex-col {
		min-height:auto;
		padding-top:50px;
		padding-right:30px;
		padding-left:30px
	}
	.flex-col.txt-60 {
		margin-right:0;
		margin-bottom:0;
		padding:80px 30px
	}
	.flex-col.img-col {
		padding:80px 30px
	}
	.box-header {
		margin-bottom:30px
	}
	.separator {
		padding-left:25px
	}
	.header-normal {
		font-size:32px;
		line-height:36px;
		letter-spacing:-4px
	}
}

.linkable2 {
	position:relative;
background-color: #252525;
        padding: 0px 0 50px 0;
}

.flex-col.img-col.gh45 {
    margin-left: 3px;
}