@charset "utf-8";
/*전체감싸기*/
.wrap-notice{position:relative;word-break:break-all; padding:50px; max-width:1100px; padding:50px; background-color:#fff; margin:0 auto;}
.wrap-notice h2{display:none;}
/*게시판*/
.wrap-notice > ul{position:relative; height:100%; text-align:center;}
.wrap-notice > ul > li{display:inline-block;}
.wrap-notice > ul > li + li{background: url(../images/notice-slash.png) left 40px no-repeat; padding-left: 40px; margin-left: 15px;}

/*타이틀*/
.wrap-notice .title a{display:block;cursor:pointer;font-size:45px;padding:0 10px 35px 10px;font-family:'Noto Medium';color:#666;}
.wrap-notice > ul > li.active .title a{color:#ff8400;}
.wrap-notice > ul > li:nth-child(1) .title{left:0;}
.wrap-notice > ul > li:nth-child(2) .title{left:115px;}
/*목록*/
.wrap-notice .list{position:absolute; left:0; text-align:left; width:100%;}
.wrap-notice .list ul{border-bottom:1px solid #e5e5e5;}
.wrap-notice .list ul li{border-top:1px solid #e5e5e5;}
/*noData*/
.wrap-notice .list ul li.nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*썸네일*/
.wrap-notice .thumb{display:none}
.wrap-notice .thumb img{}
/*제목*/
.wrap-notice .con{}
.wrap-notice a.subject{display:block;position:relative;padding:20px 0 20px 150px; min-height:110px;}
.wrap-notice a.subject .subjectText{font-size:20px;color:#333;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*날짜*/
.wrap-notice a.subject .date{position:absolute;left:30px;top:20px;line-height:1;}
.wrap-notice a.subject .date span{display:block;text-align:center;}
.wrap-notice a.subject .date .dD{font-size:55px;color:#9a9a9a;font-family:'Noto Bold';padding-bottom:3px;}
.wrap-notice a.subject .date .yM{font-size:16px;color:#888;}

/*내용*/
.wrap-notice a.subject .content{font-size:16px;color:#666;line-height:1.5;width:calc(100% - 55px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*더보기*/
.wrap-notice a.more{display:inline-block;position:absolute;bottom:0;left:50%; transform:translateX(-50%);border:4px solid #dcdcdc; padding:5px 50px;}

/*활성화*/
.wrap-notice .list,
.wrap-notice a.more{display:none}
.wrap-notice > ul > li.active .list,
.wrap-notice > ul > li.active a.more{display:block}
@media only screen and (min-width:1024px){
	.wrap-notice .title a:hover{color:#222;border-color:#222;}
	.wrap-notice a.more:hover{border-color:#DDD}
}
@media only screen and (max-width:1023px){
	.wrap-notice{padding:30px 15px; max-height:570px;}
	.wrap-notice .title a{font-size:30px;}
	.wrap-notice > ul > li + li{background-position:left 20px;}
}

@media only screen and (max-width:767px){
	.wrap-notice{max-height:530px;} 
	.wrap-notice .title a {padding-bottom:10px;font-size: 22px;}

	.wrap-notice a.subject {min-height: auto;padding-left: 90px;}	
	.wrap-notice a.subject .date {    left: 20px;    top: 18px;}
	.wrap-notice a.subject .date .dD{font-size: 38px;}
	.wrap-notice a.subject .date .yM{font-size:14px; }
	.wrap-notice > ul > li + li {background:none;padding: 0;margin: 0;}
}