@charset "utf-8";

/* 디자인셀렉트박스 */
select.custom_sel{width:100%;height:100%;min-height:40px;padding:0 10px;border:1px solid #d5d5d5;background:url(/nanum/ndls/imgs/content/select_arr.png) no-repeat 100% 50% #fff;font-size:1.5rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.custom_sel::-ms-expand{display:none;}

/* 디자인인풋박스 */
.inp_chk[type="checkbox"],
.inp_rd[type="radio"]{clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px;}

/* 체크박스 */
.inp_chk[type="checkbox"].default + label{display:inline-block;position:relative;padding-left:25px;cursor:pointer;font-size:1.5rem;line-height:0;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.inp_chk[type="checkbox"].default + label:before{content:'';position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border:1px solid #cacece;border-radius:3px;background:url(/nanum/ndls/imgs/content/icon_chk_off.png) no-repeat 50% 50%;background-size:auto 12px;box-sizing:border-box;}
.inp_chk[type="checkbox"]:checked.default + label{font-weight:700;}
.inp_chk[type="checkbox"]:checked.default + label:before{background:url(/nanum/ndls/imgs/content/icon_chk_on.png) no-repeat 50% 50% #0075ff;background-size:auto 12px;border-color:#0075ff;}

.inp_chk[type="checkbox"].borbx + label{display:inline-block;position:relative;width:100%;padding:5px 0;background:#fff url(/nanum/ndls/imgs/content/search_chk_off.png) no-repeat center left 10px / 18px;border:1px solid #d5d5d5;font-size:1.4rem;font-weight:600;color:#555;text-align:center;box-sizing:border-box;vertical-align:top;cursor:pointer;}
.inp_chk[type="checkbox"].borbx:checked + label{border-color:#000;background:#747474 url(/nanum/ndls/imgs/content/search_chk_on.png) no-repeat center left 10px / 18px;color:#fff;box-shadow:3px 3px 0 rgba(0,0,0,0.2);}

/* 라디오버튼 */
.inp_rd[type="radio"].default + label{display:inline-block;position:relative;padding-left:25px;cursor:pointer;font-size:1.5rem;line-height:0;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.inp_rd[type="radio"].default + label:before{content:'';position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;box-sizing:border-box;text-align:center;border:1px solid #cacece;border-radius:100%;}
.inp_rd[type="radio"]:checked.default + label:before{border-color:#0075ff;}
.inp_rd[type="radio"]:checked.default + label:after{content:'';position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;background:#0075ff;border-radius:100%;}

.inp_rd[type="radio"].borbx + label{display:inline-block;position:relative;width:100%;padding:5px 0;background:#fff url(/nanum/ndls/imgs/content/search_chk_off.png) no-repeat center left 10px / 18px;border:1px solid #d5d5d5;font-size:1.4rem;font-weight:600;color:#555;text-align:center;box-sizing:border-box;vertical-align:top;cursor:pointer;}
.inp_rd[type="radio"].borbx:checked + label{border-color:#000;background:#747474 url(/nanum/ndls/imgs/content/search_chk_on.png) no-repeat center left 10px / 18px;color:#fff;box-shadow:3px 3px 0 rgba(0,0,0,0.2);}


/* 텍스트박스 */
.inp_txt{height:100%;min-height:40px;padding:0 10px;border:1px solid #d5d5d5;background-color:#fff;font-size:1.5rem;cursor:text;box-sizing:border-box;}
.inp_txt:focus{border-color:#3db6ed;background-color:#f0f7fa;}

#ndlsbox{width:100%;}
/* #ndlsbox .text1{display:inline-block;font-size:12px;line-height:1.3;} */

/* 통합검색 */
#ndlsbox .searchbox{position:relative;box-sizing:border-box;}

#ndlsbox .searchbox .default_opt{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.4rem;}
#ndlsbox .searchbox .default_opt .hotkeyword{display:flex;align-items:center;}
#ndlsbox .searchbox .default_opt .hotkeyword .tit{flex-shrink:0;width:100px;margin-right:10px;padding-left:30px;color:#000;font-weight:700;background:url(/nanum/ndls/imgs/content/keyword.png) no-repeat left 50%;background-size:24px auto;box-sizing:border-box;}
#ndlsbox .searchbox .default_opt .hotkeyword span.num{display:inline-block;width:15px;height:24px;margin-right:10px;font-family:'Poppins',sans-serif;font-size:1.4rem;font-weight:700;font-style:italic;line-height:24px;color:#01a3b0;vertical-align:middle;}
#ndlsbox .searchbox .default_opt .hotkeyword a{display:inline-block;overflow:hidden;max-width:160px;max-height:24px;font-size:1.4rem;line-height:24px;font-weight:500;color:#222;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
#ndlsbox .searchbox .default_opt .hotkeyword a:hover{color:#01a3b0;text-decoration:underline;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_list{overflow:hidden;width:200px;height:24px;}
#ndlsbox .searchbox .default_opt .hotkeyword .more_view{width:18px;height:18px;border:0;background:url(/nanum/ndls/imgs/content/icon_arr_dw.png) no-repeat 50% 50% #fff;background-size:cover;cursor:pointer;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_layer{display:none;position:absolute;top:0;left:110px;width:230px;padding:30px 10px 20px 10px;border:1px solid #000;border-radius:10px;background-color:#fff;box-shadow:0 5px 8px 0 rgba(0,0,0,0.1);box-sizing:border-box;z-index:10;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_layer ul li{padding:5px 10px;box-sizing:border-box;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_layer ul li:hover{background:#f5f5f5;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_layer .close{position:absolute;top:10px;right:10px;width:18px;heigh:18px;border:0;background:url(/nanum/ndls/imgs/content/icon_close.png) no-repeat 50% 50% #fff;background-size:cover;cursor:pointer;}
#ndlsbox .searchbox .default_opt .global_btn{margin-left:auto;padding-left:25px;background:url(/nanum/ndls/imgs/content/icon_global.png) no-repeat 0 50%;background-size:auto 18px;font-weight:700;color:#000;}

#ndlsbox .searchbox .main_opt{display:flex;justify-content:space-between;align-items:center;position:relative;height:60px;}
#ndlsbox .searchbox .main_opt .srch_txt{flex-grow:1;width:100%;height:100%;padding:0 30px 0 50px;border:1px solid #d5d5d5;border-right:0;background:url(/nanum/ndls/imgs/content/bg_srch_txt.png) no-repeat 20px 50%;background-size:20px auto;box-sizing:border-box;font-size:1.6rem;}
#ndlsbox .searchbox .main_opt .srch_txt::placeholder{color:#b5b5b5;}
#ndlsbox .searchbox .main_opt .srch_txt::-webkit-input-placeholder{color:#b5b5b5;}
#ndlsbox .searchbox .main_opt .srch_txt::-ms-input-placeholder{color:#b5b5b5;}
#ndlsbox .searchbox .main_opt .srch_txt.disabled{opacity:0.5;}

#ndlsbox .searchbox .main_opt .btn_srch{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:80px;height:100%;border:0;background:#222;font-size:1.5rem;font-weight:500;color:#fff;cursor:pointer;}
#ndlsbox .searchbox .main_opt .btn_detail{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:60px;height:100%;border:1px solid #d5d5d5;border-left:0;background-color:#fff;text-align:center;word-break:keep-all;box-sizing:border-box;cursor:pointer;}
#ndlsbox .searchbox .main_opt .btn_detail span{position:relative;width:100%;padding-top:15px;font-size:1.3rem;line-height:normal;font-weight:500;color:#222;}
#ndlsbox .searchbox .main_opt .btn_detail span:before{content:'';position:absolute;top:0;left:50%;width:11px;height:11px;margin-left:-5px;background-image:url(/nanum/ndls/imgs/content/icon_plus.gif);background-repeat:no-repeat;background-position:50% 0;}

/* 도서관선택옵션 */
#ndlsbox .searchbox .lib_opt{display:flex;align-items:flex-start;padding:15px 20px;background:#f9f9f9;border:1px solid #d5d5d5;border-top:0;box-sizing:border-box;/*flex-direction:column;*/}
#ndlsbox .searchbox .lib_opt .lib_list{flex-grow:1;}
#ndlsbox .searchbox .lib_opt .btn_area{flex-shrink:0;width:120px;margin-left:auto;text-align:right;}
#ndlsbox .searchbox .lib_opt .btn_area .btn_srch{width:100%;padding:30px 0;border:0;background:#222;font-size:1.6rem;font-weight:700;color:#fff;cursor:pointer;}


/* 도서관선택옵션_다중선택(체크박스) */
#ndlsbox .searchbox .lib_opt.chkbx_type{display:block;}
#ndlsbox .searchbox .lib_opt.chkbx_type .opt_tit{flex-shrink:0;width:100px;padding-top:10px;font-size:1.5rem;font-weight:700;width:100%;}
#ndlsbox .searchbox .lib_opt.chkbx_type .lib_list{display:flex;align-items:center;flex-wrap:wrap;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}
#ndlsbox .searchbox .lib_opt.chkbx_type .lib_list:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
#ndlsbox .searchbox .lib_opt.chkbx_type .lib_list li{position:relative;width:25%;padding:5px;box-sizing:border-box;}
#ndlsbox .searchbox .lib_opt.chkbx_type .lib_list li:focus-visible{outline: 3px solid red !important;}
#ndlsbox .searchbox .lib_opt.chkbx_type .btn_area{padding:5px 0 0 30px;}
#ndlsbox .searchbox .lib_opt.chkbx_type .btn_area .btn_reset{display:block;margin-top:10px;padding-right:20px;border:0;background:url(/nanum/ndls/imgs/content/icon_reset.png) no-repeat 100% 50%;background-size:auto 12px;font-size:1.4rem;color:#000;}
#ndlsbox .searchbox .lib_opt p.tit{padding:5px;font-size:1.7rem;font-weight:700;}

#ndlsbox .searchbox .smallw .tit_w{margin-bottom:10px;clear:both;overflow:hidden;}
#ndlsbox .searchbox .smallw .tit_w .tit{float:left;}
#ndlsbox .searchbox .smallw .tit_w a{float:right;display:inline-block;padding:0 15px;height:35px;line-height:35px;font-size:1.4rem;font-weight:700;color:#fff;background:#000;border:1px solid #000;text-align:center;}
#ndlsbox .searchbox .smallw .lib_list{display:none !important;}
#ndlsbox .searchbox .smallw .lib_list.hon{display:flex !important;}


/* 도서관선택옵션_단일선택(셀렉트박스) */
#ndlsbox .searchbox .lib_opt.selbx_type .lib_list{display:flex;width:100%;}
#ndlsbox .searchbox .lib_opt.selbx_type .lib_list select{flex-grow:1;width:0;height:50px;}
#ndlsbox .searchbox .lib_opt.selbx_type .btn_area{padding-left:20px;}
#ndlsbox .searchbox .lib_opt.selbx_type .btn_area .btn_srch{height:50px;padding:0;}

#ndlsbox .searchbox .date_opt{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border:1px solid #d5d5d5;box-sizing:border-box;}
#ndlsbox .searchbox .date_opt .opt_tit{flex-shrink:0;width:100px;font-size:1.5rem;font-weight:700;}
#ndlsbox .searchbox .date_opt .opt_box{display:flex;margin:7px 0;align-items:center;}
#ndlsbox .searchbox .date_opt .opt_box ul{flex-grow:1;display:flex;align-items:center;width:100%;padding-left:5px;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel{display:flex;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li{margin-left:-1px;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li:first-child input[type="radio"] + label{border-radius:3px 0 0 3px;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li:last-child input[type="radio"] + label{border-radius:0 3px 3px 0;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li input[type="radio"]{clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li input[type="radio"] + label{display:inline-block;position:relative;width:100%;height:34px;padding:0 12px;background-color:#fff;border:1px solid #d5d5d5;font-size:1.4rem;line-height:34px;font-weight:600;color:#555;text-align:center;box-sizing:border-box;vertical-align:top;cursor:pointer;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li input[type="radio"]:checked + label{position:relative;border-color:#5d5d5d;background-color:#747474;color:#fff;z-index:5;}
#ndlsbox .searchbox .date_opt .opt_box ul.date_sel{position:relative;justify-content:space-between;}
#ndlsbox .searchbox .date_opt .opt_box ul.date_sel:after{content:'~';position:absolute;top:0;left:50%;width:8%;margin-left:-4%;font-size:1.2rem;line-height:34px;text-align:center;}
#ndlsbox .searchbox .date_opt .opt_box ul.date_sel li{width:46%;}
#ndlsbox .searchbox .date_opt .opt_box ul.date_sel li input{width:100%;height:35px;padding:0 10px;border:1px solid #d5d5d5;font-size:1.4rem;box-sizing:border-box;}
#ndlsbox .searchbox .date_opt .ndls_btn.excel{width:120px;height:35px;font-size:1.4rem;line-height:35px;box-sizing:border-box;}

#ndlsbox .searchbox .recomm_opt{display:flex;justify-content:space-between;align-items:center;height:50px;margin-bottom:20px;}
#ndlsbox .searchbox .recomm_opt select{border-right:none;}

#ndlsbox .searchbox .nonbook_opt{display:flex;justify-content:space-between;align-items:center;height:50px;margin-bottom:20px;}
#ndlsbox .searchbox .nonbook_opt select{flex-shrink:0;width:120px;border-right:0;}
#ndlsbox .searchbox .nonbook_opt .srch_txt{flex-grow:1;height:100%;padding:0 20px;border:1px solid #d5d5d5;border-right:0;font-size:1.6rem;box-sizing:border-box;}
#ndlsbox .searchbox .nonbook_opt .srch_txt::placeholder{color:#b5b5b5;}
#ndlsbox .searchbox .nonbook_opt .srch_txt::-webkit-input-placeholder{color:#b5b5b5;}
#ndlsbox .searchbox .nonbook_opt .srch_txt::-ms-input-placeholder{color:#b5b5b5;}

#ndlsbox .searchbox .mylib_opt{display:flex;justify-content:space-between;align-items:center;height:50px;margin-bottom:20px;}
#ndlsbox .searchbox .mylib_opt .srch_txt{flex-grow:1;height:100%;padding:0 10px;border:1px solid #d5d5d5;border-right:0;font-size:1.6rem;box-sizing:border-box;margin-left:-1px;}

#ndlsbox .searchbox .mylib_opt.type1 .srch_area{display:flex;height:50px;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area p{height:100%;}
#ndlsbox .searchbox .mylib_opt.type1 .ndls_btn.excel{margin-left:auto;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area select.custom_sel{padding:0 30px 0 10px;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area .ndls_btn{padding:0 30px;}


#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw{gap:1%;flex-wrap: wrap;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw li{margin:0.5% 0;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw li label{padding:5px 10px 5px 35px;}


/* 상세검색레이어창 */
#ndlsbox .searchbox .detail_layer{display:none;overflow:hidden;position:fixed;top:50%;left:50%;width:1100px;height:90vh;margin:-45vh 0 0 -550px;background:#fff;z-index:20;}
#ndlsbox .searchbox .detail_layer.on{display:block;}
#ndlsbox .searchbox .detail_layer.on:before{content:'';overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);}

#ndlsbox .searchbox .detail_layer .layer_header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:60px;padding:0 20px;background:#222;box-sizing:border-box;}
#ndlsbox .searchbox .detail_layer .layer_header .title{font-size:2rem;font-weight:700;color:#fff;}
#ndlsbox .searchbox .detail_layer .layer_header .btn_cls{width:30px;height:30px;border:0;background:url(/nanum/ndls/imgs/content/icon_close_white.png) no-repeat;background-size:cover;cursor:pointer;text-indent:-9999px;}
#ndlsbox .searchbox .detail_layer .layer_cont{overflow-y:scroll;position:relative;height:calc(90vh - 60px);padding:30px;background:#fff;box-sizing:border-box;}

#ndlsbox .searchbox .detail_layer .lib_opt{display:flex;align-items:flex-start;margin-bottom:20px;padding:20px;border:1px solid #e5e5e5;background:#f9f9f9;box-sizing:border-box;}
#ndlsbox .searchbox .detail_layer .lib_opt.chkbx_type{display:block;}
#ndlsbox .searchbox .detail_layer .lib_opt .opt_tit{flex-shrink:0;width:100px;padding-top:10px;font-size:1.5rem;font-weight:700;}
#ndlsbox .searchbox .detail_layer .lib_opt .lib_list{display:flex;align-items:center;flex-wrap:wrap;flex-grow:1;width:100%;}
#ndlsbox .searchbox .detail_layer .lib_opt .lib_list li{position:relative;width:25%;padding:5px;box-sizing:border-box;}
#ndlsbox .searchbox .detail_layer .lib_opt .lib_list:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5;}

#ndlsbox .searchbox .detail_layer .detail_opt{display:flex;justify-content:space-between;flex-wrap:wrap;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item{display:flex;width:100%;min-height:40px;padding:8px 0;align-items:center;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_tit{flex-shrink:0;width:120px;font-size:1.5rem;font-weight:700;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list{width:100%;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list ul{display:flex;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list ul li:nth-child(n+2){margin-left:20px;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list .inp_txt{width:100%;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list .year_type{position:relative;display:flex;justify-content:space-between;width:100%;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list .year_type:after{content:'~';position:absolute;top:0;left:50%;width:8%;margin-left:-4%;font-size:1.2rem;line-height:34px;text-align:center;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list .year_type .inp_txt{width:48%;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list select{height:40px;}

#ndlsbox .searchbox .detail_layer .btn_area{display:flex;align-items:center;justify-content:center;height:50px;margin-top:50px;}
#ndlsbox .searchbox .detail_layer .btn_area .btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:100%;margin:0 10px;padding:0 20px;border:1px solid #d5d5d5;font-size:1.5rem;font-weight:600;color:#000;text-align:center;box-sizing:border-box;}
#ndlsbox .searchbox .detail_layer .btn_area .btn.srch{border:0;background:#222;color:#fff;}
#ndlsbox .searchbox .detail_layer .btn_area .btn.reset span{padding-right:20px;background:url(/nanum/ndls/imgs/content/icon_reset.png) no-repeat 100% 50%;background-size:auto 12px;}

/* 연속간행물 */
#ndlsbox .serial_search .select_box{width:auto;}
#ndlsbox .serial_search .select_box .select_style{width:auto;}
#ndlsbox .serial_search .select_box .select_style:last-child{margin-left:8px;}
#ndlsbox .serial_search .search_style{margin:0 0 0 10px;}
#ndlsbox .serial_search .search_style .search .input input{border-color:#004064;}
#ndlsbox .serial_search .search_style .btn-search{background-color:#004064;}

/* 디폴트 상단 검색box(신착자료, 마이페이지 등) */
#ndlsbox .default_book,
#ndlsbox .default_book2{position:relative;padding:30px;border:1px solid #ccc;background:#f8f8f8;}
#ndlsbox .default_book .info_w,
#ndlsbox .default_book2 .info_w{position:relative;width:100%;}

/*top_box style1*/
#ndlsbox .default_book .info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-right:90px;}
#ndlsbox .default_book .info dl{display:flex;flex:1 1 40%;padding-right:20px;align-content:center;}
#ndlsbox .default_book .info dl:last-child{margin-top:8px;}
#ndlsbox .default_book .info dl:last-child dd{display:flex;flex-wrap:wrap;justify-content:space-between;}
#ndlsbox .default_book .info dl:last-child dd .date_sel{position:relative;display:flex;width:48%;}
#ndlsbox .default_book .info dl:last-child dd .date_sel:nth-child(n+2):before{content:'~';position:absolute;top:50%;left:-8%;width:8%;margin-top:-20px;line-height:40px;color:#000;text-align:center;}
#ndlsbox .default_book .info dl:last-child dd .date_sel span{width:33%;margin-left:5px;box-sizing:border-box;}
#ndlsbox .default_book .info dl:last-child dd .date_sel span:nth-child(1){margin-left:0;}
#ndlsbox .default_book .info dl dt{flex-shrink:0;width:80px;font-weight:700;color:#000;line-height:50px;}
#ndlsbox .default_book .info dl dd{flex-grow:1;}
#ndlsbox .default_book .info dl dd select
#ndlsbox .default_book .info dl dd input,
#ndlsbox .default_book .info dl dd img,
#ndlsbox .default_book .info dl dd span,
#ndlsbox .default_book .info dl dd strong{vertical-align:middle;}
#ndlsbox .default_book .info .select_wrap{display:inline-block;}
#ndlsbox .default_book .info_btn{position:absolute;top:0;right:0;min-width:90px;height:100%;}
#ndlsbox .default_book .info_btn .ndls_btn{width:100%;height:100%;margin:0;padding:0;line-height:normal;color:#fff;}
#ndlsbox .default_book2 .info_w{display:flex;justify-content:center;}
#ndlsbox .default_book2 .info{display:flex;align-items:center;margin-right:10px;}
#ndlsbox .default_book2 .info .select_wrap:nth-child(n+2){margin-left:5px;}

/* 검색결과정보 */
#ndlsbox .ndls_result{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin:20px 0;font-size:1.5rem;}
#ndlsbox .ndls_result .sel_btn input:nth-child(n+2){margin-left:5px;}
#ndlsbox .ndls_result .loanstate{text-align:right;color:#000;}
#ndlsbox .ndls_result .loanstate span:nth-child(n+2){margin-left:10px;}
#ndlsbox .ndls_result .tp_box{display:flex;}
#ndlsbox .ndls_result .tp_box .count{display:flex;font-size:1.6rem;}
#ndlsbox .ndls_result .tp_box .count .total_num{flex-shrink:0;width:140px;}
#ndlsbox .ndls_result .tp_box .count .total_num strong{color:#000;}
#ndlsbox .ndls_result .tp_box .count .add_keyword{display:flex;flex-wrap:wrap;flex-grow:1;}
#ndlsbox .ndls_result .tp_box .count .add_keyword li{margin:0 5px;font-weight:700;color:#f26522;}
#ndlsbox .ndls_result .tp_box .paging{margin-left:auto;}
#ndlsbox .ndls_result .tp_box .paging strong{font-weight:700;color:#eb4040;}
#ndlsbox .ndls_result .tp_box .txt strong{text-decoration:underline;}
#ndlsbox .ndls_result .tp_box .txt span{color:#3053c7;font-weight:700;}
#ndlsbox .ndls_result .info{margin-left:auto;}

.cont_sta{display:flex;align-items:center;width:100%;margin-top:20px;padding-top:20px;border-top:1px dashed #d5d5d5;}
.cont_sta .check{font-weight:600;}
.cont_sta .exe_btn{display:flex;margin-left:auto;}
.cont_sta .exe_btn .align_box{width:150px;}
.cont_sta .exe_btn a{display:inline-block;height:40px;border-width:1px;border-style:solid;background-repeat:no-repeat;background-position:90% 50%;font-size:1.4rem;line-height:40px;padding:0 40px 0 15px;font-weight:700;border-radius:5px;text-align:left;}
.cont_sta .exe_btn a:nth-child(n+2){margin-left:5px;}
.cont_sta .exe_btn a.excel{color:#4f962a;border-color:#4f962a;background-image:url(/nanum/ndls/imgs/common/exe_btn_icon.gif);}
.cont_sta .exe_btn a.put{color:#2b9dff;border-color:#2b9dff;background-image:url(/nanum/ndls/imgs/common/put_btn_icon.png);}

/* 검색결과_리스트_상세_공통 */
#ndlsbox .book_area{display:flex;padding:25px;border:1px solid #dfdfdf;box-sizing:border-box;}
#ndlsbox .book_area .book_img .thum .book_mask{position:absolute;top:0;left:0;width:100%;z-index:1;}
#ndlsbox .book_area .book_img .thum .book_mask img{height:168px;}
#ndlsbox .book_area .book_info{flex-grow:1;width:100%;}

#ndlsbox .book_img{flex-shrink:0;width:90px;}
#ndlsbox .book_img .thum{overflow:hidden;width:90px;height:130px;margin-bottom:10px;border:1px solid #dbdbdb;box-sizing:border-box;}
#ndlsbox .book_img .thum a{display:block;}
#ndlsbox .book_img .thum img{width:90px;height:130px;object-fit:fill;}

#ndlsbox .author{display:flex;flex-wrap:wrap;}
#ndlsbox .author dl{display:flex;font-size:1.4rem;margin-right:15px;}
#ndlsbox .author dl dt{padding-right:5px;font-weight:700;color:#000;}
#ndlsbox .author dl dd{font-weight:500;}
#ndlsbox .author dl dd img{vertical-align:middle;}

#ndlsbox .btn_box{display:flex;width:100%;}
#ndlsbox .btn_box a:nth-child(n+2){margin-left:5px;}

#ndlsbox .ribbon{position:relative;width:100%;padding:2px 0;border-style:solid;border-width:1px;text-align:center;font-size:1.3rem;font-weight:700;background-color:#fff;box-sizing:border-box;}
#ndlsbox .ribbon:before,
#ndlsbox .ribbon:after{content:'';display:block;bottom:0;}
#ndlsbox .ribbon:before{display:none !important;}
#ndlsbox .ribbon:after{color:#fff;}
#ndlsbox .mark00{color:#00933b;border-color:#00933b;}
#ndlsbox .mark00:after{background:#00933b;}
#ndlsbox .mark01{color:#e70021;border-color:#e70021;}
#ndlsbox .mark01:after{background:#e70021;}
#ndlsbox .mark02{color:#9f9fa0;border-color:#9f9fa0;}
#ndlsbox .mark02:after{background:#9f9fa0;}
#ndlsbox .mark03{color:#f08001;border-color:#f08001;}
#ndlsbox .mark03:after{background:#f08001;}
#ndlsbox .mark04{color:#4a3019;border-color:#4a3019;}
#ndlsbox .mark04:after{background:#4a3019;}
#ndlsbox .mark05{color:#00a7eb;border-color:#00a7eb;}
#ndlsbox .mark05:after{background:#00a7eb;}
#ndlsbox .mark06{color:#fee101;border-color:#fee101;}
#ndlsbox .mark06:after{background:#fee101;}
#ndlsbox .mark07{color:#8ec21f;border-color:#8ec21f;}
#ndlsbox .mark07:after{background:#8ec21f;}
#ndlsbox .mark08{color:#083090;border-color:#083090;}
#ndlsbox .mark08:after{background:#083090;}
#ndlsbox .mark09{color:#8f0171;border-color:#8f0171;}
#ndlsbox .mark09:after{background:#8f0171;}

#ndlsbox .bookbaro_btn{display:inline-block;height:28px;padding:0 20px 0 35px;line-height:28px;font-size:1.3rem;color:#fff;border-radius:5px;}
#ndlsbox .bookbaro_btn.btn1{background:#ef6161 url(/nanum/ndls/imgs/common/book_btn_stylew3.png) no-repeat 15px 50%;}
#ndlsbox .bookbaro_btn.btn2{background:#00a2ac url(/nanum/ndls/imgs/common/book_btn_stylew2.png) no-repeat 15px 50%;}
#ndlsbox .bookbaro_btn.btn3{background:#2e70d3 url(/nanum/ndls/imgs/common/book_btn_stylew5.png) no-repeat 15px 50%;}
#ndlsbox .bookbaro_btn.btn4{background:#9b9b9b url(/nanum/ndls/imgs/common/book_btn_stylew1.png) no-repeat 15px 50%;}
#ndlsbox .bookbaro_btn.btn5{background:#ff7e00 url(/nanum/ndls/imgs/common/book_btn_stylew6.png) no-repeat 15px 50%;}
#ndlsbox .bookbaro_btn:hover{font-weight:bold;}

#ndlsbox .book_status span{padding-left:18px;font-size:1.4rem;font-weight:700;background-repeat:no-repeat;background-position:0 50%;}
#ndlsbox .book_status .activity{color:#3053c7;background-image:url(/nanum/ndls/imgs/common/book_status1.png);}
#ndlsbox .book_status .inactive{color:#ff3a3a;background-image:url(/nanum/ndls/imgs/common/book_status2.png);}
#ndlsbox .book_status .loding{color:#677977;}

#ndlsbox .source_txt{margin-top:10px;font-size:1.4rem;color:#888;font-weight:600;text-align:right;}
#ndlsbox .source_txt a{text-decoration:underline;}

/* 검색결과_리스트 */
#ndlsbox .book_list .book_area{border-radius:10px;}
#ndlsbox .book_list .book_area:nth-child(n+2){margin-top:10px;}
#ndlsbox .book_list .book_area .book_img{margin-right:20px;}
#ndlsbox .book_list .book_area .book_info .tit_w{display:flex;align-items:center;padding:5px 0 15px 0;margin-bottom:10px;border-bottom:1px dashed #dfdfdf;}
#ndlsbox .book_list .book_area .book_info .tit{font-size:1.8rem;line-height:1.2;font-weight:700;color:#000;word-break:keep-all;}
#ndlsbox .book_list .book_area .book_info .tit a{color:#000;}
#ndlsbox .book_list .book_area .book_info .tit a:hover{text-decoration:underline;}
#ndlsbox .book_list .book_area .book_info .tit span{color:#3053c7;}
#ndlsbox .book_list .book_area .book_info .book_status{margin-left:auto;flex-shrink:0;width:150px;text-align:right;}
#ndlsbox .book_list .book_area .book_info .btn_box{border-top:1px dashed #dfdfdf;padding-top:15px;margin-top:10px;}
#ndlsbox .book_list .book_area .book_info .print{position:absolute;top:0;right:0;}
#ndlsbox .book_list .book_area .book_info .print a{display:block;padding:8px 8px 8px 4px;border:1px solid #bfbfbf;}
#ndlsbox .book_list .book_area .book_info .review_op{margin-top:20px;padding:20px;font-size:1.4rem;background:#f9f9f9;}

/* 검색결과_상세정보 */
#ndlsbox .book_detail p.tit{display:flex;justify-content:center;border:1px solid #222;padding:10px 20px;box-sizing:border-box;text-align:center;font-size:1.7rem;line-height:1.5;color:#000;font-weight:700;word-break:keep-all;}
#ndlsbox .book_detail .book_area{border-top:0;}
#ndlsbox .book_detail .book_area .book_img{margin-right:40px;}
#ndlsbox .book_detail .book_area .book_info dl{display:flex;font-size:1.5rem;}
#ndlsbox .book_detail .book_area .book_info dl:nth-child(n+2){margin-top:10px;}
#ndlsbox .book_detail .book_area .book_info dl dt{position:relative;flex-shrink:0;width:130px;font-weight:600;line-height:1.3;color:#000;}
#ndlsbox .book_detail .book_area .book_info dl dt:after{content:'';position:absolute;top:4px;right:0;width:1px;height:14px;background:#e5e5e5;}
#ndlsbox .book_detail .book_area .book_info dl dd{position:relative;padding-left:20px;font-weight:400;line-height:1.3;color:#555;}
#ndlsbox .book_detail .box_desc,
#ndlsbox .book_detail .box_keep{position:relative;width:100%;padding:25px;border:1px solid #dfdfdf;box-sizing:border-box;}
#ndlsbox .book_detail .box_keep .book_status{position:absolute;top:25px;right:25px;}
#ndlsbox .book_detail .box_keep .author{padding-right:120px;}
#ndlsbox .book_detail .box_keep .btn_box{margin-top:10px;}
#ndlsbox .ndlstit{margin-bottom:10px;font-size:2.1rem;}
#ndlsbox .ndlstit.ndlstit_t{margin-top:35px;}

#ndlsbox .state ul.formal{position:relative;width:100%;}
#ndlsbox .state ul.formal li{position:relative;display:inline-block;width:100%;padding-top:15px;margin-top:15px;border-top:1px solid #dfdfdf;}
#ndlsbox .state ul.formal li .cont{margin-right:110px;}
#ndlsbox .state ul.formal li .cont .box{width:100%;display:inline-block}
#ndlsbox .state ul.formal li .cont dl{position:relative;float:left;margin-right:15px;display:inline-block;font-size:14px;*display:inline;*zoom:1;}
#ndlsbox .state ul.formal li .cont dl dt{float:left;margin-right:6px;color:#000;font-weight:500;}
#ndlsbox .state ul.formal li .cont dl dd{float:left;}
#ndlsbox .state ul.formal li .cont dl dd img{vertical-align:middle;}
#ndlsbox .state ul.formal li .cont dl.block{display:block;float:none;}
#ndlsbox .state ul.formal li .btn_box{display:inline-block;width:100%;}
#ndlsbox .state ul.formal li .btn_box .ndls_btn2{width:auto;height:25px;line-height:25px;padding:0 10px;margin:0 3px 0 0;}
#ndlsbox .state ul.formal li .btn_box form{display:inline-block;*display:inline;*zoom:1;}

#ndlsbox .state ul.formal li .print{position:absolute;top:50%;right:145px;margin-top:-16px;}
#ndlsbox .state ul.formal li .print a{display:block;width:30px;height:20px;padding-top:10px;text-align:center;border:1px solid #dbdbdb;}
#ndlsbox .state ul.formal li:first-child{padding-top:0;margin-top:0;border-top:0 none;}
#ndlsbox .state ul.formal li:first-child .book_status{top:0;}

/* 내서재 */
#ndlsbox .state_book li{display:flex;align-items:center;position:relative;padding:20px;border:1px solid #dfdfdf;}
#ndlsbox .state_book li:nth-child(n+2){margin-top:15px;}
#ndlsbox .state_book li.no_fild{display:flex;align-items:center;justify-content:center;padding:50px 0;text-align:center;font-weight:600;color:#b5b5b5;}
#ndlsbox .state_book li .cont{flex-grow:1;}
#ndlsbox .state_book li .cont .cate{display:flex;margin-bottom:20px;}
#ndlsbox .state_book li .cont .cate p{padding:8px 20px;border-radius:20px;font-weight:500;font-size:1.4rem;line-height:1;}
#ndlsbox .state_book li .cont .cate p:nth-child(n+2){margin-left:10px;}
#ndlsbox .state_book li .cont .cate p strong{margin-right:5px;}
#ndlsbox .state_book li .cont .cate p.bcl1{background:#ffeef1;color:#f45c5c;}/*대출*/ /*신청중*/
#ndlsbox .state_book li .cont .cate p.bcl2{background:#ffedf5;color:#e0748d;}/*반납*/ /*처리중*/
#ndlsbox .state_book li .cont .cate p.bcl3{background:#e9edff;color:#245ab2;}/*반납연기*/
#ndlsbox .state_book li .cont .cate p.bcl4{background:#fff0e1;color:#ff8400;}/*예약 소장중*/
#ndlsbox .state_book li .cont .cate p.bcl5{background:#f2f2f2;color:#888;}/*예약취소*/
#ndlsbox .state_book li .cont .cate p.bcl6{background:#dbf3f6;color:#02abb6;}/*무인*/
#ndlsbox .state_book li .cont .cate p.bcl7{background:#dff6ec;color:#4aaa58;}/*책두레대출*/
#ndlsbox .state_book li .cont .cate p.bcl8{background:#deffe3;color:#4aaa58;}/*책두레반납연기*/
#ndlsbox .state_book li .cont .cate p.bcl9{background:#e7f4e8;color:#4aaa58;}/*책두레반납*/
#ndlsbox .state_book li .cont .cate p.bcl10{background:#f1f1f1;color:#666;}/*취소*/
#ndlsbox .state_book li .cont .cate p.bcl11{background:#ffeaf1;color:#d54170;}/*답변*/
#ndlsbox .state_book li .cont .tit{margin-bottom:20px;font-size:1.8rem;line-height:1.2;font-weight:700;color:#000;word-break:keep-all;}
#ndlsbox .state_book li .cont .tit a{font-size:1.6rem;font-weight:500;color:#000;}
#ndlsbox .state_book li .cont .tit a:hover{text-decoration:underline;}
#ndlsbox .state_book li .cont .sm_box{display:flex;margin-top:-5px;flex-wrap: wrap;}
#ndlsbox .state_book li .cont .sm_box dl{display:flex;align-items:center;margin:5px 2% 0 0;font-size:1.3rem;color:#000;}
#ndlsbox .state_book li .cont .sm_box dt{margin-right:10px;padding:3px 10px;border:1px solid #d5d5d5;border-radius:5px;font-weight:700;}
#ndlsbox .state_book li .cont .sm_box dd{font-weight:600;}
#ndlsbox .state_book li .cont.baro_list .sm_box{flex-wrap:wrap;}
#ndlsbox .state_book li .cont.baro_list .sm_box dl{width:23%;}
#ndlsbox .state_book li .btn_box{flex-shrink:0;width:90px;height:90px;}
#ndlsbox .state_book li .btn_box a{display:block;padding:0;width:100%;height:100%;font-weight:500;font-size:1.5rem;line-height:90px;color:#fff;text-align:center;background:#000;border:1px solid #000;}
#ndlsbox .state_book li .btn_box a:hover{color:#000;background:#fff;}

/* 나의도서이용성향 */
#mylibbox .custombox{margin-bottom:40px;padding:30px 50px;border:1px solid #ddd;word-break:keep-all;text-align:center;font-size:1.7rem;font-weight:500;color:#000;letter-spacing:-0.025em;}
#mylibbox .custombox strong{font-weight:700;}
#mylibbox .custombox span.name{font-weight:700;color:#f00;}

#mylibbox .year_tab{display:flex;justify-content:center;margin-bottom:20px;}
#mylibbox .year_tab ul{display:flex;height:40px;border:2px solid #222;border-radius:50px;line-height:40px;}
#mylibbox .year_tab ul li a{display:block;padding:0 40px;font-size:1.7rem;font-weight:600;color:#222;}
#mylibbox .year_tab ul li a.on{border-radius:50px;background:#222;font-weight:700;color:#fff;}

#mylibbox .chart_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
#mylibbox .chart_wrap .chart{width:48%;margin:4% 0;}
#mylibbox .chart_wrap .chart .box{display:flex;align-items:center;height:280px;box-sizing:border-box;}
#mylibbox .chart_wrap .chart .box .nodata{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px dashed #e5e5e5;background:#f9f9f9;font-size:1.9rem;font-weight:600;color:#d5d5d5;}
#mylibbox .chartdiv{width:100%;max-height:270px; height:100vh;}
#mylibbox .jqcloud{position:relative;width:100%;height:270px;}

#mylibbox .slidebox{position:relative;}
#mylibbox .slidebox h3.tit{position:absolute;top:0;left:0;}
#mylibbox .slidebox .book_slide .swiper-wrapper{margin-top:70px;}
#mylibbox .slidebox .book_slide .swiper-slide a{display:block;}
#mylibbox .slidebox .book_slide .swiper-slide .box{display:flex;justify-content:center;align-items:center;height:270px;background:#f9f9f9;}
#mylibbox .slidebox .book_slide .swiper-slide .box .cover{padding-top:4px;background:url(/nanum/ndls/imgs/content/bg_bookcover.png) no-repeat;}
#mylibbox .slidebox .book_slide .swiper-slide .box .cover img{width:125px;height:180px;object-fit:fill;border:1px solid #bdbdbd;box-sizing:border-box;}

#mylibbox .slidebox .book_slide .swiper-slide .detail{padding-top:20px;text-align:center;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .lib_name{display:inline-block;margin-bottom:10px;padding:3px 15px;background:#f5f5f5;font-size:1.3rem;font-weight:700;color:#555;border-radius:20px;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .title{display:-webkit-box;overflow:hidden;height:48px;max-height:48px;margin-bottom:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;font-size:1.8rem;line-height:1.3;color:#222;word-break:keep-all;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info{display:flex;justify-content:center;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info li{font-size:1.3rem;line-height:1.4;font-weight:500;color:#888;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info li:nth-child(n+2){position:relative;margin-left:10px;padding-left:10px;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info li:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#b5b5b5;}

#mylibbox .slidebox .book_slide .curation_prev,
#mylibbox .slidebox .book_slide .curation_next{position:absolute;top:0;width:48px;height:48px;border:1px solid #e5e5e5;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;z-index:10;}
#mylibbox .slidebox .book_slide .curation_prev{right:49px;background-image:url(/nanum/site/img/common/curation_prev.png);}
#mylibbox .slidebox .book_slide .curation_next{right:0;background-image:url(/nanum/site/img/common/curation_next.png);}


/* 검색결과_상세정보_선호도 그래프(막대) */
.graphWrap{border:1px solid #dfdfdf;width:100%;display:inline-block;}
.graphWrap .barGraph{overflow:hidden;padding:40px 20px 40px 40px;margin:0 auto;}
.graphWrap .caption {margin-bottom:10px;text-align:center;}
.graphWrap .caption span {display:inline-block;width:11px;height:11px;margin-right:3px;background-color:#d9dee3;}
.barGraph .graphBox {position:relative;display:inline-block; width:100%;}
.barGraph .axis-x {position:relative;z-index:2}
.barGraph .axis-x li {float:left;position:relative;height:200px;width:14.28571428571429%;text-align:center;}
.barGraph .bar {display:block;position:absolute;bottom:0;left:50%;width:30px;height:100%;margin-left:-15px;}
.barGraph .bar .fill {display:block;position:absolute;bottom:0;left:0;width:100%;background-color:#d9dee3;}
.barGraph .bar .num {display:block;margin-top:-23px;font-weight:bold;font-size:13px;}
.barGraph .bar .fill.blue {background:#2b65a7;}
.barGraph .bar .fill.blue .num {color:#2b65a7;}
.barGraph .txt {position:absolute;bottom:-30px;left:0;width:100%;line-height:14px;vertical-align:text-top;}
.axis-y {position:absolute;top:0;left:0;z-index:1;width:100%;}
.axis-y .line {display:block;position:relative;width:100%;height:39px;border-top:1px solid #dfdfdf;}
.axis-y .line .txt {position:absolute;top:-11px;left:-35px;width:30px;text-align:right;}

/* 검색결과_상세정보_주요키워드 */
#cloud {overflow:hidden;height:200px;padding:15px;border:1px solid #dfdfdf;}
.tagCloud {overflow:hidden;padding:15px 0;}
.tagCloud #cloud {height:200px;}
.jqcloud {overflow:hidden;position:relative;font-size:0.750em;line-height:normal;}
.jqcloud span {font-family: 'Pretendard',sans-serif !important;display:inline-block;padding:0; font-weight:700;font-size:inherit;text-decoration:none;}
/*.jqcloud a {font-weight:bold;font-size:inherit;text-decoration:none;}*/
.jqcloud span.w10 *{font-size:600%;color:#003b84;}
.jqcloud span.w9 *{font-size:500%;color:#044eaa;}
.jqcloud span.w8 *{font-size:450%;color:#1367ce;}
.jqcloud span.w7 *{font-size:400%;color:#5393e1;}
.jqcloud span.w6 *{font-size:350%;color:#61aadd;}
.jqcloud span.w5 *{font-size:300%;color:#8cc0dd;}
.jqcloud span.w4 *{font-size:250%;color:#555c64;}
.jqcloud span.w3 *{font-size:200%;color:#757b82;}
.jqcloud span.w2 *{font-size:160%;color:#757b82;}
.jqcloud span.w1 *{font-size:160%;color:#757b82;}

/*검색결과_상세정보_관련도서*/
.kdcBookList ul{display:flex;width:100%;padding-bottom:50px;border-bottom:1px solid #dfdfdf;}
.kdcBookList ul li{width:20%;text-align:center;}
.kdcBookList ul li .book_img{margin:0 auto 10px;}
.kdcBookList ul li a.name{width:100%;height:38px;max-height:38px;padding:0 10px;font-size:1.4rem;line-height:1.3;font-weight:700;color:#000;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;}
.kdcBookList ul li p.writer{padding-top:5px;font-size:1.4rem;font-weight:500;color:#888;line-height:1.2;word-break:keep-all;}

.kdcBookList .kdc_tbook{position:relative;display:flex;width:100%;padding-bottom:30px;margin-bottom:30px;/*border-bottom:1px solid #dfdfdf;*/overflow: hidden;text-align:center;}
.kdcBookList .kdc_tbook .swiper-slide .book_img{margin:0 auto 10px;}
.kdcBookList .kdc_tbook .swiper-slide a.name{width:100%;height:38px;max-height:38px;padding:0 10px;font-size:1.4rem;line-height:1.3;font-weight:700;color:#000;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;}
.kdcBookList .kdc_tbook .swiper-slide p.writer{padding-top:5px;font-size:1.4rem;font-weight:500;color:#888;line-height:1.2;word-break:keep-all;}
.kdcBookList .swiper-pagination-progressbar{top: auto;bottom: 0;background: rgba(228,228,228,0.5);border-radius: 50px;z-index: 2;}
.kdcBookList .kdc_btn{margin-top:0;top:45px;width: 40px;height: 40px;background:#fff;border:1px solid #000;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.kdcBookList .swiper-button-next:after, 
.kdcBookList .swiper-button-prev:after{font-size: 25px;}

/* 검색결과_상세정보_패싯_날씨정보 및 책 추천 */
.weather_w{padding-top:20px;margin-bottom: 30px;border-top:2px solid #000;border-bottom:2px solid #000;}
.weather_w .today_bookw{position:relative;padding-bottom:15px;border-bottom:1px solid #dfdfdf;}
.weather_w .today_bookw p{padding-bottom:15px;margin-bottom:15px;font-size: 1.5rem;font-weight: 700;color: #333;border-bottom:1px dashed #666;}
.weather_w .today_bookw .btn_wrap{position:absolute;top:0;right:0;display: flex;gap: 5px;z-index:1;}
.weather_w .today_bookw .btn_wrap > div{position:static;margin-top:0;width:auto;height:auto;}
.weather_w .today_bookw .btn_wrap > div:after{padding:8.5px 12px;font-size:14px;color: #000;font-weight: 700;border: 1px solid #aaa;}
.weather_w .today_bookw .swiper-slide img{width:100%;height: 130px}

.weather_w .today_we{padding:15px 0;}
.weather_w .today_we.pd0{padding:0;}
.weather_w .today_we p{padding-bottom:15px;margin-bottom:15px;font-size: 1.5rem;font-weight: 700;color: #333;border-bottom:1px dashed #666;}
.weather_w .today_we .wrap{display:flex;gap:10px;align-items: center;}
.weather_w .today_we .wrap img{width:45px;}
.weather_w .today_we .wrap span{font-weight:700;font-size:1.4rem;color:#000;}
.weather_w .today_we .wrap i{font-style:normal;font-size:1.5rem;}

/* 검색결과_상세정보_패싯 */
#jsFacetLeft{width:100%;margin-top:25px;}
#jsFacetLeft .facet_wrap{margin-bottom:15px; overflow: hidden; border-bottom:1px solid #dfdfdf;}
#jsFacetLeft .facet_wrap > p{padding:8px 15px;color:#333; border:1px solid #d1d1d1; border-radius: 5px; background:#f3f3f3;font-size:1.5rem;font-weight:500;}
#jsFacetLeft .facet_wrap div{margin:5px 10px;}
#jsFacetLeft .facet_wrap div p{position:relative;padding:10px 0;border-top:1px dashed #dfdfdf;box-sizing:border-box;}
/*
#jsFacetLeft .facet_wrap div p:nth-child(10) a,
#jsFacetLeft .facet_wrap div p:last-child a{display: inline-block;padding-right:45px;}
#jsFacetLeft .facet_wrap div p:not(:nth-child(10), :last-child) .more_abtn{display:none;}
*/
#jsFacetLeft .facet_wrap div p:first-child{border-top:0;}
#jsFacetLeft .facet_wrap div p a{color:#757575; font-size:1.4rem; letter-spacing:-0.05em;}
#jsFacetLeft .facet_wrap div p a:hover{text-decoration:underline;color:#222;font-weight:500;}
#jsFacetLeft .facet_wrap div p.on a{text-decoration:underline;color:#222;font-weight:500;}
#jsFacetLeft .facet_wrap div p input{height:25px;}
#jsFacetLeft .facet_wrap div p select{padding:0 13px 0 5px;/*width:58px;*/height:25px;font-size:1.2rem;background:#fff url(/nanum/site/builder/skin/common/img/select_arr.png) no-repeat right -5px center / auto 4px;border: 1px solid #d5d5d5;-webkit-appearance:none; /* 화살표 없애기 for chrome*/-moz-appearance:none; /* 화살표 없애기 for firefox*/appearance:none /* 화살표 없애기 공통*/box-sizing:border-box;}
#jsFacetLeft .facet_wrap div p select::-ms-expand{display:none /* 화살표 없애기 for IE10, 11*/}
#jsFacetLeft .facet_wrap div p input[type="button"]{color:#fff;background:#000;border:1px solid #000;box-sizing:border-box;cursor:pointer;}
#jsFacetLeft .facet_wrap div p *{vertical-align:middle;}
#jsFacetLeft .facet_wrap div p a.more_abtn{position:absolute;right:0;bottom:10px;padding:0;display:flex;gap:5px;margin-left: auto;font-size: 1.3rem;align-items: center;}
#jsFacetLeft .facet_wrap div p a.more_abtn i{display:inline-flex;justify-content: center;align-items: center;width: 18px;height: 18px;background: #000;border-radius: 50%;}
#jsFacetLeft .facet_wrap div p a.more_abtn i:before{content: "";display: block;margin-top: -4px;width: 6px; height: 6px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(135deg);transition: transform .3s;overflow: hidden;}
#jsFacetLeft .facet_wrap div p a.more_abtn.on i:before{transform: rotate(-45deg);margin-top:0;margin-bottom: -4px;}


/*프로그램 신청내역*/
#ndlsbox .default_book2.center {display:inline-block;width:100%; text-align:center; box-sizing:border-box; padding:25px;}
#ndlsbox .default_book2 .select_box {display: inline-block; width:140px;/*float:right;*/}
#ndlsbox .default_book2 .select_box.middle {/*float:right;*/margin-right:5px;}
#ndlsbox .default_book2 .select_box.alignRight{float:right;}
#ndlsbox .default_book2 .select_box .select_style {width:100%;}
#ndlsbox .default_book2 .search_style {position:relative;width:62%; display:inline-block;}
#ndlsbox .default_book2 .search_style .input label{position:absolute;left:15px;line-height:47px;}

/*관심정보*/
#ndlsbox .default_book2.center.interest {}
#ndlsbox .default_book2.center.interest .select_box {margin-right:4px; vertical-align:middle;}
#ndlsbox .default_book2.center.interest .excel_btn {line-height:47px; height:47px; font-size:15px;}
.sel_btn .ndls_btn2{font-size:13px; border-radius:5px;}
.sel_btn .ndls_btn2.gray_line:hover {color:#222;}

/*마이페이지 >  강좌신청조회*/
#ndlsbox .default_book2.short .select_box{width:455px;margin-bottom:3px;}
#ndlsbox .default_book2.short .select_box .select_style{width:48%;}
#ndlsbox .default_book2.short .search_style{position:relative;width:42%; display:inline-block;}

/********************희망도서신청 (희망바로대출과 공통)********************/
.barohope_book .section .area {position: relative; padding: 25px; margin-bottom: 15px;  border: 1px solid #dfdfdf; border-radius: 10px;font-weight:500;}
.barohope_book .section .area .book_state p {display:inline-block; font-size:13px; font-weight:500;padding: 6px 15px; border-radius: 20px; background: #fff0e1; line-height: 1; margin-bottom: 10px;}
.barohope_book .section .area .pro_title{margin-bottom: 15px; font-size: 19px; font-weight:500;color: #000;}

.barohope_book .section .area .bcl1{color:#f45c5c; background:#ffeef1 !important;}/*대출*/ /*신청중*/
.barohope_book .section .area .bcl2{color:#e0748d;  background:#ffedf5 !important;}/*반납*/ /*처리중*/
.barohope_book .section .area .bcl3{color:#245ab2; background:#e9edff !important;}/*반납연기*/
.barohope_book .section .area .bcl4{color:#ff8400; background: #fff0e1 !important;}/*예약 소장중*/
.barohope_book .section .area .bcl5{color:#888; background:#f2f2f2 !important;}/*예약취소*/
.barohope_book .section .area .bcl6{color:#02abb6; background:#dbf3f6 !important;}/*무인*/
.barohope_book .section .area .bcl7{color:#4aaa58; background:#dff6ec !important;}/*책두레대출*/
.barohope_book .section .area .bcl8{color:#4aaa58; background:#deffe3 !important;}/*책두레반납연기*/
.barohope_book .section .area .bcl9{color:#4aaa58; background:#e7f4e8 !important;}/*책두레반납*/
.barohope_book .section .area .bcl10{color:#666; background:#f1f1f1 !important;}/*취소*/
.barohope_book .section .area .bcl11{color:#d54170; background:#ffeaf1 !important; font-size:13px;}/*답변*/

.barohope_book .section .area .date{width:100%;display:inline-block;font-size:13px;}
.barohope_book .section .area .date dl{float:left;margin-right:15px;display:inline-block;}
.barohope_book .section .area .date dl dt{float: left; margin-right: 5px; color: #000; font-weight:500;padding: 0 16px; border: 1px solid #a1a1a1; line-height: 24px;}
.barohope_book .section .area .date dl dd{float:left; font-size:15px;}
.barohope_book .section .area .date dl dd span.eng{letter-spacing:0;}
.barohope_book .section .area .box2 .btn_box .btn {padding: 4px 20px; font-size: 13px; background: #6e6e6e;color: #fff; border-radius: 5px;  position: absolute; top: 20px;  right: 20px;}

/******************** 바로희망대출 신청접수폼 ********************/
.baro_book .area{margin-bottom:50px;}
.baro_book .area .text{font-weight:500;color:#222;font-size:16px;}
.baro_book .area h3.tit{float:left;}
.baro_book .area .check{float:right;padding-top:20px;}
.baro_book .area .check input{vertical-align:middle;}
.baro_book .area .check label{vertical-align:middle;font-weight:500;}
.baro_book .area .check_fl{float:none;font-weight:bold;}
.baro_book .area .txt_box{clear:both;height:130px;padding:30px;border:1px solid #dfdfdf;overflow-y:scroll;}
.baro_book .allagree{margin-bottom:40px;padding-bottom:40px;border-bottom:1px dashed #ccc;text-align:center;font-size:17px;color:#222;font-weight:500;}
.baro_book .allagree label{color:#222;}
.baro_book .area .chk{float:right;margin-top:40px;padding-left:15px;font-weight:500;background:url(/nanum/site/img/common/ic_vcheck.gif) no-repeat left center;}

.baro_book .chk{background:url(/nanum/site/img/common/ic_vcheck.gif) no-repeat left center;}
.baro_book .section{padding:30px;border:1px solid #dfdfdf;clear:both;overflow:hidden;}
.baro_book .section .sected{float:left;width:25%;}


/*희망도서신청 새창*/
.hope_book_win .page_tit{padding:30px 10px;text-align:center;color:#fff;background:#8238a9;}
.hope_book_win .page_tit .tit{font-weight:700;font-size:2.8rem;}
.hope_book_win .page_tit .txt{margin-top:20px;font-weight:500;font-size:1.8rem;}
.hope_book_win #ndls .ndls_bwrite .box>ul>li{box-sizing:border-box;}
.hope_book_win .txt_input{height:35px;line-height:35px;}
.hope_book_win .ndls_btn.change_num{padding:10px 25px;font-size:14px;}
.hope_book_win .cont{width:95%;margin:25px auto;}
.hope_book_win .serch_b{background:#f9f9f9;text-align:center;padding:15px 0;}
.hope_book_win .serch_b .search_txt{height:38px;line-height:38px;padding:0 15px;border:2px solid #8238a9;vertical-align:middle;}
.hope_book_win .serch_b .search_put{height:42px;width:42px;background:#8238a9;border:2px solid #8238a9;color:#fff;vertical-align:middle;margin-left:-3px;}
.hope_book_win .cont{overflow:hidden;clear:both;width:95%;margin:25px auto 0 auto;}

/*제재현황*/
.sanction{width:100%;padding:110px 0 30px 0;margin:0 auto;text-align:center;border:1px solid #dbdbdb;background:url(/nanum/ndls/imgs/common/sanction.gif) no-repeat center 30px;}
.sanction .name{margin-bottom:12px; font-weight:500;font-size:25px;color:#245ab2;}
.sanction .number{font-size:13px;color:#000; font-weight:500;letter-spacing:-1px;}

/* 강좌신청 조회 */
#ndlsbox .table_blist {clear:both;}
#ndlsbox .table_blist table {width:100%; border-collapse:collapse;border-top:2px solid #222;}
#ndlsbox .table_blist table caption {display:none;}
#ndlsbox .table_blist th,
#ndlsbox .table_blist td{text-align:center;padding:12px 10px;border-bottom:1px solid #dfdfdf}
#ndlsbox .table_blist thead th {text-align:center; border-bottom:1px solid #ccc;}
#ndlsbox .table_blist thead th.th_none {background-image:none;}
#ndlsbox .table_blist tbody td img {vertical-align:middle;}
#ndlsbox .table_blist tbody td span.reply_count {color:#EE5A00; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em;}
#ndlsbox .table_blist tbody td.notice {background-color:#FBFBFB;}
#ndlsbox .table_blist tbody td.title {text-align:left;}
#ndlsbox .table_blist tbody td.center {text-align:center;}


/********************태블릿********************/
@media all and (max-width:1024px){

select.custom_sel{padding:0 2vw;}

#jsFacetLeft{display:none;}

/* 상세검색레이어창 */
#ndlsbox .searchbox .detail_layer{width:100vw;height:100vh;top:0;left:0;margin:0;}
#ndlsbox .searchbox .detail_layer .layer_header{height:auto;padding:1.5vh 3vw;}
#ndlsbox .searchbox .detail_layer .layer_cont{height:calc(100vh - 60px);padding:3vh 3vw;}
#ndlsbox .searchbox .detail_layer .lib_opt{padding:2vh 3vw;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item{flex-wrap:wrap;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_tit{width:100%;margin-bottom:10px;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list ul{flex-wrap:wrap;}
#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list ul li{width:25%;margin:5px 0 !important;}
#ndlsbox .searchbox .detail_layer .btn_area{justify-content:space-between;}
#ndlsbox .searchbox .detail_layer .btn_area .btn{width:49%;margin:0;}
#ndlsbox .searchbox .detail_layer .btn_area .btn:nth-child(1){display:none;}
#ndlsbox .searchbox .detail_layer.on:before{display:none;}

#ndlsbox .searchbox .default_opt .hotkeyword{width:100%;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_list{flex-grow:1;width:100%;}
#ndlsbox .searchbox .default_opt .hotkeyword .keyword_layer{left:0;width:100%;padding:3vh 1vw 2vh 1vw;}
#ndlsbox .searchbox .default_opt .global_btn{display:none;}

#ndlsbox .searchbox .main_opt{height:50px;}
#ndlsbox .searchbox .main_opt .srch_txt{padding:0 2vw 0 7vw;background-position:2vw 50%;background-size:3vw auto;}
#ndlsbox .searchbox .main_opt .btn_srch{width:auto;padding:0 5vw;}
#ndlsbox .searchbox .main_opt .btn_detail{width:auto;padding:0 3vw;}

#ndlsbox .searchbox .date_opt{flex-wrap:wrap;padding:2vh 2vw;}
#ndlsbox .searchbox .date_opt .opt_tit{width:70px;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw li{flex-grow:0;width:19.2%;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw.txtover li{width:24.2%;}

#ndlsbox .searchbox .lib_opt{padding:2vh 2vw;}
#ndlsbox .searchbox .lib_opt.selbx_type .btn_area{padding-left:2vw;}

#ndlsbox .searchbox .nonbook_opt select{width:25vw;}
#ndlsbox .searchbox .nonbook_opt .srch_txt{padding:0 2vw;border-right:1px solid #d5d5d5;}
#ndlsbox .searchbox .nonbook_opt .ndls_btn{display:none;}

#ndlsbox .book_area{padding:2vh 2vw;}


/* 나의도서이용성향 */
#mylibbox .chart_wrap{flex-wrap:wrap;}
#mylibbox .chart_wrap .chart{width:100%;}
#mylibbox .chart_wrap .chart .box{height:auto;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
#ndlsbox .searchbox .detail_layer .lib_opt .opt_tit{display:none;}

/* 도서관선택옵션_다중선택(체크박스) */
#ndlsbox .searchbox .lib_opt.chkbx_type .opt_tit{display:none;}

/* 도서관선택옵션_단일선택(셀렉트박스) */
#ndlsbox .searchbox .lib_opt.selbx_type .lib_list select{height:40px;}
#ndlsbox .searchbox .lib_opt.selbx_type .btn_area .btn_srch{height:40px;}

/* 나의도서이용성향 */
#mylibbox .slidebox .book_slide .curation_prev,
#mylibbox .slidebox .book_slide .curation_next{width:38px;height:38px;background-size:auto 10px;}
#mylibbox .slidebox .book_slide .curation_prev{right:39px;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .title{height:38px;max-height:38px;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info{flex-wrap:wrap;flex-direction:column;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info li:nth-child(n+2){margin-left:0;padding-left:0;}
#mylibbox .slidebox .book_slide .swiper-slide .detail .pub_info li:nth-child(n+2):before{display:none;}
	
#ndlsbox .searchbox .mylib_opt.type1{display:inline-block;width:100%;height:auto;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area{flex-wrap:wrap;width:100%;justify-content:space-between;align-items:center;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area .sarea_boxw{flex-grow:1;width:0;height:100%;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area .ndls_btn{padding:0;width:70px;}
#ndlsbox .searchbox .mylib_opt.type1 .ndls_btn.excel{float:right;margin:10px 0 0;}
#ndlsbox .searchbox .mylib_opt.type1 .srch_area select.custom_sel{padding:0 25px 0 5px;}

#ndlsbox .searchbox .date_opt .opt_box.chkbx_type .opt_tit{margin-bottom:0;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw{gap:2%;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw li{margin:1% 0;width:32%;}
#ndlsbox .searchbox .date_opt .opt_box ul.flexlistw.txtover li{width:49%;}


.kdcBookList ul li a.name,
.kdcBookList .kdc_tbook .swiper-slide a.name{max-height:33px;}

#ndlsbox .state_book li .cont .sm_box{flex-wrap:wrap;}
#ndlsbox .state_book li .cont .sm_box dl{width:48% !important;}

#ndlsbox .state_book li{position:relative;display:block;}
#ndlsbox .state_book li .btn_box{position:absolute;top:19px;right:20px;width:auto;height:30px;}
#ndlsbox .state_book li .btn_box a{padding:0 15px;font-weight:700;font-size:1.4rem;line-height:30px;}

}

/********************모바일2********************/
@media all and (max-width:640px){
	
#ndlsbox .searchbox .detail_layer .lib_opt .lib_list li{width:50%;}

/* 도서관선택옵션_다중선택(체크박스) */
#ndlsbox .searchbox .lib_opt.chkbx_type .lib_list li{width:50%;}
.inp_chk[type="checkbox"].borbx + label,
.inp_chk[type="checkbox"].borbx:checked + label{background-position:center left 10px;background-size:15px;}
	
#ndlsbox .searchbox .date_opt .opt_box{width:100%;}
#ndlsbox .searchbox .date_opt .opt_box:nth-child(n+2){margin-top:10px;}
#ndlsbox .searchbox .date_opt .opt_box ul.days_sel li{width:25%;}
	

#ndlsbox .book_detail .book_area .book_info dl{display:block;padding-top:10px;border-top:1px dashed #ededed;}
#ndlsbox .book_detail .book_area .book_info dl:first-child{border-top:0;}
#ndlsbox .book_detail .book_area .book_info dl dt:after{display:none;}
#ndlsbox .book_detail .book_area .book_info dl dd{margin-top:5px;padding-left:0}

}

/********************모바일3********************/
@media all and (max-width:480px){

#ndlsbox .searchbox .detail_layer .detail_opt .opt_item .opt_list ul li{width:50%;}
#ndlsbox .searchbox .date_opt .opt_tit{margin-bottom:5px;}
#ndlsbox .searchbox .date_opt .opt_box{flex-wrap:wrap;}
#ndlsbox .searchbox .date_opt .opt_box ul{padding-left:0;}

.inp_chk[type="checkbox"].borbx + label,
.inp_chk[type="checkbox"].borbx:checked + label{background-position:center left 3px;}

.cont_sta{flex-wrap:wrap;}
.cont_sta .exe_btn{margin-top:10px;flex-wrap:wrap;justify-content:space-between;width:100%;margin-left:0;}
.cont_sta .exe_btn .align_box{width:100%;margin-bottom:10px;}
.cont_sta .exe_btn a{width:49%;box-sizing:border-box;margin-left:0 !important;}

#ndlsbox .author{justify-content:center;}
#ndlsbox .book_detail .box_keep .book_status{position:static;margin-bottom:10px;}
#ndlsbox .book_detail .box_keep .author{padding-right:0;justify-content:left;}
#ndlsbox .book_list .book_area{position:relative;flex-direction:column;align-items:center;}
#ndlsbox .book_list .book_area .book_img{margin-right:0;}
#ndlsbox .book_list .book_area .book_info .tit_w{flex-direction:column;margin-top:10px;padding:0;}
#ndlsbox .book_list .book_area .book_info .tit{margin-bottom:10px;text-align:center;}
#ndlsbox .book_list .book_area .book_info .tit input[type=checkbox]{position:absolute;top:2vh;left:2vw;}
#ndlsbox .book_list .book_area .book_info .tit span{display:block;margin-bottom:5px;}
#ndlsbox .book_list .book_area .book_info .book_status{width:100%;margin-bottom:10px;text-align:center;}
#ndlsbox .book_list .book_area .book_info .btn_box{justify-content:space-between;}
#ndlsbox .book_list .book_area .book_info .btn_box a{width:100%;}

#mylibbox .slidebox .book_slide .swiper-slide .box{height:auto;background:none;}
#mylibbox .slidebox .book_slide .swiper-slide .box .cover img{width:80px;height:120px;}

.barGraph .txt{font-size:1.4rem;word-break:break-all;}

.kdcBookList ul,
.kdcBookList .kdc_tbook{flex-wrap:wrap;}
.kdcBookList ul li{margin-bottom:15px;width:33.333%;}
,.kdcBookList .kdc_tbook .swiper-slide{margin-bottom:15px;}

#ndlsbox .state_book li .cont .sm_box dl{margin-right:0;width:100% !important;}

}

/********************웹********************/
@media all and (min-width:1025px) {

#mylibbox .slidebox .book_slide .curation_prev:hover,
#mylibbox .slidebox .book_slide .curation_next:hover{border:1px solid #222;z-index:9999;}
#mylibbox .slidebox .book_slide .curation_prev:hover{background-image:url(/nanum/site/img/common/curation_prev_on.png);}
#mylibbox .slidebox .book_slide .curation_next:hover{background-image:url(/nanum/site/img/common/curation_next_on.png);}

}