@charset "UTF-8";

/*common*/
	.depart-recent-wrap {padding: 70px 0 80px; padding-right: 3%;}
	.depart-recents {position: relative; height: 305px; overflow: hidden;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle .newArtcl{
		border: 0;
		background-image: url("../images/share.gif");
		background-repeat: no-repeat;
		background-color: transparent;
	}


/*list*/
	.depart-recents ._recentBbsUl{
		min-height: 305px;
		height: auto !important;
		overflow: hidden;
	}
	.depart-recents ._recentBbsUl .recentBbsLi{
	}
	.depart-recents-title {float: left; margin-right: 30px;}
	.depart-recents-title > p {position: relative; display: inline-block; padding-right: 75px; font-family: "Gm"; font-weight: 500; font-size: 30px; color: #000000; line-height: 40px;}
	.depart-recents-title > p::before {content: ""; position: absolute; width: 50px; height: 1px; background: #000; right: 0; top: 50%; margin-top: -0.5px;}
	.depart-recents-title > p strong {font-weight: 600;}



	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsTab{
		border: 0;
		font-size: 21px;
		line-height: 40px;
		position: relative;
		background: transparent;
		cursor: pointer;
		font-weight: 300;
		color: #333;
		transition: color 0.3s;
		font-family: "Gm";
	}
	.depart-recents ._recentBbsUl .tab-bx {float: left; position: relative; padding-left: 20px; margin-left: 10px;}
	.depart-recents ._recentBbsUl .tab-bx::before {content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 16px; background: #fff; transition: background 0.3s;}
	.depart-recents ._recentBbsUl .recentBbsLi .recent-list-bx{
		position: absolute;
		top: 90px;
		left: 0;
		display: none;
		width: 100%;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl {margin: 0 -20px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi{
		float: left; width: 25%;
		padding: 0 20px;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child{

	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb{
		float: left;
		width: 70px;
		height: 60px;
		background-color: #ccc;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo,
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsContent{

	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo{}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle{
		display: block;
		line-height: 28px;
		height: 56px;
		font-weight: 500;
		font-size: 20px;
		overflow: hidden;
	    text-overflow: ellipsis;
		margin-bottom: 15px;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle .newArtcl{
		width: 11px;
	    height: 11px;
	    overflow: hidden;
	    text-indent: -5000px;
	    display: inline-block;
	    zoom: 1;
	    _display: inline;
	    background-position: 0 0;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dl,
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt,
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{
		display: inline-block;
		font-size: 14px;
		letter-spacing: -0.25px;
		line-height: 1.5;
		color: #666666;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt{
		display: none;
	}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsContent{
		line-height: 1.5;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    color: #333;
	}
	.depart-recents ._recentBbsUl .recentBbsNoData{
		text-align: center;
		padding-top: 50px;
	}
	.depart-recents ._recentBbsUl .recentBbsMore{
		position: absolute;
		top: 13px;
		right: 0;
		display: none;
		text-indent: -9999px;
		width: 12px;
		height: 12px;
		background: url("../images/btn_more_3.png") no-repeat;
	}

	.recent-info {padding-bottom: 20px; border-bottom: 1px solid #E1E1E1; margin-bottom: 20px;}
	.recent-info p {font-size: 16px; line-height: 25px; height: 75px; overflow: hidden; text-overflow: ellipsis; color: #666666;}


/*active items*/
	.depart-recents ._recentBbsUl .recentBbsLi.active .recent-list-bx,
	.depart-recents ._recentBbsUl .recentBbsLi.active .recentBbsMore{
		display: block;
	}
	.depart-recents ._recentBbsUl .recentBbsLi.active .tab-bx::before {background: #0a4594;}
	.depart-recents ._recentBbsUl .recentBbsLi.active .recentBbsTab{
		font-weight: 500;
		color: #0a4594;
	}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(2).active  .tab-bx::before{background: #a90057;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(3).active  .tab-bx::before{background: #25aae2;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(4).active  .tab-bx::before{background: #ff6c00;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(5).active  .tab-bx::before{background: #905e00;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(6).active  .tab-bx::before{background: #333333;}

	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(2).active .recentBbsTab{color: #a90057;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(3).active .recentBbsTab{color: #25aae2;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(4).active .recentBbsTab{color: #ff6c00;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(5).active .recentBbsTab{color: #905e00;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(6).active .recentBbsTab{color: #333333;}

	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsTab:hover {font-weight: 500; color: #0a4594;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(2) .recentBbsTab:hover{color: #a90057;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(3) .recentBbsTab:hover{color: #25aae2;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(4) .recentBbsTab:hover{color: #ff6c00;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(5) .recentBbsTab:hover{color: #905e00;}
	.depart-recents ._recentBbsUl .recentBbsLi:nth-child(6) .recentBbsTab:hover{color: #333333;}

@media all and (max-width: 1540px){
	.depart-recent-wrap {padding: 70px 0 40px; padding-right: 3%;}
	.depart-recents-title {float: none; margin-bottom: 20px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recent-list-bx {top: 125px;}

	.depart-recents ._recentBbsUl .recentBbsMore {top: 74px;}
	.depart-recents ._recentBbsUl {min-height: 280px;}
}

@media all and (max-width: 1300px) {
	.depart-recent-wrap {padding-right: 0;}
}

@media all and (max-width: 900px) {
	.depart-recents-title {margin-bottom: 5px;}
	.depart-recents ._recentBbsUl {min-height: 270px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recent-list-bx {top: 100px;}
	.depart-recents-title > p {font-size: 27px;}
	.depart-recent-wrap {padding: 40px 0;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi {width: 33.33%;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:last-child {display: none;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsTab {font-size: 20px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle {font-size: 19px;}

	.depart-recents ._recentBbsUl .recentBbsMore {top: 59px;}
}

@media all and (max-width: 780px){
	.depart-recents ._recentBbsUl .tab-bx {margin-left: 0;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsTab {font-size: 16px;}
}

@media all and (max-width: 630px){
	.depart-recent-wrap {padding: 25px 0;}
	.depart-recents-title > p {padding-right: 60px; font-size: 22px;}
	.depart-recents ._recentBbsUl {text-align: center;}
	.depart-recents ._recentBbsUl .recentBbsLi {display: inline-block; text-align: left;}
	.depart-recents ._recentBbsUl .tab-bx {padding-left: 0; padding-top: 10px; float: none; display: inline-block;}

	.depart-recents ._recentBbsUl .recentBbsMore {top: 13px;}
	.depart-recents ._recentBbsUl .tab-bx::before {top: 0; left: 50%; margin-left: -5px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsTab {line-height: 20px; padding: 0 1px;}

	.depart-recents-title {margin-bottom: 15px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recent-list-bx {top: 110px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi {float: none; width: 100%;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle {display: block; height: auto;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle strong {display: block; position: relative;height: auto; white-space: nowrap; padding-left: 10px; color: #666; font-size: 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle strong::before {content: ""; position: absolute; width: 2px; height: 2px; background: #666666; left: 0; top: 10px;}

	.recent-info {display: none;}
	.recent-info p {font-size: 15px; line-height: 22px; height: 44px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dl {display: none;}

	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child .recentBbsInfo .recentBbsTitle {margin-bottom: 10px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child .recentBbsInfo .recentBbsTitle strong {font-size: 19px; height: 56px; line-height: 28px; padding-left: 0; color: #000; white-space: normal;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child .recentBbsInfo .recentBbsTitle strong::before {display: none;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child .recent-info {display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E1E1E1;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child .recent-info p {height: 44px; padding-left: 0; white-space: normal;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child .recent-info p::before {display: none;}


	.recent-info {padding-bottom: 0; margin-bottom: 0; border-bottom: 0; margin-top: 10px;}
	.recent-info p {position: relative;height: auto; white-space: nowrap; padding-left: 10px;}
	.recent-info p::before {content: ""; position: absolute; width: 2px; height: 2px; background: #666666; left: 0; top: 10px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:last-child {display: block;}
	.depart-recents ._recentBbsUl {min-height: 305px;}
}

@media all and (max-width: 485px){
	.depart-recents-title > p {padding-right: 30px;}
	.depart-recents-title > p::before {width: 20px;}
	.depart-recents ._recentBbsUl .recentBbsLi .recentBbsTab {font-size: 13px;}
}

@media all and (max-width: 415px){
	.depart-recents-title {margin-bottom: 0;}
	.depart-recents ._recentBbsUl .recentBbsLi.active .recentBbsTab {padding: 0;}
	.depart-recents ._recentBbsUl .tab-bx {padding-top: 5px;}
	.depart-recents ._recentBbsUl .tab-bx::before {width: 5px; height: 5px; margin-left: -2.5px;}
	.depart-recents ._recentBbsUl {min-height: 320px;}
}