@charset "utf-8";

._fnctWrap {line-height: 1.5;}
.research-wrap {position: relative;}
.research-wrap .research-btn {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom:1px solid #000; }
.research-wrap .research-btn strong {font-size: 34px; font-family: 'SUITE ExtraBold'; color:#0041A5;}
.research-wrap .research-btn .more {width:30px; height:30px; background:url('../images/more-b.png') no-repeat center; display: inline-block; margin-left: 10px; text-indent: -9999px; transition:transform .5s;}
.research-wrap .research-btn .more:hover {transform:rotate(180deg);}
.research-wrap .list {padding:25px 0;}
.research-wrap .list > ul > li {margin-bottom: 12px;}
.research-wrap .list > ul > li:last-child {margin-bottom: 0;}
.research-wrap .list > ul > li a {display: flex; align-items: center; justify-content: space-between; padding:0 20px;}
.research-wrap .sj {font-size: 18px; color:#1d1d1d; font-family: 'SUITE Medium'; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; position: relative; background:linear-gradient(to bottom ,transparent 95%, rgba(0,0,0,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.research-wrap .sj:hover {background-size:100% auto;}
.research-wrap .date {font-size: 15px; font-family: 'SUITE Regular'; color:#a0a0a0; flex-shrink: 0;}
.research-wrap .nodata {font-family: 'HG Regular'; text-align: center;}

@media screen and (max-width:1500px) {
    .research-wrap .date {flex-shrink: 0;}
}
@media screen and (max-width:768px) {
    .research-wrap .research-btn {padding-bottom: 10px;}
    .research-wrap .research-btn strong {font-size: 26px;}
    .research-wrap .list {padding:15px 0;}
    .research-wrap .list > ul > li {margin-bottom: 17px;}
    .research-wrap .list > ul > li a {padding:0;}
    .research-wrap .sj {font-size: 16px;}
}