@charset "utf-8";

.blind {display:none;}
.search-top-box { margin-bottom: 30px; }
.search-flex { display: flex; gap: 12px; overflow: hidden; justify-content: space-between;}
.search-wrap { display: flex; gap: 12px; overflow: hidden; }
.search-select-wrap { position: relative; width: 150px;}
.search-select { width: 100%; height: 50px; padding: 0 15px; border: 0; background: url('/images/common/icon_select_arrow.svg') no-repeat calc(100% - 15px) 50%; appearance: none; font-size: var(--fs16); font-weight: 500; border: 1px solid rgba(0,0,0,0.15);  border-radius:10px; }
.search-input-wrap { position: relative; flex: 1; }
.search-input { min-width:580px; height: 50px; padding: 0 50px 0 15px; border: 0; font-size: var(--fs16); border:1px solid rgba(0,0,0,0.15); border-radius:10px; }
.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; }

.year-wrap {width:150px;}

.pub-list-wrap { border-top: 1px solid #eee; }
.pub-item { display: flex; justify-content: space-between; padding: 20px 10px; border-bottom: 1px solid #eee; }
.pub-txt-box { flex: 1; padding-right: 40px; display:flex; gap:30px;}
.pun-mumber p {font-size:var(--fs14); color:#999;}
.pub-tit { font-size: var(--fs20); font-weight: 500; color: #333; line-height: 1.3; margin-bottom:12px; letter-spacing: -0.5px; }
.pub-tit p {padding-top:6px; color:var(--c_base2); font-size:var(--fs17);}
.pub-tit-center { font-size: var(--fs20); font-weight: 500; color: #333; line-height: 1.3; margin-bottom:12px; letter-spacing: -0.5px; text-align: center;}

.pub-info { display: flex; flex-direction: column; gap: 6px; }
.pub-info li { position: relative; padding-left: 15px; font-size: var(--fs16); color: #555; font-weight: 400; }
.pub-info li::before { content: ''; display:block; width:4px; height:4px; background:#555; border-radius:4px; position: absolute; left: 0; top: 10px; }
.pub-info li.journal-date::before {display:none;}
.pub-info li.journal-date {display:flex; gap:8px 25px; flex-wrap:wrap; padding-left:0;}
.pub-info li.journal-date>span {display:flex; gap:4px;}

.pub-txt-box .meta-data { display:flex; align-items: flex-start; gap:4px 25px; font-size:var(--fs16); transition:color 0.4s; flex-wrap:wrap; flex-direction: column;}
.pub-txt-box .meta-data span { position:relative; padding-left:16px; color:#999; }
.pub-txt-box .meta-data span:before { content:""; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:100px; background:#999; }

.pub-link-wrap .pub-link-btn { display: flex; align-items: center; justify-content: center; width: 70px; height: 45px; border: 1px solid var(--border1); border-radius: 8px; font-size: var(--fs14); color: var(--c_base2); font-weight: 700; transition: 0.3s; }
.pub-link-btn:hover { background: var(--c_base1); color: #fff; border-color: var(--c_base1); }


.tabWrap ul {display:flex; gap:8px; justify-content: center; margin-bottom:70px;}
.tabWrap ul li a {display:inline-block; width:300px; height:56px; line-height:53px; border-radius:8px; color:#B0BBC9; border:1px solid #D1DBE6; background:#F7F8F9; text-align:center; transition:.3s; }
.tabWrap ul li .active {color:#fff; border:1px solid var(--c_base1); background:var(--c_base1);}
.tabWrap ul li a:hover {color:#fff; border:1px solid var(--c_base1); background:var(--c_base1);}

@media screen and (max-width: 1199px) {
    .pub-tit { font-size: var(--fs20); }
	
	.tabWrap ul {flex-direction: column; margin-bottom: 30px;}
	.tabWrap ul li a {width:100%;}
	
	.search-flex {flex-direction: column;}
	.search-wrap {flex-direction: column;}
	.search-input {min-width:100%;}
	.search-select-wrap { width: 100%; }
	.search-wrap {gap:6px;}
}

@media screen and (max-width: 767px) {
	.pub-txt-box {flex-direction: column; gap:8px;}
	.search-select {height:45px;}
	.search-input {height:45px;}
	.pub-txt-box .meta-data span {line-height:1.2;}
	
    .search-flex { flex-direction:column; border-radius: 4px; }
    
    .pub-item { flex-direction: column; align-items: flex-start; gap: 20px; }
    .pub-txt-box { padding-right: 0; }
    .pub-link-wrap { width: 100%; }
    .pub-link-btn { width: 100%; height: 40px; }
    .pub-tit { font-size: var(--fs18); }
    .pub-info li { font-size: var(--fs14); }
}