@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;vertical-align: top;position: relative;top:0;left:50%;margin-left:-18px}

.wrap-notice ul li .list li{border-bottom:1px solid #ddd;padding-bottom: 35px;margin-bottom: 35px;width: calc(100% / 2 - 22px);display: inline-block;background: url('../images/go_btn.png') no-repeat right bottom;}
.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 .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: 'Noto Bold';font-size:34px;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-size: 14px;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: 'Noto Regular';}
.wrap-notice ul li .con .conts{display: inline-block;width: 77%;margin-left: 21px;}
.wrap-notice ul li .con .conts strong{font-size: 18px;overflow: hidden;display: block;max-height: 50px;font-family: 'Noto Medium';letter-spacing: -1px;line-height: 1.3; height:100px; text-overflow:ellipsis; word-wrap:break-word;}
.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; min-height:40px;}

.wrap-notice ul li .list li:hover .conts strong{background:linear-gradient(to top, rgba(230, 153, 154, 0.3) 35%, transparent 30%);}
.wrap-notice ul li .list li:hover{background: url('../images/go_btn_on.png') no-repeat right bottom;}

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

}

@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; min-height: auto;height:auto;}
}

@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:460px;}
.wrap-notice > strong{display:block; position:relative; margin-bottom:10px;}
.wrap-notice{width:100%; margin:0 auto 40px;}
.wrap-notice ul li .con .conts{width:calc(100% - 90px)}
}
@media all and (max-width:460px) {
	.wrap-notice ul li .recentBbsTab{font-size:18px; padding:0;}
}