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

@charset "utf-8";

.G-type-skin_3_contentsbg_center {
	position: relative;width: 100%; 
}
.G-type-skin_3_contentsbg_center > section { width: 100%; margin: auto; }

.G-type-skin_3_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;
}

.G-type-skin_3_main_banner_title { 
	width:100%; margin:auto; word-break: normal; word-break: keep-all;
}
.G-type-skin_3_main_banner_title > p { word-break: normal; word-break: keep-all; }
.G-type-skin_3_main_banner_title > cite { word-break: normal; word-break: keep-all;  }


.G-type-skin_3_g_t_ul {
	margin:auto; 
	width:100%;
}

.G-type-skin_3_g_t_ul > li {
	float:left; width: 25%; position: relative;
}
.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_bg { 
	display: none; position: absolute; background-color: rgba(0, 0, 0, 0.7); width: calc(100% - 10px); padding: 15px 5px 15px 5px; bottom: 0px;
}
.G-type-skin_3_g_t_ul > li:hover > div.G-type-skin_3_title_bg { display: block; }

.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_bg > div.G-type-skin_3_title {
	display: inline-block; float: left; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	font-size: 14px;font-weight:400;
}
.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_bg > div.G-type-skin_3_title > a { color: #fff; }

.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img {
	background-position: center center; background-size: cover; height: 320px;
}
.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img > a { display: table; width: 100%; height: 100%; }

@media screen and (max-width:1400px) {
	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 250px; }
}
@media screen and (max-width:1200px) {
	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 200px; }
}

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

	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 150px; }
}

@media screen and (max-width:800px) {
	.G-type-skin_3_g_t_ul > li { width: 50%; }
	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 250px; }
}


@media screen and (max-width:700px) {
	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 200px; }
}

@media screen and (max-width:600px) {
	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 180px; }
}


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

	.G-type-skin_3_g_t_ul > li { width: 100%; }
	.G-type-skin_3_g_t_ul > li > div.G-type-skin_3_title_img { height: 250px; }
}