@charset "UTF-8";


.wrap-notice							{line-height:1.2;box-sizing:border-box;min-height: 310px;}
.wrap-notice .notice_inner		{position:relative;background-color: #fff;}
.wrap-notice ul li .recentBbsTab{color: #888;font-size: 23px;font-weight:500;cursor:pointer;padding: 0;background:none;display: block;border: none;}
.wrap-notice > ul > li				{display:inline-block;}
.wrap-notice > ul > li + li   {margin-left: 10px;padding-left: 20px;background: url('./../images/notice-bullet.png') no-repeat left center;}
.wrap-notice ul li .list				{display:none;position:absolute;left: -0.4px;top: 54px;width: 100%;box-sizing:border-box;border-top: none;padding: 20px 0 15px 0;background-color: #fff;max-height: 280px;border-bottom: 1px solid #ccc;}
.wrap-notice ul li.active{}
.wrap-notice ul li.active input{color: #0054a7;font-family: 'Noto Medium';}
.wrap-notice ul li.active .list		{display:block;}
.wrap-notice ul li li .con{padding-right: 110px;}
.wrap-notice ul li .list li			{margin-bottom: 17px;position: relative;}
.wrap-notice ul li .list li strong	{display:block;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#666;position:relative;padding-left: 28px;letter-spacing: -.5px;font-family: 'Noto DemiLight';}
.wrap-notice ul li .list li strong:before{content: '';width: 6px;height: 6px;background-color: #a0bec2;position: absolute;top: 12px;left: 8px;display: block;border-radius: 50%;}
.wrap-notice ul li .list li span		{font-size: 18px;color: #888;letter-spacing: -1px;}
.wrap-notice ul li .list li .date		{display:block;position: absolute;right: 0;top: 0;}
.wrap-notice ul li .more{position: absolute;top: -48px;right: 0;}
.wrap-notice ul li .more a			{text-indent:-9999px;display:block;background:url('./../images/more_btn.png') center center no-repeat;width: 33px;height: 33px;}

.wrap-notice ul li .list li strong:hover{text-decoration: underline;}

@media all and (min-width:1921px) {

}

@media all and (max-width:680px) {
  .wrap-notice ul li .list{padding-bottom: 20px;padding-top: 10px;}
.wrap-notice ul li .recentBbsTab{padding: 10px 5px;font-size: 20px;}
.wrap-notice ul li.active:after{margin-left:34px;}
.wrap-notice > ul > li + li{margin-left:5px;padding-left:10px;}
.wrap-notice ul li.active li .con{padding-right:100px;}
.wrap-notice ul li .more{top:-43px;}
.wrap-notice ul li .more a{width:28px;height: 28px;}
.wrap-notice ul li .list li{margin-bottom: 12px;}
}

@media all and (max-width:480px) {
.wrap-notice ul li .recentBbsTab{padding:10px 5px;}
.wrap-notice ul.notice_inner > li + li + li + li{display: none;}
}

@media all and (max-width:400px) {
.wrap-notice ul li .list{left:-1px;width:100.8%;}
}