@charset "utf-8";




/*/////////////////////////////////////////////////////////////////////////////////////////////
	
	디지털 도서관 뷰페이지

	<div id="d_library">
		...
	</div>

/////////////////////////////////////////////////////////////////////////////////////////////*/
#d_library .search_bx,
#d_library .search_bx:before
{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}

#d_library .search_bx{min-height:33em; padding:0 2.3em 2.3em; background:url(../../images/d_library/searchs_bg.jpg) no-repeat center top 4.5em; font-size:18px; box-sizing:border-box;}
#d_library .search_bx:before{content:""; display:block; max-width: 41em; height: 17em; margin:0 auto; background-image: url(../../images/d_library/lnb_depth1_bul_down.png); background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#d_library .search_bx:after{content:""; width:100%;}
#d_library .search_bx p{margin:1.2em 0 1em; font-size:1.1em; text-align:center;}

#d_library .search_bx .searchs{position:relative; box-shadow:4px 4px 8px #c6d2ec;}
#d_library .search_bx .searchs:after{content:""; display:block; clear:both;}
#d_library .search_bx .searchs select,
#d_library .search_bx .searchs .input_bx{float:left;}
#d_library .search_bx .searchs select,
#d_library .search_bx .searchs .s_detail,
#d_library .search_bx .searchs .input_bx input[type="text"]{height:3em; border:0; font-size: 18px;}

/* 검색선택 */
#d_library .search_bx .searchs select{width:11.5em; padding:0 1.3em; background:#fff url(../../images/d_library/search_sel_arrow.gif) no-repeat right 1em center; -webkit-appearance:none;}
#d_library .search_bx .searchs select::-ms-expand {
    display: none;
}

/* 상세검색 */
#d_library .search_bx .searchs .s_detail{position:absolute; top:0; right:0; width:11em; line-height:2.95em; padding:0 1.3em; background-color:#fff; background-image:url(../../images/d_library/s_detail_icon.png); background-repeat:no-repeat; background-position:right 1.3em center; text-decoration:none; box-sizing:border-box;}
#d_library .search_bx .searchs .s_detail.on{border:1px solid #037ab4; box-sizing:border-box;}

#d_library .search_bx .s_detail_pop{width:100%; margin-top:1.2em; padding:0.8em; background-color:#fff; box-shadow:4px 4px 8px #cfdaea; box-sizing:border-box;}
#d_library .search_bx .s_detail_pop.on{display:block;}
#d_library .search_bx .s_detail_pop input[type="text"],
#d_library .search_bx .s_detail_pop select{ border: 1px solid #eee; font-size:0.8em;}
#d_library .search_bx .s_detail_pop input[type="text"]{height:2.3em;}
#d_library .search_bx .s_detail_pop select{height:2.57em;}

#d_library .search_bx .s_detail_pop .boxs{display: inline-block; width:calc((100% / 3) - 2.5em);}
#d_library .search_bx .s_detail_pop .boxs:nth-of-type(1) {width:calc((100% / 2) - 3.2em)}
#d_library .search_bx .s_detail_pop .boxs:nth-of-type(3),
#d_library .search_bx .s_detail_pop .boxs:nth-of-type(4){margin-top:0.7em;}
#d_library .search_bx .s_detail_pop strong{display:block; margin:1em 0 0.5em; font-weight:700;}
#d_library .search_bx .s_detail_pop strong:first-of-type{margin-top:0; width: auto;}

#d_library .search_bx .s_detail_pop .fulls{display: block; width:100%; margin-bottom:0.7em;}
#d_library .search_bx .s_detail_pop .fulls select{width:15em;}
#d_library .search_bx .s_detail_pop .fulls input[type="text"]{width:calc(100% - 16.3em);}

#d_library .search_bx .s_detail_pop .checks{display:inline-block; width:calc((100% / 4) - 0.25em);}
#d_library .search_bx .s_detail_pop .checks input[type="checkbox"]{ border: 1px solid #eee;}

#d_library .search_bx .s_detail_pop .years input[type="text"]{width:calc((100% /2) - 3.5em); font-size:0.8em;}
#d_library .search_bx .s_detail_pop .years span:not(.wave){display:inline-block; width:1em; margin-left:0.4em; font-size:0.8em;}
#d_library .search_bx .s_detail_pop .years .wave{width:1em; margin:0 0.4em;}

#d_library .search_bx .s_detail_pop [data-skin="btn"]{display:inline-block; width:47%; height:2.44em; line-height:2.44em; border:1px solid #efefef; text-align:center; font-size:0.8em; text-decoration:none; color:#737373;}
#d_library .search_bx .s_detail_pop [data-skin="btn"]:hover,
#d_library .search_bx .s_detail_pop [data-skin="btn"].on{border-color:#037ab4; color:#000;}

/* 원문검색 */
#d_library .search_bx .searchs .input_bx{position:relative; width:calc(100% - 22.5em);}
#d_library .search_bx .searchs .input_bx:before,
#d_library .search_bx .searchs .input_bx:after{content:""; position:absolute; top:calc(50% - 0.8em); left:0; width:1px; height:1.6em; background:#eee;}{content:""; position:absolute; top:calc(50% - 0.8em); left:0; width:0.1em; height:1.6em; background:#eee;}
#d_library .search_bx .searchs .input_bx:after{left:auto; right:0;}
#d_library .search_bx .searchs .input_bx input[type="text"]{width:100%; padding:0.4em 2.8em 0.4em 1.3em; box-sizing:border-box;}
#d_library .search_bx .searchs .input_bx .search_btn{overflow:hidden; position:absolute; top:0; right:0; display:block; width:3.5em; height:100%; background:url(../../images/d_library/search_btn_icon.png) no-repeat center top 1.25em; text-indent:-2000px;}


/* 바로가기링크 */
#d_library .menu_bx,
#d_library .menu_bx li a,
#d_library .menu_bx li a:after
{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}

#d_library .menu_bx{margin-top:5em; padding:0 2em; font-size:14px;}
#d_library .menu_bx:after{content:""; display:block; clear:both;}
#d_library .menu_bx li{float:left; width:calc(100% / 3); padding:0 1em; box-sizing:border-box;}
#d_library .menu_bx li a{
	overflow:hidden; position:relative; display:block; min-height:11.429em; padding:2.4em 2.3em; box-shadow:2px 2px 5px #dadada; text-decoration:none; box-sizing:border-box;
	border-radius:0.7em 0.7em 0.3em 0.3em; -webkit-border-radius:0.7em 0.7em 0.3em 0.3em;
}
#d_library .menu_bx li.tech a{background-color:#e6edf7;}
#d_library .menu_bx li.mana a{background-color:#f7eee3;}
#d_library .menu_bx li.res a{background-color:#dff2f0;}
#d_library .menu_bx li a:hover{box-shadow:2px 2px 7px #969696;}
#d_library .menu_bx li a:after{
	content:""; position:absolute; top:1.6em; left:2.3em; width:5.358em; height:5.358em; background-image: url(../../images/d_library/menubx_icon.png); background-repeat:no-repeat; background-position:center;
	border-radius:50%; -webkit-border-radius:50%;
}
#d_library .menu_bx li.tech a:after{background-color:#037ab4;}
#d_library .menu_bx li.mana a:after{background-color:#f6ab2b;}
#d_library .menu_bx li.res a:after{background-color:#11c0c5;}
#d_library .menu_bx li a .tt{float:right;}
#d_library .menu_bx li a strong,
#d_library .menu_bx li a em{display:block; line-height:1.4;}
#d_library .menu_bx li a strong{font-size:1.4em; font-weight:700;}
#d_library .menu_bx li a em{font-size:1em;}
#d_library .menu_bx li a .more{position:absolute; bottom:1em; right:2.3em;}
#d_library .menu_bx li a .more:before{content:"+"; margin-right:0.8em; font-size:1.2em;}
#d_library .menu_bx li.tech a .more:before{color:#037ab4;}
#d_library .menu_bx li.mana a .more:before{color:#f6ab2b;}
#d_library .menu_bx li.res a .more:before{color:#11c0c5;}



@media all and (max-width:1240px) and (min-width:1025px){
	#d_library .search_bx{min-height:31em; padding:0 1.8em 1.9em; background-position:center top 4em; font-size:16px;}
	#d_library .search_bx p{margin:0.5em 0 1em;}
	#d_library .search_bx .searchs .input_bx .search_btn{background-position:center top 0.8em;}
	#d_library .search_bx .s_detail_pop .years input[type="text"]{width:calc((100% /2) - 3.6em);}

	#d_library .search_bx .searchs select {width: 9.5em;}
	#d_library .menu_bx{padding:0 1em; font-size:13px;}
}
@media all and (max-width:1170px) and (min-width:1025px){
	#d_library .menu_bx{padding:0;}
	#d_library .menu_bx li{padding:0 0.6em;}
	#d_library .menu_bx li a{padding:2.4em 1.8em;}
	#d_library .menu_bx li a:after{left:1.8em; width:4.6em; height:4.6em;}
}


@media all and (max-width:1170px) {
	
	#d_library .search_bx .s_detail_pop .boxs:nth-of-type(1) {width: calc(100%);}
	#d_library .search_bx .s_detail_pop .boxs {width: calc(100% / 2 - 0.5em);}
	#d_library .search_bx .s_detail_pop [data-skin="btn"] {width: 48%;}
	
}

@media all and (max-width:920px){
	#d_library .menu_bx{padding:0 1em; font-size:13px;}
}
@media all and (max-width:840px){
	#d_library .search_bx{min-height:31em; padding:0 1.8em 1.9em; background-position:center top 4em; font-size:16px;}
	#d_library .search_bx p{margin:0.5em 0 1em;}
	#d_library .search_bx .searchs .input_bx .search_btn{background-position:center top 0.8em;}
	#d_library .search_bx .s_detail_pop .years input[type="text"]{width:calc((100% /2) - 3.6em);}
	#d_library .search_bx .searchs select {width: 9.5em;}
	
	#d_library .search_bx .s_detail_pop .boxs:nth-of-type(1) {width: calc(100%); margin-bottom: 1em;}
	
	#d_library .menu_bx li{padding:0 0.6em;}
	#d_library .menu_bx li a{padding:2.4em 1.8em;}
	#d_library .menu_bx li a:after{left:1.8em; width:5em; height:5em;}
}
@media all and (max-width:740px){
	#d_library .search_bx{min-height:27em; background-position:center top 2.3em;}
	#d_library .search_bx:before{width:33em; height:14em; background-size:33em;}


	#d_library .menu_bx{padding:0;}
	#d_library .menu_bx li a{padding:2.4em 1.4em;}
	#d_library .menu_bx li a:after{left:1.4em; width:4.6em; height:4.6em;}
}
@media all and (max-width:640px){
	#d_library .search_bx{min-height:23.4em; background-position:center top 1em;}
	#d_library .search_bx:before{width:27em; height:12em; background-size:27em;}
	#d_library .search_bx p{display:none;}
	#d_library .search_bx .searchs{margin-top:1em; box-shadow:none;}
	#d_library .search_bx .searchs select,
	#d_library .search_bx .searchs .input_bx{float: none;}
	#d_library .search_bx .searchs select,
	#d_library .search_bx .searchs .s_detail,
	#d_library .search_bx .searchs .input_bx input[type="text"]{height:2.6em;}
	#d_library .search_bx .searchs .input_bx .search_btn{background-position:center top 0.65em;}
	
	#d_library .search_bx .searchs select{width:100%;}
	#d_library .search_bx .searchs .input_bx{width:100%; margin-top:0.4em;}
	#d_library .search_bx .searchs .input_bx:before,
	#d_library .search_bx .searchs .input_bx:after{display:none;}
	#d_library .search_bx .searchs .s_detail{top:6em; width:100%; line-height:2.6em; background-position:right 1em center;}
	#d_library .search_bx .s_detail_pop{margin-top:3.4em;}
	
	#d_library .search_bx .s_detail_pop .checks{width:auto;}
	#d_library .search_bx .s_detail_pop .fulls select{width:10em;}
	#d_library .search_bx .s_detail_pop .fulls input[type="text"]{width:calc(100% - 11.3em);}
	
	#d_library .menu_bx{margin-top:4em; font-size:14px;}
	#d_library .menu_bx li{float: none; width:100%; margin-bottom:1.3em;}
	#d_library .menu_bx li a{min-height:auto;}
	#d_library .menu_bx li a:after{width:5em; height:5em;}
	#d_library .menu_bx li a .tt{float:none; padding-left:7.5em; box-sizing:border-box;}
	#d_library .menu_bx li a .more{bottom:auto; top:calc(50% - 0.9em); right: 1.5em;}
}
@media all and (max-width:540px){
	#d_library .search_bx{min-height:20.5em; background-position:center top -0.5em;}
	#d_library .search_bx:before{width:21em; height:9em; background-size:21em;}
	
	#d_library .search_bx .s_detail_pop .fulls {margin-bottom: 1em;}
	#d_library .search_bx .s_detail_pop .boxs,
	#d_library .search_bx .s_detail_pop .boxs:nth-of-type(1) {width: calc(100%); margin-bottom: 1em;}
	#d_library .search_bx .s_detail_pop [data-skin="btn"] {width:48%;}
}
@media all and (max-width:420px){
	#d_library .search_bx{min-height:21.6em; background-position:center top -0.5em;}
	#d_library .search_bx:before{width:15em; height:10em; background-size:23em;}
	#d_library .search_bx .s_detail_pop .fulls select{width:7em;}
	#d_library .search_bx .s_detail_pop .fulls input[type="text"]{width:calc(100% - 8.3em);}
	#d_library .menu_bx{font-size:12px;}	
}




/*/////////////////////////////////////////////////////////////////////////////////////////////
	
	디지털 도서관 뷰페이지

	<div id="d_library" class="view">
		...
	</div>

	<div id="lib_lst"></div> 리스트

/////////////////////////////////////////////////////////////////////////////////////////////*/
#lib_lst ul li .txts,
#lib_lst ul li .links,
#lib_lst ul li a
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#d_library.view .search_bx{min-height:auto; margin-bottom:2.5em; background:#e6edf7; padding:2em;}
#d_library.view .search_bx:before{display:none;}
#d_library.view .search_bx .searchs{box-shadow:none;}

#lib_lst{font-size:14px;}
#lib_lst ul{border-top:2px solid #12a3cc;}
#lib_lst ul li{position:relative; border-bottom:1px solid #e2e2e2;}
#lib_lst ul li .txts{width: calc(100% - 30em);padding:1em 0; font-size: 15px;}
#lib_lst ul li .txts strong{display:block; margin-bottom:0.5em; font-size:1em; color:#000; font-weight: bold; line-height: 1.4;} 
#lib_lst ul li .txts .fields,
#lib_lst ul li .txts .dates{font-size:0.92em}
#lib_lst ul li .txts .fields{margin-right:2em;}
#lib_lst ul li .links{position:absolute; top:1.35em; right:0;}
#lib_lst ul li .links img{width:10em;}
#lib_lst ul li a{display:inline-block;margin-right: 0.7em;vertical-align:middle;font-weight:700;}
#lib_lst ul li .show_btn{width:10em; height:2.3em; line-height:2.2em; padding:0 1.3em; background-color:#616161; background-image:url(../../images/d_library/liblst_icon_arrow.png); background-repeat:no-repeat; background-position:right 1em center;  border:1px solid #616161; font-size:0.95em; text-decoration:none; color:#fff; box-sizing:border-box;}
#lib_lst ul li .show_btn.on{background-color:#fff; background-image:url(../../images/d_library/liblst_icon_arrow2.png); color:#616161;}
#lib_lst ul li .down_bx{position:relative; display:inline-block;}
#lib_lst ul li .down_btn{position:relative; padding-left:1.5em; text-decoration:underline; box-sizing:border-box;}
#lib_lst ul li .down_btn:after{content:""; position:absolute; top:0.28em; left:0; width:16px; height:16px; background:url(../../images/d_library/liblst_icon_down.png) no-repeat left top;}
#lib_lst ul li .down_btn span{color: #e57c00;margin: 0 0.05em;}
#lib_lst ul li img{display:inline-block; vertical-align:middle;}
/*다운로드팝업*/
#lib_lst ul li .links .down_pop{position:absolute;top: 2.3em;left:0;z-index:10;width:20.4em; max-height:16em; padding: 1em;background-color:#f7f7f7;border:1px solid #f0f0f0;font-size:12px;}
#lib_lst ul li .links .down_pop ul{overflow:auto; max-height:14.5em; margin-top: 16px; border-top:0;}
#lib_lst ul li .links .down_pop ul li{border-bottom:0;}
#lib_lst ul li .links .down_pop ul li a{overflow:hidden; display:block; max-width:100%; margin-right:0; text-overflow:ellipsis; white-space:nowrap; font-weight:400;}
#lib_lst ul li .links .down_pop .close{overflow: hidden;position:absolute;top: 0.4em;right: 0.9em;display:block;width:1.5em;height:1.5em;margin-right: 0;background:url(../../images/d_library/down_btn_close.gif) no-repeat center;text-indent:-2000px;}

#lib_lst ul li .result_bx{padding:1.3em 1.8em; background-color:#f1f1f1; border-top:1px solid #000; line-height: 1.6; font-size: 1em; box-sizing:border-box;}

@media all and (max-width:1240px) and (min-width:1025px){
	#lib_lst ul li .txts{width:100%; padding:1em 0 0.7em;}
	#lib_lst ul li .links{position:relative; top:auto; margin-bottom:1em; text-align:right;}
	#lib_lst ul li .show_btn{position:absolute; top:0; left:0; text-align:left;}
	#lib_lst ul li .links .down_pop{text-align:left;}
}
@media all and (max-width:840px){
	#lib_lst ul li .txts{width:100%; padding:0.8em 0 0.6em;}
	#lib_lst ul li .links{position:relative; top:auto; margin-bottom:0.8em; text-align:right;}
	#lib_lst ul li .show_btn{position:absolute; top:0; left:0; text-align:left;}
	#lib_lst ul li .links .down_pop{text-align:left;}
}
@media all and (max-width:640px){
	#d_library.view .search_bx{min-height:12.2em; padding:1.8em;}
	#d_library.view .search_bx .searchs{margin-top:0;}

	#lib_lst{font-size:13px;}
	#lib_lst ul li .show_btn{width:7em; padding:0 0.8em; background-position:right 0.7em center;}
	#lib_lst ul li .links .down_pop{width:19.5em; padding:0.6em;}
	#lib_lst ul li .links .down_pop .close{top:0.3em; right:0.3em;}

}
@media all and (max-width:420px){
	#lib_lst{font-size:12px;}
	#lib_lst ul li .txts strong{font-size:1.1em;}
	#lib_lst ul li a{margin-right:0.5em;}
	#lib_lst ul li .down_btn:after{top:0.1em;}
	#lib_lst ul li .links .down_pop{width:16.2em;}
	#lib_lst ul li .links img{width:8.5em;}
}