@charset "utf-8";
/* =====================================================
   Research — Publication과 동일한 게시판형 스타일 적용
   research/css/research.css
   ===================================================== */

/* ── 검색바 (라운드/보더 시안) ── */
.research .blind {display:none;}
.research .search-top-box {margin-bottom:20px;}
.research .search-flex {display:flex; gap:12px; overflow:hidden;}
.research .search-select-wrap {position:relative; width:170px;}
.research .search-select {width:100%; height:50px; padding:0 15px; border:1px solid rgba(0,0,0,0.15); border-radius:10px; background:url('/images/common/icon_select_arrow.svg') no-repeat calc(100% - 15px) 50%; appearance:none; font-size:var(--fs16); font-weight:500;}
.research .search-input-wrap {position:relative; flex:1;}
.research .search-input {width:100%; height:50px; padding:0 50px 0 15px; border:1px solid rgba(0,0,0,0.15); border-radius:10px; font-size:var(--fs16);}
.research .search-btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); width:30px; height:30px; background:url('/images/common/icon_search.svg') no-repeat 50% 50% / 20px; cursor:pointer;}

/* ── 목록 건수 ── */
.research .board_info {color:#888; font-size:var(--fs14); margin-bottom:12px;}
.research .board_info span {color:var(--c_base1); font-weight:700;}

/* ── 게시판 리스트 ── */
.research .journal-list ul {border-top:2px solid var(--c_base1);}
.research .journal-list ul li {position:relative; border-bottom:1px solid var(--border1);}
.research .journal-list ul li a {display:flex; gap:20px; align-items:flex-start; padding:26px 10px; transition:background .2s;}
.research .journal-list ul li a:hover {background:#faf9f8;}
.research .journal-list ul li .num {flex:0 0 46px; text-align:center; color:var(--c_base1); font-weight:700; font-size:var(--fs16); line-height:1.5;}
.research .journal-list ul li .thumb {flex:none; width:260px; overflow:hidden; border-radius:8px; background:var(--bg1); border:1px solid var(--border1);}
.research .journal-list ul li .thumb img {width:100%; height:auto; display:block;}
.research .journal-list ul li .text {flex:1; min-width:0;}
.research .journal-list ul li .text .subject {color:var(--c_base1); font-size:var(--fs18); font-weight:600; line-height:1.4; margin-bottom:14px; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.research .journal-list ul li a:hover .text .subject {text-decoration:underline; text-underline-offset:3px;}
.research .journal-list ul li .text .desc {color:#555; font-size:var(--fs15); line-height:1.6; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* ── 뷰(상세) ── */
.research .view .view-head .title {color:var(--c_base1); font-size:var(--fs24); font-weight:700; line-height:1.4; padding-bottom:20px; word-break:keep-all;}
.research .view .viewConBox {border-top:2px solid var(--c_base1); border-bottom:1px solid var(--border1); padding:34px 6px; color:#555; font-size:var(--fs16); line-height:1.9;}
.research .view .viewConBox img {max-width:100%;}

.research .view .btnBox {display:flex; justify-content:center; margin-top:36px;}
.research .view .btnBox a {display:inline-block; padding:14px 46px; border:1px solid var(--border1); border-radius:6px; color:var(--c_base1); font-weight:600; transition:all .25s;}
.research .view .btnBox a:hover {background:var(--c_base1); border-color:var(--c_base1); color:#fff;}

.research .view .more-list {margin-top:44px;}
.research .view .prevNextWrap {border-top:1px solid var(--border1);}
.research .view .prevNextWrap > div {display:flex; align-items:center; gap:14px; padding:18px 6px; border-bottom:1px solid var(--border1);}
.research .view .prevNextWrap .h10 {padding:0; border:0;}
.research .view .prevNextWrap > div i {flex:0 0 36px; width:36px; height:36px; border:1px solid var(--border1); border-radius:50%; background-position:50%; background-repeat:no-repeat; background-size:16px;}
.research .view .prevNextWrap > div i.prev {background-image:url(/images/common/view_prev.png);}
.research .view .prevNextWrap > div i.next {background-image:url(/images/common/view_next.png);}
.research .view .prevNextWrap > div > span:first-of-type {flex:0 0 46px; color:var(--c_base1); font-weight:700; font-size:var(--fs14);}
.research .view .prevNextWrap > div > span:last-child {flex:1; min-width:0;}
.research .view .prevNextWrap > div > span:last-child a {display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.research .view .prevNextWrap > div > span:last-child a:hover {color:var(--c_base1);}

/* ── 모바일 (~767px) ── */
@media screen and (max-width: 767px) {
	.research .search-flex {flex-direction:column;}
	.research .search-select-wrap {width:100%;}
	.research .search-select, .research .search-input {height:45px;}
	.research .journal-list ul li a {flex-direction:column; gap:12px; padding:22px 6px;}
	.research .journal-list ul li .num {display:none;}
	.research .journal-list ul li .thumb {flex:none; width:200px; max-width:100%;}
	.research .journal-list ul li .text .subject {font-size:var(--fs17);}
	.research .journal-list ul li .text .desc {font-size:var(--fs14);}
}