@charset "UTF-8";
.notice2{overflow:hidden; position:relative; min-height:465px;}
.notice2 > ul{}
.notice2 > ul > li{float: left;}
.notice2 > ul > li > .tabTitle{border:none; font-size:22px; color:#666; background: url(./../images/notice_bar.png) left 30px no-repeat; padding: 0 20px; height: 70px; border-bottom: 4px solid #FFF; transition: .2s;}
.notice2 > ul > li:first-child > .tabTitle {background: none;}
.notice2 > ul > li.active .tabTitle {font-size: 30px; color: #006db3; border-bottom: 4px solid #004b8a;}
.notice2 > ul > li > ul{position:absolute; top: 70px; left: 0; width: 100%; height:auto; border-top: 1px solid #ccc; display: none; padding-top: 100px;}
.notice2 > ul > li.active > ul {display: block;}
.notice2 > ul > li > ul > li {position:relative; width: 25%; float: left; box-sizing: border-box; padding-right: 90px;}
/*최근게시물*/
.notice2 > ul > li > ul > li.recentBbsNoData {width: 100%; text-align: center; padding-right: 0;}

.notice2 > ul > li > ul > li .info {position: relative;}
.notice2 > ul > li > ul > li .info .tab_title {font-size: 26px; color: #000; margin-bottom: 15px; font-weight: 400;}
.notice2 > ul > li > ul > li .info .title {font-size: 20px; color: #333;}
.notice2 > ul > li > ul > li .info .title strong {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.notice2 > ul > li > ul > li .info .content {font-size: 16px; color: #333; height: 45px; overflow: hidden; line-height: 1.4;}
.notice2 > ul > li > ul > li .info .date {font-size: 14px; color: #999; font-family:'Titillium Web', sans-serif; border-bottom: 2px solid #3a3a3a; padding: 20px 0;}
.notice2 > ul > li > ul > li .info a.more {font-family: 'Titillium Web', sans-serif; border-bottom: 1px solid #000; color: #000; font-size: 18px; display: inline-block; padding: 0 25px 0 0; background: url(./../images/arrow_03.png) right center no-repeat; font-weight: 600; margin-top: 30px; background-color: #FFF;}
.notice2 > ul > li .recentBbsMore {position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url(./../images/moreIcon.png) center center;text-indent: -9999px; display: none;}
.notice2 > ul > li.active .recentBbsMore {display: block;}

@media only screen and (max-width: 850px){
	.notice2 {min-height: 200px;}
	.notice2 > ul > li > ul {padding-top: 30px;}
	.notice2 > ul > li > ul > li {width: 50%;}
	.notice2 > ul > li > .tabTitle,
	.notice2 > ul > li.active .tabTitle {font-size: 16px;}
	.notice2 > ul > li > .tabTitle {padding: 0 10px;}
}
@media only screen and (max-width: 460px){
	.notice2 > ul > li > ul > li .info .tab_title {margin-bottom: 5px;}
	.notice2 > ul > li > ul > li {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.notice2 > ul > li > ul > li .info .content {height: auto; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.notice2 > ul > li > ul > li .info a.more {margin-top: 0; position: absolute; bottom: 0; right: 0;}
}