@charset "utf-8";

/*구조*/
.wrap_multiRct{padding:0 6rem;}
.wrap_multiRct .container{}

/*타이틀*/
.wrap_multiRct h2{display:none;}
.wrap_multiRct h2 span{}

.wrap_multiRct ul.inner{display:flex;}
.wrap_multiRct ul.inner > li{}

/*탭*/
.wrap_multiRct .title{margin-right:4rem;}
.wrap_multiRct .title a{font-size:3rem;color:#FFF;font-family:'se';line-height:1.1;}
.wrap_multiRct .inner > li.active .title a{color:#00abe6;}

/*목록*/
.wrap_multiRct .list{position:absolute;left:0;top:6rem;width:100%;}
.wrap_multiRct .list::before{content:"";display:block;width:100%;height:1px;background:#FFF;opacity:0.2;position:absolute;left:0;top:0.4rem;}
.wrap_multiRct .list ul{padding:0 6rem;}
.wrap_multiRct .list ul li{}

/*noData*/
.wrap_multiRct .list .nodata{font-size:2rem;color:#FFF;text-align:center;padding:4rem;width:100%;}

/*링크*/
.wrap_multiRct a.subject{display:block;}

/*컨텐츠*/
.wrap_multiRct .con{padding-right:5rem;}
.wrap_multiRct .con::before{content:"";display:block;width:10px;height:10px;background:#FFF;border-radius:100%;margin-bottom:4rem;}
.wrap_multiRct .con::after{content:"";display:block;width:18px;height:10px;background:url(../images/arrow_2_w.png) no-repeat right center;margin-top:3rem;}

/*제목*/
.wrap_multiRct .subjectText{font-size:2.5rem;color:#FFF;font-family:'se';line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

/*썸네일*/
.wrap_multiRct .thumb{display:none;}
.wrap_multiRct .thumb img{}

/*내용*/
.wrap_multiRct .content{display:none;}
.wrap_multiRct a.subject.isThumb .content{display:none;}

/*날짜*/
.wrap_multiRct .date{font-size:1.4rem;color:#FFF;font-family:'se';line-height:1;margin-bottom:1.5rem;opacity:0.8;}

/*더보기*/
.wrap_multiRct .more{display:block;text-indent:-9999px;width:3rem;height:3rem;background:url(../images/more2_w.png) no-repeat center;position:absolute;right:6rem;top:-0.1rem;}

/*활성화*/
.wrap_multiRct .list,
.wrap_multiRct .more{display:none}
.wrap_multiRct .inner > li.active .list,
.wrap_multiRct .inner > li.active .more{display:block}

/*CONTROL*/
.wrap_multiRct .slick-arrow{display:none !important;}
.wrap_multiRct .slick-prev{}
.wrap_multiRct .slick-next{}

@media only screen and (max-width:1280px){
	.wrap_multiRct .title{margin-right:3rem;}
	.wrap_multiRct .title a{font-size:2.5rem;}
	.wrap_multiRct,
	.wrap_multiRct .list ul{padding:0 2rem;}
	.wrap_multiRct .con{padding-right:3rem;}
	.wrap_multiRct .subjectText{font-size:2rem;}
	.wrap_multiRct .more{right:2rem;}
}
@media only screen and (max-width:768px){
	.wrap_multiRct .title{margin-right:2rem;}
	.wrap_multiRct .title a{font-size:2.25rem;}

	.wrap_multiRct .list::before{display:none;}
	.wrap_multiRct a.subject{border-top:1px solid rgba(255,255,255,0.7);padding-top:1.5rem;margin-bottom:1.5rem;}
	.wrap_multiRct .con{padding-right:0;}
	.wrap_multiRct .con::before,
	.wrap_multiRct .con::after{display:none;}
	.wrap_multiRct .date{font-size:1.2rem;}
	.wrap_multiRct .subjectText{font-size:1.8rem;}
}