@charset "utf-8";
/* =====================================================
   Publication (Journal / Conference / Theses)
   목록(게시판형) + 뷰 — publication/css/publication.css
   ===================================================== */

/* ── 상단 탭 네비 ── */
.publication .pub-nav {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:44px;}
.publication .pub-nav a {display:inline-flex; align-items:center; height:46px; padding:0 24px; border:1px solid var(--border1); border-radius:6px; background:#fff; color:#555; font-size:var(--fs15); font-weight:600; transition:all .25s;}
.publication .pub-nav a:hover {border-color:var(--c_base1); color:var(--c_base1);}
.publication .pub-nav a.on {background:var(--c_base1); border-color:var(--c_base1); color:#fff;}

/* ── 검색바 (라운드/보더 시안) ── */
.publication .blind {display:none;}
.publication .search-top-box {margin-bottom:20px;}
.publication .search-flex {display:flex; gap:12px; overflow:hidden;}
.publication .search-select-wrap {position:relative; width:170px;}
.publication .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;}
.publication .search-input-wrap {position:relative; flex:1;}
.publication .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);}
.publication .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;}

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

/* ── 게시판 리스트 ── */
.publication .journal-list ul {border-top:2px solid var(--c_base1);}
.publication .journal-list ul li {position:relative; border-bottom:1px solid var(--border1);}
.publication .journal-list ul li a {display:flex; gap:20px; align-items:flex-start; padding:26px 10px; transition:background .2s;}
.publication .journal-list ul li a:hover {background:#faf9f8;}
.publication .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;}
.publication .journal-list ul li .text {flex:1; min-width:0;}
.publication .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;}
.publication .journal-list ul li a:hover .text .subject {text-decoration:underline; text-underline-offset:3px;}
.publication .journal-list ul li .text .desc {display:flex; gap:10px; color:#555; font-size:var(--fs15); line-height:1.6;}
.publication .journal-list ul li .text .desc + .desc {margin-top:5px;}
.publication .journal-list ul li .text .desc > span {flex:0 0 84px; color:var(--c_base2); font-weight:600;}

/* ── 뷰(상세) ── */
.publication .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;}
.publication .view .view-head table {width:100%; border-top:2px solid var(--c_base1);}
.publication .view .view-head table th,
.publication .view .view-head table td {padding:15px 20px; border-bottom:1px solid var(--border1); text-align:left; vertical-align:top; font-size:var(--fs15); line-height:1.6;}
.publication .view .view-head table th {width:220px; background:var(--bg1); color:var(--c_base1); font-weight:600;}
.publication .view .view-head table td {color:#555;}
.publication .view .view-head table td a:hover {color:var(--c_base2); text-decoration:underline;}

.publication .view .btnBox {display:flex; justify-content:center; margin-top:36px;}
.publication .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;}
.publication .view .btnBox a:hover {background:var(--c_base1); border-color:var(--c_base1); color:#fff;}

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

/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.publication .pub-nav {margin-bottom:32px;}
}

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