/* renew */

@charset "utf-8";
/*메인콘텐츠*/

#main_container {
	margin: 40px auto;
	width: 1000px;
}

#main_container:after {
	content: '';
	display: block;
	clear: both;
}

#main_container > section { 
	float:left;
	margin-left:15px;
}
#main_container > section:first-child {
	margin-left:0;
}

#main_container .news {
	/* float: left; */
	width: 370px;
	height: 270px;
	padding: 19px;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

#main_container .foundation {
	width: 280px;
}

#main_container .foundation a {
	display: block;
	/* float: left; */
	height: 270px;
	padding: 19px;
	border: 1px solid #d6d6d6;
	background: url(../images/main/img_foundation.jpg) no-repeat right 125px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

#main_container .recruit {
	width: 280px;
}

#main_container .recruit a {
	display: block;
	/* float: left; */
	height: 270px;
	padding: 19px;
	border: 1px solid #d6d6d6;
	background: url(../images/main/img_recruit.jpg) no-repeat right 125px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

#main_container .news h2 {
	position: relative;
	margin-bottom: 20px;
}

#main_container .news h2 span.more {
	position: absolute;
	top: 2px;
	right: 0;
	font-weight: normal;
	font-size: 12px;
	color: #555;
	text-decoration: underline;
}

#main_container .news ul {}

#main_container .news ul li.list:first-child {
	position: relative;
	padding-left: 125px;
	height: 110px;
}

#main_container .news ul li.list:first-child span.thumb {
	position: absolute;
	top: 0;
	left: 0;
}

#main_container .news ul li.list:first-child p strong {
	display: block;
	font-weight: normal;
	color: #2d4f9f;
	padding: 5px 0;
}

#main_container .news ul li.list:first-child span.date {
	display: block;
	color: #797979;
	margin-top: 5px
}

#main_container .news ul li.list {
	background: url(../images/main/blt.gif) no-repeat 3px 6px;
	position: relative;
}

#main_container .news ul li.list:nth-child(n+2) span {
	position: absolute;
	top: 2px;
	right: 3px
}

#main_container .news ul li.list a {
	display: block;
	padding: 4px 0 4px 12px;
	line-height: 1;
	color: #494949;
}

#main_container .foundation h2,
#main_container .recruit h2 {
	margin-bottom: 13px;
}

.main_visual {
	padding-top: 83px;
}

/*.main_visual */

.main_visual {
	/* width: 1090px;
	height: 580px; */
	position:relative;width:100%;height:550px;background-color:#e6e6e6;overflow:hidden;
}

.main_visual .bx-viewport {
	border: 0 none;
	left: 0;
	height: 100% !important
}

.main_visual .bx-wrapper {
	margin: 0
}

.main_visual .bx-wrapper,
.main_visual .bx-viewport,
.main_visual .bx-viewport ul,
.main_visual .bx-viewport li {
	height: 100%;
}

.main_visual .bx-viewport li > img {
	height: 100%;
	min-width: 600px;
	margin:0 auto;
}

.main_visual .bx-viewport li > .txt-wrap1 {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%,0);
	width: 80%;
	max-width: 1000px;
}

.main_visual .bx-viewport li > .txt-wrap2 {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%,0);
	max-width: 1000px;
}

.main_visual .bx-viewport li > .txt-wrap3 {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%,0);
	max-width: 1000px;
}

.main_visual .bx-viewport li > .txt-wrap4 {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%,0);
	max-width: 1000px;
}

p.main_txt_big {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #000;
}

p.main_txt_mid {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #2e4f9f;
}

p.main_txt_sm {
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
	color: #000;
	margin-top:20px;
}

.main_visual .bx-wrapper .bx-pager {
	bottom: 30px;
	width: auto;
	left: 50%;
	transform: translate(-50%, 0);
}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {
	width: 17px;
	height: 17px;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2e4f9f
}

@media (max-width:1024px) {
	#main_container { width:90%; }
	#main_container > section { margin-left:2%; }
	#main_container .news {width: 40%;}
	#main_container .recruit {width: 28%;}
	#main_container .foundation {width: 28%;}

	#main_container .news ul li.list a {
		overflow: hidden;
		padding-right: 70px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media (max-width:800px) {
	.main_visual {
		padding-top: 0;
	}

	.main_visual {height: 330px;margin-top: 90px;box-sizing: border-box;}
	.main_visual .bx-viewport li > .main_txt1{left: 50%;transform: translate(-50%,0);}
	.main_visual .bx-viewport li > .main_txt1 img { max-width:350px; }

	.main_visual .bx-viewport li > .main_txt1{top:75px;}
	.main_visual .bx-viewport li > .main_txt2{top:75px;}
	.main_visual .bx-viewport li > .main_txt3{top:75px;}
	.main_visual .bx-viewport li > .main_txt4{top:75px;}
	.main_visual .bx-viewport li > .txt-wrap1,
	.main_visual .bx-viewport li > .txt-wrap2,
	.main_visual .bx-viewport li > .txt-wrap3,
	.main_visual .bx-viewport li > .txt-wrap4{
		width: 94%;
	}

	#main_container > section {float:none; margin: 20px 0;}
	#main_container .news,
	#main_container .recruit,
	#main_container .foundation { width: 100%; }

	#main_container .news ul li.list { margin:8px auto; }
	#main_container .news ul li.list:first-child {background: url(../images/main/blt.gif) no-repeat 3px 6px;padding-left: 0;height: auto;}
	#main_container .news ul li.list:first-child span { 
		position: absolute;
		top: 2px;
		right: 3px
	}
	#main_container .news ul li.list:first-child span.thumb { display:none; }
	#main_container .news ul li.list:first-child span.date { margin-top:0;}
	#main_container .news ul li.list:first-child a p {/* line-height: 20px; *//* height: 20px; *//* margin-block-start: 0; *//* margin-block-end: 0; */}
	#main_container .news ul li.list:first-child p strong {padding:0;line-height: 1;}
	
	#main_container .news {height: 180px;border:0;padding: 0;}
	#main_container .recruit a,
	#main_container .foundation a {height:180px;background-position-y: center;}

}