#mSlide{	z-index: -1; }
.overSide .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto a:focus{
	display:block;
	outline: 1px dotted white;
}

#container .overSide, #container .inSide{height: 455px; overflow: hidden;}

.slides{
	background-position:left center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height:455px;
}
.main.textBox{
	padding: 25px 0;
	width:100%; height: 175px; position: absolute; bottom: 0px;
	text-align: center; color: white; background: rgba(0,0,0,0.4);  z-index: -1;
}
.main.title,.main.comment{	padding: 20px 0; margin: auto;width: 670px;}
.main.title{font-size: 34px; border-bottom: 1px solid white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main.comment{font-size: 18px; overflow: hidden; height: 55px;}

.mainBtn .btn{   width: 292px;  float: left;	position: relative;}
.mainBtn span{	position: absolute;	left: 0;	right: 0;	bottom: 30px; color: white; font-size: 18px;}

.mainBtn .btn1{
	background: #b21212;
	background: -moz-linear-gradient(top, #b21212 0%, #4d0808 100%);
	background: -webkit-linear-gradient(top, #b21212 0%,#4d0808 100%);
	background: linear-gradient(to bottom, #b21212 0%,#4d0808 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21212', endColorstr='#4d0808',GradientType=0 );
}
.mainBtn .btn2{
	background: #86232a;
	background: -moz-linear-gradient(top, #86232a 0%, #4d080c 100%);
	background: -webkit-linear-gradient(top, #86232a 0%,#4d080c 100%);
	background: linear-gradient(to bottom, #86232a 0%,#4d080c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86232a', endColorstr='#4d080c',GradientType=0 );
}
.mainBtn .btn3{
	background: #5c3441;
	background: -moz-linear-gradient(top, #5c3441 0%, #4d081f 100%);
	background: -webkit-linear-gradient(top, #5c3441 0%,#4d081f 100%);
	background: linear-gradient(to bottom, #5c3441 0%,#4d081f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c3441', endColorstr='#4d081f',GradientType=0 );
}
.mainBtn .btn4{
	background: #314559;
	background: -moz-linear-gradient(top, #314559 0%, #082a4d 100%);
	background: -webkit-linear-gradient(top, #314559 0%,#082a4d 100%);
	background: linear-gradient(to bottom, #314559 0%,#082a4d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314559', endColorstr='#082a4d',GradientType=0 );
}

.mainBtn .btn1>a{background: url(/images/new_main/mBtn1.png) no-repeat center center ;}
.mainBtn .btn2>a{background: url(/images/new_main/mBtn2.png) no-repeat center center ;}
.mainBtn .btn3>a{background: url(/images/new_main/mBtn3.png) no-repeat center center ;}
.mainBtn .btn4>a{background: url(/images/new_main/mBtn4.png) no-repeat center center ;}

.mainBtn .btn>a{display: block;height: 170px;}
.mainBtn .btn>a:hover span,.mainBtn .btn>a:focus span{
   text-shadow: 0px 0px 15px white;
}

.mainBtn .btn>a:hover, .mainBtn .btn>a:focus{
	animation-name: mainBtn;
	animation-duration: 0.2s;
	background-size: 105%;
}

@keyframes mainBtn {
	from {background-size: 100%; opacity: 1}
	to {background-size: 108%; opacity: 0.7}
}

.mainBG2{height: 170px; position: absolute; z-index: -1; background: #bfbfbf; overflow:hidden }
.mainBG3{
	max-width: 1300px;left: 50%; transform:translateX(-50%);
	height: 170px; position: absolute; z-index: -1;
	background: #bfbfbf;
	background: -moz-linear-gradient(left, #bfbfbf 0%, #999999 4%, #999999 96%, #bfbfbf 100%);
	background: -webkit-linear-gradient(left, #bfbfbf 0%,#999999 4%,#999999 96%,#bfbfbf 100%);
	background: linear-gradient(to right, #bfbfbf 0%,#999999 4%,#999999 96%,#bfbfbf 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 );
}

.board.textBox{	height: 160px;	position: relative;	text-align: center;	border-bottom: 1px solid #b3b3b3; z-index: -1;}
.board.title{	 font-size: 30px; font-weight: 500;	 position: absolute;width: 100%; top:50%;transform: translateY(-50%);}
.board.comment{	color: black;	position: absolute;width: 100%; top:75%;transform: translateY(-50%);}

.board.tab{	position: relative;	}
.board.tab .tablink {	float: left;	border: none;	font-size: 18px;	font-weight: 600;	width: 25%;	height: 65px;}
.board.tab .btnBar{	display: block;	width: 25%;	position: absolute;	}
.board.tab .btnBar .bar{	display: block;	width: 25%;	margin: auto;	outline: 2px solid #af1111;	}
.board.tab .tablink:hover:not(.selected),.board.tab .tablink:focus:not(.selected) {
	color: black;
	-moz-box-shadow:	inset 0px -10px 10px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.4);
	box-shadow:		 inset 0px -10px 10px -10px rgba(0,0,0,0.4);	
	animation: fadeEffectTab 0.2s;
}
@keyframes fadeEffectTab {
	from {	box-shadow:	inset 0px 0px 10px -10px rgba(0,0,0,0.4);	}
	to   {	box-shadow:	inset 0px -10px 10px -10px rgba(0,0,0,0.4);	}
}
.board.tab .tablink p{	display: inline-block;	padding: 20px 0 17px 0;	}

a.more{
    display: none; position: absolute; width: 30px; border: 1px solid #e1e1e1;
    text-align: center; padding: 4px 0; color: #777; top: 15px;
    
}
.quickBoard a.more:nth-child(1){ left : 20%; display: block;}
.quickBoard a.more:nth-child(2){ left : 45%}
.quickBoard a.more:nth-child(3){ left : 70%}
.quickBoard a.more:nth-child(4){ left : 95%}



.tabcontent {	display: none;	height: 445px;	animation: fadeEffect 1s;	}
@keyframes fadeEffect {	from {opacity: 0;}	to {opacity: 1;}	}
#board .tabcontent .list{	position: relative;	height: 135px;	border-bottom: 1px dotted #444;}
#board .tabcontent .list:last-child{	border-bottom: none;	}
#board .tabcontent .list .date{
	position: absolute;	width: 165px;  top:30px; left: 30px;
	padding-left: 40px;text-align: center;	background: #f7f7f7;
}

#board .date .year, #board .date .month,#board .date .day{	float: left;	padding: 25px 3px;	font-weight: 500;}
#board .date .day{font-size: 36px;}
#board .tabcontent .list .textBox{	position: absolute;	width: calc(100% - 320px); top:30px; left: 255px; line-height: 20px; }
#board .textBox a{	display:block;}
#board .list .title{
	font-size: 18px;	font-weight: 600;  margin-bottom: 10px;	
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#board .list .preView{ 
	height: 40px;	display:-webkit-box;	 -webkit-line-clamp:2;	 -webkit-box-orient:vertical;	 overflow: hidden; 
}

.nothingList{
    border: 20px solid white;
    text-align: center;
    padding: 150px;
    background: #f6f6f6;
}

#links{	height: 100px;}
#links .over{	border-top: 1px solid #d9d9d9;	height: 90px;	border-bottom: 10px solid #832228;}

#links .bx-wrapper{	top:20px;	left:30px;	margin: 0 !important;	width: calc(100% - 90px);}
#links .bx-wrapper .bx-prev{left: -30px;}
#links .bx-wrapper .bx-next{right: -30px;}
#links .bx-wrapper .bx-controls-auto{	top:10px; width: 20px; height: 40px; right: -50px;}
#links .bx-viewport>div>div>a{display:block}

#links .bx-prev:focus, #links .bx-next:focus, 
#links .bx-controls-auto-item a.bx-start:focus, #links .bx-controls-auto-item a.bx-stop:focus{	outline: 1px dotted black;}