@charset "UTF-8";

.wrap-notice							{line-height:1.2;min-height: 290px;}
.wrap-notice .notice_inner		{position:relative;display: inline-block;width: 100%;margin-top: 32px;text-align: left;border-bottom: 1px solid #e1e1e1;}
.wrap-notice ul li .recentBbsTab{color: #ccc;font-size: 22px;cursor:pointer;background:none;letter-spacing: -1px;padding: 0 0 10px 0;font-family: 'Play-Bold';position: relative;}
.wrap-notice ul li + li .recentBbsTab{margin-left:50px;}
.wrap-notice ul li + li{background: url('../images/slash.png') no-repeat 15% 15px;}
.wrap-notice > ul > li				{display:inline-block;}
.wrap-notice ul li .list				{display:none;position:absolute;left: 0;top: 60px;width:100%;box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active .list		{display:block;}
.wrap-notice ul li.active input{color: #0d1e69;font-family: 'Noto Bold';}

.wrap-notice ul li .list li			{vertical-align: top;background: #fff;}
.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: -50px;right: 0;}
.wrap-notice ul li .more a			{display:block;position:relative;padding:5px 0;font-family: 'Play-Regular';text-align: left;width:85px;height:8px;background:url('../images/more_btn.png') no-repeat center center;text-indent: -9999px;}
.wrap-notice ul li .more a:after{content:'';display:block;position:absolute;bottom: -24px;left:0;background: #0a0a2d;width:85px;height: 1.5px;}
.wrap-notice ul li .list li.nodata{border:none;}

.wrap-notice ul li .con > a{display: block;}
.wrap-notice ul li .con .conts{position: relative;}
.wrap-notice ul li .con .conts span.date{display: inline-block;vertical-align: top;color: #979797;line-height: 1.2;position: absolute;right: 0;top: 5px;}
.wrap-notice ul li .con .conts strong{font-size: 16px;color: #333;overflow: hidden;display: inline-block;overflow: hidden;position:relative;font-family: 'Noto Regular';line-height: 1.4;padding:4px 0;padding-left: 15px;letter-spacing: -0.5px;}
.wrap-notice ul li .con .conts strong:before{content:'';width:3px;height:3px;background: #2340c3;position: absolute;top: 16px;left:0;}
.wrap-notice ul li .con .conts span p{font-size: 16px;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: 'Noto Light';color: #888;}
.wrap-notice ul li .con .conts span{color: #666;overflow: hidden;display: block;font-size: 16px;line-height: 1.7;}

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

@media all and (max-width:1023px) {
.wrap-notice{padding:0 25px;}
}

@media all and (max-width:767px) {
.wrap-notice{padding:0 15px;}
.wrap-notice > strong{font-size:28px;}
.wrap-notice ul li .recentBbsTab{font-size:20px;}
.wrap-notice ul li .list li{width:100%;}
.wrap-notice ul li.active .list{top:60px;}
.wrap-notice ul li .more{top:-60px;}
.wrap-notice ul li .con .conts span{height:52px;}
}

@media all and (max-width:480px) {
.wrap-notice .notice_inner{margin-top:10px;}
.wrap-notice ul li .recentBbsTab{margin:0 3px;font-size:16px;}
.wrap-notice ul li .con .conts strong{width:70%;}
}