@charset "utf-8";
/* main */
#main_wrap {position: relative;width:100%;clear:both;padding: 0;margin: 0 auto;}
#main_wrap:after{ display:block; height:0; content:""; clear:both; float:none; }
.main_vis {max-width: 2000px;text-align: center;margin: auto;}
.main_vis ul li {max-width: 2000px;height: 765px;background-position: top center;background-repeat:no-repeat;background-size: cover;margin: auto;position: relative;text-align:center;color: #fff;}
.main_vis ul li .title {margin-top:160px;font-size:40px; line-height:150%; font-weight:250;}
.main_vis ul li .title span {font-weight:300;}
.main_vis ul li .sub_title {}

.main_vis .bx-controls.bx-has-controls-direction {
	max-width: 1100px;
	height: 765px;
	position: absolute;
	top: 0;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}
.main_vis .bx-wrapper .bx-controls-direction a {top: 230px;width: 23px;height: 43px;}
.main_vis .bx-wrapper .bx-prev {background: url('../../img/main/main_vis_controls.png') no-repeat 0 0; left: 0;}
.main_vis .bx-wrapper .bx-next {background: url('../../img/main/main_vis_controls.png') no-repeat -23px 0; right: 0;}
.main_vis .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.main_vis .bx-wrapper .bx-next:hover { background-position: -23px 0;}	

.main_vis .bx-wrapper .bx-pager, .main_vis .bx-wrapper .bx-controls-auto { bottom:120px; }
.main_vis .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_vis .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #dd042b;}

.main_tab {
	position: absolute;
	top: 384px;
	width: 100%;
	max-width: 1100px;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 99;
}

.main_tab ul { border:1px solid #696969; }

.main_tab ul li	{ float:left; width:25%; }
.main_tab ul li a {display:block;text-align:center;color:#c8c8c8;background:url('../../img/main/main_tab_bg.png') repeat center center;padding: 35px 0;border-left: 1px solid #696969;}
.main_tab ul li a:hover { color:#fff; background-image:url('../../img/main/main_tab_bg_on.png');}
.main_tab ul li:first-child a { border-left:0;}


.main_contents {
	position: absolute;
	top: 500px;
	width: 100%;
	max-width: 1100px;
	left: 0;
	right: 0;
	margin: auto;
	padding-right: 390px;
}

.main_contents:after {clear:both; float:none; height:0; content:''; display:block;}

.main_board {
	width: 100%;
	height: 190px;
	background-color: #eef2f5;
	padding: 27px 44px;
	float: left;
}

.main_movie {
	float: right;
	width: 350px;
	height: 190px;
	background-color: #eef2f5;
	margin-right: -390px;
}

.main_movie > * {background: #eaeaea;width: 100%;height: 100%;}

.main_board .title {
	font-size: 22px;
	color: #000000;
	float: left;
	font-weight:500;
}

.main_board a.more {
	float: right;
	color: #dd042b;
	font-size: 12px;
}

.main_board ul {
	clear: both;
	float: none;
	padding-top: 7px;
	overflow: hidden;
}
.main_board ul li {margin-top:10px;clear: both;float: none;font-size: 14px;white-space: nowrap;padding-right: 72px;}
.main_board ul li:after {clear:both; float:none; height:0; content:''; display:block;}

.main_board ul li .subject {
	float: left;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main_board ul li .writer {
	float: left;
	width: 20%;
}

.main_board ul li .date {
	float: right;
	width: 72px;
	text-align: right;
	margin-right: -72px;
}

.main_board ul li .subject a {
	background: url('../../img/main/main_board_dot.png') no-repeat left center;
	padding-left: 10px;
	display: block;
}

@media ( max-width:1136px) {
	.main_tab {padding-left:20px;padding-right:20px;}
	.main_vis .bx-controls.bx-has-controls-direction {padding-left: 20px;padding-right: 20px;}
	
	.main_contents {padding-left: 20px;}
	.main_movie {margin-right: -370px;}
}

@media ( max-width:960px) {
	.main_board { padding-left:30px; padding-right:30px;}
	.main_board ul li .subject {width:85%;}
	.main_board ul li .writer {display:none;}	
}

@media ( max-width:840px) {
	.main_vis {height: 500px;overflow: hidden;}
	.main_vis ul li .title, .main_vis ul li .sub_title {padding: 0 40px;}

	.main_contents {max-width:100%;background-color:#fff;padding:25px 0;position: relative;top: 0; }
	.main_board, .main_movie {clear:both;float:none;background-color:#fff;padding-left:25px;padding-right:25px;}

	.main_board {width: 100%; height:100%; }

	.main_board ul li {font-size: 1rem;padding-right: 0;}

	.main_board ul li .subject {
		float: none;
		width: 100%; white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.main_board ul li .date {display:none;}
	.main_movie {width:100%;height: 365px;background: #c1c1c1;margin:20px auto;}
}

@media ( max-width:640px) {
	.main_vis {height:420px;}
	.main_vis ul li { height:420px; }
	.main_vis ul li .title {margin-top:130px;font-size:1.65rem; font-weight: 100; padding:0 3%;}
	.main_vis ul li .title span {font-weight:300;}
	.main_vis ul li .sub_title {font-size:20px;font-weight: 300;}

	.main_tab {width:100%;padding: 0;top: 325px;}
	.main_tab ul { border-top:0;}
	.main_tab ul li a {padding:15px 0;border-top: 1px solid #696969;}
	.main_tab ul li { width:50%;}

	.main_contents {padding:5px 0;position: relative;top: 0; }

	.main_movie {
		width: 100%;height: auto; background: #fff;}



}