@charset "utf-8";

.dev {position:relative;}

/* 연구성과 */
.result {}
.result .result-tit {padding:0 120px 50px 0; background:url(/images/dev/result-icon.svg)100% 0 no-repeat;}
.result .result-tit h3 {color:#000; font-size:var(--fontSize10); font-weight:800; line-height:1.2;}
.result .result-tit p {padding:10px 0 0; font-size:var(--fontSize4); line-height:1.8;}

.result .result-tab {height:86px;  display:flex; justify-content:center; align-items:center; gap:80px; border-radius:20px; background:var(--darkGray);}
.result .result-tab a {font-size:var(--fontSize3); font-weight:600; color:#fff; border-bottom:2px solid transparent; line-height:1.5;}
.result .result-tab a.on {color:var(--sky); border-color:inherit;}
.result .result-tab a:hover {color:var(--sky);}
.result .result-list {}
.result .result-item {margin:10px 0 0; padding:50px; width:100%; gap:50px; display:flex; border-radius:20px; border:1px solid var(--bgcGray3); background:url(/images/icon/icon-move.svg)calc(100% - 50px) 50px no-repeat; transition:var(--ani);}
.result .result-item:hover {border-color:var(--sky); background-image:url(/images/icon/icon-move-on.svg);}
.result .result-item .img {width:88px;}
.result .result-item .img img {width:100%; height:100%; object-fit:cover;}
.result .result-item .txt { width:calc(100% - 140px); padding-right:50px; gap:10px; display:flex; flex-direction:column;}
.result .result-item .txt .year {font-size:var(--fontSize4); font-weight:600; color:#000; position:relative;}
.result .result-item .txt .year:after {width:30px; height:2px; background:transparent; left:55px; top:12px; position:absolute; display:block; content:'';transition:var(--ani);}
.result .result-item:hover .txt .year:after {background:var(--sky);}
.result .result-item .txt .tit {font-size:var(--fontSize11); font-weight:600; color:#000;}
.result .result-item .txt .txt {font-size:var(--fontSize4); line-height:1.4;}
 
/* 페이징 PC*/
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #ddd; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
.page_box .pc.pagination>li>a img {height:10px;}
/* .board_ebi .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:#0ea88e!important; border:1px solid #ddd;  font-weight:normal;}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
/*.board_ebi .page_box .pc.pagination .prev {margin-right:10px;}
.board_ebi .page_box .pc.pagination .next {margin-left:10px;}*/
.pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 연구성과 */
	.result .result-tit {padding:0 120px 40px 0;}
	.result .result-tit p { line-height:1.7;}
	
	.result .result-tab {height:80px; gap:60px;}
	.result .result-item {gap:40px; padding:40px;}

		
	/* 페이징 MOBILE */
	.page_box {position:relative; margin-top:30px; text-align:center;}
	.page_box .mobile label {display:none;}
	.page_box .mobile {display:inline-block; margin:0; padding:0;}
	.page_box .mobile>li {float:left; height:100%;}
	.page_box .mobile>li:last-child {padding-right:0;}
	/*
	.board_ebi .page_box .mobile .prev,
	.board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
	*/
	.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/images/common/list-prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
	.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/images/common/list-next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
	.page_box .mobile .write:hover {background:#000; color:#fff !important;}
	.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
	.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
	.page_box .mobile .btn-default  {border:0; height:32px !important;}	
	.mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede!important; min-width:50px;}
	.page_box .mobile select {padding: 8px 45px 8px 20px !important; background: url(/images/common/lnb-more.png) no-repeat 80% 50% / 8px auto;}

	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/* 연구성과 */
	.result .result-tit {padding:0 80px 30px 0; background-size:74px;}
	.result .result-tit p {padding:5px 0 0; line-height:1.6;}
	
	.result .result-tab {height:70px; gap:30px;}
	.result .result-tab a {line-height:1.4;}
	
	.result .result-item {gap:20px; padding:30px;flex-direction:column; background-position:calc(100% - 30px) 30px; background-size:34px;}
	.result .result-item .img {width:100px;}
	.result .result-item .txt {gap:5px; width:100%; padding:0;}
	.result .result-item .txt .year:after {width:24px; left: 50px;top: 11px;}
	

	
}