@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');

/* main */
.title-srch {background-color:#3173a6; box-sizing:border-box; padding:25px 20px;}
.title-srch span { display:block; color:#fff; font-size:16px; font-weight:600;}
.title-srch input[type="text"] {
	width:100%; height:40px; font-size:15px; box-sizing:border-box; padding:5px; border-radius:0!important; margin:15px 0 0; border:0; padding:0 10px;
}

.page-wrap {padding:10px 0; font-size:14px; font-weight:300; clear:both; /*border-top:1px solid #e1e1e1;*/}
.tree-wrap {  border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; min-height:1280px; width:280px; display:table-cell;}
.view-collection {
	display:inline-block;
}
.view-collection  { border:0; display: table-cell; vertical-align: top; }
.view-tree {
	padding:0;
	background:white;
}

.sidebar {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	height: auto;
	width: 75%;
	background: white;
	transition: margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;
	z-index: 1041;
}

.sidebar.sidebar-left {
	left: -75%;
}

.sidebar.sidebar-left.show {
	left: 0;
	box-shadow: 5px 5px 10px rgba(0,0,0,.15);
}

.sidebar.sidebar-right {
	right: -75%;
}

.sidebar.sidebar-right.show {
	right: 0;
	box-shadow: -5px 5px 10px rgba(0,0,0,.15);
}

.sidebar-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: 0.5;
	display: none;
}

.sidebar-backdrop.show {
	display: block;
}


.sidebar-toggle-btn {
	display: block;
	color: rgb(33, 37, 41);
	opacity: .5;
	width: auto;
	height: auto;
	padding: 0;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 10px;
}

.sidebar:hover .sidebar-toggle-btn {
	opacity: 1;
}

.sidebar-toggle-btn:after {
	display: inline-block;
	padding: 0 .25rem .35rem;
	font-size: 1.5rem;
	content: "\2715";
	transition: transform .5s .25s;
}


@media (min-width: 768px) { /* md ~ */
	.sidebar {
		width: 50%;
	}

	.sidebar.sidebar-left {
		left: -50%;
	}

	.sidebar.sidebar-right {
		right: -50%;
	}
}

@media (min-width: 992px) { /* lg ~ */
	.sidebar.sidebar-left {
		position: static;
		box-shadow: none;
		z-index: auto;
		width: 300px;
		border-right: 1px solid #e1e1e1;
	}

	.sidebar .sidebar-toggle-btn {
		display: none;
	}

	.sidebar.sidebar-right {
		width: 400px;
		right: -400px;
	}
}


@media (min-width: 1460px) { /* xxl ~ */
	.sidebar.sidebar-right {
		position: static;
		box-shadow: inherit;
		z-index: auto;
	}


	.sidebar.sidebar-right {
		width: 230px;
	}

	.sidebar .sidebar-wrap {
		display: revert;
	}

	.sidebar.sidebar-right .sidebar-toggle-btn {
		display: none;
	}
}

.media div {color:#777; }
/*
.media h5 {margin:0 0 5px;}
.media h5 a {
	display:block;
	width:100%;
	max-height:48px;
	white-space:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	word-break:break-all;
	font-family:'Noto Sans KR',sans-serif;
	font-weight:600;
	color:#333;
	padding:0;
	-webkit-box-orient: vertical;
}*/

/*==== collection-view / page ====*/

.view-collection { display: table-cell; vertical-align: top; }
.container.page-view {display:table; height:100%;}
.page-view .view-collection {border-bottom:0;}

.pageCtrl {background-color:#353c4c; z-index:9; width:100%;}
.pageCtrl a {
	color:#fff; font-size:16px; font-weight:500; word-break:break-all; max-width:100%; display:block; line-height:1.5em;}
.pageCtrl a:hover {color:#648cbe;}
.info-toggle {
	display:block; position:absolute; left:10px;     line-height: 20px;
	background-color:rgba(235,235,235,1); border:0; width:25px; height:25px; border-radius:100%!important; z-index:999;}
.info-toggle i {font-size:14px; margin:0; line-height:25px;}

/*.page-view .tree-list {padding:0 0 50px;}*/
.page-view .tree-list a {display:block; padding:10px; color:#333; }


.page-view .tree-list [level] a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 280px;
}
.page-view .tree-list .level1, .page-view .tree-list .level2,.page-view .tree-list .level3,.page-view .tree-list .level4,.page-view .tree-list .level5 { background-color:#fff; font-weight:400; font-size:15px; padding:0; position:relative;}
.page-view .tree-list .level1 {font-weight:500;}
.page-view .tree-list .active {background-color:rgba(100,140,190,.15); color:#0073ce;}
.page-view .tree-list .active {position:relative;}
/*.page-view .tree-list .active::before {content:''; width:4px; height:100%; position:absolute; background-color:#0073ce; top:0; left:0;}*/
.page-view .tree-list .level2,
.page-view .tree-list .level3 {
	background-color:#fff;
	font-size:15px;
}

/*.page-view .tree-list .level4::before,.page-view .tree-list .level5::before {content:'-'; display:inline-block; position:absolute; vertical-align:middle; left:15px; top:7px; color:#aaa;}*/
.page-view .tree-list:last-child .level4 {/*border-bottom:1px solid #e5e5e5;*/ font-size:15px; }
.page-view .tree-list .level2 a { padding-left: 1em; }
.page-view .tree-list .level3 a { padding:5px 10px 5px 2em; line-height:1.5em;}
.page-view .tree-list .level4 a { padding:5px 10px 5px 3em; line-height:1.5em; }
.page-view .tree-list .level5 a { padding:5px 10px 5px 4em; line-height:1.5em; }

.level2 a.active,.level3 a.active,
.level4 a.active, .level5 a.active {
	color:#0073ce;
}

.page-view .view-collection {border-top:0; }
/* .page-view .rowbox,.rowbox { border-top:1px solid #eee; } */
.page-view .bottom-box {border-top:1px solid #eee; padding:10px;}
.page-view .bottom-box button,label.cateAll {background-color:#626c83; color:#fff; font-size:15px;}
.page-view .bottom-box button:hover,label.cateAll:hover {background-color:#3f4961; border:1px solid #3f4961; color:#fff;}
.page-title h3 { font-weight:600; letter-spacing: -0.05em; margin: 0;}

.basic-info {position:relative; }
.page-view .thumb-wrap,.page-view .page-info{ position:relative; box-sizing:border-box; display:inline-block; vertical-align:middle;}

.page-view .subdiv label,.page-view .subdiv span {display:inline-block; vertical-align:middle; padding:20px 0 0;}
.page-info .subdiv label {font-weight:500; color:#454545; min-width:25%; margin:0; }
.page-view .subdiv span {width:70%; color:#757575; font-weight:300;}
/* .page-info .subdiv:last-child label,.page-info .subdiv:last-child span {padding:0;} */

.page-view .thumb {/* display:flex; */ display:-ms-flexbox; justify-content:center; align-items:center; overflow:hidden; margin:0 auto;}

/* .rowbox .subdiv {display:inline-block; vertical-align:top;} */
.rowbox .subdiv label {line-height: 1.7em;}
.writer-list {display:inline-block; vertical-align:top;}
.writer-list li,.rowbox p {display:block; color:#757575; font-weight:400; }
.writer-list li:last-child {padding-bottom:0;}
.writer-list li small {color:#959595; font-size:14px;}
.writer-list li {padding-bottom:10px;}
.rowbox p {line-height:1.5em; font-weight:300;}
.file-list {display:inline-block; vertical-align:top;}
.file-list a {display:inline-block; font-size: 1rem; font-weight: normal; border-radius:5px; line-height:20px; box-sizing:border-box; text-align: start; padding-left: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85%;}

/*=== page-view ====*/
.page-view .tree-list {width:100%; max-height:100%; box-sizing:border-box; padding:0 0 50px 0;}
.page-sub-title { letter-spacing:-0.05em;}
.page-sub-title h3 {margin:0; line-height:2em; }
.page-sub-title a {display:inline-block; color:rgba(100,140,190,1); font-weight:500; }

.page-sub-title a:last-child::after {content:none;}

.article-view .page-info,
.more-view .page-info {
	display:block;
	width:100%;
}
.article-view .subdiv label {min-width:10%;}
.article-view .page-writer {
	color:#555; line-height:1.2em; font-size:.9em; margin:0 0 10px; padding-left:5px; border-left:3px solid rgba(100,140,190,.5);}
.article-view .page-writer small {font-size:90%;}
.doi-link {display:inline-block; color:rgba(100,140,190,1); font-size:.85em; letter-spacing:-0.02em; padding:10px 0;}
.category-box {display:block;  margin:0;}
.category-box li {display:inline-block; font-size:.85em; line-height:1em;}
.category-box li::after {content:'\f054';  font-family: 'Font Awesome 5 Pro'; color:#aaa; margin:0 2px 0 6px; line-height:1em;}
.category-box li:last-child::after {content:none;}

.dotline-box {border-top:1px dotted #e1e1e1; padding:10px 0;}

/*===== Search ===== */

.view-box.srched {display: table; padding:0;}
.srched .view-collection {display:table-cell; vertical-align:top; }
.view-tree.srch-filter {display:table-cell; vertical-align:top; }
.srch-filter .title-box {
	width:100%;
	padding:10px;
}
.title1 {font-size:16px; font-weight:500; margin: 0;}
.srch-filter button {
	display:block;
	float:right;
	background-color:#6c93c0;
	color: #fff;
	font-size: 15px;
	border:0;
	height:25px;
	border-radius:3px;
}

.srch-filter button:hover {background-color:#396496; transition:.3s;}
.srch-filter .tree-list {overflow:auto; max-height:150px; margin:10px 5px; scrollbar-width:thin; }
.srch-filter .tree-list > div {padding:5px 5px 5px 1.5em; text-indent:-1em;}
.srch-filter .tree-list label {font-size:15px; color:#757575; font-weight:400; line-height:1.375em; cursor:pointer; margin:0; display:inline; text-indent:0;}
.srch-filter .tree-list label > .count {display:inline-block;}
.srch-filter .tree-list input[type=checkbox]:checked+label {color:#1c7eec; font-weight:500;}
.result-info {text-align:center; font-size:18px; font-weight:500; color:#333;}
.result-info small {display:block; padding:10px; color:#6c93c0; font-size:15px; font-weight:500; }
.srched-box {border-bottom:1px dotted #e1e1e1; }
.con-title {width:100%; }
.con-title a {font-size:18px; font-weight:500; color:#1b1b1b;}
.con-info ul {display:block; width:100%; padding: 10px 0;}
.con-info ul.writer-list {
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:30px;
}
.con-info ul.writer-list li {padding:0;}
.con-info ul li {display:inline-block; color:#666; font-weight:300; vertical-align:middle; position:relative;  }
.con-info ul li:first-child {padding:0 10px 0 0;}
.con-info .writer-list {
	white-space:normal; width:100%; max-height:28px; padding:0; color:#c2c2c2; overflow:hidden;  word-wrap:break-word;
	text-overflow:ellipsis;
}
.con-info .writer-list span {display:inline-block; text-overflow:ellipsis;}
.con-info ul li:last-child {border-right:0;}
.con-txt {font-size:15px; color:#3c4360; line-height:1.5em; width:100%; max-height:500px; overflow:hidden;  text-overflow:ellipsis; white-space:normal;  word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.srched-box .link {display:block; padding:10px 0 0;}
.srched-box .link a,.srched-box .link i {font-size:15px; color:#6c93c0;}
.srched-box .link i {margin-right:5px;}

.writer-info li {display:block; width:100%; color:#454545; padding:0 0 10px;}
.writer-info li span {display:inline-block; font-weight:500; min-width:90px;}

.container.srched-page {box-sizing:border-box; background-color:#fff; box-shadow:10px 10px 15px rgba(0,0,0,.15);}

.naviDiv {padding:10px 0 ;}
.movPage {
	display:inline-block;
	background-color:#6c93c0;
	width:100px;
	height:40px;
	color:#fff;
	font-size:15px;
	line-height:40px;
	text-align:center;
	float:right;
}
.movPage:hover {color:#fff; background-color:#3771b5; transition:.3s;}

/* 팝업 테이블 */
.table-wrap {padding:10px;}
.table-wrap table {font-family:'Maven Pro','Noto Sans KR',sans-serif; padding:0;}
table {border-collapse:collapse; border-spacing:0; }
.table-wrap table td {/* border:1px solid #e1e1e1!important; */background-color:#fff;}


.menu-hide {visibility:hidden;}

.tree-list .label-ck {word-break: break-all; }

/* article */

html {
	scroll-behavior: smooth;
}

.sidebar-wrapper {
	padding-left: 16px;
}

.sidebar-wrap {
	position: sticky;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	height: calc(100vh - 140px);
	display: none;
}

.show .sidebar-wrap {
	display: block;
}

.sidebar-nav {
	height: 60px;
	padding-top: 20px;
}

.sidebar-file {
	height: 60px;
	padding-top: 20px;
}

.sidebar-second {
	overflow-x: hidden;
	overflow-y: auto;
}

.sidebar-second a:hover {
	color: black;
}

.sidebar-second a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: 400;
	color: rgba(60, 60, 60, 0.7);
}

/* 회원가입 폼 join.jsp */
.btnT {
	text-align: center;
	margin-top: 10px;
}

#photoImg {
	border: 1px solid #bfbfbf;
	width: 240px;
	height: 320px;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

/*============================ MEDIA QUERY ==================================*/