@charset "UTF-8";

.wrap-notice {min-height:347px;}
.wrap-notice > ul {display:flex; justify-content:center; margin-top:21px;}
.wrap-notice > ul > li {padding:0 10px 0 10px; background:url('../images/line_divider_tab.svg') left 10px no-repeat;}
.wrap-notice > ul > li:first-child {background:none;}
.wrap-notice > ul > li .recentBbsTab {font-size:1.25rem; font-weight:400; text-align:center; color:#666; letter-spacing:-0.1px; background:none; cursor:pointer;}
.wrap-notice > ul > li.active .recentBbsTab { font-weight: 700;
    color: #896f4c;
    font-size: 3.125rem;
    margin-top: -35px;}
.wrap-notice ul li .list {display:none; position:absolute; left:0; top:85px; width:100%; box-sizing:border-box;}
.wrap-notice ul li.active .list {display:block;}
.wrap-notice ul li .more {position:absolute; top:-85px; right:0;}
.wrap-notice ul li .more a {display:block; width:40px; height:40px; background:url('../images/btn_plus.svg') center center no-repeat;text-indent:-9999px;}
.wrap-notice ul li .list ul {display:block;}
.wrap-notice ul li .list ul li {float:left; display:inline-block; padding-left:40px;}
.wrap-notice ul li .list ul li:first-child {padding-left:0px;}
.wrap-notice ul li .list ul li .con a {display:block; width:320px; height:262px; border:solid 4px #ddd; padding:35px 35px 35px 35px; -webkit-transition:0.4s;transition:0.4s;}
.wrap-notice ul li .list ul li .con a:hover {border:solid 4px #83b1e1; -webkit-transition:0.4s;transition:0.4s;}
.wrap-notice .con .conts {text-align:center;}
.wrap-notice .con .conts strong {display:block; font-size:1.313rem; font-weight:700; color:#444; letter-spacing:-1px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:30px; max-height:60px;}
.wrap-notice .con .conts .date {display:block; margin-top:13px; font-size:1rem; font-weight:400; color:#999; line-height:24px;}
.wrap-notice .con .conts .detail {display:block; margin-top:13px; font-size:1.063rem; font-weight:300; color:#444; letter-spacing:-0.5px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; line-height:25px; max-height:75px;}
@media all and (max-width:1484px) {
	.wrap-notice {font-size:1.125rem;}
	.wrap-notice ul li .list ul li {width:25%; padding-left:2.8%;}
	.wrap-notice ul li .list ul li .con a {width:auto; height:auto;}
}
@media all and (max-width:1024px) {
	.wrap-notice ul li .list ul li .con a {padding:30px 20px 30px 20px;}
	.wrap-notice .con .conts strong {font-size:1.2rem;}
	.wrap-notice .con .conts .detail {font-size:1rem;}
	.wrap-notice > ul > li.active .recentBbsTab { font-weight: 700;
    color: #896f4c;
    font-size:1.9rem;
    margin-top: -12px;}
	
}
@media all and (max-width:767px) {
	.wrap-notice > ul > li {padding:0 5px 0 5px;}
	.wrap-notice > ul > li .recentBbsTab {font-size:1.125rem;}.wrap-notice > ul > li .recentBbsTab {font-size:1.125rem;}
	.wrap-notice ul li .list ul li {float:inherit; display:block; padding-left:0; width:100%; margin-top:10px;}
    .wrap-notice ul li .list ul li:first-child {margin-top:0px;}
	.wrap-notice ul li .list ul li .con a {border:solid 1px #ccc; padding:15px 15px 15px 15px;}
	.wrap-notice ul li .list ul li .con a:hover {border:solid 1px #83b1e1;}
	.wrap-notice .con .conts {text-align:left;}
	.wrap-notice .con .conts strong {flex: 1 1 80%;-webkit-line-clamp:1;line-height:28px; max-height:28px; white-space:nowrap;}
	.wrap-notice .con .conts .date {margin-top:5px; line-height:28px; font-size:0.875rem; line-height:20px;}
	.wrap-notice .con .conts .detail {display:none; margin-top:5px;-webkit-line-clamp:1;line-height:28px; max-height:28px;}
}