@charset "utf-8";

.wrap_information{word-break:break-all;min-height:280px;padding-top:10px;}

/*게시판*/
.wrap_information > ul{display:flex;align-items:center;}
.wrap_information > ul > li{}
/*타이틀*/
.wrap_information .title{margin-left:20px;}
.wrap_information .title a{font-family:'S-CoreDream-3Light';color:#ababab;font-size:20px;position:relative;}
.wrap_information .title a:before{content:"/";display:inline-block;padding:0 15px;}
.wrap_information .title a:after{content:"";display:none;width:50px;height:1px;background:#000;position:absolute;right:-40px;top:50%;}
/*목록*/
.wrap_information .list{position:absolute;left:0;top:65px;width:100%;}
.wrap_information .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.wrap_information .list ul li{width:48%;margin-left:2%;}
/*noData*/
.wrap_information .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*링크*/
.wrap_information a.subject{display:block;padding:5px 0;}
.wrap_information a.subject:after{content:"";display:block;width:calc(100% - 65px);height:1px;background:#dcdcdc;margin-left:65px;}
/*썸네일*/
.wrap_information .thumb{display:none;}
.wrap_information .thumb img{}
/*감싸기*/
.wrap_information .con{display:flex;flex-direction:row-reverse;align-items:center;}
/*제목*/
.wrap_information .subjectText{display:flex;justify-content:space-between;align-items:center;font-family:'S-CoreDream-3Light';font-size:17px;color:#585858;line-height:1.2;width:calc(100% - 65px);}
.wrap_information .subjectText span{display:inline-block;max-width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_information .subjectText span strong{position:relative;}
.wrap_information .subjectText span:before{content:"";display:inline-block;background:#f7d1aa;width:0;height:10px;position:absolute;left:0;bottom:0;}
.wrap_information .subjectText:after{content:"";display:inline-block;width:20px;height:16px;background:url(../images/arr_orange.png) center no-repeat;transform:scale(0);}
/*내용*/
.wrap_information .content{display:none;}
/*날짜*/
.wrap_information .date{font-family: 'Titillium Web', sans-serif;line-height:1;width:65px;}
.wrap_information .date span{display:block;text-align:center;}
.wrap_information .date .dD{font-size:18px;color:#585858;font-weight:600;}
.wrap_information .date .yM{font-size:13px;color:#aaaaaa;font-weight:300;}
/*더보기*/
.wrap_information .more{display: block;text-indent: -9999px;position: absolute;right: 0;top:12px;width: 29px;height: 24px;background: url(../images/icon_more_b.png) center no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
/*활성화*/
.wrap_information .list,
.wrap_information .more{display:none}
.wrap_information > ul > li.active .list,
.wrap_information > ul > li.active .more{display:block}
.wrap_information > ul > li.active .title a{font-family:'S-CoreDream-4Regular';color:#FFF;font-size:25px;background:#ff8400;border-radius:30px;padding:10px 15px;margin-right:40px;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_information > ul > li.active .title a:after{display:block;}
.wrap_information > ul > li.active .title{}

.wrap_information > ul > li.active .title a:before,
.wrap_information > ul > li:first-child .title a:before{display:none;}

@media only screen and (max-width:768px){
	.wrap_information{min-height:330px;}
	.wrap_information .list ul li{width:100%;margin:0;}
	.wrap_information .title{margin-left:0;margin-right:10px;}
	.wrap_information .title a{font-size:16px;font-family:'S-CoreDream-4Regular';}
	.wrap_information .title a:before,
	.wrap_information .title a:after{display:none !important;}
	.wrap_information > ul > li.active .title a{font-size:16px;margin-right:0;padding:5px 0;background:none;color:#ff8400;border-bottom:2px solid #ff8400;border-radius:0;}
	.wrap_information .list{top:50px;}
	.wrap_information .list ul li:nth-child(n+6){display:none;}
	.wrap_information .subjectText{font-size:15px;}
	.wrap_information .date .dD{font-size:16px;}

	.wrap_information .more{top:auto;bottom:0;width:100%;background: url(../images/plus_3_b.png) center bottom no-repeat;filter: alpha(opacity=100);opacity:1;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.wrap_information a.subject:hover .subjectText span:before{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_information a.subject:hover .subjectText:after{transform:scale(1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}