@charset "utf-8";

/*LAYOUT*/
.wrap-notice{height:100%;border:1px solid #DDD;}
.wrap-notice .container{}
.wrap-notice .inner{display:flex;padding:0 20px;}
.wrap-notice .inner > li{}

/*TAB*/
.wrap-notice .title{display:flex;align-items:center;}
.wrap-notice .title::before{content:"";display:block;width:1px;height:10px;background:#888;margin:0 15px;}
.wrap-notice .inner > li:first-child .title::before{display:none;}
.wrap-notice .title a{font-size:18px;color:#000;line-height:1;padding:15px 0;display:block;border-bottom:3px solid transparent;}
.wrap-notice .inner > li.active .title a{border-color:#1c74cd;}

/*LIST*/
.wrap-notice .list{padding:20px;position:absolute;left:0px;top:50px;width:100%;}
.wrap-notice .list ul{}
.wrap-notice .list ul li{}

/*NoData*/
.wrap-notice .list .nodata{font-size:18px;color:#000;text-align:center;padding:40px 0;width:100%;text-align:center;}

/*LINK*/
.wrap-notice a.subject{display:block;}

/*THUM*/
.wrap-notice .thumb{width:265px;height:185px;overflow:hidden;}
.wrap-notice .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;}

/*컨텐츠*/
.wrap-notice .con{padding:5px 0;display:flex;align-items:center;}

/*TITLE*/
.wrap-notice .con .subjectText{padding-left:10px;position:relative;width:calc(100% - 80px);}
.wrap-notice .con .subjectText span{font-size:15px;color:#444;line-height:1;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;word-break:break-all;}
.wrap-notice .con .subjectText::before{content:"";display:block;width:3px;height:3px;background:#888;position:absolute;left:0;top:6px;}

/*CONTENT*/
.wrap-notice .con .content{display:none;}
.wrap-notice .con .content span{}

/*DATE*/
.wrap-notice .con .date{font-size:14px;color:#666;line-height:1;text-align:right;width:80px;}
.wrap-notice .con .date .yearStr{}
.wrap-notice .con .date .monthStr{}
.wrap-notice .con .date .dayStr{}

/*DECO*/
.wrap-notice .readMore{display:none;}

/*MORE*/
.wrap-notice .more{font-size:0;width:40px;height:40px;background:url("../images/plus_1_b.png") no-repeat center;position:absolute;right:0px;top:3px;display:block;}


/*첫글*/
.wrap-notice .list ul li:first-child .con{padding:15px 0 15px 130px;margin-bottom:15px;border-bottom:1px dashed #CCC;min-height:120px;position:relative;display:block;}
.wrap-notice .list ul li:first-child .con::before{content:"";display:block;width:130px;height:113px;background:url("../images/icon_latest.gif") no-repeat left center;position:absolute;left:0;top:0;}
.wrap-notice .list ul li:first-child .con .subjectText{padding-left:50px; width: 100%;}
.wrap-notice .list ul li:first-child .con .subjectText span{font-size:18px;color:#000;}
.wrap-notice .list ul li:first-child .subjectText::before{content:"공지";width:unset;height:unset;padding:5px 8px;background:#1c74cd;position:absolute;left:0;top:-3px;font-size:14px;color:#FFF;line-height:1;}
.wrap-notice .list ul li:first-child .con .content{display:block;font-size:14px;color:#666;line-height:1.5;margin-top:15px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap-notice .list ul li:first-child .con .date{margin-top:5px;width:100%;}


/*ACTIVE*/
.wrap-notice .list{display:none}
.wrap-notice .more{display:none}
.wrap-notice .inner > li.active .list{display:block}
.wrap-notice .inner > li.active .more{display:block}

/*CONTROL*/
.wrap-notice .control{display:none;}

/*HOVER*/
@media only screen and (min-width:1281px){
}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
	/*첫글*/
	.wrap-notice .list ul li:first-child .con{padding:15px 0;min-height:unset;}
	.wrap-notice .list ul li:first-child .con::before{display:none;}
}