@charset "utf-8";

/* multi language keyboard */
.mlang {position: absolute; top: 50%; width: 29px; height: 17px; margin-top: -8px; z-index: 1;}
.mlang a {display: block; height: 100%; background: url("/oasis/include/image/search/ico_lang_blue.png") no-repeat 0 0;}
.mlang a span {overflow: hidden; position: absolute; top: -9999em; left: -9999em; width: 1px; height: 1px; line-height: 1px; text-indent: -9999em;}
.multiLangBox {display: none; position: absolute; top: 65px; left: 0; width: 100%; height: auto !important; z-index: 9999; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.multiLangBox .multiTab {overflow: hidden; padding: 10px;}
.multiLangBox .multiTab ul {display: flex; height: 39px; border-bottom: 1px solid #666;}
.multiLangBox .multiTab ul li a {display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; font-size: 1.118em; font-weight: 500; line-height: 1.2; color: #282828; text-align: center; border: 1px solid #dfdfdf; border-bottom-color: #666; background-color: #fff; box-sizing: border-box; margin-left: -1px; word-break: keep-all; position: relative;}
.multiLangBox .multiTab ul li a.on {border-color: #666; border-bottom-color: #fff; z-index: 1;}
.multiLangBox .multiLang {overflow: hidden; padding: 10px;}
.multiLangBox .multiLang ul.language {display: flex; flex-wrap: wrap; border-left: 1px solid #d5d5d5;}
.multiLangBox .multiLang ul.language li {width: 14.285%; border: 1px solid #d5d5d5; border-left: none; box-sizing: border-box;}
.multiLangBox .multiLang ul.language li:nth-child(n+8) {border-top: none;}
.multiLangBox .multiLang ul.language li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; font-size: 12px; font-weight: 500; text-align: center; line-height: 1.2;}
.multiLangBox .multiLang ul.language li a:hover,.multiLangBox .multiLang ul.language li a:focus {text-decoration: underline;}
.multiLangBox .multiLang ul.language li a.selected {color: #fff; border-color: #464646; background: #464646;}
.multiLangBox .multiLang .languageContents {margin-top: 10px;}
.multiLangBox .multiLang .languageContents ul {overflow: hidden; padding-top: 1px;}
.multiLangBox .multiLang .languageContents ul + ul {margin-top: -1px;}
.multiLangBox .multiLang .languageContents ul li {overflow: hidden; float: left; width: 30px; height: 30px; margin: -1px -1px 0 0}
.multiLangBox .multiLang .languageContents ul li a {display: block; margin: 0; padding: 0; color: #666; font-size: 12px; text-align: center; line-height: 28px; border: 1px solid #d5d5d5; background: none;}
.multiLangBox .multiLang .languageContents ul li a:hover,.multiLangBox .multiLang .languageContents ul li a:focus {font-size: 15px; text-decoration: none; font-weight: 500; background: #d5e0e6;}
.multiLangBox .multiLangBox_close {overflow: hidden; padding: 10px 20px; background-color: #f3f3f3; border-top: 1px solid #e7e7e7;}
.multiLangBox .multiLangBox_close a {float: right;}
.multiLangBox .multiLangBox_close span {float: left; margin-left: 10px;line-height: 30px; text-align: left; color: #4663be;}

/* 한자입력 */
.languageContents.han a, .languageContents.han span {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; font-size: 0.941em;}
.languageContents .depth1 {display: flex; flex-wrap: wrap; border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; margin-bottom: 10px;}
.languageContents .depth2 .depth2Con {display: none; flex-wrap: wrap; border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; margin-bottom: 10px;}
.languageContents .depth3 .depth3Con {display: none; flex-wrap: wrap; align-items:unset; /* height: 200px; overflow: auto; */}
.languageContents .depth3 .depth3Con span {background-color: #666; color: #fff;}


/* 자동완성 */
.autoBtn {position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; z-index: 1;}
.autoBtn::before {content: ""; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #1769bb;}
.autoSearch {display: none; position: absolute; top: 60px; left: 0; width: 100%; height: auto !important; z-index: 9999; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.autoSearch.open {display: block;}
.autoSearch ul {overflow: hidden; padding: 5px 0;}
.autoSearch ul li {position: relative; padding: 10px 20px;}
.autoSearch ul li.off {display: none;}
.autoSearch ul li:hover {background-color: #f9fafc;}
.autoSearch .button_wrap {overflow: hidden; padding: 10px 20px; background-color: #f3f3f3; border-top: 1px solid #e7e7e7;}
.autoSearch .button_wrap button {float: right; padding: 0;}


/* 비주얼영역 검색 */
.visualSearchWrap {width: 100%; max-width: 985px; margin:0 auto;}
.visualSearchKeywordWrap {position: relative;}
.visualSearchKeywordWrap .visualSearchKeyword {position: relative; display:flex; justify-content:space-between; background: transparent !important; border-radius: 2px;}
.visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="text"] {position:relative; display: block; background:#fff !important; width:100%; height:45px; padding: 0 80px 0 30px; border: none; font-size:1em; letter-spacing:-0.045em; box-sizing: border-box; color:#222;}
.visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="text"]::placeholder {color: #222;}
.visualSearchKeywordWrap .visualSearchKeyword .btnSearch {width: 155px; height: 45px; padding: 2px; background-color: #0750bf; border:none; box-sizing: border-box;}
.visualSearchKeywordWrap .visualSearchKeyword .btnSearch a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; font-size:1.118em;}
.visualSearchKeywordWrap .autoBtn {right: 0;}
.visualSearchKeywordWrap .mlang {right: 82px;}
.visualSearchKeywordWrap .multiLangBox {top: 60px;}
.visualSearchKeywordWrap .inputWrap {position:relative; width:100%; margin-right:10px;}
.visualSearchKeywordWrap .inputWrap a.search {width:27px; height:27px; background:url("/oasis/include/image/search/ico_search_gray.png") no-repeat; position:absolute; right:25px; top:50%; transform:translateY(-50%);}
.visualSearchKeywordWrap .inputWrap a.del {width:22px; height:22px; background:url("/oasis/include/image/search/ico_search_del_type2.png") no-repeat; position:absolute; right:70px; top:50%; transform:translateY(-50%);}
.visualSearchKeywordWrap .submitWrap {position:relative;}
.visualSearchKeywordWrap a.searchHistory {position:absolute; top:-35px; right:0; color:#fff; font-size:1em;}
.visualSearchKeywordWrap a.searchHistory:before {display:inline-block; content:''; width:20px; height:20px; background:url("/oasis/include/image/common/ico_searchResult.png") no-repeat; margin-right:5px; position:relative; top:4px;}
.visualSearchKeywordWrap .placeholderClone {color:#fff; text-align:center; margin-top:5px;}

.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="text"] {padding:0 80px 0 190px;}
.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"] {display:none;}
.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"] + label {display:inline-block; cursor:pointer; padding:0 29px; background:url("/oasis/include/image/search/ico_input_not_checked_bk.png") 0 1px no-repeat; color:#222; position:absolute; left:25px; top:50%; transform:translateY(-50%); z-index:10; line-height:1; padding-bottom:3px; font-size:1.059em;}
.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"]:checked + label {background:url("/oasis/include/image/search/ico_input_checked_bk.png") 0 1px no-repeat;}
.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"] + label:after {display:block; content:''; width:1px; height:20px; background:#222; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sVisualWrap.onlytitle {min-height:auto; min-height:120px;}
.sVisualWrap .visualSearchKeyword > .inputWrap a.help {position:absolute; top:-35px; right:0; color:#fff; font-size:1em;}
.sVisualWrap .visualSearchKeyword > .inputWrap a.help:before {display:inline-block; content:''; width:20px; height:20px; background:url("/oasis/include/image/search/ico_search_help.png") no-repeat; margin-right:5px; position:relative; top:4px;}

/* 통합검색 - 인트로 */
.mainSearchIntroWrap {margin-top:25px;}
.boxType1 {display:flex; align-items:center;}
.boxType1 .infoBox {width:calc(50% - 20px); border:1px solid #dedede; height:400px;}
.boxType1 .infoBox + .infoBox {margin-left:40px;}
.boxType1 .infoBox:last-child {margin-bottom:0;}
.boxType1 .infoBox .title ~ div {display:flex; align-items:center; height:calc(100% - 60px);}
.boxType1 .infoBox .title {display:flex; justify-content:center; align-items:center; background-color:#f2f4fb; height:60px; max-height:60px; color:#222;}
.boxType1 .infoBox .title h4 {font-size:1.176em;}
.boxType1 .infoBox .textBox {padding:0 75px;}
.boxType1 .infoBox .textBox .row {display:flex; align-items:center; margin-bottom:25px;}
.boxType1 .infoBox .textBox .row:last-child {margin-bottom:0;}
.boxType1 .infoBox .textBox .row span,
.boxType1 .infoBox .textBox .row a {width:230px; height:60px; margin-right:35px;}
.boxType1 .infoBox .textBox .row span.introbtn {border-radius:40px; background:#fff;}
.boxType1 .infoBox .textBox .row span.liczero {border:1px solid #008000; color:#008000;}
.boxType1 .infoBox .textBox .row span.licone {border:1px solid #de3232; color:#de3232;}
.boxType1 .infoBox .textBox .row span.lictwo {border:1px solid #0000ff; color:#0000ff;}

.boxType1 .infoBox .textBox .row p {word-break:keep-all;}
.boxType1 .infoBox .textBox .row p.ico_check {position:relative; /*padding-left:30px;*/ padding-left:8px;}
.boxType1 .infoBox .textBox .row p > span {position:relative; display:block; width:100%; height:auto; padding-left:8px;}
.boxType1 .infoBox .textBox .row p > span + span {margin-top:15px;}
/* .boxType1 .infoBox .textBox .row p.ico_check:before {display:block; content:''; width:21px; height:18px; background:url("/oasis/include/image/common/ico_info_check.png") no-repeat; position:absolute; left:0; top:58%; transform:translateY(-50%);} */
.boxType1 .infoBox .textBox .row p.ico_check:before,
.boxType1 .infoBox .textBox .row p > span:before {display:block; content:''; width:3px; height:3px; background:#636363; border-radius:50%; position:absolute; left:0; top:15px;}

/* 통합검색 - common */
.ico_btn {display:inline-flex; align-items:center; height:30px; padding:0 8px; background-color:#f6f6f6; border:1px solid #d7d7d7; border-radius:3px; text-align:center;}
.ico_btn span {display:flex; align-items:center; position:relative; padding-left:20px; font-size:0.882em;}
.ico_btn span:before {position:absolute; left:0; top:52%; transform:translateY(-50%);}
.ico_btn span.site:before {display:block; content:''; width:16px; height:16px; background:url("/oasis/include/image/search/ico_schedule.png") no-repeat; background-size:16px;}
.ico_btn span.text:before {display:block; content:''; width:16px; height:16px; background:url("/oasis/include/image/search/ico_text.png") no-repeat; background-size:16px;}
.ico_btn span.movie:before {display:block; content:''; width:16px; height:16px; background:url("/oasis/include/image/search/ico_movie.png") no-repeat; background-size:16px;}
.ico_btn span.image:before {display:block; content:''; width:16px; height:16px; background:url("/oasis/include/image/search/ico_image.png") no-repeat; background-size:16px;}
.ico_btn span.news:before {display:block; content:''; width:16px; height:16px; background:url("/oasis/include/image/search/ico_news.png") no-repeat; background-size:16px;}
.endBox {position:relative; float:right;}
.endBox .btn_prev {background-color:#fff; border:1px solid #cfcfcf; text-align:center; border-radius:3px;}
.endBox .btn_prev a {display:inline-flex; justify-content:center; align-items:center; padding:0 10px; height:40px; font-size:0.882em;}
.endBox .btn_prev a span {position:relative; padding-left:13px;}
.endBox .btn_prev a span:before {display:block; content:''; width:7px; height:12px; background:url("/oasis/include/image/search/ico_prev.png") no-repeat; position:absolute; left:0; top:52%; transform:translateY(-50%);}
.endBox .btn_help {margin-left:5px;}
.endBox .btn_help {background-color:#eff2f7; text-align:center; border-radius:3px;}
.endBox .btn_help a {display:inline-flex; justify-content:center; align-items:center; width:80px; height:40px; font-size:0.882em;}
.endBox .btn_help a span {position:relative; /* padding-left:13px;*/}
.endBox .btn_help a span:before {display:block; content:''; width:8px; height:12px; background:url("/oasis/include/image/search/ico_help.png") no-repeat; position:absolute; left:0; top:52%; transform:translateY(-50%);}
.endBox .btn_mods {margin-left:5px;}
.endBox .btn_mods {background-color:#fff; border:1px solid #cfcfcf; text-align:center; border-radius:3px;}
.endBox .btn_mods a {display:inline-flex; justify-content:center; align-items:center; padding:0 10px; height:40px; font-size:0.882em;}
.endBox .btn_sort {background-color:#fff; border:1px solid #cfcfcf; text-align:center; border-radius:3px;}
.endBox .btn_sort + .btn_sort {margin-left:3px;}
.endBox .btn_sort a {display:inline-flex; justify-content:center; align-items:center; padding:0 10px; height:30px; font-size:0.882em;}
.endBox .btn_sort a span {position:relative; padding-left:17px;}
.endBox .btn_sort a span:before {display:block; content:''; width:12px; height:16px; background:url("/oasis/include/image/search/ico_sort_default.png") no-repeat; position:absolute; left:0; top:52%; transform:translateY(-50%);}
.endBox .btn_sort.up,
.endBox .btn_sort.down {border-color:#333;}
.endBox .btn_sort.up a span:before {display:block; content:''; width:12px; height:16px; background:url("/oasis/include/image/search/ico_sort_up.png") no-repeat; position:absolute; left:0; top:52%; transform:translateY(-50%);}
.endBox .btn_sort.down a span:before {display:block; content:''; width:12px; height:16px; background:url("/oasis/include/image/search/ico_sort_down.png") no-repeat; position:absolute; left:0; top:52%; transform:translateY(-50%);}
.endBox .inputBox {position:relative; right:0; bottom:0; display:flex;}
.endBox .inputBox select {margin-right:5px;}
.endBox .inputBox ~ .btn_help a {height:40px;}
.sortWrap {position:relative; top:15px;}


/* 통합검색 - 전체 */
.searchNavi {padding:20px; background-color:#f7f7f7; border:1px solid #e4e4e4; margin-bottom:40px;}
.searchNavi .boxWrap {display:flex; align-items:center; flex-wrap:wrap;}
.searchNavi .boxWrap a.reset {display:inline-flex; justify-content:center; align-items:center; width:75px; height:30px; background-color:#444444; border-radius:3px; color:#fff; font-size:0.882em;}
.searchNavi .boxWrap a.reset span {position:relative; padding-left:16px;}
.searchNavi .boxWrap a.reset span:before {display:block; content:''; width:12px; height:12px; background: url("/oasis/include/image/common/ico_reset.png") no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.searchNavi .boxWrap .result {margin:2.5px 10px 2.5px 20px;}
.searchNavi .boxWrap .result span {font-size:1.059em; color:#636363;}
.searchNavi .boxWrap .result span:first-child {color:#222;}
.searchNavi .boxWrap .result i.arrow {display: inline-block; width: 6px; height: 11px; margin: 0 12px; background: url("/oasis/include/image/common/ico_naviArrow.png") 0 50% no-repeat;}
.searchNavi .boxWrap a.del {width:18px; height:18px; background: url("/oasis/include/image/search/ico_search_del.png") no-repeat; position:relative; top:1px;}
.resultWrap {width:1090px; min-width:1090px; min-height:400px; box-sizing:border-box;}
.resultWrap .resultCount {position:relative; border-bottom:1px solid #d8d8d8; padding-bottom:10px; margin-bottom:40px;}
.resultWrap .resultCount h4 {font-size:1.412em;}
.resultWrap .resultCount h4 span {color:#636363;}
.resultWrap .SearchboardWrap + .SearchboardWrap {margin-top:40px;}
.resultWrap .SearchboardWrap .title {position:relative; display:flex; align-items:center; padding:0 10px 10px 10px;}
.resultWrap.resultViewWrap .SearchboardWrap .title {align-items:flex-start;}
.resultWrap .SearchboardWrap .title h5 {font-size:1.412em;}
.resultWrap .SearchboardWrap .title h5 img {margin-right:10px; position:relative; top:-2px;}
.resultWrap .SearchboardWrap .title span.count {position:relative; margin-left:20px; padding-left:15px; font-size:1em;}
.resultWrap .SearchboardWrap .title span.count:before {display:block; content:''; width:1px; height:16px; background-color:#c2c2c2; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.resultWrap .SearchboardWrap .title .more {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.resultWrap .SearchboardWrap .title .more span {margin-right:5px;}
.resultWrap .SearchboardWrap .title .more img {position:relative; top:-1px;}
.rowBox {display:flex; flex-wrap:wrap;}
.rowBox .row {width:100%; padding:30px; border-top:2px solid #444444;}
.rowBox .row + .row {border-top:1px solid #d8d8d8;}
.rowBox .row:last-child {border-bottom:1px solid #aaaaaa;}
.rowBox .row .innerBox {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.rowBox.imgType .row .innerBox {align-items:flex-start;}
.rowBox .row .innerBox .textBox {overflow:hidden;}
.rowBox .row.text .innerBox {display:block;}
.rowBox .row.text .innerBox p a[rel="nofollow"]:hover {color:#0650bf; text-decoration:underline;}
.rowBox.flex-start .row .innerBox {justify-content:flex-start;}
.rowBox .row .innerBox .imgBox {position:relative; border:1px solid #d8d8d8; margin-right:40px; width:280px; height:200px; overflow:hidden;}
.rowBox .row .innerBox .imgBox img {position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; height:auto; max-height:none !important; min-height:100%;}
.rowBox .row .innerBox .imgBox a {position:absolute; bottom:10px; right:10px; width:34px; height:34px;}

.rowBox .row .innerBox .btnBox {position:relative; margin-right:40px; padding-top:20px; display:flex; justify-content:center; overflow:hidden;}

.rowBox.imgType .row .innerBox .textBox {width:550px; overflow:hidden;}
.rowBox .row .innerBox .textBox {width:auto; overflow:hidden;}
.rowBox .row .innerBox .textBox.SearchView {width:calc(100% - 320px); overflow:hidden;}
.rowBox .row .innerBox .textBox > ul {margin-left:-1px;}
.rowBox .row .innerBox .textBox .ico_url {display:inline-block; max-width:100%; width:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.rowBox.shortCont .row .innerBox .textBox .ico_url {max-width:430px;}
.rowBox .row .innerBox .textBox .ico_url span {color:#777; font-size:0.941em;}
.rowBox .row .innerBox .textBox .ico_url span:before {display:inline-block; content:''; width:15px; height:15px; background:url("/oasis/include/image/search/ico_url.png") no-repeat; margin-right:5px; position:relative; top:2px;}
.rowBox .row .innerBox .textBox .resultTitle {display:flex; margin:10px 0 10px 0;}
.rowBox .row .innerBox .textBox .resultTitle .ico_btn {display:inline-flex; align-items:center; height:30px; padding:0 8px; background-color:#f6f6f6; border:1px solid #d7d7d7; border-radius:3px; text-align:center;}
.rowBox .row .innerBox .textBox .resultTitle .ico_btn span {display:flex; align-items:center; position:relative; padding-left:20px; font-size:0.882em;}
.rowBox .row .innerBox .textBox .resultTitle p {display:table; table-layout:fixed; width:100%; max-width:750px; font-size:1.176em; color:#222; font-weight:500; margin-left:10px; position:relative; top:-2px;}
.rowBox.shortCont .row .innerBox .textBox .resultTitle p {max-width:400px;}
.rowBox.middleCont .row .innerBox .textBox .resultTitle p {max-width:500px;}
.rowBox .row .innerBox .textBox .resultTitle p span {display:table-cell;}
.rowBox .row .innerBox .textBox ul.flexBox li {float:left; width:100%;}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox {position:relative; float:left; padding-right:20px;}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox + div.infoBox {}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox:before {display:block; content:''; width:1px; height:16px; background-color:#d8d8d8; position:absolute; left:-10px; top:7px;}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox:last-child:after {display:none;}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox.urlBox {display:flex;}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox.urlBox div span {display:block;}
.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox.urlBox div span:after {display:none;}
.rowBox .row .innerBox .textBox.SearchView ul.flexBox li > div.infoBox {padding-right:0;}
.rowBox .row .innerBox .textBox ul li {position:relative; font-size:1em; color:#636363; padding-left:10px;}
.rowBox .row .innerBox .textBox ul li:before {display:block; content:''; width:4px; height:3px; background:#333; position:absolute; left:0; top:14px; transform:translateY(-50%);}
.rowBox .row .innerBox .textBox ul li a + a {margin-left:15px;}
.rowBox .row .innerBox .textBox ul li span {position:relative;}
.rowBox .row .innerBox .textBox ul li .conBox.block {flex-wrap:wrap;}
.rowBox .row .innerBox .textBox ul li .conBox.block a {width:100%; display:block;}
.rowBox .row .innerBox .textBox ul li .conBox.block a + a {margin-left:0;}
.rowBox .row .innerBox .textBox ul li .conBox.block span:after {display:none;}
.rowBox .row .innerBox .textBox ul li span img {margin-right:5px;}
.rowBox .row .innerBox .textBox ul li .titleBox {display:inline-block; float:left;}
.rowBox .row .innerBox .textBox ul li .titleBox span {position:relative; margin-right:10px;}
.rowBox .row .innerBox .textBox ul li .titleBox span {display:inline-block; margin-right:0;}
.rowBox .row .innerBox .textBox ul li .conBox {display:flex; padding-left:4px;}
.rowBox .row .innerBox .textBox ul li span:after {display:block; content:''; width:1px; height:16px; background-color:#d8d8d8; position:absolute; right:-10px; top:50%; transform:translateY(-50%);}
.rowBox .row .innerBox .textBox ul li span:last-child:after {display:none;}
.rowBox .row .innerBox .btnArea {position:absolute; right:0; top:50%; transform:translateY(-50%); margin-top:0;}
.rowBox .row .innerBox .btnArea a:hover {text-decoration:underline;}
.rowBox .row .description {font-size:0.941em; color:#777; margin-top:35px; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.6;}
.resultViewWrap .SearchboardWrap .title {padding:0 0 10px 0;}
.resultViewWrap .SearchboardWrap .title.bdb {border-bottom:2px solid #444;}
.resultViewWrap .SearchboardWrap .title h5 {margin-left:10px; width:calc(100% - 300px)}
.resultViewWrap .SearchboardWrap .title .ico_btn {margin-top:5px;}
.resultViewWrap .SearchboardWrap .title .endBox,
.contentboardWrap .title .endBox {bottom:auto; top:5px;}
.contentboardWrap .title h4 {width:calc(100% - 200px);}
.resultViewWrap .SearchboardWrap .rowBox .row .innerBox .textBox.w100 {width:100%; max-width:100%;}
.resultViewWrap .SearchboardWrap .rowBox .row .innerBox .textBox ul li {margin-bottom:5px;}
.resultViewWrap .SearchboardWrap .btnArea {width:150px;}
.resultViewWrap .SearchboardWrap .btnArea.auto {width:100%; justify-content:flex-end;}
.resultViewWrap .SearchboardWrap .btnArea.auto .btn {height:50px;}
.resultViewWrap .SearchboardWrap .btnArea.auto .btn + .btn {margin-left:10px; margin-top:0;}
.resultViewWrap .SearchboardWrap .btnArea .btn + .btn {margin-left:0; margin-top:10px;}
.resultViewWrap .SearchboardWrap .ScopeUseBox {display:flex; align-items:center; background:#f2f4fb; width:100%; border-top:1px solid #d8d8d8; border-bottom:1px solid #aaaaaa; padding:20px;}
.resultViewWrap .SearchboardWrap .ScopeUseBox p.tit {position:relative; margin-right:40px; color:#222; font-weight:500;}
.resultViewWrap .SearchboardWrap .ScopeUseBox p.tit:after {display:block; content:''; width:1px; height:17px; background:#d1d1d1; position:absolute; top:50%; right:-20px; transform:translateY(-50%);}
.resultViewWrap .SearchboardWrap .ScopeUseBox span.liczero {border:1px solid #008000; color:#008000; background-color:#fff; padding:1px 10px; border-radius:20px; margin-right:20px; font-size:0.941em;}
.resultViewWrap .SearchboardWrap .ScopeUseBox span.lictwo {border:1px solid #0000ff; color:#0000ff; background-color:#fff; padding:1px 10px; border-radius:20px; margin-right:20px; font-size:0.941em;}
.resultViewWrap .SearchtoggleWrap .rowBox .row {padding:30px 10px; border-top:none;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .innerBox .textBox.w100 {width:100%; max-width:100%;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .innerBox .textBox ul li:before {top:15px;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox > div {display:flex; flex-wrap:wrap; height:auto; overflow:hidden;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox > div a {border:1px solid #dcdcdc; background:#fff; color:#636363; padding:3px 14px; font-size:0.941em; border-radius:20px; margin-right:4px; margin-bottom:5px;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox > div a:hover {background:#efefef; text-decoration:underline;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox > div a.accent {border:1px solid #0650bf; color:#0650bf;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul.relaInfo li .titleBox {position:relative; width:70px; min-width:70px;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul.relaInfo li .titleBox span {color:#222; font-weight:500;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul li .tagBox {overflow:hidden; flex-wrap:wrap;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul li .tagBox span.relaCate {position:relative; margin-right:20px; display:inline-block;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul li .tagBox span.relaCate:after {display:block; content:''; width:1px; height:16px; background-color:#d8d8d8; position:absolute; left:-10px; top:50%; transform:translateY(-50%);}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul li span.relaCate {margin-right:30px;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul li span.relaCate:last-child {margin-right:0;}
.resultViewWrap .SearchtoggleWrap .rowBox .row .textBox ul li span.relaCate:last-child:after {display:block;}
.resultViewWrap .SearchtoggleWrap div.title a.toggle {display:block; width:40px; height:40px; background: url("/oasis/include/image/search/ico_toggle_type2_up.jpg") no-repeat; position:absolute; right:0; bottom:10px;}
.resultViewWrap .SearchtoggleWrap div.title a.toggle.active {background: url("/oasis/include/image/search/ico_toggle_type2_down.jpg") no-repeat;}
.resultViewWrap .SearchtoggleWrap div.title select {position:absolute; right:50px; bottom:10px;}
.history_btn {display:inline-block; vertical-align:5px; margin-left:10px; position: absolute; left: 220px; top: 5px;}
.history_btn a {position:relative; border:1px solid #777; color:#777; border-radius:20px; font-size:0.882em; padding:2px 10px 2px 30px;}
.history_btn a::before {display:block; content:''; width:16px; height:16px; background: url("/oasis/include/image/subcontent/ico_coll_time.png") 0 50% no-repeat; position:absolute; left:10px; top:50%; transform:translateY(-50%);}




/* 통합검색 */
.sSearchWrap {display: flex; align-items: center; justify-content: center; padding: 60px 0; background-color: #f0f4f7; position: relative;}
.mainSearchWrap {width: 100%; max-width: 1200px;}
.mainSearchKeywordWrap {position: relative; padding: 0 145px 0 205px;}
.mainSearchKeywordWrap .chkBox {position: absolute; top: 50%; right: 345px; margin-top: -10px; z-index: 1;}
.mainSearchKeywordWrap .mainSearchSel {position: absolute; top: 0; left: 0; padding: 2px; background-color: #1769bb; font-size: 1.176em; border-radius: 2px;}
.mainSearchKeywordWrap .mainSearchSel select {width: 191px; height: 60px; padding: 0 40px 0 25px; border: none; background: #fff url("/oasis/include/image/search/arr_searchSel.png") no-repeat right center; box-sizing: border-box;}
.mainSearchKeywordWrap .mainSearchSel select option {color: #666; font-size: 0.938em; background-color: #fff;}
.mainSearchKeywordWrap .mainSearchKeyword {position: relative; padding: 2px 102px 2px 2px; background: #1769bb; border-radius: 2px;}
.mainSearchKeywordWrap .mainSearchKeyword > input {display: block; width: 100%; height: 60px; padding: 0 80px 0 30px; border: none; font-size: 1.176em; box-sizing: border-box;}
.mainSearchKeywordWrap .mainSearchKeyword > input::placeholder {color: #777;}
.mainSearchKeywordWrap .mainSearchKeyword .btnSearch {position: absolute; top: 0; right: 0; width: 100px; height: 64px; padding: 2px; background-color: #1769bb; box-sizing: border-box; border-radius: 0 2px 2px 0;}
.mainSearchKeywordWrap .mainSearchKeyword .btnSearch a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.235em; color: #fff;}
.mainSearchKeywordWrap .autoBtn {right: 158px;}
.mainSearchKeywordWrap .autoSearch {top: 62px;}
.mainSearchKeywordWrap .mlang {right: 125px;}
.mainSearchKeywordWrap .multiLangBox {top: 62px;}
.mainSearchKeywordWrap .btnDetail {position: absolute; top: 0; right: 0; width: 135px; height: 64px; padding: 2px; background-color: #0e4883; box-sizing: border-box; border-radius: 2px;}
.mainSearchKeywordWrap .btnDetail a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.235em; color: #fff;}

/* KDC 주제별 검색 */
.kdcSearch {margin-top:40px;}
.kdcSearch .kdcDepth1List {display:flex;}
.kdcSearch .kdcDepth1List li {width:10%; margin-right:10px;}
.kdcSearch .kdcDepth1List li a {display:flex; align-items: center; justify-content: center; flex-direction:column; background:#f2f4fb; width:100%; height:70px;}
.kdcSearch .kdcDepth1List li a span {color:#222; font-size:1.059em;}
.kdcSearch .kdcDepth1List li a p.count {font-size:0.882em;}
.kdcSearch .kdcDepth1List li.choiced {position:relative; top:10px;}
.kdcSearch .kdcDepth1List li.choiced a {background:#4f70a2; color:#fff;}
.kdcSearch .kdcDepth1List li.choiced a span {color:#fff;}
.kdcSearch .kdcBox {background:#4f70a2; margin-top:10px; padding:35px 30px;}
.kdcSearch .kdcBox li dl {display:flex; flex-wrap:wrap; color:#fff; line-height:1.8em;}
.kdcSearch .kdcBox li dt {display:none;}
.kdcSearch .kdcBox li dl dd {padding:0 10px; position:relative;}
.kdcSearch .kdcBox li dl dd:after {display:block; content:''; width:1px; height:18px; background:#708bb3; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.kdcSearch .kdcBox li dl dd:last-child::after {display:none;}
.kdcSearch .kdcBox li dl dt a:hover,
.kdcSearch .kdcBox li dl dt a.choiced,
.kdcSearch .kdcBox li dl dd a:hover,
.kdcSearch .kdcBox li dl dd a.choiced {border-bottom:2px solid #fff;}
.kdcSearch .kdcBox li dl dt a span,
.kdcSearch .kdcBox li dl dd a span {color:#a7bcdb; margin-left:4px;}

/* 초성별보기 */
.consonantkeyWrap .innerBox {padding:40px; background-color:#f2f4fb; margin-top:40px;}
.consonantkeyWrap .innerBox .row {display:flex; align-items:center; justify-content:space-between; margin-bottom:5px;}
.consonantkeyWrap .innerBox .row span {width:105px; font-size:1.059em;}
.consonantkeyWrap .innerBox .row span.m_title {display:none;}
.consonantkeyWrap .innerBox .row ul {display:flex;}
.consonantkeyWrap .innerBox .row ul li {background-color:#fff;}
.consonantkeyWrap .innerBox .row.kor ul li {width:80px; height:40px; margin-right:5px;}
.consonantkeyWrap .innerBox .row.eng ul li {width:40px; height:40px; margin-right:5.8px;}
.consonantkeyWrap .innerBox .row.number ul li {width:104px; height:40px; margin-right:4.1px;}
.consonantkeyWrap .innerBox .row ul li:last-child {margin-right:0;}
.consonantkeyWrap .innerBox .row ul li a {display:flex; align-items:center; justify-content:center; border:1px solid #dce0ec; width:100%; height:100%; font-size:1.059em; box-sizing:border-box;}
.consonantkeyWrap .innerBox .row ul li.active a {background-color:#001d48; border:1px solid #001d48; color:#fff;}

/* 상세검색 - 레이어팝업 */
#SearchDetailPop {display:none; position:fixed;top:0;left:0;z-index: 1002; width: 100%; height: 100%;} 
#SearchDetailPop .dimmed {width:100%; height:100%; position:absolute;top:0;left:0; z-index:1000;  background-color: rgba(0, 0, 0, 0.4);}
#SearchDetailPop .popupWrap {overflow-y: scroll;position: relative;top:50%;left:50%; width:1200px; height:730px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
#SearchDetailPop .popupWrap .formBox {padding:30px; background-color:#f2f4fb;}
#SearchDetailPop .popupWrap .formBox .dataOption {display:flex;}
#SearchDetailPop .popupWrap .formBox .dataOption a {background-color:#fff; border:1px solid #d8d8d8; color:#333; font-weight:normal;}
#SearchDetailPop .popupWrap .formBox .dataOption a + a {margin-left:0; border-left:0 !important;}
#SearchDetailPop .popupWrap .formBox .dataOption a.on {background-color:#f6f6f6;}
.dataOptionGroup{display: flex;flex-direction: column;gap: 2px;}
#SearchDetailPop .popupWrap .formBox > ul > li {/*margin-bottom:10px;*/}
#SearchDetailPop .popupWrap .formBox ul li {display:flex; align-items:center;}
#SearchDetailPop .popupWrap .formBox ul li.kdcOptionBox select {width:200px;}
#tab_searchdata {position:relative; float:left;}
#SearchDetailPop .popupWrap #tab_searchdata .formBox ul li span.title {width:120px; min-width:120px; color:#222; font-weight:500;}
#SearchDetailPop .popupWrap #tab_searchdata .formBox ul li span.short {display:table; width:auto; min-width:30px; margin:0 20px 0 30px;}
#SearchDetailPop .popupWrap #tab_fulltext .formBox ul li span.title {width:350px; color:#222; font-weight:500;}
#SearchDetailPop .popupWrap .formBox ul li input[type="text"].search {width:65%; margin-right:10px;}
#SearchDetailPop .popupWrap .formBox ul li select {width:140px;}
#SearchDetailPop .popupWrap .formBox ul li select.and {width:110px; margin-left:0;}
#SearchDetailPop .popupWrap .formBox ul li select.depth {margin-right:10px;}
#SearchDetailPop .popupWrap .formBox ul li > ul > li select.and {margin-left:10px;}
#SearchDetailPop .popupWrap .formBox ul li select:first-child{margin-left:0;}
#SearchDetailPop .popupWrap .formBox ul li span.at {margin:0 10px;}
#SearchDetailPop .popupWrap .formBox ul li .datepickerArea input[type="text"] {width:100%;}
#SearchDetailPop .popupWrap .formBox ul li.licOptionBox select {width:200px;}

/* 그래프 드래그 팝업 */
#DragPop {display:none; position:fixed;top:0;left:0;z-index: 1002; width: 100%; height: 100%;} 
#DragPop .dimmed {width:100%; height:100%; position:absolute;top:0;left:0; z-index:1000;  background-color: rgba(0, 0, 0, 0.4);}
#DragPop .popupWrap {position: relative;top:50%;left:50%; width:550px; height:180px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.20);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.20); border-radius:10px; overflow:hidden;}
#DragPop .popupWrap .popupHeader {background:#fff; justify-content:center; height:40px; padding-top:20px; border-radius:10px 10px 0 0;}
#DragPop .popupWrap .popupHeader h1 {color:#333;}
#DragPop .popupWrap .popupClose  {width:40px; height:40px; background-color:#fff; top:17px; right:20px;}
#DragPop .popupWrap .popupClose a::before, #DragPop .popupWrap .popupClose a::after {background:#333;}
#DragPop .popupWrap .popupContainer {text-align:center; padding:5px 0 0 0;}
#DragPop .popupWrap .popupContainer p > span {border-bottom:1px solid #0650bf;}
#DragPop .popupWrap .popupContainer .btnArea {margin-top:20px;}
#DragPop .popupWrap .popupContainer .btnArea a.total span {position:relative; padding-left:20px;}
#DragPop .popupWrap .popupContainer .btnArea a.total span:before {display:block; content:''; width:12px; height:12px; background: url("/oasis/include/image/common/ico_reset_bk.png") no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}


/* 간략검색 */
.searchWrap {margin-bottom: 40px; padding: 40px; background-color: #f0f4f7;}
.searchFormWrap {position: relative; padding: 0 0 0 210px;}
.searchFormWrap.noSel {padding-left: 0;}
.searchFormWrap .searchFormSel {position: absolute; top: 0; left: 0; padding: 2px; font-size: 1.118em; border: 1px solid #d1d1d1; background-color: #fff;}
.searchFormWrap .searchFormSel select {width: 194px; height: 50px; padding: 0 40px 0 25px; color: #282828; border: none; background: url("/oasis/include/image/search/arr_searchSel.png") no-repeat right center; box-sizing: border-box;}
.searchFormWrap .searchFormSel select option {color: #666; font-size: 0.938em; background-color: #fff;}
.searchFormWrap .searchFormKeyword {position: relative; padding: 2px 60px 2px 2px; border: 1px solid #d1d1d1; background-color: #fff; box-sizing: border-box;}
.searchFormWrap .searchFormKeyword > input {display: block; width: 100%; height: 50px; padding: 0 30px; border: none; font-size: 1.176em; box-sizing: border-box;}
.searchFormWrap .searchFormKeyword > input::placeholder {color: #777;}
.searchFormWrap .searchFormKeyword .autoBtn {display: none;}
.searchFormWrap .searchFormKeyword .autoSearch {top: 54px;}
.searchFormWrap .searchFormKeyword .mlang {right: 25px;}
.searchFormWrap .searchFormKeyword .mlang a {background-image: url("/oasis/include/image/search/ico_lang.png");}
.searchFormWrap .searchFormKeyword .multiLangBox {top: 54px;}

.organSelBtn {margin-right: 30px; font-size: 1em; line-height: 38px;}
.organCnt input {width: 70px; margin-left: 5px; text-align: right;}
.contentFormat {width: 100%; max-width: 585px;}
.panjongWrap {display: flex; flex-wrap: wrap; width: 100%; max-width: 585px;}
.panjongWrap select {width: calc(50% - 5px);}
.panjongWrap select + select {margin-left: 10px;}

.searchGuideWrap {margin-top: 60px; border: 1px solid #dbdbdb;}
.searchGuideWrap .topArea {padding: 30px; background-color: #f7f7f7;}
.searchGuideWrap .conArea {padding: 30px;}
.searchGuideWrap .conArea .dot-list > li + li {margin-top: 10px;}
.searchGuideWrap .conArea .dash-list > li {color: #636363;}
.searchGuideWrap .conArea .dash-list {margin-top: 10px;}


/* 검색결과 리스트페이지 - 패싯검색 */
.resultTxt {margin-bottom: 15px; line-height: 1.3;}
.resultTxt strong {color: #282828; text-decoration: underline;}
.pasitResultWrap .resultTxt {margin-bottom: 10px;}
.pasitResultArea {position: relative; min-height: 40px; margin-bottom: 50px; padding: 15px 20px 15px 130px; border: 1px solid #d1d1d1;}
.pasitResultArea button.btn {position: absolute; left: 20px; top: 15px; min-width: 80px;}
.pasitResultArea .pasitResultInfo {display: flex; flex-wrap: wrap;}
.pasitResultArea .pasitResultInfo p {display: flex; align-items: center; height: 40px; margin-right: 23px; color: #464646; line-height: 1.2;}
.pasitResultArea .pasitResultInfo p .arr {margin: 0 8px;}
.pasitResultArea .pasitResultInfo p .del {width: 20px; height: 20px; margin-left: 6px; background: url("/oasis/include/image/search/ico_pasitDel.png") no-repeat 0 0;}


/* 검색결과 리스트페이지 - 패싯리스트 영역 */
#pasiListWrap {float: left; width: 230px;}
.pasiListArea {border: 1px solid #dbdbdb;}
.pasiListArea + .pasiListArea {margin-top: 20px;}
.pasiListArea .pasiListTop {display: flex; align-items: center; height: 60px; padding: 0 20px 0 25px; background-color: #f7f7f7;}
.pasiListArea .pasiListTop a {position: relative; width: 100%; font-size: 1.176em; font-weight: 500; color: #282828;}
.pasiListArea .pasiListTop a::after {content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; margin-top: -4px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #222; transition: all .4s;}
.pasiListArea.open .pasiListTop a::after {transform: rotate(180deg);}

.pasiListArea .pasiListInfo {padding: 25px;}
.pasiListArea .pasiListInfo a {display: flex; align-items: center; line-height: 1.3; color: #282828;}
.pasiListArea .pasiListInfo a + a {margin-top: 13px;}
.pasiListArea .pasiListInfo a.on {font-weight: 500; text-decoration: underline;}
.pasiListArea .pasiListInfo p {display: flex;}
.pasiListArea .pasiListInfo p + p {margin-top: 13px;}
.pasiListArea .pasiListInfo a + .del {width: 20px; height: 20px; margin-left: 7px; font-size: 0; background: url("/oasis/include/image/search/ico_pasitDel1.png") no-repeat 0 2px;}
.pasiListArea .pasiListInfo .pasiYearArea {display: flex; align-items: center; justify-content: space-between;}
.pasiListArea .pasiListInfo .pasiYearArea input {width: calc(50% - 7px);}
.pasiListArea .pasiListInfo .pasiYearArea + button {width: 100%; margin-top: 10px;}


/* 검색결과 리스트페이지 - 한글/한자 변환 */
.langChange {float: right;}
.langChange .langArea {display: flex;}
.langChange .langArea a {padding: 0 15px; font-size: 0.941em; line-height: 38px; color: #282828; text-align: center; background-color: #fff; border: 1px solid #9f9f9f; border-radius: 2px;}
.langChange .langArea a.on {color: #fff; background-color: #646464; border-color: #646464;}
.langChange .langArea a:nth-child(1) {border-radius: 2px 0 0 2px;}
.langChange .langArea a:nth-child(2) {border-radius: 0 2px 2px 0;}


/* 검색결과 리스트페이지 - 버튼영역 */
.resultHead {display: flex; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 60px; border-top: 2px solid #444; border-bottom: 1px solid #dbdbdb; background-color: #f4f4f4; position: relative;}
.resultHead .btnS {display: inline-flex; align-items: center; justify-content: center; height: 40px; margin-right: 5px; padding: 0 15px; font-size: 0.941em; line-height: 1; color: #282828; box-sizing: border-box; background-color: #fff; border: 1px solid #9f9f9f; border-radius: 2px;}
.resultHead .btnS::before {content: ""; margin-right: 8px;}
.resultHead .btnS.basket::before {width: 15px; height: 18px; background: url("/oasis/include/image/search/ico_basket.png") 0 50% no-repeat;}
.resultHead .btnS.basketB::before {width: 15px; height: 18px; background: url("/oasis/include/image/search/ico_basketB.png") 0 50% no-repeat;}
.resultHead .btnS.downB::before {width: 16px; height: 17px; background: url("/oasis/include/image/search/ico_downB.png") 0 100% no-repeat;}
.resultHead .btnS.printB::before {width: 17px; height: 18px; background: url("/oasis/include/image/search/ico_printB.png") 0 100% no-repeat;}

/* 검색결과 리스트페이지 - 데이터영역 */
.resultList {padding: 0;}
.resultData {position: relative; padding: 0 210px 0 60px;}
.resultData .chkOnly {top: 4px; margin-top: 0;}
.resultData .bookDataWrap .tit {margin-bottom: 20px; font-size: 1.294em; font-weight: 500; line-height: 1.2; color: #003b76;}
.resultData .bookPopWrap {position: absolute; right: 40px; top: 50%; transform: translateY(-50%); display: flex;}
.resultData .bookPopWrap .popBtn + .popBtn {margin-left: 15px;}
.resultData .bookPopWrap .popBtn span {margin-top: 2px;}


/* 검색결과 상세페이지 */
.searchViewTop {margin-bottom: 60px; padding: 50px 40px; background-image: url("/oasis/include/image/search/bg_searchView.png"), url("/oasis/include/image/search/bg_searchView1.png"), url("/oasis/include/image/search/pattern_searchView.png"); background-repeat: no-repeat, no-repeat, repeat; background-position: 50% 0, 100% 100%, 0 0; position: relative;}
.searchViewTop .searchViewTit {margin-bottom: 35px; padding-right: 190px; font-size: 1.529em; font-weight: 500; line-height: 1.2; color: #003b76;}
.searchViewTop .searchViewBtn {position: absolute; right: 40px; top: 45px;}

/* 검색결과 상세페이지 - 소장기관 */
.tbl.searchView th {padding: 10px 5px;}
.tbl.searchView td {padding: 13px 5px;}
.popBtn {display: inline-flex; flex-direction: column; text-align: center; width: 37px; font-size: 0.941em; color: #464646; vertical-align: middle;}
.popBtn::before {content: ""; width: 37px; height: 37px; background: url("/oasis/include/image/search/ico_popBtn.png") no-repeat 0 0; border-radius: 100%;}
.popBtn.pop01::before {background-color: #0ba0a5; background-position-y: 0;}
.popBtn.pop02::before {background-color: #8ebf50; background-position-y: -37px;}
.popBtn.pop03::before {background-color: #ff6600; background-position-y: -74px;}
p.popBtn::before {background-color: #ddd !important;}


/* 리스트 모드 & 정렬 */
.resultList {border-top:2px solid #444;}
.resultFilter {display: flex; align-items:center; justify-content:space-between; flex-wrap: wrap; margin-bottom: 10px;}
.resultFilter .resultSort ul {display:flex;}
.resultFilter .resultSort ul li {position:relative; margin-right:20px;}
.resultFilter .resultSort ul li:after {display:block; content:''; width:1px; height:14px; background-color:#c2c2c2; position:absolute; right:-10px; top:7px;}
.resultFilter .resultSort ul li:last-child::after {display:none;}
.resultFilter .resultSort ul li a {color:#777;}
.resultFilter .resultSort ul li a.on {color:#0000dd; border-bottom:1px solid #0000dd;}
.resultFilter .resultMode {display: flex;}
.resultFilter .resultMode a {display: block; width: 42px; height: 42px; background: #fff url("/oasis/include/image/search/ico_imgView.png") no-repeat 50% 50%; border: 1px solid #a3a3a3; box-sizing: border-box;}
.resultFilter .resultMode a + a {margin-left: 1px; background-image: url("/oasis/include/image/search/ico_textView.png");}
.resultFilter .resultMode a.choiced {background-color: #e8e8e8;}

/* 데이터영역 */
.resultData {position: relative; padding:40px 0; border-bottom: 1px solid #ddd;}
.resultData .resultCon li.list .textBox .time {margin-bottom:10px; color:#777; font-size:0.941em;}
.resultData .resultCon li.list .textBox .time span {position:relative; padding-left:20px; }
.resultData .resultCon li.list .textBox .time span:before {display:block; content:''; width:16px; height:16px; background: url("/oasis/include/image/subcontent/ico_coll_time.png") 0 50% no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.resultData .resultCon li.list .summary {margin:15px 0; font-size:0.941em;}
.resultData .resultCon li.list .hashtag {display:flex; flex-wrap:wrap; padding:0 20px;}
.resultData .resultCon li.list .hashtag span {border:1px solid #d8d8d8; border-radius:20px; padding:3px 10px; margin:0 7px 7px 0; font-size:0.941em; color:#222;}
.resultListWrap.issn .resultData {padding: 30px;}

/* 데이터영역 - 카드스타일 */
.cardViewStyle .highlight {color:#222 !important;}
.cardViewStyle .resultData {padding:40px 0 0 0; border-bottom:0;}
.cardViewStyle .resultData .resultCon:after {display:block; content:''; clear:both;}
.cardViewStyle .resultData .resultCon li.list {float:left; position:relative; width:calc(25% - 22.5px); margin-right:30px; margin-bottom:40px; height:400px;}
.cardViewStyle .resultData .resultCon li.list > div {overflow:hidden; border:1px solid #d7dce3; z-index:10; height:100%; width:100%; position:relative; top:0;}
.cardViewStyle .resultData .resultCon li.list > div .mask_bg {width:calc(100% - 2px); height:46px; background:url("/oasis/include/image/subcontent/cloud_gradient_bg.png") repeat; background-position:bottom; position:absolute; bottom:0; background-size:contain;}
.cardViewStyle .resultData .resultCon li.list > div.on {position:absolute; height:auto; max-height:576px; min-height:400px; overflow:hidden; z-index:11; background-color:#fff; border:1px solid #222; box-shadow:0px 10px 20px 0px rgb(0 0 0 / 7%);}
.cardViewStyle .resultData .resultCon li.list > div.on .mask_bg {display:none;}
.cardViewStyle .resultData .resultCon li.list .ctitle {margin-bottom:10px;}
.cardViewStyle .resultData .resultCon li.list > div {display:block; padding:10px 0;}
.cardViewStyle .resultData .resultCon li.list:nth-child(4n) {margin-right:0;}
.cardViewStyle .resultData .resultCon li.list .imgBox {position:relative; width:calc(100% - 20px); overflow:hidden; margin:0 10px; padding-top:62.71186440677966%;}
.cardViewStyle .resultData .resultCon li.list .imgBox img {position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; height:auto; max-height:none !important; min-height:100%;}
/* .cardViewStyle .resultData .resultCon li.list .imgBox {padding:0 10px;} */
.cardViewStyle .resultData .resultCon li.list .textBox {padding:0 20px; margin:25px 0 20px 0;}
.cardViewStyle .resultData .resultCon li.list .textBox .ico_btn {display:none;}
.cardViewStyle .resultData .resultCon li.list .textBox a {display:table; table-layout:fixed; width:100%; max-width:360px; position:relative; top:-2px; margin:10px 0;}
.cardViewStyle .resultData .resultCon li.list .textBox a span.ctitle {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:table-cell;}
.cardViewStyle .resultData .resultCon li.list .textBox a span.ctitle {font-size:1.294em; font-weight:bold; color:#222;}
.cardViewStyle .resultData .resultCon li.list .textBox .text {line-height:1.4em; height:2.8em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#636363; margin:10px 0 10px 0; padding:0 3px;}
.cardViewStyle .resultData .resultCon li.list .summary {display:none;}


/* 데이터영역 - 리스트스타일 */
.listViewStyle .resultData {padding:0; border-bottom:0;}
.listViewStyle .resultData .resultCon li.list {width:100%; height:auto; border-bottom:1px solid #d4d4d4; padding:45px 30px;}
.listViewStyle .resultData .resultCon li.list a {border:none;}
.listViewStyle .resultData .resultCon li.list a .mask_bg {display:none;}
.listViewStyle .resultData .resultCon li.list .imgBox {display:none;}
.listViewStyle .resultData .resultCon li.list .textBox {display:flex; align-items:center;}
.listViewStyle .resultData .resultCon li.list .textBox .ico_btn {margin-right:10px;}
.listViewStyle .resultData .resultCon li.list .textBox .time {position:absolute; right:0;}
.listViewStyle .resultData .resultCon li.list .hashtag {padding:0;}

/* 검색결과 리스트페이지 - 검색상세 */
.resultViewWrap {width: 100%;}

.resultViewDetail {padding: 35px 0 30px; border-top: 2px solid #ebeff5; border-bottom: 1px solid #ededed;}
.resultViewDetail .tit {margin-bottom: 35px; font-size: 1.412em; font-weight: 500; line-height: 1.2; color: #282828; word-break: break-all;}
.resultViewDetail .resultBookInfo {display: flex; justify-content: space-between;}
.resultViewDetail .resultBookInfo .thumb {width: 249px; height: 277px;}
.resultViewDetail .resultBookInfo .thumb img {width: 100%; height: 100%;}
.resultViewDetail .resultBookInfo .bookDataWrap {width: calc(100% - 284px);}
.resultViewDetail .resultBookInfo .bookDataWrap li {display: flex; justify-content: space-between; word-break: break-all;}
.resultViewDetail .resultBookInfo .bookDataWrap li + li {margin-top: 5px;}
.resultViewDetail .resultBookInfo .bookDataWrap li strong {width: 155px;}
.resultViewDetail .resultBookInfo .bookDataWrap li p {width: calc(100% - 165px);}
.resultViewDetail .resultBookInfo .bookDataWrap li p a {color: #0000dd; text-decoration: underline;}


/* 상세검색 */
.detailSearChType > li {float: left; position: relative; width: 100%; padding: 0 155px; box-sizing: border-box;}
.detailSearChType > li + li {margin-top: 8px;}
.detailSearChType > li .typeSel, .detailSearChType > li .typeSel1 {position: absolute; top: 0; width: 150px;}
.detailSearChType > li .typeSel {left: 0;}
.detailSearChType > li .typeSel1 {right: 0;}
.detailSearChType > li > div {position: relative;}
.detailSearChType > li > div input {padding-right: 50px;}
.detailSearChType > li > div .mlang {right: 15px;}
.detailSearChType > li > div .mlang a {background-image: url("/oasis/include/image/search/ico_lang.png");}
.detailSearChType > li > div .multiLangBox {top: 45px;}


/* 디렉토리검색 */
.dirDepth1Wrap {margin-top: 30px; padding: 40px; background-color: #f0f4f7;}
.dirDepth1List {display: flex; flex-wrap: wrap; margin-left: -3px;}
.dirDepth1List li {width: calc(25% - 3px); margin-left: 3px;}
.dirDepth1List li:nth-child(n+5) {margin-top: 3px;}
.dirDepth1List li a {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 90px; padding: 0 20px; line-height: 1.3; color: #222; background-color: #fff; box-sizing: border-box; word-break: keep-all;}
.dirDepth1List li a span {width: 100%;}
.dirDepth1List li a span em {display: block; width: 100%; color: #de3232; margin-top: 3px;}
.dirDepth1List li.choiced a, .dirDepth1List li a:hover, .dirDepth1List li a:focus {color: #fff; background-color: #0b5198; background-image: url("/oasis/include/image/search/bg_dir01.png"), url("/oasis/include/image/search/bg_dir02.png"); background-repeat: no-repeat, no-repeat; background-position: 0 0, 100% 24px;}
.dirDepth1List li.choiced a span em, .dirDepth1List li a:hover span em, .dirDepth1List li a:focus span em {color: #fff;}

.dirDepth1Wrap.pan .dirDepth1List li a {height: 70px;}
.dirDepth2Wrap .btitle {margin: 40px 0 20px;}
.dirDepth2List {display: none; flex-wrap: wrap; margin-left: -10px;}
.dirDepth2List li {width: calc(25% - 10px); margin-left: 10px;}
.dirDepth2List li:nth-child(n+5) {margin-top: 10px;}
.dirDepth2List li a {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 70px; padding: 0 20px; line-height: 1.3; color: #222; background-color: #fff; border: 1px solid #e4e4e4; box-sizing: border-box;}
.dirDepth2List li a span {width: 100%;}
.dirDepth2List li a span em {display: block; width: 100%; color: #de3232; margin-top: 3px;}
.dirDepth2List li.choiced a, .dirDepth2List li a:hover, .dirDepth2List li a:focus {color: #fff; background-color: #1769bb; background-image: url("/oasis/include/image/search/bg_dir01.png"), url("/oasis/include/image/search/bg_dir02.png"); background-repeat: no-repeat, no-repeat; background-position: 0 0, 100% 24px;}
.dirDepth2List li.choiced a span em, .dirDepth2List li a:hover span em, .dirDepth2List li a:focus span em {color: #fff;}


/* 연계기관자료검색 */
.searchChkWrap {display: flex; flex-wrap: wrap; margin-top: 23px;}
.searchChkWrap .chk {margin-right: 25px; margin-top: 7px;}
.searchChkWrap .chk + .chk {margin-left: 0;}


/* 연계기관 & 인물검색 결과페이지 */
.searchResultWrap {margin-top: 60px;}
.searchResultWrap .resultList {border-top: 2px solid #444;}
.searchResultWrap .resultList + .resultList {border-top: none;}
.searchResultWrap .resultList .resultData {padding: 0 20px;}

.bbp-li{border-bottom: 1px solid #dbdada;padding: 10px;}
.a_design_1{float: left;margin-right: 5px;margin-top: 5px;}
.dateInput{width:100%; height:40px;  border:1px solid #dddcdc;}

@media screen and (max-width: 1079px){
	/* 비주얼영역 검색 */
	.visualSearchWrap {width:auto; max-width:100%;}

	/* 통합검색 */
	.sSearchWrap {padding: 50px 20px;}
	.mainSearchKeywordWrap {padding-right: 0;}
	.mainSearchKeywordWrap .chkBox {top: 0; right: auto; left: 0; margin-top: -26px;}
	.mainSearchKeywordWrap .mainSearchKeyword > input {padding: 0 60px 0 20px;}
	.mainSearchKeywordWrap .autoBtn {display: none;}

	/* 통합검색 - 인트로 */
	.boxType1 {flex-wrap:wrap;}
	.boxType1 .infoBox {width:100%; height:auto;}
	.boxType1 .infoBox + .infoBox {margin-left:0; margin-top:20px;}

	/* KDC주제별보기 */
	.kdcSearch .kdcDepth1List {flex-wrap:wrap;}
	.kdcSearch .kdcDepth1List li {width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
	.kdcSearch .kdcDepth1List li:nth-child(4n) {margin-right:0;}
	.kdcSearch .kdcDepth1List li.choiced {top:0;}
	.kdcSearch .kdcBox li dl {justify-content:center;}
	.kdcSearch .kdcBox li dl dt:after, .kdcSearch .kdcBox li dl dd:after {display:none;}

	/* 초성별보기 */
	.consonantkeyWrap .innerBox {padding:25px 35px;}
	.consonantkeyWrap .innerBox .row {flex-wrap:wrap;}
	.consonantkeyWrap .innerBox .row ul {flex-wrap:wrap;}
	.consonantkeyWrap .innerBox .row ul li {margin-bottom:5px;}
	.consonantkeyWrap .innerBox .row span {margin-bottom:5px;}

	/* 상세검색 - 레이어팝업 */
	#SearchDetailPop .popupWrap {width:100%; height:100%;}
	#SearchDetailPop .popupWrap .formBox {/* height:640px; */ overflow:auto; padding:20px;}
	#SearchDetailPop .popupWrap .formBox ul li {flex-wrap:wrap;}
	#SearchDetailPop .popupWrap #tab_searchdata .formBox ul li span.title {width:100%; margin-bottom:7px;}
	#SearchDetailPop .popupWrap #tab_searchdata .formBox ul li span.short {margin:0 0 7px 0;}
	#SearchDetailPop .popupWrap .formBox .dataOption {flex-wrap:wrap; width:100%;}
	/* #SearchDetailPop .popupWrap .formBox .dataOption a {width:20%;} */
	#SearchDetailPop .popupWrap .formBox ul li > ul + ul {margin-top:10px;}
	#SearchDetailPop .popupWrap .formBox ul li input[type="text"].search {width:calc(100% - 120px);}
	#SearchDetailPop .popupWrap .btn {}
	#SearchDetailPop .popupWrap #tab_fulltext .formBox ul li span.title {margin-bottom:10px;}

	/* 그래프 드래그 팝업 */
	#DragPop .popupWrap {width:90%; height:auto; padding:20px;}
	#DragPop .popupWrap .popupHeader {padding-top:0;}
	#DragPop .popupWrap .popupHeader h1 {font-size:18px;}

	/* 통합검색 - 전체 */
	.searchNavi {padding:10px; margin-bottom:20px;}
	.contentWrap .resultWrap {width:100%; min-width:100%;}
	.rowBox .row .innerBox {flex-wrap:wrap;}
	.rowBox .row .innerBox .textBox{padding-top: 10px;}
	.rowBox .row .innerBox .textBox ul.flexBox li {display:flex; flex-wrap:wrap;}
	.rowBox .row .innerBox .textBox ul li .conBox {}
	.rowBox .row .innerBox .textBox ul li a + a {margin-left:10px;}
	.rowBox .row .innerBox .textBox.SearchView ul li .conBox {}
	.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox.urlBox div span {display:block;}
	/*.rowBox.imgType .row .innerBox .textBox {width:calc(100% - 320px);}*/
	.rowBox .row .innerBox .textBox .resultTitle p {width:calc(100% - 100px);}
	.rowBox.shortCont .row .innerBox .textBox .resultTitle p {max-width:100%; width:calc(100% - 150px);}
	.rowBox.middleCont .row .innerBox .textBox .resultTitle p {max-width:100%; width:calc(100% - 120px);}
	.rowBox .row .innerBox .btnArea {top:0; transform:none;}

	.contentWrap .resultWrap .SearchboardWrap .title {flex-wrap:wrap;}
	.contentWrap .resultWrap.resultViewWrap .SearchboardWrap .title {align-items:flex-start;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row {padding:15px;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .textBox .ico_url {display:table; table-layout:fixed; width:100%;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .textBox .ico_url span {display:table-cell; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .imgBox {margin-right:25px;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .btnArea {margin:15px 0;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .btnArea {position:relative;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox.type1 .row .innerBox .textBox {width:50%;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox.type1 .row .innerBox .textBox {width:100%;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .description {margin-top:0; text-overflow:clip;}

	.contentWrap .resultViewWrap .SearchboardWrap .btnArea .btn + .btn {margin-top:0;}
	.mainSearchIntroWrap {margin-top:5px;}
	.mainSearchIntroWrap .infoBox .title {height:45px;}
	.mainSearchIntroWrap .infoBox .textBox {padding:20px 25px;}
	.mainSearchIntroWrap .infoBox .textBox .row {flex-wrap:wrap;}
	.mainSearchIntroWrap .infoBox .textBox .row span, .mainSearchIntroWrap .infoBox .textBox .row a {margin-right:0; min-width:120px; height:36px;}
	.mainSearchIntroWrap .infoBox .textBox .row span {width:100%; margin-bottom:15px;}
	.mainSearchIntroWrap .infoBox .textBox .row p.ico_check {margin-bottom:0;}
	.mainSearchIntroWrap .infoBox .textBox .row p.ico_check:before {transform:none; top:6px;}
	.mainSearchIntroWrap .infoBox:first-child .textBox .row {justify-content:center; flex-direction:column-reverse;}
	.resultViewWrap .SearchboardWrap .title h5 {width:100%; margin-top:5px; margin-left:0;}
	.resultViewWrap .SearchboardWrap .ScopeUseBox .icoBox {display:flex; flex-wrap:wrap; align-items:center;}
	.resultViewWrap .SearchboardWrap .ScopeUseBox .icoBox span {margin:5px 10px 5px 0;}
	.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox {height:100%;}
	.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox span {margin:3px 6px 3px 0;}

	.resultViewWrap .SearchboardWrap .ScopeUseBox {flex-wrap:wrap;}
	.history_btn {margin-left:0; margin-top:5px;}

	/* 상세검색 */
	.detailSearChType > li {padding: 0 130px;}
	.detailSearChType > li .typeSel, .detailSearChType > li .typeSel1 {width: 125px;}

	/* 검색결과 리스트페이지 - 패싯검색 */
	.resultTxt, .pasitResultWrap .resultTxt {margin-bottom: 20px;}
	.pasitResultArea {display: none;}

	/* 검색결과 리스트페이지 - 패싯리스트 영역 */
	#pasiListWrap {display: none;}

	.visualSearchWrap {padding:0 20px;}
}

@media screen and (max-width: 768px){
	/* multi language keyboard */
	.multiLangBox {top: 59px;}

	/* 비주얼영역 검색 */
	.visualSearchKeywordWrap .visualSearchKeyword {padding:0;}
	.visualSearchKeywordWrap .visualSearchKeyword > input {height: 42px; padding: 0 50px 0 15px; font-size: 1.125em;}
	.visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="text"] {height:40px; padding:0 15px;}
	.visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="text"]::placeholder {color:transparent;}
	.visualSearchKeywordWrap .visualSearchKeyword .btnSearch {height:40px; width:100px;}
	.visualSearchKeywordWrap .autoSearch {top: 46px;}
	.visualSearchKeywordWrap .mlang {right: 58px;}
	.visualSearchKeywordWrap .multiLangBox {top: 46px;}
	.visualSearchKeywordWrap .autoBtn {display: none;}
	.visualSearchKeywordWrap .inputWrap {margin-right:0;}
	.visualSearchKeywordWrap .submitWrap {}
	.visualSearchKeywordWrap a.searchHistory {top:-30px;}
	.visualSearchKeywordWrap a.searchHistory:before {width:16px; height:16px; background-size:cover; top:3px;}
	.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"] + label {left:10px; padding:0 10px 0 22px; font-size:0.933em; background-size:14px; padding-bottom:2px;}
	.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"]:checked + label {background-size:14px;}
	.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="checkbox"] + label:after {background-color:#ddd; height:14px; top:9px;}
	.sVisualWrap.detail_type2 .visualSearchKeywordWrap .visualSearchKeyword > .inputWrap input[type="text"] {padding:0 0 0 120px;}
	.visualSearchKeywordWrap .inputWrap a.search {width:18px; height:18px; background-size:cover; right:15px;}
	.visualSearchKeywordWrap .inputWrap a.del {width:18px; height:18px; background-size:cover; right:45px;}

	/* 통합검색 - 인트로 */
	.boxType1 .infoBox .textBox .row p.ico_check:before, .boxType1 .infoBox .textBox .row p > span:before {top:10px;}
	/* .boxType1 .infoBox .textBox .row p.ico_check {padding-left:25px;} */
	/*.boxType1 .infoBox .textBox .row p.ico_check:before {width:16px; height:14px; background-size:cover;} */

	/* 통합검색 */
	.mainSearchKeywordWrap {padding-left: 175px;}
	.mainSearchKeywordWrap .mainSearchSel {font-size: 1.125em;}
	.mainSearchKeywordWrap .mainSearchSel select {width: 166px; height: 50px; padding: 0 35px 0 20px;}
	.mainSearchKeywordWrap .mainSearchKeyword {padding-right: 82px;}
	.mainSearchKeywordWrap .mainSearchKeyword > input {height: 50px; padding: 0 50px 0 15px; font-size: 1.125em;}
	.mainSearchKeywordWrap .mainSearchKeyword .btnSearch {width: 80px; height: 54px;}
	.mainSearchKeywordWrap .mainSearchKeyword .btnSearch a {font-size: 1.188em;}
	.mainSearchKeywordWrap .autoSearch {top: 52px;}
	.mainSearchKeywordWrap .mlang {right: 95px;}
	.mainSearchKeywordWrap .multiLangBox {top: 52px;}

	/* KDC주제별보기 */
	.kdcSearch .kdcDepth1List {flex-wrap:wrap;}
	.kdcSearch .kdcDepth1List li {width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px;}
	.kdcSearch .kdcDepth1List li:nth-child(4n) {margin-right:0;}
	.kdcSearch .kdcDepth1List li.choiced {top:0;}
	.kdcSearch .kdcBox {margin-top:0; padding:25px 20px;}
	.kdcSearch .kdcBox li dl {justify-content:center;}
	.kdcSearch .kdcBox li dl dt:after, .kdcSearch .kdcBox li dl dd:after {display:none;}

	/* 초성별보기 */
	.consonantkeyWrap .innerBox {background-color:#fff; padding:0;}
	.consonantkeyWrap .innerBox .row {margin-bottom:0;}
	.consonantkeyWrap .innerBox .row span {position:relative; font-weight:500; width:100%; border-top:2px solid #444; padding:10px 5px; cursor:pointer; margin-bottom:0;}
	.consonantkeyWrap .innerBox .row span:before {display:block; content:''; width:30px; height:30px; background: url("/oasis/include/image/search/ico_toggle_type2_up.jpg") no-repeat; position:absolute; right:0; top:8px; right:5px; background-size:cover;}
	.consonantkeyWrap .innerBox .row span.active:before {background: url("/oasis/include/image/search/ico_toggle_type2_down.jpg") no-repeat; background-size:cover;}
	.consonantkeyWrap .innerBox .row ul {padding:15px 0; border-top:1px solid #d8d8d8; width:100%;}
	.consonantkeyWrap .innerBox .row ul li {margin-bottom:5px; border:0;}
	.consonantkeyWrap .innerBox .row.eng ul li {margin-right:5px;}
	.consonantkeyWrap .innerBox .row.number ul li {margin-right:5px;}
	.consonantkeyWrap .innerBox .row ul li a {background-color:#f2f4fb; border:1px solid #d8d8d8;}
	.consonantkeyWrap .innerBox .row.kor ul li {width:calc(14.285% - 4.5px);}
	.consonantkeyWrap .innerBox .row.kor ul li:nth-child(7n) {margin-right:0;}
	.consonantkeyWrap .innerBox .row.eng ul li {width:calc(11.111% - 4.5px);}
	.consonantkeyWrap .innerBox .row.eng ul li:nth-child(9n) {margin-right:0;}
	.consonantkeyWrap .innerBox .row.number ul li {width:calc(16.6666% - 4.5px);}
	.consonantkeyWrap .innerBox .row.number ul li:nth-child(6n) {margin-right:0;}

	/* 상세검색 - 레이어팝업 */
	#SearchDetailPop .popupWrap .formBox .dataOption a {/*width:calc(33.333% - 5px);*/ min-width:100px; box-sizing:border-box; border-radius:0; min-height:40px; height:auto; padding:5px;}
	#SearchDetailPop .popupWrap .formBox .dataOption a + a {border-left:1px solid #d8d8d8 !important;}
	#SearchDetailPop .popupWrap .formBox .dateOptionBox select.and {margin-left:0; margin-top:10px;}
	#SearchDetailPop .popupWrap .formBox ul li .datepickerArea {width:calc(50% - 14px);}
	#SearchDetailPop .popupWrap .formBox ul li .datepickerArea input[type="text"] {width:220%;}
	#SearchDetailPop .popupWrap .formBox ul li input[type="text"].search {width:calc(100% - 100px)}
	#SearchDetailPop .popupWrap .formBox ul li select.and {width:90px;}
	#SearchDetailPop .popupWrap .formBox ul li select.depth {width:100%; margin-right:0;}
	#SearchDetailPop .popupWrap .formBox ul li select.depth + select.depth {margin-top:7px;}
	#SearchDetailPop .popupWrap #tab_fulltext .formBox ul li span.title {width:100%;}
	.popupContainer .TabCont .btnGroup a {width:30%; min-width:auto; padding:0;}

	

	/* 통합검색 전체 */
	/* OASIS.2024.0012 | 2024.06.24 | kyh | 화면크기가 줄어들 시 도움말 버튼이  검색기록 탭과 겹치는 현상 수정 */
	.helpArea {position: relative;}
	.endBox {position:relative; float:right; }
	.endBox.block {position:relative; bottom:0; width:100%; margin-top:7px;}
	.endBox .inputBox ~ .btn_help a {height:36px;}
	/* .endBox .btn_help, .endBox .btn_prev {height:36px;} */
	/* .endBox .btn_help a, .endBox .btn_prev a {display:flex; width:30px; height:35px; padding:0;} */
	/* .endBox .btn_help a span:before, .endBox .btn_prev a span:before {left:2px; top:50%;} */
	/* .endBox .btn_help a span em, .endBox .btn_prev a em {display:none;} */
	.title h4 + .endBox {position:relative;}
	.contentWrap .endBox, 
	.contentWrap .endBox .inputBox {width:100%;}
	.endBox .inputBox ~ .btn_help,
	/* .endBox .btn_help {position:absolute; right:90px; height:36px;} */
	.endBox .btn_mods {position:absolute; right:0px; height:36px;}
	.endBox .btn_mods a {height:34px;}
	.sortWrap {top:-8px;}
	.searchNavi .boxWrap a.reset {width:30px; padding-left:0;}
	.searchNavi .boxWrap a.reset span:before {left:2px;}
	.searchNavi .boxWrap a.reset span em {display:none;}
	.searchNavi .boxWrap .result {margin:0 10px 0 15px;}
	.contentWrap .resultWrap .SearchboardWrap .title {align-items:center; padding:0 0 9px 5px;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox {flex-wrap:wrap; justify-content:space-between;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox.imgType .row .innerBox {justify-content:center;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .imgBox {margin-right:0; margin-bottom:15px;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .textBox {width:100%;}
	.contentWrap .resultViewWrap .SearchboardWrap .btnArea {width:100%;}
	.resultWrap .resultCount {margin-bottom:25px;}
	.resultWrap .resultCount h4 {font-size:1.333em; letter-spacing:-0.05em;}
	.resultWrap .SearchboardWrap .title h5 img {width:18px; height:18px;}
	.resultWrap .SearchboardWrap .title h5 em {display:none;}
	.resultWrap .SearchboardWrap .title span.count {margin-left:0; padding-left:20px;}
	.resultWrap .SearchboardWrap .title span.count:before {left:10px; height:12px;}
	.rowBox .row {padding:15px;}
	.rowBox .row .innerBox .btnBox{margin-right:0px; padding-top: 0px;}
	.rowBox .row .innerBox .textBox .resultTitle p {max-width:100%;}
	.rowBox .row .innerBox .textBox ul.flexBox.relaInfo li {flex-wrap:wrap;}
	.rowBox .row .innerBox .textBox ul li:before {top:12px;}
	.rowBox .row .innerBox .textBox .resultTitle p,
	.rowBox.shortCont .row .innerBox .textBox .resultTitle p,
	.rowBox.middleCont .row .innerBox .textBox .resultTitle p {width:100%; margin-left:0;}
	.resultViewWrap .SearchboardWrap .title h5,
	.resultWrap .resultCount h4 {font-size:1.333em; width:100%; margin-left:0; margin-top:5px;}
	.contentboardWrap .title h4 {width:calc(100% - 80px);}
	.resultViewWrap .SearchtoggleWrap .rowBox .row .innerBox .textBox ul li:before {top:12px;}
	.resultViewWrap .SearchtoggleWrap div.title select {bottom:10px; height:30px; right:35px;}
	.resultViewWrap .SearchtoggleWrap div.title a.toggle {width:30px; height:30px; background-size:cover; bottom:10px;}
	.resultViewWrap .SearchtoggleWrap div.title a.toggle.active {background-size:cover;}
	.resultViewWrap .SearchboardWrap .ScopeUseBox {padding:15px;}
	.resultViewWrap .SearchboardWrap .ScopeUseBox .titleBox,
	.resultViewWrap .SearchboardWrap .ScopeUseBox .icoBox {width:100%; padding:0 0 5px 0;}
	.resultViewWrap .SearchboardWrap .ScopeUseBox p.tit:after {display:none;}
	.rowBox .row .innerBox .textBox .resultTitle .ico_btn {display:none;}
	.rowBox .row .innerBox .textBox .ico_url span:before {top:3px;}
	.rowBox .row .innerBox .textBox ul.flexBox li > div.infoBox:before {height:12px;}
	.rowBox.imgType .row .innerBox {justify-content:center;}
	.rowBox.imgType .row .innerBox .imgBox {margin-right:0; margin-bottom:15px;}
	.history_btn {margin-left:0; margin:5px 0 5px 0; vertical-align:0; left: 190px;}


	/* 자동완성 */
	.autoSearch {top: 54px;}
	.autoSearch ul {padding: 3px 0;}
	.autoSearch ul li {padding: 10px 17px;}
	.autoSearch .button_wrap {padding: 10px 17px;}

	/* 간략검색 */
	.searchWrap {margin-bottom: 30px; padding: 20px;}
	.searchFormWrap {padding: 0 0 0 175px;}
	.searchFormWrap .searchFormSel select {width: 164px; height: 45px; padding: 0 35px 0 20px;}
	.searchFormWrap .searchFormKeyword {padding: 2px 50px 2px 2px;}
	.searchFormWrap .searchFormKeyword > input {height: 45px; padding: 0 15px;}
	.searchFormWrap .searchFormKeyword .autoSearch {top: 49px;}
	.searchFormWrap .searchFormKeyword .mlang {right: 15px;}
	.searchFormWrap .searchFormKeyword .multiLangBox {top: 49px;}

	.organSelBtn {margin-right: 20px; line-height: 34px;}
	.organCnt input {width: 60px;}

	.searchGuideWrap {margin-top: 40px;}
	.searchGuideWrap .topArea {padding: 20px;}
	.searchGuideWrap .conArea {padding: 20px;}
	.searchGuideWrap .conArea .dot-list > li + li {margin-top: 8px;}
	.searchGuideWrap .conArea .dash-list {margin-top: 8px;}

	/* 검색결과 리스트페이지 - 한글/한자 변환 */
	.langChange .langArea a {padding: 0 10px; line-height: 34px;}

	/* 검색결과 리스트페이지 - 버튼영역 */
	.resultHead {margin-bottom: 5px; padding: 8px 15px 8px 35px;}
	.resultHead .chk.chkOnly {left: 10px; margin-top: -8px;}
	.resultHead .btnS {height: 34px; padding: 0 10px; margin: 2px 4px 2px 0;}
	.resultHead .btnS::before {margin-right: 5px;}

	/* 검색결과 리스트페이지 - 데이터영역 */
	.resultList {padding: 20px 0;}
	.resultData {padding: 0 15px 0 35px;}
	.resultData .chkOnly {left: 10px; top: 5px;}
	.resultData .bookDataWrap .tit {margin-bottom: 10px;}
	.resultData .bookPopWrap {position: relative; right: auto; top: auto; transform: translateY(0); margin-top: 10px;}
	.resultData .bookPopWrap .popBtn + .popBtn {margin-left: 15px;}
	.resultData .bookPopWrap .popBtn span {margin-top: 2px;}

	/* 검색결과 상세페이지 */
	.searchViewTop {margin-bottom: 40px;}

	/* 검색결과 상세페이지 - 소장기관 */
	.tblWrap.scrollTable {height: 420px; overflow: auto;}
	.tblWrap.respon colgroup {display: none;}
	.tblWrap.respon thead tr {position: absolute; top: -9999px!important; left: -9999px!important;}
	.tblWrap.respon tbody tr + tr td:nth-child(2) {border-top: 2px solid #666; margin-top: 10px;}
	.tblWrap.respon tbody tr td {display: block; position: relative; padding: 10px 0 10px 120px; border-left: none; text-align: left;}
	.tblWrap.respon tbody tr td::before {content: ""; position: absolute; left: 0; top: 0; width: 110px; height: 100%; background-color: #f8f8f8; text-align: center; display: flex; align-items: center; justify-content: center;}
	.tblWrap.respon tbody tr td:nth-child(1)::before {content: "번호";}
	.tblWrap.respon tbody tr td:nth-child(2)::before {content: "지역";}
	.tblWrap.respon tbody tr td:nth-child(3)::before {content: "도서관명";}
	.tblWrap.respon tbody tr td:nth-child(4)::before {content: "청구기호";}
	.tblWrap.respon tbody tr td:nth-child(5)::before {content: "시작권호(권차)";}
	.tblWrap.respon tbody tr td:nth-child(6)::before {content: "목차";}
	.tblWrap.respon tbody tr td:nth-child(7)::before {content: "해제";}
	.tblWrap.respon tbody tr td:nth-child(8)::before {content: "원문";}
	.tblWrap.respon tbody tr td:nth-child(9)::before {content: "MARC";}

	/* 상세검색 */
	.detailSearChType > li > div input {padding-right: 45px;}
	.detailSearChType > li > div .mlang {right: 10px;}
	.detailSearChType > li > div .multiLangBox {top: 40px; width: calc(100% + 130px);}

	/* 디렉토리검색 */
	.dirDepth1Wrap {margin-top: 25px; padding: 30px;}
	.dirDepth1List li {width: calc(50% - 3px);}
	.dirDepth1List li:nth-child(n+3) {margin-top: 3px;}
	.dirDepth1List li a {height: 70px; padding: 0 10px;}

	.dirDepth1Wrap.pan .dirDepth1List li a {height: 60px;}
	.dirDepth2Wrap .btitle {margin: 30px 0 15px;}
	.dirDepth2List {margin-left: -6px;}
	.dirDepth2List li {width: calc(33.33% - 6px); margin-left: 6px;}
	.dirDepth2List li:nth-child(n+4) {margin-top: 6px;}
	.dirDepth2List li a {padding: 0 10px;}

	/* 연계기관 & 인물검색 결과페이지 */
	.searchResultWrap {margin-top: 50px;}

	/* 데이터영역 - 카드스타일 */
	.cardViewStyle .resultData {padding-top:20px;}
	.cardViewStyle .resultData .resultCon li.list {width:100%; height:100%; margin-right:0; margin-bottom:20px;}
	.cardViewStyle .resultData .resultCon li.list:last-child {margin-bottom:0;}
	.cardViewStyle .resultData .resultCon li.list > div.on {position:relative; height:100%; min-height:auto; overflow:hidden; border:1px solid #d7dce3; box-shadow:none;}
	.cardViewStyle .resultData .resultCon li.list > div .mask_bg {display:none;}
	.cardViewStyle .resultData .resultCon li.list .imgBox img {width:100%;}
	.cardViewStyle .resultData .resultCon li.list .textBox {margin:25px 0 15px 0;}
	.cardViewStyle .resultData .resultCon li.list .ctitle {margin-bottom:5px;}
	.resultData .resultCon li.list .textBox .time {margin-bottom:5px;}


	/* 데이터영역 - 리스트스타일 */
	.resultList {padding:0;}
	.listViewStyle .resultData .resultCon li.list {padding:20px 15px;}
	.listViewStyle .resultData .resultCon li.list .textBox {flex-wrap:wrap;}
	.listViewStyle .resultData .resultCon li.list .textBox .ico_btn {order:2; margin:0 0 0 7px;}
	.listViewStyle .resultData .resultCon li.list .textBox .ctitle {width:100%;}
	.listViewStyle .resultData .resultCon li.list .textBox .time {position:relative; width:100%; top:4px; order:3; margin-top:5px; margin-bottom:0;}

	.dateInput{width:100%; height:40px; padding-left:38px !important; background: url("./../../images/fs/common/date.png") no-repeat left 8px center #fff !important; border:1px solid #dddcdc;}
}

@media screen and (max-width: 640px){
	/* multi language keyboard */
	.multiLangBox {top: 48px;}
	.multiLangBox .multiLang ul.language li {width: 20%;}
	.multiLangBox .multiLang ul.language li:nth-child(n+6) {border-top: none;}

	/* 비주얼영역 검색 */
	.visualSearchKeywordWrap .visualSearchKeyword > input {padding: 0 40px 0 10px;}
	.visualSearchKeywordWrap .mlang {right: 54px;}
	.sVisualWrap.onlytitle {min-height:100px;}

	/* 통합검색 */
	.sSearchWrap {padding: 35px 10px 30px;}
	.mainSearchKeywordWrap {padding-left: 115px;}
	.mainSearchKeywordWrap .chkBox {margin-top: -23px;}
	.mainSearchKeywordWrap .mainSearchSel select {width: 106px; height: 44px; padding: 0 25px 0 10px; background-image: url("/oasis/include/image/search/arr_searchSelM.png");}
	.mainSearchKeywordWrap .mainSearchKeyword {padding-right: 67px;}
	.mainSearchKeywordWrap .mainSearchKeyword > input {height: 44px; padding: 0 40px 0 10px;}
	.mainSearchKeywordWrap .mainSearchKeyword .btnSearch {width: 65px; height: 48px;}
	.mainSearchKeywordWrap .autoSearch {top: 46px;}
	.mainSearchKeywordWrap .mlang {right: 75px;}
	.mainSearchKeywordWrap .multiLangBox {top: 46px;}

	/* 통합검색 전체 */
	.resultViewWrap .SearchtoggleWrap .rowBox .row .YearInfoBox span {width:calc(33.333% - 5px); text-align:center;}
	.rowBox .row .innerBox .textBox .resultTitle {flex-wrap:wrap; margin:5px 0;}
	.rowBox .row .innerBox .textBox .resultTitle p {width:100%; margin-left:0;}
	.resultWrap .SearchboardWrap .title .more {top:38%;}
	.contentWrap .resultWrap .SearchboardWrap .rowBox .row .innerBox .btnArea .btn {min-width:105px;}

	/* 자동완성 */
	.autoSearch {top: 43px;}
	.autoSearch ul li {padding: 5px 12px;}
	.autoSearch .button_wrap {padding: 8px 12px;}

	/* 간략검색 */
	.searchWrap {margin-bottom: 25px; padding: 10px;}
	.searchFormWrap {padding: 0 0 0 115px;}
	.searchFormWrap .searchFormSel select {width: 104px; height: 40px; padding: 0 25px 0 10px; background-image: url("/oasis/include/image/search/arr_searchSelM.png");}
	.searchFormWrap .searchFormKeyword {padding: 2px 40px 2px 2px;}
	.searchFormWrap .searchFormKeyword > input {height: 40px; padding: 0 10px;}
	.searchFormWrap .searchFormKeyword .autoSearch {top: 44px;}
	.searchFormWrap .searchFormKeyword .mlang {right: 10px;}
	.searchFormWrap .searchFormKeyword .multiLangBox {top: 44px; left: -115px; width: calc(100% + 115px);}
	.searchFormWrap.noSel .searchFormKeyword .multiLangBox {top: 44px; left: 0; width: 100%;}

	.searchGuideWrap .topArea {padding: 15px;}
	.searchGuideWrap .conArea {padding: 15px;}

	/* 검색결과 상세페이지 */
	.searchViewTop {padding: 30px 25px; background-size: 80px auto, 190px auto, auto auto;}
	.searchViewTop .searchViewTit {margin-bottom: 20px; padding-right: 0;}
	.searchViewTop .searchViewBtn {position: relative; right: auto; top: auto; margin-top: 20px;}

	/* 상세검색 */
	.detailSearChType > li {padding: 0;}
	.detailSearChType > li .typeSel, .detailSearChType > li .typeSel1 {width: 110px; top: auto; bottom: 0;}
	.detailSearChType > li .typeSel {position: relative; right: auto; top: auto; width: 100%; margin-bottom: 3px;}
	.detailSearChType > li > div {width: calc(100% - 115px);}
	.detailSearChType > li > div .multiLangBox {left: 0; width: calc(100% + 115px);}

	/* 연계기관자료검색 */
	.searchChkWrap {margin-top: 8px;}
	.searchChkWrap .chk {margin-right: 20px;}

	/* 연계기관 & 인물검색 결과페이지 */
	.searchResultWrap {margin-top: 40px;}
}
@media screen and (max-width: 480px){
	/* 비주얼영역 검색 */
	.visualSearchKeywordWrap .visualSearchKeyword > input {padding: 0 37px 0 5px;}
	.visualSearchKeywordWrap .mlang {right: 52px;}

	/* 통합검색 */
	.mainSearchKeywordWrap {padding-left: 92px;}
	.mainSearchKeywordWrap .mainSearchSel select {width: 84px; padding: 0 20px 0 3px;}
	.mainSearchKeywordWrap .mainSearchKeyword {padding-right: 52px;}
	.mainSearchKeywordWrap .mainSearchKeyword > input {padding: 0 37px 0 5px;}
	.mainSearchKeywordWrap .mainSearchKeyword .btnSearch {width: 50px;}
	.mainSearchKeywordWrap .mlang {right: 57px;}
	.mainSearchKeywordWrap .multiLangBox {left: -92px; width: calc(100% + 92px);}

	/* 통합검색 - 전체 */

	/* 간략검색 */
	.searchFormWrap {padding: 0 0 0 90px;}
	.searchFormWrap .searchFormSel select {width: 79px; height: 36px; padding: 0 20px 0 5px;}
	.searchFormWrap .searchFormKeyword > input {height: 36px; padding: 0 5px;}
	.searchFormWrap .searchFormKeyword .autoSearch {top: 40px;}
	.searchFormWrap .searchFormKeyword .mlang {right: 10px;}
	.searchFormWrap .searchFormKeyword .multiLangBox {top: 40px; left: -93px; width: calc(100% + 93px);}
	.searchFormWrap.noSel .searchFormKeyword .multiLangBox {top: 40px;}

	.organCnt {width: 100%; margin-top: 5px;}
	.panjongWrap select {width: 100%;}
	.panjongWrap select + select {margin-top: 5px; margin-left: 0;}

	/* 상세검색 */
	.detailSearChType > li .typeSel1 {position: relative; right: auto; top: auto; bottom: auto; width: 100%; margin-top: 3px;}
	.detailSearChType > li > div {width: 100%;}
	.detailSearChType > li > div .multiLangBox {left: 0; width: 100%;}

	/* 디렉토리검색 */
	.dirDepth1Wrap {margin-top: 20px; padding: 20px;}
	.dirDepth1List li a:hover, .dirDepth1List li a:focus {background-size: 70px auto, 60px auto;}
	
	.history_btn{position: static;}
}

@media screen and (max-width: 375px){
	/* 통합검색 - 전체 */
	.rowBox .row .innerBox .imgBox {min-width:100%;}
	.rowBox .row .innerBox .imgBox img {width:100%;}
	.dateInput{padding: 0 5px;padding-left:30px !important; background: url("./../../images/fs/common/date.png") no-repeat left 6px center #fff !important;}
}

@media screen and (min-width: 1025px){

}



.blind{
	overflow: hidden !important;
    position: absolute !important;
    top: -9999em !important;
    left: -9999em !important;
    width: 1px !important;
    height: 1px !important;
    line-height: 1px !important;
    text-indent: -9999em !important;
}