@charset "utf-8";
@import url('layout.css');
@import url('common.css');
@import url('style.css');

html,body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

input::-ms-clear,input::-ms-reveal{opacity:0;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{opacity:0;}
.searchQueryWrap{display:inline;}
.searchQueryWrap:hover::after{content:'\f00d';font-family:fa;font-weight:bold;position:absolute;pointer-events:none;top:20px;right:130px;font-size:22px;color:black;}

.btnB{display:inline-block;height:66px;line-height:66px;padding:0 21px;font-size:18px;font-weight:700;box-sizing:border-box;}
.btnB.ty1{color:#333;border:1px solid #333}
.btnB.ty1:hover{background-color:#f1f1f1;}
.btnB.ty2{color:#fff;background:#333}
.btnB.ty2:hover{background-color:#000;}
.btnB:disabled{cursor:default;color:#959595 ! important;border-color:#d9d9d9 ! important;background:#d9d9d9 ! important}

.btnD{position:relative;display:inline-block;height:44px;line-height:44px;padding:0 14px;font-size:15px;font-weight:500;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.btnD.ty1{line-height:42px;border:1px solid #136fc4}
td .btnD.ty1 {margin:0 auto;min-width:105px;}
.popArticle_ui .tbl_col td button.btnD.ty1:first-of-type {margin-bottom:0 !important;}

.btnD.ty1.outside-doc{font-size:15px;}
.btnD.ty1:hover{color:#136fc4}
.btnD.ty2{color:#fff;background:#136fc4}
.btnD.ty2:hover{background:#0e4e88}
.btnD i{position:relative;top:-1px;left:-2px;display:inline-block;vertical-align:middle;margin-right:3px;}
.btnD .ic_wr{width:18px;height:18px;background:url(../images/ic/ic_wr2_w.svg) no-repeat 50% 50%/contain}
.btnD .ic_loan{width:18px;height:18px;background:url(../images/ic/ic_loan_w.svg) no-repeat 50% 50%/contain}
.btnD .ic_orig{width:20px;height:20px;background:url(../images/ic/ic_org.svg) no-repeat 50% 50%/contain}
.btnD .ic_down{width:18px;height:18px;background:url(../images/ic/ic_down_b.svg) no-repeat 50% 50%/contain}
.btnD .ic_pdf{width:20px;height:20px;background:url(../images/ic/ic_pdf.svg) no-repeat 50% 50%/contain}
.btnD .ic_doc{width:20px;height:20px;background:url(../images/ic/ic_pay.svg) no-repeat 50% 50%/contain}
.btnD .ic_pdf10{width:18px;height:18px;background:url(../images/ic/ic_pdf10.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf12{width:20px;height:20px;background:url(../images/ic/ic_pdf12.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf13{width:20px;height:20px;background:url(../images/ic/ic_pdf13.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf14{width:20px;height:20px;background:url(../images/ic/ic_pdf14.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf15{width:20px;height:20px;background:url(../images/ic/ic_pdf15.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf16{width:20px;height:20px;background:url(../images/ic/ic_pdf16.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf17{width:20px;height:20px;background:url(../images/ic/ic_pdf17.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf18{width:20px;height:20px;background:url(../images/ic/ic_pdf18.png) no-repeat 50% 50%/contain}
.btnD .ic_pdf19{width:20px;height:20px;background:url(../images/ic/ic_pdf19.png) no-repeat 50% 50%/contain}
.btnD.disabled.ty1{cursor:default;color:#999;border-color:#afafaf;background:#eee; display: flex; align-items: center;justify-content:center;}
.btnD.disabled .ic_orig{background:url(../images/ic/ic_orgd.svg) no-repeat 50% 50%/contain}
.btnD.disabled span{position:absolute;left:-55px;top:50px;width:312px;height:80px;font-size:0;background:url(../images/datasearch/txt_di.png) no-repeat 50% 50%}
.lists .btns.topUp .btnD.ty2{padding:0px;}
.lists .list .btnD.ty1:not(.readonly):hover{background-color : #f0f5ff;}

.btnS{display:inline-block;height:40px;line-height:38px;padding:0 14px;font-size:16px;font-weight:500;border:1px solid transparent;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.btnS.ty1{border-color:#d0d0d0;background:#fff}
.btnS.ty1:hover{border-color:#136fc4;}
.btnS.ty2{color:#fff;background:#666}
.btnS.ty2:hover{background:#000}
.btnS.ty3{color:#fff;background:#136fc4}
.btnS.ty3:hover{background:#0e4e88}
.btnS.ty4{color:#fff;background:#d1c5c5}
.btnS.ty4:hover{background:#a99393}
.btnS i{position:relative;top:-2px;display:inline-block;vertical-align:middle;margin-right:6px;font-size:0;}
.btnS .ic_wr{width:18px;height:18px;background:url(../images/ic/ic_wr2.svg) no-repeat 50% 50%/contain}
.btnS .ic_loan{width:20px;height:20px;background:url(../images/ic/ic_loan.svg) no-repeat 50% 50%/contain}
.body.searchList .btng_sort .btnS .ic_loan{width:18px;height:18px;background:url(../images/ic/ic_loan.svg) no-repeat 50% 50%/contain}
.btnS .ic_trans{width:18px;height:18px;background:url(../images/ic/ic_trans.svg) no-repeat 50% 50%/contain}
.btnS .ic_view{width:18px;height:6px;background:url(../images/ic/ic_view.png) no-repeat 50% 50%/contain}
.btnS .ic_org{width:24px;height:24px;margin-right:10px;background:url(../images/ic/ic_org2.svg) no-repeat 0 0/contain}
.btnS .ic_down{width:24px;height:24px;margin-right:10px;background:url(../images/ic/ic_down.svg) no-repeat 0 0/contain}
.btnS .ic_library{width:20px;height:20px;background:url(../images/ic/ic_library2.svg) no-repeat 0 0/contain}
.btnS .ic_export{width:18px;height:18px;background:url(../images/ic/ic_export.svg) no-repeat 0 0/contain}
.btnS .ic_index{width:20px;height:20px;background:url(../images/ic/ic_index.svg) no-repeat 0 0/contain}
.btnS .ic_addList{width:18px;height:18px;background:url(../images/ic/ic_addList.svg) no-repeat 0 0/contain}
.btnS .ic_addLiv{width:20px;height:20px;background:url(../images/ic/ic_addLiv.svg) no-repeat 0 0/contain}
.btnS .ic_addPost{width:20px;height:20px;background:url(../images/ic/ic_addPost.svg) no-repeat 0 0/contain}
.btnS .ic_error{width:20px;height:20px;background:url(../images/ic/ic_error.svg) no-repeat 0 0/contain}
.btnS .ic_marc{width:20px;height:20px;background:url(../images/ic/ic_marc.svg) no-repeat 0 0/contain}
.body.searchList .btng_sort .btnS .ic_library{width:18px;height:18px;background:url(../images/ic/ic_library2.svg) no-repeat 50% 50%/contain}

.btnXs{display:inline-block;height:26px;line-height:26px ! important;padding:0 14px;font-size:14px ! important;font-weight:500;border-radius:5px;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.btnXs.ty1{color:#fff;background:#555}
.btnXs.ty1:hover{background:#000}

.btn_toggle{position:relative;width:60px;height:24px;line-height:24px;padding:0 17px;color:#fff;font-size:12px;border-radius:20px;}
.btn_toggle span{position:relative;top:-1px;}
.btn_toggle.on span{left:-1px;}
.btn_toggle.off span{left:4px;}
.btn_toggle:before{content:"";position:absolute;top:0;bottom:0;margin:auto 0;width:18px;height:18px;border-radius:100%;background:#fff;transition:all 0.3s ease-in-out;}
.btn_toggle.on{text-align:left;background:#136fc4}
.btn_toggle.on:before{right:3px;}
.btn_toggle.off:before{right:39px;}
.btn_toggle.off{text-align:right;background:#929292;}

.btn_prints{width:22px;height:22px;font-size:0;background:url(../images/ic/ic_prints.svg) no-repeat 0 0/contain}
.btn_xlss{width:22px;height:22px;font-size:0;background:url(../images/ic/ic_xlss.svg) no-repeat 0 0/contain}

.btn_orgDoc,.btn_lists,.btn_abstract,.btn_abstract2{position:relative;display:inline-block;width:70px;height:26px;line-height:24px ! important;text-align:center;font-size:14px ! important;border:1px solid transparent;box-sizing:border-box;}
.btn_orgDoc{color:#fff ! important;border-color:#7a47c3;background:#7a47c3}
.btn_lists{border-color:#ccc;}
.btn_lists:before{content:"";position:relative;top:-2px;display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:3px;background:url(../images/ic/ic_lists.svg) no-repeat 0 0/contain}
.btn_abstract{padding-left:10px;text-align:left;border-color:#7a47c3}
.btn_abstract:after{content:"";position:absolute;top:0;bottom:0;right:6px;margin:auto 0;width:8px;height:5px;background:url(../images/ic/ic_arrow_c.svg) no-repeat 0 0/contain}
.btn_abstract.active:after{transform:rotate(180deg);}
.btn_abstract2{border-color:#ccc;}
.btn_abstract2:before{content:"";position:relative;top:-2px;display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:3px;background:url(../images/ic/ic_abstract.svg) no-repeat 0 0/contain}

.btn_ebook{position:relative;display:inline-block;padding: 0 15px;border:1px solid;font-size:15px;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.btn_ebook.ty1{border:1px solid #136fc4;color:#136fc4;}
.btn_ebook.ty1:hover{border: 1px solid #136fc4;font-weight:500;}
.btn_ebook.ty2{border:1px solid #389e36;color:#389e36;}
.btn_ebook.ty2:hover{border: 1px solid #389e36;font-weight:500;}
.btn_ebook.ty1:not(.readonly):hover{background-color : #f0f5ff;}
.btn_ebook.ty2:not(.readonly):hover{background-color : #f0fff3;}
.btn_audio{position:relative;display:inline-block;padding: 0 15px;border:1px solid;font-size:15px;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.btn_audio.ty1{border:1px solid #136fc4;color:#136fc4;}
.btn_audio.ty1:hover{color:#136fc4;font-weight:500;}
.btn_audio.ty2{border:1px solid #389e36;color:#389e36;}
.btn_audio.ty2:hover{color:#389e36;font-weight:500;}
.btn_audio.ty1:not(.readonly):hover{background-color : #f0f5ff;}
.btn_audio.ty2:not(.readonly):hover{background-color : #f0fff3;}

.dataSearch_had{margin-top:29px;margin-bottom:20px;}
.dataSearch_had .searchg{position:relative;margin-bottom:15px;font-size:0}
.dataSearch_had .inputg{position:relative;width:830px;height:66px;border:3px solid #333;box-sizing:border-box;}
/* .dataSearch_had .inputg select{width:130px;height:60px;font-size:18px;border:0;background: url(../images/ic/ic_sel2.svg) no-repeat right 20px center #fff;} */
.dataSearch_had .inputg select{width:255px;height:60px;font-size:18px;border:0;background: url(../images/ic/ic_sel2.svg) no-repeat right 7px center #fff;}
.dataSearch_had .inputg input{width:calc(100% - 364px);height:60px;font-size:22px;font-weight:500;border:0 !important;}
.dataSearch_had .inputg button{position:absolute;font-size:0}
.dataSearch_had .inputg .btn_keyboard{top:0;right:78px;bottom:0;margin:auto 0;width:34px;height:22px;background:url(../images/ic/ic_keyboard.svg) no-repeat 50% 50%/contain}
.dataSearch_had .inputg .btn_search{top:0;right:30px;bottom:0;margin:auto 0;width:28px;height:28px;background:url(../images/ic/ic_search_b.svg) no-repeat 50% 50%/contain;transition:scale 0.3s ease}
.dataSearch_had .inputg .btn_search:hover{scale:1.1;}
.dataSearch_had .searchg .btng{position:absolute;top:0;right:0;}
.dataSearch_had .searchg .btng button~button{margin-left:7px;}
.dataSearch_had .detail{display:flex;justify-content:space-between;position:relative;font-size:16px}
.dataSearch_had .detail .toggle{margin-right:10px;}
.dataSearch_had .detail .btn_toggle{position:relative;top:-2px;vertical-align:middle;margin-right:3px;}
.dataSearch_had .detail .btn_toggle~.btn_toggle{margin-left:20px;}
.dataSearch_had .detail .box:nth-child(2){margin-right:200px}
.dataSearch_had .words{display:flex;align-items:center;}
.dataSearch_had .words dt{display:inline-block;width:70px;height:26px;line-height:24px;text-align:left;text-indent:14px;font-size:14px;color:#fff;font-weight:500;background:url(../images/datasearch/bg_tit.svg) no-repeat 50% 50%/contain}
.dataSearch_had .words dd{margin-left:16px;}
.dataSearch_had .words dd a:hover{color:#136fc4;font-weight:500;}
.dataSearch_had .btn_infog{position:absolute;top:0;right:0;height:26px;line-height:26px;padding:0 16px;font-size:14px;color:#fff;border-radius:5px;background:#136fc4;transition:all 0.3s ease-in-out;}
.dataSearch_had .btn_infog:before{position:relative;top:-2px;content:"";display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:6px;background:url(../images/ic/ic_inforg.svg) no-repeat 50% 50%/contain}
.dataSearch_had .btn_infog:hover{background:#0e4e88}
.dataSearch_had .ic_global{position:relative;top:-2px;display:inline-block;width:14px;height:14px;vertical-align:middle;margin-left:4px;font-size:0;background:url(../images/ic/ic_global.svg) no-repeat 50% 50%/contain}
.dataSearch_body {position:relative;}

.tab_search{margin:0 -1000px 15px;border-bottom:1px solid #cecece;}
.tab_search ul{display:flex;gap:0 70px;max-width:1380px;margin:0 auto;padding-left:80px;}
.tab_search li{text-align:center;}
.tab_search a{position:relative;display:inline-block;line-height:56px;height:56px;font-weight:500;font-size:22px;color:#555;}
.tab_search a:hover {font-weight:700;color:#333;}
.tab_search .current a{font-weight:700;color:#333}
.tab_search .current a:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:#333;}
.tab_search .location_box {position:absolute;top:10px;right:0;border:1px solid #333; border-radius:20px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:16px;padding: 0 12px;height:32px;}
.tab_search .location_box .location {font-weight:500;color:#136fc4;}
.tab_search .location_box .help_box {position:relative;display:inline-block;height:70px;}
.tab_search .location_box .help_box .btn_help {position:relative;top:22px;width:20px;height:20px;vertical-align:middle;font-size:0;background: url(../../images/ic/ic_help.svg) no-repeat 50% 50% / contain; rotate: 180deg;}
.tab_search .location_box .layer_help {display: none;z-index: 1;position: absolute;bottom: 60px;left: -301px;line-height: 22px;padding: 20px;width: 334px;text-align: left;font-size: 16px;font-weight: 400;color: #333;border: 1px solid #afafaf;border-radius: 10px;background: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, .2);box-sizing: border-box;}
.tab_search .location_box .layer_help:before{content:"";position:absolute;left:288px;right:0;bottom:-10px;margin:0 auto;width:16px;height:10px;background:url(../../images/ic/ic_polygon.png) no-repeat 50% 50%/contain}

.coop {position:relative;}
.coop .location_box {position:absolute;top:10px;right:0;border:1px solid #333; border-radius:20px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:16px;padding: 0 12px;height:32px;}
.coop .location_box .location {font-weight:500;color:#136fc4;}
.coop .location_box .help_box {position:relative;display:inline-block;height:70px;}
.coop .location_box .help_box .btn_help {position:relative;top:22px;width:20px;height:20px;vertical-align:middle;font-size:0;background: url(../../images/ic/ic_help.svg) no-repeat 50% 50% / contain; rotate: 180deg;}
.coop .location_box .layer_help {display: none;z-index: 1;position: absolute;top: 60px;left: -267px;line-height: 22px;padding: 20px;width: 300px;text-align: left;font-size: 16px;font-weight: 400;color: #333;border: 1px solid #afafaf;border-radius: 10px;background: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, .2);box-sizing: border-box;}
.coop .location_box .layer_help:before{content:"";position:absolute;left:254px;right:0;top:-10px;margin:0 auto;width:16px;height:10px;background:url(../../images/ic/ic_polygon.png) no-repeat 50% 50%/contain;transform: rotate(180deg);}

.dataSearch_body .side a:hover {color:#136fc4;}
.cons{display:grid;grid-template-columns:250px 1fr;gap:0 40px;}
.dataSearch_body .side .resualt_box{margin-bottom:24px;padding:20px 16px 20px 24px;font-size:16px;font-weight:500;border:1px solid #aeaeae;background:#f9f9f9}
.dataSearch_body .side .resualt_box li~li{margin-top:16px}
.dataSearch_body .side .resualt_box .current > a{color:#136fc4}
/* .dataSearch_body .side .resualt_box .sub{margin-top:12px;padding:20px;border:1px solid #efefef;background:#fff} */
.dataSearch_body .side .resualt_box .sub{margin-top:12px;padding:8px 10px;border:1px solid #efefef;background:#fff}
.dataSearch_body .side .resualt_box .sub li a{font-size:16px;color:#444}
.dataSearch_body .side .resualt_box .sub li a:hover{color:#136fc4;}
.dataSearch_body .side .resualt_box .sub li~li{margin-top:8px;}
.dataSearch_body .side .resualt_box .sub .current a{color:#136fc4;/* text-decoration:underline;text-underline-position:under; */}
.dataSearch_body .side .reset_box{border-bottom:1px solid #e1e1e1}
.dataSearch_body .side .reset_box .tit{position:relative;padding-left:20px;line-height:40px;font-size:16px;font-weight:500;color:#fff;background:#444}
.dataSearch_body .side .reset_box .reset{position:absolute;top:0;right:8px;bottom:0;width:65px;height:24px;line-height:24px;margin:auto 0;font-size:12px;color:#fff;border-radius:2px;background:#929292}
.dataSearch_body .side .reset_box .reset:before{position:relative;top:-2px;content:"";display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:4px;background:url(../images/ic/ic_reset.svg) no-repeat 50% 50%/contain}
.dataSearch_body .side .reset_box .reset:hover{background:#b5b3b3;}
.dataSearch_body .side .reset_box ul{padding:20px 0 20px 20px;font-size:14px;}
.dataSearch_body .side .reset_box li{position:relative;}
.dataSearch_body .side .reset_box li~li{margin-top:6px}
.dataSearch_body .side .reset_box .del{position:absolute;top:0;right:0;width:20px;height:20px;font-size:0;background:url(../images/ic/ic_del.svg) no-repeat 50% 50%/12px auto}
.dataSearch_body .side .items .item{padding:17px 0 21px;font-size:16px;border-bottom:1px solid #efefef;}
.dataSearch_body .side .items .item .tit{position:relative;padding-left:20px;font-size:18px;font-weight:700;background:url(../images/ic/ic_arrow3.svg) no-repeat 0 10px/14px auto;}
.dataSearch_body .side .items .item .tit button{position:relative;width:100%;height:100%;text-align:left}
.dataSearch_body .side .items .item .tit:after{cursor:pointer;content:"";position:absolute;right:20px;top:0;bottom:0;margin:auto 0;width:16px;height:10px;background:url(../images/ic/ic_arrow6.svg) no-repeat 0 0/contain;}
.dataSearch_body .side .items .item ul:not(.accessibility){margin:12px 0 0 20px;}
.dataSearch_body .side .items .item li~li{margin-top:6px}
.dataSearch_body .side .items .item .tit.active:after{transform:rotate(180deg);}
.dataSearch_body .side .items .more{width:100%;margin-top:12px;text-align:center;font-size:14px;color:#888}
.dataSearch_body .side .items .more:hover{color:#000;}
.dataSearch_body .side .items .more:after{content:"";position:relative;top:-2px;display:inline-block;width:10px;height:6px;vertical-align:middle;margin-left:6px;background:url(../images/ic/ic_arrow7.svg) no-repeat 0 0/contain;}
.dataSearch_body .side .items .more.on:after{content:"";position:relative;top:-2px;display:inline-block;width:10px;height:6px;vertical-align:middle;margin-left:6px;background:url(../images/ic/ic_arrow6.svg) no-repeat 0 0/contain;}
.dataSearch_body .side .items .item .parent_menu {position:relative;}
.dataSearch_body .side .items .item .parent_menu.active:after {cursor: pointer;content: "";position: relative;display:inline-block;right: -8px;top: 0;bottom: 0;margin: auto 0;width: 16px;height: 10px;background: url(../images/ic/ic_arrow6.svg) no-repeat 0 0 / contain;transform:none;}
.dataSearch_body .side .items .item .parent_menu:after {cursor: pointer;content: "";position: relative;display:inline-block;right: -8px;top: 0;bottom: 0;margin: auto 0;width: 16px;height: 10px;background: url(../images/ic/ic_arrow6.svg) no-repeat 0 0 / contain;transform: rotate(180deg);}
.dataSearch_body .side .items .item .parent_menu.active + ul {margin-bottom:12px;margin-top:4px;}

.graphDate .searchRange {overflow:hidden;line-height:2.3em}
.graphDate .searchRange span {float:left;display:inline-block;width:16px;text-align:center}
#pubYear > dl { padding: 20px; }
#pubYear .graphWrap {position:relative;width:100%;height:75px;margin-bottom:20px}
#pubYear .graph {overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:75px}
#pubYear .graphDate {display:block;overflow:hidden}
#pubYear .graphDate > * { vertical-align: middle; }
#pubYear .graphDate input[type="text"] { float: left; width: calc(50% - 29px); height: 28px; box-sizing: border-box; border: 1px solid #d1d0cf; font-size: 13px; color: #4c4c4c; padding: 0 5px; }
#pubYear .graphDate span { float: left;  width: 16px; text-align: center; }
#pubYear .graphDate .pubYearBtn {cursor:pointer; float: left; height: 28px; box-sizing: border-box; border: 1px solid #d1d0cf; color: #4c4c4c; margin-left: 4px; padding: 0 5px; font-size: 14px; vertical-align: top; }
#pubYear .graphDate .pubYearBtn:hover { background-color: #fff; }
#pubYear #slider {margin-bottom:20px}
#pubYear #slider {height:.4em;}

.body .btng_sort{display:flex;justify-content:space-between;padding:13px;font-size:0;border:1px solid #ededed;background:#f6f6f6}
.paging + .btng_sort{margin-top:60px}
.body .btng_sort > div{position:relative;}
.body .btng_sort .chk_box{margin-right:20px;}
.body .btng_sort .chk_box label{font-size:16px;cursor:pointer;}
.body .btng_sort .chk_box label:before{top:2px;}
.body .btng_sort select{width:140px;height:36px;margin-left:6px;font-size:16px;cursor: pointer;}
.body .btng_sort select:hover{border-color:#136fc4;}
.body .btng_sort select:nth-child(2) {width: 170px}
.body .btng_sort button{margin-left:6px;white-space:nowrap;}
.body .btng_sort .btnView_box{position:relative;display:inline-block;}
.body .btng_sort .btng{line-height:40px;}
.body .btng_sort .btng button~button{margin-left:20px}
.body .lists{font-size:16px}
.body .lists .list .list_wrapper {width:100%;display:flex;position:relative;}
.body .lists .list .list_wrapper > .box {width:60px;}
.body .lists .list .item_wrapper {width:100%;display:flex;flex-direction:column;}
.body .lists .list .main_wrapper {width:100%;display:flex;gap:20px;}
.body .lists .list .sub_wrapper {display:flex;flex-direction:column;}
.body .lists .list{padding:20px;border-bottom:1px solid #ddd; display:flex;gap:10px;}
.body .lists .category {display:flex;align-self:start;top:2px;position:relative;}
/* .body .lists .cola{display:grid;grid-template-columns:60px 70px 1fr;} */
/*.body .lists .cola{display:grid;grid-template-columns:60px 1fr;}*/
/* .body .lists .cola .box:last-child{margin-left: 10px;} */
/* .body .lists .colb{position:relative;min-height:191px;padding-left:60px;margin-top:15px;} */
/*.body .lists .colb{position:relative;}*/
.body .lists .list .box2.mainTextDocInfo {margin-top:10px;padding:12px 15px;border:1px solid #cacaca;background:#fafafa;word-break:break-word;}
/*.body .lists .infor{padding-top:20px;}*/
/* .body .lists .books{position:absolute;top:0;right:260px;width:134px;} */
/* .body .lists .books{position: absolute;top:0;right: 220px;width: 134px;} */
/* .body .lists .btns{position:absolute;top:0;right:0;width:180px;} */
/* .body .lists .btns.topUp{top:-44px !important;} */
.body .lists .tit{font-size:18px;font-weight:700;display: flex;align-items: center;gap: 8px;}
.body .lists .tit strong{color:#c40000;}
.body .lists .tit a:hover{text-decoration:underline;text-underline-position:under;color:inherit !important;}
.body .lists .author{margin-top:2px;font-size:16px;font-weight:400;font-style: italic;}
.body .lists .list .col_wrapper{width:100%;display:flex;flex-direction:column;gap:2px;}
.body .lists .colb{display:flex;gap:10px;}
.body .lists .colb ul li a {color:#136fc4;}
.body .lists .colb ul li a:hover {font-weight:500;}
.body .lists .colb .left{width:100%; margin-top:14px;}
/* .body .lists .author{margin-top:2px} */
/* .body .lists .author{margin-top:10px;width:75%;} */
.body .lists .books img{width:120px;box-shadow: 3px 5px 5px rgba(0, 0, 0, .3);border: 1px solid #ddd; transition: scale 0.3s ease;}
.body .lists .books img:hover{scale:1.05;}
.body .lists .books > img{border: 1px solid #cacaca;padding:6px;box-shadow:3px 5px 5px rgba(0, 0, 0, .3);}
.body .lists .infor li~li{margin-top:4px}
/*
.body .lists .infor > ul > li{position:relative;padding-left:80px}
.body .lists .infor > ul > li span{position:absolute;top:0;left:0;}
*/
.body .lists .infor > ul > li{display:grid;grid-template-columns:auto 1fr;align-items:center;}
.body .lists .infor > ul > li span{display:inline-block;margin-right:10px;top:0;left:0;}
.body .lists .infor > ul > li span:first-child{align-self:start;line-height: 22px;}
.body .lists .infor > ul > li span:last-child{line-height:22px;}

.body .lists .infor ul ul li a:after,.body .lists .more_view a:not(.btn_lists):after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #555;border-top-color: #136fc4;}
.body .lists .infor ul ul li a.active:after,.body .lists .more_view a.active:after{transform:rotate(180deg);border-top-color:#136fc4}
.body .lists .infor ul ul li a.active{color:#136fc4;}
.body .lists .infor i{position:relative;top:-1px;margin-right:6px}
.body .lists .btns{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
/*.body .lists .btns p~p{margin-top:10px}*/
.body .lists .btns button,.body .lists .btns a{width:180px;white-space:nowrap;}
/* .body .lists .btnD.ty2{text-align:left} */
.body .lists .btnD.ty2.btn_mo{display:none;}
.body .lists .more_view a{color:#136fc4;margin-top:8px;display:inline-block}
.body .lists .more_view a:hover{font-weight:500;}
/* .body .lists .more_view a{display:inline-block;} */
.body .lists .more_view a:after{border-top:9px solid #136fc4}
.body .lists .more_view a~a{margin-left:20px}

.doc_list li {margin-top:14px;}

.body .titg{position:relative;padding-bottom:11px;border-bottom:1px solid #cacaca}
.body h3{position:relative;margin-top:70px;font-size:20px;font-weight:500;}
.body h3:before{content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:10px;border-radius:100%;background:#555;}
.body h3 span{font-weight:400}
.body .titg .img{position:absolute;top:0;right:0}

.body .viewTabs{position:relative;margin-top:-1px;background:#fff}
.body .viewTabs ul{display:flex;gap:10px}
.body .viewTabs li{position:relative;width:100%;text-align:center}
.body .viewTabs a{display:block;height:70px;line-height:70px;font-size:20px;font-weight:500;border:1px solid #adadad}
.body .viewTabs .current a{color:#136fc4;font-weight:500;}
.body .viewTabs i{position:relative;top:-2px;display:inline-block;width:26px;height:26px;vertical-align:middle;margin-right:6px;background-position:50% 50% ! important;background-size:contain ! important}
.body .viewTabs .ic_recent{background-image:url(../images/ic/ic_recent.svg)}
.body .viewTabs .current .ic_recent{background-image:url(../images/ic/ic_recent_c.svg)}
.body .viewTabs .ic_steady{background-image:url(../images/ic/ic_steady.svg)}
.body .viewTabs .current .ic_steady{background-image:url(../images/ic/ic_steady_c.svg)}
.body .viewTabs .ic_place{background-image:url(../images/ic/ic_place.svg)}
.body .viewTabs .current .ic_place{background-image:url(../images/ic/ic_place_c.svg)}
.body .viewTabs .ic_child{background-image:url(../images/ic/ic_child.svg)}
.body .viewTabs .current .ic_child{background-image:url(../images/ic/ic_child_c.svg)}
.body .viewTabs .ic_topic{background-image:url(../images/ic/ic_topic.svg)}
.body .viewTabs .current .ic_topic{background-image:url(../images/ic/ic_topic_c.svg)}
.body .viewTabs .help_box{position:relative;display:inline-block;}
/* .body .viewTabs .btn_help{position:relative;top:-2px;width:20px;height:20px;vertical-align:middle;font-size:0;background:url(../images/ic/ic_help.svg) no-repeat 50% 50%/contain} */
.body .viewTabs .btn_help{position:relative;top:-2px;width:20px;height:20px;vertical-align:middle;font-size:0;background:url(../images/ic/ic_help.svg) no-repeat 50% 50%/contain; rotate: 180deg;}
.body .viewTabs .layer_help{display:none;z-index:1;position:absolute;bottom:60px;left:-157px;line-height:22px;padding:20px;width:max-content;text-align:left;font-size:16px;font-weight:400;color:#333;border:1px solid #afafaf;border-radius:10px;background:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, .2);box-sizing:border-box;}
.body .viewTabs .layer_help:before{content:"";position:absolute;left:0;right:0;bottom:-10px;margin:0 auto;width:16px;height:10px;background:url(../images/ic/ic_polygon.png) no-repeat 50% 50%/contain}
.body .viewHot_box{display:flex;gap:0 10px;margin-top:30px;}
.body .viewHot_box .box{width:100%;margin-top:20px}
.body .viewHot_box .tit{position:relative;margin-bottom:11px;}
.body .viewHot_box .tit h4{padding-left:10px;font-size:22px;font-weight:700}
.body .viewHot_box .tit span{position:absolute;top:4px;right:10px;font-size:16px;color:#555}
.body .viewHot_box li~li{margin-top:10px}
.body .viewHot_box li a{line-height:60px;padding:0 20px;border:1px solid #c3c3c3;background:#f8f8f8;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;font-size: 16px;}

.body .bookViews_slider{position:relative;width:960px;margin:40px auto 0}
.body .bookViews_slider .it{padding:0 27px;}
.body .bookViews_slider .it span{position:relative;display:block;height:40px;line-height:40px;width:140px;margin-top:-40px;color:#fff;text-align:center;background:rgba(0, 0, 0, .6);font-size:16px;}
.body .bookViews_slider .it p{width:140px;line-height:22px;margin-top:6px;font-size:16px;word-break:break-all;}
.body .bookViews_slider img{width:140px;height:210px;}
.body .bookViews_slider .slick-arrow{position:absolute;top:0;bottom:0;margin:auto 0;width:34px;height:24px;font-size:0;background:url(../images/ic/ic_sArr.svg) no-repeat 50% 50%/contain}
.body .bookViews_slider .slick-prev{left:-50px;}
.body .bookViews_slider .slick-next{right:-60px;transform:rotate(180deg);}

.searchLi_box{margin-top:20px}
.searchLi_box .had {display:inline-block;margin-right:10px;}
.searchLi_box .had p{margin-top:12px;font-weight:500;}
.searchLi_box .had p strong{color:#c40000}
.searchLi_box .searchCategory {font-size:16px;display:inline-block;}

.body .lists2{font-size:18px}
.body .lists2 .list{padding:20px;border-bottom:1px solid #ddd;position:relative;}
.body .lists2 .col{display:grid;grid-template-columns:60px 1fr;}
/* .body .lists2 .tit{font-size:18px;font-weight:500} */
.body .lists2 .tit strong{color:#c40000;}
.body .lists2 .tit a:hover{text-decoration:underline;text-underline-position:under;}
.body .lists2 .author{margin-top:10px;font-size:16px;color:#777}
.body .lists2 .author strong{color:#c40000;}
.body .lists2 .btng{margin-top:20px}
.body .lists2 .btng a~a{margin-left:7px}
.body .lists2 .popView_box {margin-left:60px;margin-top:4px;}

.body .thum_lists{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:20px}
.body .thum_lists .list{position:relative;}
.body .thum_lists a:hover .thum{border-color:#136fc4}
.body .thum_lists a p img { transition: transform 0.3s ease; z-index: -1; }
.body .thum_lists a:hover p img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.body .thum_lists .chk_box{position:absolute;top:10px;left:10px;}
.body .thum_lists .thum{display:flex;align-items:center;justify-content:center;height:250px;padding:12px;border:1px solid #cacaca;transition:all 0.3s ease-in-out;}
.body .thum_lists .thum img{max-width:256px;width:100%;max-height:170px;}
.body .thum_lists .tit{margin-top:12px;font-size:18px;}
.body .thum_lists .tit strong{color:#c40000}
.body .searNum_box{margin-top:30px;padding-bottom:4px;font-size:18px;font-weight:500;border-bottom:1px solid #ddd}

.proInfor_ui{margin-top:50px}
.proInfor_ui .tit{margin-bottom:20px;font-size:20px;font-weight:700}
.proInfor_ui .tit strong{color:#c40000}
.proInfor_ui .box{padding:30px;border:1px solid #e7e7e7;background:#f6f6f6}
.proInfor_ui ul{display:flex;gap:0 30px}
.proInfor_ui li{width:100%;height:146px;text-align:center;box-shadow:0 2px 6px rgba(0, 0, 0, .1);background:#fff;transition:scale 0.3s ease;}
.proInfor_ui li:hover{scale:1.05;}
.proInfor_ui li a{display:block;padding-top:30px;height:100%;box-sizing:border-box;}
.proInfor_ui li p{display:flex;justify-content:center;align-items:center;min-height:44px;line-height:22px;margin-bottom:12px;font-size:16px;}
.proInfor_ui li span{display:inline-block;min-width:86px;height:34px;line-height:34px;padding:0 12px;font-size:18px;text-align:center;color:#fff;border-radius:30px;background:#666;box-sizing:border-box;}

.findInfor_ui{margin-top:50px;}
.findInfor_ui .tit{margin-bottom:20px;font-size:20px;font-weight:700}
.findInfor_ui .box{padding:30px;line-height:28px;font-size:18px;border:1px solid #e7e7e7;background:#f6f6f6}
.findInfor_ui dt{margin-bottom:19px;font-weight:700}

.body .views{padding:20px 0;font-size:16px;}
.body .views .infor{position:relative;}
.body .views .infor h2{margin-bottom:20px;font-size:24px;font-weight:700;display:flex;}
.body .views .infor h2 i{position:relative;top:5px;vertical-align:middle;margin-right:10px;}
.body .views .infor li{position:relative;line-height:28px;padding-left:145px;font-size:18px;word-break: break-all;}
.body .views .infor li.outside-doc a {display:flex;align-items:center;gap:8px;width:fit-content;}
.body .views .infor > ul.noThumbImgs li{max-width:100%;align-items:baseline;}
.body .views .infor li~li{margin-top:14px;}
.body .views .infor li span{position:absolute;top:0;left:0;font-weight:500;line-height: 28px;}
.body .views .infor li button~button:not(".btn_ebook,.btn_audio"){margin-left:6px;}
.body .views .infor i{position:relative;top:-2px;margin-right:12px}
.body .views .infor .link{position:relative;}
.body .views .infor .link:after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #555}
.body .views .infor .txt{vertical-align:middle;margin-left:4px;font-size:16px;}
.body .views .infor .thums{display:flex;gap:15px;}

.body .views .infor .info_container {display:flex;gap:10px;}
.body .views .infor .info_container .info_items {display:flex;flex-direction:column;flex:1;}
.body .views .infor .info_container .info_items .btnS2 {margin-top:10px;}

/* .body .views .infor .thums .big img{width:170px;height:253px;border:1px solid #ddd;} */
.body .views .infor .thums .big img{width:170px;border:1px solid #ddd;}
.body .views .infor .thums .imgs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows: 1fr 1fr;gap:15px;}
/* .body .views .infor .thums .imgs img{width:80px;height:119px;border:1px solid #ddd;} */
.body .views .infor .thums .imgs img{width:80px;border:1px solid #ddd;}
/* .body .views .infor .btn_triger{width:685px;height:50px;margin-top:26px;border:1px solid #d7d7d7} */
.body .views .infor .btn_triger{width:100%;height:50px;margin:26px 0;border:1px solid #d7d7d7}
.body .views .infor .btn_triger:hover {font-weight:500;}
.body .views .infor .btn_triger:after{content:"";position:relative;top:-2px;display:inline-block;width:12px;height:8px;vertical-align:middle;margin-left:4px;background:url(../images/ic/ic_arrow6.svg) no-repeat 50% 50%/contain;}
.body .views .infor .btn_triger.fold:after{transform:rotate(180deg);}
.body .views.type .infor li span{color:#136fc4}
.body .views .titg{position:relative;padding-bottom:11px;border-bottom:1px solid #cacaca}
.body .views h3{position:relative;margin-top:70px;font-size:18px;font-weight:500;}
.body .views h3:before{content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:10px;border-radius:100%;background:#555;}
.body .views h3 span{font-weight:400}
.body .views .titg .img{position:absolute;top:0;right:0}
.body .views .txt_box{padding:20px;line-height:30px}
.body .views .txt_box .txt{overflow:hidden;}
.body .views .txt_box .txt.aladin img {max-width:fit-content;}
.body .views .txt_box.fold .txt{height:120px;}
.body .views .txt_box.open .txt{height:auto;word-break: break-word;}
.body .views .txt_box.open .txt .tb_p10{margin:10px 0;}
.body .views .tbl_col tbody th{font-size:16px}
.body .views .tbl_col td{font-size:16px}
.body .views .tbl_col td i{position:relative;top:-1px;vertical-align:middle;margin-right:4px;}
.body .views .txt_box .btn_triger,.body .views .tblCol_box .btn_triger{margin-top:20px;width:100%;height:40px;border:1px solid #d7d7d7;background:#dedede}
.body .views .txt_box .btn_triger:hover, .body .views .tblCol_box .btn_triger:hover {font-weight:500;}
.body .views .txt_box .btn_triger:after,.body .views .tblCol_box .btn_triger:after{content:"";position:relative;top:-2px;display:inline-block;width:12px;height:8px;vertical-align:middle;margin-left:4px;transform:rotate(180deg);background:url(../images/ic/ic_arrow6.svg) no-repeat 50% 50%/contain}
.body .views .txt_box.open .btn_triger:after,.body .views .tblCol_box.open .btn_triger:after{transform:rotate(0);}
.body .views .tblCol_box .btn_triger{margin-top:-1px}
.body .views .bookViews_emved{display:grid;grid-template-columns:610px 1fr;gap:0 30px;align-items:center;margin-top:20px;padding:20px;background:#f5f5f5}
.body .views .bookViews_emved .emved{overflow:hidden;width:610px;height:336px;border-radius:10px}
.body .views .bookViews_emved iframe{width:610px;height:336px;border:0}
.body .views .bookViews_emved .subtitles{overflow-y:auto;max-height:280px;}
.body .views .bookViews_slider{position:relative;width:960px;margin:40px auto 0}
.body .views .bookViews_slider .it{padding:0 27px;transition:scale 0.3s ease;}
.body .views .bookViews_slider .it:hover{scale:1.05;}
.body .views .bookViews_slider .it span{position:relative;display:block;height:40px;line-height:40px;width:140px;margin-top:-40px;color:#fff;text-align:center;background:rgba(0, 0, 0, .6)}
.body .views .bookViews_slider .it p{width:140px;line-height:22px;margin-top:6px;font-size:16px;word-break:break-all;}
.body .views .bookViews_slider img{width:140px;height:210px;}
.body .views .bookViews_slider .slick-arrow{position:absolute;top:0;bottom:0;margin:97px 0px auto 0px;width:34px;height:24px;font-size:0;background:url(../images/ic/ic_sArr.svg) no-repeat 50% 50%/contain}
.body .views .bookViews_slider .slick-prev{left:-50px;}
.body .views .bookViews_slider .slick-next{right:-60px;transform:rotate(180deg);}
.body .views .viewTabs{position:relative;margin-top:-1px;background:#fff}
.body .views .viewTabs ul{display:flex;gap:10px}
.body .views .viewTabs li{position:relative;width:100%;text-align:center}
.body .views .viewTabs a{display:block;height:70px;line-height:70px;font-size:18px;font-weight:500;border:1px solid #adadad}
.body .views .viewTabs a:hover{color:#136fc4;}
.body .views .viewTabs .current a{color:#136fc4;font-weight:500;}
.body .views .viewTabs i{position:relative;top:-2px;display:inline-block;width:26px;height:26px;vertical-align:middle;margin-right:6px;background-position:50% 50% ! important;background-size:contain ! important}
.body .views .viewTabs .ic_recent{background-image:url(../images/ic/ic_recent.svg)}
.body .views .viewTabs .current .ic_recent{background-image:url(../images/ic/ic_recent_c.svg)}
.body .views .viewTabs .ic_steady{background-image:url(../images/ic/ic_steady.svg)}
.body .views .viewTabs .current .ic_steady{background-image:url(../images/ic/ic_steady_c.svg)}
.body .views .viewTabs .ic_place{background-image:url(../images/ic/ic_place.svg)}
.body .views .viewTabs .current .ic_place{background-image:url(../images/ic/ic_place_c.svg)}
.body .views .viewTabs .ic_child{background-image:url(../images/ic/ic_child.svg)}
.body .views .viewTabs .current .ic_child{background-image:url(../images/ic/ic_child_c.svg)}
.body .views .viewTabs .ic_topic{background-image:url(../images/ic/ic_topic.svg)}
.body .views .viewTabs .current .ic_topic{background-image:url(../images/ic/ic_topic_c.svg)}
.body .views .viewTabs .help_box{position:relative;display:inline-block;}
.body .views .viewTabs .btn_help{position:relative;top:-2px;width:20px;height:20px;vertical-align:middle;font-size:0;background:url(../images/ic/ic_help.svg) no-repeat 50% 50%/contain; rotate: 180deg;}
.body .views .viewTabs .layer_help{display:none;z-index:1;position:absolute;bottom:60px;left:-180px;line-height:22px;padding:20px;width:380px;text-align:left;font-size:16px;font-weight:400;color:#333;border:1px solid #afafaf;border-radius:10px;background:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, .2);box-sizing:border-box;}
.body .views .viewTabs .layer_help:before{content:"";position:absolute;left:0;right:0;bottom:-10px;margin:0 auto;width:16px;height:10px;background:url(../images/ic/ic_polygon.png) no-repeat 50% 50%/contain}
.body .views .viewHot_box{display:flex;gap:0 10px;margin-top:30px;}
.body .views .viewHot_box .box{width:100%}
.body .views .viewHot_box .tit{position:relative;margin-bottom:11px;}
.body .views .viewHot_box .tit h4{padding-left:10px;font-size:16px;font-weight:700}
.body .views .viewHot_box .tit span{position:absolute;top:4px;right:10px;font-size:14px;color:#555}
.body .views .viewHot_box li~li{margin-top:10px}
.body .views .viewHot_box li a{line-height:60px;padding:0 20px;border:1px solid #c3c3c3;background:#f8f8f8;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.body .views .viewHot_box li a:hover{font-weight:500;}

.body .views .nail_box_wrap{ width: 100%; box-sizing: border-box; position: relative; margin-bottom: 45px}
.body .views .nail_box_wrap:after{ content: ""; width: calc(100% - 10px); height: 100%; background: #e8ebf1; position: absolute; right: 0; bottom: -10px; z-index: 1}
.body .views .nail_box_wrap *{ box-sizing: border-box}
.body .views .nail_box{ width: calc(100% - 10px); border: 1px solid #1e3871; padding: 25px 40px; background: #fff; display: flex; align-items: center; z-index: 2; position: relative}
.body .views .nail_box .nail_logo{ flex-shrink: 0; display: flex; align-items: center; max-width: 30%}
.body .views .nail_box .nail_logo img{ max-width: 125px; width: calc(100% - 80px)}
.body .views .nail_box .nail_logo:after{ content: ""; width: 1px; height: 55px; display: inline-flex; background: #cdcdcd; margin: 0 40px; flex-shrink: 0}
.body .views .nail_box .nail_info_tit{ font-size: 17px; font-weight: 900; color: #1e3871}
.body .views .nail_box .nail_info_txt{ font-size: 16px; font-weight: 500; color: #1e3871; line-height: 1.5; margin-top: 5px}

.imgPreview{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;}
.imgPreview:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .7)}
.imgPreview .popup{overflow:hidden;z-index:9;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:520px;height:760px;padding:40px 30px 20px;background:#fff;box-sizing:border-box;}
.imgPreview .popup img{width:100%;}
.imgPreview .popup .close{z-index:3;position:absolute;top:10px;right:10px;width:30px;height:30px;font-size:0}
.imgPreview .popup .close:before,.imgPreview .popup .close:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:20px;height:2px;background:#333;transform:rotate(45deg);}
.imgPreview .popup .close:before{transform:rotate(-45deg);}
.imgPreview .slick-arrow{z-index:2;position:absolute;top:0;bottom:0;margin:auto 0;width:34px;height:24px;font-size:0;background:url(../images/ic/ic_sArr.svg) no-repeat 50% 50%/contain}
.imgPreview .slick-prev{left:-30px;}
.imgPreview .slick-next{right:-30px;transform:rotate(180deg);}

.useway{margin-top:60px;display:flex;align-items:center;justify-content:center;width:100%;}
.useway div {display:flex;align-items:center;justify-content:space-between;width:600px;}
.useway div button, .useway div a {display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;font-weight:500;position:relative;}
.useway div button.btn_useguide:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_01.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div button.btn_organinfo:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_02.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div button.btn_disableperson:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_03.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div a.help:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_04.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div button.btn_useguide:hover:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_05.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div button.btn_organinfo:hover:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_06.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div button.btn_disableperson:hover:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_07.png') no-repeat center center;
	background-size:60px 60px;
}
.useway div a.help:hover:before {
	content:'';
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	background:url('../images/datasearch/ico_guide_symbol_08.png') no-repeat center center;
	background-size:60px 60px;
}

.pop_moreView{z-index:2;position:absolute;right:0;top:45px;left:50%;right:0;margin:0 0 0 -94px !important;width:195px;box-shadow:0 0 10px 1px rgba(0,0,0,0.25);}
.pop_moreView:before{content:"";position:absolute;top:-9px;left:0;right:0;margin:0 auto;width:20px;height:10px;background:url(../images/ic/ic_popArr.png) no-repeat 50% 50%/contain}
.pop_moreView ul{padding:12px;border:1px solid #d5d5d5;background:#f6f6f6}
.pop_moreView li~li{margin-top:7px}
.pop_moreView .btnS{width:170px;letter-spacing:-.5px;margin:0 ! important;text-align:left ! important}
.pop_moreView .close{position:absolute;top:0;right:-26px;width:26px;height:26px;font-size:0;background:#626262}
.pop_moreView .close:before,.pop_moreView .close:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:1px;height:16px;background:#fff;transform:rotate(45deg);}
.pop_moreView .close:before{transform:rotate(-45deg);}

.popView_box{width: calc(100% - 56px);z-index:2;position:absolute;line-height:24px;font-size:16px;border:1px solid #cacaca;box-shadow:0px 0px 6px rgba(0, 0, 0, .3);background:#fff;box-sizing: border-box;}
.popView_box.type{border:0;box-shadow:none;}
.popView_box.intype{margin-left:-72px;}
.popView_box h3{height:0;font-size:0}
.popView_box .tbl_col thead th{height:40px;font-size:16px;text-align:center}
.popView_box .tbl_col td{padding-left:12px;padding-right:12px;font-size:16px;/*display: table-cell !important;*/}
.popView_box .tbl_col td p {display: inline-block;}
.popView_box .tbl_col .tocViewWrap td p {display: block;}
.popView_box.type2 {width:calc(100% - 80px)}
.popIndex_ui .box{padding:12px 15px;font-size:16px;word-break: break-word;background-color:#fff;}
.popProfil_ui dl{display:flex;height:36px;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.popProfil_ui dt{width:130px;line-height:36px;text-align:center;font-size:16px;font-weight:700;background:#f9f9f9;}
.popProfil_ui dd{width:calc(100% - 130px);line-height:35px;padding-left:26px;font-size:16px;background-color:#fff;}
.popProfil_ui .box{padding:12px 15px;font-size:16px;word-break: break-word;background-color:#fff;}
.popArticle_ui .box{border:1px solid #cacaca;box-shadow:0 4px 6px rgba(0, 0, 0, .1);}
.popArticle_ui .box2{padding:30px;border:1px solid #cacaca;background:#fafafa}
.popArticle_ui .box+.box2{margin-top:20px}
.popArticle_ui .more:after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #555}
.popArticle_ui .more.active:after{transform:rotate(180deg);}
.popArticle_ui .active:not(.more){color:#136fc4}
.popArticle_ui .arview{padding:0;}
.popArticle_ui .scroll{margin:30px;height:120px;overflow-y:auto;}
.popArticle_ui .hover_layer{position:relative;}
.popArticle_ui .hover_layer .layer{display:none;z-index:1;position:absolute;width:312px;height:80px;margin-left:-5px;font-size:0;background:url(../images/datasearch/img_ly.png) no-repeat 50% 50%/contain}
.popArticle_ui .hover_layer:hover .layer{display:block}
.popArticle_ui .tbl_col .txt_org .ic_orig{position:absolute;top:0;bottom:0;left:0;margin:auto 0;vertical-align:middle;width:26px;height:26px;background:url(../images/ic/ic_orgd.svg) no-repeat 50% 50%/contain}
.popArticle_ui .tbl_col .txt_org{position:relative;padding-left:38px;}
.popArticle_ui .search{padding:16px;border:1px solid #cacaca;border-bottom:0;background-color: #fff;}
.popArticle_ui .search label{font-size:0;height:0}
.popArticle_ui .search select{width:120px}
.popArticle_ui .search select:hover{border-color:#136fc4;}
.popArticle_ui .search button{margin-left:4px}
.popArticle_ui .search span{margin-left:30px}
.views .popArticle_ui .box{border:0; box-shadow:unset;}
.views .popArticle_ui .search{padding:10px;border:0px;border-bottom:0;}
.popData_ui .decIc_boc{padding:10px 20px;text-align:right;font-size:16px;background-color: #fff;}
.popData_ui .decIc_boc i{margin:0 4px 0 30px;}
.popData_ui .ic_r,.popData_ui .ic_m,.popData_ui .ic_p{position:relative;top:-2px;display:inline-block;width:18px;height:18px;line-height:18px;vertical-align:middle;text-align:center;color:#fff;font-size:13px;border-radius:2px;}
.popData_ui .ic_r{background:#e60049}
.popData_ui .ic_m{background:#2c61da}
.popData_ui .ic_p{background:#349356}
.popOrg{margin-top:-140px;}

.dataPopup_ui{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;font-size:18px}
.dataPopup_ui:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5)}
.dataPopup_ui .popup{position:relative;top:50%;left:50%;max-width:1280px;padding:30px 30px 20px;background:#fff;transform:translate(-50%, -50%);box-sizing:border-box;}
.dataPopup_ui .popup.fluid{position:absolute;}
.dataPopup_ui .close{cursor:pointer;position:absolute;top:0;right:0;width:60px;height:60px;font-size:0;background:#626262;z-index:2;}
.dataPopup_ui .close:before,.dataPopup_ui .close:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:40px;height:1px;background:#fff;transform:rotate(-45deg);}
.dataPopup_ui .close:after{transform:rotate(45deg);}
.dataPopup_ui .had{position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:3px solid #4f4f4f}
.dataPopup_ui .had .btng{position:absolute;top:20px;right:50px}
.dataPopup_ui .had .btng button~button{margin-left:40px;}
.dataPopup_ui .ic_world,.dataPopup_ui .ic_infor{position:relative;top:-2px;display:inline-block;width:19px;height:19px;vertical-align:middle;margin-right:6px;}
.dataPopup_ui .ic_world{background:url(../images/ic/ic_world.svg) no-repeat 0 0/contain;}
.dataPopup_ui .ic_infor{background:url(../images/ic/ic_infor.svg) no-repeat 0 0/contain;}
.dataPopup_ui h1{padding-left:32px;font-size:30px;font-weight:700;color:#333;background:url(../images/ic/ic_arrow3.svg) no-repeat 0 16px;}
.dataPopup_ui .body{overflow-y:auto;max-height:calc(78vh - 30px);max-height:calc(78dvh - 30px);padding-bottom:1px;}
.dataPopup_ui .body.out_btn{max-height:65vh;}
.dataPopup_ui .chkg{position:relative;margin:0 30px 30px;padding-left:110px;}
.dataPopup_ui .chkg.type{padding-left:190px}
.dataPopup_ui .chkg .tit{position:absolute;top:0;left:0}
.dataPopup_ui .chkg ul{display:flex;flex-wrap:wrap;gap:20px 46px}
.dataPopup_ui .chkg~.chkg{padding:32px 0 0 284px;margin-left:-36px;margin-right:0;border-top:1px solid #cacaca}
.dataPopup_ui .chkg~.chkg .tit{margin-top:34px;left:68px;}
/*.dataPopup_ui .chkg .btnxS1{margin-left:12px}*/
.dataPopup_ui .keywordg label{font-size:0;height:0}
.dataPopup_ui .keywordg li{font-size:0}
.dataPopup_ui .keywordg li~li{margin-top:10px}
.dataPopup_ui .keywordg select,.dataPopup_ui .keywordg input{font-size:16px}
.dataPopup_ui .keywordg select:nth-of-type(1){width:250px;margin-right:10px;}
.dataPopup_ui .keywordg select:nth-of-type(2){width:140px;margin-left:10px}
.dataPopup_ui .keywordg input{width:calc(100% - 410px)}
.dataPopup_ui .limitg{margin-top:30px}
.dataPopup_ui .limitg{display:flex;flex-wrap:wrap;}
.dataPopup_ui .limitg > div{width:50%;box-sizing:border-box;margin-bottom:10px}
.dataPopup_ui .limitg > div{position:relative;padding-left:130px}
.dataPopup_ui .limitg dt{position:absolute;top:0;left:0;}
.dataPopup_ui .limitg select,.dataPopup_ui .limitg input{width:170px}
.dataPopup_ui .btn_block{margin-top:20px;padding-top:20px;text-align:right;border-top:1px solid #cacaca}
.dataPopup_ui .btn_block.type{padding-top:0;border:0}
.dataPopup_ui .btn_block button~button{margin-left:6px;}
.dataPopup_ui .tbl_col thead th{font-size:16px;text-align: center;}
.dataPopup_ui .tbl_col td{line-height:22px;font-size:16px}
.dataPopup_ui .tbl_col.dictionary th,.dataPopup_ui .tbl_col.dictionary td{padding-left:16px;text-align:left;}
.dataPopup_ui .tbl_col.dictionary td{vertical-align:top;}
.dataPopup_ui .tbl_col.dictionary label{font-size:16px;cursor:pointer;}
.dataPopup_ui .tbl_col.dictionary td label{color:#136FC4;}
.dataPopup_ui .tbl_col.dictionary li~li{margin-top:9px}
.dataPopup_ui .tbl_col.resualt{margin-top:30px;}
.dataPopup_ui .tbl_col.resualt td{padding-left:26px;}
.dataPopup_ui .tbl_col.resualt td~td{border-left:1px solid #e1e1e1}
.dataPopup_ui .form_data{margin:0 24px 20px;font-size:20px;}
.dataPopup_ui .form_data > div{display:flex;flex-wrap:wrap;align-items:center;}
.dataPopup_ui .form_data > div~div{margin-top:20px}
.dataPopup_ui .form_data dt{width:135px;font-weight:700;font-size:18px;}
.dataPopup_ui .form_data dd{font-size:18px;}
.dataPopup_ui .form_data button~button,.dataPopup_ui .form_data input~button{margin-left:3px}
.dataPopup_ui .form_data input[type=text]{width:300px}
.dataPopup_ui .form_data .radio_box{margin-left:0 ! important;margin-right:40px}
.dataPopup_ui .form_data .radio_box:last-child{margin-right:0}
.dataPopup_ui .form_data .type{align-items:flex-start;}
.dataPopup_ui .form_data .type dt{width:160px;}
.dataPopup_ui .form_data .type dd{width:calc(100% - 160px);color:#136fc4}
.dataPopup_ui .btn_sort:after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid #555;}
.dataPopup_ui .topic_box{display:flex;margin:20px 0;gap:4px;border: 1px solid #adadad;}
.dataPopup_ui .topic_box .box {display: block;}
.dataPopup_ui .topic_box .box ul li > span {display:flex;height: 46px;padding: 0 20px;align-items:center;}
.dataPopup_ui .topic_box .mo_box .btnD.ty2 {padding-left:38px;margin-top:6px;height:42px;}
.dataPopup_ui .topic_box .mo_box .btnD.ty2:after {content:'';display:block;position:absolute;top:12px;left:10px;width: 18px;height: 18px;background: url(../images/ic_search.svg) no-repeat 50% 50% / contain;}
.dataPopup_ui .topic_box .mo_box {display: none;}
.dataPopup_ui .topic_box .box{width:100%;height:450px;overflow-y:auto;position:relative;}
.dataPopup_ui .topic_box .box:not(:first-child):before {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#adadad;}
.dataPopup_ui .topic_box ul{margin:10px;}
.dataPopup_ui .topic_box button{position:relative;width:100%;height:46px;padding:0 20px;text-align:left;box-sizing:border-box;transition:all 0.1s ease-in-out;}
.dataPopup_ui .topic_box button span{opacity:0;position:absolute;right:10px;top:0;bottom:0;margin:auto 0;width:66px;height:26px;line-height:26px;text-align:center;font-size:14px;color:#fff;border-radius:4px;background:#136fc4}
.dataPopup_ui .topic_box button span:before{position:relative;top:-2px;content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:4px;background:url(../images/ic/ic_search.svg) no-repeat 50% 50%/contain}
.dataPopup_ui .topic_box .chk{color:#136fc4;border:2px solid #136fc4}
.dataPopup_ui .topic_box .chk span{opacity:1;}
.dataPopup_ui .topic_box button:hover{color:#fff;background:#136fc4}
.dataPopup_ui .topic_box button:hover span{opacity:1;color:#136fc4;background:#fff}
.dataPopup_ui .topic_box button:hover span:before{background:url(../images/ic/ic_search_c.svg) no-repeat 50% 50%/contain}
.dataPopup_ui .mark table td{padding:4px}
.dataPopup_ui .more:after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #555}
.dataPopup_ui .more.active:after{transform:rotate(180deg);}
.dataPopup_ui .box2{padding:30px;border:1px solid #cacaca;background:#fafafa}

/* icon */
.ic_st1,.ic_st2{display:inline-block;width:45px;height:21px;line-height:20px;text-align:center;color:#fff;font-size:14px;border-radius:3px;top:0px !important;}
.ic_st1{background:#136fc4}
.ic_st2{background:#389e36}
.ic_part{display:inline-block;padding:0px 5px; height:24px;line-height:23px;text-align:center;border-radius:3px;font-size:12px;border:1px solid #444;white-space:nowrap;}
.ic_keris{display:inline-block;width:56px;height:30px;vertical-align:middle;font-size:0;background:url(../images/ic/ic_kriss.png) no-repeat 50% 50%/contain}

.pdf1,.pdf2,.pdf3,.pdf4,.pdf5{display:inline-block;width:26px;height:26px;font-size:0}
.pdf1{background:url(../images/datasearch/pdf1.png) no-repeat 50% 50%/contain}
.pdf2{background:url(../images/datasearch/pdf2.png) no-repeat 50% 50%/contain}
.pdf3{background:url(../images/datasearch/pdf3.png) no-repeat 50% 50%/contain}
.pdf4{background:url(../images/datasearch/pdf4.png) no-repeat 50% 50%/contain}
.pdf5{background:url(../images/datasearch/pdf5.png) no-repeat 50% 50%/contain}

.mo_tit{display:none}

/* ======================== searchList CSS Start ========================
 * Modal Popup - searchList > 권호보기 > 권호기사보기 레이어창
 * @date - 2024. 11. 10
 * @author - 김완수 대리
 */

/*
#article {
	vertical-align: middle;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0px;
	padding: 0;
	height: 70%;
	text-align: left;
	opacity: 1;
	display: inline-block;
	max-width: 100%;
	width: 80%;
}

#article .wrap {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: auto;
	position: relative;
}

#article .top {
	background-color: #edf0f8;
	border-top: 3px solid #95afff;
	box-sizing: border-box;
	padding: 30px 35px 30px;
}

#article .top h2 {
    font-size: 33px;
    color: #444;
    line-height: 30px;
    font-weight: 400;
}

#article .bottom {
	margin: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	padding: 24px;
}

#article .btnWrap {
    width: 100%;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
}

#article .dStyle {
	top: 32px;
	display: block;
	padding: 0px 0 8px;
	background-color: #fff;
}

#article .dStyle .tableWrap {
	font-size: 13px;
	color: #646464;
}

#article .tableWrap .tStyle1 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	position: relative;
}

#article .tableWrap .tStyle1 thead th {
    background-color: #f6fcfc;
    border-top: 2px solid #3065de;
    padding: 18px;
}

#article .tableWrap .tStyle1 tbody td {
	padding: 11px;
	font-size: 18px;
	color: #646464;
	border-bottom: 1px solid #dedede;
	line-height: normal;
	background-color: #fff;
}

#article .tableWrap .tStyle1 .viewWrap {
	display: none;
	background-color: #fff;
}

#article .tableWrap .tStyle1 tbody td .view {
	padding-left: 10px;
	padding-right: 13px;
}

#article .tableWrap .tStyle1 tbody td .view.on:after {
	transform: rotateZ(180deg);
}

#article .tableWrap .tStyle1 tbody td .view:after {
	content: '';
	display: block;
	width: 7px;
	height: 4px;
	background: url(../../../images/ko/ico/arrow2.png) right center no-repeat;
	position: absolute;
	right: 0;
	top: calc(50% - 2px);
}

#article .tableWrap .tStyle1 tbody td a {
	display: inline-block;
	position: relative;
	color: #646464;
}

#article .tableWrap .tStyle1 tbody .tdNone td {
	display: none !important;
}

#article .tableWrap .tStyle1 tbody .tdNone td.tdBlock {
	display: table-cell !important;
}

.tStyle1 .viewWrap .wrap {
	text-align: left;
	position: relative;
}

.tStyle1 .viewWrap .wrap .txt {
	background-color: #f9f9f9;
	border: 1px solid #efefef;
	height: 100px;
	overflow-y: auto;
	box-sizing: border-box;
	padding: 10px;
}

div.dataSearch_body div.btns > p {
	text-align: right;
}

@media (max-width: 1400px) {
	.authorNameAutocomplete { left: 191px !important; }
}

@media (max-width: 920px) {
	.authorNameAutocomplete { width: 198px !important; top: 132px !important; left: 16px !important; }
}
*/
/* ======================== searchList CSS End ======================== */

/* 저자명검색어자동완성 */
.authorNameAutocomplete { display: none; position: absolute; background-color: #fff; border: 1px solid #a6a6a6; z-index: 9; width: 298px; top: 187px; left: 271px; }
.authorNameAutocomplete > ul { padding: 10px 0; }
.authorNameAutocomplete > ul > li a { display: block; padding: 3.5px 25px; line-height: normal; font-size: 15px; color: #666; word-break: break-all; }
.authorNameAutocomplete > ul > li a:hover,
.authorNameAutocomplete > ul > li a:focus { background-color: #fafafa; }
.authorNameAutocomplete > ul > li a span { color: #3065de; }
.authorNameAutocomplete > .close { background-color: #ececec; padding: 15px 10px; clear: both; width: 50px !important; height: 20px !important; }
.authorNameAutocomplete > .close::before, .close::after { content: none; }
.authorNameAutocomplete > .close a { display: inline-block; color: #262626; font-size: 14px; padding-right: 19px; background: url("../../images/ko/ico/close6.png") right center no-repeat; line-height: normal; }
.authorNameAutocomplete > .close.tr::after, .close.tr:before { content: none; }

/* 검색결과없음 */
.resultNone p { text-align: center; font-size: 20px; color: #111; word-break: keep-all; word-wrap: break-word; }
.resultNone p:before { content: ''; display: block; width: 75px; height: 70px; margin: 0 auto; background: url("../../images/ko/magnifier.png") center no-repeat; background-size: contain; margin-bottom: 25px; }
.resultNone p span { color: #ee145b; }

.box.mo {display: none;}
.box.pc {display: block;}

@media (max-width: 1400px) {
	/* Default font : 18px, font scope : 16px ~ 20px */
	.dataSearch_had .inputg{width:auto}
	.dataSearch_had .searchg .btng{position:relative;text-align:center}
	.dataSearch_had .searchg .inputg + .btng{margin-top:20px;}
	.dataSearch_had .detail{display:block;}
	.dataSearch_had .detail .box:not(.mo){text-align:center}
	.dataSearch_had .detail .box:nth-child(2){position:relative;margin-top:20px;margin-right:0;display:flex;gap:10px;}
	.dataSearch_had .btn_infog {position: relative;}
	.dataSearch_had .searchg .btng_wrap {margin-top:20px;}

	.tab_search{margin:0 -30px 20px;}
	.tab_search .location_box {display:none;}
	.coop .location_box {display:none;}

	.cons{gap:0 20px}
	.body .views .infor .btn_triger{width:100% !important;}
	.body .views .bookViews_slider{width:665px;}
	.body .views .bookViews_slider .it{padding:0 12px}
	.body .views .bookViews_slider .slick-next{right:-20px}
	.body .views .bookViews_slider .slick-prev{left:-20px}
/*	.body .btng_sort{display:block;}*/
/*	.body .btng_sort .chk_box{display:block;margin-bottom:20px}*/
	.body .btng_sort button{margin-left:4px}
/*	.body .btng_sort div:nth-child(2){margin-top:20px;text-align:right}*/
	.body .btng_sort.type div{display:inline-block;margin:2px 0 0 0;text-align:left ! important}
	/*.body .views .infor .thums{display:none;}*/
	.body .views .infor .thums + h2 {width:100% !important;}
	.body .views .infor .thums + h2 + ul {width:100% !important;}
	.body .views .infor .thums + h2 + ul + button {width:100% !important;}
	.body .views .infor .thums + h2 + ul + button + ul {width:100% !important;}
	.body .views .bookViews_emved{display:block;}
	.body .views .bookViews_emved .emved{margin:0 auto 20px;}
	.body .views .viewTabs ul{flex-wrap:wrap;}
	.body .views .viewTabs li{width:calc(100%/3 - 7px)}
	/*.body .views .viewHot_box .tit span{position:relative;display:block;text-align:right}*/
	.body .thum_lists{gap:20px 12px}

	/*.body .lists .books{position:relative;right:0;display:inline-block;width:auto;margin:20px 0;}*/
	/*.body .lists .btns{position:absolute;display:inline-block;width:auto;margin-left:20px;}*/
	/*.body .lists .more_view a{margin-top:0}*/

	.proInfor_ui ul{gap:12px;}
	.proInfor_ui .box{padding:12px;}

	.popView_box .tbl_col thead th{font-size:14px;}
	.popView_box .tbl_col td{padding-left:6px;padding-right:6px;font-size:16px;}

	.dataPopup_ui .popup{width:96%;padding-left:20px;padding-right:20px}
	.dataPopup_ui .popup.fluid{width:auto;}
	.dataPopup_ui .close{width:60px;height:60px}
	.dataPopup_ui .limitg input{width:100px;}

	.box.mo {display: inline-block;padding:12px 0;}
	.box.pc {display: none;}

	.body .views .viewTabs .help_box {
		position: static;
	}
	.body .views .viewTabs .layer_help {
		left: 0;
		width: 100%;
	}
}

@media (max-width: 1280px) {
	.body .lists .books img {display: none;}
	.body .lists .btnD.ty2.btn_mo{display:block;}
	.body .lists .list .main_wrapper {flex-direction:column;gap: 14px;}
	.body .lists .btns {display:flex;flex-direction:row;justify-content:start;gap:6px;width: 100%;flex-wrap: wrap;}
	.body .btng_sort{display:block;}
	.body .btng_sort div:nth-child(2){margin-top:20px;text-align:right}

	.pop_moreView{z-index:2;position:absolute;right:0;top:65px;left:50%;right:0;margin:0 0 0 -87px  ! important;width:195px;}
	.pop_moreView:before{content:"";position:absolute;top:-9px;left:0;right:0;margin:0 auto;width:20px;height:10px;background:url(../images/ic/ic_popArr.png) no-repeat 50% 50%/contain}

	.body .views .infor .info_container {flex-direction:column;}
}

@media (max-width: 1200px) {
	.btnD.ty1 {padding: 0 12px;}
}

@media (max-width: 1100px) {
	.body .views .bookViews_slider{width:503px;}
	.body .thum_lists{grid-template-columns:1fr 1fr;}
	.body .views .bookViews_emved .emved{margin:0 auto 20px;width:500px;height:300px}
	.body .views .bookViews_emved iframe{width:500px;height:300px}
	.btnD.ty1 {padding: 0 10px;}
}

@media (max-width: 1024px) {
	.cons{display:block;}
	.mo_tit{position:relative;display:block;height:38px;line-height:34px;padding-left:20px;margin-bottom:12px;font-size:14px;font-weight:700;border:1px solid #aeaeae}
	.mo_tit:after{content:"";position:absolute;top:0;bottom:0;right:20px;margin:auto 0;width:16px;height:16px;background:url(../images/ic/ic_search_b.svg) no-repeat 50% 50% / contain;}
	.dataSearch_body .side{display:none}
	.dataSearch_body .side.open{display:block;}
	.dataSearch_body .side .resualt_box{padding:12px;font-size:14px}
	.dataSearch_body .side .resualt_box li~li{margin-top:12px}
	.dataSearch_body .side .resualt_box .sub{margin-top:6px;padding:12px;}
	.dataSearch_body .side .resualt_box .sub li a{font-size:12px}
	.dataSearch_body .side .resualt_box .sub li~li{margin-top:4px}
	.dataSearch_body .side .reset_box .tit{font-size:14px}
	.dataSearch_body .side .items .item{padding:7px 0 11px;}
	.dataSearch_body .side .items .tit + ul,.side .items .tit + div{display:none;font-size:13px}
	.dataSearch_body .side .items .item .tit{font-size:14px;background-position:0 6px}
	.dataSearch_body .side .items .item .tit:after{width:8px;height:8px}
	.dataSearch_body .side .items .item .tit:after{transform:rotate(180deg);}
	.dataSearch_body .side .items .item .tit.active:after{transform:rotate(0);}
}

/* mobile */
@media (max-width: 767px) {

	/*.body .lists .books img {display: none;}*/
	/* Default font : 14px, font scope : 12px ~ 16px */
	.body .lists .list .item_wrapper {gap:10px;}

	.btnB{padding:0 6px;height:34px;line-height:34px;font-weight:400;font-size:13px;}

	.btnD{height:32px;line-height:32px;font-size:13px !important;}
	.btnD.ty1{line-height:30px; display:flex; align-items:center;justify-content: center;}
	.body .views .btnD.ty1 {padding: 0 10px;}
	.btnD .ic_wr,.btnD .ic_loan{width:0;height:0;}
	.btnD .ic_wr, .btnD .ic_index {width: 0;height: 0;}

	.btnS{height:32px;line-height:32px;padding:0 8px;font-size:13px}
	.btnS .ic_wr,.btnS .ic_loan,.btnS .ic_trans,.btnS .ic_org,.btnS .ic_down{width:14px;height:14px}
	.btnS .ic_view{width:14px;height:3px}

	.btnXs{height:24px;line-height:24px ! important;padding:0 8px;font-size:12px ! important;}

	.btn_toggle{width:48px;height:18px;padding:0 10px;font-size:11px}
	.btn_toggle span{top:-3px}
	.btn_toggle:before{width:14px;height:14px;}
	.btn_toggle.off:before{right:32px;}

	.btn_orgDoc, .btn_lists, .btn_abstract, .btn_abstract2{width:auto;height:24px;line-height:22px ! important;padding:0 8px;font-size:12px ! important}
	.btn_lists:before,.btn_abstract2:before{width:12px;height:12px}

	.dataSearch_had{margin-bottom:15px}
	.dataSearch_had .inputg{height:42px;border-width:2px}
	.dataSearch_had .inputg select{width:100px;height:38px;background-size:9px auto;background-position:right 12px center}
	.dataSearch_had .inputg input{width:calc(100% - 160px);height:38px;padding:0;}
	.dataSearch_had .inputg .btn_search{right:10px;width:16px;height:16px}
	.dataSearch_had .inputg .btn_keyboard{right:34px;width:20px;height:16px;}
	.dataSearch_had .searchg{margin-bottom:20px}
	.dataSearch_had .searchg .inputg + .btng{margin-top:10px}
	.dataSearch_had .searchg .btng button{margin-top:2px}
	.dataSearch_had .searchg .btng button~button{margin-left:2px}
	.dataSearch_had .detail{font-size:10px}
	.dataSearch_had .detail .toggle{display:inline-block;margin:2px;}
	.dataSearch_had .detail .box > span {display:inline-block;height: 18px;line-height: 14px;}
	.dataSearch_had .detail .box:nth-child(2){margin-top:12px}
	.dataSearch_had .detail .btn_toggle{margin-right:2px}
	.dataSearch_had .detail .btn_toggle~.btn_toggle{margin-left:6px}
	.dataSearch_had .words{position:relative;display:block;padding-left:50px;text-align:left;font-size:12px}
	.dataSearch_had .words dt{position:absolute;top:0;left:0;font-size:12px;text-indent:6px;width:50px;height:20px;line-height:20px}
	.dataSearch_had .words dd{display:inline-block;}
/*	.dataSearch_had .btn_infog{position:relative;margin-top:12px}*/
    /*25-03-12 수정*/
	.dataSearch_had .ic_global{display:inline-block;}

	.body .views .nail_box_wrap{ margin-bottom: 30px}
	.body .views .nail_box{ padding: 25px 30px}
	.body .views .nail_box .nail_logo{ min-width: 125px}
	.body .views .nail_box .nail_logo img{ width: calc(100% - 40px)}
	.body .views .nail_box .nail_logo:after{ margin: 0 20px}
	.body .views .nail_box .nail_info_txt{ font-size: 14px}

	.tab_search{margin:0 -20px 20px;padding:0 20px}
	.tab_search a{position:static;display:flex;align-items:center;justify-content:center;height:40px;line-height:24px;padding:0;font-size:16px}
	.tab_search .current a:before{height:2px}
	.tab_search ul{padding:0;gap:0 40px}
	.tab_search li{position:relative;padding:0;}

	.body .lists{font-size:14px}
	.body .lists .list{padding:12px 0;}
	.body .lists .cola{position:relative;display:block;}
	.body .lists .cola div:nth-child(1){margin-bottom:6px}
	/* .body .lists .cola div:nth-child(2){position:absolute;top:2px;right:0} */
	.body .lists .colb{display:block;padding-left:0}
	.body .lists .infor{padding-top:0}
	.body .lists .infor i{top:-1px}
	.body .lists .num{position:relative;top:1px;display:inline-block;vertical-align:middle;margin-right:6px;}
	.body .lists .tit{font-size:16px;flex-direction: column;align-items: start;}
	.body .lists .author{margin-top:4px;margin-left:0;}
	/*.body .lists .books{display:inline-block;margin-top:12px;}*/
	.body .lists .books img{width:90px;}
	/*.body .lists .btns{display:inline-block;margin-left:12px;}*/
	.body .lists .btns button,.body .lists .btns a{width:120px}
	.btnD.disabled span{width:160px;height:40px;left:-20px;top:40px;background-size:contain}
	.body .lists .more_view a {margin-top:12px}
	.body .lists .infor ul ul li a:after, .body .lists .more_view a:after{position:relative;top:-1px;border-top-width:5px;border-left-width:3px;border-right-width:3px;}
	.body .lists .infor > ul > li{position:relative;}

	.body .lists2{font-size:14px}
	.body .lists2 .list{padding:12px 0;}
	.body .lists2 .col{position:relative;display:block;}
	.body .lists2 .col .num{position:relative;top:1px;display:inline-block;vertical-align:middle;margin-right:6px;}
	.body .lists2 .tit{margin-top:6px;font-size:16px;word-break: break-word;}
	.body .lists2 .author{margin-top:4p;font-size:12px;}
	.body .lists2 .popView_box.type2 {width:100%;}

	.body .thum_lists .thum{height:200px}
	.body .thum_lists .tit{margin-top:6px;font-size:14px}
	.body .lists .list .box2.mainTextDocInfo {margin-top:2px;}

	.proInfor_ui{margin-top:30px}
	.proInfor_ui .tit{margin-bottom:12px;font-size:14px}
	.proInfor_ui ul{flex-wrap:wrap;}
	.proInfor_ui ul li{width:calc(100% /3 - 8px);height:100px}
	.proInfor_ui li a{padding-top:12px}
	.proInfor_ui li p{margin-bottom:4px;font-size:14px}
	.proInfor_ui li span{height:24px;line-height:24px;font-size:13px}

	.findInfor_ui{margin-top:30px}
	.findInfor_ui .tit{margin-bottom:12px;font-size:14px}
	.findInfor_ui .box{padding:16px;line-height:24px;font-size:14px;}
	.findInfor_ui dt{margin-bottom:12px}

	.body .searNum_box{font-size:14px;}

	.body .views{padding:20px 0}
	.body .btng_sort select{min-width:110px;width:auto;height:32px}
	.body .btng_sort select:nth-child(2) {width: 160px;}
	.body .btng_sort button{margin:2px;}
	.body .btng_sort .btng{margin-top:0 ! important}
	.body .btng_sort.type div{display:inline;margin:0;}
	.body .views .infor h2{margin-bottom:12px;font-size:16px}
	.body .views .infor li{line-height:24px;padding-left:90px;font-size:14px;}
	.body .views.type .infor li{padding-left:100px;word-break: break-word;}
	.body .views .infor i{margin-right:4px}
	.body .views .infor .txt{font-size:12px}
	.body .views .bookViews_slider{width:auto}
	.body .views .bookViews_slider .slick-list{left:-5px}
	.body .views .bookViews_slider .slick-next{right:-18px}
	.body .views .bookViews_slider .it span{height:30px;line-height:30px;margin-top:-30px;font-size:13px;}
	.body .views .bookViews_slider .it p{margin-top:12px;line-height:24px;font-size:14px;}
	.body .views .infor .btn_triger{margin-top:20px;height:32px;font-size:13px;}
	.body .views .infor .btn_triger:after{width:8px;height:6px}
	.body .views .infor .thums{gap:10px;}
	/* .body .views .infor .thums .big img{width:150px;height:232px;} */
	.body .views .infor .thums .big img{width:150px;}
	.body .views .infor .thums .imgs{gap:10px}
	/* .body .views .infor .thums .imgs img{width:70px;height:110px} */
	.body .views .infor .thums .imgs img{width:70px;}
	.body .views h3{margin-top:30px;font-size:14px;}
	.body .views h3:before{position:relative;top:-2px;width:3px;height:3px;margin-right:4px;}
	.body .views .txt_box,.body .views .tblCol_box{padding:12px 0;line-height:24px;font-size:13px}
	.body .views .txt_box .btn_triger,.body .views .tblCol_box .btn_triger{height:32px}
	.tbl_col thead th{font-size:12px}
	.body .views .tbl_col td{font-size:13px}
	.body .views .titg img{height:12px}
	.body .views .bookViews_emved{margin-top:12px;padding:12px}
	.body .views .bookViews_emved .emved,.body .views .bookViews_emved .emved iframe{width:420px;height:240px;}
	.body .views .bookViews_emved .subtitles{max-height:150px;font-size:14px;}
	.body .views .viewTabs ul{gap:5px}
	.body .views .viewTabs li{width:calc(100%/2 - 3px)}
	.body .views .viewTabs a{height:36px;line-height:36px;font-size:14px;}
	.body .views .viewTabs i{width:20px;height:20px}
	.body .views .viewTabs .layer_help{bottom:40px;line-height:24px;font-size:14px}
/*	.body .views .viewTabs#recommendTab ul li:nth-child(even) .layer_help {left: -130px; width: 280px;}*/
	.body .views .viewHot_box{gap:0 5px}
	.body .views .viewHot_box .tit h4{font-size:12px;}
	.body .views .viewHot_box .tit span{position:absolute;font-size:11px;}
	.body .views .viewHot_box li~li{margin-top:5px}
	.body .views .viewHot_box li a{line-height:32px;font-size:13px;}

	#pubYear{display:none}

	.useway{margin-top:30px}
	.useway ol{margin-left:0;line-height:24px}
	.useway ol > li{text-indent:-13px;padding-left:13px}
	.useway ol ul{margin:4px 0 0 0}
	.useway ol ul li{text-indent:-9px;padding-left:9px}
	.useway .dec{margin:20px 0;}
	.useway .dec div{width:30%;line-height:18px;font-size:12px}
	.useway .txt{line-height:18px;margin-top:12px;font-size:12px;}
	.useway .btnXs{top:0;margin-left:2px;}

	.pop_moreView .close{right:-2px;top:-26px;}
	.pop_moreView{top:45px !important;left:50% !important;right:0 !important;}
	.pop_moreView:before{top: -9px !important;left: 0 !important;right: 0 !important;margin: 0 auto !important;}
	.popView_box{margin-top:4px;margin-left:0;line-height:24px;font-size:13px;width: calc(100% - 52px);background: #e5e5e5;}
	.body .lists2 .popView_box {margin-left:0;width:calc(100% - 42px)}
	.popIndex_ui .box{overflow-y:auto;max-height:200px;padding:12px;font-size:13px;line-height:18px;}
/* 	.popProfil_ui dt{line-height:34px;width:60px;font-size:12px} */
/* 	.popProfil_ui dd{line-height:34px;width:calc(100% - 60px);padding-left:12px;font-size:14px} */
	.popProfil_ui .box{overflow-y:auto;max-height:165px;padding:12px;font-size:13px;line-height: 18px;}
	.popProfil_ui dt {font-size:14px;line-height: 32px;}
	.popProfil_ui dd {font-size:14px;line-height: 32px;}
	.popProfil_ui dl{height:34px;}
	.popView_box .tbl_col thead th{height:40px;font-size:12px;}
	.popView_box .tbl_col td{font-size:13px}
	.popArticle_ui .more:after{border-top-width:5px;border-left-width:3px;border-right-width:3px;}
	.popArticle_ui .box2{padding:12px}
	.popArticle_ui .hover_layer .layer{display:block;width:80px;height:16px;line-height:16px;margin:0 0 0 -10px;text-align:center;font-size:9px;border:1px solid #afafaf;border-radius:2px;background:none}
	.popArticle_ui .tbl_col .txt_org{padding-left:28px;}
	.popArticle_ui .tbl_col .txt_org .ic_orig{width:20px;height:20px;}
	.popArticle_ui .search{padding:12px}
	.popArticle_ui .search select{width:100px}
	.popArticle_ui .search span{display:block;margin:12px 0 0 0}
	.popData_ui .decIc_boc{padding:12px;font-size:12px}
	.popData_ui .decIc_boc i{margin-left:12px}
	.popData_ui .ic_r, .popData_ui .ic_m, .popData_ui .ic_p{width:15px;height:15px;line-height:15px;font-size:11px}

	.popOrg{margin-top:40px}

	.dataPopup_ui{font-size:14px}
	.dataPopup_ui .popup{padding:16px;width:calc(100% - 40px);height: auto;}
	#postCopyPage.modal #exampleArea .popup {width:calc(100% - 40px) !important;height: auto !important;}
	.dataPopup_ui .popup.fluid{height:auto;}
	#marc .dataPopup_ui .body{height:calc(100% - 150px);}
	.dataPopup_ui .body{overflow-y:auto;height:calc(100% - 50px);max-height: 78vh;}
	.dataPopup_ui .body.out_btn{max-height:73vh;}
	.dataPopup_ui .close{width:32px;height:32px;}
	.dataPopup_ui .close:after,.dataPopup_ui .close:before{width:20px}
	.dataPopup_ui .had{padding-bottom:12px;margin-bottom:12px}
	.dataPopup_ui .had .btng{top:6px;right:30px}
	.dataPopup_ui .had .btng button~button{margin-left:12px}
	.dataPopup_ui .ic_world, .dataPopup_ui .ic_infor{top:-1px;width:12px;height:12px}
	.dataPopup_ui h1{padding-left:16px;font-size:16px;background-size:12px auto;background-position:0 7px}
	.dataPopup_ui .chkg{padding-left:0 ! important;margin:0 0 12px}
	.dataPopup_ui .chkg ul{gap:6px 16px;}
	.dataPopup_ui .chkg .tit{position:relative;margin-bottom:2px}
	.dataPopup_ui .chkg~.chkg{margin-top:0;margin-left:0;margin-right:0;padding-top:6px}
	.dataPopup_ui .chkg~.chkg .tit{position:static;margin-top:0}
	.dataPopup_ui .keywordg select, .dataPopup_ui .keywordg input{display:block;width:100% ! important;margin:0 0 2px 0! important}
	.dataPopup_ui .limitg{display:block;}
	.dataPopup_ui .limitg > div{width:auto;padding-left:90px}
	.dataPopup_ui .limitg select{width:100%}
	.dataPopup_ui .limitg input{width:102px}
	.dataPopup_ui .tbl_col thead th{font-size:12px}
	.dataPopup_ui .tbl_col td{line-height:19px;font-size:14px}
	.dataPopup_ui .tbl_col.dictionary label{font-size:12px}
	.dataPopup_ui .tbl_col.dictionary li~li{margin-top:6px}
	.dataPopup_ui .tbl_col.resualt td{padding-left:6px;}
	.dataPopup_ui .form_data{margin:0 0 30px;font-size:14px}
	.dataPopup_ui .form_data > div{display:block;}
	.dataPopup_ui .form_data > div~div{margin-top:10px;gap:6px;}
	.dataPopup_ui .form_data dt{width:auto;margin-bottom:6px;}
	.dataPopup_ui .form_data button~button,.dataPopup_ui .form_data input~button{margin-left:2px}
	.dataPopup_ui .form_data input[type=text]{width:200px}
	.dataPopup_ui .form_data .radio_box{margin-bottom:3px}
	.dataPopup_ui .form_data .type dd{width:auto}
	.dataPopup_ui .topic_box{display: flex;flex-direction:column;gap:10px;margin-top:12px;border:none;}
	/* .dataPopup_ui .topic_box .box{height:140px;margin-top:10px;} */
	.dataPopup_ui .topic_box .box {display: none;}
	.dataPopup_ui .topic_box .mo_box {width: 100%;display:flex;flex-direction:column;gap:4px;}
	.dataPopup_ui .topic_box .box~.box{border-top:1px solid #e1e1e1}
	.dataPopup_ui .topic_box ul{margin-left:0;margin-right:4px}
	.dataPopup_ui .topic_box button{height:32px}
	.dataPopup_ui .topic_box button span{width:56px;height:22px;line-height:22px;font-size:12px;}
	.dataPopup_ui .topic_box button span:before{background-size:12px auto}
	.popView_box.intype{margin-left:-65px;width:calc(100% - 2px)}
	#myLibrary2 .popup .form colgroup col:last-child {display: none;}
	.dataPopup_ui .popup.fluid {width: calc(100% - 40px) !important;}

	/* icon */
	.ic_part{height:20px;line-height:20px;font-size:11px;}
	.ic_keris{width:42px;height:20px}

	.pdf1, .pdf2, .pdf3, .pdf4, .pdf5{width:20px;height:20px}

	.body .views .infor h2 i {top:2px;}
	.body .views .infor i.ic_st1 {top:0;}
	.body .views .infor i.ic_sopt {top:-4px;}

    /*25-03-13 추가*/
    .btn_member.flex{ display: flex; justify-content: center; align-items: center}
    .form.default_table_wrap{ padding-bottom: 0}
    .form.default_table_wrap table tbody{ display: table-row-group}
    .form.default_table_wrap table tr{ display: table-row}
    .form.default_table_wrap table td{ display: table-cell; padding: 5px 5px 10px 5px}
}

@media (max-width: 660px) {
    .body .views .bookViews_slider .slick-next {right: -20px;}
}
@media (max-width: 622px) {
	.body .btng_sort .btnS.ty1, .btnView_box{width:calc(100%/2 - 4px);}
	.body .btng_sort ul li .btnS.ty1{width: 170px;}
	.btnView_box .btnS.ty1{width:calc(100% - 4px) !important;}
}

@media (max-width: 480px) {
	/*.page_ui {padding-bottom:20px;}*/
	.dataSearch_had {margin-bottom:10px;}
	.dataSearch_had.main {margin-top:53px;margin-bottom:15px;}
	.dataSearch_had .inputg {height:42px;border-width:2px;margin-top:40px;position:relative;}
	.dataSearch_had .inputg select {height:38px;width:195px;background-size:9px auto;background-position:right 12px bottom 13px;border-bottom:2px solid !important;position:absolute;margin-top:-45px;margin-left:-2px;}
	.dataSearch_had .inputg input {width:100% !important;height:38px;padding:0;}
	.dataSearch_had .inputg .btn_search {display:none;}
	.dataSearch_had .inputg .btn_search{right:10px;width:16px;height:16px;}
	.dataSearch_had .inputg .btn_keyboard{right:34px;width:20px;height:16px;}
    /*25-03-12 수정*/
    .dataSearch_had .detail{ width: 100%; overflow-x: auto; overflow-y: hidden}
    .dataSearch_had .detail::-webkit-scrollbar {display:none;width:0;height:0;background:transparent;-webkit-appearance:none;}
    .dataSearch_had .detail .box.mo {
    	padding: 3px 0 0 0;
    	/* 2025-04-08 수정 */
    	/*width: 410px*/
    	max-width: 410px;
    	width: max-content;
    }
	.dataSearch_had .detail .box.mo > span {font-size:13px;margin-right:15px;margin-top:4px;display:inline-block;}
	.dataSearch_had .ic_global{ margin-left: -10px}
	.dataSearch_had .detail .btn_toggle {margin-left:0 !important;margin-top:-1px;}
	.dataSearch_had .searchg .btng_wrap {width:calc(100% + 40px);overflow:hidden;margin-top:10px;margin-left:-20px;position:relative;}
	.dataSearch_had .searchg .btng_wrap::before {content:" ";position:absolute;z-index:10;width:20px;height:36px;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0));left:0;}
	.dataSearch_had .searchg .btng_wrap::after {content:" ";position:absolute;z-index:10;width:20px;height:36px;background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0));left:calc(100% - 20px);top:0;}
	.dataSearch_had .searchg .btng_wrap > div {width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:0;}
	.dataSearch_had .searchg .btng_wrap > div::-webkit-scrollbar {display:none;width:0;height:0;background:transparent;-webkit-appearance:none;}
	.dataSearch_had .searchg .btng_wrap .btng {margin:0 auto;padding:0 20px;width:314px;}
	.dataSearch_body .tab_search a {line-height:1.1rem;}
	.body .lists .list .list_wrapper > .box {width:75px;}
	.searchList .list_wrapper > .box > p {position:absolute;margin-left:20px;}
	.searchList .list_wrapper > .box > span {margin-top:1px;left:0;position:absolute;}
	.searchList .tit div, .searchList .colb, .searchList .btns {margin-left:-60px;max-width:calc(100vw - 40px);}
	.searchList .colb .infor > ul > li > span:last-of-type {margin-right:0;}
	.searchList .colb .infor > ul > li > span:first-of-type {margin-right:10px;}
	.popView_box {width: calc(100vw - 40px);}
	.paging ul {margin:0 10px;}
	.paging .prev, .paging .next, .paging .first, .paging .last {width:14px;height:14px;}
	.paging li a, .paging li strong {font-size:14px;}
	.body .btng_sort {position:relative;padding:7px;width:calc(100% + 6px);margin-left:-10px;border-radius:6px;border:0;}
	.body .btng_sort > div:first-of-type {padding-bottom:20px;}
	.body .btng_sort > div > .chk_box {position:absolute;bottom:0;left:0;}
	.body .btng_sort .chk_box label {font-size:14px;}
	.body .btng_sort .chk_box label::before {top:1px !important;}
	.chk_box label::before {top:3px;}
	.body .lists .colb .left {margin-top:6px;}
	.body .btng_sort > div > .btnS.ty1,.body .btng_sort .btnView_box > .btnS.ty1 {width:auto !important;height: auto;padding:30px 5px 3px 5px;position:relative;font-size:12px;line-height:1rem;}
	.body .btng_sort > div > .btnS.ty1 i,.body .btng_sort .btnView_box > .btnS.ty1 i {position:absolute;left:calc(50% - 6px);top:5px;}
	.body .btng_sort .btnS.ty1 i.ic_trans {top:8px;}
	.body .btng_sort .btnS.ty1 i.ic_view {top:14px;}
	.body .btng_sort .btnView_box {width:auto !important;}
	.body .btng_sort .sort_opt {font-size:14px;color:#136fc4;text-align:right;position:absolute;right:0;bottom:-2px;}
	.body .btng_sort .sort_opt::after {position:relative;top:-1px;border-top:5px solid #136fc4;content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:3px solid transparent;border-right:3px solid transparent;}
	.body .btng_sort .sort_opt.active::after {transform:rotate(180deg);}
	.body .btng_sort div:nth-of-type(2) {margin-top:10px;}
	.body .btng_sort .sort_opt_area.force_off:not(.force_on) {display:none;}
	.body .btng_sort.with_option .pop_moreView {top:58px !important;left:35% !important;}
	.body .btng_sort .pop_moreView {top:30px !important;left:35% !important;}
	.body .btng_sort .pop_moreView::before {display:none;}

	.body .btng_sort .btnS.ty1.left {width:calc(45% - 4px) !important}
	.body .btng_sort .btnS.ty1.right {width:calc(55% - 4px) !important}
	.body .btng_sort select{margin-left:0}
	.body .btng_sort select:nth-child(1) {width: 110px;}
	.body .btng_sort select:nth-child(2) {width: calc(100% - 160px);}
	.body .btng_sort select~select{margin-left:4px}

	.body .views .bookViews_emved .emved,.body .views .bookViews_emved .emved iframe{width:308px;height:170px;}

	.body .views .viewTabs .layer_help{padding:10px 12px;line-height: 22px;}

	/*.body .views .viewTabs#recommendTab ul li:nth-child(even) .layer_help {
		left: -60px;width: 140px;
	}*/
	.body .views .viewHot_box{display:block;}

	.body .thum_lists{display:block;}
	.body .thum_lists .list~.list{margin-top:20px}

	.searchLi_box .had {display:block;margin-right:0;}
	.searchLi_box .searchCategory {display:block;}

	.useway .dec{margin-left:16px}
	.useway .dec div{display:block;width:auto;border:0 ! important;text-align:left}
	.useway .dec div~div{margin-top:6px}
	.useway .dec div p{margin:0;display:inline-block;}
	.useway .dec i{position:relative;top:-6px;margin-right:12px;}
	.useway .dec i~i{margin-left:0;}
	.useway .dec br{display:none}
	.useway .dec .txt{margin-left:-16px;text-indent:-14px;padding-left:14px}

	.imgPreview .popup{width:320px;height:480px}
	.proInfor_ui ul li{width:calc(100% /2 - 6px);}

	.searchQueryWrap:hover::after{top:13px !important;right:13px !important;}
}
@media (max-height: 600px) {
	#postCopyPage.modal .popup .popupContensArea{
		height: 300px;
	}
}
@media (max-height: 400px) {
	#postCopyPage.modal .popup .popupContensArea{
		height: 200px;
	}
}
/*@media (max-width: 375px) {
	.body .views .viewTabs#recommendTab ul li:nth-child(even) .layer_help {
		left: -55px;width: 125px
	}
}*/
/* 인포그래픽 */
#infographicPop {width: 90%; max-width: 900px;}
#search_graph { width: 100%; min-height: 500px; position: relative; float: right; }
#search_graph .close { position: absolute; right: 0; top: 0; }
#search_graph .search_close { text-indent: -9999px; font-size: 0; }
/* #search_graph .search_table_01 .tb_basic_01 thead { margin-right: 16px; } */
#search_graph ul.panel .search_cat .more_cat_list li input { margin: 0; margin-right: 10px; }
#search_graph table caption { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }
#chartNoticeGraph,
#chartNoticeTable { font-size: 12px; line-height: normal; }

@media all and (max-width: 767px) {
	#search_graph { float: none; width: 100%; }
	.dataSearch_had .inputg input {width: calc(100% - 135px);height:fit-content !important;}
	.searchQueryWrap:hover::after{top:13px;right:48px;font-size:15px;}
}


#chartRel, #chartKeyword {width: 100%;height: 480px;}
.skip {position: absolute;left: 0px;top: -500px;width: 1px;height: 1px;overflow: hidden;}

.over_threshold {
	color: #777;
	font-size: 16px;
	margin-top: 30px;
}
.over_threshold > p:first-of-type {
	color: #444;
	font-size: 18px;
	margin: 20px 0;
}
.over_threshold p {
	line-height: 120%;
	margin: 10px 0;
}
.over_threshold ul {
	margin: 0px 0 0px 35px;
}
.over_threshold ul li {
	list-style: disc;
	line-height: 130%;
}

@media (max-width:830px) {
	.btn_infog {display:none;}
}

.guide_list li {
	position: relative;
}
.guide_list li:not(:last-of-type):after {
	content: '';
	width:50px;
	height:50px;
	background: url('../../images/datasearch/ico_guide_arrow.png') no-repeat center center;
	background-size: 50px 50px;
	position:relative;
	display:block;
	margin-left: 150px;
}
.guide_item {
	display:flex;
	flex-direction: row;
	position: relative;
}
.guide_item > div {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap: 15px;
}
.guide_item > div:first-child {
	display:flex;
	align-items:start;
	justify-content:center;
	background-color: #f4faff;
	flex: 1;
    padding-left: 40px;
}
.guide_item > div > span {
/* 	width:340px;
	margin-left: 130px; */
}
.guide_item div .title_box {
	display:flex;
	align-items:center;
	width: 200px;
	background-color: #136FC4;
	border-radius:40px;
	padding:5px;
}
.guide_item div .title_box div {
	background-color:#fff;
	width:44px;
	height:44px;
	border-radius: 50%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.guide_item div .title_box div img {
	width:28px;
	height:28px;
}
.guide_list li:nth-child(odd) .guide_item div .title_box div img {
	margin-left:5px;
}
.guide_item div .title_box span {
	color: #fff;
	font-weight: 500;
	font-size: 22px;
	width: calc(100% - 65px);
	display: flex;
	justify-content:center;
}
.wd_1100 {
	max-width: 1100px !important;
}
.guide_button_wrapper {
	display:flex;
	flex-direction: column;
	gap:10px;
	margin-bottom: 50px;
}
.guide_button_wrapper span.tit {
	font-size: 22px;
	padding-left: 32px;
	color: #333;
	background: url(../images/ic/ic_arrow3.svg) no-repeat 0 8px;
}
.guide_button_wrapper a {
	display: flex;
	align-items: center;
	padding: 10px 30px;
	width:fit-content;
	background-color: #136FC4;
	border-radius: 40px;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	margin-left: 32px;
}
.before_circle {
	position: relative;
	padding-left: 14px;
	margin-left: 20px;
}
.before_circle::before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #333;
	border-radius: 100%;
}
.guide_button_wrapper .content {
	margin-left: 34px;
	margin-bottom: 10px;
	padding: 5px 0;
}
.guide_button_wrapper a.btn {
	display: inline-block;
	padding: 2px 20px;
	margin-left: 5px;
	background-color: #fff;
	color: #136fc4;
	border: 1px solid;
	border-radius: 10px;
}
.guide_mg {
	margin-left:24px;
}
.br_480 {display:none;}
.dataPopup_ui h1.none_ico {
	background: none;
	padding-left:0;
}
@media (max-width: 1200px) {
	.guide_item {
		flex-direction: column;
		align-items:center;
	}
	.guide_list li:not(:last-of-type):after {
		margin-left: calc(50% - 25px);
	}
	.guide_item > div:first-child {
		width: 686px;
		box-sizing:border-box;
	    padding: 20px 0 20px;
		align-items: center;
	}
}
@media (max-width: 767px) {
	.guide_item > div:first-child {
		width: 100%;
		padding-left:0;
	}
	.guide_item div .title_box {
		width: 160px;
	}
	.guide_item div .title_box div img {
		width: 20px;
		height: 20px;
	}
	.guide_item div .title_box span {
		font-size: 16px;
    	width: calc(100% - 46px);
	}
	.guide_item div .title_box div {
		width:28px;
		height:28px;
	}
	.guide_item img {
		width:100%;
	}
	.guide_button_wrapper {
		margin-bottom: 30px;
	}
	.guide_button_wrapper span.tit {
		padding-left: 16px;
        font-size: 16px;
        background-size: 12px auto;
        background-position: 0 7px;
	}
	.guide_button_wrapper a {
		font-size:16px;
		padding: 6px 20px;
		margin-left:18px;
	}
	.before_circle {
		padding-left: 10px;
		margin-left: 12px;
	}
	.before_circle::before {
		top: 8px;
	}
	.guide_button_wrapper .content {
		margin-left: 22px;
	}
	.guide_button_wrapper a.btn {
		display: block;
		margin-top: 4px;
	}
	.guide_button_wrapper li > a.btn {
		display: inline-block;
	}
	.guide_mg {
		margin-left: 18px;
	}
}
@media (max-width: 550px) {
	.br_pc {display:none;}
}
@media (max-width: 480px) {
	.br_480 {display:inline-block;}
	.useway div a span, .useway div button span {
		width:60px;
		text-align:center;
	}
	.disable_btn {
		height: 58px !important;
		text-align: center;
	}
	.useway div {
		align-items: start;
	}
	.guide_button_wrapper li > a.btn {
		margin-left: 22px;
	}
}

.dataPopup_ui .topic_box button:focus-visible{
	color: #fff;
    background: #136fc4;
}
.dataPopup_ui .topic_box button:focus-visible span{
	opacity: 1;
    color: #136fc4;
    background: #fff;
}
.dataPopup_ui .topic_box button:focus-visible span:before{
    background: url(../images/ic/ic_search_c.svg) no-repeat 50% 50% / contain;
}