@charset "utf-8";
@media screen and (max-width:1024px){
    #divWrapper {min-width:100%}
}

/* 검색 영역 */
.searchArea {margin: 0px 0 30px 0; }
.dataSearch {position:relative;width:702px;height:80px;text-align:center;padding:10px 0 0 0;margin:50px auto 0;}
.dataSearch form {float:left;overflow:hidden}
.dataSearch fieldset {float:left;}
.dataSearch .searchSelect {top:57px;left:5px;margin-bottom:30px;}
.dataSearch .searchSelect span {position:relative;display:inline-block;padding-left:20px;margin-right:5px}
.dataSearch .searchSelect span input {position:absolute;left:0;top:0;width:13px;height:13px}
.dataSearch .searchSelect input[type="radio"]+ label {position:relative; top:-1px; margin-right:5px; margin-left:7px; display:inline-block;}
select.searchOpt1, select.searchOpt2 {height:35px}
.dataSearch .searchOpt1 {float:left;width:120px;margin-right:5px;padding-right:0; font-family:Pretendard,sans-serif;}
.dataSearch .searchW {float:left}
.dataSearch .searchW .keyword {border-radius:10px 0 0 10px;float:left;width:388px;box-sizing: border-box;height: 35px;padding:0;position:relative;border: 2px solid #00479c;outline:none}
.dataSearch .searchW .keyword input {border:0;float: left;width:calc(100% - 8px); margin-left:0; height:calc(100% - 4px); position:relative; top:2px; left:4px;}
.dataSearch .searchW .refine {position:absolute;top:-16px;left:505px;padding-left:20px}
.dataSearch .searchW .refine input {position:absolute;left:0;top:4px;width:13px;height:13px}
.dataSearch .searchW .searchBtn {float:left;display:inline-block;width:66px;height:35px;margin-left:-2px;background: #00479c;border: 1px solid #00479c;text-align:center;color:#fff;font-family:Pretendard,sans-serif;border-radius:10px;margin-left:-8px;}
.dataSearch .searchW a.advanceBtn {float:left;display:inline-block;height:33px;margin-left:5px;padding:0 20px; border:1px solid #9c1c2b; vertical-align: top;line-height: 2.3em;background-color: #fff;color: #0c9f8f;position:absolute;top:10px;right:0}

@media screen and (min-width:0) and (max-width:767px){
    .dataSearch {overflow: visible;width:100%;height:auto;margin-top:0;padding-bottom:50px}
    .dataSearch form {overflow:visible;position:relative;display:block;width:100%}
    .dataSearch fieldset {float:none;width:100%}
    .dataSearch .searchSelect {position:absolute;top: 105px;left:0}
    .dataSearch .searchOpt1 {float:none;width:100%;margin:0 0 10px 0}
    
    .dataSearch .searchW {float:none;position:relative;top: 0;z-index: 10;height:35px;padding-right:57px;}
    .dataSearch .searchW .keyword {width:100%}
    .dataSearch .searchW .keyword input {width:100%;margin-left:0}
    .dataSearch .searchW .refine {top:-25px;left:0}
    
    .dataSearch .searchW .searchBtn {position:absolute;top:0;right: 0;}
    .dataSearch .searchW a.advanceBtn {position:absolute;top:0;right:0;}
}

.searchBtns li {float:left;border:1px solid #e6e6e6;border-left:0 none}
.searchBtns li:first-child {border-left:1px solid #e6e6e6}
.searchBtns li a {position:relative;display:block;}
.searchBtns li img {width:38px;height:33px;vertical-align:top}
.searchBtns li span {position:absolute;left:13px;top:6px;width:17px;height:17px;padding-left:3px;background:url(../../../../image/en/solution/common/bg/searchBtnsCnt.png) no-repeat 0 center;color:#fff;font-size:8px;line-height:18px;text-align:center}

.searchBtns2{float:left;margin-top:10px}
.searchBtns2 a{display:inline-block;height:33px;padding:0 10px;border:1px solid #ccc;color:#4c4c4c;font-size:13px}
.searchBtns2 a img{margin-right:7px;vertical-align:middle}
.searchBtns2 span{display:inline-block;height:33px;margin-bottom:5px;padding:0 10px;border:1px solid #ccc;color:#4c4c4c;font-size:13px}
.searchBtns2 span input{margin-right:7px;vertical-align:middle}

.searchBrief {line-height:1}
select.searchOpt2 {height:35px}
.pagig {clear:none}

.searchWords {overflow:hidden;}
.searchKeyword, .selectedFacet {float:left}
.searchWords dt, .searchWords dd {float:left;color:#737373;line-height:1.4}
.searchWords .keyword {color:#9c1c2b}
.searchWords .division {color:#bdbdbd;font-size:12px}
.searchWords .selectedFacet {float:left;padding:0 0 0 16px;margin-left:15px;background:url(../../../../image/en/solution/common/bg/searchKeywordDivision.png) no-repeat 0 center}
.searchWords .selectedFacet li {float:left;margin-right:15px;color:#086258;}
.searchWords .addDelete {display:inline-block;width:19px;height:19px;padding:0;margin:0 0 0 5px;border:0;background:url(../../../../image/en/solution/common/btn/addKeywordDelete.png) no-repeat;text-indent:-9999em;cursor:pointer}

.briefContent {position:relative; clear:both; overflow:hidden;font-family: PretendardR;}

/* Set Alert, 확장검색 버튼 */
.settingBtns{position:absolute;top:6px;left:0}
.settingBtns a{display:inline-block;width:108px;height:28px;color:#fff;font-size:13px;text-align:center;line-height:28px}
.settingBtns a.setAlert{width:105px;margin-right:6px;background-color:#086258;}
.settingBtns a.expenderModeOff{background-color:#8e8e8e}
.settingBtns a.expenderModeOn{background-color:#086258;}
@media screen and (min-width:0px) and (max-width:767px){
    .settingBtns{top:-33px}
}

/* 좌측 메뉴 */
.facet {float:left;width:220px;margin-top:45px}
.facetList {border:1px solid #e7e7e7;border-top:1px solid #b8b8b8;border-bottom:0 none}
.facet h3 {height:56px;padding:0 20px;background:#e6e6e6;font-size:20px;line-height:58px}
.facet .facetLimit{background-color:#fbfbfb}
.facet .facetLimit > ul{padding:20px 19px}
.facet .facetLimit p.rescan{padding:20px 0 0 0;color:#066111;font-size:13px;text-align:center}
.facet .facetLimit p.rescan .rescanSearch{display:inline-block;padding:6px 7px 5px 7px;background-color:#fff;border:1px solid #b7b7b7;font-size:13px;color:#7c7c7c}
.facet .facetLimit p.rescan button{display:inline-block;width:20px;height:15px;background:url(../../../../image/en/solution/common/eds/searchAgrinBtnBg.png) no-repeat 0 0 ;border:none;cursor:pointer;padding:0;text-indent:-9999px;overflow:hidden;vertical-align:bottom}
.facetLimit input.inputTextType1 {width:70px;height:22px; font-size: 12px;}

.facet .listOpenBtn {display:block;float:right;padding:0;border:0;margin-top:16px;background:none;outline:none;cursor:pointer}
.facet .listOpenBtn img{width:37px;height:27px}
.facetList li {width:100%;color:#6e6e6e;font-size:14px}
.facetList dl {border-bottom:1px solid #e6e6e6}
.facetList dt {height:41px;padding:0 20px;background:#f2f2f2;font-size:16px;line-height:43px}
.facetList dt a {display:block;background:url(../../../../image/en/solution/common/ico/tableOn.png) no-repeat 100% 50%;color:#4d4d4d}
.facetList dt a.open {background:url(../../../../image/en/solution/common/ico/tableOff.png) no-repeat 100% 50%}
.facetList dd {display:none;padding:20px 19px}

.facet li li {position:relative;margin-top:10px}
.facet li li:first-child {margin-top:0}

.facet li li input.conditionCheck{position:absolute;top:1px;left:0;}
.facet li li > span.facetLi{display:inline-block;padding-left:18px;cursor:pointer;}

.facet dd a {color:#4d4d4d}
.facet dd a span {font-size:13px;color:#999}

.facet li dd li a.facetItem {display:block;padding-left:14px;background:url(../../../../image/en/solution/common/ico/treeDepthOff.png) no-repeat 0 5px}
.facet li dd li a.facetItem:HOVER {background-image:url(../../../../image/en/solution/common/ico/treeDepthOn.png)}
.facet li dd li a.facetItem:HOVER , .facet li dd li a.facetItem:HOVER  span{color:#305ed6}


.taxonomy li {margin-top:20px}
.taxonomy li button {display:inline-block;width:13px;height:13px;padding:0;border:0;margin-right:10px;background:url(../../../../image/en/solution/common/ico/treePlusIco.png) no-repeat;vertical-align:top;text-indent:-9999em;cursor:pointer;outline:none}
.taxonomy li.open button {background-image:url(../../../../image/en/solution/common/ico/treeMinusIco.png)}
.taxonomy li:first-child {margin-top:0}

.taxonomy li li {padding-left:23px;margin-top:10px}
.taxonomy li li:first-child {margin-top:15px}
.taxonomy li li a {display:block;padding:0 0 0 14px;background:url(../../../../image/en/solution/common/ico/treeDepthOff.png) no-repeat 0 5px}
.taxonomy li li .selected {background-image:url(../../../../image/en/solution/common/ico/treeDepthOn.png)}

.taxonomy ul {display:none}
.taxonomy .selected, .taxonomy .selected span {color:#305ed6}


.facet .more {margin-top:20px;font-size:13px;color:#737373;text-align:right}
.facet .more button {display:inline-block;width:15px;height:15px;padding:0;border:0;text-indent:-9999em;cursor:pointer;vertical-align:bottom}
.facet .more .moreList {background:url(../../../../image/en/solution/common/eds/btnMore.png) no-repeat;}
.facet .more .moreListClose {margin-left:5px;background:url(../../../../image/en/solution/common/eds/btnMoreClose.png) no-repeat;}
.facet .more .rescan{background:url(../../../../image/en/solution/common/eds/searchAgain.png) no-repeat}
.facet .more .closeBtnWrap {display:none}
.facet .more.open .closeBtnWrap {display:block;color:#066111;font-size:13px}
.facet .more .moreBtnWrap{color:#066111;font-size:13px}
.facet .more.open .moreBtnWrap {display:none;}

.facet .graphWrap {position:relative;width:100%;height:45px;margin-bottom:20px}
.facet .graph {overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:45px}
.facet .graph .background, .facet .graph .labels, .Nwagon_area .foreground .circles, ul.accessibility {display:none}
#slider {margin-bottom:10px}

.graphDate {display:block;overflow:hidden}
.graphDate .searchRange {overflow:hidden;line-height:2.3em}
.graphDate .searchRange span {float:left;display:inline-block;width:16px;text-align:center}
.graphDate input.inputTextType1 {float:left;width:46px;height:28px;}
.graphDate  input.pubYearBtn{float:left; border: 1px solid #d1d0cf;color: #4c4c4c;font-size: 14px;height: 30px;margin-left:4px;padding: 0 5px;vertical-align: top;}



/* 우측 */
.result {position:relative;margin-top:-10px;margin-left:240px}

.searchCnt {position:absolute;left:-240px;width:240px;padding-top:12px;font-size:14px}
.searchCnt span {color:#1a1a1a}
.resultInfo, .briefHeader {overflow:visible;height:35px;margin-bottom:20px;line-height:2.3em;z-index:10}
.resultInfo{z-index:11}

.resultInfo .listInfo1 {float:left}
.resultInfo .listInfo2 {float:right}
.resultInfo .listInfo3 {margin:11px 0 0 114px;font-size:14px;line-height:18px}
.resultInfo .listInfo3 span{display:block; padding-top:10px}
@media screen and (min-width:768px) and (max-width:1024px){
    .resultInfo, .briefHeader{margin-bottom:30px;}
}
@media screen and (min-width:0px) and (max-width:767px){
    .resultInfo .listInfo3{margin:11px 0 0 0;font-size: 14px;line-height: 14px;letter-spacing: -0.02em;}
}

.resultInfo .listInfo2 p {float:left}
/*.resultInfo .listInfo2 img {width:28px;height:28px;padding-top:4px}
.resultInfo .listInfo2 .fileExport {float:left;padding:0 10px;border:1px solid #ccc;margin-left:10px}
.resultInfo .listInfo2 .fileExport a {display:block;padding:0 17px 0 0;background:url(../../../../image/en/solution/common/ico/export.gif) no-repeat 100% 50%;color:#666}*/

.viewOptions {float:left}
.typeList ul {border:1px solid #ccc;height:33px;padding:0 10px;}
.typeList ul li{float:left;margin-left:10px;}
.typeList ul li:first-child{margin:0}
.typeList ul li span{display:none}
.typeList ul li img{vertical-align:middle;width:14px;height:14px;}
.typeSelect{display:none;}


.briefHeader.sort {height:auto;border-top:1px solid #b8b8b8;overflow:hidden}
.briefHeader.sort .sortOptions {float:right; margin:0 0 14px 0;}
.briefHeader.sort .typeList, .sort form {padding-top:10px}
.briefHeader.sort .sortOptions form, .sort .sortOptions fieldset {float:left;position:relative}
.briefHeader.sort .sortOptions .searchOpt2, .sort .sortOptions .btnType6 {float:left;margin-left:-1px}
.briefHeader.sort .sortOptions .searchOpt2 {padding-left:3px; font-family:Pretendard,sans-serif;}
.briefHeader.sort .sortOptions .btnType6 {position:relative;z-index:20; font-family:Pretendard,sans-serif;}
.briefHeader.sort .sortOptions .allExport {float:left;height:33px;padding:0 10px;margin:10px 0 0 10px;border:1px solid #ccc;font-size:13px;color:#666;line-height:35px}
.briefHeader.sort .sortOptions .allExport input {vertical-align:-2px}

.breifPaging {margin-right:30px; padding-top:15px;font-size:12px;color:#666;line-height:1}
.breifPaging .current {color:#f37109}
.breifPaging a {display:inline-block;height:12px}
.breifPaging .firstPage {margin-right:15px}
.breifPaging .lastPage {margin-left:15px}
.breifPaging img {padding-top:4px;vertical-align:top}


/* 내보내기 */
.export{top:34px !important}

/* 공통 */
.resultList {float:left;width:100%;margin-bottom:30px}
.resultList .items {overflow:hidden;margin-bottom:10px;padding:20px 30px;border:1px solid #e8e8e8}


/* 내바구니, 내보내기 프리뷰버튼 */
.selectBtn a {position:relative;display:inline-block;width:32px;height:30px;text-indent:-9999em;vertical-align:top}
.selectBtn .cartBtn {background:url(../../../../image/en/solution/common/btn/cartBtn.png) no-repeat}
.selectBtn .cartBtn.selected {background-image:url(../../../../image/en/solution/common/btn/cartBtnOn.png)}
.selectBtn .exportBtn {margin-left:-1px;background:url(../../../../image/en/solution/common/btn/exportBtn.png) no-repeat}
.selectBtn .exportBtn.selected {background-image:url(../../../../image/en/solution/common/btn/exportBtnOn.png)}
.selectBtn .myLibBtn{background:url(../../../../image/en/solution/common/btn/myLibBtn.png) no-repeat 0 0}
.selectBtn .previewBtn {width:auto;height:28px;padding:0 10px 0 9px;margin-left:5px;border:1px solid #e6e6e6;text-indent:0;line-height:30px;color:#737373}
.selectBtn .previewBtn.selected {background:#f1f2f5}
.selectBtn .previewBtn span {display:inline-block;padding-left:17px;background:url(../../../../image/en/solution/common/ico/previewIco.png) no-repeat 0 8px;}

/*상세정보*/
.resultList .detailInfo {margin-top:10px; color:#737373}
.resultList .detailInfo li {margin-bottom:3px}
.resultList .detailInfo dl {overflow:hidden;display: flex;flex-wrap: wrap;}
.resultList .detailInfo dt {/* display:inherit; */width: 120px;padding: 2px 0;color:#333;line-height:1em;}
.resultList .detailInfo dd {width:calc(100% - 140px);}
.resultList.resultDetail .items dl dt.title{display: none}
.resultDetail.resultList .items dl dd.preview dd{margin-left:20px; padding: 2px 0;word-break:break-all}
.resultList .detailInfo dd a{display:inline-block;padding: 3px 0;}
.resultList .detailInfo dd img {text-align: center;}
.resultList .detailInfo .media {margin:20px 0}
.media a {display:inline-block;width:36px;height:16px;margin-right:5px;background:#9cafb8;color:#fff;text-align:center;font-size:12px;line-height:18px}

/*소장처*/
.resultList .holding{margin-bottom:10px}
.resultList .holding >.location{margin-bottom:5px}
.resultList .holding >.location a{display: inline-block; padding: 2px}
.resultList .holding >.location .availableBtn {display:inline-block;padding:2px 10px 2px 0;margin-left:10px;background:url(../../../../image/en/solution/common/ico/availableDown.png) no-repeat right center;color:#305ed6;}
.resultList .holding .availableBtn.on {background:url(../../../../image/en/solution/common/ico/availableUp.png) no-repeat right center}
.resultList .holding .availableBtn.disabled {color:#ff0000}
.resultList .holding .availableBtn.ing {color:#46b048}

.resultList .holding .holdingW{margin-bottom: 20px}
.resultList .holding .service dl { position:relative; top:0;text-align:right;}
.resultList .holding .service dl dt {display:inline-block;padding:2px 0px 2px 20px;background:url(../../../../image/en/solution/common/ico/serviceInfoIco.png) no-repeat;cursor:pointer;z-index:80}
.resultList .holding .service dl dd {display:none; position:absolute;right:0;width:161px;padding:20px 0 20px 32px !important;background:#fff;border:1px solid #aaa;z-index:90;text-align:left;}
.resultList .holding .service dl li {height:21px;font-size:13px;  margin-right: 20px;padding-bottom: 8px;}
.resultList .holding .service dl li img{vertical-align:middle;margin: 3px 12px 8px 0;}

.listTable {margin:7px 0;border:1px solid #ddd;border-top:1px solid #b3b3b3;font-size: 12px;clear:none}
.mobileTable tr th {padding:10px 0;line-height:1.2;}
.mobileTable tr td {padding:20px 5px;line-height:1.2;}
.mobileTable .status.available {color:#248bd8}
.mobileTable .status.ing {color:#46b048}
.mobileTable .status.disabled {color:#ee2b2d}
.mobileTable .service img {display:inline-block;margin:7px 0 0 2px;vertical-align:middle}

.mobileTable th.num {width:7%;text-align:center}
.mobileTable th.location {width:21%}
.mobileTable th.callNum {width:12%}
.mobileTable th.possessLocation {width:12%}
.mobileTable th.status {width:11.5%}
.mobileTable th.returnDate {width:13%}
.mobileTable th.reservation {width:12%}
.mobileTable th.service {width:10%}

.mobileTable td.num {text-align:center}
.mobileTable .reservation.available {color:#248bd8}
.mobileTable .reservation.ing {color:#46b048}
.mobileTable .reservation.disabled {color:#ee2b2d}
.mobileTable .reservation span {display:block}

.mobileTable tr th {padding:10px 10px;line-height:1.2}
.mobileTable tr td {padding:13px 10px;line-height:1.2}
.mobileTable .sort {color:#727272}
.mobileTable .status.available, .mobileTable .status.status01 {color:#305ed6}
.mobileTable .status.ing, .mobileTable .status.status02 {color:#46b048}
.mobileTable .status.disabled {color:#ee2b2d}

.mobileTable .reservation.available {color:#248bd8}
.mobileTable .reservation.ing {color:#46b048}
.mobileTable .reservation.disabled {color:#ee2b2d}
.mobileTable .reservation span {display:block}

.mobileTable .service img {display:inline-block;margin-left:2px;vertical-align:middle}

.mobileTable .minWidth55 {min-width:55px}
.mobileTable .minWidth90 {min-width:90px}
.mobileTable .infoBtn {display:inline-block;vertical-align:top;overflow:hidden}
.mobileTable .infoBtn li:first-child {margin-bottom:1px}
.mobileTable .infoBtn a {display:inline-block;padding:3px 10px;line-height:26px;color:#fff}
.mobileTable .infoBtn a.checkinBtn {background:#65ade1;border:1px solid #50a2de;}
.mobileTable .infoBtn a.checkinBtnOn{background:#ff9a67;border:1px solid #ff8f54;}
.mobileTable .infoBtn a.bindingBtn {background:#43cbc1;border:1px solid #31c2b7;color:#fff}
.mobileTable .infoBtn a.bindingBtnOn{background:#e5ba32;border:1px solid #ddb020}

/*권호,제본*/
.infoView {padding-top:20px}
.infoViewHeader {margin-bottom:0!important;}
.infoView h4 {float:left;font-size:20px;padding-top: 10px;}
.checkin h4 {padding-top:10px}
.infoView .infoViewSelect {float:right}
.infoView .infoViewSelect p {float:left;padding:12px 10px 0 0;}
.infoView .infoViewSelect .infoViewYear {}
#checkin, #binding {display:none}


/* 기본 Normal */
.resultList.resultDetail .items {position:relative}
.resultList.resultDetail .book {width:96px;height:145px}
.resultList.resultDetail .book img {width:96px;height:133px;border:1px solid #e6e6e6}
.resultList.resultDetail .book .selectBtn {position:absolute;top:14px;right:23px;text-align:center}
.resultList.resultDetail .items dl dd{margin-bottom: 5px;margin-left:170px;font-family: 'PretendardL'}
.resultList.resultDetail .items dl dd.dataCheck{float:left;display:inline-block;margin:0 15px 0 0}
.resultList.resultDetail .items dl dd.dataCheck input{vertical-align:bottom}
.resultList.resultDetail .items dl dd.num {position: relative; ;top:3px;display:inline-block;color:#1a1a1a;font-size:14px; float: left;margin-left:0}
.resultList.resultDetail .items dl dd.title {position:relative;left:0;margin-right:70px;overflow:hidden;font-size:17px;color:#1a1a1a;line-height:1.2;font-weight:bold; padding-top:10px;font-family: 'PretendardR';}
.resultList.resultDetail .items dl dd.title a {color:#1a1a1a}
.resultList.resultDetail .items dl dd.title span.bookLending{color:#757575;font-size:13px;font-weight:normal}
.resultList.resultDetail .items dl dd span.hilight {background-color: #ebebeb; color: #555; padding: 0 1px 1px;}
.resultList.resultDetail .items dl dd.title button {display:inline-block;width:21px;height:20px;padding:0;margin:0 0 0 5px;vertical-align:middle;background:url(../../../../image/en/solution/common/btn/moreInfoBtn.png) no-repeat;border:0 none;text-indent:-9999em;cursor:pointer}
.resultList.resultDetail .items dl dd.sourceTitle {margin-right:60px}
.resultList.resultDetail .items dl dd.sourceTitle a {color: #faae33}
.resultList.resultDetail .items dl dd.book{float:left;margin:0 15px 0 10px}
.resultList.resultDetail .items dl dd.seriesName{margin-top:8px;margin-right:70px}
.resultList.resultDetail .items dl dd.seriesName a{color:#6e6e6e;text-decoration:underline}
.resultList.resultDetail .items dl dd.pubType{margin-bottom: 7px;color:#919191}
.resultList.resultDetail .items dl dd.link{clear:both;margin-left:0;padding:0 8px 6px;background-color:#f5f5f5}
.resultList.resultDetail .items dl dd.type,.items dl dd.media {margin-bottom: 5px;}
.resultList.resultDetail .items dl dd.type img {vertical-align:middle;margin-right:5px;}
.resultList.resultDetail .items dl dd.media{padding-top: 2px;}
.resultList.resultDetail .items dl dd.author{white-space: normal; line-height: 1.2; -webkit-line-clamp: 3;overflow: hidden;}
/* .resultList.resultDetail .items dl dd.subject{display:none;} */
.resultList.resultDetail .items dl dd.database{color:#1a1a1a;}
.resultList.resultDetail .items dl dd mark{background-color: #5091eb;line-height: 28px;color: #fff;padding: 0 1px 1px;}
.resultList.resultDetail .detailInfo {display:none; margin-bottom: 5px;}
.resultList.resultDetail .detailInfo ul{overflow:hidden}
.resultList.resultDetail .holdingInfo {clear:both;position:relative;margin-top:20px;margin-bottom:5px;margin-left:20px !important}
.resultList.resultDetail .holdingInfo a {display:inline-block;}
@media screen and (min-width:768px) and (max-width:1024px){
    .resultList.resultDetail .holdingInfo a{padding:0 6px;line-height:18px}
}
@media screen and (min-width:0px) and (max-width:767px){
    .resultList.resultDetail .items dl dd{margin-left:120px; margin-bottom:3px;}
    .resultList.resultDetail .items dl dd.seriesName{margin-right:0}
    .resultList.resultDetail .items dl dd.holdingInfo{margin-right:0}
    .resultList.resultDetail .book .selectBtn{position:static}
    .resultList.resultDetail .items dl dd.title{margin-right:0}
    .resultDetail.resultList .items dl dd.preview{clear:both;margin-left:0;}
    /* .resultDetail.resultList .items dl dd.preview dd{margin-left:110px} */
    .resultList.resultDetail .items dl dd.sourceTitle{margin-right:0}
    
    .resultList.resultDetail .detailInfo ul{padding-bottom:15px;}
}

/* 원문보기 */
.resultList .link{margin:0 0}
.resultList .link a{display:inline-block;height:auto;margin:6px 0 0 0;padding:0 10px;background-color:#fff;border:1px solid #e6e6e6;color:#8b8b8b;font-size:13px;line-height:30px}
.resultList .link a img+p{display:inline-block; color:#0060df}
.resultList .link a:first-child{margin-left:0}
.resultList .link a img{vertical-align:middle}
.resultList .cLinkImg{height:17px}

/* @media screen and (min-width:0px) and (max-width:767px){
    .link{margin:0 11px}
    .link a{margin:0 9px 5px 9px}
    .link a:first-child{margin-left:9px}
    .link a img{vertical-align:middle}
} */

/*간략  Brief */
.resultList.list .items {position:relative}
.resultList.list .items dl dt.title{display: none}
.resultList.list .items dl dd{margin-bottom: 5px;}
.resultList.list .items dl dd.num {position: relative; top:3px;display:inline-block;color:#1a1a1a;font-size:14px; float: left;width: 30px;}
.resultList.list .items dl dd.title {position:relative;   left:0; overflow:hidden;padding-left:10px;font-size:18px;color:#1a1a1a;line-height:1.2;font-weight:normal}
.resultList.list .items dl dd.title a {color:#1a1a1a}
.resultList.list .items dl dd.info{margin-bottom: 5px; }
.resultList.list .items dl dd.type,.items dl dd.media {margin-bottom: 5px;}
.resultList.list .items dl dd.type img {vertical-align:middle;margin-right:5px;}
.resultList.list .items dl dd.media a {display:inline-block;width:36px;height:16px;margin-right:5px;background:#9cafb8;color:#fff;text-align:center;font-size:12px;line-height:18px;overflow:hidden}

.resultList.list .items .briefHeader {position: relative;height: auto}
.resultList.list .items .briefHeader  dd.num{width:30px;  line-height: 0.75em}
.resultList.list .briefList dd.info{display: inline-block;float: left;}
.resultList.list .items .briefList{margin-left:30px;margin-bottom: 10px;}
.resultList.list .items .briefList dd{display:inline-block; padding: 0 0 0 10px;}
.resultList.list .items .briefList dd.info{display:inline-block; padding: 2px 0 0 10px;}
.resultList.list .title {padding-right:190px}
.resultList.list .selectBtn {position:absolute;top:20px;right:30px}
.resultList.list .detailInfo {padding-top:30px;background:url(../../../../image/en/solution/common/bg/previewLine.png) no-repeat top right}
.resultList.list .preview {display:none}

.resultList.list .holdingInfo {position:relative;overflow:hidden;margin-top:20px;margin-bottom:5px;}
.resultList.list .holdingInfo a {display:inline-block;}


/* 갤러리 */
.resultList.gallery .items {float:left;margin:0 11px 20px 0;padding:0;border:0 none}
.resultList.gallery .itemsW {position:relative;width:149px;padding:185px 0 40px 0;border:1px solid #e8e8e8}
.resultList.gallery .itemsLast {margin-right:0}

.resultList.gallery .items dl dt{display:none}
.resultList.gallery .items dl dd{position: relative; margin-bottom: 5px;}
.resultList.gallery .items dl dd.title {overflow:hidden;height:59px;padding:0 20px;font-size: 16px; font-weight: normal; line-height: 1.2;margin-bottom: 15px;position: relative;}
.resultList.gallery .items dl dd.title a {color:#1a1a1a}

.resultList.gallery .items  dd.book {position:absolute;left:20px;top:20px;width:110px;height:152px}
.resultList.gallery .items  dd.book img {width:110px;height:152px;border:1px solid #e6e6e6}

.resultList.gallery .items dl dd.info{margin-bottom: 5px; margin-left:20px;width:110px; overflow: hidden;}
.resultList.gallery .items dl dd.type,.resultList.gallery .items dl dd.media {margin-bottom: 5px;width:110px; overflow: hidden;}
.resultList.gallery .items dl dd.type img, .resultList.gallery .detailInfo li.type dd img {vertical-align:middle;margin-right:5px;}
.resultList.gallery .items dl dd.media{padding-top: 2px;text-align: left;}
.resultList.gallery .detailInfo li.type dd {padding:0}
 
.resultList.gallery .detailInfo {display:block;margin:0 0 10px 0}
.resultList.gallery .selectBtn {position:absolute;width:185px;left:-1px;bottom:-1px;margin-bottom:0}
.resultList.gallery .selectBtn .previewBtn {width:88px;padding:0 3px 0 0;margin:0 0 0 -1px;text-align:center}

.resultList.gallery .preview {display:none}
.resultList.gallery .moreSection {clear:both;position:relative;top:-17px;padding-top:8px;background:url(../../../../image/en/solution/common/bg/previewLineN01.png) no-repeat}
.resultList.gallery .moreSection.more1 {background-image:url(../../../../image/en/solution/common/bg/previewLineN02.png)}
.resultList.gallery .moreSection.more2 {background-image:url(../../../../image/en/solution/common/bg/previewLineN03.png)}
.resultList.gallery .moreSection.more3 {background-image:url(../../../../image/en/solution/common/bg/previewLineN04.png)}
.resultList.gallery .moreSection.more4 {background-image:url(../../../../image/en/solution/common/bg/previewLineN05.png)}
.resultList.gallery .moreSection.more0 {background-image:url(../../../../image/en/solution/common/bg/previewLineN01.png)}
.resultList.gallery .moreSection .preview {display:block;padding:20px;padding-bottom:10px;border:1px solid #e6e6e6;border-top:0 none}
.resultList.gallery .holdingW {display:none}

@media screen and (min-width:0px) and (max-width:1024px){
    .resultList.list .items, .resultList.resultDetail .items {overflow:visible;float:left;width:100%;box-sizing:border-box}
    .resultList .holdingInfo {overflow:visible}
    dl.service {height:17px}
    dl.service dd {top:24px}
    
    .listTable {border-top:0 none}
    .mobileTable thead {display:none}
    .mobileTable.breakpoint > tbody > tr > td.expand {padding:14px 23px 14px 0;background:url(../../../../image/en/solution/common/ico/tableOn.png) no-repeat 97% 50%;text-align:left}
    .mobileTable.breakpoint > tbody > tr.footable-detail-show > td.expand {background:url(../../../../image/en/solution/common/ico/tableOff.png) no-repeat 97% 50%;}
    .mobileTable.breakpoint > tbody > tr.footable-detail-show {background:#fcf9ce}
    .mobileTable.breakpoint > tbody > tr.footable-row-detail > td.footable-last-column {background:none}
    .mobileTable.breakpoint > tbody > tr.footable-row-detail td {padding:20px 20px 10px 20px}
    .mobileTable > tbody > tr > td.footable-cell-detail {border-top:none}
    
    .mobileTable.breakpoint td.num {max-width:30px;padding:0 5px 0 15px;text-align:left}
    
    .mobileTable .footable-row-detail-inner {padding:0}
    .mobileTable .footable-row-detail-inner div {margin-bottom:10px}
    .mobileTable .footable-row-detail-inner strong {display:inline-block;width:110px;height:18px;margin-right:20px;text-align:left;line-height:18px}
    .mobileTable .footable-row-detail-inner .serviceInfo {display:inline-block;overflow:hidden;vertical-align:top;margin-bottom:0}
    .mobileTable .footable-row-detail-inner .serviceInfo img {float:left;display:inline-block;margin-right:3px}
}

@media screen and (min-width:768px) and (max-width:1024px){
    .resultList.list .items {min-height:70px}
    .items ul li.title {padding-right:90px;}
    .resultList.list .itemInfo {min-height:74px}
    
    .resultList.list .selectBtn {width:90px;padding:0}
    .resultList.list .selectBtn .btnWrap {display:block;float:right;margin-bottom:10px}
    .resultList.list .selectBtn .previewBtn {float:right;margin:0}
    
    .resultList.gallery .items {margin-right:11px}
    .resultList.gallery .moreSection {float:left;width:100%}
    .resultList.gallery .preview {float:left;width:100%;box-sizing:border-box}
    
    .resultList.gallery .mobileTable thead {display:none}
    .resultList.gallery .mobileTable.breakpoint > tbody > tr > td.footable-last-column {padding:14px 23px 14px 10px;background:url(../../../../image/en/solution/common/ico/tableOn.png) no-repeat 97% 50%}
    .resultList.gallery .mobileTable.breakpoint > tbody > tr.footable-detail-show > td.footable-last-column {background:url(../../../../image/en/solution/common/ico/tableOff.png) no-repeat 97% 50%;}
    .resultList.gallery .mobileTable.breakpoint > tbody > tr.footable-detail-show {background:#fcf9ce}
    .resultList.gallery .mobileTable.breakpoint > tbody > tr.footable-row-detail:hover {background:none}
    .resultList.gallery .mobileTable.breakpoint > tbody > tr.footable-row-detail > td.footable-last-column {background:none}
    .resultList.gallery .mobileTable.breakpoint > tbody > tr.footable-row-detail td {padding:20px 15px 10px 15px}
    .resultList.gallery .mobileTable > tbody > tr > td.footable-cell-detail {border-top:none}
    
    .resultList.gallery .mobileTable .footable-row-detail-inner div {margin-bottom:10px}
    .resultList.gallery .mobileTable .footable-row-detail-inner strong {display:inline-block;width:80px;height:18px;margin-right:20px;text-align:right;line-height:18px}
    .resultList.gallery .mobileTable .footable-row-detail-inner .serviceInfo {display:inline-block;overflow:hidden;vertical-align:top;margin-bottom:0}
    .resultList.gallery .mobileTable .footable-row-detail-inner .serviceInfo img {float:left;display:inline-block;margin-right:3px}
    .resultList.gallery .mobileTable .reservation span {display:inline}
    
    .resultList.gallery .mobileTableDL .footable-row-detail-inner {padding:0}
    .resultList.gallery .mobileTableDL .footable-row-detail-inner strong {width:110px;margin-right:10px}
    .resultList.gallery .mobileTableDL .infoBtn {display:inline-block;overflow:hidden;vertical-align:top}
    .resultList.gallery .mobileTableDL .infoBtn li {float:left;}
    .resultList.gallery .mobileTableDL .infoBtn li:first-child {margin:0 4px 0 0}
    .resultList.gallery .mobileTableDL .infoBtn li a {height:17px;padding:0 6px;font-size:13px;line-height:18px}
    
    /* 권호 제본 정보 */
    .infoViewHeader {margin-bottom:10px}
    #checkin h4 {padding-top:10px}
    .infoView .infoViewSelect p {display:none}
    .mobileTableDL .infoBtn li{float:left}
    .mobileTableDL .infoBtn li:first-child{margin:0 4px 0 0}
}

@media screen and (min-width:0px) and (max-width:767px){
    .paging {clear:both}
    
    .searchWords {}
    .searchWords .selectedFacet {float:none;clear:both;width:100%;margin:0;padding:10px 0 0 0;background:none}
    .searchWords .selectedFacet ul {overflow:hidden}
    .searchWords .selectedFacet li {margin-bottom:10px}
    
    form[name="briefFrm"]{clear:both;padding-top:10px;}
    .briefHeader.sort{overflow:visible}
    .typeSelect {display:block;border:1px solid #ccc;margin-top:10px;padding:0 10px;height:33px}
    .typeList {position:relative;padding-top:0 !important}
    .typeList ul {display:none;position:absolute;top:0;left:0;width:105px;background-color:#fff;height:auto;z-index:110}
    .typeList ul li {float:none;margin:0}
    .typeList ul li span {display:inline;margin-left:10px;}
    .typeSelect img {vertical-align:middle;width:7px;height:4px;}
    .typeSelect img:first-child {width:14px;height:14px;margin-right:5px}
    
    .facet {float:none;width:auto;margin-top:0}
    .facetList {border:0 none;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
    .facet h3 {padding:0;background:#fff;color:#4d4d4d}
    .facet .listOpenBtn {display:block;float:right;padding:0;border:0;margin-top:6px;background:none;outline:none;cursor:pointer}
    .facet .listOpenBtn img {width:37px;height:27px}
    .facetList > ul {border:1px solid #e7e7e7;border-bottom:0 none}
    .facetList dt a {color:#4d4d4d}
    
    .graphDate .searchRange span {width:6%}
    .graphDate input.inputTextType1 {width:38%;text-indent:5px}
    
    
    .result {float:none;width:auto;margin:0}
    .searchCnt {position:relative;top:0;left:0;padding:20px 0}
    .breifPaging {display:none}
    .sort {height:auto}
    .sort .sortOptions form {overflow:hidden;float:none;padding-left:1px}
    .sort .sortOptions .allExport {float:right;margin-bottom:10px}
    
    .resultList.gallery .items {overflow:visible;width:50%;margin:0 0 10px 0}
    .resultList.gallery .itemsW {width:auto;padding-bottom:10px;margin-right:1px}
    .resultList.gallery .title {height:auto;max-height:39px;padding:0 33px;text-align:center}
    .resultList.gallery .items dd.book {left:50%;margin-left:-55px}
    .resultList.gallery .selectBtn {position:relative;left:0;bottom:0;padding:10px 0 0 20px}
    .resultList.gallery .detailInfo dl dt {display:block;}
    .resultList.gallery .moreSection {top:-7px}
    .resultList.gallery .selectBtn .previewBtn {width:30px;height:28px;padding:0}
    .resultList.gallery .selectBtn .previewBtn span {display:block;background:url(../../../../image/en/solution/common/ico/previewIco.png) no-repeat center;text-indent:-9999em}
    .resultList.gallery .moreSection.more1 {background:url(../../../../image/en/solution/common/bg/previewLineN05.png) no-repeat right 0}
    
    .resultList.resultDetail .items {padding:20px}
    .resultList.resultDetail .title {margin:0 0 7px 20px}
    .resultList.resultDetail .preview {padding-bottom:10px}
    .resultList.resultDetail .holdingInfo, .resultList.resultDetail.galleryRight .holdingInfo {margin:0 20px}
    
    /* 이미지 왼쪽 */
    .resultList.resultDetail .basic, .resultList.resultDetail .detailInfo {padding:0 20px 20px 105px;margin:0 0 10px 0;border-bottom:1px solid #e8e8e8}
    
    /* 이미지 오른쪽 */
    .resultList.resultDetail.galleryRight .basic, .resultList.resultDetail.galleryRight .detailInfo {padding:0 100px 20px 20px;margin:0 0 10px 0;}
    .resultList.resultDetail.galleryRight .detailInfo {padding-bottom:0}
    .resultList.resultDetail.galleryRight .book {margin-right:20px}
    
    .resultList.resultDetail .book {width:75px;height:142px;margin:0 0 0 20px}
    .resultList.resultDetail .book img {width:75px;height:100px}
    .resultList.resultDetail .detailInfo {min-height:142px;padding:25px 0 0 0}
    
    .resultList .holdingInfo {clear:both;padding:10px 0 0 0;}
    
    .resultList.list .holdingInfo, .resultList.gallery .holdingInfo {margin:0 !important}
    
    dl.service {padding-bottom:7px}
    .resultList .holding {float:none}
    .items ul li.title {padding-left:0}
    
    .resultList.list .items {padding:20px 20px 20px 20px}
    .resultList.list .itemInfo {padding:20px 20px 0 20px}
    .resultList.list .title {padding-right:0}
    .resultList.list .basic li {margin-bottom:10px}
    .resultList.list .selectBtn {position:relative;left:0;top:0;padding-left:54px;margin-bottom:0}
    .resultList.list .detailInfo {padding:27px 0 0 0;margin:10px 0;border-bottom:1px solid #e6e6e6;background:url(../../../../image/en/solution/common/bg/previewLineM.png) no-repeat top center}
    .resultList.list .holdingInfo {padding:10px 20px 0 20px}
    
    .mobileTable .reservation span {display:inline}
    .mobileTable .service img {margin-top:0}
    
    /* 소장처 */
    .mobileTable thead {display:none}
    .mobileTable.breakpoint > tbody > tr > td.footable-last-column {padding:14px 23px 14px 10px;background:url(../../../../image/en/solution/common/ico/tableOn.png) no-repeat 97% 50%}
    .mobileTable.breakpoint > tbody > tr.footable-detail-show > td.footable-last-column {background:url(../../../../image/en/solution/common/ico/tableOff.png) no-repeat 97% 50%;}
    .mobileTable.breakpoint > tbody > tr.footable-detail-show {background:#fcf9ce}
    .mobileTable.breakpoint > tbody > tr.footable-row-detail:hover {background:none}
    .mobileTable.breakpoint > tbody > tr.footable-row-detail > td.footable-last-column {background:none}
    .mobileTable.breakpoint > tbody > tr.footable-row-detail td {padding:20px 15px 10px 15px}
    .mobileTable > tbody > tr > td.footable-cell-detail {border-top:none}
    
    .mobileTable .footable-row-detail-inner div {margin-bottom:10px}
    .mobileTable .footable-row-detail-inner strong {display:inline-block;width:80px;height:18px;margin-right:20px;text-align:right;line-height:18px}
    .mobileTable .footable-row-detail-inner .serviceInfo {display:inline-block;overflow:hidden;vertical-align:top;margin-bottom:0}
    .mobileTable .footable-row-detail-inner .serviceInfo img {float:left;display:inline-block;margin-right:3px}
    
    .mobileTable .reservation span {display:inline}
    
    .mobileTableDL .footable-row-detail-inner {padding:0}
    .mobileTableDL .footable-row-detail-inner strong {width:110px;margin-right:10px}
    .mobileTableDL .infoBtn {display:inline-block;overflow:hidden;vertical-align:top}
    .mobileTableDL .infoBtn li {float:left;}
    .mobileTableDL .infoBtn li:first-child {margin:0 4px 0 0}
    .mobileTableDL .infoBtn li a {height:17px;padding:0 6px;font-size:13px;line-height:18px}
    
    /* 권호 제본 정보 */
    .infoViewHeader {margin-bottom:10px}
    #checkin h4 {padding-top:10px}
    .infoView .infoViewSelect p {display:none}
    
    .resultList.resultDetail .items dl dd{overflow:visible}
}

/* 제본정보 테이블 너비 초과 방지 */
.listTable td{word-break:break-all}

/* 출판물 검색결과 */
.divJournal{position:relative;left:0;background-color:#f5f5f5;margin:60px 0 20px 0;padding:0 20px 20px 20px;}
.divJournal div.headTitle{position: relative;top:-30px;left:-20px;display:inline;background-color:#fff;color:#3f3f3f;font-size:15px;font-weight:600}
.divJournal div.title{margin-bottom:20px}
.divJournal div.title a{margin-left:5px;color:#f18b53;font-size:18px;font-weight:600;}
.journalInfo{background: #fff;border:1px solid #d2d2d2;margin: 3px 0 20px 0;padding: 0 0 10px 0;font-size:12px}
.infoTable{border:0 none;width: 100%;}
.infoTable th{border:0 none;padding:5px 10px;text-align:right;vertical-align:top;width:20%;background-color:#fff;color:#555;font-size:14px;}
.infoTable td{border:0 none;padding:5px 10px;text-align:left;white-space:normal;width:auto;color:#8e8e8e;font-size:13px}
.infoTable th.infoFile,.infoTable td.infoFile{padding:10px 10px;background: #fff;}
.infoTable td.infoFile ul{border:0 none;}
.infoTable td.infoFile ul li{margin-top: 4px;}
.infoTable td.infoFile ul li a{text-decoration:underline}
.infoTable td.infoFile ul li:first-child{margin-top:0}
.divJournal .close{position: absolute;right:8px;bottom:5px;}
.divJournal .close img{vertical-align:top}
.divArticleSearch{position:relative;overflow: hidden;margin: 0 0 10px 0;}
.divArticleSearch input.inputText{float:left;position:relative;width:360px;height:38px;display:inline-block;border :1px solid #d2d2d2;margin:0 3px 0 0;padding:0 5px;color:#737373;font-size: 14px}
.divArticleSearch input.searchBtn{float:left;position:relative;top:0;width:40px;}
@media screen and (min-width:0px) and (max-width:767px){
    .divJournal{clear:both;top:10px}
    .divJournal .close{right:25px}
    .divArticleSearch input.inputText{width:195px}
}

/* Research Starter */
.divAddtionList{position:relative;margin:0 0 20px;padding:18px 15px;border:5px solid #e8e8e8}
.divAddtionList div.headTitle{padding:0 0 18px;color:#3f3f3f;font-size:16px;font-weight:600}
.addtionBook{border-top:1px solid #dcdcdc;overflow:hidden}
.addtionBook .rsCover{float:left;max-width:200px;height:auto;margin:20px 0 0 0}
.addtionBook > div{padding:20px 0 0 220px;background-color:#fff}
.addtionBook > div.noImg{margin-left:0}
.addtionBook p.title{margin:0 0 3px 0;color:#32284a;font-size: 16px;font-weight: 600;}
.addtionBook p.title a{color:#364049;font-size:18px;font-weight:600;}
.addtionBook p.researchStarter{color:#6089c3}
.addtionBook p.titleSource{margin:4px 0 8px 0;color:#333;font-style:italic}
.addtionBook p.abst{font-size:12px}
.addtionBook p.abst a.more{display:inline-block;height:17px;padding:0 8px;background:#98a6ae;color:#fff;font-size:11px;font-weight:normal;line-height:18px}
@media screen and (min-width:0px) and (max-width:767px){
    .divAddtionList{clear:both;top:10px}
    .addtionBook .rsCover{margin-bottom:10px}
    .addtionBook > div{padding-left:0}
    .addtionBook p.title{clear:both}
}

/* 가나다리스트 */

.atoz{border:1px solid #e6e6e6;background-color:#eee;}
.atoz div{margin:0 0 8px 0;text-align:center}
.atoz div:first-child{margin:10px 0 0 0}
.atoz a{display:inline-block;width:30px;height:30px;margin:0 -3px 2px 2px;background-color:#fff;border:1px solid #ddd;color:#1a1a1a;line-height:2.2em}
.atoz a:hover{font-weight:600;border:1px solid #000}
.atoz a.atozTotal,.atoz a.atozEtc{width:64px;}
.atoz a.selected{background-color:#403b38;border:1px solid #403b38;color:#fff;font-weight:600}
.atozTitle{font-size:14px;background:url(../../../../image/en/solution/common/ico/limitSearchBg.png) no-repeat 0 0;padding:0 20px 0 45px;height:33px;}
.atozTitle a{display:block;color:#000;background:url() no-repeat 0 0;}
.selectedAtoz{display:none;color:#1a1a1a;font-size:16px;font-weight:600;margin:40px 0 10px;padding-left:15px;background:url(../../../../image/en/solution/common/subTitleBg.gif) no-repeat 0 1px}
.inputTextType1{width:278px;}
@media screen and (min-width:0px) and (max-width:767px){
    .atoz{display:none;margin-bottom:10px;background:none;border:none;}
    .atoz div{width:275px;margin:0 auto;text-align:left}
    .atoz div:first-child{margin:0 auto}
    .atoz div a{text-align:center}
    .atoz div a:firtst-child{}
    .selectedAtoz{display:block;}
}

/*자동완성*/
.widesrchBtn{display:inline-block;position:absolute;right:5px;top:6px;width:20px;height: 66px;text-align:center;cursor:pointer;}
.widesrchLayer{display:none;left: 18%;width: 76%;z-index:30;top: 76px;}
.widesrchLayer > div{/* margin:0 85px 0 0; */background-color:#fff;border:1px solid #ddd;}
.widesrchLayer.on{display:block;}
.widesrchHeader{background: #f9f9f9;padding: 1px 8px;height: 16px;box-sizing: border-box;color:#4d4d4d;}
.widesrchHeader span{float: left;line-height:1.0em;font-size:13px}
.widesrchHeader  p {float: right;font-size: 12px;}
.widesrchHeader  p span{display:inline-block;height:12px;font-weight:normal;background:url(../../../../image/en/solution/common/widesrchLine.gif) no-repeat 0 3px;padding: 0 6px 0 10px;cursor:pointer;}
.widesrchHeader  p span:first-child{background:none;}
.widesrchContent{position:relative;padding: 4px 8px;height:188px;overflow-y:scroll;box-sizing: border-box;}
.widesrchContent dl{height:auto !important;border:none !important}
.widesrchContent dl dd {height:10px;}
.widesrchContent dl dt{margin: 3px 0;padding: 2px 0;font-size:12px;text-align:left;line-height:18px;}
.widesrchContent dl dt:hover a{color:#114470}
.widesrchContent2{padding: 4px 8px;height: 176px;overflow-y:scroll;}
.ui-autocomplete{top:0 !important;left:0 !important;width: 100% !important;padding:0;text-align:left;border:none !important;box-sizing:border-box;height: 100%;}
.ui-autocomplete{max-height: 100%;overflow-y: auto;overflow-x: hidden;margin: 0 !important;}
.ui-menu .ui-menu-item{margin:3px 0 !important}
#widesrchLayerDiv {
    position: absolute;
    top: 44px;
    z-index: 10;
    width: 384px;
    border: 1px solid silver;
    /* margin: 0 0 0 125px; */
}

@media screen and (min-width:0px) and (max-width:767px){
    #widesrchLayerDiv {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        top: 34px;
    }
    .widesrchBtn{display:inline-block;position:absolute;top:6px;right:6px;width:20px;height:31px;text-align:center;cursor:pointer;}
}
@media screen and (max-width:850px) {
    .widesrchLayer {width:75%; top:63px; left:25%;}
}

.note {display: block; padding-left: 22px; margin-top: 5px;}