@charset "utf-8";
select {height:30px;padding-left:6px;padding-right:26px;font-size:inherit;line-height:30px;border:1px solid #e1e1e1;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('/resources/common/img/arrow_b.png') 100% 50% no-repeat;color:#333}

label.hidden {display:none;}
.center {text-align:center;}
.search-wrap {font-size:110%;}
.search-wrap .smain{overflow:hidden;position:relative;}
.search-wrap table{border-top:2px solid #5f6062;border-bottom:2px solid #d2d2d2}
.search-wrap table th,
.search-wrap table td{border-bottom:1px solid #d9d9d9;border-left:0;border-right:0;font-size:100%;text-align:center;}
.search-wrap table th{padding:8px 5px;border:0;font-size:100%;border-bottom:1px solid #ccc}
.search-wrap table td{padding:6px 5px}
.search-wrap table tr:hover td{background:#f5f6f8}
.search-wrap .item td.n,
.search-wrap .og{color:#ff6c02!important}
.search-wrap b i{font-style:normal}
.search-wrap i.fa-sort-down{position:relative;top:-2px}

.resve-req{padding: 5px 13px;border: 1px solid #d5d5d5;border-radius: 3px;color: #4c4c4c;}
.resve-req:hover {color: #000;}

.search-form p{text-align:right;padding:5px 0 0;font-size:85%;height:16px}
.search-form .select2-container--default .select2-selection--single{border:0}
.search-form .box1{float:left;padding-right:13px;width:13%}



@media all and (max-width:650px){
	.search-form .box1{width:18%}
}
@media all and (max-width:500px){
	.search-form .box1{width:75px}
}

.search-form .searchform.box {border:2px solid #3a3a3a;border-radius:5px;background:#fff;overflow:hidden;position:relative;}
.search-form input.text{display:block;border:0;padding:0;background:#fff;width:65%;}
.search-form input.text:focus{outline:none}
.search-form input.text2{display:block;border:0;padding:0;background:#fff;width:65%;margin-top: -49px; padding-left: 20px;}
.search-form input.text2:focus{outline:none}
.search-form .b1{padding:0 10px}
.search-form .b2{position:absolute;top:0;right:0;width:10%}
.search-form button{background:#3a3a3a;border:0;color:#fff;font-size:20px;text-align:center}
.search-form button{width:100%}
.search-form button,
.search-form input,
.search-form select,
.search-form .select2-container .select2-selection--single,
.search-form .select2-container--default .select2-selection--single .select2-selection__arrow,
.search-form .select2-container--default .select2-selection--single .select2-selection__rendered{height:48px;line-height:48px}
.search-form select,
.search-form .select2-container .select2-selection--single,
.search-form .select2-container--default .select2-selection--single .select2-selection__arrow,
.search-form .select2-container--default .select2-selection--single .select2-selection__rendered{height:49px;line-height:49px}
.search-form .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:10px}
.search-form .select2-container--default .select2-selection--single .select2-selection__arrow{padding-right:3px}
.search-form .box1 .select2-container{border:1px solid #bbb;border-radius:5px;overflow:hidden}


/********************검색박스_일반검색********************/
.search-form .normal_search {padding:10px;box-sizing:border-box;}
.search-form .normal_search .section {width:100%;display:inline-block;overflow:hidden;}
.search-form .normal_search .section .title-box {position:relative;width:100%;margin:0 auto;box-sizing:border-box;display:inline-block;border-style:solid;border-image:linear-gradient(to right, #3cb13a 0%, #6466c3 100%);border-image-slice:1;background:#fff;border-image-width:20px;padding:15px;}
.search-form .normal_search .section .title-box input {width:100%;height:70px;line-height:70px;padding:0;color:#333;font-size:24px;border:0;cursor:text;box-sizing:border-box;padding-left:10px;}
.search-form .normal_search .section .vk-btn {width:97%;margin:0 auto 20px;text-align:right;}
.search-form .normal_search .section .vk-btn a {padding:7px 2%;background:#333;color:#ffcc00;vertical-align:middle;font-size:13px;letter-spacing:-1.5px;}
.search-form .normal_search .section a.foreign-inp {position:absolute;top:30px;right:25px;display:inline-block;padding:9px 3%;background:#333;color:#ffcc00;vertical-align:middle;font-size:15px;letter-spacing:-1.5px;}
.search-form .normal_search .section dl {position:relative;display:inline-block;float:left;width:46%;height:38px;margin:0 1.5% 10px 2.5%;}
.search-form .normal_search .section dl dt{float:left;width:80px;color:#000;font-weight:bold;height: 38px;line-height: 38px;}
.search-form .normal_search .section dl dd{position:relative;margin-left:90px;}
.search-form .normal_search .section dl dd label.title {position:absolute;top:8px;left:10px;color:#666;cursor:text;}
.search-form .normal_search .section dl dd input.text-area{display:block;width:96%;height:38px;line-height:38px;padding:0 2%;color:#333;font-size:18px;border:1px solid #bfbfbf;cursor:text;}
.search-form .normal_search .section dl dd input.text-area2{display:block;height:38px;line-height:38px;padding:0 2%;color:#333;font-size:18px;border:1px solid #bfbfbf;cursor:text;}
.search-form .normal_search .section dl dd select {-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance:none;appearance none;height:34px;line-height:34px;font-size:15px;border:1px solid #bfbfbf;padding-left:10px;box-sizing:border-box;background:url('/resources/common/img/arrow_b.png') no-repeat 97% center;}
.search-form .normal_search .section dl dd select::-ms-expand {display:none;}
.search-form .normal_search .section .box{position:relative;width:100%;display:inline-block;}
.search-form .normal_search .section .box input,
.search-form .normal_search .section .box span,
.search-form .normal_search .section .box select{display:inline-block;*display:inline;*zoom:1;line-height:32px;height:32px;}
.search-form .normal_search .section .box input{float:right;width:41%;border:1px solid #bfbfbf;}
.search-form .normal_search .section .box input:first-child{float:left;}
.search-form .normal_search .section .box span{position:absolute;top:0;left:50%;margin-left:-3%;text-align:center;}
.search-form .normal_search .comm_sel{width:100% !important;display:block;}
.search-form .normal_search .comm_sel .jq_sel,
.search-form .normal_search .comm_sel .jq_sel ul {width:100% !important;}
.search-form .normal_search .btn_w {width:100%;text-align:center;border-top:1px dashed #ccc;padding-top:18px;padding-bottom:18px;margin-top:10px;}
.search-form .normal_search .btn_w a.btn {font-size:13px;letter-spacing:-1px}
.search-form .normal_search .section select {height:34px;width:100%;}
.search-form .normal_search .section select#sortField, .search-form .normal_search .section select#sortType {width:49%}
.search-form .normal_search .section a.btn.btn01 {background:#76ae43;color:#fff}
.search-form .normal_search a {display:inline-block;}
.search-form .normal_search .reset-btn {display:none;}

	
@media all and (max-width: 555px) {
	.search-form .normal_search .section dl{width:90%;}
}

/********************검색박스_상세검색********************/
.search-form .detail_search {padding:20px;border:1px solid #ccc;border-top:3px solid #000;box-sizing:border-box;}
.search-form .detail_search .section {width:100%;display:inline-block;overflow:hidden;}
.search-form .detail_search .section .title-box {position:relative;width:100%;margin:0 auto;box-sizing:border-box;display:inline-block;border-style:solid;border-image:linear-gradient(to right, #3cb13a 0%, #6466c3 100%);border-image-slice:1;background:#fff;border-image-width:20px;padding:15px;}
.search-form .detail_search .section .title-box input {width:100%;height:70px;line-height:70px;padding:0;color:#333;font-size:24px;border:0;cursor:text;box-sizing:border-box;padding-left:10px;}
.search-form .detail_search .section .vk-btn {width:97%;margin:0 auto 20px;text-align:right;}
.search-form .detail_search .section .vk-btn a {padding:7px 2%;background:#333;color:#ffcc00;vertical-align:middle;font-size:13px;letter-spacing:-1.5px;}
.search-form .detail_search .section a.foreign-inp {position:absolute;top:30px;right:25px;display:inline-block;padding:9px 3%;background:#333;color:#ffcc00;vertical-align:middle;font-size:15px;letter-spacing:-1.5px;}
.search-form .detail_search .section dl {position:relative;display:inline-block;float:left;width:46%;height:38px;margin:0 1.5% 10px 2.5%;}
.search-form .detail_search .section dl dt{float:left;width:80px;color:#000;font-weight:bold;height: 38px;line-height: 38px;}
.search-form .detail_search .section dl dd{position:relative;margin-left:90px;}
.search-form .detail_search .section dl dd label.title {position:absolute;top:8px;left:10px;color:#666;cursor:text;}
.search-form .detail_search .section dl dd input.text-area{display:block;width:96%;height:38px;line-height:38px;padding:0 2%;color:#333;font-size:18px;border:1px solid #bfbfbf;cursor:text;}
.search-form .detail_search .section dl dd input.text-area2{display:block;height:38px;line-height:38px;padding:0 2%;color:#333;font-size:18px;border:1px solid #bfbfbf;cursor:text;}
.search-form .detail_search .section dl dd select {-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance:none;appearance none;height:40px;line-height:40px;font-size:15px;border:1px solid #bfbfbf;padding-left:10px;box-sizing:border-box;background:url('/resources/common/img/arrow_b.png') no-repeat 97% center;}
.search-form .detail_search .section dl dd select::-ms-expand {display:none;}
.search-form .detail_search .section .box{position:relative;width:100%;display:inline-block;}
.search-form .detail_search .section .box input,
.search-form .detail_search .section .box span,
.search-form .detail_search .section .box select{display:inline-block;*display:inline;*zoom:1;line-height:32px;height:32px;}
.search-form .detail_search .section .box input{float:right;width:41%;border:1px solid #bfbfbf;}
.search-form .detail_search .section .box input:first-child{float:left;}
.search-form .detail_search .section .box span{position:absolute;top:0;left:50%;margin-left:-3%;text-align:center;}
.search-form .detail_search .comm_sel{width:100% !important;display:block;}
.search-form .detail_search .comm_sel .jq_sel,
.search-form .detail_search .comm_sel .jq_sel ul {width:100% !important;}
.search-form .detail_search .btn_w {width:100%;text-align:center;border-top:1px dashed #ccc;padding-top:18px;padding-bottom:18px;margin-top:10px;}
.search-form .detail_search .btn_w a.btn {font-size:13px;letter-spacing:-1px}
.search-form .detail_search .section select {height:34px;width:100%;}
.search-form .detail_search .section select#sortField, .search-form .detail_search .section select#sortType {width:49%}
.search-form .detail_search .section a.btn.btn01 {background:#76ae43;color:#fff}
.search-form .detail_search a {display:inline-block;}
.search-form .detail_search .reset-btn {display:none;}
.mBr {display:none}



.research-box {padding-bottom:5px;}
.research-box select.text-area01, select.text-area01 {display:inline-block;height:30px;line-height:31px;padding:0;color:#333;font-size:15px;border:1px solid #bfbfbf;cursor:text;vertical-align:middle;}
.research-box input.text-area01 {display:inline-block;height:30px;line-height:31px;padding:0 1%;color:#333;font-size:15px;border:1px solid #bfbfbf;cursor:text;vertical-align:middle;}

.search-form {overflow:hidden;background:#f5f5f5;margin:0 0 35px;padding:15px;box-sizing:border-box;text-align:center;border:1px solid #ccc;border-top:3px solid #000;}
.search-form .schForm {display:inline-block;width:100%;box-sizing:border-box;vertical-align:top;}
.search-form .schForm select {display:inline-block;*display:inline;*zoom:1;line-height:40px;height:40px;vertical-align:middle;border:1px solid #bfbfbf;color:#222;border-radius:3px;}
.search-form .schForm input.text-box {display:inline-block;*display:inline;*zoom:1;width:18%;line-height:40px;height:40px;vertical-align:middle;border:1px solid #bfbfbf;color:#222;border-radius:0;padding:0 1%;box-sizing:border-box;border-radius:3px;font-size:13px;}
.search-form .schForm .inputDateGroup {display:inline-block;vertical-align:top;}
.search-form .schForm .rdoBtnGroup {display:inline-block;vertical-align:top; margin: 0 20px;}
.search-form .schForm .schKwd {width:150px}
.search-form .schForm:only-child .schKew {width:200px}
.search-form > .btn,.search-form .inputDate + .btn {vertical-align:top}
.inputDate {display:inline-block;overflow:hidden;position:relative;padding:0 30px 0 5px;line-height:0;vertical-align:top;border:1px solid #d5d5d5;box-sizing:border-box;background-color:#fff}
.inputDate input[type="date"],.inputDate input[type="text"] {width:90px;height:38px;margin:0;padding:0;line-height:38px;border:0;text-align:center}
.inputDate .btnCal,.inputDate .ui-datepicker-trigger {position:absolute;top:50%;right:5px;margin-top:-10px;line-height:0}
.search-form .item .rdoBtnGroup {display: inline-block; vertical-align:top;}
.btnSearch {padding:0 18px;height:38px;line-height:38px;border:1px solid #bfbfbf;border-radius:0;}

.search-form.mybest {text-align:left;}
.search-form.mybest .schForm {display: block;}
.search-form.mybest .schForm .rdoBtnGroup {line-height: 40px;}
.search-form.mybest .schForm .inputDate input[type="text"] {width:120px;}
.search-form.mybest .btn {float: right;}

.b {font-weight:bold;}
.cp {cursor: pointer;}
.cpd {cursor: pointer;}
.cpd:hover {text-decoration:underline;}
.cd {cursor: default;}
.tcenter {text-align: center !important;}
.tleft {text-align: left !important;}
.tright {text-align: right !important;}
.clear {clear:both;height:0;font-size:1px;}
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.inline {display:inline;}

div.main-menu {margin-top:15px;margin-bottom:3px;}
div.main-menu ul {list-style:none;overflow:auto;}
div.main-menu ul li {list-style:none;display:inline-block;}
div.main-menu ul li a {font-size:13px;padding-left:13px;padding-right:13px;}
div.main-menu div.right {font-size:18px;font-weight:bold;color:#6C6C6C;vertical-align:middle;}

#mapWrap {text-align:center;background-color:#fff;}
#mapWrap > div {position:relative;width:655px;height:655px;background-image:url('/resources/common/img/map.png');margin:0 auto;}
#mapWrap ul {width:655px;height:655px;list-style:none;font-size:12px;}
#mapWrap ul li {position:absolute;padding:0;margin:0;}
#mapWrap a {text-decoration:none;font-size:15px;font-weight:800;color:#000;}
#mapWrap a:hover {}

/* 도서검색 선택 */
#libraryList {border:1px solid #dadada;padding:30px 0 30px 49px;box-sizing:border-box;}
#libraryList input{margin-right:3px}
#libraryList input,
#libraryList label {color:#222;font-size:15px;vertical-align:middle;cursor:pointer}
#libraryList li {display:inline-block;zoom:1;*display:inline;float:left;width:25%;padding:3px 0;box-sizing:border-box;letter-spacing:-1.5px;}

@media all and (max-width:1000px){
	#libraryList li{width:33.33%}
}
@media all and (max-width:850px){
	#libraryList li{width:50%;vertical-align:top;font-size:12px;letter-spacing:-1px}
}

@media all and (max-width:680px){
	#libraryList {padding:2% 10%;}
}

@media all and (max-width:540px){
	#libraryList {padding:6%;}
	#libraryList label {font-size:13px;letter-spacing:-1.5px;}
}

@media all and (max-width:450px){
	#libraryList li{width: 100%;}
}

.detail-search-form {margin-top:15px;}

.library-box-inmap {position:absolute;left:0;top:23px;width:200px;background:#fff;border:1px solid #a7a7a7;text-align:left;box-sizing:border-box;}
.library-box-inmap div.title {position:relative;padding:5px 10px;box-sizing:border-box;background:#ebebec;}
.library-box-inmap div.title a {position:absolute;right:10px;top:5px;}
.library-box-inmap div.libSel {padding:10px;box-sizing:border-box;}
.library-box-inmap div.libSel span {display:block;}
.library-box-inmap div.libSel span label, .library-box-inmap div.libSel span input {vertical-align:middle;}

.info-boxes {width:100%;margin-top:50px;}
.info-box-title {position:relative;width:80%;margin:0 auto -25px;background:#475ab9;color:#fff;padding:10px 30px;box-sizing:border-box;border-radius:5px;}
.info-boxes .section1 {width:1260px;margin:0 auto;}
.info-boxes .section2 {width:1260px;margin:0 auto;border:5px solid #475ab9;border-radius:5px;padding:30px;box-sizing:border-box;}
.info-boxes .section2 span {display:inline-block;}
.info-boxes .section2 span.tt1 {display:inline-block;position:absolute;width:135px;background:#f9bc00;color:#fff;border-radius:30px;text-align:center;box-sizing:border-box;padding:15px 0;}
.info-boxes .section2 span.tc1 {padding-left:145px;padding-top:15px;box-sizing:border-box;}
.info-boxes .section2 span.tt2 {display:inline-block;position:absolute;width:135px;background:#e83e30;color:#fff;border-radius:30px;text-align:center;box-sizing:border-box;padding:15px 0;}
.info-boxes .section2 span.tc2 {padding-left:145px;padding-top:5px;box-sizing:border-box;word-break:break-all;}
.info-boxes .section2 span.tc2 a {font-weight:800;}
.info-boxes .section2 span.tc2 p {word-break:break-all;font-size:13px;}

.info-boxes .section3 {width:100%;margin:0;}
.info-boxes .section4 {width:100%;margin:0;border:5px solid #475ab9;border-radius:5px;padding:30px;box-sizing:border-box;}
.info-boxes .section4 span {display:inline-block;}
.info-boxes .section4 span.tt1 {display:inline-block;position:absolute;width:135px;background:#f9bc00;color:#fff;border-radius:30px;text-align:center;box-sizing:border-box;padding:15px 0;}
.info-boxes .section4 span.tc1 {padding-left:145px;padding-top:15px;box-sizing:border-box;}
.info-boxes .section4 span.tt2 {display:inline-block;position:absolute;width:135px;background:#e83e30;color:#fff;border-radius:30px;text-align:center;box-sizing:border-box;padding:15px 0;}
.info-boxes .section4 span.tc2 {padding-left:145px;padding-top:5px;box-sizing:border-box;word-break:break-all;}
.info-boxes .section4 span.tc2 a {font-weight:800;}
.info-boxes .section4 span.tc2 p {word-break:break-all;font-size:13px;}

.default-db {display:block;padding:10px 0 50px;border-bottom:1px solid #b9c1da;}
.etc-db {clear:both;display:block;padding:20px 0 10px;}

.search-wrap {position:Relative;margin-top:10px;}
.search-wrap .researchBox {position:absolute;left:0;}
.search-wrap .researchBox input {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.search-wrap .researchBox a.researchBtn, a.sortBtn {font-size:13px;box-sizing:border-box;background:#fff;border:1px solid #666;}
.search-wrap .search-info{padding:0 0 35px;}
.search-wrap .search-info i{border-bottom:1px solid #feac86}
.search-wrap .ws-toolbar{overflow:hidden;padding:0 0 10px}
.search-wrap .ws-toolbar .checkbox{float:left;padding:5px 0 0 1px}
.search-wrap .ws-toolbar .control{float:right}
.search-wrap .ws-toolbar ul li {display: inline-block; height: 50px; line-height: 50px; border: 1px solid #1f5d97; padding: 0!important;  width: 24.7%; text-align: center;  margin-right: -6px; margin-bottom: 10px;}
.ws-toolbar ul li:first-child { margin-left: 0;}
.ws-toolbar ul li:active {background: #1f5d97; color: #fff;}
.search-wrap .ws-toolbar ul li:last-child{border-left: 0;}
.search-wrap .ws-toolbar ul li:active a { color: #fff; font-weight: bold;}

.search-wrap .search-results {border-top:1px solid #ddd}
.search-wrap .search-results .row {position:relative;padding:15px 0;overflow:hidden}
.search-wrap .search-results .row .admin{position:absolute;left:0;top:15px;z-index:1}
.search-wrap .search-results .row .admin input{width:17px;height:17px}
.search-wrap .search-results .row .thumb {float:left;font-size:0;line-height:0;width:115px;margin-right:15px}
.search-wrap .search-results .row .thumb img {width:115px;height:155px;border:1px solid #aaa;box-sizing:border-box;}
.search-wrap .search-results .row .box {float:left;width:100%;margin-right:-140px;}
.search-wrap .search-results .row .item {margin-right:140px}
.search-wrap .search-results .row .item a.name {font-weight:800;font-size:130%;display:inline-block;zoom:1;*display:inline;margin-top:5px;padding:5px 0;color:#e84e0e;}
.search-wrap .search-results .row .item a.name em{font-style:normal}
.search-wrap .search-results .row .item a.hopename {font-weight:800;font-size:110%;display:inline-block;zoom:1;*display:inline;padding:5px 0;color:#000;}
.search-wrap .search-results .row .item a.hopename em{font-style:normal}
.search-wrap .search-results .row .item .bif .contents {padding:2px 0;}
.search-wrap .search-results .row .item .bif .contents p {font-size:14px;}
.search-wrap .search-results .row .item .bif .contents.newbookcontents {padding-top:10px;}

.search-wrap .search-results .row .item p.book-status-info {font-size:13px;}
.search-wrap .search-results .row .item p.book-status-info span {color:#000000;font-weight:bold;}

.search-wrap .search-results .row .item .stat {padding:10px 0 0}
.search-wrap .search-results .row .item .stat a {margin:0 0 4px;margin-right:3px;padding:3px 8px;background:#background;color:#696969;font-size:95%;font-weight:bold;border:1px solid #696969;}
.search-wrap .search-results .row .item .stat a i{margin-left:4px;font-size:110%}
.search-wrap .search-results .row .item .stat a,
.search-wrap .search-results .row .item .stat span{display:inline-block;zoom:1;*display:inline}
.search-wrap .search-results .row .item .bci {padding:15px 0 0}
.search-wrap .booktype-box {width: 150px; float: left; position: relative;display: inline-block; bottom: 27px;}
a.btn_print {background-color:#61b005;color:#fff;box-sizing:border-box;}
span.emphasis {color:#d50000;font-weight:bold;}
.text-area01 {display:inline-block;height:30px;line-height:31px;padding:0;color:#333;font-size:14px;border:1px solid #bfbfbf;cursor:text;vertical-align:middle;}


.ribbon{position:relative;margin-top:3px;width:100%;height:23px;line-height:23px;text-align:center;font-size:12px;font-weight:bold;background-color:#fff;}
.ribbon:before, .ribbon:after{content: "";display:block;bottom:0;}
.ribbon:before {display:none !important;}
.ribbon:after{color:#fff;}

.mark00{color:#4da340;border:1px solid #4da340;}
.mark00:after{background:#4da340;}
.mark01{color:#289990;border:1px solid #289990;}
.mark01:after{background:#289990;}
.mark02{color:#217faa;border:1px solid #217faa;}
.mark02:after{background:#217faa;}
.mark03{color:#3b5bae;border:1px solid #3b5bae;}
.mark03:after{background:#3b5bae;}
.mark04{color:#7654b8;border:1px solid #7654b8;}
.mark04:after{background:#7654b8;}
.mark05{color:#9754b8;border:1px solid #9754b8;}
.mark05:after{background:#9754b8;}
.mark06{color:#b8559c;border:1px solid #b8559c;}
.mark06:after{background:#b8559c;}
.mark07{color:#c74764;border:1px solid #c74764;}
.mark07:after{background:#c74764;}
.mark08{color:#e2542c;border:1px solid #e2542c;}
.mark08:after{background:#e2542c;}
.mark09{color:#94a340;border:1px solid #94a340;}
.mark09:after{background:#94a340;}


.btnWarning {vertical-align:middle;box-sizing:border-box;}
.mobile-br {display:none}

@media all and (max-width:1260px){
	.info-boxes .section1 {width:100%;margin:0;}
	.info-boxes .section2 {width:100%;margin:0;}
}

@media all and (max-width:1000px){
	.search-form .detail_search .section {width:100%;margin:0;}

	.search-form .detail_search .section .title-box {position:relative;width: 100%;}
	.search-form .detail_search .section .title-box input {width: 100%;}
	.search-form .detail_search .section .vk-btn {width:96%;}

	.search-form .detail_search .section dl {margin:0 1.5% 10px 2%;}
}

@media all and (max-width:768px){
	.search-form .detail_search .section dl {float:none;display:block;width:94%;padding:0;margin:0 auto 10px;box-sizing:border-box;}

	.search-form .detail_search .section dl dt{float:left;width:13%;}
	.search-form .detail_search .section dl dd{margin-left:13%;}


	.search-form .detail_search .comm_sel{width:100% !important;display:block;}
	.search-form .detail_search .comm_sel .jq_sel,
	.search-form .detail_search .comm_sel .jq_sel ul{width:100% !important;}

	.search-form .detail_search .section .title-box {position:relative;/* width: 100%; */}
	.search-form .detail_search .section .title-box input {width: 100%;}
	.search-form .detail_search .section .vk-btn {width:94%;}

	.search-form .detail_search .section .vk-btn a {}

	.search-form .detail_search .reset-btn {display:inline-block;}

	.mBr {display:block;}
	.mobile-br {display:block}
}

@media all and (max-width:650px){
	.search-form .detail_search .section dl {width: 98%;}
	.search-form .detail_search .section dl dt{float:left;width: 18%;}
	.search-form .detail_search .section dl dd{margin-left: 18%;}
	.search-form .detail_search .section dl dt label.title {font-size:14px;}
	.search-form .detail_search .section dl dd label {font-size:14px;}
	.search-form .detail_search .section .title-box {position:relative;/* width: 100%; */}
	.search-form .detail_search .section .title-box input {width: 100%;}
	.search-form .detail_search .section .vk-btn {width:92%;}

	.search-form .detail_search .btn_w a {font-size:13px;letter-spacing:-1px}

	#mapWrap {display:none;}
	.info-box-title {font-size:14px;text-align:center;}
	.info-boxes .section2 span {display:block;}
	.info-boxes .section2 span.tt1 {display:block;position:static;width:100%;padding:10px 0;font-size:14px;}
	.info-boxes .section2 span.tc1 {padding-left:0;padding-top:15px;box-sizing:border-box;font-size:14px;}
	.info-boxes .section2 span.tt2 {display:block;position:static;width:100%;padding:10px 0;font-size:14px;}
	.info-boxes .section2 span.tc2 {padding-left:0;padding-top:15px;box-sizing:border-box;font-size:14px;word-break:break-all;}

	.info-boxes .section4 span {display:block;}
	.info-boxes .section4 span.tt1 {display:block;position:static;width:100%;padding:10px 0;font-size:14px;}
	.info-boxes .section4 span.tc1 {padding-left:0;padding-top:15px;box-sizing:border-box;font-size:14px;}
	.info-boxes .section4 span.tt2 {display:block;position:static;width:100%;padding:10px 0;font-size:14px;}
	.info-boxes .section4 span.tc2 {padding-left:0;padding-top:15px;box-sizing:border-box;font-size:14px;word-break:break-all;}

	.info-boxes .section4 span.tc2 a {font-weight:800;}
	.info-boxes .section4 span.tc2 p {word-break:break-all;font-size:13px;}
	.web-br {display:none;}
	.default-db {display:block;padding:10px 0 20px;}
	.etc-db {clear:both;display:block;padding:20px 0 10px;}
}

@media all and (max-width:425px){
	.search-form .detail_search .section dl dt label.title {font-size:13px;}
	.search-form .detail_search .section dl dd label {font-size:13px;}

	.search-form .detail_search .section .title-box input {width: 100%;}

.title-box input#title {
    font-size: 14px;
    letter-spacing: -0.1em;
}
}

@media all and (max-width:375px){
	.search-form .detail_search .section dl dt{float:left;width: 18%;}
	.search-form .detail_search .section dl dd{margin-left:18%;}
	.search-form .detail_search .section .title-box {position:relative;/* width: 100%; */}
	.search-form .detail_search .section .vk-btn {width:91%;}
}





.ws-toolbar,
.ws-filter h4{height:29px;/* padding:0 0 10px; */}

.ws-filter h4{font-weight:bold;font-size:110%;border-bottom:1px solid #ddd;padding:5px 0}
.ws-filter a{display:inline-block;zoom:1;*display:inline}
.ws-filter>ul>li{padding-bottom:15px}
.ws-filter>ul>li>a.bi{font-weight:bold;background:url('../img/ws-filter-by.gif') no-repeat right center;padding:5px 20px 5px 0}
.ws-filter>ul>li>p,
.ws-filter>ul>li>ul{display:none}
.ws-filter>ul>li.active p,
.ws-filter>ul>li.active ul{display:block}
.ws-filter>ul>li.active>a.bi{background-image:url('../img/ws-filter-bn.gif')}
.ws-filter>ul>li>p{font-size:85%;padding:0 15px 0 0;margin-top:-5px}
.ws-filter>ul>li>p>a{color:#888}
.ws-filter>ul>li>ul{padding:0 0 10px}
.ws-filter>ul>li>ul>li>a{font-size:90%}
.ws-filter>ul>li>ul>li>a>em{color:#888;font-style:normal;margin-left:5px}

.ws-filter-top{display:none;}
.ws-filter-top,
.ws-filter-top h4{height:29px;/* padding:0 0 10px; */}
.ws-filter-top>h4>a.bi2{font-weight:bold;background:url('../img/ws-filter-by.gif') no-repeat right center;padding:5px 20px 5px 0}

.ws-filter-top h4{font-weight:bold;font-size:110%;border-bottom:1px solid #ddd;padding:5px 0}
.ws-filter-top a{display:inline-block;zoom:1;*display:inline}
.ws-filter-top>ul>li{padding-bottom:15px}
.ws-filter-top>ul>li>a.bi{font-weight:bold;background:url('../img/ws-filter-by.gif') no-repeat right center;padding:5px 20px 5px 0}
.ws-filter-top>ul>li>p,
.ws-filter-top>ul>li>ul{display:none}
.ws-filter-top>ul>li.active p,
.ws-filter-top>ul>li.active ul{display:block}
.ws-filter-top>ul>li.active>a.bi{background-image:url('../img/ws-filter-bn.gif')}
.ws-filter-top>ul>li>p{font-size:85%;padding:0 15px 0 0;margin-top:-5px}
.ws-filter-top>ul>li>p>a{color:#888}
.ws-filter-top>ul>li>ul{padding:0 0 10px}
.ws-filter-top>ul>li>ul>li>a{font-size:90%}
.ws-filter-top>ul>li>ul>li>a>em{color:#888;font-style:normal;margin-left:5px}

/*
.search-wrap .smain .box {float:left;width:100%;margin-right:-24%;}
.search-wrap .smain .filter-section {float:right;width:21%;padding-left:3%;}
.search-wrap .smain .box .search-condition,
.search-wrap .smain .box .ws-toolbar,
.search-wrap .smain .box .search-results{margin-right:24%}
.search-wrap .smain .box .search-results.wide{margin-right:0}
*/
.search-wrap .smain .box {width:100%;}
.search-wrap .smain .filter-section {display:none;}
.search-wrap .search-condition {overflow:hidden;}

.search-wrap .search-info {padding:10px 0 10px;}
.search-wrap .search-info i {border-bottom:1px solid #feac86}
.search-wrap .search-info b {color:#ff0000}
.search-wrap .control {font-size:100%;float:right;}
.search-wrap .control a.btn{background:#fff;padding:0 13px;line-height:35px;height:35px;box-sizing:border-box;vertical-align:middle;}
.search-wrap .control select {height:35px;vertical-align:middle;}

.search-wrap .ws-toolbar {overflow:hidden; padding: 17px 5px;}
.search-wrap .ws-toolbar { background-color: #fbfbfb; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #eaeaea;}
.search-wrap .ws-toolbar .checkBoxAll{float:left;padding:5px 0 0 1px}
.search-wrap .ws-toolbar .checkBoxAll label {position:relative;bottom:2px;font-size:14px;}
.search-wrap .ws-toolbar .control{float:right}

.search-wrap .booktype-box {float:left;width:220px;font-size:15px;position:relative;display:inline-block;padding:7px 0 0 0}
.search-wrap .mode {float:left;display:block;overflow:hidden;padding:0 0 7px 0}
.search-wrap .mode li {float:left;display:inline-block}
.search-wrap .mode a {display:block;width:35px;height:35px;text-indent:-9999em;}
.search-wrap .mode a.imgView { background:url("/resources/common/img/imgView.gif") no-repeat 0 0; }
.search-wrap .mode a.listView { background:url("/resources/common/img/listView.gif") no-repeat 0 0; }
.search-wrap .mode a.on { background-position:0 100%; }

.search-wrap .search-results {}
.search-wrap .search-results .imageType .row {position:relative;border-bottom:1px solid #dddddd;padding:15px 0;overflow:hidden;}
.search-wrap .search-results .imageType .row .admin{position:absolute;left:0;top:13px;z-index:1}
.search-wrap .search-results .imageType .row .admin input{width:14px;height:14px}
.search-wrap .search-results .imageType .row .thumb {float:left;font-size:0;line-height:0;width:120px;height:160px;border:1px solid #ddd;margin-right:20px}
.search-wrap .search-results .imageType .row .thumb img{width:100%;height:100%;}
.search-wrap .search-results .imageType .row .box{float:left;width:100%;margin-right:-160px}
.search-wrap .search-results .imageType .row .item {margin-right:160px}
.search-wrap .search-results .imageType .row .item a.book-title {display:block;font-size:24px;padding-bottom:10px;}
.search-wrap .search-results .imageType .row .item p {font-size:14px;color:#000000;padding:0;line-height:150%;letter-spacing:-0.25px;}
.search-wrap .search-results .imageType .row .item a.name{font-weight:600;font-size:130%;display:inline-block;zoom:1;*display:inline;padding:0;letter-spacing:-0.25px;margin-bottom:10px;}
.search-wrap .search-results .imageType .row .item a.name em{font-style:normal}
.search-wrap .search-results .imageType .row .item .stat{padding:10px 0 0}
.search-wrap .search-results .imageType .row .item .stat a{padding:1px 18px;background:#a5856d;color:#fff;font-size:80%;transition:all .3s ease}
.search-wrap .search-results .imageType .row .item .stat a.btn1 {background:#ff0000;}
.search-wrap .search-results .imageType .row .item .stat a i{font-size:110%}
.search-wrap .search-results .imageType .row .item .stat a,
.search-wrap .search-results .imageType .row .item .stat span{display:inline-block;zoom:1;*display:inline}
.search-wrap .search-results .imageType .row .bci{clear:both;padding:15px 0 0}

.search-wrap .search-results .textType .row{position:relative;padding:15px 0;border-bottom:1px solid #dddddd;overflow:hidden}
.search-wrap .search-results .textType .row .admin input{width:17px;height:17px}
.search-wrap .search-results .textType .row .box{width:100%;}
.search-wrap .search-results .textType .row .item{}
.search-wrap .search-results .textType .row .item p {font-size:15px;color:#000000;padding:7px 0}
.search-wrap .search-results .textType .row .item a.name{font-weight:400;font-size:110%;display:inline-block;zoom:1;*display:inline;padding:3px 0}
.search-wrap .search-results .textType .row .item a.name em{font-style:normal}
.search-wrap .search-results .textType .row .item .stat{padding:5px 0 0}
.search-wrap .search-results .textType .row .item .stat a{padding:1px 18px;background:#a5856d;color:#fff;font-size:80%;
transition : all .3s ease}
.search-wrap .search-results .textType .row .item .stat a i{font-size:110%}
.search-wrap .search-results .textType .row .item .stat a,
.search-wrap .search-results .textType .row .item .stat span{display:inline-block;zoom:1;*display:inline}
.search-wrap .search-results .textType .row .bci{clear:both;padding:15px 0 0}
.search-wrap .search-results .row .item p .mobileBr {display:none}

#search_detail {margin-top:0;position:relative;width:100%;}
#search_detail .table_gray {border-collapse:collapse;border:0;font-size:1em;margin:5px 0 20px;width:100%;}
#search_detail .table_gray .search_left{text-align:left;padding-left:10px;width:35%;}
#search_detail .table_gray .yyyy{width:80px;height:18px;}
#search_detail .table_gray thead th, #search_detail .table_gray tbody th {background:#f9f9f9;color:#000;font-weight:bold;text-align: center;vertical-align: middle;padding:1.5% 0}
#search_detail .table_gray th, #search_detail .table_gray td {border-top:1px solid #000;line-height:140%;padding:5px 2px 3px;}
#search_detail .table_gray tbody td {text-align:center;}
#search_detail .plus_h4 {/*background: url("/yjbooks/resources/images/ico_plus.gif") no-repeat scroll left center transparent;*/font-weight: bold;margin: 0;padding: 5px 0 5px 0;font-size: 18px;}
#search_detail h4 {background: url("../common/img/koras/book_next.png") no-repeat scroll left 50% transparent;font-weight: bold;margin: 0;padding: 5px 0 5px 20px;}
#search_detail td select, #search_detail td input.text {width:25%;border:1px solid #c9c9c9;margin-left:10px;}

.search_result .re-search {float:right;display:inline-block;padding:0 0 10px 0;}
.search_result .re-search .btn {float:left;display:inline-block;border-radius:0;padding-top:7px;padding-bottom:7px;font-size:15px;background:#000;color:#fff;vertical-align:middle}
.search_result .re-search select {float:left;display:inline-block;height:32px;font-size:15px;line-height:32px;vertical-align:middle}
.search_result .re-search input {float:left;display:inline-block;height:30px;font-size:15px;line-height:30px;vertical-align:middle;margin-left:3px;padding-left:5px;}

a.btnNew  {padding:8px 1.7% 10px 1.5%;background:#000;color:#fff;border-radius:3px;font-size:14px;}
a.btnNew1 {padding:10px 2%;background:#494949;color:#fff;border-radius:3px;}
a.btnNew2 {padding:9px 3%;background:#494949;color:#fff;vertical-align:middle;}
a.btnNew3 {padding:8px 2%;border:1px solid #c9c9c9;border-radius:0;vertical-align:middle}
a.btnNew4 {padding:9px 2%;background:#000;color:#fff;border-radius:0;vertical-align:middle}
a.btnNew5 {padding:10px 2%;background:#3f70bc;color:#fff;border-radius:3px;}
a.btnNew6 {padding:10px 2%;background:#088b27;color:#fff;border-radius:3px;}
a.btnNew7 {padding:10px 2%;background:#3cb13a;color:#fff;border-radius:3px;}
a.btnNew8 {padding:9px 2%;border:1px solid #c9c9c9;color:#000;border-radius:0;vertical-align:middle}
a.btnNew3 img {vertical-align:middle}
input.btnNew {border:0;padding:9px 3%;background:#000;color:#fff;vertical-align:middle}

.gugun-search {position:absolute;right:0;bottom:5px;}
.gugun-search .btn8 {background:#fe8727;color:#fff;border:1px solid #fe8727;}

.DepthBtn {overflow:hidden;width:100%;margin-bottom:50px;}
a.bBtn {width:49.8%;display:inline-block;float:left;text-align:center;padding:18px 0;border:1px solid #fff;background:#3c8cef;color:#fff;font-size:18px}
a.bBtn:hover {background:#0961ce}
.warningTxt {padding:10px 0;font-size:18px}
.hopeWarning {border:1px solid #adb5c0;border-radius:5px;box-sizing:border-box;padding:20px;font-size:15px}

.rightCon {display:none;position:absolute;left:50%;top:750px;margin-left:650px;box-sizing:border-box;padding:23px;border:1px solid #b4b4b4}
.rightCon li a {font-size:14px;letter-spacing:-1.5px;}

.search_result .result-count-library {box-sizing:border-box;margin:0;padding:20px 0 20px 38px;border:1px solid #b4b4b4}
.search_result .result-count-library li {width:24.5%;display:inline-block}
.search_result .result-count-library li a {font-size:14px;font-weight:normal}

/* .sview{border-top:2px solid #5e6062} */
.sview h4{font-size:130%;font-weight:bold;padding:10px 0}
.sview .sinfo{margin:15px 0;background:#fffef9;overflow:hidden;padding: 25px 40px;border: 1.5px solid #f6f7e5;}

.sview .sinfo .thumb img {position:relative;margin:0 auto;border:1px solid #d5d5d5;width:100%;height:215px;}
.sview .sinfo .thumb {position:relative;float:left;width:16%;font-size:0;line-height:0;}
.sview .sinfo .thumb a{background-color:#266ac4;border-color:#1557af;color:#fff}
.sview .sinfo .info {float:left;width:80%;margin-right:-20%;}
.sview .sinfo .info ul {margin:0 0 0 4%;}
.sview .sinfo .info ul li {padding:3px 0px;font-size:15px;}
.sview .sinfo .info ul li:first-child {padding:5px 0;}
.sview .sinfo .info ul li b.title {font-size:130%;font-weight:600;line-height:1.5;}
.sview .sinfo .info ul li.ibtn{border:0;text-align:right;padding:15px 0 0}
.sview .sinfo .info ul li.ibtn a i{margin:0 0 0 5px}

.sview .sbtn{text-align:center;padding:30px 0 20px}
.sview .sbtn .btn{padding:7px 2%}
.sview .sbtn .btn i{font-size:130%}
.sview .sbtn .btn1{background:#fe6d02;border-color:#fe6d02}
.sview .sbtn .btn2{background:#666;border-color:#666}
a.btnNormal {border:1px solid #696969;font-size:14px;box-sizing:border-box;}

.bookDetailInfo .bookDetailInfoTbl {width:100%;}
.bookDetailInfo .bookDetailInfoTbl thead th, .bookDetailInfo .bookDetailInfoTbl tbody td {font-size:15px;border-right:1px solid #ddd;padding:10px 0;}
.bookDetailInfo .bookDetailInfoTbl thead th:last-child, .bookDetailInfo .bookDetailInfoTbl tbody td:last-child {border-right:0;}

@media all and (max-width:1280px){
	.rightCon {display:none;}
	.search_result .result-count-library {display:block;}
}

@media all and (max-width:1040px){
	a.bBtn {width:49.3%;float:none;}
	.search_result .result-count-library li {width:32%;}

	.sview .sinfo .thumb img {height:auto;}
}

@media all and (max-width:1000px){
	.sview .sinfo{padding-left:5%;padding-right:5%}

	#search_detail td select, #search_detail td input.text{width:80%;}
}

@media all and (max-width:768px){
	.sview .sinfo{padding-left:3%;padding-right:3%}
	a.bBtn {width:49%;float:none;}
	.search-wrap .search-results .row .item p .mobileBr {display:block}
	.webGuideLine {display:none;}
	.search_result .result-count-library li a {font-size:13px;font-weight:normal}

	.search-wrap .control {font-size:90%;float:right;}
	.search-wrap .control a.btn{background:#fff;padding:0 7px;line-height:35px;height:35px;box-sizing:border-box;vertical-align:middle;}

	.bookDetailInfo .bookDetailInfoTbl thead th, .bookDetailInfo .bookDetailInfoTbl tbody td{font-size:12px;}

	.search-wrap .search-results .imageType .row .item a.name{font-size:110%;}
}

@media all and (max-width:649px){
	.search_result .result-count-library li {width:49%;}
}

@media all and (max-width:540px){
	.sview .sinfo .info ul li{font-size:13px}
	.bookDetailInfo .bookDetailInfoTbl {font-size:13px}
	a.bBtn {width:100%;float:none;}
}

@media all and (max-width:425px){
	.search_result .result-count-library li a {font-size:12px;font-weight:normal}
	.search-wrap .control {font-size:80%;float:right;}
}

@media all and (max-width:375px){
	.search_result .result-count-library li {width:100%;}
	.search-wrap .control {font-size:70%;float:right;}
}

/* 소장자료_2018.07.16 추가 */
span.middot {background: url(/resources/common/img/doc-arr2.gif) no-repeat 0 10px; padding: 3px 0 4px; padding-left: 13px;}
.search-area { text-align: right; padding-bottom: 7px;}
.search-area i {font-size: 16px;color: #fff;margin-right: 6px;vertical-align: middle;margin-top: -3px;}
.search-area .orange {padding: 4px 19px; display: inline-block; margin-left: 2px;background:#ff741f;border-radius: 20px;color: #fff; font-weight: 600; margin-bottom: 5px;}
.search-area .blue {padding: 4px 19px; display: inline-block; margin-left: 2px;background:#5885c9;border-radius: 20px;color: #fff; font-weight: 600; margin-bottom: 5px;}

.search-bot { width: 100%; height: auto; display: inline-block; padding-bottom: 15px;}
.search-bot .notice {font-size: 105%; float: left; padding-left: 5px; width: 70%;line-height: 175%;}
.search-bot p {float: right; padding-top: 0px; display: inline-block;}

/*
.bif {line-height: 180%; }
.bif p { display: inline-block; line-height: 180%; }
.bif .tit {color: #9a9a9a;}
.bif .bar { padding: 0 8px; color: #d6d6d6;}
.bif .txt {font-weight: 600;}
.box .bif .tit {font-weight: normal;}
*/

.info .bar {color: #bababa;padding-right: 10px;padding-left: 10px;font-size: 12px;}
.info .con {background: url(/resources/common/img/doc-arr3.gif) no-repeat 0 7px;background-size: 3px;padding: 0px 0 2px 10px;width: 20%;display: inline-block;vertical-align: top;line-height: 145%;}
.info .con2 {background: url(/resources/common/img/doc-arr3.gif) no-repeat 0 10px;background-size: 3px;padding: 0px 0 2px 10px;width: 20%;display: inline-block;vertical-align: top;line-height: 145%;}
.info .txt {display: inline-block;width: 72%;vertical-align: top;line-height: 145%;}

.botbutton {padding-right: 3px;}
.botbutton .blue_s {margin: 0 0 4px;margin-right: 3px;padding: 4px 10px;color: #155690;font-size: 95%;border: 1px solid #c6cfd8;border-radius: 1px;background: #f6fdff;display: inline-block;}
.botbutton .blue_s img {vertical-align: middle;padding-right: 2px;}
.botbutton .orange_s {margin: 0 0 4px;margin-right: 3px;padding: 4px 10px;color: #333333;font-size: 95%;border: 1px solid #c0c0c0;border-radius: 1px;font-weight: bold;padding-left: 35px;display:  inline-block;}
.botbutton .goStorage {background: url('/resources/common/img/dashBoard/folder.png') no-repeat;background-position: 7%;}
.botbutton .addStorage {background: url('/resources/book/search/img/btn_my.png') no-repeat;background-position: 10%;}
.botbutton .button1 {float: right;}

/*
.ws-toolbar .checkbox input[type="checkbox"] {width: 17px; height: 17px; opacity: 100;}
.ws-toolbar .checkbox label {padding-left: 0px;}
.ws-toolbar .checkbox label::before {display: none;}
.ws-toolbar .checkbox label::after {display: none;}
*/

textarea.textArea {width: 100%;height: 200px;border-top: 1px solid;}
.search-wrap h3 { margin-top: 15px; clear: both;}
.search-wrap .sview h4 {background: url(/resources/common/img/contents/h3Bg.gif) no-repeat 0 17px;margin-top: 15px;padding-left: 22px;}
.search-wrap .bookintro td {padding: 22px;}

.control img {vertical-align: middle; margin-top: -5px;margin-right: 1px;}

.listArea {overflow: auto;height: 200px;border-top: 1px solid;border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;padding: 7px 20px 10px 20px;line-height: 2.08;}


.tabMenuS {position:relative;text-align:left;margin:0;padding:20px 0;overflow:hidden;}
.tabMenuS li {position:relative;display:inline-block;box-sizing:border-box;text-align:left;}
.tabMenuS li:first-child a {}
.tabMenuS li.on a {background:#0d6ce1;color:#fff;font-weight:bold;}
.tabMenuS li.on a span {border-bottom:0;}
.tabMenuS li a {position:relative;display:block;box-sizing:border-box;font-size:17px;color:#989898;font-weight:normal;padding:7px 15px;letter-spacing:-1.5px;background:#fafafa;}
.tabMenuS li a span {padding-bottom:7px;}

/* 선호도 그래프(막대) */
.graphWrap {padding:15px;height:200px;border:1px solid #dfdfdf;}
.graphWrap .barGraph {margin:0 auto;}
.barGraph .graphBox {position:relative;margin:25px 20px 0 40px;}
.barGraph .axis-x {position:relative;z-index:2;}
.barGraph .axis-x li {float:left; position:relative;height:140px;width:10%;text-align:center;}
.barGraph .bar {display:block; position:absolute; bottom:0; left:50%; width:30px; height:100%; margin-left:-15px;}
.barGraph .bar .fill {display:block; position:absolute; bottom:0; left:0; width:100%; background-color:#d9dee3;}
.barGraph .bar .num {display:block; margin-top:-18px; font-weight:bold; font-size:1em; line-height:1em;}
.barGraph .txt {position:absolute; bottom:-30px; left:0; width:100%; line-height:1em; vertical-align:text-top;}
.axis-y {position:absolute; top:0; left:0; z-index:1; width:100%;}
.axis-y .line {display:block; position:relative; width:100%; height:20px; border-top:1px solid #dfdfdf;}
.axis-y .line .txt {position:absolute; top:-11px; left:-35px; width:30px; text-align:right;}
#chart {position:relative; width:100%; height:200px; font-size:16px;}

/* 태그 클라우드 */
.tagCloud {overflow:hidden; padding:15px; border:1px solid #dfdfdf;}
.tagCloud #cloud {height:200px;}
.jqcloud {overflow:hidden; position:relative; font-size:0.750em; line-height:normal;}
.jqcloud span {display:inline-block; padding:0;}
.jqcloud a {font-weight:600; font-size:inherit; text-decoration:none;}
.jqcloud span.w10 a {font-size:600%; color:#003b84;}
.jqcloud span.w9 a {font-size:500%; color:#044eaa;}
.jqcloud span.w8 a {font-size:450%; color:#1367ce;}
.jqcloud span.w7 a {font-size:400%; color:#5393e1;}
.jqcloud span.w6 a {font-size:350%; color:#61aadd;}
.jqcloud span.w5 a {font-size:300%; color:#8cc0dd;}
.jqcloud span.w4 a {font-size:250%; color:#555c64;}
.jqcloud span.w3 a {font-size:200%; color:#757b82;}
.jqcloud span.w2 a {font-size:160%; color:#757b82;}
.jqcloud span.w1 a {font-size:160%; color:#757b82;}

.bookTitle {margin:50px 0 10px; font-weight:600; font-size:1.154em; color:#333;}

.detailBookList {padding:0 0 30px 0;}
.detailBookList > li {overflow:hidden; position:relative; padding:15px 0 10px 0; border-bottom:1px solid #dfdfdf;}
.detailBookList .btnMore {position:absolute; top:15px; right:0; width:10px; height:10px; padding:5px; border:1px solid #d9d9d9; background:#fff;}
.detailBookList .bookListz {display:block;overflow:hidden;padding:18px 0;}
.detailBookList .bookListz > li {float:left; width:20%; text-align:center; margin-bottom:5px;}
.detailBookList .bookListz .thumb {position:relative;max-width:152px; margin:0 auto 5px;}
.detailBookList .bookListz .thumb img {width:150px; height:215px; border:1px solid #969696;}
.detailBookList .bookListz .tit, .detailBookList .bookListz .author {display:block; overflow:hidden; margin:0 5px; text-overflow:ellipsis; white-space:nowrap; word-break:normal;font-size:14px;}

.loanTbl {border:0;}
.loanTbl th {width:18%;background:none;border:0;}
.loanTbl td {width:32%;text-align:left;border:0;}

div.data_list {padding:10px 0;overflow:hidden;}
div.data_list dl {float:left;width:49.5%;height:210px;padding:3px 12px 0 12px;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;position:relative;margin-right:1%;}
div.data_list dl:nth-child(2n) {margin-right:0;} 
div.data_list dt , div.data_list dd {display:block;position:relative;}
div.data_list dt div.data_more {position:absolute;right:0;top:0;}
div.data_list dt div.data_more a {font-size:13px;}
div.data_list dd {padding-top:7px;}
div.data_list dd div.pic {}
div.data_list dd div.pic img {width:100px;height:125px;}
div.data_list dd div.con {position:absolute;left:110px;top:10px;}
div.data_list dd div.con ul.con li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;letter-spacing:-1.3px;}

/* book detail */
.viewBookArea {overflow:hidden;position:relative}
.viewBookArea .thumb {overflow:hidden;position:absolute;top:0;left:0}
.viewBookArea .thumb .cover {display:inline-block;max-width:170px;height:210px;vertical-align:top;border:1px solid #e2e2e2;}
.viewBookArea .thumb .cover img {display:block;max-width:100%;height:100%;vertical-align:top;box-sizing:border-box}
.viewBookArea .thumb .btn {display:block;margin-top:10px;font-size:1.125em}
.viewBookArea .bookInfoList {min-height:240px;margin-left:170px}
.viewBookArea .bookInfoList .book-title {font-family:'Malgun Gothic';font-weight:bold;font-size:21px;padding:15px 0 10px 5px;color:#000;}
.viewBookArea .bookInfoList .cont {margin-top:30px;padding:20px 15px;font-size:1.143em;border-top:1px solid #d9d9d9}
.book-view {padding:20px;border:1px solid #e2e2e2}
.book-view .bookContent {margin-top:20px;padding-top:15px;border-top:1px solid #e2e2e2}
.book-view .bookContent .author {margin-bottom:15px;padding-bottom:10px;font-weight:600;font-size:1.143em;border-bottom:1px dotted #e4e4e4}
.book-view .center {padding-top:20px;}


.bookbank {}
.bookbank-title {box-sizing:border-box;padding:20px 0;border-top-left-radius:15px;border-top-right-radius:15px;border:1px solid #dddddd;border-radius:15px;}
.bookbank-title span {display:inline-block;vertical-align:middle;padding:0;margin:0;}
.bookbank-title span.box-1 {width:20%;box-sizing:border-box;padding-left:3%;padding-right:2%;}
.bookbank-title span.box-2 {width:73%;box-sizing:border-box;}
.bookbank-title h5 {display:block;font-size:22px;font-weight:bold;}
.bookbank-title p {display:block;font-size:15px;padding-top:20px;letter-spacing:-1px;}
table.bookbank-tbl {width:100%;}
table.bookbank-tbl thead th {background:#fff;font-weight:bold;font-size:15px;color:#000;text-align:center;border-top:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8;padding:10px 0;border-right:1px solid #c2eadd;}
table.bookbank-tbl thead th.th6, table.bookbank-tbl tbody td.td6 {border-right:0;}
table.bookbank-tbl tbody td {overflow:hidden;font-size:15px;color:#333333;text-align:center;border-right:1px solid #c2eadd;border-bottom:1px solid #c2eadd;padding:10px 0;letter-spacing:-1px;}
table.bookbank-tbl tbody td.date-txt {font-size:13px;color:#777777;}
table.bookbank-tbl tbody tr:nth-child(2n) > td {background:#f3f3f3;}
table.bookbank-tbl tbody tr:nth-child(15n) > td {border-bottom:0;border-left-bottom-radius:15px;;}
table.bookbank-tbl tbody tr:nth-child(15n) > td.td1 {border-bottom-left-radius:15px;;}
table.bookbank-tbl tbody tr:nth-child(15n) > td.td6 {border-bottom-right-radius:15px;;}
table.bookbank-tbl caption {display:none;}
table.bookbank-tbl thead th.th1 {width:10%;}
table.bookbank-tbl thead th.th2 {width:10%;}
table.bookbank-tbl thead th.th3 {width:35%;}
table.bookbank-tbl thead th.th4 {width:15%;}
table.bookbank-tbl thead th.th5 {width:15%;}
table.bookbank-tbl thead th.th6 {width:15%;}

table.bookbank-tbl-new {width:100%;}
.bookbank-list li {box-sizing:border-box;list-style:none;margin:0px;padding:0px;border-radius:15px;border:1px solid #b8b8b8;margin-top:10px;}
table.bookbank-tbl-new thead th {background:transparent;font-weight:bold;font-size:15px;color:#000;text-align:center;padding:10px 0;border:0;border-right:1px solid #bfcaf1;}
table.bookbank-tbl-new thead th.th4, table.bookbank-tbl-new tbody td.td4 {border-right:0;}
table.bookbank-tbl-new tbody td {font-size:13px;color:#333333;text-align:center;border-right:1px solid #bfcaf1;border-top:1px solid #bfcaf1;padding:10px 0;letter-spacing:-1px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
table.bookbank-tbl-new tbody td.date-txt {font-size:13px;color:#777777;}

table.bookbank-tbl-new caption {display:none;}
table.bookbank-tbl-new thead th.th1 {width:12%;}
table.bookbank-tbl-new thead th.th2 {width:48%;}
table.bookbank-tbl-new thead th.th3 {width:20%;}
table.bookbank-tbl-new thead th.th4 {width:20%;}


/* 능동형도서추천 */
.user_pick_info {position:relative;width:100%;margin-top:30px;padding:40px 0 35px;background-color:#f3f4f6;text-align:center;}
.user_pick_info img {position:absolute;top:-30px;left:46%;}
.user_pick_info h2 {font-size:30px;color:#39366a;font-weight:600;letter-spacing:0;font-family:'s-core_dream6_bold';background:none;}
.user_pick_info p.txt_box01 {font-size:16px;color:#39366a;line-height:23px;letter-spacing:0;margin:0 9%;font-family:'s-core_dream5_medium';}
.user_pick_info p.txt_box_mini {font-size:14px;color:#39366a;opacity:0.8;font-family:'s-core_dream5_medium';margin-top:5px;}

#keyword span {font-family:'S-CoreDream-4Regular';cursor:pointer;}
#keyword {height: 450px;}

.select-keyword{position:relative;width:100%;margin-bottom:20px;text-align:center;border-top:1px solid #ddd;padding-top:20px;}
.select-keyword span {display:inline-block;font-family:'S-CoreDream-4Regular';color:#fff;font-size:18px;background:#333;width:180px;height:55px;line-height:55px;content:'#';}

.btn-box {position:relative;width:100%;clear:both;}
.btn-box ul {font-size:0;}
.btn-box ul li {display:inline-block;width:49.5%;padding:15px 0;line-height:180%;text-align:center;border-radius:5px;}
.btn-box ul li a {font-family:'s-core_dream5_medium';font-size:19px;letter-spacing:-0.25px;display:block;}
.btn-box ul li a span {display:block;font-family:'S-CoreDream-4Regular';font-size:13px;letter-spacing:0;}
.btn-box ul li.btn1 {box-sizing:border-box;border:1px solid #ccc;margin-right:1%;}
.btn-box ul li.btn1 a {color:#333;}
.btn-box ul li.btn2 {background:linear-gradient(to right, #53cce9, #7597ee)}
.btn-box ul li.btn2 a {color:#fff;}

.recommandBook-wrap {padding:18px 0;}
.list {position:relative;display:inline-block;text-align:center;width:24.5%;height:230px;margin:10px auto 100px;vertical-align:top;}
.list div {vertical-align:top;}
.list div.thumb-image a img {width:150px;height:215px;border-radius:3px;box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
.list div.thumb-image {display:block;}
.list div.thumb-image a {display:block;}
.list div.cont {position:relative;}
.list div.cont p.tit {font-size:15px;color:#000000;letter-spacing:-1.25px;line-height:125%;text-align:center;margin-top:25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.list div.cont p.auth {font-size:13px;color:#5d5d5d;letter-spacing:-1.25px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.contents {padding-top:0px;}
.backbutton-sec {position:relative;margin-top:23px;text-align:center;}
.btn_new {font-family:'Pretendard';padding:18px 30px;background-color:#39366a;border:1px solid #39366a;color:#fff;border-radius:50px;font-weight:600;font-size:18px;}
.info_loading {text-align:center;}

.kdcBookList3 {padding:0px 0 30px 0;}
.kdcBookList3 .kdcTitle {display:block;margin-bottom:8px;font-size:1.154em;}

.kdcBookList3 .bookListz {position:relative;display:block;overflow:hidden;padding:18px 0;}
.kdcBookList3 .bookListz .thumb {position:relative;max-width:200px;margin:0 auto;}
.kdcBookList3 .bookListz .thumb .img {display:block;width:200px;height:280px;}
.kdcBookList3 .bookListz .thumb .img img {width:100%;height:100%;box-shadow:5px 5px 10px rgba(0,0,0,0.2);border-radius:10px;}
.kdcBookList3 .bookListz .book-contents {position:relative;display:block;box-sizing:border-box;;margin: 0 auto;}
.kdcBookList3 .bookListz .tit, 
.kdcBookList3 .bookListz .author,
.kdcBookList3 .bookListz .isbn {display:block; overflow:hidden; margin:0; text-overflow:ellipsis; white-space:nowrap; word-break:normal;text-align:center;font-family:'s-core_dream4_regular';}
.kdcBookList3 .bookListz .tit {font-size:21px;font-weight:bold;padding:38px 0 0 0;} 
.kdcBookList3 .bookListz .author {font-size:18px;padding:10px 0 0 0;}
.kdcBookList3 .bookListz .isbn {font-size:18px;padding:10px 0 0 0;}
.kdcBookList3 .bookListz .book-info-box {position:relative;display:block;box-sizing:border-box;padding:18px;margin-top:23px;min-height:100px;border-radius:3px;background:rgba(0, 0, 0, 0.1);}
.kdcBookList3 .bookListz .book-info-box .book-info {position:relative;display:block;box-sizing:border-box;width:100%;overflow-y:scroll;height:100px;min-height:100px;font-size:15px;line-height:150%;text-align:left;padding-right:30px;}


@media print {
	#bookbank {padding:20mm;}
	.bookbank{width:98%;margin:10px auto;} 
}

@media all and (max-width:1000px){
	.search-wrap .smain .ws-filter{display:none}
	.ws-filter-top{display:inline}
	.search-wrap .smain .box,
	.search-wrap .smain .box .ws-toolbar,
	.search-wrap .smain .box .search-results{float:none;margin:0}
	.search-bot .notice {width: 67%!important;}
	.info .txt{width: 67%;}
	.detailBookList .bookListz > li {width:33.33333%;}

	div.data_list dl {float:none;width:100%;margin:0;margin-bottom:1%;}
}

@media all and (max-width:767px){
	.ws-toolbar,
	.ws-filter h4{height:58px;/* padding:0 0 10px; */}
	.search-wrap .search-results .row{position:relative}
	.search-wrap .search-results .imageType .row .thumb {width:110px;height:auto;margin-right:20px}
	.search-form input.text2 {width: 60%;}
	.search-form .b2{width:15%}
	.bif .txt {display: block;}
	.bif .bar {display: none;}

	.search-form .detail_search .section dl dd input.text-area{width:95.5%;}
	.search-wrap .search-results .row .bci {font-size:15px;}

	.list {width:32.33%;height:auto;margin:10px auto;}
	.list div.thumb-image a img {width:125px;height:175px;border-radius:3px;box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
	.list div.cont p.tit {font-size:14px;margin-top:15px;}
	.list div.cont p.auth {font-size:12px;padding-top:5px !important;}
	.btn_new {padding:15px 30px;font-size:15px;}

	.kdcBookList3 .bookListz .thumb {max-width:150px;}
	.kdcBookList3 .bookListz .thumb .img {width:150px;height:210px;}
	.kdcBookList3 .bookListz .tit {font-size:18px;} 
	.kdcBookList3 .bookListz .author {font-size:15px;}
	.kdcBookList3 .bookListz .isbn {font-size:15px;}
	.kdcBookList3 .bookListz .book-info-box {padding:10px;margin-top:15px;}
	.kdcBookList3 .bookListz .book-info-box .book-info {font-size:13px;padding-right:18px;}
}

@media all and (max-width:690px){
}

@media all and (max-width:590px){
	.info .con {width: 100%;}
	.info .bar {display: none;}
	.info .txt {width: 90%;padding-left: 10px;}

	.search-wrap .search-results .row .item .bif a, .search-wrap .search-results .row .item .bif a span {font-size:16px;}
	.search-wrap .search-results .row .item .bif p {font-size:13px;}
	

	#search_detail .table_gray th, #search_detail .table_gray td {font-size:13px}
	.bbs-result {font-size:14px;}

	.search-wrap .search-results .row .bci {font-size:13px;}
}

@media all and (max-width:550px){
	.user_pick_info img{position:absolute;top:-30px;left:43%;}
	.user_pick_info h2{font-size:25px;}

	.select-keyword {margin-bottom:10px;}
	.select-keyword span{font-size:14px;margin-bottom:5px;width:32%;height:40px;line-height:40px;}
	
	.btn-box ul li{display:block;width:100%;line-height:160%;}
	.btn-box ul li.btn1{margin-right:0;margin-bottom:5px;}
	.btn-box ul li a{font-size:16px;}
	.btn-box ul li a span{font-size:12px;}

	.select-personal_data{font-size:13px;}
}

@media all and (max-width:500px){
	.list {width:49%;height:auto;margin:10px auto;}
	.list div.thumb-image a img {width:125px;height:175px;border-radius:3px;box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
	.list div.cont p.tit {font-size:14px;margin-top:15px;}
	.list div.cont p.auth {font-size:12px;padding-top:5px !important;}
	.btn_new {padding:15px 30px;font-size:15px;}
}

@media all and (max-width:450px){
	#search_detail .table_gray th, #search_detail .table_gray td {font-size:12px}
	.bbs-result {font-size:13px;}
	.detailBookList .bookListz > li {width:50%;}
}