@charset "UTF-8";


.wrap-notice							{line-height:1.2;min-height: 540px;background: #fff;padding:25px 20px 20px 35px;}
.wrap-notice .notice_inner		{position:relative;display: inline-block;width: 100%;margin-top: 5px;text-align: left;border-bottom:1px solid #e5e5e5;}
.wrap-notice ul li .recentBbsTab{color: #666;font-size: 24px;font-family:'Noto Regular';cursor:pointer;margin:0;padding: 0 10px 0 10px;background:none;letter-spacing: -1px;padding-bottom: 20px;}
.wrap-notice > ul > li				{display:inline-block;}
.wrap-notice ul li .list				{display:none;position:absolute;left: 0;top:90px;width:100%;box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active:after  {content:'';width:20px;height: 15px;background: url('./../images/edge.png') left bottom no-repeat;position: relative;bottom: 10px;display: block;left: 50%;margin-left: -11px;margin-bottom: -20px;margin-top:6px;}
.wrap-notice ul li.active .list		{display:block;}
.wrap-notice ul li.active input{color: #111;font-family:'Noto Medium';border-bottom:4px solid #222;}

.wrap-notice ul li .list li			{margin-bottom:15px;padding-left:10px;background:url('./../images/bullet.png') left center no-repeat;position: relative;}
.wrap-notice ul li .list li:after{}
.wrap-notice ul li .list li strong	{display:block;font-size:16px;margin: 10px 0;}
.wrap-notice ul li .list li span		{font-size:14px;}

.wrap-notice ul li .list li:hover  strong { color:#8d7150;}
.wrap-notice ul li .list li .date		{display:block;}
.wrap-notice ul li .more{position: absolute;top: -80px;right: 0;}
.wrap-notice ul li .more a			{display:block;padding:5px 0;background:url('./../images/plus.png') center center no-repeat;text-indent: -9999px;width: 36px;height: 36px;text-align: left;}

.wrap-notice ul li .list li.nodata{background: none !important;}

.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{position: relative;}
.wrap-notice ul li .con > a{display: block;}
.wrap-notice ul li .con span.date{display: inline-block;vertical-align: top;text-align: center;position: absolute;top:10px;right:0;color:#999;font-size:15px;font-family: 'Noto Light';line-height: 1.2;margin-top: -7px;}
.wrap-notice ul li .con .conts{display: block;margin-left: 21px;}
.wrap-notice ul li .con .conts strong{font-size: 18px;overflow: hidden;display: inline;max-height: 32px;font-family: 'Noto Light';letter-spacing: -0.4px;line-height: 1.4;color: #333; font-weight:500;}
.wrap-notice ul li .con .conts span{color: #666;overflow: hidden;max-height: 45px;display: block;font-size: 18px;line-height: 1.6;display: none;}

.wrap-notice ul li .list li:nth-child(1){background-image: none;height: 130px;padding:0px 0;margin-bottom:15px;}
.wrap-notice ul li .list li:nth-child(1) .conts strong{font-size:24px;font-family: 'Noto Medium';display: inline-block;margin-bottom:5px;}
.wrap-notice ul li .list li:nth-child(1) .conts span{display: block;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wrap-notice ul li .list li:nth-child(1) .con span.date{left: 20px;bottom: -35px;top: auto;right: auto;}

.wrap-notice ul li .list li:nth-child(1) .conts strong{background: linear-gradient(to top, rgba(227, 247, 255) 35%, transparent 60%);}

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

}

@media all and (max-width:1400px) {
  .wrap-notice ul li .con .conts strong{display: block;overflow: hidden;width: 80%;text-overflow: ellipsis;white-space: nowrap;}
}

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


@media all and (max-width:767px) {
}

@media all and (max-width:580px) {
.wrap-notice{min-height: 500px;}
.wrap-notice > ul > li + li + li{display:none;}
.wrap-notice ul li .list li:nth-child(1){background: none;}
.wrap-notice ul li .list li:nth-child(1) .conts{padding-left:0;}
.wrap-notice ul li .list li:nth-child(1) .con span.date{left:25px;}
.wrap-notice ul li .list{top:85px;}
.wrap-notice ul li .con .conts strong{font-size:17px;width: 70%;}
.wrap-notice ul li .con .conts span{font-size:14px;}
}