/*
해당하는 스킨 폴더의 이름을 접두사로 사용
ex) .typeA-skin_1_contentsbg_center { }
*/

@charset "utf-8";

.typeC-skin_6_contentsbg_center {
	position: relative;
}
.typeC-skin_6_contentsbg_center > section { width: 1200px; margin: auto; }

.typeC-skin_6_contentsbg {
	content: ' '; display: block; 
	background-position: center top; background-size: cover; background-repeat: no-repeat;
	top: 0; bottom: 0; left: 0; right: 0; position: absolute;z-index: -10;
}

.typeCpage6 {
	width:1200px; margin:auto;
}

.typeCpage6 > li {
	float:right; width:30%; border-radius: 0px !important;
}
.typeCpage6 > li:first-child {
	float:left; width: 65%; background-position:center;background-size:cover; color:#fff; height:520px;
}

.typeCpage6 > li > p.typeCpage6_title { word-break:normal;word-break:keep-all; }
.typeCpage6 > li > p.typeCpage6_sub_title { word-break:normal;word-break:keep-all; }
.typeCpage6 > li > p.typeCpage6_con { text-align:left; word-break:normal;word-break:keep-all; }

@media screen and (max-width:1200px) {
	.typeC-skin_6_contentsbg_center > section { width: 95%; margin: auto; }

	.typeCpage6 {
		width:100%;
	}

}

@media screen and (max-width:1000px) {
	.typeCpage6 > li:first-child {
		height:520px;
	}
}


@media screen and (max-width:800px) {

	.typeCpage6 > li {
		width:100%;
	}
	.typeCpage6 > li:first-child {
		float:left; width:100%;  height:420px;
	}

	
}


@media screen and (max-width:500px) {
	.typeCpage6 > li:first-child {
		height:230px;
	}
}

@media screen and (max-width:400px) {
	.typeCpage6 > li:first-child {
		height:220px;
	}
	.typeCpage6 > li > p.typeCpage6_title {  }
}