@charset "utf-8";

.wrap_rctIR{min-height:54rem;overflow:hidden;}
.wrap_rctIR .container{max-width:180rem;margin:0 auto;position:relative;}

.wrap_rctIR .titleMore{display:flex;align-items:center;position:absolute;left:0;top:0.5rem;}
.wrap_rctIR .titleMore h2{font-size:5rem;font-family:'Georgia', serif;font-style:italic;color:#161616;line-height:1;letter-spacing:-1px;display:flex;align-items:center;}
.wrap_rctIR .titleMore h2::after{width:6rem;height:1px;background:#ab3030;margin:0 1.5rem 0 2rem;content:"";display:block;}
.wrap_rctIR .titleMore a.btnMore{width:2.3rem;height:2.3rem;background:url('../images/more.png') no-repeat center;text-indent:-9999px;display:block;}

.wrap_rctIR .inner{width:100%;padding-left:5rem;display:flex;align-items:center;justify-content:center;}

.wrap_rctIR .title a{font-size:2.2rem;font-family:'pre-m';color:#222;padding:0 2rem;min-width:12rem;height:6rem;display:flex;align-items:center;justify-content:center;background:#FFF;}
.wrap_rctIR li.active .title a{background:#ab3030;color:#FFF;border-radius:1rem;}
.wrap_rctIR .title a:hover{color:#ab3030;}

.wrap_rctIR .inner > li:first-child .title a{border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
.wrap_rctIR .inner > li:last-child .title a{border-top-right-radius:1rem;border-bottom-right-radius:1rem;}

.wrap_rctIR .list{width:100%;position:absolute;left:0;top:12rem;}
.wrap_rctIR .list ul{display:flex;flex-wrap:wrap;}
.wrap_rctIR .list ul li{width:25%;padding:0 4rem;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;margin-right:-1px;padding-bottom:5rem;position:relative;}
.wrap_rctIR .list ul li a{display:block;transition:0.3s;}
.wrap_rctIR .list ul li::before{width:3px;height:0;background:#ab3030;position:absolute;right:-2px;top:0;content:"";display:block;transition:0.3s;z-index:1;}
.wrap_rctIR .list ul li:hover::before{height:100%;}

.wrap_rctIR .list ul li.nodata{width:100%;border:0;text-align:center;font-size:2.4rem;font-family:'pre-sb';color:#000;padding:5rem 1rem;}

.wrap_rctIR .list ul li a .subjectText{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:6.3rem;overflow:hidden;word-wrap:break-word;}
.wrap_rctIR .list ul li a .subjectText span{font-size:2.4rem;font-family:'pre-sb';color:#000;line-height:1.3;}
.wrap_rctIR .list ul li a .content{margin-top:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:5rem;overflow:hidden;word-wrap:break-word;}
.wrap_rctIR .list ul li a .content span{font-size:1.6rem;font-family:'pre-r';color:#6b6b6b;}
.wrap_rctIR .list ul li a .date{margin-top:2rem;display:flex;align-items:center;}
.wrap_rctIR .list ul li a .date span{font-size:1.4rem;font-family:'pre-m';color:#AAA;}

.wrap_rctIR .list ul li a:hover .subjectText span{border-bottom:2px solid #000;}


/* CONTROL */
.wrap_rctIR .control{display:none;}

/* ACTIVE */
.wrap_rctIR .list{display:none;}
.wrap_rctIR li.active .list{display:block;}


@media only screen and (max-width:1840px){
	.wrap_rctIR .container{max-width:calc(100% - 4rem);}
}
@media only screen and (max-width:1280px){
	.wrap_rctIR{min-height:55.5rem;}
	.wrap_rctIR .titleMore{position:relative;left:unset;top:unset;}
	.wrap_rctIR .inner{margin-top:4rem;padding-left:0;justify-content:space-between;align-items:flex-start;}
	.wrap_rctIR .inner > li{width:100%;}
	.wrap_rctIR .title a{min-width:100%;padding:0 1rem;}
	.wrap_rctIR .list{top:19rem;}
	.wrap_rctIR .list ul li{width:33.3%;padding:0 3rem;}
	.wrap_rctIR .list ul li:nth-child(n + 7){display:none;}
}
@media only screen and (max-width:768px){
	.wrap_rctIR{min-height:61rem;}
	.wrap_rctIR .titleMore h2{font-size:3.6rem;}
	.wrap_rctIR .title a{font-size:2rem;height:5rem;}
	.wrap_rctIR .list{top:16rem;}
	.wrap_rctIR .list ul li{width:100%;padding:0 0 0 2rem;border-right:0;padding-bottom:2rem;}
	.wrap_rctIR .list ul li::before{display:none;}	
	.wrap_rctIR .list ul li a .subjectText{height:unset;-webkit-line-clamp:1;}
	.wrap_rctIR .list ul li a .subjectText span{font-size:2rem;}
	.wrap_rctIR .list ul li a .content{display:none;}
	.wrap_rctIR .list ul li a .date{margin-top:1rem;}
}
@media only screen and (max-width:460px){
	.wrap_rctIR .title a{font-size:1.8rem;}
}