@charset "UTF-8";

#_contentBuilder .main-board ._fnctWrap {height: auto;}
.wrap-notice.area {position:relative;overflow:hidden;min-height: 600px;}
.wrap-notice > ul > li{float:left;display: inline-block;vertical-align: middle;}
.wrap-notice > ul > li .list {display: none;position: absolute;top: 130px;left:0;}
.wrap-notice > ul > li.on .list {display: block;padding: 40px 0 45px;}


.wrap-notice .recents-title-bx {float: left;width: 30%;box-sizing: border-box;}
.wrap-notice .recents-title-bx > p {font-size: 50px;font-family: 'Noto Bold';color: #014d97;white-space: nowrap;line-height: 1.2;letter-spacing: -1px;margin-left: -3px;}
.wrap-notice .recents-title-bx .bbs-sub{font-size: 18px;color:#fff;font-family: 'Noto Medium';display: block;}

.wrap-notice > ul {float: left;width: 70%;padding-top: 50px;position: relative;}
.wrap-notice .title {display:inline-block; font-size:20px;color:#555; font-family:'Noto Demilight';}


.wrap-notice .title-inner {position: relative;display: inline-block;padding-right: 20px;}
.wrap-notice .title button {position: relative; display: inline-block; font-size: 20px; color: #333333;font-family: 'Noto Regular';}
.wrap-notice .recentBbsMore {display: none; position: absolute; right: 0; top: 14px; text-indent:-99999px;  width:13px; height:13px; background:url('../images/ic_plus.png') no-repeat center center;}

.wrap-notice .slider {table-layout:fixed; overflow: hidden; display: table; width: 100%;}
.wrap-notice .slider li {position: relative;display: inline-block;width: 50%;vertical-align: top;height: 250px;padding-right:30px;}
.wrap-notice .slider li:nth-child(even){padding-left:30px;border-left:1px solid #a8afb7;}
.wrap-notice .slider li:first-child {border-left: 0;}
.wrap-notice .slider li:after{content:'';width:37px;height: 8px;position: absolute;bottom: 85px;right: 50px;background: url('../images/blue-arrow.png') no-repeat center;transition: all ease .3s;}
.wrap-notice .slider li:hover:after{right:40px;}

.wrap-notice .con .con-title {position: relative;font-size: 19px;color: #000000;line-height: 24px;height: 45px;overflow: hidden;margin-bottom: 18px;font-family: 'Noto Medium';}

.wrap-notice .con .recentBbsThumb {width: 100%; height: 160px; overflow: hidden;}

.wrap-notice .con a {position:relative; display: block;}
.wrap-notice .subject {display: block;font-size: 16px;line-height: 20px;color: #666666;height: 60px;overflow: hidden;margin: 15px 0 55px;font-weight: 300;}
.wrap-notice .date {position: absolute;left: 0;bottom: 75px;display: block;font-size: 15px;line-height: 1.25;color: #666;font-family: 'Noto Regular';opacity: 0.6;letter-spacing: 0.25px;}
.wrap-notice .slider li:nth-child(even) .date{left:30px;}
.wrap-notice .slider li:hover .con-title, .wrap-notice .slider li:hover .subject, .wrap-notice .slider li:hover .date {color: #014d97;}

.wrap-notice > ul > li.on .title button {color: #013f82;font-size: 23px;font-family: 'Noto Bold';padding: 0 5px 0;margin-top: -3px;}
.wrap-notice > ul > li .title button::before  {content:""; position: absolute; left:0; bottom: 0; width: 0;opacity: 0; height: 10px; background: #ff7d1e;transition: all ease .4s;}
.wrap-notice > ul > li.on .title button::before{width:100%;opacity: 0.4;}
.wrap-notice > ul > li.on .recentBbsMore, .wrap-notice > ul > li .title-inner:hover .recentBbsMore {display: none;}

.nodata {min-height: 435px;}
.list-mobile {display: none;}

@media all and (max-width:1600px){
.wrap-notice .recents-title-bx > p{font-size:38px;}
.wrap-notice .recents-title-bx{float: none;}
.wrap-notice > ul{width:100%;float:none;padding-top: 20px;}
.wrap-notice > ul > li.on .list{top:60px;}
}

@media all and (max-width:1200px){
.wrap-notice .title button{font-size:18px;}
.wrap-notice > ul > li.on .title button{font-size:20px;}
.wrap-notice .title-inner{padding-right:12.5px;}
.wrap-notice > ul > li.on .list{height:250px;overflow:hidden;}
.wrap-notice.area{min-height:400px;}
}

@media all and (max-width:1023px){
.wrap-notice > ul > li.on .list{height:auto;padding-top: 25px;}
}

@media all and (max-width:767px){
.wrap-notice .recents-title-bx{width:auto;}
.wrap-notice .recents-title-bx .bbs-sub{font-size:13px;}
.wrap-notice .recents-title-bx > p{font-size: 30px;}
.wrap-notice > ul > li.on .title button{font-size: 11px;padding: 0;}
.wrap-notice .title button{font-size: 12px;color:#555;}
.wrap-notice .con .con-title{font-size:22px;height:50px;}
.wrap-notice .subject{font-size:17px;}
.wrap-notice .title-inner{padding-right: 7px;}
.wrap-notice .slider li:nth-child(even){border-left:0;padding-left: 0;}
.wrap-notice .slider li{padding-right: 35px !important;padding-left: 35px !important;}
.wrap-notice .date{left: 35px;}
.wrap-notice > ul > li .title button::before{height:7px}
}

@media all and (max-width:480px){
.wrap-notice .title-inner{padding-right:5px;}
}