@charset "UTF-8"; .wrap-notice { position:relative; display: table; overflow:hidden; width: 100%; padding: 0 0; min-height: 640px; background: #fff; table-layout: fixed; } 
.wrap-notice > ul > li { width: 100%; } 
.wrap-notice > ul > li .list { display: none; } 
.wrap-notice > ul > li.on .list { display: block; position: absolute; width: calc(100% - 350px); height: 100%; padding: 75px 0; } 

.wrap-notice .recents-title-bx {display: table-cell;width: 360px;padding: 75px 1%;box-sizing: border-box;vertical-align: top;} 
.wrap-notice .recents-title-bx > p { font-family:'Titil Bold'; font-size: 65px; color: #010101; margin-bottom: 10px; white-space: nowrap; line-height: 1; } 

.wrap-notice > ul { display: table-cell; vertical-align: top; } 
.wrap-notice .title { position:absolute; width: 15%; left: 5%; top: 237px; display:inline-block; font-family:'Noto Demilight'; } 
.wrap-notice > ul > li:nth-child(2) .title { top: 287px; } 
.wrap-notice > ul > li:nth-child(3) .title { top: 337px; } 
.wrap-notice > ul > li:nth-child(4) .title { top: 387px; } 
.wrap-notice > ul > li:nth-child(5) .title { top: 437px; } 
.wrap-notice .recents-title-bx span { font-family: 'Titil Bold'; font-size: 65px; /* opacity: 0.2; */ } .wrap-notice .recents-title-bx span img {vertical-align: middle;} 
.wrap-notice .recents-title-bx span a { color: #ccc; } 
.wrap-notice .recents-title-bx span a:hover { color:#000 } 
.wrap-notice .recents-title-bx .font-titil img,
.wrap-notice .recents-title-bx span img {opacity:1!important;vertical-align: baseline;} 
.wrap-notice .title-inner { position: relative; display: inline-block; padding-right: 25px; } 
.wrap-notice .title button { position: relative; display: inline-block; font-size: 20px; color: #6b6b6b; } 
.wrap-notice .recentBbsMore { display: none; position: absolute; right: 0; top: 9px; text-indent:-99999px; width:13px; height:13px; background:url('../images/ic_plus.png') no-repeat center center; } 

.wrap-notice .slider { overflow: hidden; display: inline-block; width: 100%; height: 100%; } 
.wrap-notice .slider li { position: relative; float: left; width: 33.33%; height: 100%; padding: 0 3% 20px; /* border-left: 1px solid #E0E0E0; */ } 
.wrap-notice .slider li:nth-child(4n),
.wrap-notice .slider li:first-child { border-left: 0; } 
.wrap-notice .slider li.nodata { width: 100%; text-align: center; } 

.wrap-notice .con .con-title { position: relative; padding-top: 30px; font-family: 'Noto DemiLight'; font-size: 20px; color: #000000; line-height: 25px; height: 109px; overflow: hidden; margin-bottom: 10px; font-weight: 400; } 
.wrap-notice .con .con-title::before { content: ""; position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: #89adbe; border-radius: 50%; border: 3px solid #fff; /* margin-left: -10px; */ } 
.wrap-notice .con .con-title:hover::before { border: 0px solid #fff; } 

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

.wrap-notice .con a { position:relative; display: block; } 
.wrap-notice .con a .subject { display: -webkit-box; -webkit-line-clamp: 3; /* PC: 3줄 */
 -webkit-box-orient: vertical; overflow: hidden!important; margin: 15px 0 35px; color: #666; font-weight: 300; line-height: 1.4; height: 65px!important; } 
.wrap-notice .date { position: absolute; /* left: 35px; */bottom: 0; display: block; font-family:'Titil Regular'; font-size: 18px; line-height: 25px; color: #333333; } 
.wrap-notice .con a:hover .con-title,
.wrap-notice .con a:hover .subject,
.wrap-notice .con a:hover .date { color: #000000; } 

.wrap-notice .con a:hover .con-title { color: #056a99; } 

.wrap-notice > ul > li.on .title button , .wrap-notice > ul > li .title .title-inner:hover button { color: #004eff; padding-left: 20px; } 
.wrap-notice > ul > li.on .title button::before, .wrap-notice > ul > li .title .title-inner:hover button::before { content:""; position: absolute; left:0; top: 10px; width: 10px; height: 10px; border-radius: 50%; background: #004eff; } 
.wrap-notice > ul > li.on .recentBbsMore, .wrap-notice > ul > li .title-inner:hover .recentBbsMore { display: block; } 

.nodata { min-height: 435px; } 

.list-mobile { display: none; } 
.wrap-header .head-util > ul > li::before { display: none; } 

@media all and (max-width:1023px){
 .wrap-notice { min-height: 800px; padding: 30px; } 
 .wrap-notice,
.wrap-notice .recents-title-bx,
 .wrap-notice > ul { display: block; } 
 .wrap-notice > ul > li { display: inline-block; width: auto; } 
 .wrap-notice > ul > li.on .list { left: 0px; width: 100%; height: auto; margin: 20px 0 0 0; padding: 0; } 
 .wrap-notice .recents-title-bx { width: auto; padding: 0; } 
 .wrap-notice .recents-title-bx > p { margin: 20px 0 0 0; font-size: 2.5rem; } 
 .wrap-notice .recents-title-bx span { font-family: 'Titil Bold'; float: right; top: 15px; position: absolute; left: 205px; margin: 25px 0 0 0; font-size: 2.5rem; } 
.wrap-notice .recents-title-bx .font-titil img, .wrap-notice .recents-title-bx span img { vertical-align: middle; opacity:1!important } 
 .wrap-notice .title { position: static; width: auto; } 
 .wrap-notice .title button { display: inline-block; } 
 .wrap-notice .title-inner { position: static; } 
 .wrap-notice .slider li { float: none; width: 100%; padding: 10px 30px; border-bottom: 1px solid #00000033; height: 150px!important; } 
 .wrap-notice .con a .subject { display: block; white-space: nowrap; /* 한 줄 */
 overflow: hidden; text-overflow: ellipsis; height: 40px!important; } 
 .wrap-notice .date { position: static; } 
 .wrap-notice .con .con-title { height: 62px; margin-bottom: 10px; padding-left: 20px; } 
 .wrap-notice .recentBbsMore { right: 35px; top: 60px; } 
.wrap-notice .con .con-title::before { content: ""; position: absolute; left: 0; top:35px; width: 15px; height: 15px; background: #89adbe; border-radius: 50%; border: 3px solid #fff; } 
 }


@media all and (max-width:768px) {.wrap-notice .con .con-title { height: 80px; margin-bottom: 0; padding-left: 20px; } 
 }