@charset "UTF-8";

.main-board {height: 100%;background-position: left bottom; background-repeat: no-repeat; background-size: 465px 666px; background-image: url("../images/big-logo.jpg"); background-color: #f5f5f5;}
#_contentBuilder .main-board ._fnctWrap {height: auto;}
.wrap-notice.area {position:relative;padding: 118px 0 120px;width: 1560px;margin: 0 auto;}
.wrap-notice > ul > li .list {display: none;}
.wrap-notice > ul > li.on .list {display: block;}

.wrap-notice .recents-title-bx {float: left;width: 340px;box-sizing: border-box;margin-top: -10px;}
.wrap-notice .recents-title-bx > span{font-size: 50px;line-height: 1.5;letter-spacing: -0.05em;margin-bottom: 18px;display: block;font-family:'Dream Bold';}
.wrap-notice .recents-title-bx > span strong{font-family:'Dream Bold';}
.wrap-notice .recents-title-bx > p {margin-bottom: 55px; font-size: 18px; letter-spacing: -0.05em; line-height: 32px; color: #666;}

.wrap-notice > ul {float: left;width: calc(100% - 340px);}
.wrap-notice .title {position:absolute;left: 0;top: 340px;display:inline-block;font-size:1.25vw;}
.wrap-notice > ul > li:nth-child(2) .title {top: 410px;}
.wrap-notice > ul > li:nth-child(3) .title {top: 480px;}

.wrap-notice .title-inner {margin-bottom: 7px; border: 1px solid #c4c4c4; background-repeat: no-repeat; border-radius: 10px 20px 10px 10px; background-color: #fff; transition: 0.2s;}
.wrap-notice .title button {align-items: center;padding: 16px 62px 16px 106px;width: 100%;height: 100%;font-size: 18px;transition: 0.2s;letter-spacing: -0.05em;line-height: 1.5;}
.wrap-notice > ul > li:nth-child(1) .title-inner { background-image: url("../images/calendar-icon.png"); background-size: 31px 26px; background-position: left 26px center; }
.wrap-notice > ul > li:nth-child(2) .title-inner { background-image: url("../images/monitor-icon.png"); background-size: 29px 26px; background-position: left 26px center; }

.wrap-notice > ul > li:nth-child(1).on .title-inner {background-image: url("../images/calendar-icon-current.png");border: 1px solid #085e24;}
.wrap-notice > ul > li:nth-child(2).on .title-inner { background-image: url("../images/monitor-icon-current.png");border: 1px solid #085e24;}
.wrap-notice > ul > li .title-inner:hover {color: #085e24; font-family: "Dream Medium";border: 1px solid #085e24;}
.wrap-notice > ul > li .title-inner:hover button{color: #085e24; font-family: "Dream Medium";}
.wrap-notice > ul > li.on .title-inner button{color: #085e24; font-family: "Dream Medium";}

.wrap-notice .recentBbsMore {align-items: center;padding: 16px 62px 16px 106px;font-size: 18px;letter-spacing: -0.05em;line-height: 1.5;border: 1px solid #c4c4c4;background-image: url("../images/plus-icon.png");background-size: 14px 14px;background-position: left 32px center;border-radius: 10px 20px 10px 10px;background-repeat: no-repeat;background-color: #fff;transition: 0.2s;width: 233.53px;position:absolute;left:0;top: 480px;}
.wrap-notice .recentBbsMore:hover{color: #085e24; font-family: "Dream Medium";border: 1px solid #085e24;}

.wrap-notice .slider {height: 440px;max-width: 1190px;margin: 0 0 0 auto;}
.wrap-notice .slider li { position: relative; margin: 0 12px; border: 1px solid #ccc; border-radius: 15px 25px 15px 15px; background-color: #fff; overflow: hidden;}
.wrap-notice .slider li::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../images/logo-green-bg.jpg"); opacity: 0; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transition: 0.2s; }
.wrap-notice .slider li:hover::before { opacity: 1; }
.wrap-notice .slider li:first-child {border-left: 0;}
.wrap-notice .slider .con {}
.wrap-notice .con .con-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; transition: 0.2s; color: #151515; font-family: "Dream Regular";}
.wrap-notice .slick-arrow{position: absolute; top: 50%; width: 80px; height: 80px; margin-top: -40px; text-indent: -9999px; border: 1px solid #aeaeae; background-color: #fff; border-radius: 50%; z-index: 2; transition: border 0.2s;}
.wrap-notice .slick-prev { left: -25px; }
.wrap-notice .slick-next { right: -25px; }
.wrap-notice .slick-arrow:hover { border: 1px solid #11642c; }
.wrap-notice .slick-arrow::before { content: ""; position: absolute; left: 50%; top: 50%; margin-top: -4.5px; margin-left: -7px; width: 14px; height: 9px; background-image: url("../images/slide-arrow2.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }
.wrap-notice .slick-next::before { transform: rotate(180deg); }
.wrap-notice .slick-arrow:hover::before { background-image: url("../images/slide-arrow2-current.png"); }
.wrap-notice .con .recentBbsThumb {width: 100%; height: 160px; overflow: hidden;}

.wrap-notice .con a {position: relative; display: block; padding: 45px; min-height: 421px;}
.wrap-notice .cate-title{display: block; margin-bottom: 18px; font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; transition: 0.2s; font-family: "Dream Bold"; color: #00a235;}
.wrap-notice .subject { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 58px; font-size: 17px; letter-spacing: -0.05em; line-height: 30px; transition: 0.2s; color: #666;}
.wrap-notice .date {letter-spacing: -0.01em; transition: 0.2s; line-height: 1.5; color: #aaa;}
.wrap-notice li.slick-slide:hover .con a,
.wrap-notice li.slick-slide:hover .cate-title,
.wrap-notice li.slick-slide:hover .con-title,
.wrap-notice li.slick-slide:hover .subject,
.wrap-notice li.slick-slide:hover .date{color: #fff;}

.wrap-notice > ul > li.on .recentBbsMore, .wrap-notice > ul > li .title-inner:hover .recentBbsMore {display: block;}

.nodata {min-height: 435px;}

.list-mobile {display: none;}

@media all and (max-width:1560px) {
  .wrap-notice.area{padding:80px 25px;width: 100%;}
  .wrap-notice .title{left:25px;}
  .wrap-notice > ul > li .recentBbsMore{left:25px;}
}

@media all and (max-width:1200px) {
	.wrap-notice .recents-title-bx > span{font-size:38px;}
	.wrap-notice .recents-title-bx > p{font-size:16px;line-height: 1.8;margin-bottom: 0;}
	.wrap-notice .slider{padding-left: 2%;height: 390px;}
	.wrap-notice .title{top:280px;}
	.wrap-notice > ul > li:nth-child(2) .title{top:350px;}
  .wrap-notice > ul > li .recentBbsMore{top:420px;}
}

@media all and (max-width:1024px) {
	.wrap-notice .con a{padding:35px;min-height: 380px;}
	.wrap-notice .cate-title{font-size:17px;margin-bottom:10px;}
	.wrap-notice .con .con-title{font-size:20px;}
}

@media all and (max-width:767px) {
	.wrap-notice .recents-title-bx{float:none;width:100%;text-align:center;margin-bottom: 40px;}
	.wrap-notice .title{top:220px !important;width: calc(100% / 3 - 30px) !important;}
	.wrap-notice > ul > li:nth-child(2) .title{left:50%;transform:translate(-50%, 0);}
	.wrap-notice > ul > li .recentBbsMore{top:220px;right:25px;left:unset;width: calc(100% / 3 - 30px)}
	.wrap-notice .title-inner,
	.wrap-notice > ul > li .recentBbsMore{border-radius:10px;}
	.wrap-notice .title button,
	.wrap-notice > ul > li .recentBbsMore{padding: 15px 0 15px 15px;font-size:15px;text-align:center;}
	.wrap-notice .slider{padding-left:0;height: 330px;}

	.wrap-notice > ul{width:100%;float:none;}
	.wrap-notice > ul > li .list{margin-top:100px;}
	.wrap-notice .con a{min-height:320px;height: 380px;}
	.wrap-notice .slider li{margin: 0 15px;}
    .wrap-notice .slick-arrow{width:60px;height:60px;}
    .wrap-notice .slick-prev{left:-15px;}
    .wrap-notice .slick-next{right:-15px;}

    .wrap-notice .date{position:absolute;left:35px;bottom:30px;}
}

@media all and (max-width:600px) {
	.wrap-notice > ul > li .recentBbsMore{background-image:none;padding-left:0;padding:12px 0;}
	.wrap-notice .title button{padding-left:0;padding:12px 0;}
	.wrap-notice > ul > li:nth-child(1) .title-inner,
	.wrap-notice > ul > li:nth-child(2) .title-inner,
	.wrap-notice > ul > li:nth-child(1).on .title-inner,
	.wrap-notice > ul > li:nth-child(2).on .title-inner{background-image:none;}
	.wrap-notice > ul > li .list{margin-top:80px;}
}