@charset "UTF-8";


.wrap-notice{line-height:1.2;min-height: 420px;}
.wrap-notice .notice_inner{position:relative;display: inline-block;width: 100%;margin-top: 5px;text-align: right;padding-right: 9%;}
.wrap-notice ul li .recentBbsTab{color: #848484;font-size: 20px;font-family:'Noto Regular';cursor:pointer;margin:0;padding: 0 10px 0 10px;background:none;}
.wrap-notice > ul > li{display:inline-block;}
.wrap-notice ul li .list{display:none;position:absolute;left: 0;top: 75px;width:100%;box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active .list{display:block;}
.wrap-notice ul li.active input{color:#333;font-family:'Noto Medium';}
.wrap-notice ul li.active:before{content: '';background:url('../images/tab_on.png') no-repeat center center;width:35px;height:10px;display: block; position: relative;top:0;left:50%;margin-left:-18px}

.wrap-notice ul li .list li {position: relative; padding-bottom: 40px;margin-bottom: 40px;width: calc(100% / 2 - 22px);display: inline-block;background: url('../images/go_btn.png') no-repeat right bottom;}
.wrap-notice ul li .list li::after {content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 1px; background: #d1d1d1;}
.wrap-notice ul li .list li + li{margin-left: 5%;}
.wrap-notice ul li .list li:nth-child(3){margin-left:0;}
.wrap-notice ul li .list li strong{display:block;font-size:16px;margin: 5px 0;}
.wrap-notice ul li .list li span{font-size:14px;}
.wrap-notice ul li .list li .date{display:block;}
.wrap-notice ul li .list li.nodata {width: 100%; border: 0; background: none; text-align: center;}
.wrap-notice ul li .more{position: absolute;top: -64px;right: 0;}
.wrap-notice ul li .more a{display:block;padding:5px 0;background:url('./../images/moreBtn.png') center center no-repeat;text-indent: -9999px;width: 30px;height: 30px;text-align: left;}

.wrap-notice > strong{font-family: 'Mont SemiBold';font-size:34px;letter-spacing: -1px; position: absolute;top: 0;left: 0;background:url('../images/title_edge.png') no-repeat left top;padding-top: 10px;}
.wrap-notice ul li .con > a{display: block;}
.wrap-notice ul li .con span.date{display: inline-block;vertical-align: top;text-align: center;color:#474747;font-size:50px;font-family: 'Noto Bold';line-height: 1.2;margin-top: -7px;}
.wrap-notice ul li .con span.date p{font-family: 'Mont Regular'; font-size: 14px;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.wrap-notice ul li .con .conts{display: inline-block;width: 78%;margin-left: 21px;}
.wrap-notice ul li .con .conts strong{display: inline-block; width: 100%; font-size: 18px;overflow: hidden; max-height: 26px;font-family: 'Noto Medium';letter-spacing: -1px;line-height: 1.3; text-overflow: ellipsis;}
.wrap-notice ul li .con .conts span{color: #666;overflow: hidden;max-height: 45px;display: block;font-size: 16px;margin-top: 10px;line-height: 1.4;}
.wrap-notice ul li .list li:hover{background: url('../images/go_btn_on.png') no-repeat right bottom;}
.wrap-notice ul li .list li:hover strong {color: #00a6ac;}

@media all and (max-width:1420px) {
	.wrap-notice{max-height: 380px;}
	.wrap-notice ul li .list li{width:100%;display: block;padding-bottom:22px;margin-bottom:22px;}
	.wrap-notice ul li .list li + li{margin-left:0;}
	.wrap-notice ul li .con .conts strong,
	.wrap-notice ul li .con .conts span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media all and (max-width:1023px) {
	.wrap-notice{max-height: 430px;margin-bottom:40px;overflow: hidden;}
}

@media all and (max-width:767px) {
	.wrap-notice{min-height:400px;}
	.wrap-notice{width:100%; margin:0 auto 40px;}
	.wrap-notice ul li .con .conts{width:calc(100% - 90px)}
	.wrap-notice ul li .recentBbsTab {display: none;}
	.wrap-notice ul li.active input {display: block;}
}