@charset "utf-8";

/*구조*/
.wrap_multiRct{min-height:62.6rem;}
.wrap_multiRct .container{}

/*타이틀*/
.wrap_multiRct h2{color:#FFF;font-size:8rem !important;line-height:1 !important;letter-spacing:-0.2rem;font-family:'seb';}
.wrap_multiRct h2 span{color:#ffd655;}
@media all and (max-width:1280px){
	.wrap_multiRct h2{font-size:6rem !important;}
}
@media all and (max-width:768px){
	.wrap_multiRct h2{font-size:4rem !important;}
}

.wrap_multiRct ul.inner{display:flex;justify-content:flex-end;padding-right:7rem;margin-top:-4rem;position:relative;}
.wrap_multiRct ul.inner > li{margin-left:5rem;}

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

/*목록*/
.wrap_multiRct .list{position:absolute;left:0;top:115px;width:100%;}
.wrap_multiRct .list ul{padding:0 5rem;}
.wrap_multiRct .list ul li{}
.wrap_multiRct .list .slick-slide:nth-child(even){margin-top:5rem;}

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

/*링크*/
.wrap_multiRct a.subject{display:block;background:#FFF;margin:0 1rem;padding:4.5rem;height:42rem;transition:0.3s;}

/*컨텐츠*/
.wrap_multiRct .con{}

/*제목*/
.wrap_multiRct .subjectText{font-size:3rem;color:#222;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{text-align:center;height:17rem;margin-top:2rem}
.wrap_multiRct .thumb img{display:inline;object-fit:cover;object-position:center;width:100%;height:100%;}

/*내용*/
.wrap_multiRct .content{font-size:2rem;color:#444;font-family:'ppr';line-height:1.5;margin-top:4rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:5;}
.wrap_multiRct a.subject.isThumb .content{display:none;}

/*날짜*/
.wrap_multiRct .date{font-size:1.6rem;color:#444;font-family:'sl';line-height:1;margin-top:4rem;}

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

/*활성화*/
.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{width:5rem;height:5rem;font-size:0;display:block;position:absolute;top:calc(50% - 2.5rem);z-index:1;}
.wrap_multiRct .slick-prev{background:url(../images/prev2_w.png) no-repeat left center;left:0;}
.wrap_multiRct .slick-next{background:url(../images/next2_w.png) no-repeat right center;right:0;}

@media only screen and (max-width:1280px){
	.wrap_multiRct{min-height:52rem;}
	.wrap_multiRct ul.inner > li{margin-left:3.75rem;}
	.wrap_multiRct .list ul{padding:0 3.75rem;}

	.wrap_multiRct .title a{font-size:3rem;}
	.wrap_multiRct .more{width:2.4rem;height:2.4rem;}
	.wrap_multiRct a.subject{padding:3.4rem;height:35.5rem;}
	.wrap_multiRct .subjectText{font-size:2.25rem;}
	.wrap_multiRct .thumb{height:12.75rem;margin-top:1.5rem}
	.wrap_multiRct .content{font-size:1.8rem;margin-top:3rem;}
	.wrap_multiRct .date{font-size:1.4rem;margin-top:3rem;}

	.wrap_multiRct .slick-arrow{width:3.75rem;height:3.75rem;top:calc(50% - 2.5rem);}
}
@media only screen and (max-width:768px){
	.wrap_multiRct{min-height:35rem;}
	.wrap_multiRct ul.inner{justify-content:flex-start;}
	.wrap_multiRct ul.inner > li{margin-left:0;margin-right:2.5rem;}
	.wrap_multiRct .list{top:70px;}
	.wrap_multiRct .list ul{padding:0 2.5rem;}

	.wrap_multiRct .title a{font-size:2rem;}
	.wrap_multiRct a.subject{padding:2.25rem;height:28rem;}
	.wrap_multiRct .subjectText{font-size:2rem;}
	.wrap_multiRct .content{font-size:1.5rem;margin-top:2rem;}
	.wrap_multiRct .date{margin-top:2rem;}

	.wrap_multiRct .slick-arrow{width:2.5rem;height:2.5rem;top:calc(50% - 1.25rem);}
	.wrap_multiRct .list .slick-slide:nth-child(even){margin-top:0rem;}
}


.wrap_multiRct .title a:hover{color:#ffd655;}
.wrap_multiRct a.subject:hover{background:#ffd655;}
.wrap_multiRct a.subject:hover .content{color:#000;}