@charset "UTF-8";
.notice2{overflow:hidden; position:relative;}
.notice2 .tabTitle{border:none; background:none; font-size:20px; margin-bottom:15px;color:#191919;font-weight: 500;}
.notice2 ul li ul{padding-left:53%; position:relative; height:auto;}
.notice2 ul li ul li{position:relative; border-bottom:1px solid #ddd; padding:5.8px 0;}
.notice2 ul li ul li:first-child {background:url(./../images/notice_thum.png) left 5px no-repeat;position:absolute;left:0;top:0;padding-left:0; font-size:16px;width: 48%;}
.notice2 ul li ul li:first-child .info .title strong{margin-left:140px;display:block;line-height: 1.4em;height: 5.6em;overflow: hidden;margin-bottom: 20px; padding-top:10px; color:#333;}
.notice2 ul li ul li:first-child .info .content{line-height: 1.4em;height: 2.8em;overflow: hidden; color:#555;}
.notice2 ul li ul li:first-child .date{color:#7e7d7d; font-size:14px;}
.notice2 ul li ul li:nth-child(2){border-top:1px solid #ddd;}
.notice2 ul li ul li + li .info .content{display:none}
.notice2 ul li ul li + li .info .date{position:absolute; right:2px; bottom:5px; font-size:14px;}
.notice2 ul li ul li + li .info .title{color:#5b5b5b; font-size:14px;width:calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.notice2 ul li ul li + li .info .title strong{font-weight:300;}

.notice2 .recentBbsMore {position: absolute;right: 0;top: 5px;width: 27px;height: 27px;background: url(./../images/moreIcon.png) center center;text-indent: -9999px;}

.notice2.startup ul{background-color: #fff;border:1px solid #dadada;padding-bottom: 10px;}
.notice2.startup .tabTitle{width:100%;text-align: left;background: #f4f4f4;border-bottom:1px solid #dadada;font-size:18px;padding:15px 25px;font-weight: 600;}
.notice2.startup ul li ul{border:none;}
.notice2.startup ul li ul{padding:0 25px;} 
.notice2.startup ul li ul li:first-child{position: inherit;width:auto;background-position: 0 15px;border-bottom:1px dashed #d0d0d0;padding-bottom: 15px;margin-bottom: 15px;letter-spacing: -1px;}
.notice2.startup ul li ul li:first-child .info{margin-left:105px;margin-right:0;}
.notice2.startup ul li ul li:first-child .info .title strong{font-size:20px;color:#333;margin-left:0;position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 40px;}
.notice2.startup ul li ul li:first-child .info .title strong:after{content: 'N';color: #fff;background-color: #16bce8;width: 27px;height: 27px;border-radius: 50%;font-weight: 600;display: inline-block;text-align: center;font-size: 14px;position: absolute;top:10px;right:0;}
.notice2.startup ul li ul li:first-child .info .content{margin-top:-100px;}
.notice2.startup ul li ul li:first-child .info .date{color:#9e9e9e;font-size:16px;}
.notice2.startup ul li ul li{border:none;padding: 0 0 0 15px;position: relative;}
.notice2.startup ul li ul li + li:before{content: '';width:7px;height:7px;background-color:#16bce8;border-radius: 50%;display:block;position: absolute;top: 12px;left:0;}
.notice2.startup ul li ul li + li .info .title{font-size:16px;}
.notice2.startup ul li ul li + li .info .date{font-size:16px;color:#9e9e9e;bottom:0;}
.notice2.startup .recentBbsMore{top:1px;right:1px;border-left:1px solid #dadada;background-repeat: no-repeat;background-size: 17px;width:57px;height:57px;background-color: #e7e7e7;}

@media only screen and (max-width: 600px){
	.notice2 ul li ul{padding-left:0;}
	.notice2 ul li ul li:first-child{position:relative; width: auto;}
	.notice2.startup ul li ul li:first-child{background: none;border:none;padding-bottom:0;margin-bottom:0;position: relative;letter-spacing: 0;}
	.notice2.startup ul li ul li:first-child .info{margin-left:0;}
	.notice2.startup ul li ul li:first-child .info .title{font-size:16px;width: calc(100% - 100px);text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color: #5b5b5b;}
	.notice2.startup ul li ul li:first-child .info .title strong{font-size:16px;height:auto;line-height:2;padding-top:0;margin-bottom:0;font-weight: 300; padding-right: 0; color: #5b5b5b;}
	.notice2.startup ul li ul li:first-child .info .title strong:after{display:none;}
	.notice2.startup ul li ul li:first-child .info .date{position: absolute;right:2px;top:0;}
	.notice2.startup ul li ul li:first-child .info .content{display:none;}
	.notice2.startup ul li ul li:before, .notice2.startup ul li ul li + li:before{content: '';width:7px;height:7px;background-color:#16bce8;border-radius: 50%;display:block;position: absolute;top: 50%; margin-top: -3.5px; left: 0;}
}
